@laerdal/life-react-components 3.6.0-dev.1.full → 3.6.1

package/dist/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","_ref","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","_templateObject","_taggedTemplateLiteral","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","_excluded2","ComponentMStyling","ComponentM","_ref4","_excluded3","ComponentSStyling","ComponentS","_ref5","_excluded4","ComponentXSStyling","ComponentXS","_ref6","_excluded5","ComponentXXSStyling","ComponentXXS","_ref7","_excluded6","ComponentResponsive","_ref8","size","width","_excluded7","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","_templateObject2","QuoteTypography","_templateObject3","NoteTypography","_templateObject4","UpperCaseTypography","_templateObject5","Note","p","_templateObject6","Quote","_templateObject7","UpperCase","_templateObject8"],"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\ninterface ITypographyBase {\r\n  $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\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\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","_ref","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","_templateObject","_taggedTemplateLiteral","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","ComponentMStyling","ComponentM","_ref4","ComponentSStyling","ComponentS","_ref5","ComponentXSStyling","ComponentXS","_ref6","ComponentXXSStyling","ComponentXXS","_ref7","ComponentResponsive","_ref8","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","_templateObject2","QuoteTypography","_templateObject3","NoteTypography","_templateObject4","UpperCaseTypography","_templateObject5","Note","p","_templateObject6","Quote","_templateObject7","UpperCase","_templateObject8"],"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\ninterface ITypographyBase {\r\n  $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\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\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/dist/test-utils.cjs

@@ -17,26 +17,32 @@ Object.keys(_react2).forEach(function (key) {
   if (key in exports && exports[key] === _react2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _react2[key];
     }
   });
 });
 var _styledComponents = require("styled-components");
+var _Navigation = require("./Navigation");
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var AllTheProviders = function AllTheProviders(_ref) {
-  var children = _ref.children;
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const AllTheProviders = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
     theme: {},
-    children: children
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Navigation.NavigationProvider, {
+      currentPath: "",
+      isActiveRoute: () => false,
+      navigate: () => {},
+      children: children
+    })
   });
 };
-var customRender = function customRender(ui, options) {
-  return (0, _react2.render)(ui, _objectSpread({
-    wrapper: AllTheProviders
-  }, options));
-};
+const customRender = (ui, options) => (0, _react2.render)(ui, _objectSpread({
+  wrapper: AllTheProviders
+}, options));
 exports.render = customRender;
 //# sourceMappingURL=test-utils.cjs.map

package/dist/test-utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"test-utils.cjs","names":["_react","_interopRequireDefault","require","_react2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_styledComponents","_jsxRuntime","ownKeys","e","r","t","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","push","apply","_objectSpread","arguments","length","_defineProperty2","getOwnPropertyDescriptors","defineProperties","AllTheProviders","_ref","children","jsx","ThemeProvider","theme","customRender","ui","options","render","wrapper"],"sources":["../src/test-utils.tsx"],"sourcesContent":["import React, {ReactElement} from 'react'\r\nimport {render, RenderOptions} from '@testing-library/react'\r\nimport {ThemeProvider} from 'styled-components'\r\n\r\nconst AllTheProviders = ({children}: {children: React.ReactNode}) => {\r\n  return (\r\n    <ThemeProvider theme={{}}>\r\n        {children}\r\n    </ThemeProvider>\r\n  )\r\n}\r\n\r\nconst customRender = (\r\n  ui: ReactElement,\r\n  options?: Omit<RenderOptions, 'wrapper'>,\r\n) => render(ui, {wrapper: AllTheProviders, ...options})\r\n\r\nexport * from '@testing-library/react'\r\nexport {customRender as render}"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAgBAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAfA,IAAAS,iBAAA,GAAAd,OAAA;AAA+C,IAAAe,WAAA,GAAAf,OAAA;AAAA,SAAAgB,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAjB,MAAA,CAAAC,IAAA,CAAAc,CAAA,OAAAf,MAAA,CAAAkB,qBAAA,QAAAC,CAAA,GAAAnB,MAAA,CAAAkB,qBAAA,CAAAH,CAAA,GAAAC,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAJ,CAAA,WAAAhB,MAAA,CAAAqB,wBAAA,CAAAN,CAAA,EAAAC,CAAA,EAAAN,UAAA,OAAAO,CAAA,CAAAK,IAAA,CAAAC,KAAA,CAAAN,CAAA,EAAAE,CAAA,YAAAF,CAAA;AAAA,SAAAO,cAAAT,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAC,CAAA,WAAAQ,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAd,MAAA,CAAAiB,CAAA,OAAAf,OAAA,WAAAc,CAAA,QAAAW,gBAAA,aAAAZ,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAhB,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAd,CAAA,EAAAf,MAAA,CAAA4B,yBAAA,CAAAX,CAAA,KAAAH,OAAA,CAAAd,MAAA,CAAAiB,CAAA,GAAAf,OAAA,WAAAc,CAAA,IAAAhB,MAAA,CAAAS,cAAA,CAAAM,CAAA,EAAAC,CAAA,EAAAhB,MAAA,CAAAqB,wBAAA,CAAAJ,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE/C,IAAMe,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAgD;EAAA,IAA3CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAChC,oBACE,IAAAnB,WAAA,CAAAoB,GAAA,EAACrB,iBAAA,CAAAsB,aAAa;IAACC,KAAK,EAAE,CAAC,CAAE;IAAAH,QAAA,EACpBA;EAAQ,CACE,CAAC;AAEpB,CAAC;AAED,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAChBC,EAAgB,EAChBC,OAAwC;EAAA,OACrC,IAAAC,cAAM,EAACF,EAAE,EAAAb,aAAA;IAAGgB,OAAO,EAAEV;EAAe,GAAKQ,OAAO,CAAC,CAAC;AAAA;AAAA9B,OAAA,CAAA+B,MAAA,GAAAH,YAAA","ignoreList":[]}
+{"version":3,"file":"test-utils.cjs","names":["_react","_interopRequireDefault","require","_react2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_styledComponents","_Navigation","_jsxRuntime","ownKeys","e","r","t","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","push","apply","_objectSpread","arguments","length","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","AllTheProviders","_ref","children","jsx","ThemeProvider","theme","NavigationProvider","currentPath","isActiveRoute","navigate","customRender","ui","options","render","wrapper"],"sources":["../src/test-utils.tsx"],"sourcesContent":["import React, {ReactElement} from 'react'\r\nimport {render, RenderOptions} from '@testing-library/react'\r\nimport {ThemeProvider} from 'styled-components'\r\nimport { NavigationProvider } from './Navigation'\r\n\r\nconst AllTheProviders = ({children}: {children: React.ReactNode}) => {\r\n  return (\r\n    <ThemeProvider theme={{}}>\r\n      <NavigationProvider currentPath='' isActiveRoute={() => false} navigate={() => {}}>\r\n        {children}\r\n      </NavigationProvider>\r\n    </ThemeProvider>\r\n  )\r\n}\r\n\r\nconst customRender = (\r\n  ui: ReactElement<any>,\r\n  options?: Omit<RenderOptions, 'wrapper'>,\r\n) => render(ui, {wrapper: AllTheProviders, ...options})\r\n\r\nexport * from '@testing-library/react'\r\nexport {customRender as render}"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAmBAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAlBA,IAAAS,iBAAA,GAAAd,OAAA;AACA,IAAAe,WAAA,GAAAf,OAAA;AAAiD,IAAAgB,WAAA,GAAAhB,OAAA;AAAA,SAAAiB,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAlB,MAAA,CAAAC,IAAA,CAAAe,CAAA,OAAAhB,MAAA,CAAAmB,qBAAA,QAAAC,CAAA,GAAApB,MAAA,CAAAmB,qBAAA,CAAAH,CAAA,GAAAC,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAJ,CAAA,WAAAjB,MAAA,CAAAsB,wBAAA,CAAAN,CAAA,EAAAC,CAAA,EAAAP,UAAA,OAAAQ,CAAA,CAAAK,IAAA,CAAAC,KAAA,CAAAN,CAAA,EAAAE,CAAA,YAAAF,CAAA;AAAA,SAAAO,cAAAT,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAC,CAAA,WAAAQ,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAf,MAAA,CAAAkB,CAAA,OAAAhB,OAAA,WAAAe,CAAA,QAAAW,gBAAA,CAAAC,OAAA,EAAAb,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAjB,MAAA,CAAA8B,yBAAA,GAAA9B,MAAA,CAAA+B,gBAAA,CAAAf,CAAA,EAAAhB,MAAA,CAAA8B,yBAAA,CAAAZ,CAAA,KAAAH,OAAA,CAAAf,MAAA,CAAAkB,CAAA,GAAAhB,OAAA,WAAAe,CAAA,IAAAjB,MAAA,CAAAS,cAAA,CAAAO,CAAA,EAAAC,CAAA,EAAAjB,MAAA,CAAAsB,wBAAA,CAAAJ,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEjD,MAAMgB,eAAe,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAACC;EAAqC,CAAC,GAAAD,IAAA;EAC9D,oBACE,IAAAnB,WAAA,CAAAqB,GAAA,EAACvB,iBAAA,CAAAwB,aAAa;IAACC,KAAK,EAAE,CAAC,CAAE;IAAAH,QAAA,eACvB,IAAApB,WAAA,CAAAqB,GAAA,EAACtB,WAAA,CAAAyB,kBAAkB;MAACC,WAAW,EAAC,EAAE;MAACC,aAAa,EAAEA,CAAA,KAAM,KAAM;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;MAAAP,QAAA,EAC/EA;IAAQ,CACS;EAAC,CACR,CAAC;AAEpB,CAAC;AAED,MAAMQ,YAAY,GAAGA,CACnBC,EAAqB,EACrBC,OAAwC,KACrC,IAAAC,cAAM,EAACF,EAAE,EAAAlB,aAAA;EAAGqB,OAAO,EAAEd;AAAe,GAAKY,OAAO,CAAC,CAAC;AAAApC,OAAA,CAAAqC,MAAA,GAAAH,YAAA","ignoreList":[]}

package/dist/test-utils.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { RenderOptions } from '@testing-library/react';
-declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
-export * from '@testing-library/react';
-export { customRender as render };
+import { ReactElement } from 'react';
+import { RenderOptions } from '@testing-library/react';
+declare const customRender: (ui: ReactElement<any>, options?: Omit<RenderOptions, "wrapper">) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export * from '@testing-library/react';
+export { customRender as render };

package/dist/test-utils.js

@@ -4,19 +4,25 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { render } from '@testing-library/react';
 import { ThemeProvider } from 'styled-components';
+import { NavigationProvider } from './Navigation';
 import { jsx as _jsx } from "react/jsx-runtime";
-var AllTheProviders = function AllTheProviders(_ref) {
-  var children = _ref.children;
+const AllTheProviders = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx(ThemeProvider, {
     theme: {},
-    children: children
+    children: /*#__PURE__*/_jsx(NavigationProvider, {
+      currentPath: "",
+      isActiveRoute: () => false,
+      navigate: () => {},
+      children: children
+    })
   });
 };
-var customRender = function customRender(ui, options) {
-  return render(ui, _objectSpread({
-    wrapper: AllTheProviders
-  }, options));
-};
+const customRender = (ui, options) => render(ui, _objectSpread({
+  wrapper: AllTheProviders
+}, options));
 export * from '@testing-library/react';
 export { customRender as render };
 //# sourceMappingURL=test-utils.js.map

package/dist/test-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-utils.js","names":["React","render","ThemeProvider","jsx","_jsx","AllTheProviders","_ref","children","theme","customRender","ui","options","_objectSpread","wrapper"],"sources":["../src/test-utils.tsx"],"sourcesContent":["import React, {ReactElement} from 'react'\r\nimport {render, RenderOptions} from '@testing-library/react'\r\nimport {ThemeProvider} from 'styled-components'\r\n\r\nconst AllTheProviders = ({children}: {children: React.ReactNode}) => {\r\n  return (\r\n    <ThemeProvider theme={{}}>\r\n        {children}\r\n    </ThemeProvider>\r\n  )\r\n}\r\n\r\nconst customRender = (\r\n  ui: ReactElement,\r\n  options?: Omit<RenderOptions, 'wrapper'>,\r\n) => render(ui, {wrapper: AllTheProviders, ...options})\r\n\r\nexport * from '@testing-library/react'\r\nexport {customRender as render}"],"mappings":";;;AAAA,OAAOA,KAAK,MAAsB,OAAO;AACzC,SAAQC,MAAM,QAAsB,wBAAwB;AAC5D,SAAQC,aAAa,QAAO,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/C,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAgD;EAAA,IAA3CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAChC,oBACEH,IAAA,CAACF,aAAa;IAACM,KAAK,EAAE,CAAC,CAAE;IAAAD,QAAA,EACpBA;EAAQ,CACE,CAAC;AAEpB,CAAC;AAED,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAChBC,EAAgB,EAChBC,OAAwC;EAAA,OACrCV,MAAM,CAACS,EAAE,EAAAE,aAAA;IAAGC,OAAO,EAAER;EAAe,GAAKM,OAAO,CAAC,CAAC;AAAA;AAEvD,cAAc,wBAAwB;AACtC,SAAQF,YAAY,IAAIR,MAAM","ignoreList":[]}
+{"version":3,"file":"test-utils.js","names":["React","render","ThemeProvider","NavigationProvider","jsx","_jsx","AllTheProviders","_ref","children","theme","currentPath","isActiveRoute","navigate","customRender","ui","options","_objectSpread","wrapper"],"sources":["../src/test-utils.tsx"],"sourcesContent":["import React, {ReactElement} from 'react'\r\nimport {render, RenderOptions} from '@testing-library/react'\r\nimport {ThemeProvider} from 'styled-components'\r\nimport { NavigationProvider } from './Navigation'\r\n\r\nconst AllTheProviders = ({children}: {children: React.ReactNode}) => {\r\n  return (\r\n    <ThemeProvider theme={{}}>\r\n      <NavigationProvider currentPath='' isActiveRoute={() => false} navigate={() => {}}>\r\n        {children}\r\n      </NavigationProvider>\r\n    </ThemeProvider>\r\n  )\r\n}\r\n\r\nconst customRender = (\r\n  ui: ReactElement<any>,\r\n  options?: Omit<RenderOptions, 'wrapper'>,\r\n) => render(ui, {wrapper: AllTheProviders, ...options})\r\n\r\nexport * from '@testing-library/react'\r\nexport {customRender as render}"],"mappings":";;;AAAA,OAAOA,KAAK,MAAsB,OAAO;AACzC,SAAQC,MAAM,QAAsB,wBAAwB;AAC5D,SAAQC,aAAa,QAAO,mBAAmB;AAC/C,SAASC,kBAAkB,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEjD,MAAMC,eAAe,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAACC;EAAqC,CAAC,GAAAD,IAAA;EAC9D,oBACEF,IAAA,CAACH,aAAa;IAACO,KAAK,EAAE,CAAC,CAAE;IAAAD,QAAA,eACvBH,IAAA,CAACF,kBAAkB;MAACO,WAAW,EAAC,EAAE;MAACC,aAAa,EAAEA,CAAA,KAAM,KAAM;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;MAAAJ,QAAA,EAC/EA;IAAQ,CACS;EAAC,CACR,CAAC;AAEpB,CAAC;AAED,MAAMK,YAAY,GAAGA,CACnBC,EAAqB,EACrBC,OAAwC,KACrCd,MAAM,CAACa,EAAE,EAAAE,aAAA;EAAGC,OAAO,EAAEX;AAAe,GAAKS,OAAO,CAAC,CAAC;AAEvD,cAAc,wBAAwB;AACtC,SAAQF,YAAY,IAAIZ,MAAM","ignoreList":[]}

package/dist/utils/color-tokens.cjs

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateSemanticColorTokenName = generateSemanticColorTokenName;
+exports.getColorToken = getColorToken;
+exports.getFirstTokenFullNameOrDefault = getFirstTokenFullNameOrDefault;
+exports.parseSemanticColorTokenName = parseSemanticColorTokenName;
+function generateSemanticColorTokenName(token) {
+  return `--life-color-${token.componentType}${(token.isOnFill && '-on-fill') ?? ''}${(token.variant && '-' + token.variant) ?? ''}${(token.state && '-' + token.state) ?? ''}`;
+}
+function getFirstTokenFullNameOrDefault(tokens, filter) {
+  let firstMatch = tokens.find(token => token.componentType === filter.componentType && token.state === filter.state && !!token.isOnFill === !!filter.isOnFill);
+  if (!firstMatch) {
+    firstMatch = getColorToken(filter.isOnFill, filter.componentType, filter.state, filter.defaultVariant);
+  }
+  return generateSemanticColorTokenName(firstMatch);
+}
+function getColorToken(isOnFill, componentType, state, variant) {
+  return {
+    name: '',
+    componentType: componentType ?? 'text',
+    variant: state && (!variant || variant == 'default') ? undefined : variant ?? 'default',
+    isOnFill: isOnFill,
+    state: state
+  };
+}
+function parseSemanticColorTokenName(name) {
+  // Remove the prefix
+  const withoutPrefix = name.replace('--life-color-', '');
+
+  // Split the remaining parts
+  const parts = withoutPrefix.split('-');
+
+  // Determine component type
+  let componentType;
+  if (parts[0] === 'bg') {
+    if (parts.includes('fill')) {
+      componentType = 'bg-fill';
+    } else if (parts.includes('surface')) {
+      componentType = 'bg-surface';
+    } else if (parts.includes('overlay')) {
+      componentType = 'bg-overlay';
+    } else {
+      componentType = 'bg-fill'; // Default for bg
+    }
+  } else if (parts[0] === 'text' && parts.includes('link')) {
+    componentType = 'text-link';
+  } else {
+    componentType = parts[0];
+  }
+  const token = {
+    name,
+    componentType
+  };
+
+  // Handle "on-fill" cases
+  if (parts.includes('on') && parts.includes('fill')) {
+    token.isOnFill = true;
+  }
+
+  // Extract state
+  const states = ['hover', 'active', 'disabled'];
+  for (const state of states) {
+    if (parts.includes(state)) {
+      token.state = state;
+      break;
+    }
+  }
+
+  // Extract variant
+  const variants = ['accent1', 'accent2', 'primary', 'critical', 'positive', 'warning', 'samaritan', 'inverse', 'neutral', 'subtle', 'default', 'selected'];
+  for (const variant of variants) {
+    if (parts.includes(variant)) {
+      token.variant = variant;
+      break;
+    }
+  }
+  return token;
+}
+
+// Example usage:
+// const token = parseColorTokenName('--life-color-bg-fill-accent1-hover');
+// Result: {
+//   name: '--life-color-bg-fill-accent1-hover',
+//   componentType: 'bg-fill',
+//   state: 'hover',
+//   variant: 'accent1'
+// }
+//# sourceMappingURL=color-tokens.cjs.map

package/dist/utils/color-tokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-tokens.cjs","names":["generateSemanticColorTokenName","token","componentType","isOnFill","variant","state","getFirstTokenFullNameOrDefault","tokens","filter","firstMatch","find","getColorToken","defaultVariant","name","undefined","parseSemanticColorTokenName","withoutPrefix","replace","parts","split","includes","states","variants"],"sources":["../../src/utils/color-tokens.ts"],"sourcesContent":["export type ColorComponentType = \r\n  | 'bg-fill' \r\n  | 'bg-surface' \r\n  | 'bg-overlay'\r\n  | 'text' \r\n  | 'text-link'\r\n  | 'icon' \r\n  | 'border';\r\n\r\nexport type ColorState = 'default' | 'hover' | 'active' | 'disabled';\r\nexport type ColorVariant = \r\n  | 'accent1' \r\n  | 'accent2' \r\n  | 'primary' \r\n  | 'critical' \r\n  | 'positive' \r\n  | 'warning' \r\n  | 'samaritan' \r\n  | 'inverse' \r\n  | 'neutral' \r\n  | 'subtle'\r\n  | 'default'\r\n  | 'selected' \r\n  | 'high';\r\n\r\nexport interface ColorToken {\r\n  name: string;\r\n  componentType: ColorComponentType;\r\n  state?: ColorState;\r\n  variant?: ColorVariant;\r\n  isOnFill?: boolean;\r\n}\r\n\r\nexport function generateSemanticColorTokenName(token: ColorToken) : string {\r\n  return `--life-color-${token.componentType}${(token.isOnFill && '-on-fill') ?? ''}${(token.variant && ('-' + token.variant)) ?? ''}${(token.state && ('-' + token.state)) ?? ''}`;\r\n}\r\n\r\nexport function getFirstTokenFullNameOrDefault(tokens: ColorToken[], filter: { isOnFill?: boolean, componentType?: ColorComponentType, state?: ColorState, defaultVariant?: ColorVariant }) : string  {\r\n  let firstMatch = tokens.find(token => \r\n    token.componentType === filter.componentType && \r\n    token.state === filter.state &&\r\n    !!token.isOnFill === !!filter.isOnFill\r\n  );\r\n  \r\n  if (!firstMatch) {\r\n    firstMatch = getColorToken(filter.isOnFill, filter.componentType, filter.state, filter.defaultVariant);\r\n  }\r\n  return generateSemanticColorTokenName(firstMatch);\r\n}\r\n\r\n\r\nexport function getColorToken(isOnFill?: boolean, componentType?: ColorComponentType, state?: ColorState, variant?: ColorVariant): ColorToken {\r\n  return {\r\n    name: '',\r\n    componentType: componentType ?? 'text',\r\n    variant: state && (!variant || variant == 'default') ? undefined : (variant ?? 'default'),\r\n    isOnFill: isOnFill,\r\n    state: state\r\n  };\r\n}\r\n\r\nexport function parseSemanticColorTokenName(name: string): ColorToken {\r\n  // Remove the prefix\r\n  const withoutPrefix = name.replace('--life-color-', '');\r\n  \r\n  // Split the remaining parts\r\n  const parts = withoutPrefix.split('-');\r\n  \r\n  // Determine component type\r\n  let componentType: ColorComponentType;\r\n  if (parts[0] === 'bg') {\r\n    if (parts.includes('fill')) {\r\n      componentType = 'bg-fill';\r\n    } else if (parts.includes('surface')) {\r\n      componentType = 'bg-surface';\r\n    } else if (parts.includes('overlay')) {\r\n      componentType = 'bg-overlay';\r\n    } else {\r\n      componentType = 'bg-fill'; // Default for bg\r\n    }\r\n  } else if (parts[0] === 'text' && parts.includes('link')) {\r\n    componentType = 'text-link';\r\n  } else {\r\n    componentType = parts[0] as ColorComponentType;\r\n  }\r\n\r\n  const token: ColorToken = {\r\n    name,\r\n    componentType,\r\n  };\r\n\r\n  // Handle \"on-fill\" cases\r\n  if (parts.includes('on') && parts.includes('fill')) {\r\n    token.isOnFill = true;\r\n  }\r\n\r\n  // Extract state\r\n  const states: ColorState[] = ['hover', 'active', 'disabled'];\r\n  for (const state of states) {\r\n    if (parts.includes(state)) {\r\n      token.state = state;\r\n      break;\r\n    }\r\n  }\r\n\r\n  // Extract variant\r\n  const variants: ColorVariant[] = [\r\n    'accent1',\r\n    'accent2',\r\n    'primary',\r\n    'critical',\r\n    'positive',\r\n    'warning',\r\n    'samaritan',\r\n    'inverse',\r\n    'neutral',\r\n    'subtle',\r\n    'default',\r\n    'selected'\r\n  ];\r\n\r\n  for (const variant of variants) {\r\n    if (parts.includes(variant)) {\r\n      token.variant = variant;\r\n      break;\r\n    }\r\n  }\r\n\r\n  return token;\r\n}\r\n\r\n// Example usage:\r\n// const token = parseColorTokenName('--life-color-bg-fill-accent1-hover');\r\n// Result: {\r\n//   name: '--life-color-bg-fill-accent1-hover',\r\n//   componentType: 'bg-fill',\r\n//   state: 'hover',\r\n//   variant: 'accent1'\r\n// } "],"mappings":"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","ignoreList":[]}

package/dist/utils/color-tokens.d.ts

@@ -0,0 +1,19 @@
+export type ColorComponentType = 'bg-fill' | 'bg-surface' | 'bg-overlay' | 'text' | 'text-link' | 'icon' | 'border';
+export type ColorState = 'default' | 'hover' | 'active' | 'disabled';
+export type ColorVariant = 'accent1' | 'accent2' | 'primary' | 'critical' | 'positive' | 'warning' | 'samaritan' | 'inverse' | 'neutral' | 'subtle' | 'default' | 'selected' | 'high';
+export interface ColorToken {
+    name: string;
+    componentType: ColorComponentType;
+    state?: ColorState;
+    variant?: ColorVariant;
+    isOnFill?: boolean;
+}
+export declare function generateSemanticColorTokenName(token: ColorToken): string;
+export declare function getFirstTokenFullNameOrDefault(tokens: ColorToken[], filter: {
+    isOnFill?: boolean;
+    componentType?: ColorComponentType;
+    state?: ColorState;
+    defaultVariant?: ColorVariant;
+}): string;
+export declare function getColorToken(isOnFill?: boolean, componentType?: ColorComponentType, state?: ColorState, variant?: ColorVariant): ColorToken;
+export declare function parseSemanticColorTokenName(name: string): ColorToken;

package/dist/utils/color-tokens.js

@@ -0,0 +1,82 @@
+export function generateSemanticColorTokenName(token) {
+  return `--life-color-${token.componentType}${(token.isOnFill && '-on-fill') ?? ''}${(token.variant && '-' + token.variant) ?? ''}${(token.state && '-' + token.state) ?? ''}`;
+}
+export function getFirstTokenFullNameOrDefault(tokens, filter) {
+  let firstMatch = tokens.find(token => token.componentType === filter.componentType && token.state === filter.state && !!token.isOnFill === !!filter.isOnFill);
+  if (!firstMatch) {
+    firstMatch = getColorToken(filter.isOnFill, filter.componentType, filter.state, filter.defaultVariant);
+  }
+  return generateSemanticColorTokenName(firstMatch);
+}
+export function getColorToken(isOnFill, componentType, state, variant) {
+  return {
+    name: '',
+    componentType: componentType ?? 'text',
+    variant: state && (!variant || variant == 'default') ? undefined : variant ?? 'default',
+    isOnFill: isOnFill,
+    state: state
+  };
+}
+export function parseSemanticColorTokenName(name) {
+  // Remove the prefix
+  const withoutPrefix = name.replace('--life-color-', '');
+
+  // Split the remaining parts
+  const parts = withoutPrefix.split('-');
+
+  // Determine component type
+  let componentType;
+  if (parts[0] === 'bg') {
+    if (parts.includes('fill')) {
+      componentType = 'bg-fill';
+    } else if (parts.includes('surface')) {
+      componentType = 'bg-surface';
+    } else if (parts.includes('overlay')) {
+      componentType = 'bg-overlay';
+    } else {
+      componentType = 'bg-fill'; // Default for bg
+    }
+  } else if (parts[0] === 'text' && parts.includes('link')) {
+    componentType = 'text-link';
+  } else {
+    componentType = parts[0];
+  }
+  const token = {
+    name,
+    componentType
+  };
+
+  // Handle "on-fill" cases
+  if (parts.includes('on') && parts.includes('fill')) {
+    token.isOnFill = true;
+  }
+
+  // Extract state
+  const states = ['hover', 'active', 'disabled'];
+  for (const state of states) {
+    if (parts.includes(state)) {
+      token.state = state;
+      break;
+    }
+  }
+
+  // Extract variant
+  const variants = ['accent1', 'accent2', 'primary', 'critical', 'positive', 'warning', 'samaritan', 'inverse', 'neutral', 'subtle', 'default', 'selected'];
+  for (const variant of variants) {
+    if (parts.includes(variant)) {
+      token.variant = variant;
+      break;
+    }
+  }
+  return token;
+}
+
+// Example usage:
+// const token = parseColorTokenName('--life-color-bg-fill-accent1-hover');
+// Result: {
+//   name: '--life-color-bg-fill-accent1-hover',
+//   componentType: 'bg-fill',
+//   state: 'hover',
+//   variant: 'accent1'
+// }
+//# sourceMappingURL=color-tokens.js.map

package/dist/utils/color-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-tokens.js","names":["generateSemanticColorTokenName","token","componentType","isOnFill","variant","state","getFirstTokenFullNameOrDefault","tokens","filter","firstMatch","find","getColorToken","defaultVariant","name","undefined","parseSemanticColorTokenName","withoutPrefix","replace","parts","split","includes","states","variants"],"sources":["../../src/utils/color-tokens.ts"],"sourcesContent":["export type ColorComponentType = \r\n  | 'bg-fill' \r\n  | 'bg-surface' \r\n  | 'bg-overlay'\r\n  | 'text' \r\n  | 'text-link'\r\n  | 'icon' \r\n  | 'border';\r\n\r\nexport type ColorState = 'default' | 'hover' | 'active' | 'disabled';\r\nexport type ColorVariant = \r\n  | 'accent1' \r\n  | 'accent2' \r\n  | 'primary' \r\n  | 'critical' \r\n  | 'positive' \r\n  | 'warning' \r\n  | 'samaritan' \r\n  | 'inverse' \r\n  | 'neutral' \r\n  | 'subtle'\r\n  | 'default'\r\n  | 'selected' \r\n  | 'high';\r\n\r\nexport interface ColorToken {\r\n  name: string;\r\n  componentType: ColorComponentType;\r\n  state?: ColorState;\r\n  variant?: ColorVariant;\r\n  isOnFill?: boolean;\r\n}\r\n\r\nexport function generateSemanticColorTokenName(token: ColorToken) : string {\r\n  return `--life-color-${token.componentType}${(token.isOnFill && '-on-fill') ?? ''}${(token.variant && ('-' + token.variant)) ?? ''}${(token.state && ('-' + token.state)) ?? ''}`;\r\n}\r\n\r\nexport function getFirstTokenFullNameOrDefault(tokens: ColorToken[], filter: { isOnFill?: boolean, componentType?: ColorComponentType, state?: ColorState, defaultVariant?: ColorVariant }) : string  {\r\n  let firstMatch = tokens.find(token => \r\n    token.componentType === filter.componentType && \r\n    token.state === filter.state &&\r\n    !!token.isOnFill === !!filter.isOnFill\r\n  );\r\n  \r\n  if (!firstMatch) {\r\n    firstMatch = getColorToken(filter.isOnFill, filter.componentType, filter.state, filter.defaultVariant);\r\n  }\r\n  return generateSemanticColorTokenName(firstMatch);\r\n}\r\n\r\n\r\nexport function getColorToken(isOnFill?: boolean, componentType?: ColorComponentType, state?: ColorState, variant?: ColorVariant): ColorToken {\r\n  return {\r\n    name: '',\r\n    componentType: componentType ?? 'text',\r\n    variant: state && (!variant || variant == 'default') ? undefined : (variant ?? 'default'),\r\n    isOnFill: isOnFill,\r\n    state: state\r\n  };\r\n}\r\n\r\nexport function parseSemanticColorTokenName(name: string): ColorToken {\r\n  // Remove the prefix\r\n  const withoutPrefix = name.replace('--life-color-', '');\r\n  \r\n  // Split the remaining parts\r\n  const parts = withoutPrefix.split('-');\r\n  \r\n  // Determine component type\r\n  let componentType: ColorComponentType;\r\n  if (parts[0] === 'bg') {\r\n    if (parts.includes('fill')) {\r\n      componentType = 'bg-fill';\r\n    } else if (parts.includes('surface')) {\r\n      componentType = 'bg-surface';\r\n    } else if (parts.includes('overlay')) {\r\n      componentType = 'bg-overlay';\r\n    } else {\r\n      componentType = 'bg-fill'; // Default for bg\r\n    }\r\n  } else if (parts[0] === 'text' && parts.includes('link')) {\r\n    componentType = 'text-link';\r\n  } else {\r\n    componentType = parts[0] as ColorComponentType;\r\n  }\r\n\r\n  const token: ColorToken = {\r\n    name,\r\n    componentType,\r\n  };\r\n\r\n  // Handle \"on-fill\" cases\r\n  if (parts.includes('on') && parts.includes('fill')) {\r\n    token.isOnFill = true;\r\n  }\r\n\r\n  // Extract state\r\n  const states: ColorState[] = ['hover', 'active', 'disabled'];\r\n  for (const state of states) {\r\n    if (parts.includes(state)) {\r\n      token.state = state;\r\n      break;\r\n    }\r\n  }\r\n\r\n  // Extract variant\r\n  const variants: ColorVariant[] = [\r\n    'accent1',\r\n    'accent2',\r\n    'primary',\r\n    'critical',\r\n    'positive',\r\n    'warning',\r\n    'samaritan',\r\n    'inverse',\r\n    'neutral',\r\n    'subtle',\r\n    'default',\r\n    'selected'\r\n  ];\r\n\r\n  for (const variant of variants) {\r\n    if (parts.includes(variant)) {\r\n      token.variant = variant;\r\n      break;\r\n    }\r\n  }\r\n\r\n  return token;\r\n}\r\n\r\n// Example usage:\r\n// const token = parseColorTokenName('--life-color-bg-fill-accent1-hover');\r\n// Result: {\r\n//   name: '--life-color-bg-fill-accent1-hover',\r\n//   componentType: 'bg-fill',\r\n//   state: 'hover',\r\n//   variant: 'accent1'\r\n// } "],"mappings":"AAiCA,OAAO,SAASA,8BAA8BA,CAACC,KAAiB,EAAW;EACzE,OAAO,gBAAgBA,KAAK,CAACC,aAAa,GAAG,CAACD,KAAK,CAACE,QAAQ,IAAI,UAAU,KAAK,EAAE,GAAG,CAACF,KAAK,CAACG,OAAO,IAAK,GAAG,GAAGH,KAAK,CAACG,OAAQ,KAAK,EAAE,GAAG,CAACH,KAAK,CAACI,KAAK,IAAK,GAAG,GAAGJ,KAAK,CAACI,KAAM,KAAK,EAAE,EAAE;AACnL;AAEA,OAAO,SAASC,8BAA8BA,CAACC,MAAoB,EAAEC,MAAqH,EAAY;EACpM,IAAIC,UAAU,GAAGF,MAAM,CAACG,IAAI,CAACT,KAAK,IAChCA,KAAK,CAACC,aAAa,KAAKM,MAAM,CAACN,aAAa,IAC5CD,KAAK,CAACI,KAAK,KAAKG,MAAM,CAACH,KAAK,IAC5B,CAAC,CAACJ,KAAK,CAACE,QAAQ,KAAK,CAAC,CAACK,MAAM,CAACL,QAChC,CAAC;EAED,IAAI,CAACM,UAAU,EAAE;IACfA,UAAU,GAAGE,aAAa,CAACH,MAAM,CAACL,QAAQ,EAAEK,MAAM,CAACN,aAAa,EAAEM,MAAM,CAACH,KAAK,EAAEG,MAAM,CAACI,cAAc,CAAC;EACxG;EACA,OAAOZ,8BAA8B,CAACS,UAAU,CAAC;AACnD;AAGA,OAAO,SAASE,aAAaA,CAACR,QAAkB,EAAED,aAAkC,EAAEG,KAAkB,EAAED,OAAsB,EAAc;EAC5I,OAAO;IACLS,IAAI,EAAE,EAAE;IACRX,aAAa,EAAEA,aAAa,IAAI,MAAM;IACtCE,OAAO,EAAEC,KAAK,KAAK,CAACD,OAAO,IAAIA,OAAO,IAAI,SAAS,CAAC,GAAGU,SAAS,GAAIV,OAAO,IAAI,SAAU;IACzFD,QAAQ,EAAEA,QAAQ;IAClBE,KAAK,EAAEA;EACT,CAAC;AACH;AAEA,OAAO,SAASU,2BAA2BA,CAACF,IAAY,EAAc;EACpE;EACA,MAAMG,aAAa,GAAGH,IAAI,CAACI,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;;EAEvD;EACA,MAAMC,KAAK,GAAGF,aAAa,CAACG,KAAK,CAAC,GAAG,CAAC;;EAEtC;EACA,IAAIjB,aAAiC;EACrC,IAAIgB,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;IACrB,IAAIA,KAAK,CAACE,QAAQ,CAAC,MAAM,CAAC,EAAE;MAC1BlB,aAAa,GAAG,SAAS;IAC3B,CAAC,MAAM,IAAIgB,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAAE;MACpClB,aAAa,GAAG,YAAY;IAC9B,CAAC,MAAM,IAAIgB,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAAE;MACpClB,aAAa,GAAG,YAAY;IAC9B,CAAC,MAAM;MACLA,aAAa,GAAG,SAAS,CAAC,CAAC;IAC7B;EACF,CAAC,MAAM,IAAIgB,KAAK,CAAC,CAAC,CAAC,KAAK,MAAM,IAAIA,KAAK,CAACE,QAAQ,CAAC,MAAM,CAAC,EAAE;IACxDlB,aAAa,GAAG,WAAW;EAC7B,CAAC,MAAM;IACLA,aAAa,GAAGgB,KAAK,CAAC,CAAC,CAAuB;EAChD;EAEA,MAAMjB,KAAiB,GAAG;IACxBY,IAAI;IACJX;EACF,CAAC;;EAED;EACA,IAAIgB,KAAK,CAACE,QAAQ,CAAC,IAAI,CAAC,IAAIF,KAAK,CAACE,QAAQ,CAAC,MAAM,CAAC,EAAE;IAClDnB,KAAK,CAACE,QAAQ,GAAG,IAAI;EACvB;;EAEA;EACA,MAAMkB,MAAoB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC;EAC5D,KAAK,MAAMhB,KAAK,IAAIgB,MAAM,EAAE;IAC1B,IAAIH,KAAK,CAACE,QAAQ,CAACf,KAAK,CAAC,EAAE;MACzBJ,KAAK,CAACI,KAAK,GAAGA,KAAK;MACnB;IACF;EACF;;EAEA;EACA,MAAMiB,QAAwB,GAAG,CAC/B,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,CACX;EAED,KAAK,MAAMlB,OAAO,IAAIkB,QAAQ,EAAE;IAC9B,IAAIJ,KAAK,CAACE,QAAQ,CAAChB,OAAO,CAAC,EAAE;MAC3BH,KAAK,CAACG,OAAO,GAAGA,OAAO;MACvB;IACF;EACF;EAEA,OAAOH,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "3.6.0-dev.1.full",
+  "version": "3.6.1",
   "private": false,
   "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
   "contributors": [],