@laerdal/life-react-components 5.0.9 → 5.1.0

package/dist/SideMenu/SideMenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","ItemsContainer","_templateObject2","ButtonsContainer","_templateObject3","LogoContainer","_templateObject4","NoteContainer","_templateObject5","Regular","SideMenuFooter","_props$footer","_props$footer$items","_props$footer2","_props$footer2$button","_props$footer3","_props$footer3$button","_props$footer4","children","footer","items","length","map","item","index","_objectSpread","size","buttons","button","label","height","width","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","ItemsContainer","_templateObject2","ButtonsContainer","_templateObject3","LogoContainer","_templateObject4","NoteContainer","_templateObject5","Regular","SideMenuFooter","_props$footer","_props$footer2","_props$footer3","_props$footer4","children","footer","items","length","map","item","index","_objectSpread","size","buttons","button","label","height","width","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/SideMenu/SideMenuHeader.cjs

@@ -14,24 +14,20 @@ var _styles = require("../styles");
 var _Button = require("../Button");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["icon"];
+const _excluded = ["icon"];
 var _templateObject, _templateObject2;
 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 Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
-var LabelContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), function (props) {
-  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
-}, function (props) {
-  return (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
-}, function (props) {
-  return (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
-});
-var SideMenuHeader = function SideMenuHeader(props) {
-  var _props$header, _props$header$actions, _props$header2;
+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; }
+const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
+const LabelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)), props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)), props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)));
+const SideMenuHeader = props => {
+  var _props$header, _props$header2;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [(_props$header = props.header) === null || _props$header === void 0 ? void 0 : (_props$header$actions = _props$header.actions) === null || _props$header$actions === void 0 ? void 0 : _props$header$actions.map(function (_ref, index) {
-      var icon = _ref.icon,
-        rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    children: [(_props$header = props.header) === null || _props$header === void 0 || (_props$header = _props$header.actions) === null || _props$header === void 0 ? void 0 : _props$header.map((_ref, index) => {
+      let {
+          icon
+        } = _ref,
+        rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({
         variant: 'secondary',
         shape: 'circular'

package/dist/SideMenu/SideMenuHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_Button","_icons","_jsxRuntime","_excluded","_templateObject","_templateObject2","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","LabelContainer","props","ComponentSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","SideMenuHeader","_props$header","_props$header$actions","_props$header2","jsxs","children","header","actions","map","_ref","index","icon","rest","_objectWithoutProperties2","jsx","IconButton","variant","shape","label","action","onClose","style","marginLeft","SystemIcons","Close","exports"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 8px;\r\n\r\n  .small & {\r\n    min-height: 48px;\r\n  }\r\n\r\n  .medium & {\r\n    min-height: 56px;\r\n  }\r\n\r\n  .large & {\r\n    min-height: 64px;\r\n  }\r\n`;\r\n\r\nconst LabelContainer = styled.div`\r\n  margin-left: 8px;\r\n\r\n  .small & {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const SideMenuHeader = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        props.header?.actions?.map(({icon, ...rest}, index) =>\r\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        )\r\n      }\r\n      {\r\n        props.header?.label &&\r\n        <LabelContainer>\r\n          {props.header.label}\r\n        </LabelContainer>\r\n      }\r\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\r\n        <SystemIcons.Close/>\r\n      </IconButton>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SideMenuHeader.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_Button","_icons","_jsxRuntime","_excluded","_templateObject","_templateObject2","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","LabelContainer","props","ComponentSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","SideMenuHeader","_props$header","_props$header2","jsxs","children","header","actions","map","_ref","index","icon","rest","_objectWithoutProperties2","jsx","IconButton","variant","shape","label","action","onClose","style","marginLeft","SystemIcons","Close","exports"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 8px;\r\n\r\n  .small & {\r\n    min-height: 48px;\r\n  }\r\n\r\n  .medium & {\r\n    min-height: 56px;\r\n  }\r\n\r\n  .large & {\r\n    min-height: 64px;\r\n  }\r\n`;\r\n\r\nconst LabelContainer = styled.div`\r\n  margin-left: 8px;\r\n\r\n  .small & {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const SideMenuHeader = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        props.header?.actions?.map(({icon, ...rest}, index) =>\r\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        )\r\n      }\r\n      {\r\n        props.header?.label &&\r\n        <LabelContainer>\r\n          {props.header.label}\r\n        </LabelContainer>\r\n      }\r\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\r\n        <SystemIcons.Close/>\r\n      </IconButton>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/SideMenu/SideMenuHeader.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _excluded = ["icon"];
+const _excluded = ["icon"];
 var _templateObject, _templateObject2;
 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; }
@@ -10,21 +10,16 @@ import styled from 'styled-components';
 import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';
 import { IconButton } from '../Button';
 import { SystemIcons } from '../icons';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
-var LabelContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), function (props) {
-  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
-}, function (props) {
-  return ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
-}, function (props) {
-  return ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
-});
-export var SideMenuHeader = function SideMenuHeader(props) {
-  var _props$header, _props$header$actions, _props$header2;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
+const LabelContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)), props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)), props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)));
+export const SideMenuHeader = props => {
+  var _props$header, _props$header2;
   return /*#__PURE__*/_jsxs(Wrapper, {
-    children: [(_props$header = props.header) === null || _props$header === void 0 ? void 0 : (_props$header$actions = _props$header.actions) === null || _props$header$actions === void 0 ? void 0 : _props$header$actions.map(function (_ref, index) {
-      var icon = _ref.icon,
+    children: [(_props$header = props.header) === null || _props$header === void 0 || (_props$header = _props$header.actions) === null || _props$header === void 0 ? void 0 : _props$header.map((_ref, index) => {
+      let {
+          icon
+        } = _ref,
         rest = _objectWithoutProperties(_ref, _excluded);
       return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
         variant: 'secondary',

package/dist/SideMenu/SideMenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","LabelContainer","_templateObject2","props","Bold","getColor","theme","SideMenuHeader","_props$header","_props$header$actions","_props$header2","children","header","actions","map","_ref","index","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","variant","shape","label","action","onClose","style","marginLeft","Close"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 8px;\r\n\r\n  .small & {\r\n    min-height: 48px;\r\n  }\r\n\r\n  .medium & {\r\n    min-height: 56px;\r\n  }\r\n\r\n  .large & {\r\n    min-height: 64px;\r\n  }\r\n`;\r\n\r\nconst LabelContainer = styled.div`\r\n  margin-left: 8px;\r\n\r\n  .small & {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const SideMenuHeader = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        props.header?.actions?.map(({icon, ...rest}, index) =>\r\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        )\r\n      }\r\n      {\r\n        props.header?.label &&\r\n        <LabelContainer>\r\n          {props.header.label}\r\n        </LabelContainer>\r\n      }\r\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\r\n        <SystemIcons.Close/>\r\n      </IconButton>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAO,WAAW;AAC7G,SAAQC,UAAU,QAAO,WAAW;AACpC,SAAQC,WAAW,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErC,IAAMC,OAAO,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4MAgBzB;AAED,IAAMC,cAAc,GAAGhB,MAAM,CAACa,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,8HAI3B,UAAAG,KAAK;EAAA,OAAId,iBAAiB,CAACC,kBAAkB,CAACc,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAIhG,UAAAH,KAAK;EAAA,OAAIf,iBAAiB,CAACE,kBAAkB,CAACc,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAIhG,UAAAH,KAAK;EAAA,OAAIhB,iBAAiB,CAACG,kBAAkB,CAACc,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EAErG;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIJ,KAAoB,EAAK;EAAA,IAAAK,aAAA,EAAAC,qBAAA,EAAAC,cAAA;EAEtD,oBACEd,KAAA,CAACC,OAAO;IAAAc,QAAA,IAAAH,aAAA,GAEJL,KAAK,CAACS,MAAM,cAAAJ,aAAA,wBAAAC,qBAAA,GAAZD,aAAA,CAAcK,OAAO,cAAAJ,qBAAA,uBAArBA,qBAAA,CAAuBK,GAAG,CAAC,UAAAC,IAAA,EAAkBC,KAAK;MAAA,IAArBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;QAAKC,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;MAAA,oBACxC1B,IAAA,CAACH,UAAU,EAAA8B,aAAA,CAAAA,aAAA;QAAaC,OAAO,EAAE,WAAY;QAACC,KAAK,EAAE;MAAW,GAAKL,IAAI;QAAAP,QAAA,EACtEM;MAAI,IADUD,KAEL,CAAC;IAAA,CACf,CAAC,EAGD,EAAAN,cAAA,GAAAP,KAAK,CAACS,MAAM,cAAAF,cAAA,uBAAZA,cAAA,CAAcc,KAAK,kBACnB9B,IAAA,CAACO,cAAc;MAAAU,QAAA,EACZR,KAAK,CAACS,MAAM,CAACY;IAAK,CACL,CAAC,eAEnB9B,IAAA,CAACH,UAAU;MAACkC,MAAM,EAAEtB,KAAK,CAACuB,OAAQ;MAACJ,OAAO,EAAE,WAAY;MAACC,KAAK,EAAE,UAAW;MAACI,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAAjB,QAAA,eACtGjB,IAAA,CAACF,WAAW,CAACqC,KAAK,IAAC;IAAC,CACV,CAAC;EAAA,CACN,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","LabelContainer","_templateObject2","props","Bold","getColor","theme","SideMenuHeader","_props$header","_props$header2","children","header","actions","map","_ref","index","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","variant","shape","label","action","onClose","style","marginLeft","Close"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 8px;\r\n\r\n  .small & {\r\n    min-height: 48px;\r\n  }\r\n\r\n  .medium & {\r\n    min-height: 56px;\r\n  }\r\n\r\n  .large & {\r\n    min-height: 64px;\r\n  }\r\n`;\r\n\r\nconst LabelContainer = styled.div`\r\n  margin-left: 8px;\r\n\r\n  .small & {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const SideMenuHeader = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        props.header?.actions?.map(({icon, ...rest}, index) =>\r\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        )\r\n      }\r\n      {\r\n        props.header?.label &&\r\n        <LabelContainer>\r\n          {props.header.label}\r\n        </LabelContainer>\r\n      }\r\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\r\n        <SystemIcons.Close/>\r\n      </IconButton>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAO,WAAW;AAC7G,SAAQC,UAAU,QAAO,WAAW;AACpC,SAAQC,WAAW,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,MAAMC,OAAO,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4MAgBzB;AAED,MAAMC,cAAc,GAAGhB,MAAM,CAACa,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,8HAI3BG,KAAK,IAAId,iBAAiB,CAACC,kBAAkB,CAACc,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,EAIhGH,KAAK,IAAIf,iBAAiB,CAACE,kBAAkB,CAACc,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,EAIhGH,KAAK,IAAIhB,iBAAiB,CAACG,kBAAkB,CAACc,IAAI,EAAElB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,CAErG;AAED,OAAO,MAAMC,cAAc,GAAIJ,KAAoB,IAAK;EAAA,IAAAK,aAAA,EAAAC,cAAA;EAEtD,oBACEb,KAAA,CAACC,OAAO;IAAAa,QAAA,IAAAF,aAAA,GAEJL,KAAK,CAACQ,MAAM,cAAAH,aAAA,gBAAAA,aAAA,GAAZA,aAAA,CAAcI,OAAO,cAAAJ,aAAA,uBAArBA,aAAA,CAAuBK,GAAG,CAAC,CAAAC,IAAA,EAAkBC,KAAK;MAAA,IAAtB;UAACC;QAAa,CAAC,GAAAF,IAAA;QAALG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;MAAA,oBACxCzB,IAAA,CAACH,UAAU,EAAA6B,aAAA,CAAAA,aAAA;QAAaC,OAAO,EAAE,WAAY;QAACC,KAAK,EAAE;MAAW,GAAKL,IAAI;QAAAP,QAAA,EACtEM;MAAI,IADUD,KAEL,CAAC;IAAA,CACf,CAAC,EAGD,EAAAN,cAAA,GAAAN,KAAK,CAACQ,MAAM,cAAAF,cAAA,uBAAZA,cAAA,CAAcc,KAAK,kBACnB7B,IAAA,CAACO,cAAc;MAAAS,QAAA,EACZP,KAAK,CAACQ,MAAM,CAACY;IAAK,CACL,CAAC,eAEnB7B,IAAA,CAACH,UAAU;MAACiC,MAAM,EAAErB,KAAK,CAACsB,OAAQ;MAACJ,OAAO,EAAE,WAAY;MAACC,KAAK,EAAE,UAAW;MAACI,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAAjB,QAAA,eACtGhB,IAAA,CAACF,WAAW,CAACoC,KAAK,IAAC;IAAC,CACV,CAAC;EAAA,CACN,CAAC;AAEd,CAAC","ignoreList":[]}

package/dist/SideMenu/index.cjs

@@ -9,8 +9,8 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "SideMenu", {
   enumerable: true,
-  get: function get() {
-    return _SideMenu["default"];
+  get: function () {
+    return _SideMenu.default;
   }
 });
 var _SideMenu = _interopRequireDefault(require("./SideMenu"));
@@ -21,7 +21,7 @@ Object.keys(_types).forEach(function (key) {
   if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _types[key];
     }
   });

package/dist/SideMenu/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_SideMenu","_interopRequireDefault","require","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\r\nexport * from './types';\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_SideMenu","_interopRequireDefault","require","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\r\nexport * from './types';\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/SkipToContent/SkipToContent.cjs

@@ -1,11 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -13,16 +12,14 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-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 SkipToContentLink = _styledComponents["default"].a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  text-decoration: underline;\n"])), function (props) {
-  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme));
-});
-var SkipToContentWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('accent2_200', props.theme);
-});
-var SkipToContent = function SkipToContent(_ref) {
-  var children = _ref.children;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SkipToContentLink = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  text-decoration: underline;\n"])), props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme)));
+const SkipToContentWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), props => _styles.COLORS.getColor('accent2_200', props.theme));
+const SkipToContent = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(SkipToContentWrapper, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SkipToContentLink, {
       href: "#main",
@@ -31,8 +28,7 @@ var SkipToContent = function SkipToContent(_ref) {
   });
 };
 SkipToContent.propTypes = {
-  children: _propTypes["default"].node.isRequired
+  children: _propTypes.default.node.isRequired
 };
-var _default = SkipToContent;
-exports["default"] = _default;
+var _default = exports.default = SkipToContent;
 //# sourceMappingURL=SkipToContent.cjs.map

package/dist/SkipToContent/SkipToContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkipToContent.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SkipToContentLink","styled","_taggedTemplateLiteral2","props","ComponentSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","SkipToContentWrapper","div","SkipToContent","_ref","children","jsx","href","propTypes","_propTypes","node","isRequired","_default","exports"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\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    flex: 1 0 auto;\r\n    background: ${props => COLORS.getColor('accent2_200', props.theme)};\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"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOtD,IAAMW,iBAAiB,GAAGC,4BAAM,CAACV,CAAC,CAAAb,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,gEAC9B,UAAAC,KAAK;EAAA,OAAI,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,EAG7F;AAED,IAAMC,oBAAoB,GAAGT,4BAAM,CAACU,GAAG,CAAAhC,gBAAA,KAAAA,gBAAA,OAAAuB,uBAAA,4RAWrB,UAAAC,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,EAMrE;AAED,IAAMG,aAA0D,GAAG,SAA7DA,aAA0DA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC5E,oBACE,IAAArC,WAAA,CAAAsC,GAAA,EAACL,oBAAoB;IAAAI,QAAA,eACnB,IAAArC,WAAA,CAAAsC,GAAA,EAACf,iBAAiB;MAACgB,IAAI,EAAC,OAAO;MAAAF,QAAA,EAAEA;IAAQ,CAAoB;EAAC,CAC1C,CAAC;AAE3B,CAAC;AAACF,aAAA,CAAAK,SAAA;EAlCAH,QAAQ,EAAAI,UAAA,YAAAC,IAAA,CAAAC;AAAA;AAAA,IAAAC,QAAA,GAoCKT,aAAa;AAAAU,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"SkipToContent.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SkipToContentLink","styled","_taggedTemplateLiteral2","props","ComponentSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","SkipToContentWrapper","div","SkipToContent","_ref","children","jsx","href","propTypes","_propTypes","node","isRequired","_default","exports"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\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    flex: 1 0 auto;\r\n    background: ${props => COLORS.getColor('accent2_200', props.theme)};\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"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOtD,MAAMW,iBAAiB,GAAGC,yBAAM,CAACV,CAAC,CAAAb,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,CAAAhB,OAAA,qDAC9BiB,KAAK,IAAI,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC,CAG7F;AAED,MAAMC,oBAAoB,GAAGT,yBAAM,CAACU,GAAG,CAAAhC,gBAAA,KAAAA,gBAAA,OAAAuB,uBAAA,CAAAhB,OAAA,iRAWrBiB,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAMrE;AAED,MAAMG,aAA0D,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAC9E,oBACE,IAAApC,WAAA,CAAAsC,GAAA,EAACL,oBAAoB;IAAAI,QAAA,eACnB,IAAArC,WAAA,CAAAsC,GAAA,EAACf,iBAAiB;MAACgB,IAAI,EAAC,OAAO;MAAAF,QAAA,EAAEA;IAAQ,CAAoB;EAAC,CAC1C,CAAC;AAE3B,CAAC;AAACF,aAAA,CAAAK,SAAA;EAlCAH,QAAQ,EAAAI,UAAA,CAAAhC,OAAA,CAAAiC,IAAA,CAAAC;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAApC,OAAA,GAoCK0B,aAAa","ignoreList":[]}

package/dist/SkipToContent/SkipToContent.js

@@ -6,14 +6,12 @@ import styled from 'styled-components';
 import { COLORS, ComponentTextStyle } from '../styles';
 import { ComponentSStyling } from '../styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-var SkipToContentLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  text-decoration: underline;\n"])), function (props) {
-  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme));
-});
-var SkipToContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
-  return COLORS.getColor('accent2_200', props.theme);
-});
-var SkipToContent = function SkipToContent(_ref) {
-  var children = _ref.children;
+const SkipToContentLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  text-decoration: underline;\n"])), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme)));
+const SkipToContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), props => COLORS.getColor('accent2_200', props.theme));
+const SkipToContent = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx(SkipToContentWrapper, {
     children: /*#__PURE__*/_jsx(SkipToContentLink, {
       href: "#main",

package/dist/SkipToContent/SkipToContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipToContent.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","jsx","_jsx","SkipToContentLink","a","_templateObject","_taggedTemplateLiteral","props","Bold","getColor","theme","SkipToContentWrapper","div","_templateObject2","SkipToContent","_ref","children","href","propTypes","_pt","node","isRequired"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\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    flex: 1 0 auto;\r\n    background: ${props => COLORS.getColor('accent2_200', props.theme)};\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"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACrD,SAASC,iBAAiB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM9C,IAAMC,iBAAiB,GAAGN,MAAM,CAACO,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oDAC9B,UAAAC,KAAK;EAAA,OAAIP,iBAAiB,CAACD,kBAAkB,CAACS,IAAI,EAAEV,MAAM,CAACW,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EAG7F;AAED,IAAMC,oBAAoB,GAAGd,MAAM,CAACe,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,gRAWrB,UAAAC,KAAK;EAAA,OAAIT,MAAM,CAACW,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAMrE;AAED,IAAMI,aAA0D,GAAG,SAA7DA,aAA0DA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC5E,oBACEd,IAAA,CAACS,oBAAoB;IAAAK,QAAA,eACnBd,IAAA,CAACC,iBAAiB;MAACc,IAAI,EAAC,OAAO;MAAAD,QAAA,EAAEA;IAAQ,CAAoB;EAAC,CAC1C,CAAC;AAE3B,CAAC;AAACF,aAAA,CAAAI,SAAA;EAlCAF,QAAQ,EAAAG,GAAA,CAAAC,IAAA,CAAAC;AAAA;AAoCV,eAAeP,aAAa","ignoreList":[]}
+{"version":3,"file":"SkipToContent.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","jsx","_jsx","SkipToContentLink","a","_templateObject","_taggedTemplateLiteral","props","Bold","getColor","theme","SkipToContentWrapper","div","_templateObject2","SkipToContent","_ref","children","href","propTypes","_pt","node","isRequired"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\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    flex: 1 0 auto;\r\n    background: ${props => COLORS.getColor('accent2_200', props.theme)};\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"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACrD,SAASC,iBAAiB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM9C,MAAMC,iBAAiB,GAAGN,MAAM,CAACO,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oDAC9BC,KAAK,IAAIP,iBAAiB,CAACD,kBAAkB,CAACS,IAAI,EAAEV,MAAM,CAACW,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,CAG7F;AAED,MAAMC,oBAAoB,GAAGd,MAAM,CAACe,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,gRAWrBC,KAAK,IAAIT,MAAM,CAACW,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAMrE;AAED,MAAMI,aAA0D,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAC9E,oBACEb,IAAA,CAACS,oBAAoB;IAAAK,QAAA,eACnBd,IAAA,CAACC,iBAAiB;MAACc,IAAI,EAAC,OAAO;MAAAD,QAAA,EAAEA;IAAQ,CAAoB;EAAC,CAC1C,CAAC;AAE3B,CAAC;AAACF,aAAA,CAAAI,SAAA;EAlCAF,QAAQ,EAAAG,GAAA,CAAAC,IAAA,CAAAC;AAAA;AAoCV,eAAeP,aAAa","ignoreList":[]}

package/dist/SkipToContent/index.cjs

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

package/dist/Switcher/MobileCustomMenuContent.cjs

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MobileCustomMenuContent = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _ScrollableContainer = require("../common/ScrollableContainer");
@@ -14,15 +13,14 @@ var _CommonStyles = require("../GlobalNavigationBar/mobile/CommonStyles");
 var _MobileActionContainer = require("../GlobalNavigationBar/mobile/MobileActionContainer");
 var _jsxRuntime = require("react/jsx-runtime");
 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 MobileCustomMenuContent = function MobileCustomMenuContent(_ref) {
-  var children = _ref.children,
-    header = _ref.header,
-    action = _ref.action;
-  var _useScrollableContain = (0, _ScrollableContainer.useScrollableContainer)([children]),
-    _useScrollableContain2 = (0, _slicedToArray2["default"])(_useScrollableContain, 2),
-    scrollContainerRef = _useScrollableContain2[0],
-    scrollable = _useScrollableContain2[1];
+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; }
+const MobileCustomMenuContent = _ref => {
+  let {
+    children,
+    header,
+    action
+  } = _ref;
+  const [scrollContainerRef, scrollable] = (0, _ScrollableContainer.useScrollableContainer)([children]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyles.MobileMenuWrapper, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyles.ScrollableContainer, {
       ref: scrollContainerRef,
@@ -39,6 +37,6 @@ var MobileCustomMenuContent = function MobileCustomMenuContent(_ref) {
 };
 exports.MobileCustomMenuContent = MobileCustomMenuContent;
 MobileCustomMenuContent.propTypes = {
-  children: _propTypes["default"].node
+  children: _propTypes.default.node
 };
 //# sourceMappingURL=MobileCustomMenuContent.cjs.map

package/dist/Switcher/MobileCustomMenuContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCustomMenuContent.cjs","names":["_react","_interopRequireDefault","require","_ScrollableContainer","_CommonStyles","_MobileActionContainer","_jsxRuntime","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","MobileCustomMenuContent","_ref","children","header","action","_useScrollableContain","useScrollableContainer","_useScrollableContain2","_slicedToArray2","scrollContainerRef","scrollable","jsxs","MobileMenuWrapper","ScrollableContainer","ref","className","MobileHeaderContainer","jsx","MobileHeaderText","note","MobileHeaderNote","MobileActionContainer","exports","propTypes","_propTypes","node"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useScrollableContainer } from '../common/ScrollableContainer';\r\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\r\n\r\ninterface MobileCustomMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  action?: MenuButton;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        {children}\r\n      </ScrollableContainer>\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileCustomMenuContent.cjs","names":["_react","_interopRequireDefault","require","_ScrollableContainer","_CommonStyles","_MobileActionContainer","_jsxRuntime","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","MobileCustomMenuContent","_ref","children","header","action","scrollContainerRef","scrollable","useScrollableContainer","jsxs","MobileMenuWrapper","ScrollableContainer","ref","className","MobileHeaderContainer","jsx","MobileHeaderText","note","MobileHeaderNote","MobileActionContainer","exports","propTypes","_propTypes","node"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useScrollableContainer } from '../common/ScrollableContainer';\r\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\r\n\r\ninterface MobileCustomMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  action?: MenuButton;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        {children}\r\n      </ScrollableContainer>\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAA4F,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAQrF,MAAMqB,uBAA8E,GAAGC,IAAA,IAAkC;EAAA,IAAjC;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAAH,IAAA;EACzH,MAAM,CAACI,kBAAkB,EAAEC,UAAU,CAAC,GAAG,IAAAC,2CAAsB,EAAC,CAACL,QAAQ,CAAC,CAAC;EAE3E,oBACE,IAAAzB,WAAA,CAAA+B,IAAA,EAACjC,aAAA,CAAAkC,iBAAiB;IAAAP,QAAA,gBAChB,IAAAzB,WAAA,CAAA+B,IAAA,EAACjC,aAAA,CAAAmC,mBAAmB;MAACC,GAAG,EAAEN,kBAA0B;MAACO,SAAS,EAAEN,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAJ,QAAA,GAC5F,CAAC,CAACC,MAAM,iBACP,IAAA1B,WAAA,CAAA+B,IAAA,EAACjC,aAAA,CAAAsC,qBAAqB;QAAAX,QAAA,gBACpB,IAAAzB,WAAA,CAAAqC,GAAA,EAACvC,aAAA,CAAAwC,gBAAgB;UAAAb,QAAA,EAAEC,MAAM,CAACA;QAAM,CAAmB,CAAC,EACnDA,MAAM,CAACa,IAAI,iBAAI,IAAAvC,WAAA,CAAAqC,GAAA,EAACvC,aAAA,CAAA0C,gBAAgB;UAAAf,QAAA,EAAEC,MAAM,CAACa;QAAI,CAAmB,CAAC;MAAA,CAC7C,CACxB,EACAd,QAAQ;IAAA,CACU,CAAC,EACrBE,MAAM,iBAAI,IAAA3B,WAAA,CAAAqC,GAAA,EAACtC,sBAAA,CAAA0C,qBAAqB,EAAA3B,aAAA,KAAKa,MAAM,CAAG,CAAC;EAAA,CAC/B,CAAC;AAExB,CAAC;AAACe,OAAA,CAAAnB,uBAAA,GAAAA,uBAAA;AAAAA,uBAAA,CAAAoB,SAAA;EApBAlB,QAAQ,EAAAmB,UAAA,CAAAzB,OAAA,CAAA0B;AAAA","ignoreList":[]}

package/dist/Switcher/MobileCustomMenuContent.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _pt from "prop-types";
 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; }
@@ -7,16 +6,14 @@ import React from 'react';
 import { useScrollableContainer } from '../common/ScrollableContainer';
 import { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';
 import { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var MobileCustomMenuContent = function MobileCustomMenuContent(_ref) {
-  var children = _ref.children,
-    header = _ref.header,
-    action = _ref.action;
-  var _useScrollableContain = useScrollableContainer([children]),
-    _useScrollableContain2 = _slicedToArray(_useScrollableContain, 2),
-    scrollContainerRef = _useScrollableContain2[0],
-    scrollable = _useScrollableContain2[1];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MobileCustomMenuContent = _ref => {
+  let {
+    children,
+    header,
+    action
+  } = _ref;
+  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);
   return /*#__PURE__*/_jsxs(MobileMenuWrapper, {
     children: [/*#__PURE__*/_jsxs(ScrollableContainer, {
       ref: scrollContainerRef,

package/dist/Switcher/MobileCustomMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCustomMenuContent.js","names":["React","useScrollableContainer","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","jsx","_jsx","jsxs","_jsxs","MobileCustomMenuContent","_ref","children","header","action","_useScrollableContain","_useScrollableContain2","_slicedToArray","scrollContainerRef","scrollable","ref","className","note","_objectSpread","propTypes","_pt","node"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useScrollableContainer } from '../common/ScrollableContainer';\r\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\r\n\r\ninterface MobileCustomMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  action?: MenuButton;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        {children}\r\n      </ScrollableContainer>\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,QAAQ,+BAA+B;AAEtE,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ,4CAA4C;AAC9J,SAASC,qBAAqB,QAAQ,qDAAqD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAQ5F,OAAO,IAAMC,uBAA8E,GAAG,SAAjFA,uBAA8EA,CAAAC,IAAA,EAAqC;EAAA,IAA/BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;EACvH,IAAAC,qBAAA,GAAyChB,sBAAsB,CAAC,CAACa,QAAQ,CAAC,CAAC;IAAAI,sBAAA,GAAAC,cAAA,CAAAF,qBAAA;IAApEG,kBAAkB,GAAAF,sBAAA;IAAEG,UAAU,GAAAH,sBAAA;EAErC,oBACEP,KAAA,CAACN,iBAAiB;IAAAS,QAAA,gBAChBH,KAAA,CAACL,mBAAmB;MAACgB,GAAG,EAAEF,kBAA0B;MAACG,SAAS,EAAEF,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAP,QAAA,GAC5F,CAAC,CAACC,MAAM,iBACPJ,KAAA,CAACT,qBAAqB;QAAAY,QAAA,gBACpBL,IAAA,CAACL,gBAAgB;UAAAU,QAAA,EAAEC,MAAM,CAACA;QAAM,CAAmB,CAAC,EACnDA,MAAM,CAACS,IAAI,iBAAIf,IAAA,CAACN,gBAAgB;UAAAW,QAAA,EAAEC,MAAM,CAACS;QAAI,CAAmB,CAAC;MAAA,CAC7C,CACxB,EACAV,QAAQ;IAAA,CACU,CAAC,EACrBE,MAAM,iBAAIP,IAAA,CAACF,qBAAqB,EAAAkB,aAAA,KAAKT,MAAM,CAAG,CAAC;EAAA,CAC/B,CAAC;AAExB,CAAC;AAACJ,uBAAA,CAAAc,SAAA;EApBAZ,QAAQ,EAAAa,GAAA,CAAAC;AAAA","ignoreList":[]}
+{"version":3,"file":"MobileCustomMenuContent.js","names":["React","useScrollableContainer","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","jsx","_jsx","jsxs","_jsxs","MobileCustomMenuContent","_ref","children","header","action","scrollContainerRef","scrollable","ref","className","note","_objectSpread","propTypes","_pt","node"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useScrollableContainer } from '../common/ScrollableContainer';\r\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\r\n\r\ninterface MobileCustomMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  action?: MenuButton;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        {children}\r\n      </ScrollableContainer>\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,QAAQ,+BAA+B;AAEtE,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ,4CAA4C;AAC9J,SAASC,qBAAqB,QAAQ,qDAAqD;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ5F,OAAO,MAAMC,uBAA8E,GAAGC,IAAA,IAAkC;EAAA,IAAjC;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAAH,IAAA;EACzH,MAAM,CAACI,kBAAkB,EAAEC,UAAU,CAAC,GAAGjB,sBAAsB,CAAC,CAACa,QAAQ,CAAC,CAAC;EAE3E,oBACEH,KAAA,CAACN,iBAAiB;IAAAS,QAAA,gBAChBH,KAAA,CAACL,mBAAmB;MAACa,GAAG,EAAEF,kBAA0B;MAACG,SAAS,EAAEF,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAJ,QAAA,GAC5F,CAAC,CAACC,MAAM,iBACPJ,KAAA,CAACT,qBAAqB;QAAAY,QAAA,gBACpBL,IAAA,CAACL,gBAAgB;UAAAU,QAAA,EAAEC,MAAM,CAACA;QAAM,CAAmB,CAAC,EACnDA,MAAM,CAACM,IAAI,iBAAIZ,IAAA,CAACN,gBAAgB;UAAAW,QAAA,EAAEC,MAAM,CAACM;QAAI,CAAmB,CAAC;MAAA,CAC7C,CACxB,EACAP,QAAQ;IAAA,CACU,CAAC,EACrBE,MAAM,iBAAIP,IAAA,CAACF,qBAAqB,EAAAe,aAAA,KAAKN,MAAM,CAAG,CAAC;EAAA,CAC/B,CAAC;AAExB,CAAC;AAACJ,uBAAA,CAAAW,SAAA;EApBAT,QAAQ,EAAAU,GAAA,CAAAC;AAAA","ignoreList":[]}

package/dist/Switcher/MobileSwitcherMenu.cjs

@@ -1,11 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -16,35 +15,37 @@ var _MobileMenuContent = _interopRequireDefault(require("../GlobalNavigationBar/
 var _MobileCustomMenuContent = require("./MobileCustomMenuContent");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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"])), _styles.Z_INDEXES.off_canvas, _styles.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;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _styles.Z_INDEXES.off_canvas, _styles.BREAKPOINTS.SMALL);
+const MobileSwitcherMenu = _ref => {
+  let {
+    label,
+    header,
+    note,
+    onMenuClose,
+    customContent,
+    items,
+    footerAction
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     role: "menu",
     "aria-labelledby": "UserMenuButton",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuHeader["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuHeader.default, {
       onGoBack: onMenuClose,
       label: label,
       onClose: onMenuClose
-    }), items && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuContent["default"], {
+    }), items && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenuContent.default, {
       header: {
-        header: header,
-        note: note
+        header,
+        note
       },
       items: items,
       action: footerAction
     }), customContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileCustomMenuContent.MobileCustomMenuContent, {
       header: {
-        header: header,
-        note: note
+        header,
+        note
       },
       action: footerAction,
       children: customContent
@@ -52,13 +53,12 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_ref) {
   });
 };
 MobileSwitcherMenu.propTypes = {
-  label: _propTypes["default"].string.isRequired,
-  header: _propTypes["default"].string.isRequired,
-  note: _propTypes["default"].string,
-  onMenuClose: _propTypes["default"].func.isRequired,
-  items: _propTypes["default"].array,
-  customContent: _propTypes["default"].node
+  label: _propTypes.default.string.isRequired,
+  header: _propTypes.default.string.isRequired,
+  note: _propTypes.default.string,
+  onMenuClose: _propTypes.default.func.isRequired,
+  items: _propTypes.default.array,
+  customContent: _propTypes.default.node
 };
-var _default = MobileSwitcherMenu;
-exports["default"] = _default;
+var _default = exports.default = MobileSwitcherMenu;
 //# sourceMappingURL=MobileSwitcherMenu.cjs.map