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

package/dist/styles/typography.js

@@ -1,6 +1,17 @@
+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";
+var _excluded = ["color", "textStyle", "children", "className"],
+  _excluded2 = ["color", "textStyle", "children", "className"],
+  _excluded3 = ["color", "textStyle", "children", "className"],
+  _excluded4 = ["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;
+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';
 import styled, { css } from 'styled-components';
 import { COLORS } from '.';
@@ -47,7 +58,9 @@ var componentTextTransformation = function componentTextTransformation(textStyle
   return fontStyle;
 };
 var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), color === null ? '' : "color: ".concat(color || COLORS.black, ";"));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
+    return color === null ? '' : "color: ".concat(color || COLORS.getColor('black', props.theme), ";");
+  });
 };
 var ComponentXLStyling = function ComponentXLStyling(textStyle, color) {
   return ComponentStyling('24px', '28px', textStyle, color);
@@ -56,18 +69,20 @@ var ComponentXL = function ComponentXL(_ref2) {
   var color = _ref2.color,
     textStyle = _ref2.textStyle,
     children = _ref2.children,
-    className = _ref2.className;
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, {
+  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
     lineHeight: 28,
     $fontSize: 24,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle,
+    $fontStyle: fontStyle
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 ComponentXL.propTypes = {
   color: _pt.string,
@@ -82,18 +97,20 @@ var ComponentL = function ComponentL(_ref3) {
   var color = _ref3.color,
     textStyle = _ref3.textStyle,
     children = _ref3.children,
-    className = _ref3.className;
+    className = _ref3.className,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, {
+  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
     lineHeight: 24,
     $fontSize: 20,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle,
+    $fontStyle: fontStyle
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 ComponentL.propTypes = {
   color: _pt.string,
@@ -108,18 +125,20 @@ var ComponentM = function ComponentM(_ref4) {
   var color = _ref4.color,
     textStyle = _ref4.textStyle,
     children = _ref4.children,
-    className = _ref4.className;
+    className = _ref4.className,
+    rest = _objectWithoutProperties(_ref4, _excluded3);
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, {
+  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
     lineHeight: 24,
     $fontSize: 18,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle,
+    $fontStyle: fontStyle
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 ComponentM.propTypes = {
   color: _pt.string,
@@ -134,18 +153,20 @@ var ComponentS = function ComponentS(_ref5) {
   var color = _ref5.color,
     textStyle = _ref5.textStyle,
     children = _ref5.children,
-    className = _ref5.className;
+    className = _ref5.className,
+    rest = _objectWithoutProperties(_ref5, _excluded4);
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, {
+  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
     lineHeight: 20,
     $fontSize: 16,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle,
+    $fontStyle: fontStyle
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 ComponentS.propTypes = {
   color: _pt.string,
@@ -160,20 +181,22 @@ var ComponentXS = function ComponentXS(_ref6) {
   var color = _ref6.color,
     textStyle = _ref6.textStyle,
     children = _ref6.children,
-    className = _ref6.className;
+    className = _ref6.className,
+    rest = _objectWithoutProperties(_ref6, _excluded5);
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, {
+  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
     lineHeight: 16,
     $fontSize: 14,
     $fontWeight: fontWeight,
     $fontStyle: fontStyle,
-    textTransform: textTransform,
+    textTransform: textTransform
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 ComponentXS.propTypes = {
   color: _pt.string,
@@ -188,20 +211,22 @@ var ComponentXXS = function ComponentXXS(_ref7) {
   var color = _ref7.color,
     textStyle = _ref7.textStyle,
     children = _ref7.children,
-    className = _ref7.className;
+    className = _ref7.className,
+    rest = _objectWithoutProperties(_ref7, _excluded6);
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, {
+  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
     lineHeight: 16,
     $fontSize: 12,
     $fontWeight: fontWeight,
     $fontStyle: fontStyle,
-    textTransform: textTransform,
+    textTransform: textTransform
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 ComponentXXS.propTypes = {
   color: _pt.string,
@@ -214,7 +239,8 @@ var ComponentResponsive = function ComponentResponsive(_ref8) {
     textStyle = _ref8.textStyle,
     children = _ref8.children,
     size = _ref8.size,
-    width = _ref8.width;
+    width = _ref8.width,
+    rest = _objectWithoutProperties(_ref8, _excluded7);
   var fontsize = size;
   if (!size) {
     if (width == -1) {
@@ -229,36 +255,36 @@ var ComponentResponsive = function ComponentResponsive(_ref8) {
   }
   switch (fontsize) {
     case Size.XXSmall:
-      return /*#__PURE__*/_jsx(ComponentXXS, {
+      return /*#__PURE__*/_jsx(ComponentXXS, _objectSpread({
         color: color,
         textStyle: textStyle,
         children: children
-      });
+      }, rest));
     case Size.XSmall:
-      return /*#__PURE__*/_jsx(ComponentXS, {
+      return /*#__PURE__*/_jsx(ComponentXS, _objectSpread({
         color: color,
         textStyle: textStyle,
         children: children
-      });
+      }, rest));
     case Size.Small:
-      return /*#__PURE__*/_jsx(ComponentS, {
+      return /*#__PURE__*/_jsx(ComponentS, _objectSpread({
         color: color,
         textStyle: textStyle,
         children: children
-      });
+      }, rest));
     case Size.Medium:
-      return /*#__PURE__*/_jsx(ComponentM, {
+      return /*#__PURE__*/_jsx(ComponentM, _objectSpread({
         color: color,
         textStyle: textStyle,
         children: children
-      });
+      }, rest));
     case Size.Large:
     default:
-      return /*#__PURE__*/_jsx(ComponentL, {
+      return /*#__PURE__*/_jsx(ComponentL, _objectSpread({
         color: color,
         textStyle: textStyle,
         children: children
-      });
+      }, rest));
   }
 };
 ComponentResponsive.propTypes = {

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';\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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"}
+{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","_ref","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","_templateObject","_taggedTemplateLiteral","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","_excluded2","ComponentMStyling","ComponentM","_ref4","_excluded3","ComponentSStyling","ComponentS","_ref5","_excluded4","ComponentXSStyling","ComponentXS","_ref6","_excluded5","ComponentXXSStyling","ComponentXXS","_ref7","_excluded6","ComponentResponsive","_ref8","size","width","_excluded7","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","_templateObject2","QuoteTypography","_templateObject3","NoteTypography","_templateObject4","UpperCaseTypography","_templateObject5","Note","p","_templateObject6","Quote","_templateObject7","UpperCase","_templateObject8"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n  $color?: string;\r\n  lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width, \r\n                                                                                                         ...rest\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;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;AAY9B,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAAC,KAAK,CAAC,CAAkB,UAAAO,IAAA;EAAA,IACGC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,kBAAkB,GAAAP,IAAA,CAAlBO,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,GAAGN,MAAM,CAACiB;EAClC,CAAC;AAAA,CAAC,CAAC;AAAC,IAECC,kBAAkB;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAcvB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,SAA8B,EAAK;EAC9D,IAAIN,UAAU,GAAG,GAAG;EACpB,IAAIM,SAAS,KAAKF,kBAAkB,CAACG,IAAI,IAAID,SAAS,KAAKF,kBAAkB,CAACI,aAAa,EAAE;IAC3FR,UAAU,GAAG,GAAG;EAClB;EACA,OAAOA,UAAU;AACnB,CAAC;AAED,IAAMS,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIH,SAA8B,EAAK;EAC7D,IAAIL,SAAS,GAAGK,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACM,MAAM,GAAG,QAAQ,GAAG,EAAE;EACpF,OAAOT,SAAS;AAClB,CAAC;AAED,IAAMU,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAIL,SAA8B,EAA6B;EAC9F,IAAIL,SAAiC,GAAGK,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACI,aAAa,GAAG,WAAW,GAAG,MAAM;EAC1H,OAAOP,SAAS;AAClB,CAAC;AAED,IAAMW,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIb,QAAgB,EAAEN,UAAkB,EAAEa,SAA6B,EAAEJ,KAAgC,EAAK;EAClI,OAAOjB,GAAG,CAAA4B,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oHACKf,QAAQ,EACNM,mBAAmB,CAACC,SAAS,CAAC,EAC9Bb,UAAU,EACXgB,kBAAkB,CAACH,SAAS,CAAC,EACzC,UAAAS,KAAK;IAAA,OAAIb,KAAK,KAAK,IAAI,GAAG,EAAE,aAAAc,MAAA,CAAad,KAAK,IAAIhB,MAAM,CAAC+B,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,MAAG;EAAA;AAEhG,CAAC;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIb,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACtI,IAAMkB,WAAoD,GAAG,SAAvDA,WAAoDA,CAAAC,KAAA,EAAyD;EAAA,IAApDnB,KAAK,GAAAmB,KAAA,CAALnB,KAAK;IAAEI,SAAS,GAAAe,KAAA,CAATf,SAAS;IAAEgB,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,KAAA,CAATE,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA;EAC3G,IAAI1B,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACEjB,IAAA,CAACC,cAAc,EAAAqC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK;EAAU,GAAKuB,IAAI;IAAAF,QAAA,EAC5CA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACF,WAAA,CAAAQ,SAAA;EA5CA1B,KAAK,EAAA2B,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTxB,SAAS,EAAAuB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AA2CV,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAI3B,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACrI,IAAMgC,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAAyD;EAAA,IAApDjC,KAAK,GAAAiC,KAAA,CAALjC,KAAK;IAAEI,SAAS,GAAA6B,KAAA,CAAT7B,SAAS;IAAEgB,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAEC,SAAS,GAAAY,KAAA,CAATZ,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAU,KAAA,EAAAC,UAAA;EAC1G,IAAIpC,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACEjB,IAAA,CAACC,cAAc,EAAAqC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK;EAAU,GAAKuB,IAAI;IAAAF,QAAA,EAC5CA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACY,UAAA,CAAAN,SAAA;EAxDA1B,KAAK,EAAA2B,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTxB,SAAS,EAAAuB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AAuDV,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAI/B,SAA6B,EAAEJ,KAAgC;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACjJ,IAAMoC,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAAyD;EAAA,IAApDrC,KAAK,GAAAqC,KAAA,CAALrC,KAAK;IAAEI,SAAS,GAAAiC,KAAA,CAATjC,SAAS;IAAEgB,QAAQ,GAAAiB,KAAA,CAARjB,QAAQ;IAAEC,SAAS,GAAAgB,KAAA,CAAThB,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAc,KAAA,EAAAC,UAAA;EAC1G,IAAIxC,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACEjB,IAAA,CAACC,cAAc,EAAAqC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK;EAAU,GAAKuB,IAAI;IAAAF,QAAA,EAC5CA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACgB,UAAA,CAAAV,SAAA;EApEA1B,KAAK,EAAA2B,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTxB,SAAS,EAAAuB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AAmEV,IAAMS,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAInC,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACrI,IAAMwC,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAAyD;EAAA,IAApDzC,KAAK,GAAAyC,KAAA,CAALzC,KAAK;IAAEI,SAAS,GAAAqC,KAAA,CAATrC,SAAS;IAAEgB,QAAQ,GAAAqB,KAAA,CAARrB,QAAQ;IAAEC,SAAS,GAAAoB,KAAA,CAATpB,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAkB,KAAA,EAAAC,UAAA;EAC1G,IAAI5C,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,oBACEjB,IAAA,CAACC,cAAc,EAAAqC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK;EAAU,GAAKuB,IAAI;IAAAF,QAAA,EAC5CA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACoB,UAAA,CAAAd,SAAA;EAhFA1B,KAAK,EAAA2B,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTxB,SAAS,EAAAuB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AA+EV,IAAMa,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIvC,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACtI,IAAM4C,WAAoD,GAAG,SAAvDA,WAAoDA,CAAAC,KAAA,EAAyD;EAAA,IAApD7C,KAAK,GAAA6C,KAAA,CAAL7C,KAAK;IAAEI,SAAS,GAAAyC,KAAA,CAATzC,SAAS;IAAEgB,QAAQ,GAAAyB,KAAA,CAARzB,QAAQ;IAAEC,SAAS,GAAAwB,KAAA,CAATxB,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAsB,KAAA,EAAAC,UAAA;EAC3G,IAAIhD,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,IAAIT,aAAa,GAAGc,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACEjB,IAAA,CAACC,cAAc,EAAAqC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAACJ,aAAa,EAAEA;EAAc,GAAK2B,IAAI;IAAAF,QAAA,EAC1EA;EAAQ,EACK,CAAC;AAErB,CAAC;AAACwB,WAAA,CAAAlB,SAAA;EA7FA1B,KAAK,EAAA2B,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTxB,SAAS,EAAAuB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AA4FV,IAAMiB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAI3C,SAA6B,EAAEJ,KAAoB;EAAA,OAAKU,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAEN,SAAS,EAAEJ,KAAK,CAAC;AAAA;AACvI,IAAMgD,YAAqD,GAAG,SAAxDA,YAAqDA,CAAAC,KAAA,EAAyD;EAAA,IAApDjD,KAAK,GAAAiD,KAAA,CAALjD,KAAK;IAAEI,SAAS,GAAA6C,KAAA,CAAT7C,SAAS;IAAEgB,QAAQ,GAAA6B,KAAA,CAAR7B,QAAQ;IAAEC,SAAS,GAAA4B,KAAA,CAAT5B,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAA0B,KAAA,EAAAC,UAAA;EAC5G,IAAIpD,UAAU,GAAGK,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIL,SAAS,GAAGQ,kBAAkB,CAACH,SAAS,CAAC;EAC7C,IAAIT,aAAa,GAAGc,2BAA2B,CAACL,SAAS,CAAC;EAC1D,oBACEjB,IAAA,CAACC,cAAc,EAAAqC,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAEA,SAAU;IAAC/B,MAAM,EAAEU,KAAM;IAACT,UAAU,EAAE,EAAG;IAACC,SAAS,EAAE,EAAG;IAACC,WAAW,EAAEK,UAAW;IAC5FJ,UAAU,EAAEK,SAAU;IAACJ,aAAa,EAAEA;EAAc,GAAK2B,IAAI;IAAAF,QAAA,EAC1EA;EAAQ,EACK,CAAC;AAErB,CAAC;AAAC4B,YAAA,CAAAtB,SAAA;EA1GA1B,KAAK,EAAA2B,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTxB,SAAS,EAAAuB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AAyGV,IAAMqB,mBAA6F,GAAG,SAAhGA,mBAA6FA,CAAAC,KAAA,EAOU;EAAA,IANJpD,KAAK,GAAAoD,KAAA,CAALpD,KAAK;IACLI,SAAS,GAAAgD,KAAA,CAAThD,SAAS;IACTgB,QAAQ,GAAAgC,KAAA,CAARhC,QAAQ;IACRiC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACFhC,IAAI,GAAAC,wBAAA,CAAA6B,KAAA,EAAAG,UAAA;EAE9G,IAAIC,QAAQ,GAAGH,IAAI;EACnB,IAAI,CAACA,IAAI,EAAE;IACT,IAAIC,KAAK,IAAI,CAAC,CAAC,EAAE;MACfE,QAAQ,GAAGvE,IAAI,CAACwE,MAAM;IACxB,CAAC,MAAM,IAAIH,KAAK,GAAG,GAAG,EAAE;MACtBE,QAAQ,GAAGvE,IAAI,CAACyE,KAAK;IACvB,CAAC,MAAM,IAAIJ,KAAK,GAAG,GAAG,EAAE;MACtBE,QAAQ,GAAGvE,IAAI,CAACwE,MAAM;IACxB,CAAC,MAAM;MACLD,QAAQ,GAAGvE,IAAI,CAAC0E,KAAK;IACvB;EACF;EACA,QAAQH,QAAQ;IACd,KAAKvE,IAAI,CAAC2E,OAAO;MACf,oBAAOzE,IAAA,CAAC6D,YAAY,EAAAvB,aAAA;QAACzB,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;IAC1F,KAAKrC,IAAI,CAAC4E,MAAM;MACd,oBAAO1E,IAAA,CAACyD,WAAW,EAAAnB,aAAA;QAACzB,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;IACzF,KAAKrC,IAAI,CAACyE,KAAK;MACb,oBAAOvE,IAAA,CAACqD,UAAU,EAAAf,aAAA;QAACzB,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;IACxF,KAAKrC,IAAI,CAACwE,MAAM;MACd,oBAAOtE,IAAA,CAACiD,UAAU,EAAAX,aAAA;QAACzB,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;IACxF,KAAKrC,IAAI,CAAC0E,KAAK;IACf;MACE,oBAAOxE,IAAA,CAAC6C,UAAU,EAAAP,aAAA;QAACzB,KAAK,EAAEA,KAAM;QAACI,SAAS,EAAEA,SAAU;QAACgB,QAAQ,EAAEA;MAAS,GAAKE,IAAI,CAAE,CAAC;EAC1F;AACF,CAAC;AAAC6B,mBAAA,CAAAzB,SAAA;EA7IA1B,KAAK,EAAA2B,GAAA,CAAAC,MAAA;EACLP,SAAS,EAAAM,GAAA,CAAAC,MAAA;EACTxB,SAAS,EAAAuB,GAAA,CAAAE,KAAA;EACTT,QAAQ,EAAAO,GAAA,CAAAG;AAAA;AA4IV,OAAO,IAAMgC,UAAU,GAAG/E,GAAG,CAAAgF,gBAAA,KAAAA,gBAAA,GAAAnD,sBAAA,ygCA+E5B;AAED,OAAO,IAAMoD,eAAe,GAAGjF,GAAG,CAAAkF,gBAAA,KAAAA,gBAAA,GAAArD,sBAAA,iFAIjC;AAED,OAAO,IAAMsD,cAAc,GAAGnF,GAAG,CAAAoF,gBAAA,KAAAA,gBAAA,GAAAvD,sBAAA,mFAIhC;AAED,OAAO,IAAMwD,mBAAmB,GAAGrF,GAAG,CAAAsF,gBAAA,KAAAA,gBAAA,GAAAzD,sBAAA,0GAKrC;AAED,OAAO,IAAM0D,IAAI,GAAGxF,MAAM,CAACyF,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAA5D,sBAAA,mBACxBsD,cAAc,CACjB;AAED,OAAO,IAAMO,KAAK,GAAG3F,MAAM,CAACyF,CAAC,CAAAG,gBAAA,KAAAA,gBAAA,GAAA9D,sBAAA,mBACzBoD,eAAe,CAClB;AAED,OAAO,IAAMW,SAAS,GAAG7F,MAAM,CAACyF,CAAC,CAAAK,gBAAA,KAAAA,gBAAA,GAAAhE,sBAAA,mBAC7BwD,mBAAmB,CACtB;AAED,SACElE,kBAAkB,EAClBgB,WAAW,EACXc,UAAU,EACVI,UAAU,EACVI,UAAU,EACVI,WAAW,EACXI,YAAY,EACZG,mBAAmB;AAErB,SACElC,kBAAkB,EAClBc,iBAAiB,EACjBI,iBAAiB,EACjBI,iBAAiB,EACjBI,kBAAkB,EAClBI,mBAAmB","ignoreList":[]}

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 = {\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"}
+{"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","exports"],"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;AAAAC,OAAA,CAAAf,SAAA,GAAAA,SAAA","ignoreList":[]}

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 = {\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"}
+{"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","ignoreList":[]}

package/dist/test-utils.cjs

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  render: true
+};
+exports.render = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+Object.keys(_react2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _react2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _react2[key];
+    }
+  });
+});
+var _styledComponents = require("styled-components");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AllTheProviders = function AllTheProviders(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
+    theme: {},
+    children: children
+  });
+};
+var customRender = function customRender(ui, options) {
+  return (0, _react2.render)(ui, _objectSpread({
+    wrapper: AllTheProviders
+  }, options));
+};
+exports.render = customRender;
+//# sourceMappingURL=test-utils.cjs.map

package/dist/test-utils.cjs.map

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

package/dist/test-utils.d.ts

@@ -0,0 +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 };

package/dist/test-utils.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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';
+import { render } from '@testing-library/react';
+import { ThemeProvider } from 'styled-components';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AllTheProviders = function AllTheProviders(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_jsx(ThemeProvider, {
+    theme: {},
+    children: children
+  });
+};
+var customRender = function customRender(ui, options) {
+  return render(ui, _objectSpread({
+    wrapper: AllTheProviders
+  }, options));
+};
+export * from '@testing-library/react';
+export { customRender as render };
+//# sourceMappingURL=test-utils.js.map

package/dist/test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-utils.js","names":["React","render","ThemeProvider","jsx","_jsx","AllTheProviders","_ref","children","theme","customRender","ui","options","_objectSpread","wrapper"],"sources":["../src/test-utils.tsx"],"sourcesContent":["import React, {ReactElement} from 'react'\r\nimport {render, RenderOptions} from '@testing-library/react'\r\nimport {ThemeProvider} from 'styled-components'\r\n\r\nconst AllTheProviders = ({children}: {children: React.ReactNode}) => {\r\n  return (\r\n    <ThemeProvider theme={{}}>\r\n        {children}\r\n    </ThemeProvider>\r\n  )\r\n}\r\n\r\nconst customRender = (\r\n  ui: ReactElement,\r\n  options?: Omit<RenderOptions, 'wrapper'>,\r\n) => render(ui, {wrapper: AllTheProviders, ...options})\r\n\r\nexport * from '@testing-library/react'\r\nexport {customRender as render}"],"mappings":";;;AAAA,OAAOA,KAAK,MAAsB,OAAO;AACzC,SAAQC,MAAM,QAAsB,wBAAwB;AAC5D,SAAQC,aAAa,QAAO,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/C,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAgD;EAAA,IAA3CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAChC,oBACEH,IAAA,CAACF,aAAa;IAACM,KAAK,EAAE,CAAC,CAAE;IAAAD,QAAA,EACpBA;EAAQ,CACE,CAAC;AAEpB,CAAC;AAED,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAChBC,EAAgB,EAChBC,OAAwC;EAAA,OACrCV,MAAM,CAACS,EAAE,EAAAE,aAAA;IAAGC,OAAO,EAAER;EAAe,GAAKM,OAAO,CAAC,CAAC;AAAA;AAEvD,cAAc,wBAAwB;AACtC,SAAQF,YAAY,IAAIR,MAAM","ignoreList":[]}

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 {\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"}
+{"version":3,"file":"types.cjs","names":["States","exports","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;AAAAC,OAAA,CAAAD,MAAA,GAAAA,MAAA;AAAA,WAANA,MAAM;EAANA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAAAC,OAAA,CAAAD,MAAA,GAANA,MAAM;AAAA,IAMNE,IAAI;AAAAD,OAAA,CAAAC,IAAA,GAAAA,IAAA;AAAA,WAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;AAAA,GAAJA,IAAI,KAAAD,OAAA,CAAAC,IAAA,GAAJA,IAAI;AAAA,IAQJC,QAAQ;AAAAF,OAAA,CAAAE,QAAA,GAAAA,QAAA;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAAAF,OAAA,CAAAE,QAAA,GAARA,QAAQ;AAAA,IAORC,UAAU;AAAAH,OAAA,CAAAG,UAAA,GAAAA,UAAA;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,KAAAH,OAAA,CAAAG,UAAA,GAAVA,UAAU;AAAA,IASVC,eAAe;AAAAJ,OAAA,CAAAI,eAAA,GAAAA,eAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,KAAAJ,OAAA,CAAAI,eAAA,GAAfA,eAAe;AAAA,IAKfC,aAAa;AAAAL,OAAA,CAAAK,aAAA,GAAAA,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,KAAAL,OAAA,CAAAK,aAAA,GAAbA,aAAa;AAAA,IASbC,mBAAmB;AAAAN,OAAA,CAAAM,mBAAA,GAAAA,mBAAA;AAAA,WAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,KAAAN,OAAA,CAAAM,mBAAA,GAAnBA,mBAAmB","ignoreList":[]}

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 {\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"}
+{"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","ignoreList":[]}

package/dist/utils/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","names":["hasWindow","Boolean","window"],"sources":["../../src/utils/utils.tsx"],"sourcesContent":["\r\n\r\nexport const hasWindow = () => {\r\n    return Boolean(typeof window !== 'undefined' && window);\r\n}\r\n  "],"mappings":";;;;;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC3B,OAAOC,OAAO,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC;AAC3D,CAAC;AAAA"}
+{"version":3,"file":"utils.cjs","names":["hasWindow","Boolean","window","exports"],"sources":["../../src/utils/utils.tsx"],"sourcesContent":["\r\n\r\nexport const hasWindow = () => {\r\n    return Boolean(typeof window !== 'undefined' && window);\r\n}\r\n  "],"mappings":";;;;;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC3B,OAAOC,OAAO,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC;AAC3D,CAAC;AAAAC,OAAA,CAAAH,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["hasWindow","Boolean","window"],"sources":["../../src/utils/utils.tsx"],"sourcesContent":["\r\n\r\nexport const hasWindow = () => {\r\n    return Boolean(typeof window !== 'undefined' && window);\r\n}\r\n  "],"mappings":"AAEA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC3B,OAAOC,OAAO,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC;AAC3D,CAAC"}
+{"version":3,"file":"utils.js","names":["hasWindow","Boolean","window"],"sources":["../../src/utils/utils.tsx"],"sourcesContent":["\r\n\r\nexport const hasWindow = () => {\r\n    return Boolean(typeof window !== 'undefined' && window);\r\n}\r\n  "],"mappings":"AAEA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC3B,OAAOC,OAAO,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC;AAC3D,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "3.5.3",
+  "version": "3.6.0-dev.1.full",
   "private": false,
   "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
   "contributors": [],
@@ -9,7 +9,7 @@
   "license": "UNLICENSED",
   "repository": {
     "type": "git",
-    "url": "https://bitbucket.org/laerdal/laerdal-life-components"
+    "url": "https://github.com/Laerdal-Medical/dcs-life-react-js"
   },
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -34,10 +34,15 @@
     "develop": "yarn build:babel:esm --skip-initial-build --watch --verbose",
     "test": "jest src/",
     "test:coverage": "jest --collectCoverage src/",
-    "test-watch": "jest --watch"
+    "test-watch": "jest --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "eslintConfig": {
-    "extends": "react-app"
+    "extends": [
+      "react-app",
+      "plugin:storybook/recommended"
+    ]
   },
   "browserslist": {
     "production": [
@@ -51,11 +56,15 @@
       "last 1 safari version"
     ]
   },
+  "omlet": {
+    "exports": {
+      ".": "src/index.ts"
+    }
+  },
   "dependencies": {
     "@babel/runtime": "^7.19.0",
     "@laerdal/figma-svg": "^5.0.0",
     "@types/node": "^18.0.6",
-    "@types/react": "^18.0.28",
     "animated-scroll-to": "^2.3.0",
     "dayjs": "^1.11.5",
     "nanoid": "3.3.4",
@@ -81,12 +90,24 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@babel/runtime": "^7.19.0",
+    "@chromatic-com/storybook": "1.4.0",
+    "@laerdal/navigation": "^3.2.0",
+    "@storybook/addon-essentials": "^8.1.3",
+    "@storybook/addon-interactions": "^8.1.3",
+    "@storybook/addon-links": "^8.1.3",
+    "@storybook/addon-onboarding": "^8.1.3",
+    "@storybook/addon-webpack5-compiler-swc": "1.0.2",
+    "@storybook/addons": "^7.6.17",
+    "@storybook/blocks": "^8.1.3",
+    "@storybook/react": "^8.1.3",
+    "@storybook/react-webpack5": "^8.1.3",
+    "@storybook/test": "^8.1.3",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "13.4.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.2.3",
     "@types/node": "^18.0.6",
-    "@types/react": "^18.0.28",
+    "@types/react": "^18.3.3",
     "@types/react-datepicker": "^4.4.2",
     "@types/react-modal": "^3.13.1",
     "@types/react-router-dom": "^5.3.3",
@@ -95,7 +116,7 @@
     "babel-plugin-typescript-to-proptypes": "^2.0.0",
     "concurrently": "^5.2.0",
     "cross-env": "^7.0.3",
-    "cypress": "^9.5.0",
+    "eslint-plugin-storybook": "^0.8.0",
     "history": "^5.3.0",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.2.1",
@@ -103,7 +124,9 @@
     "jest-svg-transformer": "^1.0.0",
     "react-router": "^6.3.0",
     "react-router-dom": "^6.3.0",
+    "react-share": "^5.1.0",
     "regenerator-runtime": "^0.13.9",
+    "storybook": "^8.1.3",
     "ts-jest": "^29.0.3"
   },
   "peerDependencies": {
@@ -113,6 +136,7 @@
     "react-router-dom": "^6"
   },
   "resolutions": {
-    "date-fns": "2.24.0"
+    "date-fns": "2.24.0",
+    "@types/react": "18.3.3"
   }
 }