@laerdal/life-react-components 3.4.2 → 3.5.0

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["scrollBarStyling","size","Size","Small","css","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nexport  * from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\n\n\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\n  \n  ::-webkit-scrollbar {\n    width: ${size == Size.Medium ? '6px' : '4px'};\n    height: ${size == Size.Medium ? '6px' : '4px'};\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ${COLORS.neutral_100};\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ${COLORS.neutral_500};\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ${COLORS.primary_700};\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ${COLORS.primary_800};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n\nexport * from './focus-styles';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AACA;AAoCA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAA+B;AAjCxB,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGC,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,wjBAGvEH,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCJ,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,eAAM,CAACC,WAAW,EAMlBD,eAAM,CAACE,WAAW,EAMlBF,eAAM,CAACG,WAAW,EAKlBH,eAAM,CAACI,WAAW;AAAA,CAEnC;AAAC"}
+{"version":3,"file":"index.cjs","names":["scrollBarStyling","size","Size","Small","css","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${COLORS.neutral_100};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${COLORS.neutral_500};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${COLORS.primary_700};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AACA;AAoCA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAA+B;AAjCxB,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGC,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,wjBAGvEH,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCJ,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,eAAM,CAACC,WAAW,EAMlBD,eAAM,CAACE,WAAW,EAMlBF,eAAM,CAACG,WAAW,EAKlBH,eAAM,CAACI,WAAW;AAAA,CAEnC;AAAC"}

package/dist/styles/index.d.ts

@@ -1,10 +1,10 @@
-import COLORS from './colors';
-import BREAKPOINTS from './breakpoints';
-import { BOXSHADOWS } from './shadowstyles';
-export * from './typography';
-import globalStyles from './global';
-import { Size } from '../types';
-export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
-export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").FlattenSimpleInterpolation;
-export { Z_INDEXES } from './z-indexes';
-export * from './focus-styles';
+import COLORS from './colors';
+import BREAKPOINTS from './breakpoints';
+import { BOXSHADOWS } from './shadowstyles';
+export * from './typography';
+import globalStyles from './global';
+import { Size } from '../types';
+export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
+export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").FlattenSimpleInterpolation;
+export { Z_INDEXES } from './z-indexes';
+export * from './focus-styles';

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","Small","Medium","neutral_100","neutral_500","primary_700","primary_800","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nexport  * from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\n\n\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\n  \n  ::-webkit-scrollbar {\n    width: ${size == Size.Medium ? '6px' : '4px'};\n    height: ${size == Size.Medium ? '6px' : '4px'};\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ${COLORS.neutral_100};\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ${COLORS.neutral_500};\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ${COLORS.primary_700};\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ${COLORS.primary_800};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n\nexport * from './focus-styles';\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGF,IAAI,CAACG,KAAK;EAAA,OAAKR,GAAG,yiBAGvEO,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCF,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BR,MAAM,CAACS,WAAW,EAMlBT,MAAM,CAACU,WAAW,EAMlBV,MAAM,CAACW,WAAW,EAKlBX,MAAM,CAACY,WAAW;AAAA,CAEnC;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB"}
+{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","Small","Medium","neutral_100","neutral_500","primary_700","primary_800","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${COLORS.neutral_100};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${COLORS.neutral_500};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${COLORS.primary_700};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGF,IAAI,CAACG,KAAK;EAAA,OAAKR,GAAG,yiBAGvEO,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCF,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BR,MAAM,CAACS,WAAW,EAMlBT,MAAM,CAACU,WAAW,EAMlBV,MAAM,CAACW,WAAW,EAKlBX,MAAM,CAACY,WAAW;AAAA,CAEnC;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB"}

package/dist/styles/shadowstyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"shadowstyles.cjs","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\n};\n\nexport { BOXSHADOWS };\n\n"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAAC"}
+{"version":3,"file":"shadowstyles.cjs","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAAC"}

package/dist/styles/shadowstyles.d.ts

@@ -1,7 +1,7 @@
-declare const BOXSHADOWS: {
-    BOXSHADOW_L1: string;
-    BOXSHADOW_L2: string;
-    BOXSHADOW_L3: string;
-    BOXSHADOW_CENTERED: string;
-};
-export { BOXSHADOWS };
+declare const BOXSHADOWS: {
+    BOXSHADOW_L1: string;
+    BOXSHADOW_L2: string;
+    BOXSHADOW_L3: string;
+    BOXSHADOW_CENTERED: string;
+};
+export { BOXSHADOWS };

package/dist/styles/shadowstyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadowstyles.js","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\n};\n\nexport { BOXSHADOWS };\n\n"],"mappings":"AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAED,SAASJ,UAAU"}
+{"version":3,"file":"shadowstyles.js","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":"AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAED,SAASJ,UAAU"}

package/dist/styles/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs","names":["TypographyBase","styled","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","css","ComponentXLStyling","ComponentXL","children","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, {css} from 'styled-components';\nimport {COLORS} from '.';\nimport {Property} from 'csstype';\nimport {Size} from '../types';\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\nexport const TypographyBase = styled('div')<ITypographyBase>(({\n                                                                $color,\n                                                                lineHeight,\n                                                                $fontSize,\n                                                                $fontWeight,\n                                                                $fontStyle,\n                                                                textTransform,\n                                                                textDecorationLine\n                                                              }) => ({\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\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  children?: React.ReactNode;\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-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}\n                    $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}\n                    $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}\n                    $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}\n                    $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}\n                    $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}\n                    $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\n                                                                                                         color,\n                                                                                                         textStyle,\n                                                                                                         children,\n                                                                                                         size,\n                                                                                                         width\n                                                                                                       }) => {\n  let fontsize = size;\n  if (!size) {\n    if (width == -1) {\n      fontsize = Size.Medium;\n    } else 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 const Typography = css`\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n`;\n\nexport const QuoteTypography = css`\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n`;\n\nexport const NoteTypography = css`\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n`;\n\nexport const UpperCaseTypography = css`\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n`;\n\nexport const Note = styled.p`\n  ${NoteTypography}\n`;\n\nexport const Quote = styled.p`\n  ${QuoteTypography}\n`;\n\nexport const UpperCase = styled.p`\n  ${UpperCaseTypography}\n`;\n\nexport {\n  ComponentTextStyle,\n  ComponentXL,\n  ComponentL,\n  ComponentM,\n  ComponentS,\n  ComponentXS,\n  ComponentXXS,\n  ComponentResponsive\n};\nexport {\n  ComponentXLStyling,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling\n};\n"],"mappings":"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"}
+{"version":3,"file":"typography.cjs","names":["TypographyBase","styled","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","css","ComponentXLStyling","ComponentXL","children","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n  $color?: string;\r\n  lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${color === null ? '' : `color: ${color || COLORS.black};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAYvB,IAAMA,cAAc,GAAG,IAAAC,yBAAM,EAAC,KAAK,CAAC,CAAkB;EAAA,IACGC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,WAAW,QAAXA,WAAW;IACXC,UAAU,QAAVA,UAAU;IACVC,aAAa,QAAbA,aAAa;IACbC,kBAAkB,QAAlBA,kBAAkB;EAAA,OACb;IACnEC,QAAQ,EAAEL,SAAS;IACnBM,UAAU,EAAEL,WAAW;IACvBF,UAAU,EAAEA,UAAU,GAAG,IAAI;IAC7BI,aAAa,EAAEA,aAAa,GAAGA,aAAa,GAAG,MAAM;IACrDC,kBAAkB,EAAEA,kBAAkB,GAAGA,kBAAkB,GAAG,MAAM;IACpEG,SAAS,EAAEL,UAAU,GAAGA,UAAU,GAAG,QAAQ;IAC7CM,KAAK,EAAEV,MAAM,GAAGA,MAAM,GAAGW,QAAM,CAACC;EAClC,CAAC;AAAA,CAAC,CAAC;AAAC;AAAA,IAECC,kBAAkB;AAAA;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,kCAAlBA,kBAAkB;AAcvB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,SAA8B,EAAK;EAC9D,IAAIP,UAAU,GAAG,GAAG;EACpB,IAAIO,SAAS,KAAKF,kBAAkB,CAACG,IAAI,IAAID,SAAS,KAAKF,kBAAkB,CAACI,aAAa,EAAE;IAC3FT,UAAU,GAAG,GAAG;EAClB;EACA,OAAOA,UAAU;AACnB,CAAC;AAED,IAAMU,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIH,SAA8B,EAAK;EAC7D,IAAIN,SAAS,GAAGM,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACM,MAAM,GAAG,QAAQ,GAAG,EAAE;EACpF,OAAOV,SAAS;AAClB,CAAC;AAED,IAAMW,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAIL,SAA8B,EAA6B;EAC9F,IAAIN,SAAiC,GAAGM,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACI,aAAa,GAAG,WAAW,GAAG,MAAM;EAC1H,OAAOR,SAAS;AAClB,CAAC;AAED,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAId,QAAgB,EAAEN,UAAkB,EAAEc,SAA6B,EAAEL,KAAgC,EAAK;EAClI,WAAOY,qBAAG,gMACKf,QAAQ,EACNO,mBAAmB,CAACC,SAAS,CAAC,EAC9Bd,UAAU,EACXiB,kBAAkB,CAACH,SAAS,CAAC,EACzCL,KAAK,KAAK,IAAI,GAAG,EAAE,oBAAaA,KAAK,IAAIC,QAAM,CAACC,KAAK,MAAG;AAE9D,CAAC;AAED,IAAMW,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIR,SAA6B,EAAEL,KAAoB;EAAA,OAAKW,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEL,KAAK,CAAC;AAAA;AAAC;AACvI,IAAMc,WAAoD,GAAG,SAAvDA,WAAoD,QAAgD;EAAA,IAA3Cd,KAAK,SAALA,KAAK;IAAEK,SAAS,SAATA,SAAS;IAAEU,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;EAClG,IAAIlB,UAAU,GAAGM,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIN,SAAS,GAAGS,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAEW,SAAU;IAAC,MAAM,EAAEhB,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAC5F,UAAU,EAAEC,SAAU;IAAA,UACnCgB;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EA5CAf,KAAK;EACLgB,SAAS;EACTX,SAAS;EACTU,QAAQ;AAAA;AA2CV,IAAME,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIZ,SAA6B,EAAEL,KAAoB;EAAA,OAAKW,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEL,KAAK,CAAC;AAAA;AAAC;AACtI,IAAMkB,UAAmD,GAAG,SAAtDA,UAAmD,QAAgD;EAAA,IAA3ClB,KAAK,SAALA,KAAK;IAAEK,SAAS,SAATA,SAAS;IAAEU,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;EACjG,IAAIlB,UAAU,GAAGM,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIN,SAAS,GAAGS,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAEW,SAAU;IAAC,MAAM,EAAEhB,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAC5F,UAAU,EAAEC,SAAU;IAAA,UACnCgB;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EAxDAf,KAAK;EACLgB,SAAS;EACTX,SAAS;EACTU,QAAQ;AAAA;AAuDV,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiB,CAAId,SAA6B,EAAEL,KAAgC;EAAA,OAAKW,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEL,KAAK,CAAC;AAAA;AAAC;AAClJ,IAAMoB,UAAmD,GAAG,SAAtDA,UAAmD,QAAgD;EAAA,IAA3CpB,KAAK,SAALA,KAAK;IAAEK,SAAS,SAATA,SAAS;IAAEU,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;EACjG,IAAIlB,UAAU,GAAGM,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIN,SAAS,GAAGS,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAEW,SAAU;IAAC,MAAM,EAAEhB,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAC5F,UAAU,EAAEC,SAAU;IAAA,UACnCgB;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EApEAf,KAAK;EACLgB,SAAS;EACTX,SAAS;EACTU,QAAQ;AAAA;AAmEV,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIhB,SAA6B,EAAEL,KAAoB;EAAA,OAAKW,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEL,KAAK,CAAC;AAAA;AAAC;AACtI,IAAMsB,UAAmD,GAAG,SAAtDA,UAAmD,QAAgD;EAAA,IAA3CtB,KAAK,SAALA,KAAK;IAAEK,SAAS,SAATA,SAAS;IAAEU,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;EACjG,IAAIlB,UAAU,GAAGM,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIN,SAAS,GAAGS,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAEW,SAAU;IAAC,MAAM,EAAEhB,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAC5F,UAAU,EAAEC,SAAU;IAAA,UACnCgB;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EAhFAf,KAAK;EACLgB,SAAS;EACTX,SAAS;EACTU,QAAQ;AAAA;AA+EV,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIlB,SAA6B,EAAEL,KAAoB;EAAA,OAAKW,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEL,KAAK,CAAC;AAAA;AAAC;AACvI,IAAMwB,WAAoD,GAAG,SAAvDA,WAAoD,QAAgD;EAAA,IAA3CxB,KAAK,SAALA,KAAK;IAAEK,SAAS,SAATA,SAAS;IAAEU,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;EAClG,IAAIlB,UAAU,GAAGM,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIN,SAAS,GAAGS,kBAAkB,CAACH,SAAS,CAAC;EAC7C,IAAIV,aAAa,GAAGe,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAEW,SAAU;IAAC,MAAM,EAAEhB,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAC5F,UAAU,EAAEC,SAAU;IAAC,aAAa,EAAEJ,aAAc;IAAA,UACjEoB;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EA7FAf,KAAK;EACLgB,SAAS;EACTX,SAAS;EACTU,QAAQ;AAAA;AA4FV,IAAMU,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIpB,SAA6B,EAAEL,KAAoB;EAAA,OAAKW,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEL,KAAK,CAAC;AAAA;AAAC;AACxI,IAAM0B,YAAqD,GAAG,SAAxDA,YAAqD,QAAgD;EAAA,IAA3C1B,KAAK,SAALA,KAAK;IAAEK,SAAS,SAATA,SAAS;IAAEU,QAAQ,SAARA,QAAQ;IAAEC,SAAS,SAATA,SAAS;EACnG,IAAIlB,UAAU,GAAGM,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIN,SAAS,GAAGS,kBAAkB,CAACH,SAAS,CAAC;EAC7C,IAAIV,aAAa,GAAGe,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAEW,SAAU;IAAC,MAAM,EAAEhB,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAC5F,UAAU,EAAEC,SAAU;IAAC,aAAa,EAAEJ,aAAc;IAAA,UACjEoB;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EA1GAf,KAAK;EACLgB,SAAS;EACTX,SAAS;EACTU,QAAQ;AAAA;AAyGV,IAAMY,mBAA6F,GAAG,SAAhGA,mBAA6F,QAMU;EAAA,IALJ3B,KAAK,SAALA,KAAK;IACLK,SAAS,SAATA,SAAS;IACTU,QAAQ,SAARA,QAAQ;IACRa,IAAI,SAAJA,IAAI;IACJC,KAAK,SAALA,KAAK;EAE5G,IAAIC,QAAQ,GAAGF,IAAI;EACnB,IAAI,CAACA,IAAI,EAAE;IACT,IAAIC,KAAK,IAAI,CAAC,CAAC,EAAE;MACfC,QAAQ,GAAGC,WAAI,CAACC,MAAM;IACxB,CAAC,MAAM,IAAIH,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAGC,WAAI,CAACE,KAAK;IACvB,CAAC,MAAM,IAAIJ,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAGC,WAAI,CAACC,MAAM;IACxB,CAAC,MAAM;MACLF,QAAQ,GAAGC,WAAI,CAACG,KAAK;IACvB;EACF;EACA,QAAQJ,QAAQ;IACd,KAAKC,WAAI,CAACI,OAAO;MACf,oBAAO,qBAAC,YAAY;QAAC,KAAK,EAAEnC,KAAM;QAAC,SAAS,EAAEK,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAE;IAChF,KAAKgB,WAAI,CAACK,MAAM;MACd,oBAAO,qBAAC,WAAW;QAAC,KAAK,EAAEpC,KAAM;QAAC,SAAS,EAAEK,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAE;IAC/E,KAAKgB,WAAI,CAACE,KAAK;MACb,oBAAO,qBAAC,UAAU;QAAC,KAAK,EAAEjC,KAAM;QAAC,SAAS,EAAEK,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAE;IAC9E,KAAKgB,WAAI,CAACC,MAAM;MACd,oBAAO,qBAAC,UAAU;QAAC,KAAK,EAAEhC,KAAM;QAAC,SAAS,EAAEK,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAE;IAC9E,KAAKgB,WAAI,CAACG,KAAK;IACf;MACE,oBAAO,qBAAC,UAAU;QAAC,KAAK,EAAElC,KAAM;QAAC,SAAS,EAAEK,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAE;EAAC;AAEnF,CAAC;AAAC;AAAA;EA5IAf,KAAK;EACLgB,SAAS;EACTX,SAAS;EACTU,QAAQ;AAAA;AA2IH,IAAMsB,UAAU,OAAGzB,qBAAG,ulCA+E5B;AAAC;AAEK,IAAM0B,eAAe,OAAG1B,qBAAG,+JAIjC;AAAC;AAEK,IAAM2B,cAAc,OAAG3B,qBAAG,iKAIhC;AAAC;AAEK,IAAM4B,mBAAmB,OAAG5B,qBAAG,wLAKrC;AAAC;AAEK,IAAM6B,IAAI,GAAGpD,yBAAM,CAACqD,CAAC,gGACxBH,cAAc,CACjB;AAAC;AAEK,IAAMI,KAAK,GAAGtD,yBAAM,CAACqD,CAAC,gGACzBJ,eAAe,CAClB;AAAC;AAEK,IAAMM,SAAS,GAAGvD,yBAAM,CAACqD,CAAC,gGAC7BF,mBAAmB,CACtB;AAAC"}

package/dist/styles/typography.d.ts

@@ -1,50 +1,50 @@
-import React from 'react';
-import { Property } from 'csstype';
-import { Size } from '../types';
-interface ITypographyBase {
-    $color?: string;
-    lineHeight: number;
-    $fontSize: number;
-    $fontWeight: number;
-    $fontStyle?: string;
-    textTransform?: Property.TextTransform;
-    textDecorationLine?: Property.TextDecorationLine;
-}
-export declare const TypographyBase: import("styled-components").StyledComponent<"div", any, ITypographyBase, never>;
-declare enum ComponentTextStyle {
-    Regular = 1,
-    Bold = 2,
-    Italic = 3,
-    UppercaseBold = 4
-}
-type ComponentProps = {
-    color?: string;
-    className?: string;
-    textStyle?: ComponentTextStyle;
-    children?: React.ReactNode;
-};
-declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentXL: React.FunctionComponent<ComponentProps>;
-declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentL: React.FunctionComponent<ComponentProps>;
-declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentM: React.FunctionComponent<ComponentProps>;
-declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentXS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentXXS: React.FunctionComponent<ComponentProps>;
-declare const ComponentResponsive: React.FunctionComponent<ComponentProps & {
-    size?: Size;
-    width: number;
-}>;
-export declare const Typography: import("styled-components").FlattenSimpleInterpolation;
-export declare const QuoteTypography: import("styled-components").FlattenSimpleInterpolation;
-export declare const NoteTypography: import("styled-components").FlattenSimpleInterpolation;
-export declare const UpperCaseTypography: import("styled-components").FlattenSimpleInterpolation;
-export declare const Note: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Quote: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const UpperCase: import("styled-components").StyledComponent<"p", any, {}, never>;
-export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
-export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
+import React from 'react';
+import { Property } from 'csstype';
+import { Size } from '../types';
+interface ITypographyBase {
+    $color?: string;
+    lineHeight: number;
+    $fontSize: number;
+    $fontWeight: number;
+    $fontStyle?: string;
+    textTransform?: Property.TextTransform;
+    textDecorationLine?: Property.TextDecorationLine;
+}
+export declare const TypographyBase: import("styled-components").StyledComponent<"div", any, ITypographyBase, never>;
+declare enum ComponentTextStyle {
+    Regular = 1,
+    Bold = 2,
+    Italic = 3,
+    UppercaseBold = 4
+}
+type ComponentProps = {
+    color?: string;
+    className?: string;
+    textStyle?: ComponentTextStyle;
+    children?: React.ReactNode;
+};
+declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentXL: React.FunctionComponent<ComponentProps>;
+declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentL: React.FunctionComponent<ComponentProps>;
+declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentM: React.FunctionComponent<ComponentProps>;
+declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentS: React.FunctionComponent<ComponentProps>;
+declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentXS: React.FunctionComponent<ComponentProps>;
+declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
+declare const ComponentXXS: React.FunctionComponent<ComponentProps>;
+declare const ComponentResponsive: React.FunctionComponent<ComponentProps & {
+    size?: Size;
+    width: number;
+}>;
+export declare const Typography: import("styled-components").FlattenSimpleInterpolation;
+export declare const QuoteTypography: import("styled-components").FlattenSimpleInterpolation;
+export declare const NoteTypography: import("styled-components").FlattenSimpleInterpolation;
+export declare const UpperCaseTypography: import("styled-components").FlattenSimpleInterpolation;
+export declare const Note: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const Quote: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const UpperCase: import("styled-components").StyledComponent<"p", any, {}, never>;
+export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
+export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };

package/dist/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","TypographyBase","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","children","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, {css} from 'styled-components';\nimport {COLORS} from '.';\nimport {Property} from 'csstype';\nimport {Size} from '../types';\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\nexport const TypographyBase = styled('div')<ITypographyBase>(({\n                                                                $color,\n                                                                lineHeight,\n                                                                $fontSize,\n                                                                $fontWeight,\n                                                                $fontStyle,\n                                                                textTransform,\n                                                                textDecorationLine\n                                                              }) => ({\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\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  children?: React.ReactNode;\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-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}\n                    $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}\n                    $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}\n                    $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}\n                    $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}\n                    $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}\n                    $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\n                                                                                                         color,\n                                                                                                         textStyle,\n                                                                                                         children,\n                                                                                                         size,\n                                                                                                         width\n                                                                                                       }) => {\n  let fontsize = size;\n  if (!size) {\n    if (width == -1) {\n      fontsize = Size.Medium;\n    } else 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 const Typography = css`\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n`;\n\nexport const QuoteTypography = css`\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n`;\n\nexport const NoteTypography = css`\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n`;\n\nexport const UpperCaseTypography = css`\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n`;\n\nexport const Note = styled.p`\n  ${NoteTypography}\n`;\n\nexport const Quote = styled.p`\n  ${QuoteTypography}\n`;\n\nexport const UpperCase = styled.p`\n  ${UpperCaseTypography}\n`;\n\nexport {\n  ComponentTextStyle,\n  ComponentXL,\n  ComponentL,\n  ComponentM,\n  ComponentS,\n  ComponentXS,\n  ComponentXXS,\n  ComponentResponsive\n};\nexport {\n  ComponentXLStyling,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling\n};\n"],"mappings":"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"}
+{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","TypographyBase","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","children","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n  $color?: string;\r\n  lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${color === null ? '' : `color: ${color || COLORS.black};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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"}

package/dist/styles/z-indexes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"z-indexes.cjs","names":["Z_INDEXES","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\n  hover: '1',\n  active: '2',\n  focus: '3',\n\n  badge: '10',\n\n  loader: '990',  \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  popover: '1070'\n}\n"],"mappings":";;;;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC;AAAA"}
+{"version":3,"file":"z-indexes.cjs","names":["Z_INDEXES","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n  badge: '10',\r\n\r\n  loader: '990',  \r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n  popover: '1070'\r\n}\r\n"],"mappings":";;;;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC;AAAA"}

package/dist/styles/z-indexes.d.ts

@@ -1,16 +1,16 @@
-export declare const Z_INDEXES: {
-    hover: string;
-    active: string;
-    focus: string;
-    badge: string;
-    loader: string;
-    dropdown: string;
-    sticky_menu: string;
-    fixed_menu: string;
-    backdrop: string;
-    off_canvas: string;
-    modal: string;
-    toast: string;
-    tooltip: string;
-    popover: string;
-};
+export declare const Z_INDEXES: {
+    hover: string;
+    active: string;
+    focus: string;
+    badge: string;
+    loader: string;
+    dropdown: string;
+    sticky_menu: string;
+    fixed_menu: string;
+    backdrop: string;
+    off_canvas: string;
+    modal: string;
+    toast: string;
+    tooltip: string;
+    popover: string;
+};

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

@@ -1 +1 @@
-{"version":3,"file":"z-indexes.js","names":["Z_INDEXES","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\n  hover: '1',\n  active: '2',\n  focus: '3',\n\n  badge: '10',\n\n  loader: '990',  \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  popover: '1070'\n}\n"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG;EACvBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC"}
+{"version":3,"file":"z-indexes.js","names":["Z_INDEXES","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n  badge: '10',\r\n\r\n  loader: '990',  \r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n  popover: '1070'\r\n}\r\n"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG;EACvBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC"}

package/dist/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":["States","Size","Position","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"sources":["../src/types.ts"],"sourcesContent":["export interface Product {\n  id: string;\n  name: string;\n  type: string;\n  image: string;\n}\n\nexport interface Testable {\n  dataTestId?: string;\n}\n\nexport enum States {\n  Default = 'default',\n  Valid = 'valid',\n  Invalid = 'invalid',\n}\n\nexport enum Size {\n  XXSmall = 'xxsmall',\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport enum Position {\n  Top = 'top',\n  Bottom = 'bottom',\n  Right = 'right',\n  Left = 'left'\n}\n\nexport enum ToastColor {\n  BLACK,\n  WHITE,\n  BLUE,\n  GREEN,\n  ORANGE,\n  RED,\n}\n\nexport enum ToastActionType {\n  PRIMARY,\n  SECONDARY,\n}\n\nexport enum ToastPosition {\n  TOPLEFT,\n  TOPMIDDLE,\n  TOPRIGHT,\n  BOTTOMLEFT,\n  BOTTOMMIDDLE,\n  BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection {\n  TOP,\n  BOTTOM,\n  LEFT,\n  RIGHT,\n}\n\nexport interface NavLink {\n  label: string;\n  to: string;\n  target?: string;\n}\n\nexport interface NavSection {\n  header: string;\n  links: NavLink[];\n}\n\nexport interface NavOptions {\n  sections: NavSection[];\n}\n"],"mappings":";;;;;;IAWYA,MAAM;AAAA;AAAA,WAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,sBAANA,MAAM;AAAA,IAMNC,IAAI;AAAA;AAAA,WAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;AAAA,GAAJA,IAAI,oBAAJA,IAAI;AAAA,IAQJC,QAAQ;AAAA;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,wBAARA,QAAQ;AAAA,IAORC,UAAU;AAAA;AAAA,WAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,0BAAVA,UAAU;AAAA,IASVC,eAAe;AAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,+BAAfA,eAAe;AAAA,IAKfC,aAAa;AAAA;AAAA,WAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;AAAA,GAAbA,aAAa,6BAAbA,aAAa;AAAA,IASbC,mBAAmB;AAAA;AAAA,WAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,mCAAnBA,mBAAmB"}
+{"version":3,"file":"types.cjs","names":["States","Size","Position","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"sources":["../src/types.ts"],"sourcesContent":["export interface Product {\r\n  id: string;\r\n  name: string;\r\n  type: string;\r\n  image: string;\r\n}\r\n\r\nexport interface Testable {\r\n  dataTestId?: string;\r\n}\r\n\r\nexport enum States {\r\n  Default = 'default',\r\n  Valid = 'valid',\r\n  Invalid = 'invalid',\r\n}\r\n\r\nexport enum Size {\r\n  XXSmall = 'xxsmall',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n}\r\n\r\nexport enum Position {\r\n  Top = 'top',\r\n  Bottom = 'bottom',\r\n  Right = 'right',\r\n  Left = 'left'\r\n}\r\n\r\nexport enum ToastColor {\r\n  BLACK,\r\n  WHITE,\r\n  BLUE,\r\n  GREEN,\r\n  ORANGE,\r\n  RED,\r\n}\r\n\r\nexport enum ToastActionType {\r\n  PRIMARY,\r\n  SECONDARY,\r\n}\r\n\r\nexport enum ToastPosition {\r\n  TOPLEFT,\r\n  TOPMIDDLE,\r\n  TOPRIGHT,\r\n  BOTTOMLEFT,\r\n  BOTTOMMIDDLE,\r\n  BOTTOMRIGHT,\r\n}\r\n\r\nexport enum ToastEntryDirection {\r\n  TOP,\r\n  BOTTOM,\r\n  LEFT,\r\n  RIGHT,\r\n}\r\n\r\nexport interface NavLink {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\nexport interface NavSection {\r\n  header: string;\r\n  links: NavLink[];\r\n}\r\n\r\nexport interface NavOptions {\r\n  sections: NavSection[];\r\n}\r\n"],"mappings":";;;;;;IAWYA,MAAM;AAAA;AAAA,WAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,sBAANA,MAAM;AAAA,IAMNC,IAAI;AAAA;AAAA,WAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;AAAA,GAAJA,IAAI,oBAAJA,IAAI;AAAA,IAQJC,QAAQ;AAAA;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,wBAARA,QAAQ;AAAA,IAORC,UAAU;AAAA;AAAA,WAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,0BAAVA,UAAU;AAAA,IASVC,eAAe;AAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,+BAAfA,eAAe;AAAA,IAKfC,aAAa;AAAA;AAAA,WAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;AAAA,GAAbA,aAAa,6BAAbA,aAAa;AAAA,IASbC,mBAAmB;AAAA;AAAA,WAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,mCAAnBA,mBAAmB"}

package/dist/types.d.ts

@@ -1,65 +1,65 @@
-export interface Product {
-    id: string;
-    name: string;
-    type: string;
-    image: string;
-}
-export interface Testable {
-    dataTestId?: string;
-}
-export declare enum States {
-    Default = "default",
-    Valid = "valid",
-    Invalid = "invalid"
-}
-export declare enum Size {
-    XXSmall = "xxsmall",
-    XSmall = "xsmall",
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
-}
-export declare enum Position {
-    Top = "top",
-    Bottom = "bottom",
-    Right = "right",
-    Left = "left"
-}
-export declare enum ToastColor {
-    BLACK = 0,
-    WHITE = 1,
-    BLUE = 2,
-    GREEN = 3,
-    ORANGE = 4,
-    RED = 5
-}
-export declare enum ToastActionType {
-    PRIMARY = 0,
-    SECONDARY = 1
-}
-export declare enum ToastPosition {
-    TOPLEFT = 0,
-    TOPMIDDLE = 1,
-    TOPRIGHT = 2,
-    BOTTOMLEFT = 3,
-    BOTTOMMIDDLE = 4,
-    BOTTOMRIGHT = 5
-}
-export declare enum ToastEntryDirection {
-    TOP = 0,
-    BOTTOM = 1,
-    LEFT = 2,
-    RIGHT = 3
-}
-export interface NavLink {
-    label: string;
-    to: string;
-    target?: string;
-}
-export interface NavSection {
-    header: string;
-    links: NavLink[];
-}
-export interface NavOptions {
-    sections: NavSection[];
-}
+export interface Product {
+    id: string;
+    name: string;
+    type: string;
+    image: string;
+}
+export interface Testable {
+    dataTestId?: string;
+}
+export declare enum States {
+    Default = "default",
+    Valid = "valid",
+    Invalid = "invalid"
+}
+export declare enum Size {
+    XXSmall = "xxsmall",
+    XSmall = "xsmall",
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare enum Position {
+    Top = "top",
+    Bottom = "bottom",
+    Right = "right",
+    Left = "left"
+}
+export declare enum ToastColor {
+    BLACK = 0,
+    WHITE = 1,
+    BLUE = 2,
+    GREEN = 3,
+    ORANGE = 4,
+    RED = 5
+}
+export declare enum ToastActionType {
+    PRIMARY = 0,
+    SECONDARY = 1
+}
+export declare enum ToastPosition {
+    TOPLEFT = 0,
+    TOPMIDDLE = 1,
+    TOPRIGHT = 2,
+    BOTTOMLEFT = 3,
+    BOTTOMMIDDLE = 4,
+    BOTTOMRIGHT = 5
+}
+export declare enum ToastEntryDirection {
+    TOP = 0,
+    BOTTOM = 1,
+    LEFT = 2,
+    RIGHT = 3
+}
+export interface NavLink {
+    label: string;
+    to: string;
+    target?: string;
+}
+export interface NavSection {
+    header: string;
+    links: NavLink[];
+}
+export interface NavOptions {
+    sections: NavSection[];
+}

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["States","Size","Position","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"sources":["../src/types.ts"],"sourcesContent":["export interface Product {\n  id: string;\n  name: string;\n  type: string;\n  image: string;\n}\n\nexport interface Testable {\n  dataTestId?: string;\n}\n\nexport enum States {\n  Default = 'default',\n  Valid = 'valid',\n  Invalid = 'invalid',\n}\n\nexport enum Size {\n  XXSmall = 'xxsmall',\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport enum Position {\n  Top = 'top',\n  Bottom = 'bottom',\n  Right = 'right',\n  Left = 'left'\n}\n\nexport enum ToastColor {\n  BLACK,\n  WHITE,\n  BLUE,\n  GREEN,\n  ORANGE,\n  RED,\n}\n\nexport enum ToastActionType {\n  PRIMARY,\n  SECONDARY,\n}\n\nexport enum ToastPosition {\n  TOPLEFT,\n  TOPMIDDLE,\n  TOPRIGHT,\n  BOTTOMLEFT,\n  BOTTOMMIDDLE,\n  BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection {\n  TOP,\n  BOTTOM,\n  LEFT,\n  RIGHT,\n}\n\nexport interface NavLink {\n  label: string;\n  to: string;\n  target?: string;\n}\n\nexport interface NavSection {\n  header: string;\n  links: NavLink[];\n}\n\nexport interface NavOptions {\n  sections: NavSection[];\n}\n"],"mappings":"AAWA,WAAYA,MAAM;AAIjB,WAJWA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAANA,MAAM;AAMlB,WAAYC,IAAI;AAMf,WANWA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;AAAA,GAAJA,IAAI,KAAJA,IAAI;AAQhB,WAAYC,QAAQ;AAKnB,WALWA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ;AAOpB,WAAYC,UAAU;AAOrB,WAPWA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAStB,WAAYC,eAAe;AAG1B,WAHWA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,KAAfA,eAAe;AAK3B,WAAYC,aAAa;AAOxB,WAPWA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AASzB,WAAYC,mBAAmB;AAK9B,WALWA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,KAAnBA,mBAAmB"}
+{"version":3,"file":"types.js","names":["States","Size","Position","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"sources":["../src/types.ts"],"sourcesContent":["export interface Product {\r\n  id: string;\r\n  name: string;\r\n  type: string;\r\n  image: string;\r\n}\r\n\r\nexport interface Testable {\r\n  dataTestId?: string;\r\n}\r\n\r\nexport enum States {\r\n  Default = 'default',\r\n  Valid = 'valid',\r\n  Invalid = 'invalid',\r\n}\r\n\r\nexport enum Size {\r\n  XXSmall = 'xxsmall',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large',\r\n}\r\n\r\nexport enum Position {\r\n  Top = 'top',\r\n  Bottom = 'bottom',\r\n  Right = 'right',\r\n  Left = 'left'\r\n}\r\n\r\nexport enum ToastColor {\r\n  BLACK,\r\n  WHITE,\r\n  BLUE,\r\n  GREEN,\r\n  ORANGE,\r\n  RED,\r\n}\r\n\r\nexport enum ToastActionType {\r\n  PRIMARY,\r\n  SECONDARY,\r\n}\r\n\r\nexport enum ToastPosition {\r\n  TOPLEFT,\r\n  TOPMIDDLE,\r\n  TOPRIGHT,\r\n  BOTTOMLEFT,\r\n  BOTTOMMIDDLE,\r\n  BOTTOMRIGHT,\r\n}\r\n\r\nexport enum ToastEntryDirection {\r\n  TOP,\r\n  BOTTOM,\r\n  LEFT,\r\n  RIGHT,\r\n}\r\n\r\nexport interface NavLink {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\nexport interface NavSection {\r\n  header: string;\r\n  links: NavLink[];\r\n}\r\n\r\nexport interface NavOptions {\r\n  sections: NavSection[];\r\n}\r\n"],"mappings":"AAWA,WAAYA,MAAM;AAIjB,WAJWA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAANA,MAAM;AAMlB,WAAYC,IAAI;AAMf,WANWA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;AAAA,GAAJA,IAAI,KAAJA,IAAI;AAQhB,WAAYC,QAAQ;AAKnB,WALWA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ;AAOpB,WAAYC,UAAU;AAOrB,WAPWA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAStB,WAAYC,eAAe;AAG1B,WAHWA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,KAAfA,eAAe;AAK3B,WAAYC,aAAa;AAOxB,WAPWA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AASzB,WAAYC,mBAAmB;AAK9B,WALWA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,KAAnBA,mBAAmB"}