{ "version": 3, "sources": ["../javascripts/styled-components/components/Text/index.tsx"], "sourcesContent": ["import styled, { css } from 'styled-components';\n\nexport interface IText {\n $size?: 'xsmall' | 'xsmallStatic' | 'small' | 'smallStatic' | 'standard' | 'large';\n $tone?: 'main' | 'alt' | 'success' | 'error' | 'secondary';\n $align?: 'left' | 'center' | 'right';\n $weight?: 'light' | 'regular' | 'medium' | 'bold';\n $decoration?: 'line-through';\n}\n\nexport const Text = styled.div.withConfig({ componentId: 'sc-vz25os-0' })`\n ${({ $size }) =>\n $size === 'xsmall'\n ? css`\n font-size: ${(props) => props.theme.font.size.xsmall};\n `\n : $size === 'xsmallStatic'\n ? css`\n font-size: var(--font-size-xsmall-static);\n `\n : $size === 'small'\n ? css`\n font-size: ${(props) => props.theme.font.size.small};\n `\n : $size === 'smallStatic'\n ? css`\n font-size: var(--font-size-small-static);\n `\n : $size === 'standard'\n ? css`\n font-size: ${(props) => props.theme.font.size.regular};\n `\n : $size === 'large'\n ? css`\n font-size: ${(props) => props.theme.font.size.large};\n `\n : undefined}\n\n ${({ $tone }) =>\n $tone === 'main'\n ? css`\n color: var(--c-text-main);\n `\n : $tone === 'alt'\n ? css`\n color: var(--c-text-muted);\n `\n : $tone === 'success'\n ? css`\n color: var(--c-semantic-success-700);\n `\n : $tone === 'error'\n ? css`\n color: var(--c-semantic-error-700);\n `\n : $tone === 'secondary'\n ? css`\n color: var(--c-secondary-fg);\n `\n : undefined}\n\n ${({ $align }) =>\n $align === 'left'\n ? css`\n text-align: left;\n `\n : $align === 'center'\n ? css`\n text-align: center;\n `\n : $align === 'right'\n ? css`\n text-align: right;\n `\n : undefined}\n\n ${({ $weight }) =>\n $weight === 'light'\n ? css`\n font-weight: var(--font-weight-light);\n `\n : $weight === 'regular'\n ? css`\n font-weight: var(--font-weight-regular);\n `\n : $weight === 'medium'\n ? css`\n font-weight: var(--font-weight-medium);\n `\n : $weight === 'bold'\n ? css`\n font-weight: var(--font-weight-bold);\n `\n : undefined}\n\n ${({ $decoration }) =>\n $decoration === 'line-through'\n ? css`\n text-decoration: line-through;\n `\n : undefined}\n`;\n"], "mappings": "sDAUO,IAAMA,EAAOC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA,MAClE,CAAC,CAAE,MAAAC,CAAM,IACTA,IAAU,SACNC;AAAA,+BACsBC,GAAUA,EAAM,MAAM,KAAK,KAAK,MAAM;AAAA,gBAE5DF,IAAU,eACRC;AAAA;AAAA,gBAGAD,IAAU,QACRC;AAAA,+BACkBC,GAAUA,EAAM,MAAM,KAAK,KAAK,KAAK;AAAA,gBAEvDF,IAAU,cACRC;AAAA;AAAA,gBAGAD,IAAU,WACRC;AAAA,+BACcC,GAAUA,EAAM,MAAM,KAAK,KAAK,OAAO;AAAA,gBAErDF,IAAU,QACRC;AAAA,+BACYC,GAAUA,EAAM,MAAM,KAAK,KAAK,KAAK;AAAA,gBAEjD,MAAS;AAAA;AAAA,MAEvB,CAAC,CAAE,MAAAC,CAAM,IACTA,IAAU,OACNF;AAAA;AAAA,gBAGAE,IAAU,MACRF;AAAA;AAAA,gBAGAE,IAAU,UACRF;AAAA;AAAA,gBAGAE,IAAU,QACRF;AAAA;AAAA,gBAGAE,IAAU,YACRF;AAAA;AAAA,gBAGA,MAAS;AAAA;AAAA,IAEvB,CAAC,CAAE,OAAAG,CAAO,IACVA,IAAW,OACPH;AAAA;AAAA,gBAGAG,IAAW,SACTH;AAAA;AAAA,gBAGAG,IAAW,QACTH;AAAA;AAAA,gBAGA,MAAS;AAAA;AAAA,IAEjB,CAAC,CAAE,QAAAI,CAAQ,IACXA,IAAY,QACRJ;AAAA;AAAA,gBAGAI,IAAY,UACVJ;AAAA;AAAA,gBAGAI,IAAY,SACVJ;AAAA;AAAA,gBAGAI,IAAY,OACVJ;AAAA;AAAA,gBAGA,MAAS;AAAA;AAAA,IAEnB,CAAC,CAAE,YAAAK,CAAY,IACfA,IAAgB,eACZL;AAAA;AAAA,gBAGA,MAAS;", "names": ["Text", "dt", "$size", "lt", "props", "$tone", "$align", "$weight", "$decoration"] }