@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/umd/SkipToContent/SkipToContent.js

@@ -1,114 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "react", "styled-components", "../styles", "../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"), require("styled-components"), require("../styles"), require("../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.react, global.styledComponents, global.styles, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _react, _styledComponents, _styles, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (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;
-  }
-
-  const SkipToContentLink = _styledComponents2.default.a`
-  ${(0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.black)}
-  
-  text-decoration: underline;
-`;
-  const SkipToContentWrapper = _styledComponents2.default.div`
-  text-decoration: none;
-  z-index: -1000;
-  height: 0px;
-  overflow-x: hidden;
-
-  &:focus-within {
-    height: auto;
-    padding: 16px;
-    z-index: 100000;
-
-    background: ${_styles.COLORS.accent2_200};
-  }
-
-  @media print {
-    display: none;
-  }
-`;
-
-  const SkipToContent = ({
-    children
-  }) => {
-    return /*#__PURE__*/React.createElement(SkipToContentWrapper, null, /*#__PURE__*/React.createElement(SkipToContentLink, {
-      href: "#main"
-    }, children));
-  };
-
-  exports.default = SkipToContent;
-});
-//# sourceMappingURL=SkipToContent.js.map

package/dist/umd/SkipToContent/SkipToContent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/SkipToContent/SkipToContent.tsx"],"names":["SkipToContentLink","styled","a","ComponentSStyling","ComponentTextStyle","COLORS","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"mappings":";;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,QAAMA,iBAAiB,GAAGC,2BAAOC,CAAE;AACnC,IAAIC,mCAAkBC,2BAAD,IAAjBD,EAA2CE,eAA1B,KAAjBF,CAAyD;AAC7D;AACA;AAHA,CAAA;AAMA,QAAMG,oBAAoB,GAAGL,2BAAOM,GAAI;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBF,eAAOG,WAAY;AACrC;AACA;AACA;AACA;AACA;AAhBA,CAAA;;AAmBA,QAAMC,aAA0D,GAAG,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAkB;AACnF,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAmB,MAAA,IAAI,EAAC;AAAxB,KAAA,EAFJ,QAEI,CADF,CADF;AADF,GAAA;;oBAQA,a","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, TYPOGRAPHY} from '../styles';\r\nimport {ComponentSStyling} from '../styles/typography';\r\n\r\ntype SkipToContentProps = {};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n  \r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n\r\n    background: ${COLORS.accent2_200};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"file":"SkipToContent.js"}

package/dist/umd/SkipToContent/index.js

@@ -1,32 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./SkipToContent"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./SkipToContent"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.SkipToContent);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _SkipToContent) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "SkipToContent", {
-    enumerable: true,
-    get: function () {
-      return _interopRequireDefault(_SkipToContent).default;
-    }
-  });
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-});
-//# sourceMappingURL=index.js.map

package/dist/umd/SkipToContent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/SkipToContent/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;oDAAA,O","sourcesContent":["export { default as SkipToContent } from './SkipToContent';\r\n"],"file":"index.js"}

package/dist/umd/Switcher/MobileSwitcherMenu.js

@@ -1,205 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../styles", "../Button", "../icons/systemicons/SystemIcons", "../GlobalNavigationBar/mobile/CommonStyles", "./SwitcherMenuItem", "../styles/typography", "../styles/z-indexes"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../styles"), require("../Button"), require("../icons/systemicons/SystemIcons"), require("../GlobalNavigationBar/mobile/CommonStyles"), require("./SwitcherMenuItem"), require("../styles/typography"), require("../styles/z-indexes"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styles, global.Button, global.SystemIcons, global.CommonStyles, global.SwitcherMenuItem, global.typography, global.zIndexes);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _styles, _Button, _SystemIcons, _CommonStyles, _SwitcherMenuItem, _typography, _zIndexes) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  var _SwitcherMenuItem2 = _interopRequireDefault(_SwitcherMenuItem);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const Menu = _styledComponents2.default.ul`
-  list-style: none;
-  margin: 0;
-  background-color: ${_styles.COLORS.white};
-  box-sizing: border-box;
-  display: none;
-  -webkit-animation: ${_CommonStyles.flowDown} 0.2s ease-in-out;
-  animation: ${_CommonStyles.flowDown} 0.2s ease-in-out;
-  position: absolute;
-  border-radius: 4px;
-  z-index: ${_zIndexes.Z_INDEXES.off_canvas};
-  height: 100%;
-  width: 320px;
-  padding-inline-start: 0;
-  overflow-y: scroll;
-  ${_styles.BREAKPOINTS.SMALL} {
-    min-width: 360px;
-  }
-
-  .open & {
-    display: flex;
-    flex-direction: column;
-  }
-
-  ${_styles.scrollBarStyling};
-`;
-  const MenuSection = _styledComponents2.default.li`
-  padding: 8px 0;
-  position: relative;
-
-  .disabled-link {
-    color: #21212150;
-    pointer-events: none;
-    key-events: none;
-  }
-`;
-  const MenuSectionList = _styledComponents2.default.ul`
-  list-style: none;
-  margin: 0;
-  overflow-y: unset !important;
-  padding-inline-start: 0;
-
-  ${_CommonStyles.UserMenuSectionListStyling}
-`;
-  const Top = _styledComponents2.default.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 22px 12px 0 12px;
-  color: ${_styles.COLORS.neutral_600};
-
-  h3 {
-    margin-block-start: 0 !important;
-    margin-block-end: 0 !important;
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    margin-left: 24px;
-
-    ${(0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, 'inherit')}
-  }
-`;
-  const LabelLine = _styledComponents2.default.span`
-  height: 32px;
-  background-color: ${_styles.COLORS.neutral_20};
-  padding-left: 24px;
-  display: flex;
-  line-height: 32px;
-`;
-
-  const MobileSwitcherMenu = ({
-    header,
-    elementsHeader,
-    clickMenuAction,
-    elements
-  }) => {
-    React.useEffect(() => {
-      function handleKeyPress(e) {
-        if (e.keyCode === 27) {
-          clickMenuAction();
-        }
-      }
-
-      document.addEventListener('keydown', handleKeyPress, false);
-      return () => {
-        document.removeEventListener('keydown', handleKeyPress, false);
-      };
-    }, [clickMenuAction]);
-    return /*#__PURE__*/React.createElement(Menu, {
-      onClick: () => {},
-      role: "menu",
-      "aria-labelledby": "UserMenuButton"
-    }, /*#__PURE__*/React.createElement(Top, null, /*#__PURE__*/React.createElement(_Button.IconButton, {
-      variant: "secondary",
-      shape: "circular",
-      action: clickMenuAction,
-      isInMobileMenu: true
-    }, /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineLeft, {
-      size: "24px",
-      color: _styles.COLORS.neutral_600
-    })), /*#__PURE__*/React.createElement("h3", null, header), /*#__PURE__*/React.createElement(_CommonStyles.Right, null, /*#__PURE__*/React.createElement(_Button.IconButton, {
-      variant: "secondary",
-      shape: "circular",
-      action: clickMenuAction,
-      isInMobileMenu: true
-    }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-      size: "24px"
-    })))), elements && elements?.length > 0 && /*#__PURE__*/React.createElement(MenuSection, null, /*#__PURE__*/React.createElement(LabelLine, null, elementsHeader), /*#__PURE__*/React.createElement(MenuSectionList, null, elements?.map(element => /*#__PURE__*/React.createElement(_SwitcherMenuItem2.default, {
-      url: element?.to,
-      label: element?.label,
-      Icon: element.icon
-    })))));
-  };
-
-  MobileSwitcherMenu.propTypes = {
-    header: _propTypes2.default.string.isRequired,
-    elementsHeader: _propTypes2.default.string.isRequired,
-    clickMenuAction: _propTypes2.default.func.isRequired,
-    elements: _propTypes2.default.array
-  };
-  exports.default = MobileSwitcherMenu;
-});
-//# sourceMappingURL=MobileSwitcherMenu.js.map

package/dist/umd/Switcher/MobileSwitcherMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Switcher/MobileSwitcherMenu.tsx"],"names":["Menu","styled","ul","COLORS","white","flowDown","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","scrollBarStyling","MenuSection","li","MenuSectionList","UserMenuSectionListStyling","Top","div","neutral_600","ComponentSStyling","ComponentTextStyle","LabelLine","span","neutral_20","header","elementsHeader","clickMenuAction","elements","MobileSwitcherMenu","React","e","document","element","icon"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, scrollBarStyling} from '../styles';\r\n\r\nimport {UserMenuItem} from '../types';\r\nimport {IconButton} from '../Button';\r\nimport {ArrowLineLeft, Close} from '../icons/systemicons/SystemIcons';\r\nimport {flowDown, Right, UserMenuSectionListStyling} from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport SwitcherMenuItem from './SwitcherMenuItem';\r\nimport {ComponentSStyling} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nconst Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  background-color: ${COLORS.white};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  border-radius: 4px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  width: 320px;\r\n  padding-inline-start: 0;\r\n  overflow-y: scroll;\r\n  ${BREAKPOINTS.SMALL} {\r\n    min-width: 360px;\r\n  }\r\n\r\n  .open & {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  ${scrollBarStyling};\r\n`;\r\n\r\nconst MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nconst MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  overflow-y: unset !important;\r\n  padding-inline-start: 0;\r\n\r\n  ${UserMenuSectionListStyling}\r\n`;\r\n\r\nconst Top = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 22px 12px 0 12px;\r\n  color: ${COLORS.neutral_600};\r\n\r\n  h3 {\r\n    margin-block-start: 0 !important;\r\n    margin-block-end: 0 !important;\r\n    margin-inline-start: 0px;\r\n    margin-inline-end: 0px;\r\n    margin-left: 24px;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n`;\r\n\r\nconst LabelLine = styled.span`\r\n  height: 32px;\r\n  background-color: ${COLORS.neutral_20};\r\n  padding-left: 24px;\r\n  display: flex;\r\n  line-height: 32px;\r\n`;\r\n\r\ninterface Props {\r\n  header: string;\r\n  elementsHeader: string;\r\n  clickMenuAction: () => void;\r\n  elements?: UserMenuItem[];\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ header, elementsHeader, clickMenuAction, elements }: Props) => {\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\r\n      }\r\n    }\r\n\r\n    document.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [clickMenuAction]);\r\n\r\n  return (\r\n    <Menu onClick={() => {}} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <Top>\r\n        <IconButton variant=\"secondary\" shape=\"circular\" action={clickMenuAction} isInMobileMenu={true}>\r\n          <ArrowLineLeft size=\"24px\" color={COLORS.neutral_600} />\r\n        </IconButton>\r\n        <h3>{header}</h3>\r\n        <Right>\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={clickMenuAction} isInMobileMenu={true}>\r\n            <Close size=\"24px\" />\r\n          </IconButton>\r\n        </Right>\r\n      </Top>\r\n      {elements && elements?.length > 0 && (\r\n        <MenuSection>\r\n          <LabelLine>{elementsHeader}</LabelLine>\r\n          <MenuSectionList>\r\n            {elements?.map((element) => (\r\n              <SwitcherMenuItem url={element?.to} label={element?.label} Icon={element.icon} />\r\n            ))}\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      )}\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"file":"MobileSwitcherMenu.js"}

package/dist/umd/Switcher/SwitcherMenuItem.js

@@ -1,183 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "react", "styled-components", "../styles", "../styles/typography", "../styles/z-indexes"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"), require("styled-components"), require("../styles"), require("../styles/typography"), require("../styles/z-indexes"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.react, global.styledComponents, global.styles, global.typography, global.zIndexes);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _react, _styledComponents, _styles, _typography, _zIndexes) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (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;
-  }
-
-  const StyledSwitcherItem = _styledComponents2.default.div`
-  padding: 16px 25px;
-  margin: 0 2px;
-
-  display: flex;
-  align-items: center;
-  text-align: center;
-  position: relative;
-
-  ${(0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600)}
-
-  text-decoration: none;
-
-  svg {
-    margin-right: 16px;
-  }
-
-  &:after {
-    content: '';
-    display: block;
-    position: absolute;
-    left: 4px;
-    top: 4px;
-    bottom: 4px;
-    width: 4px;
-    background-color: transparent;
-    border-radius: 2px;
-  }
-
-  &.active:not(.disabled) {
-    z-index: ${_zIndexes.Z_INDEXES.active};
-    font-weight: bold;
-    color: ${_styles.COLORS.neutral_800};
-
-    &:after {
-      background-color: ${_styles.COLORS.primary_500};
-    }
-
-    svg path {
-      fill: ${_styles.COLORS.neutral_800};
-    }
-  }
-
-  &.disabled {
-    color: ${_styles.COLORS.neutral_300};
-    background-color: ${_styles.COLORS.neutral_100};
-  }
-
-  &:hover:not(.disabled) {
-    z-index: ${_zIndexes.Z_INDEXES.hover};
-    color: ${_styles.COLORS.primary_600};
-    background-color: ${_styles.COLORS.primary_20};
-
-    svg path {
-      fill: ${_styles.COLORS.primary_600};
-    }
-  }
-
-  &:active:not(.disabled) {
-    z-index: ${_zIndexes.Z_INDEXES.active};
-    color: ${_styles.COLORS.primary_800};
-    background-color: ${_styles.COLORS.primary_100};
-    box-shadow: none;
-
-    &:after {
-      background-color: ${_styles.COLORS.primary_500};
-    }
-
-    svg path {
-      fill: ${_styles.COLORS.primary_800};
-    }
-  }
-
-  &:focus:not(.disabled) {
-    z-index: ${_zIndexes.Z_INDEXES.focus};
-    box-shadow: 0px 0px 8px ${_styles.COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);
-    outline: none;
-  }
-`;
-  const A = _styledComponents2.default.a``;
-
-  const SwitcherMenuItem = ({
-    label,
-    url,
-    disabled,
-    Icon,
-    as = A,
-    testId
-  }) => /*#__PURE__*/React.createElement(StyledSwitcherItem, {
-    onClick: () => window.location.href = url || '',
-    as: as,
-    href: url || '',
-    target: "_parent",
-    key: label,
-    className: disabled ? 'disabled' : '',
-    "data-testid": testId
-  }, Icon && /*#__PURE__*/React.createElement(Icon, {
-    size: "22px",
-    color: "#666666"
-  }), label);
-
-  exports.default = SwitcherMenuItem;
-});
-//# sourceMappingURL=SwitcherMenuItem.js.map

package/dist/umd/Switcher/SwitcherMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Switcher/SwitcherMenuItem.tsx"],"names":["StyledSwitcherItem","styled","div","ComponentMStyling","ComponentTextStyle","COLORS","Z_INDEXES","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","focus","A","a","SwitcherMenuItem","as","testId","window","url","disabled","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,QAAMA,kBAAkB,GAAGC,2BAAOC,GAAI;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,mCAAkBC,2BAAD,OAAjBD,EAA8CE,eAA7B,WAAjBF,CAAkE;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeG,oBAAUC,MAAO;AAChC;AACA,aAAaF,eAAOG,WAAY;AAChC;AACA;AACA,0BAA0BH,eAAOI,WAAY;AAC7C;AACA;AACA;AACA,cAAcJ,eAAOG,WAAY;AACjC;AACA;AACA;AACA;AACA,aAAaH,eAAOK,WAAY;AAChC,wBAAwBL,eAAOM,WAAY;AAC3C;AACA;AACA;AACA,eAAeL,oBAAUM,KAAM;AAC/B,aAAaP,eAAOQ,WAAY;AAChC,wBAAwBR,eAAOS,UAAW;AAC1C;AACA;AACA,cAAcT,eAAOQ,WAAY;AACjC;AACA;AACA;AACA;AACA,eAAeP,oBAAUC,MAAO;AAChC,aAAaF,eAAOU,WAAY;AAChC,wBAAwBV,eAAOW,WAAY;AAC3C;AACA;AACA;AACA,0BAA0BX,eAAOI,WAAY;AAC7C;AACA;AACA;AACA,cAAcJ,eAAOU,WAAY;AACjC;AACA;AACA;AACA;AACA,eAAeT,oBAAUW,KAAM;AAC/B,8BAA8BZ,eAAOI,WAAY;AACjD;AACA;AA7EA,CAAA;AAgFA,QAAMS,CAAC,GAAGjB,2BAAOkB,CAAjB,EAAA;;AAEA,QAAMC,gBAAgB,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,GAAA;AAAA,IAAA,QAAA;AAAA,IAAA,IAAA;AAA8BC,IAAAA,EAAE,GAAhC,CAAA;AAAsCC,IAAAA;AAAtC,GAAD,KAAA,aACvB,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AACE,IAAA,OAAO,EAAE,MAAOC,MAAM,CAANA,QAAAA,CAAAA,IAAAA,GAAuBC,GAAG,IAD5C,EAAA;AAEE,IAAA,EAAE,EAFJ,EAAA;AAGE,IAAA,IAAI,EAAEA,GAAG,IAHX,EAAA;AAIE,IAAA,MAAM,EAJR,SAAA;AAKE,IAAA,GAAG,EALL,KAAA;AAME,IAAA,SAAS,EAAEC,QAAQ,GAAA,UAAA,GANrB,EAAA;AAOE,mBAAaH;AAPf,GAAA,EAQGI,IAAI,IAAA,aAAI,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAM,IAAA,IAAI,EAAV,MAAA;AAAkB,IAAA,KAAK,EAAC;AAAxB,GAAA,CARX,EADF,KACE,CADF;;oBAcA,gB","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\nimport {SwitcherNavItem} from '../types';\r\nimport {ComponentMStyling} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\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  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\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: ${COLORS.neutral_800};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n    box-shadow: none;\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n    outline: none;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\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    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {Icon && <Icon size=\"22px\" color=\"#666666\" />}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"file":"SwitcherMenuItem.js"}

package/dist/umd/Switcher/__tests__/SwitcherMenuItem.js

@@ -1,40 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["react", "@testing-library/react", "../index", "../../styles", "jest-styled-components"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(require("react"), require("@testing-library/react"), require("../index"), require("../../styles"), require("jest-styled-components"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(global.react, global.react, global.index, global.styles, global.jestStyledComponents);
-    global.undefined = mod.exports;
-  }
-})(this, function (_react, _react3, _index, _styles) {
-  "use strict";
-
-  var _react2 = _interopRequireDefault(_react);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  describe('<SwitcherMenuItem />', () => {
-    it('Renders SwitcherMenuItem', async () => {
-      const {
-        queryByText,
-        getByTestId
-      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.SwitcherMenuItem, {
-        label: "TestLabel",
-        url: "/test",
-        testId: "TestSwitcherMenuItem"
-      }));
-      expect(queryByText('TestLabel')).toBeDefined();
-      const testMenuItem = getByTestId('TestSwitcherMenuItem');
-      expect(testMenuItem).toHaveStyleRule('color', _styles.COLORS.neutral_600);
-    });
-  });
-});
-//# sourceMappingURL=SwitcherMenuItem.js.map

package/dist/umd/Switcher/__tests__/SwitcherMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Switcher/__tests__/SwitcherMenuItem.tsx"],"names":["describe","it","getByTestId","render","expect","queryByText","testMenuItem","COLORS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMAA,EAAAA,QAAQ,CAAA,sBAAA,EAAyB,MAAM;AACrCC,IAAAA,EAAE,CAAA,0BAAA,EAA6B,YAAY;AACzC,YAAM;AAAA,QAAA,WAAA;AAAeC,QAAAA;AAAf,UAA+BC,qBAAM,aAAC,gBAAA,aAAA,CAAA,uBAAA,EAAA;AAAkB,QAAA,KAAK,EAAvB,WAAA;AAAoC,QAAA,GAAG,EAAvC,OAAA;AAAgD,QAAA,MAAM,EAAC;AAAvD,OAAA,CAAPA,CAArC;AACAC,MAAAA,MAAM,CAACC,WAAW,CAAlBD,WAAkB,CAAZ,CAANA,CAAAA,WAAAA;AAEA,YAAME,YAAY,GAAGJ,WAAW,CAAhC,sBAAgC,CAAhC;AACAE,MAAAA,MAAM,CAANA,YAAM,CAANA,CAAAA,eAAAA,CAAAA,OAAAA,EAA8CG,eAA9CH,WAAAA;AALFH,KAAE,CAAFA;AADFD,GAAQ,CAARA","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { SwitcherMenuItem } from '../index';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\n\r\ndescribe('<SwitcherMenuItem />', () => {\r\n  it('Renders SwitcherMenuItem', async () => {\r\n    const { queryByText, getByTestId } = render(<SwitcherMenuItem label=\"TestLabel\" url=\"/test\" testId=\"TestSwitcherMenuItem\" />);\r\n    expect(queryByText('TestLabel')).toBeDefined();\r\n\r\n    const testMenuItem = getByTestId('TestSwitcherMenuItem');\r\n    expect(testMenuItem).toHaveStyleRule('color', COLORS.neutral_600);\r\n  });\r\n});\r\n"],"file":"SwitcherMenuItem.js"}

package/dist/umd/Switcher/index.js

@@ -1,34 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./SwitcherMenuItem", "./MobileSwitcherMenu"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./SwitcherMenuItem"), require("./MobileSwitcherMenu"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.SwitcherMenuItem, global.MobileSwitcherMenu);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _SwitcherMenuItem, _MobileSwitcherMenu) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.MobileSwitcherMenu = exports.SwitcherMenuItem = undefined;
-
-  var _SwitcherMenuItem2 = _interopRequireDefault(_SwitcherMenuItem);
-
-  var _MobileSwitcherMenu2 = _interopRequireDefault(_MobileSwitcherMenu);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  exports.SwitcherMenuItem = _SwitcherMenuItem2.default;
-  exports.MobileSwitcherMenu = _MobileSwitcherMenu2.default;
-});
-//# sourceMappingURL=index.js.map

package/dist/umd/Switcher/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Switcher/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGA,gB,GAAA,0B;UAAA,kB,GAAA,4B","sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\r\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\r\n\r\nexport { SwitcherMenuItem, MobileSwitcherMenu };\r\n"],"file":"index.js"}