@laerdal/life-react-components 6.0.0-dev.24.full → 6.0.0-dev.26

package/dist/styles/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_excluded","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TypographyBase","exports","styled","div","props","$fontSize","$fontWeight","$lineHeight","$textTransform","$textDecorationLine","$fontStyle","$color","COLORS","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","css","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties2","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, { AriaAttributes } 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 = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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                                                                                                         ...rest\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} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\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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pE,OAAA,CAAAuE;AAAA;AA4IH,MAAM4B,UAAU,GAAArE,OAAA,CAAAqE,UAAA,GAAG,IAAAzC,qBAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAM0C,eAAe,GAAAtE,OAAA,CAAAsE,eAAA,GAAG,IAAA1C,qBAAG;AAClC;AACA;AACA;AACA,CAAC;AAEM,MAAM2C,cAAc,GAAAvE,OAAA,CAAAuE,cAAA,GAAG,IAAA3C,qBAAG;AACjC;AACA;AACA;AACA,CAAC;AAEM,MAAM4C,mBAAmB,GAAAxE,OAAA,CAAAwE,mBAAA,GAAG,IAAA5C,qBAAG;AACtC;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAM6C,IAAI,GAAAzE,OAAA,CAAAyE,IAAA,GAAGxE,yBAAM,CAACyE,CAAC;AAC5B,IAAIH,cAAc;AAClB,CAAC;AAEM,MAAMI,KAAK,GAAA3E,OAAA,CAAA2E,KAAA,GAAG1E,yBAAM,CAACyE,CAAC;AAC7B,IAAIJ,eAAe;AACnB,CAAC;AAEM,MAAMM,SAAS,GAAA5E,OAAA,CAAA4E,SAAA,GAAG3E,yBAAM,CAACyE,CAAC;AACjC,IAAIF,mBAAmB;AACvB,CAAC","ignoreList":[]}
+{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_excluded","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TypographyBase","exports","styled","div","props","$fontSize","$fontWeight","$lineHeight","$textTransform","$textDecorationLine","$fontStyle","$color","COLORS","generateToken","componentType","defaultVariant","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","css","getColor","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties2","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, { AriaAttributes } 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.generateToken({componentType:'text', defaultVariant:'default'}, 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 = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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                                                                                                         ...rest\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} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\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/dist/styles/typography.js

@@ -22,7 +22,10 @@ export const TypographyBase = styled.div`
   text-transform: ${props => props.$textTransform ?? 'none'};
   text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};
   font-style: ${props => props.$fontStyle ?? 'normal'};
-  color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};
+  color: ${props => props.$color ?? COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme)};
 `;
 var ComponentTextStyle = /*#__PURE__*/function (ComponentTextStyle) {
   ComponentTextStyle[ComponentTextStyle["Regular"] = 1] = "Regular";

package/dist/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","div","props","$fontSize","$fontWeight","$lineHeight","$textTransform","$textDecorationLine","$fontStyle","$color","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","_excluded2","ComponentMStyling","ComponentM","_ref3","_excluded3","ComponentSStyling","ComponentS","_ref4","_excluded4","ComponentXSStyling","ComponentXS","_ref5","_excluded5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","_excluded6","ComponentResponsive","_ref7","size","width","_excluded7","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } 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 = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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                                                                                                         ...rest\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} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\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":[]}
+{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","div","props","$fontSize","$fontWeight","$lineHeight","$textTransform","$textDecorationLine","$fontStyle","$color","generateToken","componentType","defaultVariant","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","getColor","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","_excluded2","ComponentMStyling","ComponentM","_ref3","_excluded3","ComponentSStyling","ComponentS","_ref4","_excluded4","ComponentXSStyling","ComponentXS","_ref5","_excluded5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","_excluded6","ComponentResponsive","_ref7","size","width","_excluded7","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } 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.generateToken({componentType:'text', defaultVariant:'default'}, 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 = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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, ...rest}) => {\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} {...rest}>\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                                                                                                         ...rest\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} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\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

@@ -1,150 +1,150 @@
 {
-    "name":  "@laerdal/life-react-components",
-    "version":  "6.0.0-dev.24.full",
-    "private":  false,
-    "author":  "Erik Martirosyan \u003cerik.martirosyan@laerdal.com\u003e",
-    "contributors":  [
-
-                     ],
-    "description":  "Laerdal LIFE component library for React.",
-    "keywords":  [
-
-                 ],
-    "license":  "UNLICENSED",
-    "repository":  {
-                       "type":  "git",
-                       "url":  "https://github.com/Laerdal-Medical/dcs-life-react-js"
-                   },
-    "main":  "dist/index.cjs",
-    "module":  "dist/index.js",
-    "types":  "dist/index.d.ts",
-    "exports":  {
-                    ".":  {
-                              "require":  "./dist/index.cjs",
-                              "import":  "./dist/index.js",
-                              "types":  "./dist/index.d.ts"
-                          }
-                },
-    "sideEffects":  false,
-    "files":  [
-                  "dist"
-              ],
-    "scripts":  {
-                    "bump":  "yarn version --patch",
-                    "build":  "yarn build:babel:esm \u0026\u0026 yarn build:babel:cjs \u0026\u0026 tsc --emitDeclarationOnly --declaration --declarationDir dist \u0026\u0026 node scripts/copyTS.cjs",
-                    "build:babel:esm":  "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .js --copy-files",
-                    "build:babel:cjs":  "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .cjs --copy-files",
-                    "clean":  "rimraf dist",
-                    "develop":  "yarn build:babel:esm --skip-initial-build --watch --verbose",
-                    "test":  "jest src/",
-                    "test:coverage":  "jest --collectCoverage src/",
-                    "test-watch":  "jest --watch",
-                    "storybook":  "storybook dev -p 6006",
-                    "build-storybook":  "storybook build"
-                },
-    "eslintConfig":  {
-                         "extends":  [
-                                         "react-app",
-                                         "plugin:storybook/recommended"
-                                     ]
-                     },
-    "browserslist":  {
-                         "production":  [
-                                            "\u003e0.2%",
-                                            "not dead",
-                                            "not op_mini all"
-                                        ],
-                         "development":  [
-                                             "last 1 chrome version",
-                                             "last 1 firefox version",
-                                             "last 1 safari version"
-                                         ]
-                     },
-    "omlet":  {
-                  "exports":  {
-                                  ".":  "src/index.ts"
-                              }
-              },
-    "dependencies":  {
-                         "@laerdal-medical/life-design-tokens":  "^1.2.0-beta",
-                         "@laerdal/figma-svg":  "^5.2.2",
-                         "@types/node":  "^18.0.6",
-                         "animated-scroll-to":  "^2.3.0",
-                         "dayjs":  "^1.11.5",
-                         "nanoid":  "3.3.11",
-                         "react":  "^19.0.0",
-                         "react-datepicker":  "^8.4.0",
-                         "react-dom":  "^19.0.0",
-                         "react-inlinesvg":  "^4.2.0",
-                         "react-modal":  "^3.16.0",
-                         "react-quill":  "^2.0.0",
-                         "react-resize-detector":  "^11.0.1",
-                         "rooks":  "^7.1.1",
-                         "styled-components":  "^6.1.13",
-                         "typescript":  "^5.1.2"
-                     },
-    "devDependencies":  {
-                            "@babel/cli":  "^7.22.0",
-                            "@babel/plugin-proposal-class-properties":  "^7.18.6",
-                            "@babel/plugin-proposal-decorators":  "^7.27.1",
-                            "@babel/plugin-proposal-export-default-from":  "^7.22.0",
-                            "@babel/plugin-proposal-numeric-separator":  "^7.18.6",
-                            "@babel/plugin-proposal-object-rest-spread":  "^7.18.6",
-                            "@babel/plugin-transform-runtime":  "^7.22.0",
-                            "@babel/preset-env":  "^7.22.0",
-                            "@babel/preset-react":  "^7.22.0",
-                            "@babel/preset-typescript":  "^7.27.0",
-                            "@babel/runtime":  "^7.22.0",
-                            "@chromatic-com/storybook":  "1.4.0",
-                            "@laerdal/navigation":  "^3.2.0",
-                            "@storybook/addon-essentials":  "^8.1.3",
-                            "@storybook/addon-interactions":  "^8.1.3",
-                            "@storybook/addon-links":  "^8.1.3",
-                            "@storybook/addon-onboarding":  "^8.1.3",
-                            "@storybook/addon-webpack5-compiler-swc":  "1.0.2",
-                            "@storybook/addons":  "^7.6.17",
-                            "@storybook/blocks":  "^8.1.3",
-                            "@storybook/react":  "^8.1.3",
-                            "@storybook/react-webpack5":  "^8.1.3",
-                            "@storybook/test":  "^8.1.3",
-                            "@testing-library/dom":  "^10.4.0",
-                            "@testing-library/jest-dom":  "^6.5.0",
-                            "@testing-library/react":  "^16.0.1",
-                            "@testing-library/user-event":  "^14.5.2",
-                            "@types/jest":  "^29.5.12",
-                            "@types/react":  "^19.1.2",
-                            "@types/react-datepicker":  "^4.4.2",
-                            "@types/react-dom":  "^18.3.0",
-                            "@types/react-modal":  "^3.13.1",
-                            "babel-plugin-inline-react-svg":  "^2.0.1",
-                            "babel-plugin-typescript-to-proptypes":  "^2.0.0",
-                            "concurrently":  "^5.2.0",
-                            "cross-env":  "^7.0.3",
-                            "css-loader":  "^7.1.2",
-                            "eslint-plugin-storybook":  "^0.8.0",
-                            "history":  "^5.3.0",
-                            "jest":  "^29.7.0",
-                            "jest-environment-jsdom":  "^29.7.0",
-                            "jest-styled-components":  "^7.2.0",
-                            "jest-svg-transformer":  "^1.0.0",
-                            "react-router":  "^6.0.0",
-                            "react-share":  "^5.1.0",
-                            "regenerator-runtime":  "^0.13.9",
-                            "storybook":  "^8.1.3",
-                            "style-loader":  "^4.0.0",
-                            "ts-jest":  "^29.2.5",
-                            "webpack":  "^5.99.9",
-                            "webpack-cli":  "^6.0.1",
-                            "webpack-dev-server":  "^5.2.1"
-                        },
-    "peerDependencies":  {
-                             "@babel/core":  "^7.0.0",
-                             "react":  "^19",
-                             "react-dom":  "^19"
-                         },
-    "resolutions":  {
-                        "nwsapi":  "2.2.9",
-                        "date-fns":  "2.24.0",
-                        "@types/react":  "19.1.2"
-                    }
+  "name": "@laerdal/life-react-components",
+  "version": "6.0.0-dev.26",
+  "private": false,
+  "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
+  "contributors": [],
+  "description": "Laerdal LIFE component library for React.",
+  "keywords": [],
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Laerdal-Medical/dcs-life-react-js"
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "bump": "yarn version --patch",
+    "build": "yarn extract-design-tokens && yarn build:babel:esm && yarn build:babel:cjs && tsc --emitDeclarationOnly --declaration --declarationDir dist && node scripts/copyTS.cjs",
+    "extract-design-tokens": "node scripts/extractDesignTokens.js",
+    "build:babel:esm": "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .js --copy-files",
+    "build:babel:cjs": "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .cjs --copy-files",
+    "clean": "rimraf dist",
+    "develop": "yarn build:babel:esm --skip-initial-build --watch --verbose",
+    "test": "jest src/",
+    "test:coverage": "jest --collectCoverage src/",
+    "test-watch": "jest --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "plugin:storybook/recommended"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "omlet": {
+    "exports": {
+      ".": "src/index.ts"
+    }
+  },
+  "dependencies": {
+    "@babel/plugin-transform-typescript": "^7.28.0",
+    "@laerdal/figma-svg": "^5.2.2",
+    "@types/node": "^18.0.6",
+    "animated-scroll-to": "^2.3.0",
+    "dayjs": "^1.11.5",
+    "nanoid": "3.3.11",
+    "react": "^19.0.0",
+    "react-datepicker": "^8.4.0",
+    "react-dom": "^19.0.0",
+    "react-inlinesvg": "^4.2.0",
+    "react-modal": "^3.16.0",
+    "react-quill": "^2.0.0",
+    "react-resize-detector": "^11.0.1",
+    "rooks": "^7.1.1",
+    "styled-components": "^6.1.13",
+    "typescript": "^5.1.2"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.22.0",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-decorators": "^7.27.1",
+    "@babel/plugin-proposal-export-default-from": "^7.22.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.18.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.18.6",
+    "@babel/plugin-transform-runtime": "^7.22.0",
+    "@babel/preset-env": "^7.22.0",
+    "@babel/preset-react": "^7.22.0",
+    "@babel/preset-typescript": "^7.27.0",
+    "@babel/runtime": "^7.22.0",
+    "@chromatic-com/storybook": "1.4.0",
+    "@laerdal-medical/life-design-tokens": "^1.5.1-beta",
+    "@laerdal/life-react-components": "5.1.0",
+    "@laerdal/navigation": "^3.2.0",
+    "@storybook/addon-essentials": "^8.1.3",
+    "@storybook/addon-interactions": "^8.1.3",
+    "@storybook/addon-links": "^8.1.3",
+    "@storybook/addon-onboarding": "^8.1.3",
+    "@storybook/addon-webpack5-compiler-swc": "1.0.2",
+    "@storybook/addons": "^7.6.17",
+    "@storybook/blocks": "^8.1.3",
+    "@storybook/react": "^8.1.3",
+    "@storybook/react-webpack5": "^8.1.3",
+    "@storybook/test": "^8.1.3",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^19.1.2",
+    "@types/react-datepicker": "^4.4.2",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-modal": "^3.13.1",
+    "babel-plugin-inline-react-svg": "^2.0.1",
+    "babel-plugin-typescript-to-proptypes": "^2.0.0",
+    "concurrently": "^5.2.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^7.1.2",
+    "eslint-plugin-storybook": "^0.8.0",
+    "history": "^5.3.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-styled-components": "^7.2.0",
+    "jest-svg-transformer": "^1.0.0",
+    "react-router": "^6.0.0",
+    "react-share": "^5.1.0",
+    "regenerator-runtime": "^0.13.9",
+    "storybook": "^8.1.3",
+    "storybook-addon-themes": "^6.1.0",
+    "style-loader": "^4.0.0",
+    "ts-jest": "^29.2.5",
+    "webpack": "^5.99.9",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.1"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.0.0",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "resolutions": {
+    "nwsapi": "2.2.9",
+    "date-fns": "2.24.0",
+    "@types/react": "19.1.2"
+  }
 }