@laerdal/life-react-components 3.4.3 → 3.5.1-dev.10

package/dist/LoadingIndicator/LoadingIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.cjs","names":["LoadingWrapper","styled","div","LoadingIndicator","size","Size","Medium","color","COLORS","primary","id","Small"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled 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\ntype LoadingIndicatorProps = {\n  id?: string;\n  size?: Size.Small | Size.Medium;\n  color?: string;\n};\n\nconst LoadingIndicator = ({ size = Size.Medium, color = COLORS.primary, id }: LoadingIndicatorProps) => {\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;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,cAAc,GAAGC,yBAAM,CAACC,GAAG,mhBAsBhC;AAQD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAkF;EAAA,qBAA5EC,IAAI;IAAJA,IAAI,0BAAGC,WAAI,CAACC,MAAM;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGC,cAAM,CAACC,OAAO;IAAEC,EAAE,QAAFA,EAAE;EACxE,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACC,MAAM;MACd,oBACE,qBAAC,cAAc;QAAC,EAAE,EAAEI,EAAG;QAAA,uBACrB,qBAAC,kBAAW,CAAC,aAAa;UAAC,KAAK,EAAEH;QAAM;MAAG,EAC5B;IAErB,KAAKF,WAAI,CAACM,KAAK;MACb,oBACE,qBAAC,cAAc;QAAC,EAAE,EAAED,EAAG;QAAA,uBACrB,qBAAC,kBAAW,CAAC,YAAY;UAAC,KAAK,EAAEH;QAAM;MAAG,EAC3B;IAErB;MACE,oBACE,qBAAC,cAAc;QAAC,EAAE,EAAEG,EAAG;QAAA,uBACrB,qBAAC,kBAAW,CAAC,aAAa;UAAC,KAAK,EAAEH;QAAM;MAAG,EAC5B;EACjB;AAER,CAAC;AAAC;EA1BAG,EAAE;EAEFH,KAAK;AAAA;AAAA,eA0BQJ,gBAAgB;AAAA"}
+{"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":"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","ignoreList":[]}

package/dist/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { Size } from '../types';
-type LoadingIndicatorProps = {
-    id?: string;
-    size?: Size.Small | Size.Medium;
-    color?: string;
-};
-declare const LoadingIndicator: ({ size, color, id }: LoadingIndicatorProps) => JSX.Element;
-export default LoadingIndicator;
+/// <reference types="react" />
+import { Size } from '../types';
+type LoadingIndicatorProps = {
+    id?: string;
+    size?: Size.Small | Size.Medium;
+    color?: string;
+};
+declare const LoadingIndicator: ({ size, color, id }: LoadingIndicatorProps) => JSX.Element;
+export default LoadingIndicator;

package/dist/LoadingIndicator/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.js","names":["React","styled","COLORS","Size","SystemIcons","LoadingWrapper","div","LoadingIndicator","size","Medium","color","primary","id","Small"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled 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\ntype LoadingIndicatorProps = {\n  id?: string;\n  size?: Size.Small | Size.Medium;\n  color?: string;\n};\n\nconst LoadingIndicator = ({ size = Size.Medium, color = COLORS.primary, id }: LoadingIndicatorProps) => {\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,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,WAAW,QAAQ,UAAU;AAAC;AAEvC,IAAMC,cAAc,GAAGJ,MAAM,CAACK,GAAG,qgBAsBhC;AAQD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAkF;EAAA,qBAA5EC,IAAI;IAAJA,IAAI,0BAAGL,IAAI,CAACM,MAAM;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGR,MAAM,CAACS,OAAO;IAAEC,EAAE,QAAFA,EAAE;EACxE,QAAQJ,IAAI;IACV,KAAKL,IAAI,CAACM,MAAM;MACd,oBACE,KAAC,cAAc;QAAC,EAAE,EAAEG,EAAG;QAAA,uBACrB,KAAC,WAAW,CAAC,aAAa;UAAC,KAAK,EAAEF;QAAM;MAAG,EAC5B;IAErB,KAAKP,IAAI,CAACU,KAAK;MACb,oBACE,KAAC,cAAc;QAAC,EAAE,EAAED,EAAG;QAAA,uBACrB,KAAC,WAAW,CAAC,YAAY;UAAC,KAAK,EAAEF;QAAM;MAAG,EAC3B;IAErB;MACE,oBACE,KAAC,cAAc;QAAC,EAAE,EAAEE,EAAG;QAAA,uBACrB,KAAC,WAAW,CAAC,aAAa;UAAC,KAAK,EAAEF;QAAM;MAAG,EAC5B;EACjB;AAER,CAAC;AAAC;EA1BAE,EAAE;EAEFF,KAAK;AAAA;AA0BP,eAAeH,gBAAgB"}
+{"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":[]}

package/dist/LoadingIndicator/index.cjs

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

package/dist/LoadingIndicator/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"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"}
+{"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

@@ -5,7 +5,7 @@ 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,19 +16,19 @@ var _styles = require("../styles");
 var _typography = require("../styles/typography");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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"])), _styles.COLORS.primary_20);
-var Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 64px;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n"])), _styles.COLORS.white, _styles.COLORS.neutral_200);
-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"])), (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600));
-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"])));
+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"])), _styles.COLORS.primary_20);
+var Header = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  height: 64px;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n"])), _styles.COLORS.white, _styles.COLORS.neutral_200);
+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"])), (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600));
+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;
   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", {
@@ -38,9 +38,9 @@ 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;
+exports["default"] = _default;
 //# sourceMappingURL=GlobalLoadingPage.cjs.map

package/dist/LoadingPage/GlobalLoadingPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLoadingPage.cjs","names":["LoadingMain","styled","main","COLORS","primary_20","Header","div","white","neutral_200","LogoAndMessage","ComponentMStyling","ComponentTextStyle","Regular","neutral_600","LoadingIndicatorContainer","LoadingPage","optionalMessage","includeHeader"],"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: ${COLORS.primary_20};\n  height: 100%;\n`;\n\nconst Header = styled.div<LoaderProps>`\n  height: 64px;\n  background-color: ${COLORS.white};\n  border-bottom: 1px solid ${COLORS.neutral_200};\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    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n  }\n`;\n\nconst LoadingIndicatorContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\ninterface 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;AACA;AACA;AAEA;AACA;AACA;AAAuD;AAAA;AAAA;AAAA;AAEvD,IAAMA,WAAW,GAAGC,yBAAM,CAACC,IAAI,2LAITC,cAAM,CAACC,UAAU,CAEtC;AAED,IAAMC,MAAM,GAAGJ,yBAAM,CAACK,GAAG,sKAEHH,cAAM,CAACI,KAAK,EACLJ,cAAM,CAACK,WAAW,CAC9C;AAED,IAAMC,cAAc,GAAGR,yBAAM,CAACK,GAAG,mXAe3B,IAAAI,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAET,cAAM,CAACU,WAAW,CAAC,CAEtE;AAED,IAAMC,yBAAyB,GAAGb,yBAAM,CAACK,GAAG,8KAK3C;AAOD,IAAMS,WAAiD,GAAG,SAApDA,WAAiD,OAAwD;EAAA,IAAlDC,eAAe,QAAfA,eAAe;IAAEC,aAAa,QAAbA,aAAa;EACzF,oBACE,sBAAC,WAAW;IAAC,eAAY,iBAAiB;IAAA,WACvCA,aAAa,iBAAI,qBAAC,MAAM,KAAG,eAC5B,qBAAC,yBAAyB;MAAA,uBACxB,qBAAC,yBAAgB;IAAG,EACM,eAC5B,sBAAC,cAAc;MAAC,eAAY,2BAA2B;MAAA,WACpDD,eAAe,iBAAI;QAAA,UAAOA;MAAe,EAAQ,eAClD,qBAAC,0BAAkB,KAAG;IAAA,EACP;EAAA,EACL;AAElB,CAAC;AAAC;EAjBAA,eAAe;EACfC,aAAa;AAAA;AAAA,eAkBAF,WAAW;AAAA"}
+{"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","COLORS","primary_20","Header","div","white","neutral_200","LogoAndMessage","ComponentMStyling","ComponentTextStyle","Regular","neutral_600","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: ${COLORS.primary_20};\r\n  height: 100%;\r\n`;\r\n\r\nconst Header = styled.div<LoaderProps>`\r\n  height: 64px;\r\n  background-color: ${COLORS.white};\r\n  border-bottom: 1px solid ${COLORS.neutral_200};\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    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\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';
-interface LoaderProps {
-    optionalMessage?: string;
-    includeHeader?: boolean;
-}
-declare const LoadingPage: React.FunctionComponent<LoaderProps>;
-export default LoadingPage;
+import * as React from 'react';
+interface LoaderProps {
+    optionalMessage?: string;
+    includeHeader?: boolean;
+}
+declare const LoadingPage: React.FunctionComponent<LoaderProps>;
+export default LoadingPage;

package/dist/LoadingPage/GlobalLoadingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLoadingPage.js","names":["React","styled","LaerdalLoadingLogo","LoadingIndicator","COLORS","ComponentTextStyle","ComponentMStyling","LoadingMain","main","primary_20","Header","div","white","neutral_200","LogoAndMessage","Regular","neutral_600","LoadingIndicatorContainer","LoadingPage","optionalMessage","includeHeader"],"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: ${COLORS.primary_20};\n  height: 100%;\n`;\n\nconst Header = styled.div<LoaderProps>`\n  height: 64px;\n  background-color: ${COLORS.white};\n  border-bottom: 1px solid ${COLORS.neutral_200};\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    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n  }\n`;\n\nconst LoadingIndicatorContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\ninterface 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;AAAA;AAEvD,IAAMC,WAAW,GAAGN,MAAM,CAACO,IAAI,6KAITJ,MAAM,CAACK,UAAU,CAEtC;AAED,IAAMC,MAAM,GAAGT,MAAM,CAACU,GAAG,wJAEHP,MAAM,CAACQ,KAAK,EACLR,MAAM,CAACS,WAAW,CAC9C;AAED,IAAMC,cAAc,GAAGb,MAAM,CAACU,GAAG,qWAe3BL,iBAAiB,CAACD,kBAAkB,CAACU,OAAO,EAAEX,MAAM,CAACY,WAAW,CAAC,CAEtE;AAED,IAAMC,yBAAyB,GAAGhB,MAAM,CAACU,GAAG,gKAK3C;AAOD,IAAMO,WAAiD,GAAG,SAApDA,WAAiD,OAAwD;EAAA,IAAlDC,eAAe,QAAfA,eAAe;IAAEC,aAAa,QAAbA,aAAa;EACzF,oBACE,MAAC,WAAW;IAAC,eAAY,iBAAiB;IAAA,WACvCA,aAAa,iBAAI,KAAC,MAAM,KAAG,eAC5B,KAAC,yBAAyB;MAAA,uBACxB,KAAC,gBAAgB;IAAG,EACM,eAC5B,MAAC,cAAc;MAAC,eAAY,2BAA2B;MAAA,WACpDD,eAAe,iBAAI;QAAA,UAAOA;MAAe,EAAQ,eAClD,KAAC,kBAAkB,KAAG;IAAA,EACP;EAAA,EACL;AAElB,CAAC;AAAC;EAjBAA,eAAe;EACfC,aAAa;AAAA;AAkBf,eAAeF,WAAW"}
+{"version":3,"file":"GlobalLoadingPage.js","names":["React","styled","LaerdalLoadingLogo","LoadingIndicator","COLORS","ComponentTextStyle","ComponentMStyling","jsx","_jsx","jsxs","_jsxs","LoadingMain","main","_templateObject","_taggedTemplateLiteral","primary_20","Header","div","_templateObject2","white","neutral_200","LogoAndMessage","_templateObject3","Regular","neutral_600","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: ${COLORS.primary_20};\r\n  height: 100%;\r\n`;\r\n\r\nconst Header = styled.div<LoaderProps>`\r\n  height: 64px;\r\n  background-color: ${COLORS.white};\r\n  border-bottom: 1px solid ${COLORS.neutral_200};\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    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\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;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEvD,IAAMC,WAAW,GAAGV,MAAM,CAACW,IAAI,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAITV,MAAM,CAACW,UAAU,CAEtC;AAED,IAAMC,MAAM,GAAGf,MAAM,CAACgB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,yFAEHV,MAAM,CAACe,KAAK,EACLf,MAAM,CAACgB,WAAW,CAC9C;AAED,IAAMC,cAAc,GAAGpB,MAAM,CAACgB,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,sSAe3BR,iBAAiB,CAACD,kBAAkB,CAACkB,OAAO,EAAEnB,MAAM,CAACoB,WAAW,CAAC,CAEtE;AAED,IAAMC,yBAAyB,GAAGxB,MAAM,CAACgB,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,iGAK3C;AAOD,IAAMa,WAAiD,GAAG,SAApDA,WAAiDA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EACzF,oBACEpB,KAAA,CAACC,WAAW;IAAC,eAAY,iBAAiB;IAAAoB,QAAA,GACvCD,aAAa,iBAAItB,IAAA,CAACQ,MAAM,IAAE,CAAC,eAC5BR,IAAA,CAACiB,yBAAyB;MAAAM,QAAA,eACxBvB,IAAA,CAACL,gBAAgB,IAAE;IAAC,CACK,CAAC,eAC5BO,KAAA,CAACW,cAAc;MAAC,eAAY,2BAA2B;MAAAU,QAAA,GACpDF,eAAe,iBAAIrB,IAAA;QAAAuB,QAAA,EAAOF;MAAe,CAAO,CAAC,eAClDrB,IAAA,CAACN,kBAAkB,IAAE,CAAC;IAAA,CACR,CAAC;EAAA,CACN,CAAC;AAElB,CAAC;AAACyB,WAAA,CAAAK,SAAA;EAjBAH,eAAe,EAAAI,GAAA,CAAAC,MAAA;EACfJ,aAAa,EAAAG,GAAA,CAAAE;AAAA;AAkBf,eAAeR,WAAW","ignoreList":[]}

package/dist/LoadingPage/index.cjs

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

package/dist/LoadingPage/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"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"}
+{"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":[]}

package/dist/MenuItem/MenuItem.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ItemLabel = exports.ItemIconRight = exports.ItemIcon = exports.ItemContent = exports.DropdownButtonCSS = exports.DropdownButton = void 0;
+exports["default"] = exports.ItemLabel = exports.ItemIconRight = exports.ItemIcon = exports.ItemContent = exports.DropdownButtonCSS = exports.DropdownButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -19,21 +19,21 @@ var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["active", "item", "onClickHandler", "size", "className", "tabIndex", "iconRight", "id"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var DropdownButton = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), function (props) {
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DropdownButton = _styledComponents["default"].button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
   return DropdownButtonCSS(props.size);
 });
 exports.DropdownButton = DropdownButton;
-var ItemLabel = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([""])));
+var ItemLabel = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])([""])));
 exports.ItemLabel = ItemLabel;
-var ItemIcon = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([""])));
+var ItemIcon = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])([""])));
 exports.ItemIcon = ItemIcon;
-var ItemIconRight = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n"])));
+var ItemIconRight = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n  display: flex;\n"])));
 exports.ItemIconRight = ItemIconRight;
-var ItemContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    margin: ", ";\n    display: flex;\n    align-items: center;\n    flex-grow: 2;\n\n    ", " {\n      margin: ", ";\n      flex: 1 0 calc(100% - 40px);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n\n    ", " {\n      margin-right: 8px;\n      svg {\n        display: block;\n        margin: auto;\n        height:", ";\n        width:", ";\n      }\n    }\n\n    ", " {\n      flex-grow: 2;\n\n      .extraMargin {\n        position: absolute;\n        right: ", ";\n      }\n    }\n"])), function (props) {
+var ItemContent = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    margin: ", ";\n    display: flex;\n    align-items: center;\n    flex-grow: 2;\n\n    ", " {\n      margin: ", ";\n      flex: 1 0 calc(100% - 40px);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n\n    ", " {\n      margin-right: 8px;\n      svg {\n        display: block;\n        margin: auto;\n        height:", ";\n        width:", ";\n      }\n    }\n\n    ", " {\n      flex-grow: 2;\n\n      .extraMargin {\n        position: absolute;\n        right: ", ";\n      }\n    }\n"])), function (props) {
   return props.size === _types.Size.Small ? 'auto 0 auto 10px' : props.size === _types.Size.Large ? 'auto 0 auto 26px' : 'auto 0 auto 18px';
 }, ItemLabel, function (props) {
   return props.size === _types.Size.Small || props.size === _types.Size.Medium ? '14px 0' : '16px 0';
@@ -46,7 +46,7 @@ var ItemContent = _styledComponents.default.div(_templateObject5 || (_templateOb
 });
 exports.ItemContent = ItemContent;
 var DropdownButtonCSS = function DropdownButtonCSS(size) {
-  return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n    ", "\n    ", "\n\n    position: relative;\n    text-decoration: none;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    min-height: ", ";\n    background-color: ", ";\n    border: none;\n    cursor: pointer;\n    background: none;\n    width: 100%;\n    text-align: left;\n\n    span {\n      margin: auto 0 auto 16px;\n      line-height: 48px;\n    }\n\n    ", ", ", " {\n      color: ", ";\n    }\n\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\n      background: ", ";\n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &:focus, &.focus-state, &.focus-visible {\n      ", "\n    }\n\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\n      background: ", ";\n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &.active {\n      background: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }\n\n      &::after {\n        position: absolute;\n        content: ' ';\n        width: 4px;\n        top: ", ";\n        bottom: ", ";\n        left: 4px;\n        background-color: ", ";\n\n        border-radius: 4px;\n      }\n    }\n\n\n    &.locked {\n      background: none;\n      cursor: not-allowed;\n      \n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\n      background-color: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }      \n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\n      background-color: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &.active.locked {\n      &::after {\n        background-color: ", ";\n      } \n    }\n\n    &.active:disabled:not(.locked) {\n      &::after {\n        background-color: ", ";\n      }     \n    }\n\n    &:disabled:not(.locked), &.disabled-state {\n      background: none;\n      cursor: not-allowed;\n      \n      ", ", ", " {\n        color: ", " !important;\n      }\n    }\n\n    &.dropdown-hover:not(:disabled) {\n      background-color: ", ";\n      color: ", ";\n    }\n  "])), size == _types.Size.Small && (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), size == _types.Size.Medium && (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), size == _types.Size.Large && (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), size == _types.Size.Large ? '64px' : size == _types.Size.Medium ? '56px' : '48px', _styles.COLORS.white, ItemLabel, ItemIcon, _styles.COLORS.neutral_600, _styles.COLORS.primary_20, ItemLabel, ItemIcon, _styles.COLORS.primary_700, _styles.focusStyles, _styles.COLORS.primary_100, ItemLabel, ItemIcon, _styles.COLORS.primary_800, _styles.COLORS.neutral_20, ItemLabel, ItemIcon, _styles.COLORS.neutral_800, size == _types.Size.Large ? '8px' : size == _types.Size.Medium ? '6px' : '4px', size == _types.Size.Large ? '8px' : size == _types.Size.Medium ? '6px' : '4px', _styles.COLORS.primary_500, ItemIcon, ItemLabel, _styles.COLORS.neutral_500, _styles.COLORS.primary_20, ItemIcon, ItemLabel, _styles.COLORS.primary_700, _styles.COLORS.primary_700, _styles.COLORS.primary_100, ItemIcon, ItemLabel, _styles.COLORS.primary_800, _styles.COLORS.primary_800, _styles.COLORS.neutral_500, _styles.COLORS.neutral_300, ItemIcon, ItemLabel, _styles.COLORS.neutral_300, _styles.COLORS.primary_20, _styles.COLORS.primary_600);
+  return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n    ", "\n    ", "\n    ", "\n\n    position: relative;\n    text-decoration: none;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    min-height: ", ";\n    background-color: ", ";\n    border: none;\n    cursor: pointer;\n    background: none;\n    width: 100%;\n    text-align: left;\n\n    span {\n      margin: auto 0 auto 16px;\n      line-height: 48px;\n    }\n\n    ", ", ", " {\n      color: ", ";\n    }\n\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\n      background: ", ";\n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &:focus, &.focus-state, &.focus-visible {\n      ", "\n    }\n\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\n      background: ", ";\n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &.active {\n      background: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }\n\n      &::after {\n        position: absolute;\n        content: ' ';\n        width: 4px;\n        top: ", ";\n        bottom: ", ";\n        left: 4px;\n        background-color: ", ";\n\n        border-radius: 4px;\n      }\n    }\n\n\n    &.locked {\n      background: none;\n      cursor: not-allowed;\n      \n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\n      background-color: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }      \n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\n      background-color: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &.active.locked {\n      &::after {\n        background-color: ", ";\n      } \n    }\n\n    &.active:disabled:not(.locked) {\n      &::after {\n        background-color: ", ";\n      }     \n    }\n\n    &:disabled:not(.locked), &.disabled-state {\n      background: none;\n      cursor: not-allowed;\n      \n      ", ", ", " {\n        color: ", " !important;\n      }\n    }\n\n    &.dropdown-hover:not(:disabled) {\n      background-color: ", ";\n      color: ", ";\n    }\n  "])), size == _types.Size.Small && (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), size == _types.Size.Medium && (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), size == _types.Size.Large && (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), size == _types.Size.Large ? '64px' : size == _types.Size.Medium ? '56px' : '48px', _styles.COLORS.white, ItemLabel, ItemIcon, _styles.COLORS.neutral_600, _styles.COLORS.primary_20, ItemLabel, ItemIcon, _styles.COLORS.primary_700, _styles.focusStyles, _styles.COLORS.primary_100, ItemLabel, ItemIcon, _styles.COLORS.primary_800, _styles.COLORS.neutral_20, ItemLabel, ItemIcon, _styles.COLORS.neutral_800, size == _types.Size.Large ? '8px' : size == _types.Size.Medium ? '6px' : '4px', size == _types.Size.Large ? '8px' : size == _types.Size.Medium ? '6px' : '4px', _styles.COLORS.primary_500, ItemIcon, ItemLabel, _styles.COLORS.neutral_500, _styles.COLORS.primary_20, ItemIcon, ItemLabel, _styles.COLORS.primary_700, _styles.COLORS.primary_700, _styles.COLORS.primary_100, ItemIcon, ItemLabel, _styles.COLORS.primary_800, _styles.COLORS.primary_800, _styles.COLORS.neutral_500, _styles.COLORS.neutral_300, ItemIcon, ItemLabel, _styles.COLORS.neutral_300, _styles.COLORS.primary_20, _styles.COLORS.primary_600);
 };
 exports.DropdownButtonCSS = DropdownButtonCSS;
 var MenuItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -60,7 +60,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tabIndex = _ref.tabIndex,
     iconRight = _ref.iconRight,
     id = _ref.id,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownButton, _objectSpread(_objectSpread({
     type: "button",
     size: size,
@@ -106,11 +106,11 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 MenuItem.propTypes = {
-  onClickHandler: _propTypes.default.func.isRequired,
-  active: _propTypes.default.bool.isRequired,
-  id: _propTypes.default.string.isRequired,
-  iconRight: _propTypes.default.element
+  onClickHandler: _propTypes["default"].func.isRequired,
+  active: _propTypes["default"].bool.isRequired,
+  id: _propTypes["default"].string.isRequired,
+  iconRight: _propTypes["default"].element
 };
 var _default = MenuItem;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=MenuItem.cjs.map

package/dist/MenuItem/MenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs","names":["DropdownButton","styled","button","props","DropdownButtonCSS","size","ItemLabel","div","ItemIcon","ItemIconRight","ItemContent","Size","Small","Large","Medium","css","ComponentSStyling","ComponentTextStyle","Regular","COLORS","neutral_600","ComponentMStyling","ComponentLStyling","white","primary_20","primary_700","focusStyles","primary_100","primary_800","neutral_20","neutral_800","primary_500","neutral_500","neutral_300","primary_600","MenuItem","React","forwardRef","ref","active","item","onClickHandler","className","tabIndex","iconRight","id","rest","disabled","locked","defaultOnMouseDownHandler","showDividerAbove","icon","displayLabel","value","noteLabel","fontSize","lineHeight","neutral_400","cloneElement"],"sources":["../../src/MenuItem/MenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {SystemIcons} from '../icons';\nimport {Size} from '../types';\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles';\nimport { DropdownItem } from '../Dropdown';\nimport {defaultOnMouseDownHandler} from '../common';\n\nexport interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {\n   item: DropdownItem;\n   onClickHandler: (e: React.MouseEvent) => void;\n   active: boolean;\n   id: string;\n   size?: Size;\n   iconRight?: React.ReactElement;\n}\n\nexport const DropdownButton = styled.button<{ size?: Size }>`\n  ${(props) => DropdownButtonCSS(props.size)}\n`;\n\nexport const ItemLabel = styled.div``;\n\nexport const ItemIcon = styled.div``;\n\nexport const ItemIconRight = styled.div`\n  align-items: center;\n  display: flex;\n`;\n\nexport const ItemContent = styled.div<{size:Size}>`\n    margin: ${props=>props.size===Size.Small?'auto 0 auto 10px':(props.size===Size.Large?'auto 0 auto 26px':'auto 0 auto 18px')};\n    display: flex;\n    align-items: center;\n    flex-grow: 2;\n\n    ${ItemLabel} {\n      margin: ${props => props.size === Size.Small || props.size === Size.Medium ? '14px 0' : '16px 0'};\n      flex: 1 0 calc(100% - 40px);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n\n    ${ItemIcon} {\n      margin-right: 8px;\n      svg {\n        display: block;\n        margin: auto;\n        height:${props=>props.size===Size.Small?'20px':''};\n        width:${props=>props.size===Size.Small?'20px':''};\n      }\n    }\n\n    ${ItemIconRight} {\n      flex-grow: 2;\n\n      .extraMargin {\n        position: absolute;\n        right: ${props=>props.size===Size.Small?'16px':'24px'};\n      }\n    }\n`;\n\n\nexport const DropdownButtonCSS = (size?: Size) => {\n  return css`\n    ${size == Size.Small && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n    ${size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n    ${size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n    position: relative;\n    text-decoration: none;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    min-height: ${size == Size.Large ? '64px' : size == Size.Medium ? '56px' : '48px'};\n    background-color: ${COLORS.white};\n    border: none;\n    cursor: pointer;\n    background: none;\n    width: 100%;\n    text-align: left;\n\n    span {\n      margin: auto 0 auto 16px;\n      line-height: 48px;\n    }\n\n    ${ItemLabel}, ${ItemIcon} {\n      color: ${COLORS.neutral_600};\n    }\n\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\n      background: ${COLORS.primary_20};\n      ${ItemLabel}, ${ItemIcon} {\n        color: ${COLORS.primary_700};\n      }\n    }\n\n    &:focus, &.focus-state, &.focus-visible {\n      ${focusStyles}\n    }\n\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\n      background: ${COLORS.primary_100};\n      ${ItemLabel}, ${ItemIcon} {\n        color: ${COLORS.primary_800};\n      }\n    }\n\n    &.active {\n      background: ${COLORS.neutral_20};\n\n      ${ItemLabel}, ${ItemIcon} {\n        color: ${COLORS.neutral_800};\n      }\n\n      &::after {\n        position: absolute;\n        content: ' ';\n        width: 4px;\n        top: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\n        bottom: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\n        left: 4px;\n        background-color: ${COLORS.primary_500};\n\n        border-radius: 4px;\n      }\n    }\n\n\n    &.locked {\n      background: none;\n      cursor: not-allowed;\n      \n      ${ItemIcon}, ${ItemLabel} {\n        color: ${COLORS.neutral_500};\n      }\n    }\n\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\n      background-color: ${COLORS.primary_20};\n\n      ${ItemIcon}, ${ItemLabel} {\n        color: ${COLORS.primary_700};\n      }      \n\n      &::after {\n        background-color: ${COLORS.primary_700};\n      }\n    }\n\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\n      background-color: ${COLORS.primary_100};\n\n      ${ItemIcon}, ${ItemLabel} {\n        color: ${COLORS.primary_800};\n      }\n\n      &::after {\n        background-color: ${COLORS.primary_800};\n      }\n    }\n\n    &.active.locked {\n      &::after {\n        background-color: ${COLORS.neutral_500};\n      } \n    }\n\n    &.active:disabled:not(.locked) {\n      &::after {\n        background-color: ${COLORS.neutral_300};\n      }     \n    }\n\n    &:disabled:not(.locked), &.disabled-state {\n      background: none;\n      cursor: not-allowed;\n      \n      ${ItemIcon}, ${ItemLabel} {\n        color: ${COLORS.neutral_300} !important;\n      }\n    }\n\n    &.dropdown-hover:not(:disabled) {\n      background-color: ${COLORS.primary_20};\n      color: ${COLORS.primary_600};\n    }\n  `;\n};\n\nconst MenuItem = React.forwardRef<HTMLButtonElement, MenuItemProps>(({\n                                                                       active,\n                                                                       item,\n                                                                       onClickHandler,\n                                                                       size = Size.Medium,\n                                                                       className,\n                                                                       tabIndex,\n                                                                       iconRight,\n                                                                       id,\n                                                                       ...rest\n                                                                     }: MenuItemProps, ref) => {\n  return (\n    <DropdownButton\n        type=\"button\"\n        size={size}\n        disabled={item.disabled || item.locked}\n        tabIndex={tabIndex}\n        onMouseDown={defaultOnMouseDownHandler}\n        ref={ref}\n        onClick={onClickHandler}\n        className={ className + ' ' + (item.locked ? 'locked' : '') + ' ' + (item.showDividerAbove ? 'show-divider-above' : '') + ' ' + (active ? 'active' : '')}\n        id={id}\n        {...rest}>\n        {item.showDividerAbove && <div className=\"divider\" />}\n        <ItemContent size={size}>\n          {item.icon && <ItemIcon>{item.icon}</ItemIcon>}\n          <ItemLabel>\n              <div>\n                <div>{item.displayLabel ?? item.value}</div>\n                {item.noteLabel && <div style={{ fontSize: '12px', lineHeight: '16px' }}>{item.noteLabel}</div>}\n              </div>\n            {\n              item.locked &&\n              <ItemIconRight>\n                <SystemIcons.LockedOn color={COLORS.neutral_400} className=\"extraMargin\" size=\"24px\"/>\n              </ItemIconRight>\n            }\n            {\n              !item.locked && !!iconRight &&\n              <ItemIconRight>\n                {React.cloneElement(iconRight, {className: 'extraMargin', size: '24px',})}\n              </ItemIconRight>\n            }\n\n          </ItemLabel>\n        </ItemContent>\n  </DropdownButton>\n  );\n});\n\nexport default MenuItem;\n"],"mappings":"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"}
+{"version":3,"file":"MenuItem.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_icons","_types","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DropdownButton","styled","button","_taggedTemplateLiteral2","props","DropdownButtonCSS","size","exports","ItemLabel","div","ItemIcon","ItemIconRight","ItemContent","Size","Small","Large","Medium","css","ComponentSStyling","ComponentTextStyle","Regular","COLORS","neutral_600","ComponentMStyling","ComponentLStyling","white","primary_20","primary_700","focusStyles","primary_100","primary_800","neutral_20","neutral_800","primary_500","neutral_500","neutral_300","primary_600","MenuItem","forwardRef","_ref","ref","_item$displayLabel","active","item","onClickHandler","_ref$size","className","tabIndex","iconRight","id","rest","_objectWithoutProperties2","jsxs","type","disabled","locked","onMouseDown","defaultOnMouseDownHandler","onClick","showDividerAbove","children","jsx","icon","displayLabel","value","noteLabel","style","fontSize","lineHeight","SystemIcons","LockedOn","color","neutral_400","cloneElement","propTypes","_propTypes","func","isRequired","bool","string","element","_default"],"sources":["../../src/MenuItem/MenuItem.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles';\r\nimport { DropdownItem } from '../Dropdown';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {\r\n  /** Required. Details of the item. */\r\n  item: DropdownItem;\r\n  /** Required. Handler to be called when user clicks on the menu item */\r\n  onClickHandler: (e: React.MouseEvent) => void;\r\n  /** Required. Styles are different for MenuItems in 'active' state.  */\r\n  active: boolean;\r\n  /** Required. Id of the MenuItem.  */\r\n  id: string;\r\n  /** Optional. Size of the component. Defaults to 'medium'.  */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Optional. Icon to be shown on the right side of the menu item. Icon will be shown only if 'locked' flag of 'item' is not set. */\r\n  iconRight?: React.ReactElement;\r\n}\r\n\r\nexport const DropdownButton = styled.button<{ size?: Size }>`\r\n  ${(props) => DropdownButtonCSS(props.size)}\r\n`;\r\n\r\nexport const ItemLabel = styled.div``;\r\n\r\nexport const ItemIcon = styled.div``;\r\n\r\nexport const ItemIconRight = styled.div`\r\n  align-items: center;\r\n  display: flex;\r\n`;\r\n\r\nexport const ItemContent = styled.div<{size:Size}>`\r\n    margin: ${props=>props.size===Size.Small?'auto 0 auto 10px':(props.size===Size.Large?'auto 0 auto 26px':'auto 0 auto 18px')};\r\n    display: flex;\r\n    align-items: center;\r\n    flex-grow: 2;\r\n\r\n    ${ItemLabel} {\r\n      margin: ${props => props.size === Size.Small || props.size === Size.Medium ? '14px 0' : '16px 0'};\r\n      flex: 1 0 calc(100% - 40px);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n    }\r\n\r\n    ${ItemIcon} {\r\n      margin-right: 8px;\r\n      svg {\r\n        display: block;\r\n        margin: auto;\r\n        height:${props=>props.size===Size.Small?'20px':''};\r\n        width:${props=>props.size===Size.Small?'20px':''};\r\n      }\r\n    }\r\n\r\n    ${ItemIconRight} {\r\n      flex-grow: 2;\r\n\r\n      .extraMargin {\r\n        position: absolute;\r\n        right: ${props=>props.size===Size.Small?'16px':'24px'};\r\n      }\r\n    }\r\n`;\r\n\r\n\r\nexport const DropdownButtonCSS = (size?: Size) => {\r\n  return css`\r\n    ${size == Size.Small && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    ${size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    ${size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n    position: relative;\r\n    text-decoration: none;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    min-height: ${size == Size.Large ? '64px' : size == Size.Medium ? '56px' : '48px'};\r\n    background-color: ${COLORS.white};\r\n    border: none;\r\n    cursor: pointer;\r\n    background: none;\r\n    width: 100%;\r\n    text-align: left;\r\n\r\n    span {\r\n      margin: auto 0 auto 16px;\r\n      line-height: 48px;\r\n    }\r\n\r\n    ${ItemLabel}, ${ItemIcon} {\r\n      color: ${COLORS.neutral_600};\r\n    }\r\n\r\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\r\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\r\n      background: ${COLORS.primary_20};\r\n      ${ItemLabel}, ${ItemIcon} {\r\n        color: ${COLORS.primary_700};\r\n      }\r\n    }\r\n\r\n    &:focus, &.focus-state, &.focus-visible {\r\n      ${focusStyles}\r\n    }\r\n\r\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\r\n      background: ${COLORS.primary_100};\r\n      ${ItemLabel}, ${ItemIcon} {\r\n        color: ${COLORS.primary_800};\r\n      }\r\n    }\r\n\r\n    &.active {\r\n      background: ${COLORS.neutral_20};\r\n\r\n      ${ItemLabel}, ${ItemIcon} {\r\n        color: ${COLORS.neutral_800};\r\n      }\r\n\r\n      &::after {\r\n        position: absolute;\r\n        content: ' ';\r\n        width: 4px;\r\n        top: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\r\n        bottom: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\r\n        left: 4px;\r\n        background-color: ${COLORS.primary_500};\r\n\r\n        border-radius: 4px;\r\n      }\r\n    }\r\n\r\n\r\n    &.locked {\r\n      background: none;\r\n      cursor: not-allowed;\r\n      \r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${COLORS.neutral_500};\r\n      }\r\n    }\r\n\r\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\r\n      background-color: ${COLORS.primary_20};\r\n\r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${COLORS.primary_700};\r\n      }      \r\n\r\n      &::after {\r\n        background-color: ${COLORS.primary_700};\r\n      }\r\n    }\r\n\r\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\r\n      background-color: ${COLORS.primary_100};\r\n\r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${COLORS.primary_800};\r\n      }\r\n\r\n      &::after {\r\n        background-color: ${COLORS.primary_800};\r\n      }\r\n    }\r\n\r\n    &.active.locked {\r\n      &::after {\r\n        background-color: ${COLORS.neutral_500};\r\n      } \r\n    }\r\n\r\n    &.active:disabled:not(.locked) {\r\n      &::after {\r\n        background-color: ${COLORS.neutral_300};\r\n      }     \r\n    }\r\n\r\n    &:disabled:not(.locked), &.disabled-state {\r\n      background: none;\r\n      cursor: not-allowed;\r\n      \r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${COLORS.neutral_300} !important;\r\n      }\r\n    }\r\n\r\n    &.dropdown-hover:not(:disabled) {\r\n      background-color: ${COLORS.primary_20};\r\n      color: ${COLORS.primary_600};\r\n    }\r\n  `;\r\n};\r\n\r\nconst MenuItem = React.forwardRef<HTMLButtonElement, MenuItemProps>(({\r\n                                                                       active,\r\n                                                                       item,\r\n                                                                       onClickHandler,\r\n                                                                       size = Size.Medium,\r\n                                                                       className,\r\n                                                                       tabIndex,\r\n                                                                       iconRight,\r\n                                                                       id,\r\n                                                                       ...rest\r\n                                                                     }: MenuItemProps, ref) => {\r\n  return (\r\n    <DropdownButton\r\n        type=\"button\"\r\n        size={size}\r\n        disabled={item.disabled || item.locked}\r\n        tabIndex={tabIndex}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        ref={ref}\r\n        onClick={onClickHandler}\r\n        className={ className + ' ' + (item.locked ? 'locked' : '') + ' ' + (item.showDividerAbove ? 'show-divider-above' : '') + ' ' + (active ? 'active' : '')}\r\n        id={id}\r\n        {...rest}>\r\n        {item.showDividerAbove && <div className=\"divider\" />}\r\n        <ItemContent size={size}>\r\n          {item.icon && <ItemIcon>{item.icon}</ItemIcon>}\r\n          <ItemLabel>\r\n              <div>\r\n                <div>{item.displayLabel ?? item.value}</div>\r\n                {item.noteLabel && <div style={{ fontSize: '12px', lineHeight: '16px' }}>{item.noteLabel}</div>}\r\n              </div>\r\n            {\r\n              item.locked &&\r\n              <ItemIconRight>\r\n                <SystemIcons.LockedOn color={COLORS.neutral_400} className=\"extraMargin\" size=\"24px\"/>\r\n              </ItemIconRight>\r\n            }\r\n            {\r\n              !item.locked && !!iconRight &&\r\n              <ItemIconRight>\r\n                {React.cloneElement(iconRight, {className: 'extraMargin', size: '24px',})}\r\n              </ItemIconRight>\r\n            }\r\n\r\n          </ItemLabel>\r\n        </ItemContent>\r\n  </DropdownButton>\r\n  );\r\n});\r\n\r\nexport default MenuItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/MenuItem/MenuItem.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import { Size } from '../types';
-import { DropdownItem } from '../Dropdown';
-export interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {
-    item: DropdownItem;
-    onClickHandler: (e: React.MouseEvent) => void;
-    active: boolean;
-    id: string;
-    size?: Size;
-    iconRight?: React.ReactElement;
-}
-export declare const DropdownButton: import("styled-components").StyledComponent<"button", any, {
-    size?: Size | undefined;
-}, never>;
-export declare const ItemLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemIconRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemContent: import("styled-components").StyledComponent<"div", any, {
-    size: Size;
-}, never>;
-export declare const DropdownButtonCSS: (size?: Size) => import("styled-components").FlattenSimpleInterpolation;
-declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
-export default MenuItem;
+import * as React from 'react';
+import { Size } from '../types';
+import { DropdownItem } from '../Dropdown';
+export interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {
+    item: DropdownItem;
+    onClickHandler: (e: React.MouseEvent) => void;
+    active: boolean;
+    id: string;
+    size?: Size;
+    iconRight?: React.ReactElement;
+}
+export declare const DropdownButton: import("styled-components").StyledComponent<"button", any, {
+    size?: Size | undefined;
+}, never>;
+export declare const ItemLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemIconRight: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemContent: import("styled-components").StyledComponent<"div", any, {
+    size: Size;
+}, never>;
+export declare const DropdownButtonCSS: (size?: Size) => import("styled-components").FlattenSimpleInterpolation;
+declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
+export default MenuItem;

package/dist/MenuItem/MenuItem.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _excluded = ["active", "item", "onClickHandler", "size", "className", "tabIndex", "iconRight", "id"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import styled, { css } from 'styled-components';
 import { COLORS, ComponentTextStyle, focusStyles } from '../styles';

package/dist/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","styled","css","COLORS","ComponentTextStyle","focusStyles","SystemIcons","Size","ComponentLStyling","ComponentMStyling","ComponentSStyling","defaultOnMouseDownHandler","DropdownButton","button","props","DropdownButtonCSS","size","ItemLabel","div","ItemIcon","ItemIconRight","ItemContent","Small","Large","Medium","Regular","neutral_600","white","primary_20","primary_700","primary_100","primary_800","neutral_20","neutral_800","primary_500","neutral_500","neutral_300","primary_600","MenuItem","forwardRef","ref","active","item","onClickHandler","className","tabIndex","iconRight","id","rest","disabled","locked","showDividerAbove","icon","displayLabel","value","noteLabel","fontSize","lineHeight","neutral_400","cloneElement"],"sources":["../../src/MenuItem/MenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {SystemIcons} from '../icons';\nimport {Size} from '../types';\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles';\nimport { DropdownItem } from '../Dropdown';\nimport {defaultOnMouseDownHandler} from '../common';\n\nexport interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {\n   item: DropdownItem;\n   onClickHandler: (e: React.MouseEvent) => void;\n   active: boolean;\n   id: string;\n   size?: Size;\n   iconRight?: React.ReactElement;\n}\n\nexport const DropdownButton = styled.button<{ size?: Size }>`\n  ${(props) => DropdownButtonCSS(props.size)}\n`;\n\nexport const ItemLabel = styled.div``;\n\nexport const ItemIcon = styled.div``;\n\nexport const ItemIconRight = styled.div`\n  align-items: center;\n  display: flex;\n`;\n\nexport const ItemContent = styled.div<{size:Size}>`\n    margin: ${props=>props.size===Size.Small?'auto 0 auto 10px':(props.size===Size.Large?'auto 0 auto 26px':'auto 0 auto 18px')};\n    display: flex;\n    align-items: center;\n    flex-grow: 2;\n\n    ${ItemLabel} {\n      margin: ${props => props.size === Size.Small || props.size === Size.Medium ? '14px 0' : '16px 0'};\n      flex: 1 0 calc(100% - 40px);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n\n    ${ItemIcon} {\n      margin-right: 8px;\n      svg {\n        display: block;\n        margin: auto;\n        height:${props=>props.size===Size.Small?'20px':''};\n        width:${props=>props.size===Size.Small?'20px':''};\n      }\n    }\n\n    ${ItemIconRight} {\n      flex-grow: 2;\n\n      .extraMargin {\n        position: absolute;\n        right: ${props=>props.size===Size.Small?'16px':'24px'};\n      }\n    }\n`;\n\n\nexport const DropdownButtonCSS = (size?: Size) => {\n  return css`\n    ${size == Size.Small && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n    ${size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n    ${size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n    position: relative;\n    text-decoration: none;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    min-height: ${size == Size.Large ? '64px' : size == Size.Medium ? '56px' : '48px'};\n    background-color: ${COLORS.white};\n    border: none;\n    cursor: pointer;\n    background: none;\n    width: 100%;\n    text-align: left;\n\n    span {\n      margin: auto 0 auto 16px;\n      line-height: 48px;\n    }\n\n    ${ItemLabel}, ${ItemIcon} {\n      color: ${COLORS.neutral_600};\n    }\n\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\n      background: ${COLORS.primary_20};\n      ${ItemLabel}, ${ItemIcon} {\n        color: ${COLORS.primary_700};\n      }\n    }\n\n    &:focus, &.focus-state, &.focus-visible {\n      ${focusStyles}\n    }\n\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\n      background: ${COLORS.primary_100};\n      ${ItemLabel}, ${ItemIcon} {\n        color: ${COLORS.primary_800};\n      }\n    }\n\n    &.active {\n      background: ${COLORS.neutral_20};\n\n      ${ItemLabel}, ${ItemIcon} {\n        color: ${COLORS.neutral_800};\n      }\n\n      &::after {\n        position: absolute;\n        content: ' ';\n        width: 4px;\n        top: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\n        bottom: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\n        left: 4px;\n        background-color: ${COLORS.primary_500};\n\n        border-radius: 4px;\n      }\n    }\n\n\n    &.locked {\n      background: none;\n      cursor: not-allowed;\n      \n      ${ItemIcon}, ${ItemLabel} {\n        color: ${COLORS.neutral_500};\n      }\n    }\n\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\n      background-color: ${COLORS.primary_20};\n\n      ${ItemIcon}, ${ItemLabel} {\n        color: ${COLORS.primary_700};\n      }      \n\n      &::after {\n        background-color: ${COLORS.primary_700};\n      }\n    }\n\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\n      background-color: ${COLORS.primary_100};\n\n      ${ItemIcon}, ${ItemLabel} {\n        color: ${COLORS.primary_800};\n      }\n\n      &::after {\n        background-color: ${COLORS.primary_800};\n      }\n    }\n\n    &.active.locked {\n      &::after {\n        background-color: ${COLORS.neutral_500};\n      } \n    }\n\n    &.active:disabled:not(.locked) {\n      &::after {\n        background-color: ${COLORS.neutral_300};\n      }     \n    }\n\n    &:disabled:not(.locked), &.disabled-state {\n      background: none;\n      cursor: not-allowed;\n      \n      ${ItemIcon}, ${ItemLabel} {\n        color: ${COLORS.neutral_300} !important;\n      }\n    }\n\n    &.dropdown-hover:not(:disabled) {\n      background-color: ${COLORS.primary_20};\n      color: ${COLORS.primary_600};\n    }\n  `;\n};\n\nconst MenuItem = React.forwardRef<HTMLButtonElement, MenuItemProps>(({\n                                                                       active,\n                                                                       item,\n                                                                       onClickHandler,\n                                                                       size = Size.Medium,\n                                                                       className,\n                                                                       tabIndex,\n                                                                       iconRight,\n                                                                       id,\n                                                                       ...rest\n                                                                     }: MenuItemProps, ref) => {\n  return (\n    <DropdownButton\n        type=\"button\"\n        size={size}\n        disabled={item.disabled || item.locked}\n        tabIndex={tabIndex}\n        onMouseDown={defaultOnMouseDownHandler}\n        ref={ref}\n        onClick={onClickHandler}\n        className={ className + ' ' + (item.locked ? 'locked' : '') + ' ' + (item.showDividerAbove ? 'show-divider-above' : '') + ' ' + (active ? 'active' : '')}\n        id={id}\n        {...rest}>\n        {item.showDividerAbove && <div className=\"divider\" />}\n        <ItemContent size={size}>\n          {item.icon && <ItemIcon>{item.icon}</ItemIcon>}\n          <ItemLabel>\n              <div>\n                <div>{item.displayLabel ?? item.value}</div>\n                {item.noteLabel && <div style={{ fontSize: '12px', lineHeight: '16px' }}>{item.noteLabel}</div>}\n              </div>\n            {\n              item.locked &&\n              <ItemIconRight>\n                <SystemIcons.LockedOn color={COLORS.neutral_400} className=\"extraMargin\" size=\"24px\"/>\n              </ItemIconRight>\n            }\n            {\n              !item.locked && !!iconRight &&\n              <ItemIconRight>\n                {React.cloneElement(iconRight, {className: 'extraMargin', size: '24px',})}\n              </ItemIconRight>\n            }\n\n          </ItemLabel>\n        </ItemContent>\n  </DropdownButton>\n  );\n});\n\nexport default MenuItem;\n"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","names":["React","styled","css","COLORS","ComponentTextStyle","focusStyles","SystemIcons","Size","ComponentLStyling","ComponentMStyling","ComponentSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","DropdownButton","button","_templateObject","_taggedTemplateLiteral","props","DropdownButtonCSS","size","ItemLabel","div","_templateObject2","ItemIcon","_templateObject3","ItemIconRight","_templateObject4","ItemContent","_templateObject5","Small","Large","Medium","_templateObject6","Regular","neutral_600","white","primary_20","primary_700","primary_100","primary_800","neutral_20","neutral_800","primary_500","neutral_500","neutral_300","primary_600","MenuItem","forwardRef","_ref","ref","_item$displayLabel","active","item","onClickHandler","_ref$size","className","tabIndex","iconRight","id","rest","_objectWithoutProperties","_excluded","_objectSpread","type","disabled","locked","onMouseDown","onClick","showDividerAbove","children","icon","displayLabel","value","noteLabel","style","fontSize","lineHeight","LockedOn","color","neutral_400","cloneElement","propTypes","_pt","func","isRequired","bool","string","element"],"sources":["../../src/MenuItem/MenuItem.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles';\r\nimport { DropdownItem } from '../Dropdown';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {\r\n  /** Required. Details of the item. */\r\n  item: DropdownItem;\r\n  /** Required. Handler to be called when user clicks on the menu item */\r\n  onClickHandler: (e: React.MouseEvent) => void;\r\n  /** Required. Styles are different for MenuItems in 'active' state.  */\r\n  active: boolean;\r\n  /** Required. Id of the MenuItem.  */\r\n  id: string;\r\n  /** Optional. Size of the component. Defaults to 'medium'.  */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Optional. Icon to be shown on the right side of the menu item. Icon will be shown only if 'locked' flag of 'item' is not set. */\r\n  iconRight?: React.ReactElement;\r\n}\r\n\r\nexport const DropdownButton = styled.button<{ size?: Size }>`\r\n  ${(props) => DropdownButtonCSS(props.size)}\r\n`;\r\n\r\nexport const ItemLabel = styled.div``;\r\n\r\nexport const ItemIcon = styled.div``;\r\n\r\nexport const ItemIconRight = styled.div`\r\n  align-items: center;\r\n  display: flex;\r\n`;\r\n\r\nexport const ItemContent = styled.div<{size:Size}>`\r\n    margin: ${props=>props.size===Size.Small?'auto 0 auto 10px':(props.size===Size.Large?'auto 0 auto 26px':'auto 0 auto 18px')};\r\n    display: flex;\r\n    align-items: center;\r\n    flex-grow: 2;\r\n\r\n    ${ItemLabel} {\r\n      margin: ${props => props.size === Size.Small || props.size === Size.Medium ? '14px 0' : '16px 0'};\r\n      flex: 1 0 calc(100% - 40px);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n    }\r\n\r\n    ${ItemIcon} {\r\n      margin-right: 8px;\r\n      svg {\r\n        display: block;\r\n        margin: auto;\r\n        height:${props=>props.size===Size.Small?'20px':''};\r\n        width:${props=>props.size===Size.Small?'20px':''};\r\n      }\r\n    }\r\n\r\n    ${ItemIconRight} {\r\n      flex-grow: 2;\r\n\r\n      .extraMargin {\r\n        position: absolute;\r\n        right: ${props=>props.size===Size.Small?'16px':'24px'};\r\n      }\r\n    }\r\n`;\r\n\r\n\r\nexport const DropdownButtonCSS = (size?: Size) => {\r\n  return css`\r\n    ${size == Size.Small && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    ${size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n    ${size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n    position: relative;\r\n    text-decoration: none;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    min-height: ${size == Size.Large ? '64px' : size == Size.Medium ? '56px' : '48px'};\r\n    background-color: ${COLORS.white};\r\n    border: none;\r\n    cursor: pointer;\r\n    background: none;\r\n    width: 100%;\r\n    text-align: left;\r\n\r\n    span {\r\n      margin: auto 0 auto 16px;\r\n      line-height: 48px;\r\n    }\r\n\r\n    ${ItemLabel}, ${ItemIcon} {\r\n      color: ${COLORS.neutral_600};\r\n    }\r\n\r\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\r\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\r\n      background: ${COLORS.primary_20};\r\n      ${ItemLabel}, ${ItemIcon} {\r\n        color: ${COLORS.primary_700};\r\n      }\r\n    }\r\n\r\n    &:focus, &.focus-state, &.focus-visible {\r\n      ${focusStyles}\r\n    }\r\n\r\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\r\n      background: ${COLORS.primary_100};\r\n      ${ItemLabel}, ${ItemIcon} {\r\n        color: ${COLORS.primary_800};\r\n      }\r\n    }\r\n\r\n    &.active {\r\n      background: ${COLORS.neutral_20};\r\n\r\n      ${ItemLabel}, ${ItemIcon} {\r\n        color: ${COLORS.neutral_800};\r\n      }\r\n\r\n      &::after {\r\n        position: absolute;\r\n        content: ' ';\r\n        width: 4px;\r\n        top: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\r\n        bottom: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\r\n        left: 4px;\r\n        background-color: ${COLORS.primary_500};\r\n\r\n        border-radius: 4px;\r\n      }\r\n    }\r\n\r\n\r\n    &.locked {\r\n      background: none;\r\n      cursor: not-allowed;\r\n      \r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${COLORS.neutral_500};\r\n      }\r\n    }\r\n\r\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\r\n      background-color: ${COLORS.primary_20};\r\n\r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${COLORS.primary_700};\r\n      }      \r\n\r\n      &::after {\r\n        background-color: ${COLORS.primary_700};\r\n      }\r\n    }\r\n\r\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\r\n      background-color: ${COLORS.primary_100};\r\n\r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${COLORS.primary_800};\r\n      }\r\n\r\n      &::after {\r\n        background-color: ${COLORS.primary_800};\r\n      }\r\n    }\r\n\r\n    &.active.locked {\r\n      &::after {\r\n        background-color: ${COLORS.neutral_500};\r\n      } \r\n    }\r\n\r\n    &.active:disabled:not(.locked) {\r\n      &::after {\r\n        background-color: ${COLORS.neutral_300};\r\n      }     \r\n    }\r\n\r\n    &:disabled:not(.locked), &.disabled-state {\r\n      background: none;\r\n      cursor: not-allowed;\r\n      \r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${COLORS.neutral_300} !important;\r\n      }\r\n    }\r\n\r\n    &.dropdown-hover:not(:disabled) {\r\n      background-color: ${COLORS.primary_20};\r\n      color: ${COLORS.primary_600};\r\n    }\r\n  `;\r\n};\r\n\r\nconst MenuItem = React.forwardRef<HTMLButtonElement, MenuItemProps>(({\r\n                                                                       active,\r\n                                                                       item,\r\n                                                                       onClickHandler,\r\n                                                                       size = Size.Medium,\r\n                                                                       className,\r\n                                                                       tabIndex,\r\n                                                                       iconRight,\r\n                                                                       id,\r\n                                                                       ...rest\r\n                                                                     }: MenuItemProps, ref) => {\r\n  return (\r\n    <DropdownButton\r\n        type=\"button\"\r\n        size={size}\r\n        disabled={item.disabled || item.locked}\r\n        tabIndex={tabIndex}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        ref={ref}\r\n        onClick={onClickHandler}\r\n        className={ className + ' ' + (item.locked ? 'locked' : '') + ' ' + (item.showDividerAbove ? 'show-divider-above' : '') + ' ' + (active ? 'active' : '')}\r\n        id={id}\r\n        {...rest}>\r\n        {item.showDividerAbove && <div className=\"divider\" />}\r\n        <ItemContent size={size}>\r\n          {item.icon && <ItemIcon>{item.icon}</ItemIcon>}\r\n          <ItemLabel>\r\n              <div>\r\n                <div>{item.displayLabel ?? item.value}</div>\r\n                {item.noteLabel && <div style={{ fontSize: '12px', lineHeight: '16px' }}>{item.noteLabel}</div>}\r\n              </div>\r\n            {\r\n              item.locked &&\r\n              <ItemIconRight>\r\n                <SystemIcons.LockedOn color={COLORS.neutral_400} className=\"extraMargin\" size=\"24px\"/>\r\n              </ItemIconRight>\r\n            }\r\n            {\r\n              !item.locked && !!iconRight &&\r\n              <ItemIconRight>\r\n                {React.cloneElement(iconRight, {className: 'extraMargin', size: '24px',})}\r\n              </ItemIconRight>\r\n            }\r\n\r\n          </ItemLabel>\r\n        </ItemContent>\r\n  </DropdownButton>\r\n  );\r\n});\r\n\r\nexport default MenuItem;\r\n"],"mappings":"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","ignoreList":[]}