@laerdal/life-react-components 5.0.8-dev.2.full → 5.0.9

package/dist/Switcher/MobileSwitcherMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_MobileMenuHeader","_MobileMenuContent","_MobileCustomMenuContent","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","_taggedTemplateLiteral2","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","_ref","label","header","note","onMenuClose","customContent","items","footerAction","jsxs","role","children","jsx","onGoBack","onClose","action","MobileCustomMenuContent","propTypes","_propTypes","string","isRequired","func","array","node","_default","exports"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileSwitcherMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_MobileMenuHeader","_MobileMenuContent","_MobileCustomMenuContent","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","_taggedTemplateLiteral2","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","_ref","label","header","note","onMenuClose","customContent","items","footerAction","jsxs","role","children","jsx","onGoBack","onClose","action","MobileCustomMenuContent","propTypes","_propTypes","string","isRequired","func","array","node","_default","exports"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Switcher/MobileSwitcherMenu.js

@@ -8,18 +8,17 @@ import { Z_INDEXES } from '../styles';
 import MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';
 import MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';
 import { MobileCustomMenuContent } from './MobileCustomMenuContent';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 320px;\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ", " {\n    width: 400px;\n  }\n"])), Z_INDEXES.off_canvas, BREAKPOINTS.SMALL);
-const MobileSwitcherMenu = _ref => {
-  let {
-    label,
-    header,
-    note,
-    onMenuClose,
-    customContent,
-    items,
-    footerAction
-  } = _ref;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 320px;\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ", " {\n    width: 400px;\n  }\n"])), Z_INDEXES.off_canvas, BREAKPOINTS.SMALL);
+var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
+  var label = _ref.label,
+    header = _ref.header,
+    note = _ref.note,
+    onMenuClose = _ref.onMenuClose,
+    customContent = _ref.customContent,
+    items = _ref.items,
+    footerAction = _ref.footerAction;
   return /*#__PURE__*/_jsxs(Wrapper, {
     role: "menu",
     "aria-labelledby": "UserMenuButton",
@@ -29,15 +28,15 @@ const MobileSwitcherMenu = _ref => {
       onClose: onMenuClose
     }), items && /*#__PURE__*/_jsx(MobileMenuContent, {
       header: {
-        header,
-        note
+        header: header,
+        note: note
       },
       items: items,
       action: footerAction
     }), customContent && /*#__PURE__*/_jsx(MobileCustomMenuContent, {
       header: {
-        header,
-        note
+        header: header,
+        note: note
       },
       action: footerAction,
       children: customContent

package/dist/Switcher/MobileSwitcherMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","off_canvas","SMALL","MobileSwitcherMenu","_ref","label","header","note","onMenuClose","customContent","items","footerAction","role","children","onGoBack","onClose","action","propTypes","_pt","string","isRequired","func","array","node"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,QAAQ,WAAW;AAErC,OAAOC,gBAAgB,MAAM,gDAAgD;AAC7E,OAAOC,iBAAiB,MAAM,iDAAiD;AAC/E,SAASC,uBAAuB,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpE,MAAMC,OAAO,GAAGV,MAAM,CAACW,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,0LAEbX,SAAS,CAACY,UAAU,EAQ7Bb,WAAW,CAACc,KAAK,CAGpB;AAYD,MAAMC,kBAAkB,GAAGC,IAAA,IAAqF;EAAA,IAApF;IAAEC,KAAK;IAAEC,MAAM;IAAEC,IAAI;IAAEC,WAAW;IAAEC,aAAa;IAAEC,KAAK;IAAEC;EAAoB,CAAC,GAAAP,IAAA;EACzG,oBACER,KAAA,CAACC,OAAO;IAACe,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAAC,QAAA,gBACnDnB,IAAA,CAACJ,gBAAgB;MAACwB,QAAQ,EAAEN,WAAY;MAACH,KAAK,EAAEA,KAAM;MAACU,OAAO,EAAEP;IAAY,CAAE,CAAC,EAC9EE,KAAK,iBAAIhB,IAAA,CAACH,iBAAiB;MAACe,MAAM,EAAE;QAAEA,MAAM;QAAEC;MAAK,CAAE;MAACG,KAAK,EAAEA,KAAM;MAACM,MAAM,EAAEL;IAAa,CAAE,CAAC,EAC5FF,aAAa,iBACZf,IAAA,CAACF,uBAAuB;MAACc,MAAM,EAAE;QAAEA,MAAM;QAAEC;MAAK,CAAE;MAACS,MAAM,EAAEL,YAAa;MAAAE,QAAA,EACrEJ;IAAa,CACS,CAC1B;EAAA,CACM,CAAC;AAEd,CAAC;AAACN,kBAAA,CAAAc,SAAA;EArBAZ,KAAK,EAAAa,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACLd,MAAM,EAAAY,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACNb,IAAI,EAAAW,GAAA,CAAAC,MAAA;EACJX,WAAW,EAAAU,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACXV,KAAK,EAAAQ,GAAA,CAAAI,KAAA;EAELb,aAAa,EAAAS,GAAA,CAAAK;AAAA;AAiBf,eAAepB,kBAAkB","ignoreList":[]}
+{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","off_canvas","SMALL","MobileSwitcherMenu","_ref","label","header","note","onMenuClose","customContent","items","footerAction","role","children","onGoBack","onClose","action","propTypes","_pt","string","isRequired","func","array","node"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,QAAQ,WAAW;AAErC,OAAOC,gBAAgB,MAAM,gDAAgD;AAC7E,OAAOC,iBAAiB,MAAM,iDAAiD;AAC/E,SAASC,uBAAuB,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpE,IAAMC,OAAO,GAAGV,MAAM,CAACW,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,0LAEbX,SAAS,CAACY,UAAU,EAQ7Bb,WAAW,CAACc,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAwF;EAAA,IAAlFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAEC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IAAEC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAEC,YAAY,GAAAP,IAAA,CAAZO,YAAY;EAChG,oBACEf,KAAA,CAACC,OAAO;IAACe,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAAC,QAAA,gBACnDnB,IAAA,CAACJ,gBAAgB;MAACwB,QAAQ,EAAEN,WAAY;MAACH,KAAK,EAAEA,KAAM;MAACU,OAAO,EAAEP;IAAY,CAAE,CAAC,EAC9EE,KAAK,iBAAIhB,IAAA,CAACH,iBAAiB;MAACe,MAAM,EAAE;QAAEA,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAACG,KAAK,EAAEA,KAAM;MAACM,MAAM,EAAEL;IAAa,CAAE,CAAC,EAC5FF,aAAa,iBACZf,IAAA,CAACF,uBAAuB;MAACc,MAAM,EAAE;QAAEA,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAACS,MAAM,EAAEL,YAAa;MAAAE,QAAA,EACrEJ;IAAa,CACS,CAC1B;EAAA,CACM,CAAC;AAEd,CAAC;AAACN,kBAAA,CAAAc,SAAA;EArBAZ,KAAK,EAAAa,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACLd,MAAM,EAAAY,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACNb,IAAI,EAAAW,GAAA,CAAAC,MAAA;EACJX,WAAW,EAAAU,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACXV,KAAK,EAAAQ,GAAA,CAAAI,KAAA;EAELb,aAAa,EAAAS,GAAA,CAAAK;AAAA;AAiBf,eAAepB,kBAAkB","ignoreList":[]}

package/dist/Switcher/SwitcherMenuItem.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 = _interopRequireDefault(require("react"));
@@ -13,38 +13,66 @@ var _styles = require("../styles");
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-const StyledSwitcherItem = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme)), _styles.Z_INDEXES.active, props => _styles.COLORS.getColor('neutral_800', props.theme), props => _styles.COLORS.getColor('primary_500', props.theme), props => _styles.COLORS.getColor('neutral_800', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme), props => _styles.COLORS.getColor('neutral_100', props.theme), _styles.Z_INDEXES.hover, props => _styles.COLORS.getColor('primary_600', props.theme), props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_600', props.theme), _styles.Z_INDEXES.active, props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), props => _styles.COLORS.getColor('primary_500', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), _styles.focusStyles);
-const A = _styledComponents.default.a(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([""])));
-const SwitcherMenuItem = _ref => {
-  let {
-    label,
-    url,
-    disabled,
-    icon,
-    as = A,
-    testId
-  } = _ref;
+var StyledSwitcherItem = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), function (props) {
+  return (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+}, _styles.Z_INDEXES.active, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+}, _styles.Z_INDEXES.hover, function (props) {
+  return _styles.COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_600', props.theme);
+}, _styles.Z_INDEXES.active, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, _styles.focusStyles);
+var A = _styledComponents["default"].a(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])([""])));
+var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
+  var label = _ref.label,
+    url = _ref.url,
+    disabled = _ref.disabled,
+    icon = _ref.icon,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? A : _ref$as,
+    testId = _ref.testId;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSwitcherItem, {
-    onClick: () => window.location.href = url || '',
+    onClick: function onClick() {
+      return window.location.href = url || '';
+    },
     as: as,
     onMouseDown: _common.defaultOnMouseDownHandler,
     href: url || '',
     target: "_parent",
     className: disabled ? 'disabled' : '',
     "data-testid": testId,
-    children: [!!icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+    children: [!!icon && /*#__PURE__*/_react["default"].cloneElement(icon, {
       size: '24px',
       color: '#666666'
     }), label]
   }, label);
 };
 SwitcherMenuItem.propTypes = {
-  label: _propTypes.default.string.isRequired,
-  url: _propTypes.default.string.isRequired,
-  disabled: _propTypes.default.bool,
-  icon: _propTypes.default.any,
-  as: _propTypes.default.any,
-  testId: _propTypes.default.string
+  label: _propTypes["default"].string.isRequired,
+  url: _propTypes["default"].string.isRequired,
+  disabled: _propTypes["default"].bool,
+  icon: _propTypes["default"].any,
+  as: _propTypes["default"].any,
+  testId: _propTypes["default"].string
 };
-var _default = exports.default = SwitcherMenuItem;
+var _default = SwitcherMenuItem;
+exports["default"] = _default;
 //# sourceMappingURL=SwitcherMenuItem.cjs.map

package/dist/Switcher/SwitcherMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_jsxRuntime","_templateObject","_templateObject2","StyledSwitcherItem","styled","div","_taggedTemplateLiteral2","default","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","Z_INDEXES","active","hover","focusStyles","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","as","testId","jsxs","onClick","window","location","href","onMouseDown","defaultOnMouseDownHandler","target","className","children","React","cloneElement","size","color","propTypes","_propTypes","string","isRequired","bool","any","_default","exports"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAEpD,MAAMC,kBAAkB,GAAGC,yBAAM,CAACC,GAAG,CAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,CAAAC,OAAA,umCASjCC,KAAK,IAAI,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC,EAqBxFC,iBAAS,CAACC,MAAM,EAElBR,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAGvCN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAIhEN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAKrDN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EACzCN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAI7DC,iBAAS,CAACE,KAAK,EACjBT,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EACzCN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEL,KAAK,CAACM,KAAK,CAAC,EAG7DN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAKnDC,iBAAS,CAACC,MAAM,EAClBR,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EACzCN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAGlDN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAIhEN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAK5DI,mBAAW,CAIhB;AAED,MAAMC,CAAC,GAAGf,yBAAM,CAACgB,CAAC,CAAAlB,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,CAAAC,OAAA,SAAE;AAWpB,MAAMc,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAACC,KAAK;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,EAAE,GAAGR,CAAC;IAAES;EAAuB,CAAC,GAAAN,IAAA;EAAA,oBACrF,IAAAtB,WAAA,CAAA6B,IAAA,EAAC1B,kBAAkB;IACjB2B,OAAO,EAAEA,CAAA,KAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGT,GAAG,IAAI,EAAI;IAClDG,EAAE,EAAEA,EAAG;IACPO,WAAW,EAAEC,iCAA0B;IACvCF,IAAI,EAAET,GAAG,IAAI,EAAG;IAChBY,MAAM,EAAC,SAAS;IAEhBC,SAAS,EAAEZ,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAAU,QAAA,GACnB,CAAC,CAACZ,IAAI,iBAAIa,cAAK,CAACC,YAAY,CAACd,IAAI,EAAE;MAACe,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEnB,KAAK;EAAA,GAJDA,KAKa,CAAC;AAAA,CACtB;AAACF,gBAAA,CAAAsB,SAAA;EArBApB,KAAK,EAAAqB,UAAA,CAAArC,OAAA,CAAAsC,MAAA,CAAAC,UAAA;EACLtB,GAAG,EAAAoB,UAAA,CAAArC,OAAA,CAAAsC,MAAA,CAAAC,UAAA;EACHrB,QAAQ,EAAAmB,UAAA,CAAArC,OAAA,CAAAwC,IAAA;EACRrB,IAAI,EAAAkB,UAAA,CAAArC,OAAA,CAAAyC,GAAA;EACJrB,EAAE,EAAAiB,UAAA,CAAArC,OAAA,CAAAyC,GAAA;EACFpB,MAAM,EAAAgB,UAAA,CAAArC,OAAA,CAAAsC;AAAA;AAAA,IAAAI,QAAA,GAAAC,OAAA,CAAA3C,OAAA,GAkBOc,gBAAgB","ignoreList":[]}
+{"version":3,"file":"SwitcherMenuItem.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_jsxRuntime","_templateObject","_templateObject2","StyledSwitcherItem","styled","div","_taggedTemplateLiteral2","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","Z_INDEXES","active","hover","focusStyles","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","jsxs","onClick","window","location","href","onMouseDown","defaultOnMouseDownHandler","target","className","children","React","cloneElement","size","color","propTypes","_propTypes","string","isRequired","bool","any","_default","exports"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Switcher/SwitcherMenuItem.js

@@ -6,19 +6,46 @@ import styled from 'styled-components';
 import { Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles } from '../styles';
 import { defaultOnMouseDownHandler } from '../common';
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const StyledSwitcherItem = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)), Z_INDEXES.active, props => COLORS.getColor('neutral_800', props.theme), props => COLORS.getColor('primary_500', props.theme), props => COLORS.getColor('neutral_800', props.theme), props => COLORS.getColor('neutral_300', props.theme), props => COLORS.getColor('neutral_100', props.theme), Z_INDEXES.hover, props => COLORS.getColor('primary_600', props.theme), props => COLORS.getColor('primary_20', props.theme), props => COLORS.getColor('primary_600', props.theme), Z_INDEXES.active, props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('primary_100', props.theme), props => COLORS.getColor('primary_500', props.theme), props => COLORS.getColor('primary_800', props.theme), focusStyles);
-const A = styled.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
-const SwitcherMenuItem = _ref => {
-  let {
-    label,
-    url,
-    disabled,
-    icon,
-    as = A,
-    testId
-  } = _ref;
+var StyledSwitcherItem = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), function (props) {
+  return ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+}, Z_INDEXES.active, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+}, Z_INDEXES.hover, function (props) {
+  return COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_600', props.theme);
+}, Z_INDEXES.active, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_500', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, focusStyles);
+var A = styled.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
+var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
+  var label = _ref.label,
+    url = _ref.url,
+    disabled = _ref.disabled,
+    icon = _ref.icon,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? A : _ref$as,
+    testId = _ref.testId;
   return /*#__PURE__*/_jsxs(StyledSwitcherItem, {
-    onClick: () => window.location.href = url || '',
+    onClick: function onClick() {
+      return window.location.href = url || '';
+    },
     as: as,
     onMouseDown: defaultOnMouseDownHandler,
     href: url || '',

package/dist/Switcher/SwitcherMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","jsxs","_jsxs","StyledSwitcherItem","div","_templateObject","_taggedTemplateLiteral","props","Regular","getColor","theme","active","hover","A","a","_templateObject2","SwitcherMenuItem","_ref","label","url","disabled","icon","as","testId","onClick","window","location","href","onMouseDown","target","className","children","cloneElement","size","color","propTypes","_pt","string","isRequired","bool","any"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,EAAEC,iBAAiB,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAO,WAAW;AAC/F,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAEpD,MAAMC,kBAAkB,GAAGT,MAAM,CAACU,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,smCASjCC,KAAK,IAAIX,iBAAiB,CAACE,kBAAkB,CAACU,OAAO,EAAEX,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,EAqBxFf,SAAS,CAACgB,MAAM,EAElBJ,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGvCH,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAIhEH,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAKrDH,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EACzCH,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAI7Df,SAAS,CAACiB,KAAK,EACjBL,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EACzCH,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC,EAG7DH,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAKnDf,SAAS,CAACgB,MAAM,EAClBJ,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EACzCH,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGlDH,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAIhEH,KAAK,IAAIV,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAK5DX,WAAW,CAIhB;AAED,MAAMc,CAAC,GAAGnB,MAAM,CAACoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAT,sBAAA,QAAE;AAWpB,MAAMU,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAACC,KAAK;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,EAAE,GAAGT,CAAC;IAAEU;EAAuB,CAAC,GAAAN,IAAA;EAAA,oBACrFf,KAAA,CAACC,kBAAkB;IACjBqB,OAAO,EAAEA,CAAA,KAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGR,GAAG,IAAI,EAAI;IAClDG,EAAE,EAAEA,EAAG;IACPM,WAAW,EAAE5B,yBAA0B;IACvC2B,IAAI,EAAER,GAAG,IAAI,EAAG;IAChBU,MAAM,EAAC,SAAS;IAEhBC,SAAS,EAAEV,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAAQ,QAAA,GACnB,CAAC,CAACV,IAAI,iBAAI5B,KAAK,CAACuC,YAAY,CAACX,IAAI,EAAE;MAACY,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEhB,KAAK;EAAA,GAJDA,KAKa,CAAC;AAAA,CACtB;AAACF,gBAAA,CAAAmB,SAAA;EArBAjB,KAAK,EAAAkB,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACLnB,GAAG,EAAAiB,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACHlB,QAAQ,EAAAgB,GAAA,CAAAG,IAAA;EACRlB,IAAI,EAAAe,GAAA,CAAAI,GAAA;EACJlB,EAAE,EAAAc,GAAA,CAAAI,GAAA;EACFjB,MAAM,EAAAa,GAAA,CAAAC;AAAA;AAkBR,eAAerB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","jsxs","_jsxs","StyledSwitcherItem","div","_templateObject","_taggedTemplateLiteral","props","Regular","getColor","theme","active","hover","A","a","_templateObject2","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","onClick","window","location","href","onMouseDown","target","className","children","cloneElement","size","color","propTypes","_pt","string","isRequired","bool","any"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Switcher/index.cjs

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MobileSwitcherMenu", {
   enumerable: true,
-  get: function () {
-    return _MobileSwitcherMenu.default;
+  get: function get() {
+    return _MobileSwitcherMenu["default"];
   }
 });
 Object.defineProperty(exports, "SwitcherMenuItem", {
   enumerable: true,
-  get: function () {
-    return _SwitcherMenuItem.default;
+  get: function get() {
+    return _SwitcherMenuItem["default"];
   }
 });
 var _SwitcherMenuItem = _interopRequireDefault(require("./SwitcherMenuItem"));