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

package/dist/styles/typography.cjs

@@ -31,7 +31,10 @@ const TypographyBase = exports.TypographyBase = _styledComponents.default.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 = exports.ComponentTextStyle = /*#__PURE__*/function (ComponentTextStyle) {
   ComponentTextStyle[ComponentTextStyle["Regular"] = 1] = "Regular";

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/dist/test-utils.cjs

@@ -23,6 +23,7 @@ Object.keys(_react2).forEach(function (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; }
@@ -32,7 +33,12 @@ const AllTheProviders = _ref => {
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
     theme: {},
-    children: children
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Navigation.NavigationProvider, {
+      currentPath: "",
+      isActiveRoute: () => false,
+      navigate: () => {},
+      children: children
+    })
   });
 };
 const customRender = (ui, options) => (0, _react2.render)(ui, _objectSpread({

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","default","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<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;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,CAAA;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,CAAAC,OAAA,EAAAb,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAhB,MAAA,CAAA6B,yBAAA,GAAA7B,MAAA,CAAA8B,gBAAA,CAAAf,CAAA,EAAAf,MAAA,CAAA6B,yBAAA,CAAAZ,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,MAAMgB,eAAe,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAACC;EAAqC,CAAC,GAAAD,IAAA;EAC9D,oBACE,IAAAnB,WAAA,CAAAqB,GAAA,EAACtB,iBAAA,CAAAuB,aAAa;IAACC,KAAK,EAAE,CAAC,CAAE;IAAAH,QAAA,EACpBA;EAAQ,CACE,CAAC;AAEpB,CAAC;AAED,MAAMI,YAAY,GAAGA,CACnBC,EAAqB,EACrBC,OAAwC,KACrC,IAAAC,cAAM,EAACF,EAAE,EAAAd,aAAA;EAAGiB,OAAO,EAAEV;AAAe,GAAKQ,OAAO,CAAC,CAAC;AAAA/B,OAAA,CAAAgC,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.js

@@ -4,6 +4,7 @@ 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";
 const AllTheProviders = _ref => {
   let {
@@ -11,7 +12,12 @@ const AllTheProviders = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsx(ThemeProvider, {
     theme: {},
-    children: children
+    children: /*#__PURE__*/_jsx(NavigationProvider, {
+      currentPath: "",
+      isActiveRoute: () => false,
+      navigate: () => {},
+      children: children
+    })
   });
 };
 const customRender = (ui, options) => render(ui, _objectSpread({

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<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;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/C,MAAMC,eAAe,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAACC;EAAqC,CAAC,GAAAD,IAAA;EAC9D,oBACEF,IAAA,CAACF,aAAa;IAACM,KAAK,EAAE,CAAC,CAAE;IAAAD,QAAA,EACpBA;EAAQ,CACE,CAAC;AAEpB,CAAC;AAED,MAAME,YAAY,GAAGA,CACnBC,EAAqB,EACrBC,OAAwC,KACrCV,MAAM,CAACS,EAAE,EAAAE,aAAA;EAAGC,OAAO,EAAER;AAAe,GAAKM,OAAO,CAAC,CAAC;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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "6.0.0-dev.7.full",
+  "version": "6.0.0",
   "private": false,
   "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
   "contributors": [],
@@ -27,9 +27,10 @@
   ],
   "scripts": {
     "bump": "yarn version --patch",
-    "build": "yarn build:babel:esm && yarn build:babel:cjs && tsc --emitDeclarationOnly --declaration --declarationDir dist && 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",
-    "build:babel:cjs": "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .cjs",
+    "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/",
@@ -62,14 +63,14 @@
     }
   },
   "dependencies": {
-    "@laerdal-medical/life-design-tokens": "^1.2.0-beta",
+    "@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.2.1",
+    "react-datepicker": "^8.4.0",
     "react-dom": "^19.0.0",
     "react-inlinesvg": "^4.2.0",
     "react-modal": "^3.16.0",
@@ -82,6 +83,7 @@
   "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",
@@ -91,6 +93,8 @@
     "@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",
@@ -126,6 +130,7 @@
     "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",

package/dist/Button/Button.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_LoadingIndicator","_styles","_types","_common","_jsxRuntime","_excluded","_excluded2","_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","getBorderRadius","flatEdge","radius","ButtonContentContainer","exports","styled","div","ButtonBaseStyled","button","ButtonPrimaryStyled","props","$size","Size","Large","ComponentLStyling","ComponentTextStyle","Bold","$colorTheme","COLORS","getColor","theme","generateToken","componentType","isOnFill","defaultVariant","Small","ComponentSStyling","ComponentMStyling","$flatEdge","$width","Medium","$iconOnly","state","$invertFocus","undefined","invertedFocusStyles","focusStyles","ButtonSecondaryStyled","ButtonTertiaryStyled","ButtonPositiveStyled","ButtonCriticalStyled","Button","forwardRef","_ref","ref","children","variant","type","size","colorTheme","invertFocus","width","testId","disabled","icon","iconPosition","_objectWithoutProperties2","loading","renderProps","useTheme","renderIcon","jsx","Fragment","className","renderContent","jsxs","LoadingIndicator","ButtonStyled","onMouseDown","defaultOnMouseDownHandler","propTypes","_propTypes","oneOf","bool","oneOfType","string","node","_default"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { css, useTheme } from 'styled-components';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport { COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\n\r\nconst getBorderRadius = (flatEdge: string | undefined, radius: number) => {\r\n  switch (flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius}px ${radius}px 0px`;\r\n\r\n    case 'right':\r\n      return `${radius}px 0px 0px ${radius}px`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}px`;\r\n  }\r\n};\r\n\r\nexport const ButtonContentContainer = styled.div`\r\n  min-width: 64px;\r\n`;\r\n\r\nconst ButtonBaseStyled = styled.button<{$iconOnly: boolean; $size: Size; $colorTheme: 'teal' | 'dark' | undefined; $flatEdge: string | undefined; $width: string; $invertFocus: boolean | undefined; }>``;\r\n\r\nexport const ButtonPrimaryStyled = styled(ButtonBaseStyled)`\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  position: relative;\r\n  box-sizing: border-box;  \r\n  &.loading-state {\r\n    cursor: wait;\r\n  }\r\n  ${ButtonContentContainer} {\r\n    ${(props) =>\r\n      props.$size === Size.Large\r\n        ? ComponentLStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme))\r\n        : props.$size === Size.Small\r\n        ? ComponentSStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme))\r\n        : ComponentMStyling(ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme))};\r\n\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : \r\n      COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'primary' }, props.theme))};\r\n    border-radius: ${(props) => getBorderRadius(props.$flatEdge, 8)};\r\n\r\n    width: ${(props) => props.$width};\r\n    position: relative;\r\n\r\n    min-height: ${(props) => (props.$size === Size.Large ? '56px' : props.$size === Size.Small ? '32px' : '40px')};\r\n\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: ${(props) => (props.$size === Size.Large ? '14px 16px' : props.$size === Size.Small ? '6px 8px' : '8px 12px')};\r\n\r\n    span.icon:not(.loading) {\r\n      pointer-events: none;\r\n    }\r\n\r\n    span.loading {\r\n      opacity: 0;\r\n    }\r\n\r\n    .icon {\r\n      margin: ${(props) => (props.$size === Size.Medium ? props.$iconOnly ? '-2px -8px' : '' : (props.$size === Size.Small ? props.$iconOnly ? '-2px -6px' : '' : '' ))};\r\n      width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n      height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n      svg {\r\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\r\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\r\n      }\r\n    }\r\n\r\n    .label {\r\n      margin: 0 4px;\r\n    }\r\n\r\n    div {\r\n      position: absolute;\r\n      width: 100%;\r\n      svg {\r\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary', props.theme) : COLORS.generateToken({ componentType: 'icon', isOnFill: true, defaultVariant: 'primary' }, props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_100', props.theme) : COLORS.generateToken({ componentType: 'bg-fill', state: 'hover', defaultVariant: 'primary' }, props.theme))};\r\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme))};\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.generateToken({ componentType: 'bg-fill', state: 'active', defaultVariant: 'primary' }, props.theme))};\r\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme))};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    ${(props) => (props.$invertFocus || (props.$invertFocus === undefined && props.$colorTheme === 'dark') ? invertedFocusStyles : focusStyles)}\r\n  }\r\n  &:disabled,\r\n  &.disabled-state {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    pointer-events: none;\r\n    background-color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.generateToken({ componentType: 'bg-fill', state: 'disabled' }, props.theme))};\r\n    color: ${(props) => (props.$colorTheme === 'dark' ? COLORS.getColor('primary_800', props.theme) : COLORS.generateToken({ componentType: 'text', isOnFill: true, state: 'disabled' }, props.theme))};\r\n  }\r\n`;\r\n\r\nexport const ButtonSecondaryStyled = styled(ButtonPrimaryStyled)`\r\n  ${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme))};\r\n    background-color: transparent;\r\n    div svg path {\r\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : COLORS.generateToken({ componentType: 'icon', defaultVariant: 'primary' }, props.theme))};\r\n    }\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.generateToken({ componentType: 'border', defaultVariant: 'primary' }, props.theme))};\r\n    \r\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\r\n  }\r\n\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.generateToken({ componentType: 'text', state:'hover', defaultVariant: 'primary' }, props.theme))};\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_200', props.theme) : COLORS.generateToken({ componentType: 'border', state:'hover', defaultVariant: 'primary' }, props.theme))};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : COLORS.generateToken({ componentType: 'text', state:'hover', defaultVariant: 'primary' }, props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.generateToken({ componentType: 'text', state:'active', defaultVariant: 'primary' }, props.theme))};\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('primary_300', props.theme) : COLORS.generateToken({ componentType: 'border', state:'active', defaultVariant: 'primary' }, props.theme))};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.generateToken({ componentType: 'text', state:'hover', defaultVariant: 'primary' }, props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: transparent;\r\n    color: ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.generateToken({ componentType: 'text', state:'disabled' }, props.theme))};\r\n    box-shadow: inset 0 0 0 2px ${(props) => (props?.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.generateToken({ componentType: 'border', state:'disabled' }, props.theme))};\r\n  }\r\n`;\r\n\r\nexport const ButtonTertiaryStyled = styled(ButtonPrimaryStyled)`\r\n${ButtonContentContainer} {\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme))};\r\n    background-color: transparent;\r\n\r\n    div svg path {\r\n      fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme))};\r\n    }\r\n\r\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\r\n  }\r\n\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_20', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_700', props.theme) : COLORS.generateToken({ componentType: 'bg-surface', state:'hover' }, props.theme))};\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme))};\r\n\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_100', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('primary_600', props.theme) : COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme))};\r\n    color: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme))};\r\n\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => (props.$colorTheme === 'teal' ? COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? COLORS.getColor('white', props.theme) : COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme))};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: transparent !important;\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', isOnFill:true, state:'disabled' }, props.theme)};\r\n    border-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport const ButtonPositiveStyled = styled(ButtonPrimaryStyled)`\r\n  ${ButtonContentContainer} {\r\n    color: white;\r\n    background-color: ${props => COLORS.getColor('positive_500', props.theme)};\r\n  }\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('positive_700', props.theme)};\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('positive_800', props.theme)};\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ButtonCriticalStyled = styled(ButtonPrimaryStyled)`\r\n  ${ButtonContentContainer} {\r\n    color: white;\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'critical' }, props.theme)};\r\n  }\r\n  &:hover > ${ButtonContentContainer},\r\n  &.hover-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', state:'hover', defaultVariant: 'critical' }, props.theme)};\r\n  }\r\n  &:active > ${ButtonContentContainer},\r\n  &.active-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', state:'active', defaultVariant: 'critical' }, props.theme)};\r\n  }\r\n\r\n  &:disabled > ${ButtonContentContainer},\r\n  &.disabled-state > ${ButtonContentContainer} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', state: 'disabled' }, props.theme)};\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', isOnFill: true, state: 'disabled' }, props.theme)};    \r\n  }\r\n`;\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  /** Look and feel variant of the component. Defaults to 'primary'. */\r\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'critical';\r\n  /** Can be used in order to remove rounded corners on right or left edge of the button. Used by 'DualFunctionButton'. Defaults to 'undefined' */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** Size of the component. Small, Medium or Large. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Color theme altering of the component. By default there is no altering applied. */\r\n  colorTheme?: 'teal' | 'dark';\r\n  /** Allows using inverted colors for outlining focus rect. Shown when component focused by keyboard. */\r\n  invertFocus?: boolean;\r\n  /** Can be used to set custom value for width style. Value is set for 'ButtonContent' container. */\r\n  width?: 'auto' | string;\r\n  /** If set, then 'opacity' of children container will be set to 0, and loading indicator will be shown.  */\r\n  loading?: boolean;\r\n  /** TestId. Will be set to the top level button component. */\r\n  testId?: string;\r\n  /** Icon that will be shown on the left of the children. */\r\n  icon?: React.ReactNode;\r\n  /** Icon position in the button. Defaults to 'left' */\r\n  iconPosition?: 'left' | 'right';\r\n}\r\n\r\n/**\r\n * Button component\r\n */\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ children = '', variant = 'primary', type = 'button', size = Size.Medium, colorTheme, invertFocus,  width: width = 'auto', testId, disabled, flatEdge, icon, iconPosition = 'left', ...props }, ref) => {\r\n    // Let's filter out properties that we don't need to render.\r\n    const { loading, ...renderProps } = props;\r\n\r\n    const theme = useTheme();\r\n    const renderIcon = () => (\r\n      <><span className={(children ? 'extramargin ' : '') + (loading ? 'icon loading' : 'icon')}>{icon}</span></>\r\n    )\r\n\r\n    const renderContent = () => (\r\n      <>\r\n        {icon && iconPosition == 'left' && renderIcon()}\r\n        {children && <span className={loading ? 'label loading' : 'label'}>{children}</span>}\r\n        {icon && iconPosition == 'right' && renderIcon()}\r\n        {loading && <LoadingIndicator />}\r\n      </>\r\n    );\r\n\r\n    let ButtonStyled = ButtonPrimaryStyled;\r\n    switch (variant) {\r\n      case 'secondary':\r\n        ButtonStyled = ButtonSecondaryStyled;\r\n        break;\r\n      case 'tertiary':\r\n        ButtonStyled = ButtonTertiaryStyled;\r\n        break;\r\n      case 'positive':\r\n        ButtonStyled = ButtonPositiveStyled;\r\n        break;\r\n      case 'critical':\r\n        ButtonStyled = ButtonCriticalStyled;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <ButtonStyled\r\n        {...renderProps}\r\n        $size={size}\r\n        $colorTheme={colorTheme} \r\n        $invertFocus={invertFocus}        \r\n        ref={ref}\r\n        disabled={disabled}\r\n        $iconOnly={!children}\r\n        type={type}\r\n        $flatEdge={flatEdge}\r\n        $width={width}\r\n        data-testid={testId}\r\n        className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\r\n        onMouseDown={defaultOnMouseDownHandler}>\r\n        <ButtonContentContainer>{renderContent()}</ButtonContentContainer>\r\n      </ButtonStyled>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Button;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/Button.d.ts

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import { Size } from '../types';
-export declare const ButtonContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ButtonPrimaryStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: "teal" | "dark" | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>> & string;
-export declare const ButtonSecondaryStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: "teal" | "dark" | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>, never>> & string;
-export declare const ButtonTertiaryStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: "teal" | "dark" | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>, never>> & string;
-export declare const ButtonPositiveStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: "teal" | "dark" | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>, never>> & string;
-export declare const ButtonCriticalStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$width" | "$flatEdge" | "$invertFocus" | "$iconOnly" | "$colorTheme"> & {
-    $iconOnly: boolean;
-    $size: Size;
-    $colorTheme: "teal" | "dark" | undefined;
-    $flatEdge: string | undefined;
-    $width: string;
-    $invertFocus: boolean | undefined;
-}, never>, never>> & string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Look and feel variant of the component. Defaults to 'primary'. */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'critical';
-    /** Can be used in order to remove rounded corners on right or left edge of the button. Used by 'DualFunctionButton'. Defaults to 'undefined' */
-    flatEdge?: 'right' | 'left' | 'none' | undefined;
-    /** Size of the component. Small, Medium or Large. Defaults to 'medium' */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Color theme altering of the component. By default there is no altering applied. */
-    colorTheme?: 'teal' | 'dark';
-    /** Allows using inverted colors for outlining focus rect. Shown when component focused by keyboard. */
-    invertFocus?: boolean;
-    /** Can be used to set custom value for width style. Value is set for 'ButtonContent' container. */
-    width?: 'auto' | string;
-    /** If set, then 'opacity' of children container will be set to 0, and loading indicator will be shown.  */
-    loading?: boolean;
-    /** TestId. Will be set to the top level button component. */
-    testId?: string;
-    /** Icon that will be shown on the left of the children. */
-    icon?: React.ReactNode;
-    /** Icon position in the button. Defaults to 'left' */
-    iconPosition?: 'left' | 'right';
-}
-/**
- * Button component
- */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default Button;