@laerdal/life-react-components 4.0.4 → 5.0.0-dev.2

package/dist/SideMenu/SideMenuHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.cjs","names":["Wrapper","styled","div","LabelContainer","props","ComponentSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","SideMenuHeader","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"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;AAEA;AACA;AACA;AACA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAErC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,uRAgBzB;AAED,IAAMC,cAAc,GAAGF,yBAAM,CAACC,GAAG,2MAI3B,UAAAE,KAAK;EAAA,OAAI,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,GAIhG,UAAAN,KAAK;EAAA,OAAI,IAAAO,yBAAiB,EAACL,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,GAIhG,UAAAN,KAAK;EAAA,OAAI,IAAAQ,yBAAiB,EAACN,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,EAErG;AAEM,IAAMG,cAAc,GAAG,SAAjBA,cAAc,CAAIT,KAAoB,EAAK;EAAA;EAEtD,oBACE,sBAAC,OAAO;IAAA,4BAEJA,KAAK,CAACU,MAAM,2EAAZ,cAAcC,OAAO,0DAArB,sBAAuBC,GAAG,CAAC,gBAAkBC,KAAK;MAAA,IAArBC,IAAI,QAAJA,IAAI;QAAKC,IAAI;MAAA,oBACxC,qBAAC,kBAAU;QAAa,OAAO,EAAE,WAAY;QAAC,KAAK,EAAE;MAAW,GAAKA,IAAI;QAAA,UACtED;MAAI,IADUD,KAAK,CAET;IAAA,EACd,EAGD,mBAAAb,KAAK,CAACU,MAAM,mDAAZ,eAAcM,KAAK,kBACnB,qBAAC,cAAc;MAAA,UACZhB,KAAK,CAACU,MAAM,CAACM;IAAK,EACJ,eAEnB,qBAAC,kBAAU;MAAC,MAAM,EAAEhB,KAAK,CAACiB,OAAQ;MAAC,OAAO,EAAE,WAAY;MAAC,KAAK,EAAE,UAAW;MAAC,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAA,uBACtG,qBAAC,kBAAW,CAAC,KAAK;IAAE,EACT;EAAA,EACL;AAEd,CAAC;AAAC"}
+{"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":[]}

package/dist/SideMenu/SideMenuHeader.d.ts

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

package/dist/SideMenu/SideMenuHeader.js

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["icon"];
 var _templateObject, _templateObject2;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import styled from 'styled-components';
 import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';

package/dist/SideMenu/SideMenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","Wrapper","div","LabelContainer","props","Bold","getColor","theme","SideMenuHeader","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"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;AAAA;AAErC,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAG,yQAgBzB;AAED,IAAMC,cAAc,GAAGV,MAAM,CAACS,GAAG,6LAI3B,UAAAE,KAAK;EAAA,OAAIP,iBAAiB,CAACC,kBAAkB,CAACO,IAAI,EAAEX,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAIhG,UAAAH,KAAK;EAAA,OAAIR,iBAAiB,CAACE,kBAAkB,CAACO,IAAI,EAAEX,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAIhG,UAAAH,KAAK;EAAA,OAAIT,iBAAiB,CAACG,kBAAkB,CAACO,IAAI,EAAEX,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EAErG;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIJ,KAAoB,EAAK;EAAA;EAEtD,oBACE,MAAC,OAAO;IAAA,4BAEJA,KAAK,CAACK,MAAM,2EAAZ,cAAcC,OAAO,0DAArB,sBAAuBC,GAAG,CAAC,gBAAkBC,KAAK;MAAA,IAArBC,IAAI,QAAJA,IAAI;QAAKC,IAAI;MAAA,oBACxC,KAAC,UAAU;QAAa,OAAO,EAAE,WAAY;QAAC,KAAK,EAAE;MAAW,GAAKA,IAAI;QAAA,UACtED;MAAI,IADUD,KAAK,CAET;IAAA,EACd,EAGD,mBAAAR,KAAK,CAACK,MAAM,mDAAZ,eAAcM,KAAK,kBACnB,KAAC,cAAc;MAAA,UACZX,KAAK,CAACK,MAAM,CAACM;IAAK,EACJ,eAEnB,KAAC,UAAU;MAAC,MAAM,EAAEX,KAAK,CAACY,OAAQ;MAAC,OAAO,EAAE,WAAY;MAAC,KAAK,EAAE,UAAW;MAAC,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAA,uBACtG,KAAC,WAAW,CAAC,KAAK;IAAE,EACT;EAAA,EACL;AAEd,CAAC"}
+{"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":[]}

package/dist/SideMenu/index.cjs

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

package/dist/SideMenu/index.cjs.map

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

package/dist/SideMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","SideMenu"],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\r\nexport * from './types';\r\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,QAAQ,QAAO,YAAY;AAC9C,cAAc,SAAS"}
+{"version":3,"file":"index.js","names":["default","SideMenu"],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\r\nexport * from './types';\r\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,QAAQ,QAAO,YAAY;AAC9C,cAAc,SAAS","ignoreList":[]}

package/dist/SideMenu/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":[],"sources":["../../src/SideMenu/types.ts"],"sourcesContent":["import {ButtonProps} from '../Button/Button';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {MenuItemProps} from '../MenuItem/MenuItem';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport type SideMenuAction = Omit<IconButtonProps, 'variant' |\r\n  'shape' |\r\n  'isInMobileMenu' |\r\n  'borderRadius' |\r\n  'flatEdge' |\r\n  'focusBackgroundColor' |\r\n  'useTransparentBackground' |\r\n  'unsetIconSize' |\r\n  'shouldNotInteract' |\r\n  'invertFocus' |\r\n  'hideOnLowWidth' | 'children'> & { icon: React.ReactNode };\r\n\r\nexport type  SideMenuButton =\r\n  Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'>\r\n  & { label: string };\r\n\r\nexport type SideMenuItem = Omit<MenuItemProps, 'size'>\r\n\r\nexport interface SideMenuHeader {\r\n  actions?: SideMenuAction[];\r\n  label?: string;\r\n}\r\n\r\nexport interface SideMenuFooter {\r\n  items?: SideMenuItem[];\r\n  buttons?: SideMenuButton[];\r\n  note?: string;\r\n}\r\n\r\nexport interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  header?: SideMenuHeader;\r\n  footer?: SideMenuFooter;\r\n  onClose: () => void;\r\n  children?: any;\r\n}\r\n"],"mappings":""}
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/SideMenu/types.ts"],"sourcesContent":["import {ButtonProps} from '../Button/Button';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {MenuItemProps} from '../MenuItem/MenuItem';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport type SideMenuAction = Omit<IconButtonProps, 'variant' |\r\n  'shape' |\r\n  'isInMobileMenu' |\r\n  'borderRadius' |\r\n  'flatEdge' |\r\n  'focusBackgroundColor' |\r\n  'useTransparentBackground' |\r\n  'unsetIconSize' |\r\n  'shouldNotInteract' |\r\n  'invertFocus' |\r\n  'hideOnLowWidth' | 'children'> & { icon: React.ReactNode };\r\n\r\nexport type  SideMenuButton =\r\n  Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'>\r\n  & { label: string };\r\n\r\nexport type SideMenuItem = Omit<MenuItemProps, 'size'>\r\n\r\nexport interface SideMenuHeader {\r\n  actions?: SideMenuAction[];\r\n  label?: string;\r\n}\r\n\r\nexport interface SideMenuFooter {\r\n  items?: SideMenuItem[];\r\n  buttons?: SideMenuButton[];\r\n  note?: string;\r\n}\r\n\r\nexport interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  header?: SideMenuHeader;\r\n  footer?: SideMenuFooter;\r\n  onClose: () => void;\r\n  children?: any;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/dist/SideMenu/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/SideMenu/types.ts"],"sourcesContent":["import {ButtonProps} from '../Button/Button';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {MenuItemProps} from '../MenuItem/MenuItem';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport type SideMenuAction = Omit<IconButtonProps, 'variant' |\r\n  'shape' |\r\n  'isInMobileMenu' |\r\n  'borderRadius' |\r\n  'flatEdge' |\r\n  'focusBackgroundColor' |\r\n  'useTransparentBackground' |\r\n  'unsetIconSize' |\r\n  'shouldNotInteract' |\r\n  'invertFocus' |\r\n  'hideOnLowWidth' | 'children'> & { icon: React.ReactNode };\r\n\r\nexport type  SideMenuButton =\r\n  Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'>\r\n  & { label: string };\r\n\r\nexport type SideMenuItem = Omit<MenuItemProps, 'size'>\r\n\r\nexport interface SideMenuHeader {\r\n  actions?: SideMenuAction[];\r\n  label?: string;\r\n}\r\n\r\nexport interface SideMenuFooter {\r\n  items?: SideMenuItem[];\r\n  buttons?: SideMenuButton[];\r\n  note?: string;\r\n}\r\n\r\nexport interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  header?: SideMenuHeader;\r\n  footer?: SideMenuFooter;\r\n  onClose: () => void;\r\n  children?: any;\r\n}\r\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/SideMenu/types.ts"],"sourcesContent":["import {ButtonProps} from '../Button/Button';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {MenuItemProps} from '../MenuItem/MenuItem';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport type SideMenuAction = Omit<IconButtonProps, 'variant' |\r\n  'shape' |\r\n  'isInMobileMenu' |\r\n  'borderRadius' |\r\n  'flatEdge' |\r\n  'focusBackgroundColor' |\r\n  'useTransparentBackground' |\r\n  'unsetIconSize' |\r\n  'shouldNotInteract' |\r\n  'invertFocus' |\r\n  'hideOnLowWidth' | 'children'> & { icon: React.ReactNode };\r\n\r\nexport type  SideMenuButton =\r\n  Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'>\r\n  & { label: string };\r\n\r\nexport type SideMenuItem = Omit<MenuItemProps, 'size'>\r\n\r\nexport interface SideMenuHeader {\r\n  actions?: SideMenuAction[];\r\n  label?: string;\r\n}\r\n\r\nexport interface SideMenuFooter {\r\n  items?: SideMenuItem[];\r\n  buttons?: SideMenuButton[];\r\n  note?: string;\r\n}\r\n\r\nexport interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  header?: SideMenuHeader;\r\n  footer?: SideMenuFooter;\r\n  onClose: () => void;\r\n  children?: any;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/dist/SkipToContent/SkipToContent.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -13,12 +13,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var SkipToContentLink = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  text-decoration: underline;\n"])), function (props) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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) {
+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) {
@@ -31,8 +31,8 @@ var SkipToContent = function SkipToContent(_ref) {
   });
 };
 SkipToContent.propTypes = {
-  children: _propTypes.default.node.isRequired
+  children: _propTypes["default"].node.isRequired
 };
 var _default = SkipToContent;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=SkipToContent.cjs.map

package/dist/SkipToContent/SkipToContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkipToContent.cjs","names":["SkipToContentLink","styled","a","props","ComponentSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","SkipToContentWrapper","div","SkipToContent","children"],"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;AACA;AAEA;AAAsD;AAAA;AAAA;AAAA;AAOtD,IAAMA,iBAAiB,GAAGC,yBAAM,CAACC,CAAC,+HAC9B,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,yBAAM,CAACU,GAAG,6VAWrB,UAAAR,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,EAMrE;AAED,IAAMG,aAA0D,GAAG,SAA7DA,aAA0D,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EAC5E,oBACE,qBAAC,oBAAoB;IAAA,uBACnB,qBAAC,iBAAiB;MAAC,IAAI,EAAC,OAAO;MAAA,UAAEA;IAAQ;EAAqB,EACzC;AAE3B,CAAC;AAAC;EAlCAA,QAAQ;AAAA;AAAA,eAoCKD,aAAa;AAAA"}
+{"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":[]}

package/dist/SkipToContent/SkipToContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipToContent.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","SkipToContentLink","a","props","Bold","getColor","theme","SkipToContentWrapper","div","SkipToContent","children"],"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;AAM9C,IAAMC,iBAAiB,GAAGJ,MAAM,CAACK,CAAC,iHAC9B,UAAAC,KAAK;EAAA,OAAIH,iBAAiB,CAACD,kBAAkB,CAACK,IAAI,EAAEN,MAAM,CAACO,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EAG7F;AAED,IAAMC,oBAAoB,GAAGV,MAAM,CAACW,GAAG,+UAWrB,UAAAL,KAAK;EAAA,OAAIL,MAAM,CAACO,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAMrE;AAED,IAAMG,aAA0D,GAAG,SAA7DA,aAA0D,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EAC5E,oBACE,KAAC,oBAAoB;IAAA,uBACnB,KAAC,iBAAiB;MAAC,IAAI,EAAC,OAAO;MAAA,UAAEA;IAAQ;EAAqB,EACzC;AAE3B,CAAC;AAAC;EAlCAA,QAAQ;AAAA;AAoCV,eAAeD,aAAa"}
+{"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":[]}

package/dist/SkipToContent/index.cjs

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

package/dist/SkipToContent/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\r\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.cjs","names":["_SkipToContent","_interopRequireDefault","require"],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/SkipToContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","SkipToContent"],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAAa,QAAQ,iBAAiB"}
+{"version":3,"file":"index.js","names":["default","SkipToContent"],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/dist/Switcher/MobileCustomMenuContent.cjs

@@ -13,14 +13,14 @@ var _ScrollableContainer = require("../common/ScrollableContainer");
 var _CommonStyles = require("../GlobalNavigationBar/mobile/CommonStyles");
 var _MobileActionContainer = require("../GlobalNavigationBar/mobile/MobileActionContainer");
 var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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),
+    _useScrollableContain2 = (0, _slicedToArray2["default"])(_useScrollableContain, 2),
     scrollContainerRef = _useScrollableContain2[0],
     scrollable = _useScrollableContain2[1];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyles.MobileMenuWrapper, {
@@ -39,6 +39,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":["MobileCustomMenuContent","children","header","action","useScrollableContainer","scrollContainerRef","scrollable","note"],"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;AACA;AAEA;AACA;AAA4F;AAAA;AAAA;AAQrF,IAAMA,uBAA8E,GAAG,SAAjFA,uBAA8E,OAAqC;EAAA,IAA/BC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,MAAM,QAANA,MAAM;EACvH,4BAAyC,IAAAC,2CAAsB,EAAC,CAACH,QAAQ,CAAC,CAAC;IAAA;IAApEI,kBAAkB;IAAEC,UAAU;EAErC,oBACE,sBAAC,+BAAiB;IAAA,wBAChB,sBAAC,iCAAmB;MAAC,GAAG,EAAED,kBAA0B;MAAC,SAAS,EAAEC,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,WAC5F,CAAC,CAACJ,MAAM,iBACP,sBAAC,mCAAqB;QAAA,wBACpB,qBAAC,8BAAgB;UAAA,UAAEA,MAAM,CAACA;QAAM,EAAoB,EACnDA,MAAM,CAACK,IAAI,iBAAI,qBAAC,8BAAgB;UAAA,UAAEL,MAAM,CAACK;QAAI,EAAoB;MAAA,EAErE,EACAN,QAAQ;IAAA,EACW,EACrBE,MAAM,iBAAI,qBAAC,4CAAqB,oBAAKA,MAAM,EAAI;EAAA,EAC9B;AAExB,CAAC;AAAC;AAAA;EApBAF,QAAQ;AAAA"}
+{"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":[]}

package/dist/Switcher/MobileCustomMenuContent.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _pt from "prop-types";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { useScrollableContainer } from '../common/ScrollableContainer';
 import { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';

package/dist/Switcher/MobileCustomMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCustomMenuContent.js","names":["React","useScrollableContainer","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","MobileCustomMenuContent","children","header","action","scrollContainerRef","scrollable","note"],"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;AAAA;AAQ5F,OAAO,IAAMC,uBAA8E,GAAG,SAAjFA,uBAA8E,OAAqC;EAAA,IAA/BC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,MAAM,QAANA,MAAM;EACvH,4BAAyCV,sBAAsB,CAAC,CAACQ,QAAQ,CAAC,CAAC;IAAA;IAApEG,kBAAkB;IAAEC,UAAU;EAErC,oBACE,MAAC,iBAAiB;IAAA,wBAChB,MAAC,mBAAmB;MAAC,GAAG,EAAED,kBAA0B;MAAC,SAAS,EAAEC,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,WAC5F,CAAC,CAACH,MAAM,iBACP,MAAC,qBAAqB;QAAA,wBACpB,KAAC,gBAAgB;UAAA,UAAEA,MAAM,CAACA;QAAM,EAAoB,EACnDA,MAAM,CAACI,IAAI,iBAAI,KAAC,gBAAgB;UAAA,UAAEJ,MAAM,CAACI;QAAI,EAAoB;MAAA,EAErE,EACAL,QAAQ;IAAA,EACW,EACrBE,MAAM,iBAAI,KAAC,qBAAqB,oBAAKA,MAAM,EAAI;EAAA,EAC9B;AAExB,CAAC;AAAC;EApBAF,QAAQ;AAAA"}
+{"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":[]}

package/dist/Switcher/MobileSwitcherMenu.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -16,9 +16,9 @@ var _MobileMenuContent = _interopRequireDefault(require("../GlobalNavigationBar/
 var _MobileCustomMenuContent = require("./MobileCustomMenuContent");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var 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);
+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,
@@ -30,11 +30,11 @@ var MobileSwitcherMenu = function MobileSwitcherMenu(_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
@@ -52,13 +52,13 @@ 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;
+exports["default"] = _default;
 //# sourceMappingURL=MobileSwitcherMenu.cjs.map

package/dist/Switcher/MobileSwitcherMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"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;AACA;AACA;AAGA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAEpE,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,qQAEbC,iBAAS,CAACC,UAAU,EAQ7BC,mBAAW,CAACC,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAwF;EAAA,IAAlFC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;IAAEC,KAAK,QAALA,KAAK;IAAEC,YAAY,QAAZA,YAAY;EAChG,oBACE,sBAAC,OAAO;IAAC,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAA,wBACnD,qBAAC,yBAAgB;MAAC,QAAQ,EAAEH,WAAY;MAAC,KAAK,EAAEH,KAAM;MAAC,OAAO,EAAEG;IAAY,EAAG,EAC9EE,KAAK,iBAAI,qBAAC,0BAAiB;MAAC,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,KAAK,EAAEG,KAAM;MAAC,MAAM,EAAEC;IAAa,EAAG,EAC5FF,aAAa,iBACZ,qBAAC,gDAAuB;MAAC,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,MAAM,EAAEI,YAAa;MAAA,UACrEF;IAAa,EAEjB;EAAA,EACO;AAEd,CAAC;AAAC;EArBAJ,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXE,KAAK;EAELD,aAAa;AAAA;AAAA,eAiBAL,kBAAkB;AAAA"}
+{"version":3,"file":"MobileSwitcherMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_MobileMenuHeader","_MobileMenuContent","_MobileCustomMenuContent","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","_taggedTemplateLiteral2","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","_ref","label","header","note","onMenuClose","customContent","items","footerAction","jsxs","role","children","jsx","onGoBack","onClose","action","MobileCustomMenuContent","propTypes","_propTypes","string","isRequired","func","array","node","_default","exports"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Switcher/MobileSwitcherMenu.d.ts

@@ -9,5 +9,5 @@ interface Props {
     footerAction?: MenuButton;
     customContent?: React.ReactNode;
 }
-declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => JSX.Element;
+declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => React.JSX.Element;
 export default MobileSwitcherMenu;

package/dist/Switcher/MobileSwitcherMenu.js.map

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

package/dist/Switcher/SwitcherMenuItem.cjs

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

package/dist/Switcher/SwitcherMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.cjs","names":["StyledSwitcherItem","styled","div","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","Z_INDEXES","active","hover","focusStyles","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","defaultOnMouseDownHandler","React","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":"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"}
+{"version":3,"file":"SwitcherMenuItem.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_common","_jsxRuntime","_templateObject","_templateObject2","StyledSwitcherItem","styled","div","_taggedTemplateLiteral2","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","Z_INDEXES","active","hover","focusStyles","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","jsxs","onClick","window","location","href","onMouseDown","defaultOnMouseDownHandler","target","className","children","React","cloneElement","size","color","propTypes","_propTypes","string","isRequired","bool","any","_default","exports"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAEpD,IAAMC,kBAAkB,GAAGC,4BAAM,CAACC,GAAG,CAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,knCASjC,UAAAC,KAAK;EAAA,OAAI,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,GAqBxFC,iBAAS,CAACC,MAAM,EAElB,UAAAR,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGvC,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAIhE,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAKrD,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GACzC,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAI7DC,iBAAS,CAACE,KAAK,EACjB,UAAAT,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GACzC,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAG7D,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAKnDC,iBAAS,CAACC,MAAM,EAClB,UAAAR,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GACzC,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGlD,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAIhE,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAK5DI,mBAAW,CAIhB;AAED,IAAMC,CAAC,GAAGd,4BAAM,CAACe,CAAC,CAAAjB,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,oBAAE;AAWpB,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA;EAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAAC,OAAA,GAAAL,IAAA,CAAEM,EAAE;IAAFA,EAAE,GAAAD,OAAA,cAAGR,CAAC,GAAAQ,OAAA;IAAEE,MAAM,GAAAP,IAAA,CAANO,MAAM;EAAA,oBACnE,IAAA5B,WAAA,CAAA6B,IAAA,EAAC1B,kBAAkB;IACjB2B,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGV,GAAG,IAAI,EAAE;IAAA,CAAE;IAClDI,EAAE,EAAEA,EAAG;IACPO,WAAW,EAAEC,iCAA0B;IACvCF,IAAI,EAAEV,GAAG,IAAI,EAAG;IAChBa,MAAM,EAAC,SAAS;IAEhBC,SAAS,EAAEb,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaI,MAAO;IAAAU,QAAA,GACnB,CAAC,CAACb,IAAI,iBAAIc,iBAAK,CAACC,YAAY,CAACf,IAAI,EAAE;MAACgB,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEpB,KAAK;EAAA,GAJDA,KAKa,CAAC;AAAA,CACtB;AAACF,gBAAA,CAAAuB,SAAA;EArBArB,KAAK,EAAAsB,UAAA,YAAAC,MAAA,CAAAC,UAAA;EACLvB,GAAG,EAAAqB,UAAA,YAAAC,MAAA,CAAAC,UAAA;EACHtB,QAAQ,EAAAoB,UAAA,YAAAG,IAAA;EACRtB,IAAI,EAAAmB,UAAA,YAAAI,GAAA;EACJrB,EAAE,EAAAiB,UAAA,YAAAI,GAAA;EACFpB,MAAM,EAAAgB,UAAA,YAAAC;AAAA;AAAA,IAAAI,QAAA,GAkBO7B,gBAAgB;AAAA8B,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/Switcher/SwitcherMenuItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface SwitcherNavItem {
     label: string;
     url: string;
@@ -7,5 +7,5 @@ export interface SwitcherNavItem {
     as?: any;
     testId?: string;
 }
-declare const SwitcherMenuItem: ({ label, url, disabled, icon, as, testId }: SwitcherNavItem) => JSX.Element;
+declare const SwitcherMenuItem: ({ label, url, disabled, icon, as, testId }: SwitcherNavItem) => React.JSX.Element;
 export default SwitcherMenuItem;