@laerdal/life-react-components 1.4.0 → 1.4.1-dev.11

package/dist/esm/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["React","styled","css","COLORS","Size","TYPOGRAPHY","fontFamily","TypographyBase","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","HeadlineBaseStyling","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Small","Medium","Large","XXSmall","XSmall"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  $color?: string;\n  lineHeight: number;\n  $fontSize: number;\n  $fontWeight: number;\n  $fontStyle?: string;\n  textTransform?: Property.TextTransform;\n  textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ $color, lineHeight, $fontSize, $fontWeight, $fontStyle, textTransform, textDecorationLine }) => ({\n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: $fontSize,\n  fontWeight: $fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: textTransform ? textTransform : 'none',\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\n  color: $color ? $color : COLORS.black,\n}));\n\ninterface IHeadline {\n  $color?: string;\n}\n\ninterface IHeadlineBase {\n  $color?: string;\n  lineHeight: number;\n  fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n    font-weight: 700;\n    color: ${color};\n  `;\n};\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ $color, lineHeight, fontSize }) => ({\n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: $color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '48px',\n  lineHeight: '64px',\n  color: $color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '40px',\n  lineHeight: '52px',\n  color: $color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '32px',\n  lineHeight: '40px',\n  color: $color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '28px',\n  lineHeight: '36px',\n  color: $color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '24px',\n  lineHeight: '32px',\n  color: $color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '20px',\n  lineHeight: '24px',\n  color: $color,\n}));\n\nconst ParagraphStyling = css`\n  :lang(ja-jp) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(ko-kr) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(zh-CN) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 34em;\n  }\n`;\n\ninterface IParagraphBase {\n  color?: string;\n  lineHeight: number;\n  $fontSize: number;\n  marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n  p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n  p:not(:only-of-type) {\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n  }\n  ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n  color?: string;\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline,\n}\n\ntype ParagraphProps = {\n  color?: string;\n  textStyle?: ParagraphTextStyle;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n  return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    font-weight: ${paragraphFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${paragraphFontStyle(textStyle)};\n    color: ${color};\n  `;\n};\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={36}\n      $fontSize={24}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={32}\n      $fontSize={20}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={28}\n      $fontSize={18}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={24}\n      $fontSize={16}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={20}\n      $fontSize={14}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"10px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  className?: string;\n  textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    font-weight: ${componentFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${componentFontStyle(textStyle)};\n    ${color === null ? '' : `color: ${color || COLORS.black};`}\n  `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentResponsive: FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({ color, textStyle, children, size, width }) => {\n  let fontsize = size;\n  if (!size) {\n    if (width < 768) {\n      fontsize = Size.Small;\n    } else if (width < 992) {\n      fontsize = Size.Medium;\n    } else {\n      fontsize = Size.Large;\n    }\n  }\n  switch (fontsize) {\n    case Size.XXSmall:\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n    case Size.XSmall:\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n    case Size.Small:\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\n    case Size.Medium:\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\n    case Size.Large:\n    default:\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\n  }\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"file":"typography.js"}
+{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["React","styled","css","COLORS","Size","TYPOGRAPHY","fontFamily","TypographyBase","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","HeadlineBaseStyling","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Small","Medium","Large","XXSmall","XSmall"],"mappings":"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","sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  $color?: string;\n  lineHeight: number;\n  $fontSize: number;\n  $fontWeight: number;\n  $fontStyle?: string;\n  textTransform?: Property.TextTransform;\n  textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ $color, lineHeight, $fontSize, $fontWeight, $fontStyle, textTransform, textDecorationLine }) => ({\n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: $fontSize,\n  fontWeight: $fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: textTransform ? textTransform : 'none',\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\n  color: $color ? $color : COLORS.black,\n}));\n\ninterface IHeadline {\n  $color?: string;\n}\n\ninterface IHeadlineBase {\n  $color?: string;\n  lineHeight: number;\n  fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n    font-weight: 700;\n    color: ${color};\n  `;\n};\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ $color, lineHeight, fontSize }) => ({\n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: $color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '48px',\n  lineHeight: '64px',\n  color: $color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '40px',\n  lineHeight: '52px',\n  color: $color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '32px',\n  lineHeight: '40px',\n  color: $color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '28px',\n  lineHeight: '36px',\n  color: $color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '24px',\n  lineHeight: '32px',\n  color: $color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '20px',\n  lineHeight: '24px',\n  color: $color,\n}));\n\nconst ParagraphStyling = css`\n  :lang(ja-jp) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(ko-kr) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(zh-CN) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 34em;\n  }\n`;\n\ninterface IParagraphBase {\n  color?: string;\n  lineHeight: number;\n  $fontSize: number;\n  marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n  p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n  p:not(:only-of-type) {\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n  }\n  ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n  color?: string;\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline,\n}\n\ntype ParagraphProps = {\n  color?: string;\n  textStyle?: ParagraphTextStyle;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n  return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    font-weight: ${paragraphFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${paragraphFontStyle(textStyle)};\n    color: ${color};\n  `;\n};\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={36}\n      $fontSize={24}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={32}\n      $fontSize={20}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={28}\n      $fontSize={18}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={24}\n      $fontSize={16}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={20}\n      $fontSize={14}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"10px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  className?: string;\n  textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    font-weight: ${componentFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${componentFontStyle(textStyle)};\n    ${color === null ? '' : `color: ${color || COLORS.black};`}\n  `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({ color, textStyle, children, size, width }) => {\n  let fontsize = size;\n  if (!size) {\n    if (width < 768) {\n      fontsize = Size.Small;\n    } else if (width < 992) {\n      fontsize = Size.Medium;\n    } else {\n      fontsize = Size.Large;\n    }\n  }\n  switch (fontsize) {\n    case Size.XXSmall:\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n    case Size.XSmall:\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n    case Size.Small:\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\n    case Size.Medium:\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\n    case Size.Large:\n    default:\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\n  }\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"file":"typography.js"}

package/dist/esm/styles/z-indexes.js

@@ -1,7 +1,8 @@
-export const Z_INDEXES = {
+export var Z_INDEXES = {
   hover: '1',
   active: '2',
   focus: '3',
+  badge: '10',
   dropdown: '1000',
   sticky_menu: '1020',
   fixed_menu: '1030',

package/dist/esm/styles/z-indexes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/styles/z-indexes.ts"],"names":["Z_INDEXES","hover","active","focus","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip"],"mappings":"AAAA,OAAO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,GADgB;AAEvBC,EAAAA,MAAM,EAAE,GAFe;AAGvBC,EAAAA,KAAK,EAAE,GAHgB;AAMvBC,EAAAA,QAAQ,EAAE,MANa;AAOvBC,EAAAA,WAAW,EAAE,MAPU;AAQvBC,EAAAA,UAAU,EAAE,MARW;AASvBC,EAAAA,QAAQ,EAAE,MATa;AAUvBC,EAAAA,UAAU,EAAE,MAVW;AAWvBC,EAAAA,KAAK,EAAE,MAXgB;AAYvBC,EAAAA,KAAK,EAAE,MAZgB;AAavBC,EAAAA,OAAO,EAAE;AAbc,CAAlB","sourcesContent":["export const Z_INDEXES = {\n  hover: '1',\n  active: '2',\n  focus: '3',\n\n\n  dropdown: '1000',\n  sticky_menu: '1020',\n  fixed_menu: '1030',\n  backdrop: '1040',\n  off_canvas: '1050',\n  modal: '1060',\n  toast: '1070',\n  tooltip: '1080',\n}\n"],"file":"z-indexes.js"}
+{"version":3,"sources":["../../../src/styles/z-indexes.ts"],"names":["Z_INDEXES","hover","active","focus","badge","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,GADgB;AAEvBC,EAAAA,MAAM,EAAE,GAFe;AAGvBC,EAAAA,KAAK,EAAE,GAHgB;AAKvBC,EAAAA,KAAK,EAAE,IALgB;AAQvBC,EAAAA,QAAQ,EAAE,MARa;AASvBC,EAAAA,WAAW,EAAE,MATU;AAUvBC,EAAAA,UAAU,EAAE,MAVW;AAWvBC,EAAAA,QAAQ,EAAE,MAXa;AAYvBC,EAAAA,UAAU,EAAE,MAZW;AAavBC,EAAAA,KAAK,EAAE,MAbgB;AAcvBC,EAAAA,KAAK,EAAE,MAdgB;AAevBC,EAAAA,OAAO,EAAE;AAfc,CAAlB","sourcesContent":["export const Z_INDEXES = {\n  hover: '1',\n  active: '2',\n  focus: '3',\n\n  badge: '10',\n\n\n  dropdown: '1000',\n  sticky_menu: '1020',\n  fixed_menu: '1030',\n  backdrop: '1040',\n  off_canvas: '1050',\n  modal: '1060',\n  toast: '1070',\n  tooltip: '1080',\n}\n"],"file":"z-indexes.js"}

package/dist/esm/types.js

@@ -1,4 +1,4 @@
-export let Size;
+export var Size;
 
 (function (Size) {
   Size["XXSmall"] = "xxsmall";
@@ -8,7 +8,7 @@ export let Size;
   Size["Large"] = "large";
 })(Size || (Size = {}));
 
-export let ToastColor;
+export var ToastColor;
 
 (function (ToastColor) {
   ToastColor[ToastColor["BLACK"] = 0] = "BLACK";
@@ -19,14 +19,14 @@ export let ToastColor;
   ToastColor[ToastColor["RED"] = 5] = "RED";
 })(ToastColor || (ToastColor = {}));
 
-export let ToastActionType;
+export var ToastActionType;
 
 (function (ToastActionType) {
   ToastActionType[ToastActionType["PRIMARY"] = 0] = "PRIMARY";
   ToastActionType[ToastActionType["SECONDARY"] = 1] = "SECONDARY";
 })(ToastActionType || (ToastActionType = {}));
 
-export let ToastPosition;
+export var ToastPosition;
 
 (function (ToastPosition) {
   ToastPosition[ToastPosition["TOPLEFT"] = 0] = "TOPLEFT";
@@ -37,7 +37,7 @@ export let ToastPosition;
   ToastPosition[ToastPosition["BOTTOMRIGHT"] = 5] = "BOTTOMRIGHT";
 })(ToastPosition || (ToastPosition = {}));
 
-export let ToastEntryDirection;
+export var ToastEntryDirection;
 
 (function (ToastEntryDirection) {
   ToastEntryDirection[ToastEntryDirection["TOP"] = 0] = "TOP";

package/dist/types/Accordion/ContentAccordion.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Size } from '../types';
+export declare const ContentAccordionItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemHeaderIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemHeaderText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemContentHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemContentBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItemContentFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentAccordionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface ContentAccordionItem {
+    key: string;
+    title: string;
+    header?: string;
+    body: any;
+    footer?: any;
+    disabled?: boolean;
+    active?: boolean;
+}
+export interface ContentAccordionProps {
+    items: ContentAccordionItem[];
+    multi?: boolean;
+    size?: Size.Small | Size.Medium | Size.Large;
+}
+export declare const ContentAccordion: React.FunctionComponent<ContentAccordionProps>;
+export default ContentAccordion;

package/dist/types/Accordion/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const AccordionMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AccordionItemContainer: import("styled-components").StyledComponent<"div", any, {
+    displaySeparator: boolean;
+}, never>;
+export declare const ItemHeaderContainer: import("styled-components").StyledComponent<"div", any, {
+    isDisabled: boolean;
+    isActive: boolean;
+}, never>;
+export declare const HeaderIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemBodyContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/Button/Button.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Size } from '../types';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'correct' | 'critical';
+    flatEdge?: 'right' | 'left' | 'none' | undefined;
+    role?: 'button' | string;
+    title?: string;
+    size?: Size;
+    colorTheme?: 'teal' | 'dark';
+    width?: 'auto' | string;
+    loading?: boolean;
+    testId?: string;
+    icon?: React.ReactNode;
+    minWidth?: string;
+    iconOnly?: boolean;
+}
+declare const Button: React.FunctionComponent<ButtonProps>;
+export default Button;

package/dist/types/Button/Iconbutton.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface IconButtonProps {
+    id?: string;
+    variant?: 'primary' | 'secondary';
+    shape?: 'square' | 'circular';
+    action: (event?: React.MouseEvent<HTMLButtonElement>) => void;
+    hideOnLowWidth?: boolean;
+    flatEdge?: 'right' | 'left' | 'none' | undefined;
+    isInMobileMenu?: boolean;
+    disabled?: boolean;
+    useTransparentBackground?: boolean;
+    iconColor?: string;
+    unsetIconSize?: boolean;
+    tabIndex?: number;
+    borderRadius?: number;
+    onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement>;
+    focusBackgroundColor?: string;
+    type?: 'submit' | 'reset' | 'button' | undefined;
+    children?: React.ReactNode;
+    hidden?: boolean;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default IconButton;

package/dist/types/Button/index.d.ts

@@ -0,0 +1,4 @@
+export { default as IconButton } from './Iconbutton';
+export { default as Button } from './Button';
+export { default as BackButton } from './BackButton';
+export { default as DualFunctionButton } from './DualFunctionButton';

package/dist/types/Dropdown/CommonStyling.d.ts

@@ -0,0 +1,29 @@
+import { Size } from '../types';
+export declare const Dropdown: import("styled-components").StyledComponent<"div", any, {
+    isButton: boolean;
+    locked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    margin?: string | undefined;
+    minWidth?: string | undefined;
+}, never>;
+export declare const InputField: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const StyledField: import("styled-components").StyledComponent<"div", any, {
+    disabled: boolean;
+    locked: boolean;
+    showValidationMessage?: boolean | undefined;
+    isPlaceholder?: boolean | undefined;
+    fontSize?: string | undefined;
+    minWidth?: string | undefined;
+}, never>;
+export declare const ButtonDropdownContentStyling: import("styled-components").FlattenSimpleInterpolation;
+export declare const DropdownContentStyling: import("styled-components").StyledComponent<"div", any, {
+    isButton: boolean;
+}, never>;
+export declare const DropdownButton: import("styled-components").StyledComponent<"button", any, {
+    size?: Size | undefined;
+}, never>;
+export declare const DropdownButtonCSS: (size?: Size | undefined) => import("styled-components").FlattenSimpleInterpolation;
+export declare const ButtonDropdownWrapper: import("styled-components").StyledComponent<"div", any, {
+    locked?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;

package/dist/types/Dropdown/DropdownContent.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { Size } from '../types';
+export declare const DDContainer: import("styled-components").StyledComponent<"div", any, {
+    isButton: boolean;
+    width?: string | undefined;
+    alignLeft?: boolean | undefined;
+    size?: Size | undefined;
+    scrollable?: boolean | undefined;
+    maxHeight?: string | undefined;
+}, never>;
+export interface DropdownItem {
+    value: string;
+    displayLabel?: string;
+    noteLabel?: string;
+    suggestion?: boolean;
+    showDividerAbove?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    customContent?: React.ReactNode;
+}
+export interface DropdownCustomizationProps {
+    itemsType?: 'radio' | 'checkbox' | 'normal';
+    menuContent?: React.ReactNode;
+    scrollable?: boolean;
+    multiSelect?: boolean;
+    maxHeight?: string;
+    actionLabel?: string;
+    actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;
+    actionIcon?: React.ReactNode;
+    actionLoading?: boolean;
+    actionDisabled?: boolean;
+    action: () => boolean | void | undefined;
+    pinTopItem?: boolean;
+    onValueUpdate: (values: string[]) => boolean | void | undefined;
+    items: DropdownItem[];
+}
+export interface DropdownProps {
+    isButton: boolean;
+    customizationProps: DropdownCustomizationProps;
+    alignLeft?: boolean;
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    size?: Size;
+    id: string;
+    filter: string;
+    width?: string;
+    hideOnClickOutside: boolean;
+    selectedValues: string[];
+    setSelectedValues: (val: string[]) => void;
+    messageOnNoResults: string;
+    focused: number | null;
+    setFocused: (focused: number | null) => void;
+}
+declare const DropdownContent: React.FunctionComponent<DropdownProps>;
+export default DropdownContent;

package/dist/types/Dropdown/index.d.ts

@@ -0,0 +1,6 @@
+import DropdownFilter from './DropdownFilter';
+import BasicDropdown from './BasicDropdown';
+import DropdownButton from './DropdownButton';
+import ChipDropdownInput from './ChipDropdownInput';
+export type { DropdownItem } from './DropdownContent';
+export { DropdownFilter, BasicDropdown, DropdownButton, ChipDropdownInput };

package/dist/types/GlobalNavigationBar/Avatar.d.ts

@@ -0,0 +1,15 @@
+export declare const AvatarContainer: import("styled-components").StyledComponent<"div", any, {
+    hideOnLowWidth?: boolean | undefined;
+    inMobileMenu?: boolean | undefined;
+    hidePadding?: boolean | undefined;
+}, never>;
+interface AvatarProps {
+    firstName: string;
+    lastName: string;
+    size: number;
+    color: string;
+    profileMenuLink: string;
+    useInteractionStyling?: boolean;
+}
+declare const Avatar: ({ firstName, lastName, size, color, useInteractionStyling }: AvatarProps) => JSX.Element;
+export default Avatar;

package/dist/types/InputFields/components/SearchBarInput.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Size } from '../../types';
+export declare const Search: import("styled-components").StyledComponent<"input", any, {
+    type: "search";
+}, "type">;
+export declare const BigSearch: import("styled-components").StyledComponent<"input", any, {
+    type: "search";
+}, "type">;
+declare type SearchBarInputProps = {
+    id: string;
+    searchTerm?: string;
+    setSearchTerm: (term: string) => void;
+    enterSearch: (e: any) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    size?: Size.Small | Size.Medium;
+    onBlur?: (e: any) => void;
+    focusParentRefs?: React.RefObject<any>[];
+};
+declare const SearchBarInput: React.ForwardRefExoticComponent<SearchBarInputProps & React.RefAttributes<HTMLInputElement>>;
+export default SearchBarInput;