@laerdal/life-react-components 5.0.8 → 5.1.0

package/dist/List/index.cjs

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ListRow", {
   enumerable: true,
-  get: function get() {
-    return _ListRow["default"];
+  get: function () {
+    return _ListRow.default;
   }
 });
 var _ListRow = _interopRequireDefault(require("./ListRow"));

package/dist/List/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_ListRow","_interopRequireDefault","require"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\n\nexport {ListRow};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_ListRow","_interopRequireDefault","require"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\r\n\r\nexport {ListRow};\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/List/index.d.ts

@@ -1,2 +1,2 @@
-import ListRow from './ListRow';
-export { ListRow };
+import ListRow from './ListRow';
+export { ListRow };

package/dist/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListRow"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\n\nexport {ListRow};\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,SAAQA,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ListRow"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\r\n\r\nexport {ListRow};\r\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,SAAQA,OAAO","ignoreList":[]}

package/dist/LoadingIndicator/LoadingIndicator.cjs

@@ -1,11 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -15,15 +14,16 @@ var _types = require("../types");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-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 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)();
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+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; }
+const 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"])));
+const LoadingIndicator = _ref => {
+  let {
+    color,
+    id,
+    size = _types.Size.Medium
+  } = _ref;
+  const theme = (0, _styledComponents.useTheme)();
   if (!color) color = _styles.COLORS.getColor('primary', theme);
   switch (size) {
     case _types.Size.Medium:
@@ -50,9 +50,8 @@ var LoadingIndicator = function LoadingIndicator(_ref) {
   }
 };
 LoadingIndicator.propTypes = {
-  id: _propTypes["default"].string,
-  color: _propTypes["default"].string
+  id: _propTypes.default.string,
+  color: _propTypes.default.string
 };
-var _default = LoadingIndicator;
-exports["default"] = _default;
+var _default = exports.default = LoadingIndicator;
 //# sourceMappingURL=LoadingIndicator.cjs.map

package/dist/LoadingIndicator/LoadingIndicator.cjs.map

@@ -1 +1 @@
-{"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';\nimport styled, { useTheme } from 'styled-components';\nimport { COLORS } from '../styles';\nimport { Size } from '../types';\nimport { SystemIcons } from '../icons';\n\nconst LoadingWrapper = styled.div`\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`;\n\nexport type LoadingIndicatorProps = {\n  /** Optional. Id of the loading indicator. */\n  id?: string;\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\n  size?: Size.Small | Size.Medium;\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\n  color?: string;\n};\n\nconst LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps> = ({  color, id, size = Size.Medium }: LoadingIndicatorProps) => {\n  const theme = useTheme();\n  if(!color)\n    color = COLORS.getColor('primary', theme);\n  switch (size) {\n    case Size.Medium:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n    case Size.Small:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingSmall color={color} />\n        </LoadingWrapper>\n      );\n    default:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n  }\n};\n\nexport default LoadingIndicator;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LoadingIndicator.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_types","_icons","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingWrapper","styled","div","_taggedTemplateLiteral2","LoadingIndicator","_ref","color","id","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

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { Size } from '../types';
-export type LoadingIndicatorProps = {
-    /** Optional. Id of the loading indicator. */
-    id?: string;
-    /** Optional. Size of the loading indicator. Defaults to 'Medium'. */
-    size?: Size.Small | Size.Medium;
-    /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */
-    color?: string;
-};
-declare const LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps>;
-export default LoadingIndicator;
+import * as React from 'react';
+import { Size } from '../types';
+export type LoadingIndicatorProps = {
+    /** Optional. Id of the loading indicator. */
+    id?: string;
+    /** Optional. Size of the loading indicator. Defaults to 'Medium'. */
+    size?: Size.Small | Size.Medium;
+    /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */
+    color?: string;
+};
+declare const LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps>;
+export default LoadingIndicator;

package/dist/LoadingIndicator/LoadingIndicator.js

@@ -7,13 +7,14 @@ 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 color = _ref.color,
-    id = _ref.id,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Medium : _ref$size;
-  var theme = useTheme();
+const 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"])));
+const LoadingIndicator = _ref => {
+  let {
+    color,
+    id,
+    size = Size.Medium
+  } = _ref;
+  const theme = useTheme();
   if (!color) color = COLORS.getColor('primary', theme);
   switch (size) {
     case Size.Medium:

package/dist/LoadingIndicator/LoadingIndicator.js.map

@@ -1 +1 @@
-{"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';\nimport styled, { useTheme } from 'styled-components';\nimport { COLORS } from '../styles';\nimport { Size } from '../types';\nimport { SystemIcons } from '../icons';\n\nconst LoadingWrapper = styled.div`\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`;\n\nexport type LoadingIndicatorProps = {\n  /** Optional. Id of the loading indicator. */\n  id?: string;\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\n  size?: Size.Small | Size.Medium;\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\n  color?: string;\n};\n\nconst LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps> = ({  color, id, size = Size.Medium }: LoadingIndicatorProps) => {\n  const theme = useTheme();\n  if(!color)\n    color = COLORS.getColor('primary', theme);\n  switch (size) {\n    case Size.Medium:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n    case Size.Small:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingSmall color={color} />\n        </LoadingWrapper>\n      );\n    default:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n  }\n};\n\nexport default LoadingIndicator;\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":[]}
+{"version":3,"file":"LoadingIndicator.js","names":["React","styled","useTheme","COLORS","Size","SystemIcons","jsx","_jsx","LoadingWrapper","div","_templateObject","_taggedTemplateLiteral","LoadingIndicator","_ref","color","id","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,MAAMC,cAAc,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,wcAsBhC;AAWD,MAAMC,gBAAgE,GAAGC,IAAA,IAA+D;EAAA,IAA9D;IAAGC,KAAK;IAAEC,EAAE;IAAEC,IAAI,GAAGZ,IAAI,CAACa;EAA8B,CAAC,GAAAJ,IAAA;EACjI,MAAMK,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,IAAG,CAACY,KAAK,EACPA,KAAK,GAAGX,MAAM,CAACgB,QAAQ,CAAC,SAAS,EAAED,KAAK,CAAC;EAC3C,QAAQF,IAAI;IACV,KAAKZ,IAAI,CAACa,MAAM;MACd,oBACEV,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAK,QAAA,eACrBb,IAAA,CAACF,WAAW,CAACgB,aAAa;UAACP,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;IAErB,KAAKV,IAAI,CAACkB,KAAK;MACb,oBACEf,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAK,QAAA,eACrBb,IAAA,CAACF,WAAW,CAACkB,YAAY;UAACT,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC5B,CAAC;IAErB;MACE,oBACEP,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAK,QAAA,eACrBb,IAAA,CAACF,WAAW,CAACgB,aAAa;UAACP,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;EAEvB;AACF,CAAC;AAACF,gBAAA,CAAAY,SAAA;EA/BAT,EAAE,EAAAU,GAAA,CAAAC,MAAA;EAIFZ,KAAK,EAAAW,GAAA,CAAAC;AAAA;AA6BP,eAAed,gBAAgB","ignoreList":[]}

package/dist/LoadingIndicator/index.cjs

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "LoadingIndicator", {
   enumerable: true,
-  get: function get() {
-    return _LoadingIndicator["default"];
+  get: function () {
+    return _LoadingIndicator.default;
   }
 });
 var _LoadingIndicator = _interopRequireDefault(require("./LoadingIndicator"));

package/dist/LoadingIndicator/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_LoadingIndicator","_interopRequireDefault","require"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_LoadingIndicator","_interopRequireDefault","require"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/LoadingIndicator/index.d.ts

@@ -1 +1 @@
-export { default as LoadingIndicator } from './LoadingIndicator';
+export { default as LoadingIndicator } from './LoadingIndicator';

package/dist/LoadingIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","LoadingIndicator"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","LoadingIndicator"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}

package/dist/LoadingPage/GlobalLoadingPage.cjs

@@ -1,11 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -16,27 +15,21 @@ var _styles = require("../styles");
 var _typography = require("../styles/typography");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-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 LoadingMain = _styledComponents["default"].main(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ", ";\n  height: 100%;\n"])), function (props) {
-  return _styles.COLORS.getColor('primary_20', props.theme);
-});
-var Header = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  height: 64px;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n"])), function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_200', props.theme);
-});
-var LogoAndMessage = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ", "\n  }\n"])), function (props) {
-  return (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
-});
-var LoadingIndicatorContainer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
-var LoadingPage = function LoadingPage(_ref) {
-  var optionalMessage = _ref.optionalMessage,
-    includeHeader = _ref.includeHeader;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+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; }
+const LoadingMain = _styledComponents.default.main(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ", ";\n  height: 100%;\n"])), props => _styles.COLORS.getColor('primary_20', props.theme));
+const Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 64px;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n"])), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('neutral_200', props.theme));
+const LogoAndMessage = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ", "\n  }\n"])), props => (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme)));
+const LoadingIndicatorContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
+const LoadingPage = _ref => {
+  let {
+    optionalMessage,
+    includeHeader
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LoadingMain, {
     "data-testid": "TestLoadingMain",
     children: [includeHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingIndicatorContainer, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator["default"], {})
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator.default, {})
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(LogoAndMessage, {
       "data-testid": "TestLoadingLogoAndMessage",
       children: [optionalMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -46,9 +39,8 @@ var LoadingPage = function LoadingPage(_ref) {
   });
 };
 LoadingPage.propTypes = {
-  optionalMessage: _propTypes["default"].string,
-  includeHeader: _propTypes["default"].bool
+  optionalMessage: _propTypes.default.string,
+  includeHeader: _propTypes.default.bool
 };
-var _default = LoadingPage;
-exports["default"] = _default;
+var _default = exports.default = LoadingPage;
 //# sourceMappingURL=GlobalLoadingPage.cjs.map

package/dist/LoadingPage/GlobalLoadingPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLoadingPage.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_assets","_LoadingIndicator","_styles","_typography","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingMain","styled","main","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Header","div","LogoAndMessage","ComponentMStyling","ComponentTextStyle","Regular","LoadingIndicatorContainer","LoadingPage","_ref","optionalMessage","includeHeader","jsxs","children","jsx","LaerdalLoadingLogo","propTypes","_propTypes","string","bool","_default","exports"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {LaerdalLoadingLogo} from '../assets';\n\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst LoadingMain = styled.main`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n  height: 100%;\n`;\n\nconst Header = styled.div`\n  height: 64px;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n`;\n\nconst LogoAndMessage = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n  }\n`;\n\nconst LoadingIndicatorContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\nexport interface LoaderProps {\n  optionalMessage?: string;\n  includeHeader?: boolean;\n}\n\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\n  return (\n    <LoadingMain data-testid=\"TestLoadingMain\">\n      {includeHeader && <Header />}\n      <LoadingIndicatorContainer>\n        <LoadingIndicator />\n      </LoadingIndicatorContainer>\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\n        {optionalMessage && <span>{optionalMessage}</span>}\n        <LaerdalLoadingLogo />\n      </LogoAndMessage>\n    </LoadingMain>\n  );\n};\n\nexport default LoadingPage;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GlobalLoadingPage.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_assets","_LoadingIndicator","_styles","_typography","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingMain","styled","main","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Header","div","LogoAndMessage","ComponentMStyling","ComponentTextStyle","Regular","LoadingIndicatorContainer","LoadingPage","_ref","optionalMessage","includeHeader","jsxs","children","jsx","LaerdalLoadingLogo","propTypes","_propTypes","string","bool","_default","exports"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {LaerdalLoadingLogo} from '../assets';\r\n\r\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\nimport {ComponentMStyling} from '../styles/typography';\r\n\r\nconst LoadingMain = styled.main`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  height: 100%;\r\n`;\r\n\r\nconst Header = styled.div`\r\n  height: 64px;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst LogoAndMessage = styled.div`\r\n  position: absolute;\r\n  display: flex;\r\n  flex-direction: column;\r\n  bottom: 36px;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  align-items: center;\r\n\r\n  span {\r\n    margin-bottom: 40px;\r\n    font-weight: normal;\r\n    width: 320px;\r\n    text-align: center;\r\n    \r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nconst LoadingIndicatorContainer = styled.div`\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n`;\r\n\r\nexport interface LoaderProps {\r\n  optionalMessage?: string;\r\n  includeHeader?: boolean;\r\n}\r\n\r\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\r\n  return (\r\n    <LoadingMain data-testid=\"TestLoadingMain\">\r\n      {includeHeader && <Header />}\r\n      <LoadingIndicatorContainer>\r\n        <LoadingIndicator />\r\n      </LoadingIndicatorContainer>\r\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\r\n        {optionalMessage && <span>{optionalMessage}</span>}\r\n        <LaerdalLoadingLogo />\r\n      </LogoAndMessage>\r\n    </LoadingMain>\r\n  );\r\n};\r\n\r\nexport default LoadingPage;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/LoadingPage/GlobalLoadingPage.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface LoaderProps {
-    optionalMessage?: string;
-    includeHeader?: boolean;
-}
-declare const LoadingPage: React.FunctionComponent<LoaderProps>;
-export default LoadingPage;
+import * as React from 'react';
+export interface LoaderProps {
+    optionalMessage?: string;
+    includeHeader?: boolean;
+}
+declare const LoadingPage: React.FunctionComponent<LoaderProps>;
+export default LoadingPage;

package/dist/LoadingPage/GlobalLoadingPage.js

@@ -7,23 +7,16 @@ import { LaerdalLoadingLogo } from '../assets';
 import LoadingIndicator from '../LoadingIndicator/LoadingIndicator';
 import { COLORS, ComponentTextStyle } from '../styles';
 import { ComponentMStyling } from '../styles/typography';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var LoadingMain = styled.main(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ", ";\n  height: 100%;\n"])), function (props) {
-  return COLORS.getColor('primary_20', props.theme);
-});
-var Header = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 64px;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n"])), function (props) {
-  return COLORS.getColor('white', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_200', props.theme);
-});
-var LogoAndMessage = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ", "\n  }\n"])), function (props) {
-  return ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
-});
-var LoadingIndicatorContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
-var LoadingPage = function LoadingPage(_ref) {
-  var optionalMessage = _ref.optionalMessage,
-    includeHeader = _ref.includeHeader;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LoadingMain = styled.main(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ", ";\n  height: 100%;\n"])), props => COLORS.getColor('primary_20', props.theme));
+const Header = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 64px;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n"])), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('neutral_200', props.theme));
+const LogoAndMessage = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ", "\n  }\n"])), props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)));
+const LoadingIndicatorContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
+const LoadingPage = _ref => {
+  let {
+    optionalMessage,
+    includeHeader
+  } = _ref;
   return /*#__PURE__*/_jsxs(LoadingMain, {
     "data-testid": "TestLoadingMain",
     children: [includeHeader && /*#__PURE__*/_jsx(Header, {}), /*#__PURE__*/_jsx(LoadingIndicatorContainer, {

package/dist/LoadingPage/GlobalLoadingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLoadingPage.js","names":["React","styled","LaerdalLoadingLogo","LoadingIndicator","COLORS","ComponentTextStyle","ComponentMStyling","jsx","_jsx","jsxs","_jsxs","LoadingMain","main","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Header","div","_templateObject2","LogoAndMessage","_templateObject3","Regular","LoadingIndicatorContainer","_templateObject4","LoadingPage","_ref","optionalMessage","includeHeader","children","propTypes","_pt","string","bool"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {LaerdalLoadingLogo} from '../assets';\n\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst LoadingMain = styled.main`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n  height: 100%;\n`;\n\nconst Header = styled.div`\n  height: 64px;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n`;\n\nconst LogoAndMessage = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n  }\n`;\n\nconst LoadingIndicatorContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\nexport interface LoaderProps {\n  optionalMessage?: string;\n  includeHeader?: boolean;\n}\n\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\n  return (\n    <LoadingMain data-testid=\"TestLoadingMain\">\n      {includeHeader && <Header />}\n      <LoadingIndicatorContainer>\n        <LoadingIndicator />\n      </LoadingIndicatorContainer>\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\n        {optionalMessage && <span>{optionalMessage}</span>}\n        <LaerdalLoadingLogo />\n      </LogoAndMessage>\n    </LoadingMain>\n  );\n};\n\nexport default LoadingPage;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,kBAAkB,QAAO,WAAW;AAE5C,OAAOC,gBAAgB,MAAM,sCAAsC;AACnE,SAAQC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACpD,SAAQC,iBAAiB,QAAO,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEvD,IAAMC,WAAW,GAAGV,MAAM,CAACW,IAAI,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAIT,UAAAC,KAAK;EAAA,OAAIX,MAAM,CAACY,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAExE;AAED,IAAMC,MAAM,GAAGjB,MAAM,CAACkB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,yFAEH,UAAAC,KAAK;EAAA,OAAIX,MAAM,CAACY,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACvC,UAAAF,KAAK;EAAA,OAAIX,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAChF;AAED,IAAMI,cAAc,GAAGpB,MAAM,CAACkB,GAAG,CAAAG,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,sSAe3B,UAAAC,KAAK;EAAA,OAAIT,iBAAiB,CAACD,kBAAkB,CAACkB,OAAO,EAAEnB,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AAAA,EAExG;AAED,IAAMO,yBAAyB,GAAGvB,MAAM,CAACkB,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,iGAK3C;AAOD,IAAMY,WAAiD,GAAG,SAApDA,WAAiDA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EACzF,oBACEnB,KAAA,CAACC,WAAW;IAAC,eAAY,iBAAiB;IAAAmB,QAAA,GACvCD,aAAa,iBAAIrB,IAAA,CAACU,MAAM,IAAE,CAAC,eAC5BV,IAAA,CAACgB,yBAAyB;MAAAM,QAAA,eACxBtB,IAAA,CAACL,gBAAgB,IAAE;IAAC,CACK,CAAC,eAC5BO,KAAA,CAACW,cAAc;MAAC,eAAY,2BAA2B;MAAAS,QAAA,GACpDF,eAAe,iBAAIpB,IAAA;QAAAsB,QAAA,EAAOF;MAAe,CAAO,CAAC,eAClDpB,IAAA,CAACN,kBAAkB,IAAE,CAAC;IAAA,CACR,CAAC;EAAA,CACN,CAAC;AAElB,CAAC;AAACwB,WAAA,CAAAK,SAAA;EAjBAH,eAAe,EAAAI,GAAA,CAAAC,MAAA;EACfJ,aAAa,EAAAG,GAAA,CAAAE;AAAA;AAkBf,eAAeR,WAAW","ignoreList":[]}
+{"version":3,"file":"GlobalLoadingPage.js","names":["React","styled","LaerdalLoadingLogo","LoadingIndicator","COLORS","ComponentTextStyle","ComponentMStyling","jsx","_jsx","jsxs","_jsxs","LoadingMain","main","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Header","div","_templateObject2","LogoAndMessage","_templateObject3","Regular","LoadingIndicatorContainer","_templateObject4","LoadingPage","_ref","optionalMessage","includeHeader","children","propTypes","_pt","string","bool"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {LaerdalLoadingLogo} from '../assets';\r\n\r\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\nimport {ComponentMStyling} from '../styles/typography';\r\n\r\nconst LoadingMain = styled.main`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  height: 100%;\r\n`;\r\n\r\nconst Header = styled.div`\r\n  height: 64px;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst LogoAndMessage = styled.div`\r\n  position: absolute;\r\n  display: flex;\r\n  flex-direction: column;\r\n  bottom: 36px;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  align-items: center;\r\n\r\n  span {\r\n    margin-bottom: 40px;\r\n    font-weight: normal;\r\n    width: 320px;\r\n    text-align: center;\r\n    \r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nconst LoadingIndicatorContainer = styled.div`\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n`;\r\n\r\nexport interface LoaderProps {\r\n  optionalMessage?: string;\r\n  includeHeader?: boolean;\r\n}\r\n\r\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\r\n  return (\r\n    <LoadingMain data-testid=\"TestLoadingMain\">\r\n      {includeHeader && <Header />}\r\n      <LoadingIndicatorContainer>\r\n        <LoadingIndicator />\r\n      </LoadingIndicatorContainer>\r\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\r\n        {optionalMessage && <span>{optionalMessage}</span>}\r\n        <LaerdalLoadingLogo />\r\n      </LogoAndMessage>\r\n    </LoadingMain>\r\n  );\r\n};\r\n\r\nexport default LoadingPage;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,kBAAkB,QAAO,WAAW;AAE5C,OAAOC,gBAAgB,MAAM,sCAAsC;AACnE,SAAQC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACpD,SAAQC,iBAAiB,QAAO,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvD,MAAMC,WAAW,GAAGV,MAAM,CAACW,IAAI,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAITC,KAAK,IAAIX,MAAM,CAACY,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC,CAExE;AAED,MAAMC,MAAM,GAAGjB,MAAM,CAACkB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,yFAEHC,KAAK,IAAIX,MAAM,CAACY,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,EACvCF,KAAK,IAAIX,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAChF;AAED,MAAMI,cAAc,GAAGpB,MAAM,CAACkB,GAAG,CAAAG,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,sSAe3BC,KAAK,IAAIT,iBAAiB,CAACD,kBAAkB,CAACkB,OAAO,EAAEnB,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC,CAExG;AAED,MAAMO,yBAAyB,GAAGvB,MAAM,CAACkB,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,iGAK3C;AAOD,MAAMY,WAAiD,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,eAAe;IAAEC;EAA2B,CAAC,GAAAF,IAAA;EACxG,oBACEjB,KAAA,CAACC,WAAW;IAAC,eAAY,iBAAiB;IAAAmB,QAAA,GACvCD,aAAa,iBAAIrB,IAAA,CAACU,MAAM,IAAE,CAAC,eAC5BV,IAAA,CAACgB,yBAAyB;MAAAM,QAAA,eACxBtB,IAAA,CAACL,gBAAgB,IAAE;IAAC,CACK,CAAC,eAC5BO,KAAA,CAACW,cAAc;MAAC,eAAY,2BAA2B;MAAAS,QAAA,GACpDF,eAAe,iBAAIpB,IAAA;QAAAsB,QAAA,EAAOF;MAAe,CAAO,CAAC,eAClDpB,IAAA,CAACN,kBAAkB,IAAE,CAAC;IAAA,CACR,CAAC;EAAA,CACN,CAAC;AAElB,CAAC;AAACwB,WAAA,CAAAK,SAAA;EAjBAH,eAAe,EAAAI,GAAA,CAAAC,MAAA;EACfJ,aAAa,EAAAG,GAAA,CAAAE;AAAA;AAkBf,eAAeR,WAAW","ignoreList":[]}

package/dist/LoadingPage/index.cjs

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "GlobalLoadingPage", {
   enumerable: true,
-  get: function get() {
-    return _GlobalLoadingPage["default"];
+  get: function () {
+    return _GlobalLoadingPage.default;
   }
 });
 var _GlobalLoadingPage = _interopRequireDefault(require("./GlobalLoadingPage"));

package/dist/LoadingPage/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_GlobalLoadingPage","_interopRequireDefault","require"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_GlobalLoadingPage","_interopRequireDefault","require"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/LoadingPage/index.d.ts

@@ -1 +1 @@
-export { default as GlobalLoadingPage } from './GlobalLoadingPage';
+export { default as GlobalLoadingPage } from './GlobalLoadingPage';

package/dist/LoadingPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","GlobalLoadingPage"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","GlobalLoadingPage"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,qBAAqB","ignoreList":[]}