@laerdal/life-react-components 5.0.2 → 5.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypographyBase","styled","div","_taggedTemplateLiteral2","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$color","color","COLORS","getColor","theme","exports","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","css","concat","ComponentXLStyling","ComponentXL","_ref","children","className","jsx","$color","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","ComponentMStyling","ComponentM","_ref3","ComponentSStyling","ComponentS","_ref4","ComponentXSStyling","ComponentXS","_ref5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","ComponentResponsive","_ref7","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n $lineHeight: number,\r\n $fontSize: number,\r\n $fontWeight: number,\r\n $fontStyle?: string,\r\n $textTransform?: Property.TextTransform,\r\n $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n fontSize: ${props => props.$fontSize};\r\n fontWeight: ${props => props.$fontWeight};\r\n lineHeight: ${props => props.$lineHeight}px;\r\n textTransform: ${props => props.$textTransform ?? 'none' };\r\n textDecorationLine: ${props => props.$textDecorationLine ?? 'none'};\r\n fontStyle: ${props => props.$fontStyle ?? 'normal'};\r\n color: ${props => props.color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n Regular = 1,\r\n Bold,\r\n Italic,\r\n UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n color?: string;\r\n className?: string;\r\n textStyle?: ComponentTextStyle;\r\n children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n let fontWeight = 400;\r\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n fontWeight = 700;\r\n }\r\n return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n return css`\r\n font-size: ${fontSize};\r\n font-weight: ${componentFontWeight(textStyle)};\r\n line-height: ${lineHeight};\r\n font-style: ${componentFontStyle(textStyle)};\r\n ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n color,\r\n textStyle,\r\n children,\r\n size,\r\n width\r\n }) => {\r\n let fontsize = size;\r\n if (!size) {\r\n if (width == -1) {\r\n fontsize = Size.Medium;\r\n } else if (width < 768) {\r\n fontsize = Size.Small;\r\n } else if (width < 992) {\r\n fontsize = Size.Medium;\r\n } else {\r\n fontsize = Size.Large;\r\n }\r\n }\r\n switch (fontsize) {\r\n case Size.XXSmall:\r\n return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.XSmall:\r\n return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Small:\r\n return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Medium:\r\n return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Large:\r\n default:\r\n return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n }\r\n};\r\n\r\nexport const Typography = css`\r\n html {\r\n font-size: 100%;\r\n }\r\n\r\n @media (min-width: 48rem) {\r\n html {\r\n font-size: 112.5%;\r\n }\r\n }\r\n\r\n @media (min-width: 80rem) {\r\n html {\r\n font-size: 125%;\r\n }\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n line-height: 120%;\r\n margin: 0;\r\n }\r\n\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n h3 {\r\n font-size: 2rem;\r\n }\r\n\r\n h4 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n h5 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n h6 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n font-size: 1rem;\r\n line-height: 150%;\r\n margin: 0 0 0.5rem;\r\n }\r\n\r\n p:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 34rem;\r\n }\r\n\r\n :lang(ja-jp) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(ko-kr) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(zh-CN) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n font-size: 1.5rem;\r\n line-height: 150%;\r\n margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n ComponentTextStyle,\r\n ComponentXL,\r\n ComponentL,\r\n ComponentM,\r\n ComponentS,\r\n ComponentXS,\r\n ComponentXXS,\r\n ComponentResponsive\r\n};\r\nexport {\r\n ComponentXLStyling,\r\n ComponentLStyling,\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypographyBase","styled","div","_taggedTemplateLiteral2","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$$color","$color","COLORS","getColor","theme","exports","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","css","concat","ComponentXLStyling","ComponentXL","_ref","children","className","jsx","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","ComponentMStyling","ComponentM","_ref3","ComponentSStyling","ComponentS","_ref4","ComponentXSStyling","ComponentXS","_ref5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","ComponentResponsive","_ref7","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n $lineHeight: number,\r\n $fontSize: number,\r\n $fontWeight: number,\r\n $fontStyle?: string,\r\n $textTransform?: Property.TextTransform,\r\n $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n font-size: ${props => props.$fontSize}px;\r\n font-weight: ${props => props.$fontWeight};\r\n line-height: ${props => props.$lineHeight}px;\r\n text-transform: ${props => props.$textTransform ?? 'none' };\r\n text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n font-style: ${props => props.$fontStyle ?? 'normal'};\r\n color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n Regular = 1,\r\n Bold,\r\n Italic,\r\n UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n color?: string;\r\n className?: string;\r\n textStyle?: ComponentTextStyle;\r\n children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n let fontWeight = 400;\r\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n fontWeight = 700;\r\n }\r\n return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n return css`\r\n font-size: ${fontSize};\r\n font-weight: ${componentFontWeight(textStyle)};\r\n line-height: ${lineHeight};\r\n font-style: ${componentFontStyle(textStyle)};\r\n ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n color,\r\n textStyle,\r\n children,\r\n size,\r\n width\r\n }) => {\r\n let fontsize = size;\r\n if (!size) {\r\n if (width == -1) {\r\n fontsize = Size.Medium;\r\n } else if (width < 768) {\r\n fontsize = Size.Small;\r\n } else if (width < 992) {\r\n fontsize = Size.Medium;\r\n } else {\r\n fontsize = Size.Large;\r\n }\r\n }\r\n switch (fontsize) {\r\n case Size.XXSmall:\r\n return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.XSmall:\r\n return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Small:\r\n return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Medium:\r\n return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Large:\r\n default:\r\n return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n }\r\n};\r\n\r\nexport const Typography = css`\r\n html {\r\n font-size: 100%;\r\n }\r\n\r\n @media (min-width: 48rem) {\r\n html {\r\n font-size: 112.5%;\r\n }\r\n }\r\n\r\n @media (min-width: 80rem) {\r\n html {\r\n font-size: 125%;\r\n }\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n line-height: 120%;\r\n margin: 0;\r\n }\r\n\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n h3 {\r\n font-size: 2rem;\r\n }\r\n\r\n h4 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n h5 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n h6 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n font-size: 1rem;\r\n line-height: 150%;\r\n margin: 0 0 0.5rem;\r\n }\r\n\r\n p:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 34rem;\r\n }\r\n\r\n :lang(ja-jp) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(ko-kr) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(zh-CN) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n font-size: 1.5rem;\r\n line-height: 150%;\r\n margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n ComponentTextStyle,\r\n ComponentXL,\r\n ComponentL,\r\n ComponentM,\r\n ComponentS,\r\n ComponentXS,\r\n ComponentXXS,\r\n ComponentResponsive\r\n};\r\nexport {\r\n ComponentXLStyling,\r\n ComponentLStyling,\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
@@ -6,7 +6,7 @@ import styled, { css } from 'styled-components';
6
6
  import { COLORS } from '.';
7
7
  import { Size } from '../types';
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
- export var TypographyBase = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n fontSize: ", ";\n fontWeight: ", ";\n lineHeight: ", "px;\n textTransform: ", ";\n textDecorationLine: ", ";\n fontStyle: ", ";\n color: ", ";\n"])), function (props) {
9
+ export var TypographyBase = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", "px;\n font-weight: ", ";\n line-height: ", "px;\n text-transform: ", ";\n text-decoration-line: ", ";\n font-style: ", ";\n color: ", ";\n"])), function (props) {
10
10
  return props.$fontSize;
11
11
  }, function (props) {
12
12
  return props.$fontWeight;
@@ -22,8 +22,8 @@ export var TypographyBase = styled.div(_templateObject || (_templateObject = _ta
22
22
  var _props$$fontStyle;
23
23
  return (_props$$fontStyle = props.$fontStyle) !== null && _props$$fontStyle !== void 0 ? _props$$fontStyle : 'normal';
24
24
  }, function (props) {
25
- var _props$color;
26
- return (_props$color = props.color) !== null && _props$color !== void 0 ? _props$color : COLORS.getColor('black', props.theme);
25
+ var _props$$color;
26
+ return (_props$$color = props.$color) !== null && _props$$color !== void 0 ? _props$$color : COLORS.getColor('black', props.theme);
27
27
  });
28
28
  var ComponentTextStyle;
29
29
  (function (ComponentTextStyle) {
@@ -1 +1 @@
1
- {"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","div","_templateObject","_taggedTemplateLiteral","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$color","color","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","_templateObject2","concat","ComponentXLStyling","ComponentXL","_ref","children","className","$color","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","ComponentMStyling","ComponentM","_ref3","ComponentSStyling","ComponentS","_ref4","ComponentXSStyling","ComponentXS","_ref5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","ComponentResponsive","_ref7","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","_templateObject3","QuoteTypography","_templateObject4","NoteTypography","_templateObject5","UpperCaseTypography","_templateObject6","Note","p","_templateObject7","Quote","_templateObject8","UpperCase","_templateObject9"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n $lineHeight: number,\r\n $fontSize: number,\r\n $fontWeight: number,\r\n $fontStyle?: string,\r\n $textTransform?: Property.TextTransform,\r\n $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n fontSize: ${props => props.$fontSize};\r\n fontWeight: ${props => props.$fontWeight};\r\n lineHeight: ${props => props.$lineHeight}px;\r\n textTransform: ${props => props.$textTransform ?? 'none' };\r\n textDecorationLine: ${props => props.$textDecorationLine ?? 'none'};\r\n fontStyle: ${props => props.$fontStyle ?? 'normal'};\r\n color: ${props => props.color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n Regular = 1,\r\n Bold,\r\n Italic,\r\n UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n color?: string;\r\n className?: string;\r\n textStyle?: ComponentTextStyle;\r\n children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n let fontWeight = 400;\r\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n fontWeight = 700;\r\n }\r\n return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n return css`\r\n font-size: ${fontSize};\r\n font-weight: ${componentFontWeight(textStyle)};\r\n line-height: ${lineHeight};\r\n font-style: ${componentFontStyle(textStyle)};\r\n ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n color,\r\n textStyle,\r\n children,\r\n size,\r\n width\r\n }) => {\r\n let fontsize = size;\r\n if (!size) {\r\n if (width == -1) {\r\n fontsize = Size.Medium;\r\n } else if (width < 768) {\r\n fontsize = Size.Small;\r\n } else if (width < 992) {\r\n fontsize = Size.Medium;\r\n } else {\r\n fontsize = Size.Large;\r\n }\r\n }\r\n switch (fontsize) {\r\n case Size.XXSmall:\r\n return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.XSmall:\r\n return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Small:\r\n return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Medium:\r\n return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Large:\r\n default:\r\n return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n }\r\n};\r\n\r\nexport const Typography = css`\r\n html {\r\n font-size: 100%;\r\n }\r\n\r\n @media (min-width: 48rem) {\r\n html {\r\n font-size: 112.5%;\r\n }\r\n }\r\n\r\n @media (min-width: 80rem) {\r\n html {\r\n font-size: 125%;\r\n }\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n line-height: 120%;\r\n margin: 0;\r\n }\r\n\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n h3 {\r\n font-size: 2rem;\r\n }\r\n\r\n h4 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n h5 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n h6 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n font-size: 1rem;\r\n line-height: 150%;\r\n margin: 0 0 0.5rem;\r\n }\r\n\r\n p:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 34rem;\r\n }\r\n\r\n :lang(ja-jp) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(ko-kr) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(zh-CN) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n font-size: 1.5rem;\r\n line-height: 150%;\r\n margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n ComponentTextStyle,\r\n ComponentXL,\r\n ComponentL,\r\n ComponentM,\r\n ComponentS,\r\n ComponentXS,\r\n ComponentXXS,\r\n ComponentResponsive\r\n};\r\nexport {\r\n ComponentXLStyling,\r\n ComponentLStyling,\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","div","_templateObject","_taggedTemplateLiteral","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$$color","$color","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","_templateObject2","concat","ComponentXLStyling","ComponentXL","_ref","children","className","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","ComponentMStyling","ComponentM","_ref3","ComponentSStyling","ComponentS","_ref4","ComponentXSStyling","ComponentXS","_ref5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","ComponentResponsive","_ref7","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","_templateObject3","QuoteTypography","_templateObject4","NoteTypography","_templateObject5","UpperCaseTypography","_templateObject6","Note","p","_templateObject7","Quote","_templateObject8","UpperCase","_templateObject9"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n $lineHeight: number,\r\n $fontSize: number,\r\n $fontWeight: number,\r\n $fontStyle?: string,\r\n $textTransform?: Property.TextTransform,\r\n $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n font-size: ${props => props.$fontSize}px;\r\n font-weight: ${props => props.$fontWeight};\r\n line-height: ${props => props.$lineHeight}px;\r\n text-transform: ${props => props.$textTransform ?? 'none' };\r\n text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n font-style: ${props => props.$fontStyle ?? 'normal'};\r\n color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n Regular = 1,\r\n Bold,\r\n Italic,\r\n UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n color?: string;\r\n className?: string;\r\n textStyle?: ComponentTextStyle;\r\n children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n let fontWeight = 400;\r\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n fontWeight = 700;\r\n }\r\n return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n return css`\r\n font-size: ${fontSize};\r\n font-weight: ${componentFontWeight(textStyle)};\r\n line-height: ${lineHeight};\r\n font-style: ${componentFontStyle(textStyle)};\r\n ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n let fontWeight = componentFontWeight(textStyle);\r\n let fontStyle = componentFontStyle(textStyle);\r\n let textTransform = componentTextTransformation(textStyle);\r\n return (\r\n <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n $fontStyle={fontStyle} $textTransform={textTransform}>\r\n {children}\r\n </TypographyBase>\r\n );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n color,\r\n textStyle,\r\n children,\r\n size,\r\n width\r\n }) => {\r\n let fontsize = size;\r\n if (!size) {\r\n if (width == -1) {\r\n fontsize = Size.Medium;\r\n } else if (width < 768) {\r\n fontsize = Size.Small;\r\n } else if (width < 992) {\r\n fontsize = Size.Medium;\r\n } else {\r\n fontsize = Size.Large;\r\n }\r\n }\r\n switch (fontsize) {\r\n case Size.XXSmall:\r\n return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.XSmall:\r\n return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Small:\r\n return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Medium:\r\n return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n case Size.Large:\r\n default:\r\n return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n }\r\n};\r\n\r\nexport const Typography = css`\r\n html {\r\n font-size: 100%;\r\n }\r\n\r\n @media (min-width: 48rem) {\r\n html {\r\n font-size: 112.5%;\r\n }\r\n }\r\n\r\n @media (min-width: 80rem) {\r\n html {\r\n font-size: 125%;\r\n }\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n line-height: 120%;\r\n margin: 0;\r\n }\r\n\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n h3 {\r\n font-size: 2rem;\r\n }\r\n\r\n h4 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n h5 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n h6 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n font-size: 1rem;\r\n line-height: 150%;\r\n margin: 0 0 0.5rem;\r\n }\r\n\r\n p:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n\r\n\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 34rem;\r\n }\r\n\r\n :lang(ja-jp) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(ko-kr) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n\r\n :lang(zh-CN) {\r\n h1, h2, h3, h4, h5, h6, p, span {\r\n max-width: 30rem;\r\n }\r\n }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n font-size: 1.5rem;\r\n line-height: 150%;\r\n margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n font-size: 0.75rem;\r\n line-height: 150%;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n ComponentTextStyle,\r\n ComponentXL,\r\n ComponentL,\r\n ComponentM,\r\n ComponentS,\r\n ComponentXS,\r\n ComponentXXS,\r\n ComponentResponsive\r\n};\r\nexport {\r\n ComponentXLStyling,\r\n ComponentLStyling,\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@laerdal/life-react-components",
3
- "version": "5.0.2",
3
+ "version": "5.0.4",
4
4
  "private": false,
5
5
  "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
6
6
  "contributors": [],