@laerdal/life-react-components 3.5.1-dev.17 → 3.5.1-dev.18

package/dist/InputFields/DatepickerField.d.ts

@@ -41,7 +41,7 @@ export type DatepickerFieldProps = Testable & Omit<React.InputHTMLAttributes<HTM
     /** Optional. Position where to show tooltip in case of closed datepicker and value overflowing the input field. */
     overflowTooltipPosition?: 'top' | 'bottom';
 };
-declare const DatepickerField: React.ForwardRefExoticComponent<Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onBlur" | "onChange" | "size"> & {
+declare const DatepickerField: React.ForwardRefExoticComponent<Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onBlur" | "onChange" | "size" | "value"> & {
     /** Optional. Selected date. Defaults to current date */
     value?: Date | undefined;
     /** Optional. Handler to be called when selected date was changed. */

package/dist/InputFields/PasswordField.d.ts

@@ -50,7 +50,7 @@ export type PasswordFieldProps = Testable & Omit<React.InputHTMLAttributes<HTMLI
      */
     margin?: string;
 };
-declare const PasswordField: React.ForwardRefExoticComponent<Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "id" | "tabIndex" | "onChange" | "size" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "required"> & {
+declare const PasswordField: React.ForwardRefExoticComponent<Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "id" | "tabIndex" | "onChange" | "size" | "disabled" | "value" | "autoComplete" | "placeholder" | "readOnly" | "required"> & {
     /**
      * Required. The ID of the password field.
      */

package/dist/InputFields/TextField.d.ts

@@ -76,7 +76,7 @@ export type TextFieldProps = Testable & Omit<React.InputHTMLAttributes<HTMLInput
       */
     note?: TextFieldNote;
 };
-declare const TextField: React.ForwardRefExoticComponent<Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "pattern" | "type" | "id" | "onChange" | "size" | "disabled" | "autoComplete" | "maxLength" | "readOnly"> & {
+declare const TextField: React.ForwardRefExoticComponent<Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, "pattern" | "type" | "id" | "onChange" | "size" | "disabled" | "value" | "autoComplete" | "maxLength" | "readOnly"> & {
     /**
        * Optional. The ID of the text field.
        */

package/dist/LoadingIndicator/LoadingIndicator.cjs

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _styles = require("../styles");
 var _types = require("../types");
 var _icons = require("../icons");
@@ -19,11 +19,12 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var LoadingWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    animation-name: spin;\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\n    transform-origin: 50% 50%;\n    \n    @keyframes spin {\n      from {\n        transform: rotate(45deg);\n      }\n      to {\n        transform: rotate(405deg);\n      }\n    }\n  }\n"])));
 var LoadingIndicator = function LoadingIndicator(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? _styles.COLORS.primary : _ref$color,
-    id = _ref.id;
+  var color = _ref.color,
+    id = _ref.id,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _types.Size.Medium : _ref$size;
+  var theme = (0, _styledComponents.useTheme)();
+  if (!color) color = _styles.COLORS.getColor('primary', theme);
   switch (size) {
     case _types.Size.Medium:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingWrapper, {

package/dist/LoadingIndicator/LoadingIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_types","_icons","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingWrapper","styled","div","_taggedTemplateLiteral2","LoadingIndicator","_ref","_ref$size","size","Size","Medium","_ref$color","color","COLORS","primary","id","jsx","children","SystemIcons","LoadingMedium","Small","LoadingSmall","propTypes","_propTypes","string","_default","exports"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoadingWrapper = styled.div`\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    animation-name: spin;\r\n    animation-duration: 1s;\r\n    animation-iteration-count: infinite;\r\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\r\n    transform-origin: 50% 50%;\r\n    \r\n    @keyframes spin {\r\n      from {\r\n        transform: rotate(45deg);\r\n      }\r\n      to {\r\n        transform: rotate(405deg);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport type LoadingIndicatorProps = {\r\n  /** Optional. Id of the loading indicator. */\r\n  id?: string;\r\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\r\n  size?: Size.Small | Size.Medium;\r\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\r\n  color?: string;\r\n};\r\n\r\nconst LoadingIndicator = ({ size = Size.Medium, color = COLORS.primary, id }: LoadingIndicatorProps) => {\r\n  switch (size) {\r\n    case Size.Medium:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    case Size.Small:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingSmall color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    default:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n  }\r\n};\r\n\r\nexport default LoadingIndicator;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAuC,IAAAM,WAAA,GAAAN,OAAA;AAAA,IAAAO,eAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEvC,IAAMW,cAAc,GAAGC,4BAAM,CAACC,GAAG,CAAAvB,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,odAsBhC;AAWD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAkF;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA5EE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGE,WAAI,CAACC,MAAM,GAAAH,SAAA;IAAAI,UAAA,GAAAL,IAAA,CAAEM,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGE,cAAM,CAACC,OAAO,GAAAH,UAAA;IAAEI,EAAE,GAAAT,IAAA,CAAFS,EAAE;EACxE,QAAQP,IAAI;IACV,KAAKC,WAAI,CAACC,MAAM;MACd,oBACE,IAAA/B,WAAA,CAAAqC,GAAA,EAACf,cAAc;QAACc,EAAE,EAAEA,EAAG;QAAAE,QAAA,eACrB,IAAAtC,WAAA,CAAAqC,GAAA,EAACtC,MAAA,CAAAwC,WAAW,CAACC,aAAa;UAACP,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;IAErB,KAAKH,WAAI,CAACW,KAAK;MACb,oBACE,IAAAzC,WAAA,CAAAqC,GAAA,EAACf,cAAc;QAACc,EAAE,EAAEA,EAAG;QAAAE,QAAA,eACrB,IAAAtC,WAAA,CAAAqC,GAAA,EAACtC,MAAA,CAAAwC,WAAW,CAACG,YAAY;UAACT,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC5B,CAAC;IAErB;MACE,oBACE,IAAAjC,WAAA,CAAAqC,GAAA,EAACf,cAAc;QAACc,EAAE,EAAEA,EAAG;QAAAE,QAAA,eACrB,IAAAtC,WAAA,CAAAqC,GAAA,EAACtC,MAAA,CAAAwC,WAAW,CAACC,aAAa;UAACP,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;EAEvB;AACF,CAAC;AAACP,gBAAA,CAAAiB,SAAA;EA5BAP,EAAE,EAAAQ,UAAA,YAAAC,MAAA;EAIFZ,KAAK,EAAAW,UAAA,YAAAC;AAAA;AAAA,IAAAC,QAAA,GA0BQpB,gBAAgB;AAAAqB,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"LoadingIndicator.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_types","_icons","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingWrapper","styled","div","_taggedTemplateLiteral2","LoadingIndicator","_ref","color","id","_ref$size","size","Size","Medium","theme","useTheme","COLORS","getColor","jsx","children","SystemIcons","LoadingMedium","Small","LoadingSmall","propTypes","_propTypes","string","_default","exports"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoadingWrapper = styled.div`\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    animation-name: spin;\r\n    animation-duration: 1s;\r\n    animation-iteration-count: infinite;\r\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\r\n    transform-origin: 50% 50%;\r\n    \r\n    @keyframes spin {\r\n      from {\r\n        transform: rotate(45deg);\r\n      }\r\n      to {\r\n        transform: rotate(405deg);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport type LoadingIndicatorProps = {\r\n  /** Optional. Id of the loading indicator. */\r\n  id?: string;\r\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\r\n  size?: Size.Small | Size.Medium;\r\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\r\n  color?: string;\r\n};\r\n\r\nconst LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps> = ({  color, id, size = Size.Medium }: LoadingIndicatorProps) => {\r\n  const theme = useTheme();\r\n  if(!color)\r\n    color = COLORS.getColor('primary', theme);\r\n  switch (size) {\r\n    case Size.Medium:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    case Size.Small:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingSmall color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    default:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n  }\r\n};\r\n\r\nexport default LoadingIndicator;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/LoadingIndicator/LoadingIndicator.d.ts

@@ -8,5 +8,5 @@ export type LoadingIndicatorProps = {
     /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */
     color?: string;
 };
-declare const LoadingIndicator: ({ size, color, id }: LoadingIndicatorProps) => React.JSX.Element;
+declare const LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps>;
 export default LoadingIndicator;

package/dist/LoadingIndicator/LoadingIndicator.js

@@ -2,18 +2,19 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _templateObject;
 import * as React from 'react';
-import styled from 'styled-components';
+import styled, { useTheme } from 'styled-components';
 import { COLORS } from '../styles';
 import { Size } from '../types';
 import { SystemIcons } from '../icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 var LoadingWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    animation-name: spin;\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\n    transform-origin: 50% 50%;\n    \n    @keyframes spin {\n      from {\n        transform: rotate(45deg);\n      }\n      to {\n        transform: rotate(405deg);\n      }\n    }\n  }\n"])));
 var LoadingIndicator = function LoadingIndicator(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Medium : _ref$size,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? COLORS.primary : _ref$color,
-    id = _ref.id;
+  var color = _ref.color,
+    id = _ref.id,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Size.Medium : _ref$size;
+  var theme = useTheme();
+  if (!color) color = COLORS.getColor('primary', theme);
   switch (size) {
     case Size.Medium:
       return /*#__PURE__*/_jsx(LoadingWrapper, {

package/dist/LoadingIndicator/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.js","names":["React","styled","COLORS","Size","SystemIcons","jsx","_jsx","LoadingWrapper","div","_templateObject","_taggedTemplateLiteral","LoadingIndicator","_ref","_ref$size","size","Medium","_ref$color","color","primary","id","children","LoadingMedium","Small","LoadingSmall","propTypes","_pt","string"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoadingWrapper = styled.div`\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    animation-name: spin;\r\n    animation-duration: 1s;\r\n    animation-iteration-count: infinite;\r\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\r\n    transform-origin: 50% 50%;\r\n    \r\n    @keyframes spin {\r\n      from {\r\n        transform: rotate(45deg);\r\n      }\r\n      to {\r\n        transform: rotate(405deg);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport type LoadingIndicatorProps = {\r\n  /** Optional. Id of the loading indicator. */\r\n  id?: string;\r\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\r\n  size?: Size.Small | Size.Medium;\r\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\r\n  color?: string;\r\n};\r\n\r\nconst LoadingIndicator = ({ size = Size.Medium, color = COLORS.primary, id }: LoadingIndicatorProps) => {\r\n  switch (size) {\r\n    case Size.Medium:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    case Size.Small:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingSmall color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    default:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n  }\r\n};\r\n\r\nexport default LoadingIndicator;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,WAAW,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,IAAMC,cAAc,GAAGN,MAAM,CAACO,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,wcAsBhC;AAWD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAkF;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA5EE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGV,IAAI,CAACY,MAAM,GAAAF,SAAA;IAAAG,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGd,MAAM,CAACgB,OAAO,GAAAF,UAAA;IAAEG,EAAE,GAAAP,IAAA,CAAFO,EAAE;EACxE,QAAQL,IAAI;IACV,KAAKX,IAAI,CAACY,MAAM;MACd,oBACET,IAAA,CAACC,cAAc;QAACY,EAAE,EAAEA,EAAG;QAAAC,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACiB,aAAa;UAACJ,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;IAErB,KAAKd,IAAI,CAACmB,KAAK;MACb,oBACEhB,IAAA,CAACC,cAAc;QAACY,EAAE,EAAEA,EAAG;QAAAC,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACmB,YAAY;UAACN,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC5B,CAAC;IAErB;MACE,oBACEX,IAAA,CAACC,cAAc;QAACY,EAAE,EAAEA,EAAG;QAAAC,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACiB,aAAa;UAACJ,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;EAEvB;AACF,CAAC;AAACN,gBAAA,CAAAa,SAAA;EA5BAL,EAAE,EAAAM,GAAA,CAAAC,MAAA;EAIFT,KAAK,EAAAQ,GAAA,CAAAC;AAAA;AA0BP,eAAef,gBAAgB","ignoreList":[]}
+{"version":3,"file":"LoadingIndicator.js","names":["React","styled","useTheme","COLORS","Size","SystemIcons","jsx","_jsx","LoadingWrapper","div","_templateObject","_taggedTemplateLiteral","LoadingIndicator","_ref","color","id","_ref$size","size","Medium","theme","getColor","children","LoadingMedium","Small","LoadingSmall","propTypes","_pt","string"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoadingWrapper = styled.div`\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    animation-name: spin;\r\n    animation-duration: 1s;\r\n    animation-iteration-count: infinite;\r\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\r\n    transform-origin: 50% 50%;\r\n    \r\n    @keyframes spin {\r\n      from {\r\n        transform: rotate(45deg);\r\n      }\r\n      to {\r\n        transform: rotate(405deg);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport type LoadingIndicatorProps = {\r\n  /** Optional. Id of the loading indicator. */\r\n  id?: string;\r\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\r\n  size?: Size.Small | Size.Medium;\r\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\r\n  color?: string;\r\n};\r\n\r\nconst LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps> = ({  color, id, size = Size.Medium }: LoadingIndicatorProps) => {\r\n  const theme = useTheme();\r\n  if(!color)\r\n    color = COLORS.getColor('primary', theme);\r\n  switch (size) {\r\n    case Size.Medium:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    case Size.Small:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingSmall color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    default:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n  }\r\n};\r\n\r\nexport default LoadingIndicator;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,mBAAmB;AACpD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,WAAW,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,IAAMC,cAAc,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,wcAsBhC;AAWD,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAAkE;EAAA,IAA3DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAAC,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGZ,IAAI,CAACc,MAAM,GAAAF,SAAA;EACxG,IAAMG,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EACxB,IAAG,CAACY,KAAK,EACPA,KAAK,GAAGX,MAAM,CAACiB,QAAQ,CAAC,SAAS,EAAED,KAAK,CAAC;EAC3C,QAAQF,IAAI;IACV,KAAKb,IAAI,CAACc,MAAM;MACd,oBACEX,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAM,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACiB,aAAa;UAACR,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;IAErB,KAAKV,IAAI,CAACmB,KAAK;MACb,oBACEhB,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAM,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACmB,YAAY;UAACV,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC5B,CAAC;IAErB;MACE,oBACEP,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAM,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACiB,aAAa;UAACR,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;EAEvB;AACF,CAAC;AAACF,gBAAA,CAAAa,SAAA;EA/BAV,EAAE,EAAAW,GAAA,CAAAC,MAAA;EAIFb,KAAK,EAAAY,GAAA,CAAAC;AAAA;AA6BP,eAAef,gBAAgB","ignoreList":[]}

package/dist/Modals/ModalStyles.d.ts

@@ -49,5 +49,5 @@ export declare const ModalBody: import("styled-components").StyledComponent<"sec
 export declare const ModalFooter: import("styled-components").StyledComponent<"section", any, {
     size?: Size | undefined;
 }, never>;
-export declare const getBackgroundColor: (state: string, theme: any) => any;
-export declare const getNoteMessageColor: (state: string, theme: any) => any;
+export declare const getBackgroundColor: (state: string, theme: any) => string;
+export declare const getNoteMessageColor: (state: string, theme: any) => string;

package/dist/styles/colors.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"colors.cjs","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","getColor","name","theme","colors","_default","exports"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["import { useContext } from 'react';\r\nimport { ThemeContext } from 'styled-components';\r\n\r\nconst COLORS = {\r\n  //do not use these constants to get colors, use 'getColor' function instead\r\n  black: '#1F1F1F', // Neutrals / Black\r\n  white: '#FFFFFF', // Neutrals / White\r\n  grey: '#949494', // Neutrals / grey\r\n  primary: '#2E7FA1', // Brand / Primary - Core 500\r\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n  correct: '#37A851', // Semantic / Correct - Core 400\r\n  warning: '#E97116', // Semantic / Warning  - Core 400\r\n  critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n  primary_20: '#F1FBFE',\r\n  primary_50: '#E3F5FC',\r\n  primary_100: '#D4E9F2',\r\n  primary_200: '#A9D3E5',\r\n  primary_300: '#7FBCD7',\r\n  primary_400: '#519DBD',\r\n  primary_500: '#2E7FA1', // 500 Core\r\n  primary_600: '#276D8B',\r\n  primary_700: '#215369',\r\n  primary_800: '#163746',\r\n\r\n  accent1_20: '#EDFCFB',\r\n  accent1_50: '#E4F6F6',\r\n  accent1_100: '#C8EEEC',\r\n  accent1_200: '#98D8D5',\r\n  accent1_300: '#6BC2BE',\r\n  accent1_400: '#3EA39E',\r\n  accent1_500: '#25837E', // 500 Core\r\n  accent1_600: '#23716D',\r\n  accent1_700: '#145653',\r\n  accent1_800: '#0F3937',\r\n\r\n  accent2_20: '#FFFAEE',\r\n  accent2_50: '#FDF0DE',\r\n  accent2_100: '#F8E2BF',\r\n  accent2_200: '#EAC785', // 200 Core\r\n  accent2_300: '#D6AD61',\r\n  accent2_400: '#B58E45',\r\n  accent2_500: '#92702F',\r\n  accent2_600: '#806128',\r\n  accent2_700: '#604920',\r\n  accent2_800: '#42300F',\r\n\r\n  correct_20: '#ECFEF1',\r\n  correct_50: '#E2F8E4',\r\n  correct_100: '#CCEED2',\r\n  correct_200: '#A0D9AD',\r\n  correct_300: '#77C589',\r\n  correct_400: '#37A851', // 400 Core\r\n  correct_500: '#14892F',\r\n  correct_600: '#13772A',\r\n  correct_700: '#025A15',\r\n  correct_800: '#003D0E',\r\n\r\n  warning_20: '#FEF7F1',\r\n  warning_50: '#FDF0E7',\r\n  warning_100: '#FCDDC5',\r\n  warning_200: '#F8C096',\r\n  warning_300: '#F4A162',\r\n  warning_400: '#E97116', // 400 Core\r\n  warning_500: '#C45402',\r\n  warning_600: '#AD4B00',\r\n  warning_700: '#803700',\r\n  warning_800: '#572600',\r\n\r\n  critical_20: '#FEF5F7',\r\n  critical_50: '#FEECF1',\r\n  critical_100: '#FDDEE2',\r\n  critical_200: '#FDBAC2',\r\n  critical_300: '#FD96A4',\r\n  critical_400: '#FC5A6F',\r\n  critical_500: '#DC3449', // 500 Core\r\n  critical_600: '#C32238',\r\n  critical_700: '#9C0D1D',\r\n  critical_800: '#6B0613',\r\n\r\n  neutral_20: '#FAFAFA', // 020 Core\r\n  neutral_50: '#F2F2F2',\r\n  neutral_100: '#E5E5E5',\r\n  neutral_200: '#CCCCCC',\r\n  neutral_300: '#B3B3B3',\r\n  neutral_400: '#949494',\r\n  neutral_500: '#767676',\r\n  neutral_600: '#666666',\r\n  neutral_700: '#4D4D4D',\r\n  neutral_800: '#333333',\r\n\r\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n  toast_info: '#2E7FA1',\r\n  toast_success: '#37A851',\r\n  toast_warning: '#E97116',\r\n  toast_error: '#DC3449',\r\n\r\n\r\n  getColor: (name: string, theme: any) => {\r\n    if (theme && theme.colors && theme.colors[name])\r\n      return theme.colors[name];\r\n    return COLORS[name as keyof typeof COLORS];\r\n  }\r\n};\r\n\r\nexport default COLORS;\r\n\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"colors.cjs","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","getColor","name","theme","colors","_default","exports"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["import { useContext } from 'react';\r\nimport { ThemeContext } from 'styled-components';\r\n\r\nconst COLORS = {\r\n  //do not use these constants to get colors, use 'getColor' function instead\r\n  black: '#1F1F1F', // Neutrals / Black\r\n  white: '#FFFFFF', // Neutrals / White\r\n  grey: '#949494', // Neutrals / grey\r\n  primary: '#2E7FA1', // Brand / Primary - Core 500\r\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n  correct: '#37A851', // Semantic / Correct - Core 400\r\n  warning: '#E97116', // Semantic / Warning  - Core 400\r\n  critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n  primary_20: '#F1FBFE',\r\n  primary_50: '#E3F5FC',\r\n  primary_100: '#D4E9F2',\r\n  primary_200: '#A9D3E5',\r\n  primary_300: '#7FBCD7',\r\n  primary_400: '#519DBD',\r\n  primary_500: '#2E7FA1', // 500 Core\r\n  primary_600: '#276D8B',\r\n  primary_700: '#215369',\r\n  primary_800: '#163746',\r\n\r\n  accent1_20: '#EDFCFB',\r\n  accent1_50: '#E4F6F6',\r\n  accent1_100: '#C8EEEC',\r\n  accent1_200: '#98D8D5',\r\n  accent1_300: '#6BC2BE',\r\n  accent1_400: '#3EA39E',\r\n  accent1_500: '#25837E', // 500 Core\r\n  accent1_600: '#23716D',\r\n  accent1_700: '#145653',\r\n  accent1_800: '#0F3937',\r\n\r\n  accent2_20: '#FFFAEE',\r\n  accent2_50: '#FDF0DE',\r\n  accent2_100: '#F8E2BF',\r\n  accent2_200: '#EAC785', // 200 Core\r\n  accent2_300: '#D6AD61',\r\n  accent2_400: '#B58E45',\r\n  accent2_500: '#92702F',\r\n  accent2_600: '#806128',\r\n  accent2_700: '#604920',\r\n  accent2_800: '#42300F',\r\n\r\n  correct_20: '#ECFEF1',\r\n  correct_50: '#E2F8E4',\r\n  correct_100: '#CCEED2',\r\n  correct_200: '#A0D9AD',\r\n  correct_300: '#77C589',\r\n  correct_400: '#37A851', // 400 Core\r\n  correct_500: '#14892F',\r\n  correct_600: '#13772A',\r\n  correct_700: '#025A15',\r\n  correct_800: '#003D0E',\r\n\r\n  warning_20: '#FEF7F1',\r\n  warning_50: '#FDF0E7',\r\n  warning_100: '#FCDDC5',\r\n  warning_200: '#F8C096',\r\n  warning_300: '#F4A162',\r\n  warning_400: '#E97116', // 400 Core\r\n  warning_500: '#C45402',\r\n  warning_600: '#AD4B00',\r\n  warning_700: '#803700',\r\n  warning_800: '#572600',\r\n\r\n  critical_20: '#FEF5F7',\r\n  critical_50: '#FEECF1',\r\n  critical_100: '#FDDEE2',\r\n  critical_200: '#FDBAC2',\r\n  critical_300: '#FD96A4',\r\n  critical_400: '#FC5A6F',\r\n  critical_500: '#DC3449', // 500 Core\r\n  critical_600: '#C32238',\r\n  critical_700: '#9C0D1D',\r\n  critical_800: '#6B0613',\r\n\r\n  neutral_20: '#FAFAFA', // 020 Core\r\n  neutral_50: '#F2F2F2',\r\n  neutral_100: '#E5E5E5',\r\n  neutral_200: '#CCCCCC',\r\n  neutral_300: '#B3B3B3',\r\n  neutral_400: '#949494',\r\n  neutral_500: '#767676',\r\n  neutral_600: '#666666',\r\n  neutral_700: '#4D4D4D',\r\n  neutral_800: '#333333',\r\n\r\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n  toast_info: '#2E7FA1',\r\n  toast_success: '#37A851',\r\n  toast_warning: '#E97116',\r\n  toast_error: '#DC3449',\r\n\r\n\r\n  getColor: (name: string, theme: any): string => {\r\n    if (theme && theme.colors && theme.colors[name])\r\n      return theme.colors[name];\r\n    return COLORS[name as keyof typeof COLORS] as string;\r\n  }\r\n};\r\n\r\nexport default COLORS;\r\n\r\n"],"mappings":"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","ignoreList":[]}

package/dist/styles/colors.d.ts

@@ -85,6 +85,6 @@ declare const COLORS: {
     toast_success: string;
     toast_warning: string;
     toast_error: string;
-    getColor: (name: string, theme: any) => any;
+    getColor: (name: string, theme: any) => string;
 };
 export default COLORS;

package/dist/styles/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","getColor","name","theme","colors"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["import { useContext } from 'react';\r\nimport { ThemeContext } from 'styled-components';\r\n\r\nconst COLORS = {\r\n  //do not use these constants to get colors, use 'getColor' function instead\r\n  black: '#1F1F1F', // Neutrals / Black\r\n  white: '#FFFFFF', // Neutrals / White\r\n  grey: '#949494', // Neutrals / grey\r\n  primary: '#2E7FA1', // Brand / Primary - Core 500\r\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n  correct: '#37A851', // Semantic / Correct - Core 400\r\n  warning: '#E97116', // Semantic / Warning  - Core 400\r\n  critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n  primary_20: '#F1FBFE',\r\n  primary_50: '#E3F5FC',\r\n  primary_100: '#D4E9F2',\r\n  primary_200: '#A9D3E5',\r\n  primary_300: '#7FBCD7',\r\n  primary_400: '#519DBD',\r\n  primary_500: '#2E7FA1', // 500 Core\r\n  primary_600: '#276D8B',\r\n  primary_700: '#215369',\r\n  primary_800: '#163746',\r\n\r\n  accent1_20: '#EDFCFB',\r\n  accent1_50: '#E4F6F6',\r\n  accent1_100: '#C8EEEC',\r\n  accent1_200: '#98D8D5',\r\n  accent1_300: '#6BC2BE',\r\n  accent1_400: '#3EA39E',\r\n  accent1_500: '#25837E', // 500 Core\r\n  accent1_600: '#23716D',\r\n  accent1_700: '#145653',\r\n  accent1_800: '#0F3937',\r\n\r\n  accent2_20: '#FFFAEE',\r\n  accent2_50: '#FDF0DE',\r\n  accent2_100: '#F8E2BF',\r\n  accent2_200: '#EAC785', // 200 Core\r\n  accent2_300: '#D6AD61',\r\n  accent2_400: '#B58E45',\r\n  accent2_500: '#92702F',\r\n  accent2_600: '#806128',\r\n  accent2_700: '#604920',\r\n  accent2_800: '#42300F',\r\n\r\n  correct_20: '#ECFEF1',\r\n  correct_50: '#E2F8E4',\r\n  correct_100: '#CCEED2',\r\n  correct_200: '#A0D9AD',\r\n  correct_300: '#77C589',\r\n  correct_400: '#37A851', // 400 Core\r\n  correct_500: '#14892F',\r\n  correct_600: '#13772A',\r\n  correct_700: '#025A15',\r\n  correct_800: '#003D0E',\r\n\r\n  warning_20: '#FEF7F1',\r\n  warning_50: '#FDF0E7',\r\n  warning_100: '#FCDDC5',\r\n  warning_200: '#F8C096',\r\n  warning_300: '#F4A162',\r\n  warning_400: '#E97116', // 400 Core\r\n  warning_500: '#C45402',\r\n  warning_600: '#AD4B00',\r\n  warning_700: '#803700',\r\n  warning_800: '#572600',\r\n\r\n  critical_20: '#FEF5F7',\r\n  critical_50: '#FEECF1',\r\n  critical_100: '#FDDEE2',\r\n  critical_200: '#FDBAC2',\r\n  critical_300: '#FD96A4',\r\n  critical_400: '#FC5A6F',\r\n  critical_500: '#DC3449', // 500 Core\r\n  critical_600: '#C32238',\r\n  critical_700: '#9C0D1D',\r\n  critical_800: '#6B0613',\r\n\r\n  neutral_20: '#FAFAFA', // 020 Core\r\n  neutral_50: '#F2F2F2',\r\n  neutral_100: '#E5E5E5',\r\n  neutral_200: '#CCCCCC',\r\n  neutral_300: '#B3B3B3',\r\n  neutral_400: '#949494',\r\n  neutral_500: '#767676',\r\n  neutral_600: '#666666',\r\n  neutral_700: '#4D4D4D',\r\n  neutral_800: '#333333',\r\n\r\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n  toast_info: '#2E7FA1',\r\n  toast_success: '#37A851',\r\n  toast_warning: '#E97116',\r\n  toast_error: '#DC3449',\r\n\r\n\r\n  getColor: (name: string, theme: any) => {\r\n    if (theme && theme.colors && theme.colors[name])\r\n      return theme.colors[name];\r\n    return COLORS[name as keyof typeof COLORS];\r\n  }\r\n};\r\n\r\nexport default COLORS;\r\n\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","getColor","name","theme","colors"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["import { useContext } from 'react';\r\nimport { ThemeContext } from 'styled-components';\r\n\r\nconst COLORS = {\r\n  //do not use these constants to get colors, use 'getColor' function instead\r\n  black: '#1F1F1F', // Neutrals / Black\r\n  white: '#FFFFFF', // Neutrals / White\r\n  grey: '#949494', // Neutrals / grey\r\n  primary: '#2E7FA1', // Brand / Primary - Core 500\r\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n  correct: '#37A851', // Semantic / Correct - Core 400\r\n  warning: '#E97116', // Semantic / Warning  - Core 400\r\n  critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n  primary_20: '#F1FBFE',\r\n  primary_50: '#E3F5FC',\r\n  primary_100: '#D4E9F2',\r\n  primary_200: '#A9D3E5',\r\n  primary_300: '#7FBCD7',\r\n  primary_400: '#519DBD',\r\n  primary_500: '#2E7FA1', // 500 Core\r\n  primary_600: '#276D8B',\r\n  primary_700: '#215369',\r\n  primary_800: '#163746',\r\n\r\n  accent1_20: '#EDFCFB',\r\n  accent1_50: '#E4F6F6',\r\n  accent1_100: '#C8EEEC',\r\n  accent1_200: '#98D8D5',\r\n  accent1_300: '#6BC2BE',\r\n  accent1_400: '#3EA39E',\r\n  accent1_500: '#25837E', // 500 Core\r\n  accent1_600: '#23716D',\r\n  accent1_700: '#145653',\r\n  accent1_800: '#0F3937',\r\n\r\n  accent2_20: '#FFFAEE',\r\n  accent2_50: '#FDF0DE',\r\n  accent2_100: '#F8E2BF',\r\n  accent2_200: '#EAC785', // 200 Core\r\n  accent2_300: '#D6AD61',\r\n  accent2_400: '#B58E45',\r\n  accent2_500: '#92702F',\r\n  accent2_600: '#806128',\r\n  accent2_700: '#604920',\r\n  accent2_800: '#42300F',\r\n\r\n  correct_20: '#ECFEF1',\r\n  correct_50: '#E2F8E4',\r\n  correct_100: '#CCEED2',\r\n  correct_200: '#A0D9AD',\r\n  correct_300: '#77C589',\r\n  correct_400: '#37A851', // 400 Core\r\n  correct_500: '#14892F',\r\n  correct_600: '#13772A',\r\n  correct_700: '#025A15',\r\n  correct_800: '#003D0E',\r\n\r\n  warning_20: '#FEF7F1',\r\n  warning_50: '#FDF0E7',\r\n  warning_100: '#FCDDC5',\r\n  warning_200: '#F8C096',\r\n  warning_300: '#F4A162',\r\n  warning_400: '#E97116', // 400 Core\r\n  warning_500: '#C45402',\r\n  warning_600: '#AD4B00',\r\n  warning_700: '#803700',\r\n  warning_800: '#572600',\r\n\r\n  critical_20: '#FEF5F7',\r\n  critical_50: '#FEECF1',\r\n  critical_100: '#FDDEE2',\r\n  critical_200: '#FDBAC2',\r\n  critical_300: '#FD96A4',\r\n  critical_400: '#FC5A6F',\r\n  critical_500: '#DC3449', // 500 Core\r\n  critical_600: '#C32238',\r\n  critical_700: '#9C0D1D',\r\n  critical_800: '#6B0613',\r\n\r\n  neutral_20: '#FAFAFA', // 020 Core\r\n  neutral_50: '#F2F2F2',\r\n  neutral_100: '#E5E5E5',\r\n  neutral_200: '#CCCCCC',\r\n  neutral_300: '#B3B3B3',\r\n  neutral_400: '#949494',\r\n  neutral_500: '#767676',\r\n  neutral_600: '#666666',\r\n  neutral_700: '#4D4D4D',\r\n  neutral_800: '#333333',\r\n\r\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n  toast_info: '#2E7FA1',\r\n  toast_success: '#37A851',\r\n  toast_warning: '#E97116',\r\n  toast_error: '#DC3449',\r\n\r\n\r\n  getColor: (name: string, theme: any): string => {\r\n    if (theme && theme.colors && theme.colors[name])\r\n      return theme.colors[name];\r\n    return COLORS[name as keyof typeof COLORS] as string;\r\n  }\r\n};\r\n\r\nexport default COLORS;\r\n\r\n"],"mappings":"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","ignoreList":[]}

package/dist/styles/index.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   scrollBarStyling: true,
   COLORS: true,
-  WriteThemedColors: true,
   BREAKPOINTS: true,
   BOXSHADOWS: true,
   globalStyles: true,
@@ -31,12 +30,6 @@ Object.defineProperty(exports, "COLORS", {
     return _colors["default"];
   }
 });
-Object.defineProperty(exports, "WriteThemedColors", {
-  enumerable: true,
-  get: function get() {
-    return _WriteThemedColors["default"];
-  }
-});
 Object.defineProperty(exports, "Z_INDEXES", {
   enumerable: true,
   get: function get() {
@@ -53,7 +46,6 @@ exports.scrollBarStyling = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = require("styled-components");
 var _colors = _interopRequireDefault(require("./colors"));
-var _WriteThemedColors = _interopRequireDefault(require("./WriteThemedColors"));
 var _breakpoints = _interopRequireDefault(require("./breakpoints"));
 var _shadowstyles = require("./shadowstyles");
 var _typography = require("./typography");

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_WriteThemedColors","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","Medium","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport WriteThemedColors from './WriteThemedColors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, WriteThemedColors };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AAAAO,MAAA,CAAAC,IAAA,CAAAF,WAAA,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,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAjB,sBAAA,CAAAF,OAAA;AACA,IAAAoB,MAAA,GAAApB,OAAA;AAoCA,IAAAqB,SAAA,GAAArB,OAAA;AAEA,IAAAsB,YAAA,GAAAtB,OAAA;AAAAO,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,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,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAa,eAAA;AAjCxB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,wfAGvEP,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCR,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAKpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA;AAAA,CAErE;AAACtB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","Medium","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,WAAA,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,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAoCA,IAAAoB,SAAA,GAAApB,OAAA;AAEA,IAAAqB,YAAA,GAAArB,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,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,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAa,eAAA;AAjCxB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,wfAGvEP,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCR,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAKpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA;AAAA,CAErE;AAACtB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/styles/index.d.ts

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

package/dist/styles/index.js

@@ -2,13 +2,12 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import { css } from 'styled-components';
 import COLORS from './colors';
-import WriteThemedColors from './WriteThemedColors';
 import BREAKPOINTS from './breakpoints';
 import { BOXSHADOWS } from './shadowstyles';
 export * from './typography';
 import globalStyles from './global';
 import { Size } from '../types';
-export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, WriteThemedColors };
+export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
 export var scrollBarStyling = function scrollBarStyling() {
   var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Size.Small;
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  \n  ::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == Size.Medium ? '6px' : '4px', size == Size.Medium ? '6px' : '4px', function (props) {

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["css","COLORS","WriteThemedColors","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport WriteThemedColors from './WriteThemedColors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, WriteThemedColors };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASL,MAAM,EAAEE,WAAW,EAAEC,UAAU,EAAEC,YAAY,EAAEH,iBAAiB;AAGzE,OAAO,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKZ,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4eAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAKpD,UAAAF,KAAK;IAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA;AAAA,CAErE;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKX,GAAG,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4eAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAKpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA;AAAA,CAErE;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "3.5.1-dev.17",
+  "version": "3.5.1-dev.18",
   "private": false,
   "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
   "contributors": [],

package/dist/AuthPage/Information.cjs

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InformationText = exports.InformationImage = exports.InformationHeader = exports.InformationContent = exports.InformationContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _AuthPageSection = _interopRequireDefault(require("./_AuthPageSection"));
-var _styles = require("../styles");
-var _typography = require("../styles/typography");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var InformationContainer = (0, _styledComponents.default)(_AuthPageSection.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  background: ", ";\n\n  ", " {\n    display: flex;\n    padding-top: 56px;\n  }\n"])), function (props) {
-  return props.$color;
-}, _styles.BREAKPOINTS.MEDIUM);
-exports.InformationContainer = InformationContainer;
-var InformationContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ", " {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n"])), _styles.BREAKPOINTS.LARGE);
-exports.InformationContent = InformationContent;
-var InformationHeader = _styledComponents.default.h2(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  font-weight: 300;\n  margin-bottom: 0;\n"])), (0, _typography.HeadlineXLStyling)(_styles.COLORS.black));
-exports.InformationHeader = InformationHeader;
-var InformationText = _styledComponents.default.p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  margin: 8px 0;\n"])), (0, _typography.ParagraphLStyling)(_styles.ParagraphTextStyle.Regular, _styles.COLORS.neutral_600));
-exports.InformationText = InformationText;
-var InformationImage = _styledComponents.default.img(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  height: 275px;\n  max-width: 100%;\n"])));
-exports.InformationImage = InformationImage;
-//# sourceMappingURL=Information.cjs.map

package/dist/AuthPage/Information.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Information.cjs","names":["InformationContainer","styled","AuthPageSection","props","$color","BREAKPOINTS","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","HeadlineXLStyling","COLORS","black","InformationText","p","ParagraphLStyling","ParagraphTextStyle","Regular","neutral_600","InformationImage","img"],"sources":["../../src/AuthPage/Information.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\r\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\r\n\r\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\r\n  display: none;\r\n  background: ${(props) => props.$color};\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n    padding-top: 56px;\r\n  }\r\n`;\r\n\r\nexport const InformationContent = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-self: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  max-width: 100%;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    align-self: flex-end;\r\n    margin-right: 48px;\r\n  }\r\n`;\r\n\r\nexport const InformationHeader = styled.h2`\r\n  ${HeadlineXLStyling(COLORS.black)}\r\n  font-weight: 300;\r\n  margin-bottom: 0;\r\n`;\r\n\r\nexport const InformationText = styled.p`\r\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\r\n  margin: 8px 0;\r\n`;\r\n\r\nexport const InformationImage = styled.img`\r\n  height: 275px;\r\n  max-width: 100%;\r\n`;\r\n"],"mappings":";;;;;;;;AACA;AACA;AACA;AACA;AAA+F;AAExF,IAAMA,oBAAoB,GAAG,IAAAC,yBAAM,EAACC,wBAAe,CAAC,0LAE3C,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,GAEnCC,mBAAW,CAACC,MAAM,CAIrB;AAAC;AAEK,IAAMC,kBAAkB,GAAGN,yBAAM,CAACO,GAAG,oSAQxCH,mBAAW,CAACI,KAAK,CAIpB;AAAC;AAEK,IAAMC,iBAAiB,GAAGT,yBAAM,CAACU,EAAE,0IACtC,IAAAC,6BAAiB,EAACC,cAAM,CAACC,KAAK,CAAC,CAGlC;AAAC;AAEK,IAAMC,eAAe,GAAGd,yBAAM,CAACe,CAAC,kHACnC,IAAAC,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEN,cAAM,CAACO,WAAW,CAAC,CAEpE;AAAC;AAEK,IAAMC,gBAAgB,GAAGpB,yBAAM,CAACqB,GAAG,6HAGzC;AAAC"}

package/dist/AuthPage/Information.d.ts

@@ -1,7 +0,0 @@
-export declare const InformationContainer: import("styled-components").StyledComponent<"section", any, {
-    $color: string;
-}, never>;
-export declare const InformationContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InformationHeader: import("styled-components").StyledComponent<"h2", any, {}, never>;
-export declare const InformationText: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const InformationImage: import("styled-components").StyledComponent<"img", any, {}, never>;

package/dist/AuthPage/Information.js

@@ -1,14 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import styled from 'styled-components';
-import AuthPageSection from './_AuthPageSection';
-import { BREAKPOINTS, COLORS, ParagraphTextStyle } from '../styles';
-import { HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';
-export var InformationContainer = styled(AuthPageSection)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n  background: ", ";\n\n  ", " {\n    display: flex;\n    padding-top: 56px;\n  }\n"])), function (props) {
-  return props.$color;
-}, BREAKPOINTS.MEDIUM);
-export var InformationContent = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ", " {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n"])), BREAKPOINTS.LARGE);
-export var InformationHeader = styled.h2(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 300;\n  margin-bottom: 0;\n"])), HeadlineXLStyling(COLORS.black));
-export var InformationText = styled.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  margin: 8px 0;\n"])), ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600));
-export var InformationImage = styled.img(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 275px;\n  max-width: 100%;\n"])));
-//# sourceMappingURL=Information.js.map

package/dist/AuthPage/Information.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Information.js","names":["styled","AuthPageSection","BREAKPOINTS","COLORS","ParagraphTextStyle","HeadlineXLStyling","ParagraphLStyling","InformationContainer","props","$color","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","black","InformationText","p","Regular","neutral_600","InformationImage","img"],"sources":["../../src/AuthPage/Information.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport AuthPageSection from './_AuthPageSection';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\r\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\r\n\r\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\r\n  display: none;\r\n  background: ${(props) => props.$color};\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n    padding-top: 56px;\r\n  }\r\n`;\r\n\r\nexport const InformationContent = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-self: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  max-width: 100%;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    align-self: flex-end;\r\n    margin-right: 48px;\r\n  }\r\n`;\r\n\r\nexport const InformationHeader = styled.h2`\r\n  ${HeadlineXLStyling(COLORS.black)}\r\n  font-weight: 300;\r\n  margin-bottom: 0;\r\n`;\r\n\r\nexport const InformationText = styled.p`\r\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\r\n  margin: 8px 0;\r\n`;\r\n\r\nexport const InformationImage = styled.img`\r\n  height: 275px;\r\n  max-width: 100%;\r\n`;\r\n"],"mappings":";;AACA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,SAASC,WAAW,EAAEC,MAAM,EAAkCC,kBAAkB,QAAQ,WAAW;AACnG,SAA4BC,iBAAiB,EAAEC,iBAAiB,QAAQ,sBAAsB;AAE9F,OAAO,IAAMC,oBAAoB,GAAGP,MAAM,CAACC,eAAe,CAAC,4KAE3C,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,GAEnCP,WAAW,CAACQ,MAAM,CAIrB;AAED,OAAO,IAAMC,kBAAkB,GAAGX,MAAM,CAACY,GAAG,sRAQxCV,WAAW,CAACW,KAAK,CAIpB;AAED,OAAO,IAAMC,iBAAiB,GAAGd,MAAM,CAACe,EAAE,4HACtCV,iBAAiB,CAACF,MAAM,CAACa,KAAK,CAAC,CAGlC;AAED,OAAO,IAAMC,eAAe,GAAGjB,MAAM,CAACkB,CAAC,oGACnCZ,iBAAiB,CAACF,kBAAkB,CAACe,OAAO,EAAEhB,MAAM,CAACiB,WAAW,CAAC,CAEpE;AAED,OAAO,IAAMC,gBAAgB,GAAGrB,MAAM,CAACsB,GAAG,+GAGzC"}

package/dist/AuthPage/_AuthPageSection.cjs

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styles = require("../styles");
-var _templateObject;
-var AuthPageSection = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ", " {\n    padding: 24px;\n    width: calc(50% - 48px);\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-var _default = AuthPageSection;
-exports.default = _default;
-//# sourceMappingURL=_AuthPageSection.cjs.map

package/dist/AuthPage/_AuthPageSection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_AuthPageSection.cjs","names":["AuthPageSection","styled","section","BREAKPOINTS","MEDIUM"],"sources":["../../src/AuthPage/_AuthPageSection.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\n\r\nconst AuthPageSection = styled.section`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: calc(50% - 48px);\r\n  }\r\n`;\r\n\r\nexport default AuthPageSection;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AAAwC;AAExC,IAAMA,eAAe,GAAGC,yBAAM,CAACC,OAAO,kNAKlCC,mBAAW,CAACC,MAAM,CAIrB;AAAC,eAEaJ,eAAe;AAAA"}

package/dist/AuthPage/_AuthPageSection.d.ts

@@ -1,2 +0,0 @@
-declare const AuthPageSection: import("styled-components").StyledComponent<"section", any, {}, never>;
-export default AuthPageSection;

package/dist/AuthPage/_AuthPageSection.js

@@ -1,7 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject;
-import styled from 'styled-components';
-import { BREAKPOINTS } from '../styles';
-var AuthPageSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ", " {\n    padding: 24px;\n    width: calc(50% - 48px);\n  }\n"])), BREAKPOINTS.MEDIUM);
-export default AuthPageSection;
-//# sourceMappingURL=_AuthPageSection.js.map

package/dist/AuthPage/_AuthPageSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_AuthPageSection.js","names":["styled","BREAKPOINTS","AuthPageSection","section","MEDIUM"],"sources":["../../src/AuthPage/_AuthPageSection.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\n\r\nconst AuthPageSection = styled.section`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: calc(50% - 48px);\r\n  }\r\n`;\r\n\r\nexport default AuthPageSection;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,WAAW;AAEvC,IAAMC,eAAe,GAAGF,MAAM,CAACG,OAAO,oMAKlCF,WAAW,CAACG,MAAM,CAIrB;AAED,eAAeF,eAAe"}

package/dist/AuthPage/screenSetsErrorMessages.cjs

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.screenSetsErrorMessages_EN = void 0;
-var screenSetsErrorMessages_EN = {
-  email_already_exists: 'An account with that email already exists - try <a href class="sign-in-link" style="font-size: inherit;" data-switch-screen="gigya-login-screen">signing in</a>',
-  email_address_is_invalid: 'Invalid email address',
-  please_enter_fieldname: 'Enter your %fieldname'
-};
-exports.screenSetsErrorMessages_EN = screenSetsErrorMessages_EN;
-//# sourceMappingURL=screenSetsErrorMessages.cjs.map

package/dist/AuthPage/screenSetsErrorMessages.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"screenSetsErrorMessages.cjs","names":["screenSetsErrorMessages_EN","email_already_exists","email_address_is_invalid","please_enter_fieldname"],"sources":["../../src/AuthPage/screenSetsErrorMessages.ts"],"sourcesContent":["export const screenSetsErrorMessages_EN = {\r\n  email_already_exists:\r\n    'An account with that email already exists - try <a href class=\"sign-in-link\" style=\"font-size: inherit;\" data-switch-screen=\"gigya-login-screen\">signing in</a>',\r\n  email_address_is_invalid: 'Invalid email address',\r\n  please_enter_fieldname: 'Enter your %fieldname',\r\n};\r\n"],"mappings":";;;;;;AAAO,IAAMA,0BAA0B,GAAG;EACxCC,oBAAoB,EAClB,iKAAiK;EACnKC,wBAAwB,EAAE,uBAAuB;EACjDC,sBAAsB,EAAE;AAC1B,CAAC;AAAC"}

package/dist/AuthPage/screenSetsErrorMessages.d.ts

@@ -1,5 +0,0 @@
-export declare const screenSetsErrorMessages_EN: {
-    email_already_exists: string;
-    email_address_is_invalid: string;
-    please_enter_fieldname: string;
-};

package/dist/AuthPage/screenSetsErrorMessages.js

@@ -1,6 +0,0 @@
-export var screenSetsErrorMessages_EN = {
-  email_already_exists: 'An account with that email already exists - try <a href class="sign-in-link" style="font-size: inherit;" data-switch-screen="gigya-login-screen">signing in</a>',
-  email_address_is_invalid: 'Invalid email address',
-  please_enter_fieldname: 'Enter your %fieldname'
-};
-//# sourceMappingURL=screenSetsErrorMessages.js.map

package/dist/AuthPage/screenSetsErrorMessages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"screenSetsErrorMessages.js","names":["screenSetsErrorMessages_EN","email_already_exists","email_address_is_invalid","please_enter_fieldname"],"sources":["../../src/AuthPage/screenSetsErrorMessages.ts"],"sourcesContent":["export const screenSetsErrorMessages_EN = {\r\n  email_already_exists:\r\n    'An account with that email already exists - try <a href class=\"sign-in-link\" style=\"font-size: inherit;\" data-switch-screen=\"gigya-login-screen\">signing in</a>',\r\n  email_address_is_invalid: 'Invalid email address',\r\n  please_enter_fieldname: 'Enter your %fieldname',\r\n};\r\n"],"mappings":"AAAA,OAAO,IAAMA,0BAA0B,GAAG;EACxCC,oBAAoB,EAClB,iKAAiK;EACnKC,wBAAwB,EAAE,uBAAuB;EACjDC,sBAAsB,EAAE;AAC1B,CAAC"}