@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

package/dist/styles/typography.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 const _excluded = ["color", "textStyle", "children", "className"],
   _excluded2 = ["color", "textStyle", "children", "className"],
@@ -9,7 +8,6 @@ const _excluded = ["color", "textStyle", "children", "className"],
   _excluded5 = ["color", "textStyle", "children", "className"],
   _excluded6 = ["color", "textStyle", "children", "className"],
   _excluded7 = ["color", "textStyle", "children", "size", "width"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -17,19 +15,15 @@ import styled, { css } from 'styled-components';
 import { COLORS } from '.';
 import { Size } from '../types';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TypographyBase = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n  text-transform: ", ";\n  text-decoration-line: ", ";\n  font-style: ", ";\n  color: ", ";\n"])), props => props.$fontSize, props => props.$fontWeight, props => props.$lineHeight, props => {
-  var _props$$textTransform;
-  return (_props$$textTransform = props.$textTransform) !== null && _props$$textTransform !== void 0 ? _props$$textTransform : 'none';
-}, props => {
-  var _props$$textDecoratio;
-  return (_props$$textDecoratio = props.$textDecorationLine) !== null && _props$$textDecoratio !== void 0 ? _props$$textDecoratio : 'none';
-}, props => {
-  var _props$$fontStyle;
-  return (_props$$fontStyle = props.$fontStyle) !== null && _props$$fontStyle !== void 0 ? _props$$fontStyle : 'normal';
-}, props => {
-  var _props$$color;
-  return (_props$$color = props.$color) !== null && _props$$color !== void 0 ? _props$$color : COLORS.getColor('black', props.theme);
-});
+export const TypographyBase = styled.div`
+  font-size: ${props => props.$fontSize}px;
+  font-weight: ${props => props.$fontWeight};
+  line-height: ${props => props.$lineHeight}px;
+  text-transform: ${props => props.$textTransform ?? 'none'};
+  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};
+  font-style: ${props => props.$fontStyle ?? 'normal'};
+  color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};
+`;
 var ComponentTextStyle = /*#__PURE__*/function (ComponentTextStyle) {
   ComponentTextStyle[ComponentTextStyle["Regular"] = 1] = "Regular";
   ComponentTextStyle[ComponentTextStyle["Bold"] = 2] = "Bold";
@@ -53,7 +47,13 @@ const componentTextTransformation = textStyle => {
   return fontStyle;
 };
 const ComponentStyling = (fontSize, lineHeight, textStyle, color) => {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), props => color === null ? '' : "color: ".concat(color || COLORS.getColor('black', props.theme), ";"));
+  return css`
+    font-size: ${fontSize};
+    font-weight: ${componentFontWeight(textStyle)};
+    line-height: ${lineHeight};
+    font-style: ${componentFontStyle(textStyle)};
+    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}
+  `;
 };
 const ComponentXLStyling = (textStyle, color) => ComponentStyling('24px', '28px', textStyle, color);
 const ComponentXL = _ref => {
@@ -288,13 +288,111 @@ ComponentResponsive.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-export const Typography = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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"])));
-export const QuoteTypography = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"])));
-export const NoteTypography = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"])));
-export const UpperCaseTypography = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"])));
-export const Note = styled.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n"])), NoteTypography);
-export const Quote = styled.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n"])), QuoteTypography);
-export const UpperCase = styled.p(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  ", "\n"])), UpperCaseTypography);
+export const Typography = css`
+  html {
+    font-size: 100%;
+  }
+
+  @media (min-width: 48rem) {
+    html {
+      font-size: 112.5%;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    html {
+      font-size: 125%;
+    }
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-weight: 700;
+    line-height: 120%;
+    margin: 0;
+  }
+
+  h1 {
+    font-size: 3rem;
+  }
+
+  h2 {
+    font-size: 2.5rem;
+  }
+
+  h3 {
+    font-size: 2rem;
+  }
+
+  h4 {
+    font-size: 1.75rem;
+  }
+
+  h5 {
+    font-size: 1.5rem;
+  }
+
+  h6 {
+    font-size: 1.25rem;
+  }
+
+  p {
+    font-size: 1rem;
+    line-height: 150%;
+    margin: 0 0 0.5rem;
+  }
+
+  p:last-of-type {
+    margin-bottom: 0;
+  }
+
+
+  h1, h2, h3, h4, h5, h6, p, span {
+    max-width: 34rem;
+  }
+
+  :lang(ja-jp) {
+    h1, h2, h3, h4, h5, h6, p, span {
+      max-width: 30rem;
+    }
+  }
+
+  :lang(ko-kr) {
+    h1, h2, h3, h4, h5, h6, p, span {
+      max-width: 30rem;
+    }
+  }
+
+  :lang(zh-CN) {
+    h1, h2, h3, h4, h5, h6, p, span {
+      max-width: 30rem;
+    }
+  }
+`;
+export const QuoteTypography = css`
+  font-size: 1.5rem;
+  line-height: 150%;
+  margin-bottom: 0.75rem;
+`;
+export const NoteTypography = css`
+  font-size: 0.75rem;
+  line-height: 150%;
+  margin-bottom: 0.375rem;
+`;
+export const UpperCaseTypography = css`
+  font-size: 0.75rem;
+  line-height: 150%;
+  font-weight: 700;
+  text-transform: uppercase;
+`;
+export const Note = styled.p`
+  ${NoteTypography}
+`;
+export const Quote = styled.p`
+  ${QuoteTypography}
+`;
+export const UpperCase = styled.p`
+  ${UpperCaseTypography}
+`;
 export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
 export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
 //# sourceMappingURL=typography.js.map

package/dist/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","div","_templateObject","_taggedTemplateLiteral","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$$color","$color","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","_templateObject2","concat","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","_excluded2","ComponentMStyling","ComponentM","_ref3","_excluded3","ComponentSStyling","ComponentS","_ref4","_excluded4","ComponentXSStyling","ComponentXS","_ref5","_excluded5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","_excluded6","ComponentResponsive","_ref7","size","width","_excluded7","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","_templateObject3","QuoteTypography","_templateObject4","NoteTypography","_templateObject5","UpperCaseTypography","_templateObject6","Note","p","_templateObject7","Quote","_templateObject8","UpperCase","_templateObject9"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n  $lineHeight: number,\r\n  $fontSize: number,\r\n  $fontWeight: number,\r\n  $fontStyle?: string,\r\n  $textTransform?: Property.TextTransform,\r\n  $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${props => props.$fontStyle ?? 'normal'};\r\n  color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width, \r\n                                                                                                         ...rest\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","div","props","$fontSize","$fontWeight","$lineHeight","$textTransform","$textDecorationLine","$fontStyle","$color","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","_excluded2","ComponentMStyling","ComponentM","_ref3","_excluded3","ComponentSStyling","ComponentS","_ref4","_excluded4","ComponentXSStyling","ComponentXS","_ref5","_excluded5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","_excluded6","ComponentResponsive","_ref7","size","width","_excluded7","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n  $lineHeight: number,\r\n  $fontSize: number,\r\n  $fontWeight: number,\r\n  $fontStyle?: string,\r\n  $textTransform?: Property.TextTransform,\r\n  $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${props => props.$fontStyle ?? 'normal'};\r\n  color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width, \r\n                                                                                                         ...rest\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,OAAOC,MAAM,IAAGC,GAAG,QAAO,mBAAmB;AAC7C,SAAQC,MAAM,QAAO,GAAG;AAExB,SAAQC,IAAI,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,OAAO,MAAMC,cAAc,GAAGN,MAAM,CAACO,GAOnC;AACF,eAAeC,KAAK,IAAIA,KAAK,CAACC,SAAS;AACvC,iBAAiBD,KAAK,IAAIA,KAAK,CAACE,WAAW;AAC3C,iBAAiBF,KAAK,IAAIA,KAAK,CAACG,WAAW;AAC3C,oBAAoBH,KAAK,IAAIA,KAAK,CAACI,cAAc,IAAI,MAAM;AAC3D,0BAA0BJ,KAAK,IAAIA,KAAK,CAACK,mBAAmB,IAAI,MAAM;AACtE,gBAAgBL,KAAK,IAAIA,KAAK,CAACM,UAAU,IAAI,QAAQ;AACrD,WAAWN,KAAK,IAAIA,KAAK,CAACO,MAAM,IAAIb,MAAM,CAACc,QAAQ,CAAC,OAAO,EAAER,KAAK,CAACS,KAAK,CAAC;AACzE,CAAC;AAAC,IAEGC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA,EAAlBA,kBAAkB;AAcvB,MAAMC,mBAAmB,GAAIC,SAA8B,IAAK;EAC9D,IAAIC,UAAU,GAAG,GAAG;EACpB,IAAID,SAAS,KAAKF,kBAAkB,CAACI,IAAI,IAAIF,SAAS,KAAKF,kBAAkB,CAACK,aAAa,EAAE;IAC3FF,UAAU,GAAG,GAAG;EAClB;EACA,OAAOA,UAAU;AACnB,CAAC;AAED,MAAMG,kBAAkB,GAAIJ,SAA8B,IAAK;EAC7D,IAAIK,SAAS,GAAGL,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACQ,MAAM,GAAG,QAAQ,GAAG,EAAE;EACpF,OAAOD,SAAS;AAClB,CAAC;AAED,MAAME,2BAA2B,GAAIP,SAA8B,IAA6B;EAC9F,IAAIK,SAAiC,GAAGL,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACK,aAAa,GAAG,WAAW,GAAG,MAAM;EAC1H,OAAOE,SAAS;AAClB,CAAC;AAED,MAAMG,gBAAgB,GAAGA,CAACC,QAAgB,EAAEC,UAAkB,EAAEV,SAA6B,EAAEW,KAAgC,KAAK;EAClI,OAAO9B,GAAG;AACZ,iBAAiB4B,QAAQ;AACzB,mBAAmBV,mBAAmB,CAACC,SAAS,CAAC;AACjD,mBAAmBU,UAAU;AAC7B,kBAAkBN,kBAAkB,CAACJ,SAAS,CAAC;AAC/C,MAAMZ,KAAK,IAAIuB,KAAK,KAAK,IAAI,GAAG,EAAE,GAAG,UAAUA,KAAK,IAAI7B,MAAM,CAACc,QAAQ,CAAC,OAAO,EAAER,KAAK,CAACS,KAAK,CAAC,GAAG;AAChG,GAAG;AACH,CAAC;AAED,MAAMe,kBAAkB,GAAGA,CAACZ,SAA6B,EAAEW,KAAoB,KAAKH,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAER,SAAS,EAAEW,KAAK,CAAC;AACtI,MAAME,WAAoD,GAAGC,IAAA,IAAsD;EAAA,IAArD;MAACH,KAAK;MAAEX,SAAS;MAAEe,QAAQ;MAAEC;IAAkB,CAAC,GAAAF,IAAA;IAALG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC3G,IAAIlB,UAAU,GAAGF,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIK,SAAS,GAAGD,kBAAkB,CAACJ,SAAS,CAAC;EAC7C,oBACEf,IAAA,CAACC,cAAc,EAAAkC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAACrB,MAAM,EAAEgB,KAAM;IAACpB,WAAW,EAAE,EAAG;IAACF,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEW,UAAW;IAC7FP,UAAU,EAAEW;EAAU,GAAKY,IAAI;IAAAF,QAAA,EAC5CA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACF,WAAA,CAAAQ,SAAA;EA5CAV,KAAK,EAAAW,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTvB,SAAS,EAAAsB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AA2CV,MAAMC,iBAAiB,GAAGA,CAAC1B,SAA6B,EAAEW,KAAoB,KAAKH,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAER,SAAS,EAAEW,KAAK,CAAC;AACrI,MAAMgB,UAAmD,GAAGC,KAAA,IAAsD;EAAA,IAArD;MAACjB,KAAK;MAAEX,SAAS;MAAEe,QAAQ;MAAEC;IAAkB,CAAC,GAAAY,KAAA;IAALX,IAAI,GAAAC,wBAAA,CAAAU,KAAA,EAAAC,UAAA;EAC1G,IAAI5B,UAAU,GAAGF,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIK,SAAS,GAAGD,kBAAkB,CAACJ,SAAS,CAAC;EAC7C,oBACEf,IAAA,CAACC,cAAc,EAAAkC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAACrB,MAAM,EAAEgB,KAAM;IAACpB,WAAW,EAAE,EAAG;IAACF,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEW,UAAW;IAC7FP,UAAU,EAAEW;EAAU,GAAKY,IAAI;IAAAF,QAAA,EAC5CA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACY,UAAA,CAAAN,SAAA;EAxDAV,KAAK,EAAAW,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTvB,SAAS,EAAAsB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AAuDV,MAAMK,iBAAiB,GAAGA,CAAC9B,SAA6B,EAAEW,KAAgC,KAAKH,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAER,SAAS,EAAEW,KAAK,CAAC;AACjJ,MAAMoB,UAAmD,GAAGC,KAAA,IAAsD;EAAA,IAArD;MAACrB,KAAK;MAAEX,SAAS;MAAEe,QAAQ;MAAEC;IAAkB,CAAC,GAAAgB,KAAA;IAALf,IAAI,GAAAC,wBAAA,CAAAc,KAAA,EAAAC,UAAA;EAC1G,IAAIhC,UAAU,GAAGF,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIK,SAAS,GAAGD,kBAAkB,CAACJ,SAAS,CAAC;EAC7C,oBACEf,IAAA,CAACC,cAAc,EAAAkC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAACrB,MAAM,EAAEgB,KAAM;IAACpB,WAAW,EAAE,EAAG;IAACF,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEW,UAAW;IAC7FP,UAAU,EAAEW;EAAU,GAAKY,IAAI;IAAAF,QAAA,EAC5CA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACgB,UAAA,CAAAV,SAAA;EApEAV,KAAK,EAAAW,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTvB,SAAS,EAAAsB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AAmEV,MAAMS,iBAAiB,GAAGA,CAAClC,SAA6B,EAAEW,KAAoB,KAAKH,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAER,SAAS,EAAEW,KAAK,CAAC;AACrI,MAAMwB,UAAmD,GAAGC,KAAA,IAAsD;EAAA,IAArD;MAACzB,KAAK;MAAEX,SAAS;MAAEe,QAAQ;MAAEC;IAAkB,CAAC,GAAAoB,KAAA;IAALnB,IAAI,GAAAC,wBAAA,CAAAkB,KAAA,EAAAC,UAAA;EAC1G,IAAIpC,UAAU,GAAGF,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIK,SAAS,GAAGD,kBAAkB,CAACJ,SAAS,CAAC;EAC7C,oBACEf,IAAA,CAACC,cAAc,EAAAkC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAACrB,MAAM,EAAEgB,KAAM;IAACpB,WAAW,EAAE,EAAG;IAACF,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEW,UAAW;IAC7FP,UAAU,EAAEW;EAAU,GAAKY,IAAI;IAAAF,QAAA,EAC5CA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACoB,UAAA,CAAAd,SAAA;EAhFAV,KAAK,EAAAW,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTvB,SAAS,EAAAsB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AA+EV,MAAMa,kBAAkB,GAAGA,CAACtC,SAA6B,EAAEW,KAAoB,KAAKH,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAER,SAAS,EAAEW,KAAK,CAAC;AACtI,MAAM4B,WAAoD,GAAGC,KAAA,IAAsD;EAAA,IAArD;MAAC7B,KAAK;MAAEX,SAAS;MAAEe,QAAQ;MAAEC;IAAkB,CAAC,GAAAwB,KAAA;IAALvB,IAAI,GAAAC,wBAAA,CAAAsB,KAAA,EAAAC,UAAA;EAC3G,IAAIxC,UAAU,GAAGF,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIK,SAAS,GAAGD,kBAAkB,CAACJ,SAAS,CAAC;EAC7C,IAAI0C,aAAa,GAAGnC,2BAA2B,CAACP,SAAS,CAAC;EAC1D,oBACEf,IAAA,CAACC,cAAc,EAAAkC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAACrB,MAAM,EAAEgB,KAAM;IAACpB,WAAW,EAAE,EAAG;IAACF,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEW,UAAW;IAC7FP,UAAU,EAAEW,SAAU;IAACb,cAAc,EAAEkD;EAAc,GAAKzB,IAAI;IAAAF,QAAA,EAC3EA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACwB,WAAA,CAAAlB,SAAA;EA7FAV,KAAK,EAAAW,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTvB,SAAS,EAAAsB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AA4FV,MAAMkB,mBAAmB,GAAGA,CAAC3C,SAA6B,EAAEW,KAAoB,KAAKH,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAER,SAAS,EAAEW,KAAK,CAAC;AACvI,MAAMiC,YAAqD,GAAGC,KAAA,IAAsD;EAAA,IAArD;MAAClC,KAAK;MAAEX,SAAS;MAAEe,QAAQ;MAAEC;IAAkB,CAAC,GAAA6B,KAAA;IAAL5B,IAAI,GAAAC,wBAAA,CAAA2B,KAAA,EAAAC,UAAA;EAC5G,IAAI7C,UAAU,GAAGF,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIK,SAAS,GAAGD,kBAAkB,CAACJ,SAAS,CAAC;EAC7C,IAAI0C,aAAa,GAAGnC,2BAA2B,CAACP,SAAS,CAAC;EAC1D,oBACEf,IAAA,CAACC,cAAc,EAAAkC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAACrB,MAAM,EAAEgB,KAAM;IAACpB,WAAW,EAAE,EAAG;IAACF,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEW,UAAW;IAC7FP,UAAU,EAAEW,SAAU;IAACb,cAAc,EAAEkD;EAAc,GAAKzB,IAAI;IAAAF,QAAA,EAC3EA;EAAQ,EACK,CAAC;AAErB,CAAC;AAAC6B,YAAA,CAAAvB,SAAA;EA1GAV,KAAK,EAAAW,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTvB,SAAS,EAAAsB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AAyGV,MAAMsB,mBAA6F,GAAGC,KAAA,IAOO;EAAA,IAPN;MACErC,KAAK;MACLX,SAAS;MACTe,QAAQ;MACRkC,IAAI;MACJC;IAEF,CAAC,GAAAF,KAAA;IADI/B,IAAI,GAAAC,wBAAA,CAAA8B,KAAA,EAAAG,UAAA;EAE9G,IAAIC,QAAQ,GAAGH,IAAI;EACnB,IAAI,CAACA,IAAI,EAAE;IACT,IAAIC,KAAK,IAAI,CAAC,CAAC,EAAE;MACfE,QAAQ,GAAGrE,IAAI,CAACsE,MAAM;IACxB,CAAC,MAAM,IAAIH,KAAK,GAAG,GAAG,EAAE;MACtBE,QAAQ,GAAGrE,IAAI,CAACuE,KAAK;IACvB,CAAC,MAAM,IAAIJ,KAAK,GAAG,GAAG,EAAE;MACtBE,QAAQ,GAAGrE,IAAI,CAACsE,MAAM;IACxB,CAAC,MAAM;MACLD,QAAQ,GAAGrE,IAAI,CAACwE,KAAK;IACvB;EACF;EACA,QAAQH,QAAQ;IACd,KAAKrE,IAAI,CAACyE,OAAO;MACf,oBAAOvE,IAAA,CAAC2D,YAAY,EAAAxB,aAAA;QAACT,KAAK,EAAEA,KAAM;QAACX,SAAS,EAAEA,SAAU;QAACe,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;IAC1F,KAAKlC,IAAI,CAAC0E,MAAM;MACd,oBAAOxE,IAAA,CAACsD,WAAW,EAAAnB,aAAA;QAACT,KAAK,EAAEA,KAAM;QAACX,SAAS,EAAEA,SAAU;QAACe,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;IACzF,KAAKlC,IAAI,CAACuE,KAAK;MACb,oBAAOrE,IAAA,CAACkD,UAAU,EAAAf,aAAA;QAACT,KAAK,EAAEA,KAAM;QAACX,SAAS,EAAEA,SAAU;QAACe,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;IACxF,KAAKlC,IAAI,CAACsE,MAAM;MACd,oBAAOpE,IAAA,CAAC8C,UAAU,EAAAX,aAAA;QAACT,KAAK,EAAEA,KAAM;QAACX,SAAS,EAAEA,SAAU;QAACe,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;IACxF,KAAKlC,IAAI,CAACwE,KAAK;IACf;MACE,oBAAOtE,IAAA,CAAC0C,UAAU,EAAAP,aAAA;QAACT,KAAK,EAAEA,KAAM;QAACX,SAAS,EAAEA,SAAU;QAACe,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;EAC1F;AACF,CAAC;AAAC8B,mBAAA,CAAA1B,SAAA;EA7IAV,KAAK,EAAAW,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTvB,SAAS,EAAAsB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AA4IV,OAAO,MAAMiC,UAAU,GAAG7E,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAM8E,eAAe,GAAG9E,GAAG;AAClC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAM+E,cAAc,GAAG/E,GAAG;AACjC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMgF,mBAAmB,GAAGhF,GAAG;AACtC;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMiF,IAAI,GAAGlF,MAAM,CAACmF,CAAC;AAC5B,IAAIH,cAAc;AAClB,CAAC;AAED,OAAO,MAAMI,KAAK,GAAGpF,MAAM,CAACmF,CAAC;AAC7B,IAAIJ,eAAe;AACnB,CAAC;AAED,OAAO,MAAMM,SAAS,GAAGrF,MAAM,CAACmF,CAAC;AACjC,IAAIF,mBAAmB;AACvB,CAAC;AAED,SACE/D,kBAAkB,EAClBe,WAAW,EACXc,UAAU,EACVI,UAAU,EACVI,UAAU,EACVI,WAAW,EACXK,YAAY,EACZG,mBAAmB;AAErB,SACEnC,kBAAkB,EAClBc,iBAAiB,EACjBI,iBAAiB,EACjBI,iBAAiB,EACjBI,kBAAkB,EAClBK,mBAAmB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"test-utils.cjs","names":["_react","_interopRequireDefault","require","_react2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_styledComponents","_jsxRuntime","ownKeys","e","r","t","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","push","apply","_objectSpread","arguments","length","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","AllTheProviders","_ref","children","jsx","ThemeProvider","theme","customRender","ui","options","render","wrapper"],"sources":["../src/test-utils.tsx"],"sourcesContent":["import React, {ReactElement} from 'react'\r\nimport {render, RenderOptions} from '@testing-library/react'\r\nimport {ThemeProvider} from 'styled-components'\r\n\r\nconst AllTheProviders = ({children}: {children: React.ReactNode}) => {\r\n  return (\r\n    <ThemeProvider theme={{}}>\r\n        {children}\r\n    </ThemeProvider>\r\n  )\r\n}\r\n\r\nconst customRender = (\r\n  ui: ReactElement,\r\n  options?: Omit<RenderOptions, 'wrapper'>,\r\n) => render(ui, {wrapper: AllTheProviders, ...options})\r\n\r\nexport * from '@testing-library/react'\r\nexport {customRender as render}"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAgBAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAfA,IAAAS,iBAAA,GAAAd,OAAA;AAA+C,IAAAe,WAAA,GAAAf,OAAA;AAAA,SAAAgB,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAjB,MAAA,CAAAC,IAAA,CAAAc,CAAA,OAAAf,MAAA,CAAAkB,qBAAA,QAAAC,CAAA,GAAAnB,MAAA,CAAAkB,qBAAA,CAAAH,CAAA,GAAAC,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAJ,CAAA,WAAAhB,MAAA,CAAAqB,wBAAA,CAAAN,CAAA,EAAAC,CAAA,EAAAN,UAAA,OAAAO,CAAA,CAAAK,IAAA,CAAAC,KAAA,CAAAN,CAAA,EAAAE,CAAA,YAAAF,CAAA;AAAA,SAAAO,cAAAT,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAC,CAAA,WAAAQ,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAd,MAAA,CAAAiB,CAAA,OAAAf,OAAA,WAAAc,CAAA,QAAAW,gBAAA,CAAAC,OAAA,EAAAb,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAhB,MAAA,CAAA6B,yBAAA,GAAA7B,MAAA,CAAA8B,gBAAA,CAAAf,CAAA,EAAAf,MAAA,CAAA6B,yBAAA,CAAAZ,CAAA,KAAAH,OAAA,CAAAd,MAAA,CAAAiB,CAAA,GAAAf,OAAA,WAAAc,CAAA,IAAAhB,MAAA,CAAAS,cAAA,CAAAM,CAAA,EAAAC,CAAA,EAAAhB,MAAA,CAAAqB,wBAAA,CAAAJ,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE/C,MAAMgB,eAAe,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAACC;EAAqC,CAAC,GAAAD,IAAA;EAC9D,oBACE,IAAAnB,WAAA,CAAAqB,GAAA,EAACtB,iBAAA,CAAAuB,aAAa;IAACC,KAAK,EAAE,CAAC,CAAE;IAAAH,QAAA,EACpBA;EAAQ,CACE,CAAC;AAEpB,CAAC;AAED,MAAMI,YAAY,GAAGA,CACnBC,EAAgB,EAChBC,OAAwC,KACrC,IAAAC,cAAM,EAACF,EAAE,EAAAd,aAAA;EAAGiB,OAAO,EAAEV;AAAe,GAAKQ,OAAO,CAAC,CAAC;AAAA/B,OAAA,CAAAgC,MAAA,GAAAH,YAAA","ignoreList":[]}
+{"version":3,"file":"test-utils.cjs","names":["_react","_interopRequireDefault","require","_react2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_styledComponents","_jsxRuntime","ownKeys","e","r","t","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","push","apply","_objectSpread","arguments","length","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","AllTheProviders","_ref","children","jsx","ThemeProvider","theme","customRender","ui","options","render","wrapper"],"sources":["../src/test-utils.tsx"],"sourcesContent":["import React, {ReactElement} from 'react'\r\nimport {render, RenderOptions} from '@testing-library/react'\r\nimport {ThemeProvider} from 'styled-components'\r\n\r\nconst AllTheProviders = ({children}: {children: React.ReactNode}) => {\r\n  return (\r\n    <ThemeProvider theme={{}}>\r\n        {children}\r\n    </ThemeProvider>\r\n  )\r\n}\r\n\r\nconst customRender = (\r\n  ui: ReactElement<any>,\r\n  options?: Omit<RenderOptions, 'wrapper'>,\r\n) => render(ui, {wrapper: AllTheProviders, ...options})\r\n\r\nexport * from '@testing-library/react'\r\nexport {customRender as render}"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAgBAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAfA,IAAAS,iBAAA,GAAAd,OAAA;AAA+C,IAAAe,WAAA,GAAAf,OAAA;AAAA,SAAAgB,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAjB,MAAA,CAAAC,IAAA,CAAAc,CAAA,OAAAf,MAAA,CAAAkB,qBAAA,QAAAC,CAAA,GAAAnB,MAAA,CAAAkB,qBAAA,CAAAH,CAAA,GAAAC,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAJ,CAAA,WAAAhB,MAAA,CAAAqB,wBAAA,CAAAN,CAAA,EAAAC,CAAA,EAAAN,UAAA,OAAAO,CAAA,CAAAK,IAAA,CAAAC,KAAA,CAAAN,CAAA,EAAAE,CAAA,YAAAF,CAAA;AAAA,SAAAO,cAAAT,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAC,CAAA,WAAAQ,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAd,MAAA,CAAAiB,CAAA,OAAAf,OAAA,WAAAc,CAAA,QAAAW,gBAAA,CAAAC,OAAA,EAAAb,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAhB,MAAA,CAAA6B,yBAAA,GAAA7B,MAAA,CAAA8B,gBAAA,CAAAf,CAAA,EAAAf,MAAA,CAAA6B,yBAAA,CAAAZ,CAAA,KAAAH,OAAA,CAAAd,MAAA,CAAAiB,CAAA,GAAAf,OAAA,WAAAc,CAAA,IAAAhB,MAAA,CAAAS,cAAA,CAAAM,CAAA,EAAAC,CAAA,EAAAhB,MAAA,CAAAqB,wBAAA,CAAAJ,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE/C,MAAMgB,eAAe,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAACC;EAAqC,CAAC,GAAAD,IAAA;EAC9D,oBACE,IAAAnB,WAAA,CAAAqB,GAAA,EAACtB,iBAAA,CAAAuB,aAAa;IAACC,KAAK,EAAE,CAAC,CAAE;IAAAH,QAAA,EACpBA;EAAQ,CACE,CAAC;AAEpB,CAAC;AAED,MAAMI,YAAY,GAAGA,CACnBC,EAAqB,EACrBC,OAAwC,KACrC,IAAAC,cAAM,EAACF,EAAE,EAAAd,aAAA;EAAGiB,OAAO,EAAEV;AAAe,GAAKQ,OAAO,CAAC,CAAC;AAAA/B,OAAA,CAAAgC,MAAA,GAAAH,YAAA","ignoreList":[]}

package/dist/test-utils.d.ts

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

package/dist/test-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-utils.js","names":["React","render","ThemeProvider","jsx","_jsx","AllTheProviders","_ref","children","theme","customRender","ui","options","_objectSpread","wrapper"],"sources":["../src/test-utils.tsx"],"sourcesContent":["import React, {ReactElement} from 'react'\r\nimport {render, RenderOptions} from '@testing-library/react'\r\nimport {ThemeProvider} from 'styled-components'\r\n\r\nconst AllTheProviders = ({children}: {children: React.ReactNode}) => {\r\n  return (\r\n    <ThemeProvider theme={{}}>\r\n        {children}\r\n    </ThemeProvider>\r\n  )\r\n}\r\n\r\nconst customRender = (\r\n  ui: ReactElement,\r\n  options?: Omit<RenderOptions, 'wrapper'>,\r\n) => render(ui, {wrapper: AllTheProviders, ...options})\r\n\r\nexport * from '@testing-library/react'\r\nexport {customRender as render}"],"mappings":";;;AAAA,OAAOA,KAAK,MAAsB,OAAO;AACzC,SAAQC,MAAM,QAAsB,wBAAwB;AAC5D,SAAQC,aAAa,QAAO,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/C,MAAMC,eAAe,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAACC;EAAqC,CAAC,GAAAD,IAAA;EAC9D,oBACEF,IAAA,CAACF,aAAa;IAACM,KAAK,EAAE,CAAC,CAAE;IAAAD,QAAA,EACpBA;EAAQ,CACE,CAAC;AAEpB,CAAC;AAED,MAAME,YAAY,GAAGA,CACnBC,EAAgB,EAChBC,OAAwC,KACrCV,MAAM,CAACS,EAAE,EAAAE,aAAA;EAAGC,OAAO,EAAER;AAAe,GAAKM,OAAO,CAAC,CAAC;AAEvD,cAAc,wBAAwB;AACtC,SAAQF,YAAY,IAAIR,MAAM","ignoreList":[]}
+{"version":3,"file":"test-utils.js","names":["React","render","ThemeProvider","jsx","_jsx","AllTheProviders","_ref","children","theme","customRender","ui","options","_objectSpread","wrapper"],"sources":["../src/test-utils.tsx"],"sourcesContent":["import React, {ReactElement} from 'react'\r\nimport {render, RenderOptions} from '@testing-library/react'\r\nimport {ThemeProvider} from 'styled-components'\r\n\r\nconst AllTheProviders = ({children}: {children: React.ReactNode}) => {\r\n  return (\r\n    <ThemeProvider theme={{}}>\r\n        {children}\r\n    </ThemeProvider>\r\n  )\r\n}\r\n\r\nconst customRender = (\r\n  ui: ReactElement<any>,\r\n  options?: Omit<RenderOptions, 'wrapper'>,\r\n) => render(ui, {wrapper: AllTheProviders, ...options})\r\n\r\nexport * from '@testing-library/react'\r\nexport {customRender as render}"],"mappings":";;;AAAA,OAAOA,KAAK,MAAsB,OAAO;AACzC,SAAQC,MAAM,QAAsB,wBAAwB;AAC5D,SAAQC,aAAa,QAAO,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/C,MAAMC,eAAe,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAACC;EAAqC,CAAC,GAAAD,IAAA;EAC9D,oBACEF,IAAA,CAACF,aAAa;IAACM,KAAK,EAAE,CAAC,CAAE;IAAAD,QAAA,EACpBA;EAAQ,CACE,CAAC;AAEpB,CAAC;AAED,MAAME,YAAY,GAAGA,CACnBC,EAAqB,EACrBC,OAAwC,KACrCV,MAAM,CAACS,EAAE,EAAAE,aAAA;EAAGC,OAAO,EAAER;AAAe,GAAKM,OAAO,CAAC,CAAC;AAEvD,cAAc,wBAAwB;AACtC,SAAQF,YAAY,IAAIR,MAAM","ignoreList":[]}

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/utils/utils.d.ts

@@ -1 +1 @@
-export declare const hasWindow: () => boolean;
+export declare const hasWindow: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "5.1.0",
+  "version": "6.0.0-dev.1",
   "private": false,
   "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
   "contributors": [],
@@ -62,34 +62,33 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.19.0",
     "@laerdal/figma-svg": "^5.2.2",
     "@types/node": "^18.0.6",
     "animated-scroll-to": "^2.3.0",
     "dayjs": "^1.11.5",
-    "nanoid": "3.3.4",
-    "react": "^18.2.0",
-    "react-datepicker": "^4.11.0",
-    "react-dom": "^18.2.0",
-    "react-inlinesvg": "^3.0.0",
-    "react-modal": "^3.15.1",
+    "nanoid": "3.3.11",
+    "react": "^19.0.0",
+    "react-datepicker": "^8.2.1",
+    "react-dom": "^19.0.0",
+    "react-inlinesvg": "^4.2.0",
+    "react-modal": "^3.16.0",
     "react-quill": "^2.0.0",
-    "react-resize-detector": "^7.1.2",
+    "react-resize-detector": "^11.0.1",
     "rooks": "^7.1.1",
     "styled-components": "^6.1.13",
-    "typescript": "^4.8.2"
+    "typescript": "^5.1.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.18.10",
+    "@babel/cli": "^7.22.0",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-export-default-from": "^7.18.10",
+    "@babel/plugin-proposal-export-default-from": "^7.22.0",
     "@babel/plugin-proposal-numeric-separator": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.18.9",
-    "@babel/plugin-transform-runtime": "^7.18.10",
-    "@babel/preset-env": "^7.19.0",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime": "^7.19.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.18.6",
+    "@babel/plugin-transform-runtime": "^7.22.0",
+    "@babel/preset-env": "^7.22.0",
+    "@babel/preset-react": "^7.22.0",
+    "@babel/preset-typescript": "^7.27.0",
+    "@babel/runtime": "^7.22.0",
     "@chromatic-com/storybook": "1.4.0",
     "@laerdal/navigation": "^3.2.0",
     "@storybook/addon-essentials": "^8.1.3",
@@ -107,12 +106,10 @@
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
-    "@types/node": "^18.0.6",
-    "@types/react": "^18.3.3",
+    "@types/react": "^19.1.2",
     "@types/react-datepicker": "^4.4.2",
     "@types/react-dom": "^18.3.0",
     "@types/react-modal": "^3.13.1",
-    "@types/react-router-dom": "^5.3.3",
     "babel-plugin-inline-react-svg": "^2.0.1",
     "babel-plugin-typescript-to-proptypes": "^2.0.0",
     "concurrently": "^5.2.0",
@@ -123,8 +120,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "^7.2.0",
     "jest-svg-transformer": "^1.0.0",
-    "react-router": "^6.3.0",
-    "react-router-dom": "^6.3.0",
+    "react-router": "^6.0.0",
     "react-share": "^5.1.0",
     "regenerator-runtime": "^0.13.9",
     "storybook": "^8.1.3",
@@ -132,13 +128,12 @@
   },
   "peerDependencies": {
     "@babel/core": "^7.0.0",
-    "react": "^18",
-    "react-dom": "^18",
-    "react-router-dom": "^6"
+    "react": "^19",
+    "react-dom": "^19"
   },
   "resolutions": {
-    "nwsapi":"2.2.9",
+    "nwsapi": "2.2.9",
     "date-fns": "2.24.0",
-    "@types/react": "18.3.3"
+    "@types/react": "19.1.2"
   }
 }

package/dist/common/NavigationHelper.cjs

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useNavigationHelper = void 0;
-var _reactRouter = require("react-router");
-const useNavigationHelper = () => {
-  const navigateHook = (0, _reactRouter.useNavigate)();
-  const location = (0, _reactRouter.useLocation)();
-  const navigate = (url, isExternal) => {
-    if (isExternal) {
-      window.location.href = url;
-    } else {
-      navigateHook(url);
-    }
-  };
-  const isActiveRoute = (url, exact) => {
-    var _location$pathname;
-    return !!(0, _reactRouter.matchPath)({
-      path: url,
-      end: exact
-    }, (_location$pathname = location.pathname) !== null && _location$pathname !== void 0 ? _location$pathname : '');
-  };
-  return {
-    navigate,
-    isActiveRoute
-  };
-};
-exports.useNavigationHelper = useNavigationHelper;
-//# sourceMappingURL=NavigationHelper.cjs.map

package/dist/common/NavigationHelper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationHelper.cjs","names":["_reactRouter","require","useNavigationHelper","navigateHook","useNavigate","location","useLocation","navigate","url","isExternal","window","href","isActiveRoute","exact","_location$pathname","matchPath","path","end","pathname","exports"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { useNavigate, matchPath, useLocation } from 'react-router';\r\n\r\nexport const useNavigationHelper = () => {\r\n  const navigateHook = useNavigate();\r\n  const location = useLocation();\r\n\r\n  const navigate = (url: string, isExternal: boolean) => {\r\n    if (isExternal) {\r\n      window.location.href = url;\r\n    } else {\r\n      navigateHook(url);\r\n    }\r\n  };\r\n\r\n  const isActiveRoute = (url: string, exact: boolean): boolean => {\r\n    return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\r\n  };\r\n\r\n  return { navigate, isActiveRoute };\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,YAAY,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,QAAQ,GAAGA,CAACC,GAAW,EAAEC,UAAmB,KAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACL,QAAQ,CAACM,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLL,YAAY,CAACK,GAAG,CAAC;IACnB;EACF,CAAC;EAED,MAAMI,aAAa,GAAGA,CAACJ,GAAW,EAAEK,KAAc,KAAc;IAAA,IAAAC,kBAAA;IAC9D,OAAO,CAAC,CAAC,IAAAC,sBAAS,EAAC;MAAEC,IAAI,EAAER,GAAG;MAAES,GAAG,EAAEJ;IAAM,CAAC,GAAAC,kBAAA,GAAET,QAAQ,CAACa,QAAQ,cAAAJ,kBAAA,cAAAA,kBAAA,GAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAEP,QAAQ;IAAEK;EAAc,CAAC;AACpC,CAAC;AAACO,OAAA,CAAAjB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/common/NavigationHelper.d.ts

@@ -1,4 +0,0 @@
-export declare const useNavigationHelper: () => {
-    navigate: (url: string, isExternal: boolean) => void;
-    isActiveRoute: (url: string, exact: boolean) => boolean;
-};