@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1.full

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","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":[]}
+{"version":3,"file":"SideMenuHeader.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_Button","_icons","_jsxRuntime","_excluded","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","LabelContainer","props","ComponentSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","SideMenuHeader","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.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { SideMenuProps } from './types';
-export declare const SideMenuHeader: (props: SideMenuProps) => React.JSX.Element;
+import React from 'react';
+import { SideMenuProps } from './types';
+export declare const SideMenuHeader: (props: SideMenuProps) => React.JSX.Element;

package/dist/SideMenu/SideMenuHeader.js

@@ -1,8 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 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; }
 import React from 'react';
@@ -11,12 +9,41 @@ import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, Compon
 import { IconButton } from '../Button';
 import { SystemIcons } from '../icons';
 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)));
+const Wrapper = styled.div`
+  display: flex;
+  align-items: center;
+  padding: 0 8px;
+
+  .small & {
+    min-height: 48px;
+  }
+
+  .medium & {
+    min-height: 56px;
+  }
+
+  .large & {
+    min-height: 64px;
+  }
+`;
+const LabelContainer = styled.div`
+  margin-left: 8px;
+
+  .small & {
+    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  }
+
+  .medium & {
+    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  }
+
+  .large & {
+    ${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 || (_props$header = _props$header.actions) === null || _props$header === void 0 ? void 0 : _props$header.map((_ref, index) => {
+    children: [props.header?.actions?.map((_ref, index) => {
       let {
           icon
         } = _ref,
@@ -27,7 +54,7 @@ export const SideMenuHeader = props => {
       }, rest), {}, {
         children: icon
       }), index);
-    }), ((_props$header2 = props.header) === null || _props$header2 === void 0 ? void 0 : _props$header2.label) && /*#__PURE__*/_jsx(LabelContainer, {
+    }), props.header?.label && /*#__PURE__*/_jsx(LabelContainer, {
       children: props.header.label
     }), /*#__PURE__*/_jsx(IconButton, {
       action: props.onClose,

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$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":[]}
+{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","jsx","_jsx","jsxs","_jsxs","Wrapper","div","LabelContainer","props","Bold","getColor","theme","SideMenuHeader","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;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAGd,MAAM,CAACa,GAAG;AACjC;AACA;AACA;AACA,MAAME,KAAK,IAAIX,iBAAiB,CAACC,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACtG;AACA;AACA;AACA,MAAMH,KAAK,IAAIZ,iBAAiB,CAACE,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACtG;AACA;AACA;AACA,MAAMH,KAAK,IAAIb,iBAAiB,CAACG,kBAAkB,CAACW,IAAI,EAAEf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACtG;AACA,CAAC;AAED,OAAO,MAAMC,cAAc,GAAIJ,KAAoB,IAAK;EAEtD,oBACEJ,KAAA,CAACC,OAAO;IAAAQ,QAAA,GAEJL,KAAK,CAACM,MAAM,EAAEC,OAAO,EAAEC,GAAG,CAAC,CAAAC,IAAA,EAAkBC,KAAK;MAAA,IAAtB;UAACC;QAAa,CAAC,GAAAF,IAAA;QAALG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;MAAA,oBACxCpB,IAAA,CAACH,UAAU,EAAAwB,aAAA,CAAAA,aAAA;QAAaC,OAAO,EAAE,WAAY;QAACC,KAAK,EAAE;MAAW,GAAKL,IAAI;QAAAP,QAAA,EACtEM;MAAI,IADUD,KAEL,CAAC;IAAA,CACf,CAAC,EAGDV,KAAK,CAACM,MAAM,EAAEY,KAAK,iBACnBxB,IAAA,CAACK,cAAc;MAAAM,QAAA,EACZL,KAAK,CAACM,MAAM,CAACY;IAAK,CACL,CAAC,eAEnBxB,IAAA,CAACH,UAAU;MAAC4B,MAAM,EAAEnB,KAAK,CAACoB,OAAQ;MAACJ,OAAO,EAAE,WAAY;MAACC,KAAK,EAAE,UAAW;MAACI,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAAjB,QAAA,eACtGX,IAAA,CAACF,WAAW,CAAC+B,KAAK,IAAC;IAAC,CACV,CAAC;EAAA,CACN,CAAC;AAEd,CAAC","ignoreList":[]}

package/dist/SideMenu/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SideMenu } from './SideMenu';
-export * from './types';
+export { default as SideMenu } from './SideMenu';
+export * from './types';

package/dist/SideMenu/types.d.ts

@@ -1,28 +1,27 @@
-/// <reference types="react" />
-import { ButtonProps } from '../Button/Button';
-import { IconButtonProps } from '../Button/Iconbutton';
-import { MenuItemProps } from '../MenuItem/MenuItem';
-import { Size } from '../types';
-export type SideMenuAction = Omit<IconButtonProps, 'variant' | 'shape' | 'isInMobileMenu' | 'borderRadius' | 'flatEdge' | 'focusBackgroundColor' | 'useTransparentBackground' | 'unsetIconSize' | 'shouldNotInteract' | 'invertFocus' | 'hideOnLowWidth' | 'children'> & {
-    icon: React.ReactNode;
-};
-export type SideMenuButton = Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'> & {
-    label: string;
-};
-export type SideMenuItem = Omit<MenuItemProps, 'size'>;
-export interface SideMenuHeader {
-    actions?: SideMenuAction[];
-    label?: string;
-}
-export interface SideMenuFooter {
-    items?: SideMenuItem[];
-    buttons?: SideMenuButton[];
-    note?: string;
-}
-export interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: Size.Small | Size.Medium | Size.Large;
-    header?: SideMenuHeader;
-    footer?: SideMenuFooter;
-    onClose: () => void;
-    children?: any;
-}
+import { ButtonProps } from '../Button/Button';
+import { IconButtonProps } from '../Button/Iconbutton';
+import { MenuItemProps } from '../MenuItem/MenuItem';
+import { Size } from '../types';
+export type SideMenuAction = Omit<IconButtonProps, 'variant' | 'shape' | 'isInMobileMenu' | 'borderRadius' | 'flatEdge' | 'focusBackgroundColor' | 'useTransparentBackground' | 'unsetIconSize' | 'shouldNotInteract' | 'invertFocus' | 'hideOnLowWidth' | 'children'> & {
+    icon: React.ReactNode;
+};
+export type SideMenuButton = Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'> & {
+    label: string;
+};
+export type SideMenuItem = Omit<MenuItemProps, 'size'>;
+export interface SideMenuHeader {
+    actions?: SideMenuAction[];
+    label?: string;
+}
+export interface SideMenuFooter {
+    items?: SideMenuItem[];
+    buttons?: SideMenuButton[];
+    note?: string;
+}
+export interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: Size.Small | Size.Medium | Size.Large;
+    header?: SideMenuHeader;
+    footer?: SideMenuFooter;
+    onClose: () => void;
+    children?: any;
+}

package/dist/SkipToContent/SkipToContent.cjs

@@ -5,17 +5,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 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 (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 SkipToContentLink = _styledComponents.default.a`
+  ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme))}
+
+  text-decoration: underline;
+`;
+const SkipToContentWrapper = _styledComponents.default.div`
+  text-decoration: none;
+  z-index: -1000;
+  height: 0px;
+  overflow-x: hidden;
+
+  &:focus-within {
+    height: auto;
+    padding: 16px;
+    z-index: 100000;
+    flex: 1 0 auto;
+    background: ${props => _styles.COLORS.getColor('accent2_200', props.theme)};
+  }
+
+  @media print {
+    display: none;
+  }
+`;
 const SkipToContent = _ref => {
   let {
     children

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","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":[]}
+{"version":3,"file":"SkipToContent.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SkipToContentLink","styled","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,SAAAK,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,SAAAP,wBAAAO,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;AAClC,IAAIW,KAAK,IAAI,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAC9F;AACA;AACA,CAAC;AAED,MAAMC,oBAAoB,GAAGR,yBAAM,CAACS,GAAG;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBR,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AACtE;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMG,aAA0D,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAC9E,oBACE,IAAAjC,WAAA,CAAAmC,GAAA,EAACL,oBAAoB;IAAAI,QAAA,eACnB,IAAAlC,WAAA,CAAAmC,GAAA,EAACd,iBAAiB;MAACe,IAAI,EAAC,OAAO;MAAAF,QAAA,EAAEA;IAAQ,CAAoB;EAAC,CAC1C,CAAC;AAE3B,CAAC;AAACF,aAAA,CAAAK,SAAA;EAlCAH,QAAQ,EAAAI,UAAA,CAAA/B,OAAA,CAAAgC,IAAA,CAAAC;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAoCKyB,aAAa","ignoreList":[]}

package/dist/SkipToContent/SkipToContent.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export type SkipToContentProps = {
-    children: React.ReactNode;
-};
-declare const SkipToContent: React.FunctionComponent<SkipToContentProps>;
-export default SkipToContent;
+import * as React from 'react';
+export type SkipToContentProps = {
+    children: React.ReactNode;
+};
+declare const SkipToContent: React.FunctionComponent<SkipToContentProps>;
+export default SkipToContent;

package/dist/SkipToContent/SkipToContent.js

@@ -1,13 +1,32 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2;
 import * as React from 'react';
 import styled from 'styled-components';
 import { COLORS, ComponentTextStyle } from '../styles';
 import { ComponentSStyling } from '../styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-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 SkipToContentLink = styled.a`
+  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}
+
+  text-decoration: underline;
+`;
+const SkipToContentWrapper = styled.div`
+  text-decoration: none;
+  z-index: -1000;
+  height: 0px;
+  overflow-x: hidden;
+
+  &:focus-within {
+    height: auto;
+    padding: 16px;
+    z-index: 100000;
+    flex: 1 0 auto;
+    background: ${props => COLORS.getColor('accent2_200', props.theme)};
+  }
+
+  @media print {
+    display: none;
+  }
+`;
 const SkipToContent = _ref => {
   let {
     children

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,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":[]}
+{"version":3,"file":"SkipToContent.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","jsx","_jsx","SkipToContentLink","a","props","Bold","getColor","theme","SkipToContentWrapper","div","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;AAClC,IAAIC,KAAK,IAAIL,iBAAiB,CAACD,kBAAkB,CAACO,IAAI,EAAER,MAAM,CAACS,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAC9F;AACA;AACA,CAAC;AAED,MAAMC,oBAAoB,GAAGZ,MAAM,CAACa,GAAG;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBL,KAAK,IAAIP,MAAM,CAACS,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACtE;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMG,aAA0D,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAC9E,oBACEV,IAAA,CAACO,oBAAoB;IAAAI,QAAA,eACnBX,IAAA,CAACC,iBAAiB;MAACW,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.d.ts

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

package/dist/Switcher/MobileCustomMenuContent.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';
-interface MobileCustomMenuContentProps {
-    header?: MenuGroupHeader;
-    action?: MenuButton;
-    children?: React.ReactNode;
-}
-export declare const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps>;
-export {};
+import React from 'react';
+import { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';
+interface MobileCustomMenuContentProps {
+    header?: MenuGroupHeader;
+    action?: MenuButton;
+    children?: React.ReactNode;
+}
+export declare const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps>;
+export {};

package/dist/Switcher/MobileSwitcherMenu.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -14,10 +13,22 @@ var _MobileMenuHeader = _interopRequireDefault(require("../GlobalNavigationBar/m
 var _MobileMenuContent = _interopRequireDefault(require("../GlobalNavigationBar/mobile/MobileMenuContent"));
 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 (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 Wrapper = _styledComponents.default.div`
+  width: 320px;
+  z-index: ${_styles.Z_INDEXES.off_canvas};
+  height: 100%;
+  box-sizing: border-box;
+
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  ${_styles.BREAKPOINTS.SMALL} {
+    width: 400px;
+  }
+`;
 const MobileSwitcherMenu = _ref => {
   let {
     label,

package/dist/Switcher/MobileSwitcherMenu.cjs.map

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

package/dist/Switcher/MobileSwitcherMenu.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';
-interface Props {
-    label: string;
-    header: string;
-    note?: string;
-    onMenuClose: () => void;
-    items?: MenuNavigationItemTypeItem[];
-    footerAction?: MenuButton;
-    customContent?: React.ReactNode;
-}
-declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => React.JSX.Element;
-export default MobileSwitcherMenu;
+import * as React from 'react';
+import { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';
+interface Props {
+    label: string;
+    header: string;
+    note?: string;
+    onMenuClose: () => void;
+    items?: MenuNavigationItemTypeItem[];
+    footerAction?: MenuButton;
+    customContent?: React.ReactNode;
+}
+declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => React.JSX.Element;
+export default MobileSwitcherMenu;

package/dist/Switcher/MobileSwitcherMenu.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject;
 import * as React from 'react';
 import styled from 'styled-components';
 import { BREAKPOINTS } from '../styles';
@@ -9,7 +7,20 @@ import MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';
 import MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';
 import { MobileCustomMenuContent } from './MobileCustomMenuContent';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 320px;\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ", " {\n    width: 400px;\n  }\n"])), Z_INDEXES.off_canvas, BREAKPOINTS.SMALL);
+const Wrapper = styled.div`
+  width: 320px;
+  z-index: ${Z_INDEXES.off_canvas};
+  height: 100%;
+  box-sizing: border-box;
+
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  ${BREAKPOINTS.SMALL} {
+    width: 400px;
+  }
+`;
 const MobileSwitcherMenu = _ref => {
   let {
     label,

package/dist/Switcher/MobileSwitcherMenu.js.map

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

package/dist/Switcher/SwitcherMenuItem.cjs

@@ -5,16 +5,91 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-const StyledSwitcherItem = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme)), _styles.Z_INDEXES.active, props => _styles.COLORS.getColor('neutral_800', props.theme), props => _styles.COLORS.getColor('primary_500', props.theme), props => _styles.COLORS.getColor('neutral_800', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme), props => _styles.COLORS.getColor('neutral_100', props.theme), _styles.Z_INDEXES.hover, props => _styles.COLORS.getColor('primary_600', props.theme), props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_600', props.theme), _styles.Z_INDEXES.active, props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), props => _styles.COLORS.getColor('primary_500', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), _styles.focusStyles);
-const A = _styledComponents.default.a(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([""])));
+const StyledSwitcherItem = _styledComponents.default.div`
+  padding: 16px 25px;
+  margin: 0 2px;
+
+  display: flex;
+  align-items: center;
+  text-align: center;
+  position: relative;
+
+  ${props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme))}
+
+  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: ${_styles.Z_INDEXES.active};
+    font-weight: bold;
+    color: ${props => _styles.COLORS.getColor('neutral_800', props.theme)};
+
+    &:after {
+      background-color: ${props => _styles.COLORS.getColor('primary_500', props.theme)};
+    }
+
+    svg path {
+      fill: ${props => _styles.COLORS.getColor('neutral_800', props.theme)};
+    }
+  }
+
+  &.disabled {
+    color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
+    background-color: ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+  }
+
+  &:hover:not(.disabled) {
+    z-index: ${_styles.Z_INDEXES.hover};
+    color: ${props => _styles.COLORS.getColor('primary_600', props.theme)};
+    background-color: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
+
+    svg path {
+      fill: ${props => _styles.COLORS.getColor('primary_600', props.theme)};
+    }
+  }
+
+  &:active:not(.disabled) {
+    z-index: ${_styles.Z_INDEXES.active};
+    color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+
+    &:after {
+      background-color: ${props => _styles.COLORS.getColor('primary_500', props.theme)};
+    }
+
+    svg path {
+      fill: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    }
+  }
+
+  &:focus:not(.disabled) {
+    ${_styles.focusStyles};
+    
+    outline-offset: -2px;
+  }
+`;
+const A = _styledComponents.default.a``;
 const SwitcherMenuItem = _ref => {
   let {
     label,