@laerdal/life-react-components 3.5.3 → 3.6.0-dev.1.full

package/dist/SideMenu/SideMenuBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuBody.js","names":["React","styled","scrollBarStyling","Size","useDimensionsRef","Wrapper","div","ScrollableContainer","Small","SideMenuBody","props","useState","scrollable","setScrollable","updateOnResize","ref","dimensions","node","useEffect","clientHeight","scrollHeight","children"],"sources":["../../src/SideMenu/SideMenuBody.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {scrollBarStyling} from '../styles';\r\nimport {Size} from '../types';\r\nimport {useDimensionsRef} from 'rooks';\r\n\r\nconst Wrapper = styled.div`\r\n  padding: 8px 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 6px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\n\r\nexport const SideMenuBody = (props: SideMenuProps) => {\r\n  const [scrollable, setScrollable] = React.useState(false);\r\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\r\n\r\n  React.useEffect(() => {\r\n    const clientHeight = node?.clientHeight ?? 0;\r\n    const scrollHeight = node?.scrollHeight ?? 0;\r\n    setScrollable(scrollHeight > clientHeight);\r\n  }, [dimensions, node, props.children]);\r\n\r\n  return (\r\n    <Wrapper>\r\n      <ScrollableContainer ref={ref as any}\r\n                           className={scrollable ? 'scrollable' : ''}>\r\n        {props.children}\r\n      </ScrollableContainer>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,gBAAgB,QAAO,WAAW;AAC1C,SAAQC,IAAI,QAAO,UAAU;AAC7B,SAAQC,gBAAgB,QAAO,OAAO;AAAC;AAEvC,IAAMC,OAAO,GAAGJ,MAAM,CAACK,GAAG,8MAQzB;AAED,IAAMC,mBAAmB,GAAGN,MAAM,CAACK,GAAG,sOAWlCJ,gBAAgB,CAACC,IAAI,CAACK,KAAK,CAAC,CAC/B;AAGD,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAoB,EAAK;EACpD,sBAAoCV,KAAK,CAACW,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAlDC,UAAU;IAAEC,aAAa;EAChC,wBAAgCT,gBAAgB,CAAC;MAACU,cAAc,EAAE;IAAI,CAAC,CAAC;IAAA;IAAjEC,GAAG;IAAEC,UAAU;IAAEC,IAAI;EAE5BjB,KAAK,CAACkB,SAAS,CAAC,YAAM;IAAA;IACpB,IAAMC,YAAY,yBAAGF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,YAAY,mEAAI,CAAC;IAC5C,IAAMC,YAAY,yBAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,YAAY,mEAAI,CAAC;IAC5CP,aAAa,CAACO,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACH,UAAU,EAAEC,IAAI,EAAEP,KAAK,CAACW,QAAQ,CAAC,CAAC;EAEtC,oBACE,KAAC,OAAO;IAAA,uBACN,KAAC,mBAAmB;MAAC,GAAG,EAAEN,GAAW;MAChB,SAAS,EAAEH,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,UAC5DF,KAAK,CAACW;IAAQ;EACK,EACd;AAEd,CAAC"}
+{"version":3,"file":"SideMenuBody.js","names":["React","styled","scrollBarStyling","Size","useDimensionsRef","jsx","_jsx","Wrapper","div","_templateObject","_taggedTemplateLiteral","ScrollableContainer","_templateObject2","Small","SideMenuBody","props","_React$useState","useState","_React$useState2","_slicedToArray","scrollable","setScrollable","_useDimensionsRef","updateOnResize","_useDimensionsRef2","ref","dimensions","node","useEffect","_node$clientHeight","_node$scrollHeight","clientHeight","scrollHeight","children","className"],"sources":["../../src/SideMenu/SideMenuBody.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {scrollBarStyling} from '../styles';\r\nimport {Size} from '../types';\r\nimport {useDimensionsRef} from 'rooks';\r\n\r\nconst Wrapper = styled.div`\r\n  padding: 8px 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 6px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\n\r\nexport const SideMenuBody = (props: SideMenuProps) => {\r\n  const [scrollable, setScrollable] = React.useState(false);\r\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\r\n\r\n  React.useEffect(() => {\r\n    const clientHeight = node?.clientHeight ?? 0;\r\n    const scrollHeight = node?.scrollHeight ?? 0;\r\n    setScrollable(scrollHeight > clientHeight);\r\n  }, [dimensions, node, props.children]);\r\n\r\n  return (\r\n    <Wrapper>\r\n      <ScrollableContainer ref={ref as any}\r\n                           className={scrollable ? 'scrollable' : ''}>\r\n        {props.children}\r\n      </ScrollableContainer>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,gBAAgB,QAAO,WAAW;AAC1C,SAAQC,IAAI,QAAO,UAAU;AAC7B,SAAQC,gBAAgB,QAAO,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,IAAMC,OAAO,GAAGN,MAAM,CAACO,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,iJAQzB;AAED,IAAMC,mBAAmB,GAAGV,MAAM,CAACO,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,uKAWlCR,gBAAgB,CAACC,IAAI,CAACU,KAAK,CAAC,CAC/B;AAGD,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAoB,EAAK;EACpD,IAAAC,eAAA,GAAoChB,KAAK,CAACiB,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAlDI,UAAU,GAAAF,gBAAA;IAAEG,aAAa,GAAAH,gBAAA;EAChC,IAAAI,iBAAA,GAAgClB,gBAAgB,CAAC;MAACmB,cAAc,EAAE;IAAI,CAAC,CAAC;IAAAC,kBAAA,GAAAL,cAAA,CAAAG,iBAAA;IAAjEG,GAAG,GAAAD,kBAAA;IAAEE,UAAU,GAAAF,kBAAA;IAAEG,IAAI,GAAAH,kBAAA;EAE5BxB,KAAK,CAAC4B,SAAS,CAAC,YAAM;IAAA,IAAAC,kBAAA,EAAAC,kBAAA;IACpB,IAAMC,YAAY,IAAAF,kBAAA,GAAGF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,YAAY,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,CAAC;IAC5C,IAAMG,YAAY,IAAAF,kBAAA,GAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,YAAY,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,CAAC;IAC5CT,aAAa,CAACW,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACL,UAAU,EAAEC,IAAI,EAAEZ,KAAK,CAACkB,QAAQ,CAAC,CAAC;EAEtC,oBACE3B,IAAA,CAACC,OAAO;IAAA0B,QAAA,eACN3B,IAAA,CAACK,mBAAmB;MAACc,GAAG,EAAEA,GAAW;MAChBS,SAAS,EAAEd,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAa,QAAA,EAC5DlB,KAAK,CAACkB;IAAQ,CACI;EAAC,CACf,CAAC;AAEd,CAAC","ignoreList":[]}

package/dist/SideMenu/SideMenuFooter.cjs

@@ -15,13 +15,19 @@ var _Button = require("../Button");
 var _MenuItem = require("../MenuItem");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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; }
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), _styles.COLORS.neutral_200);
-var ItemsContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n"])));
-var ButtonsContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n"])));
-var LogoContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ", ";\n  width: 100%;\n"])), _styles.COLORS.neutral_20);
-var NoteContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_500));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_200', props.theme);
+});
+var ItemsContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n"])));
+var ButtonsContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n"])));
+var LogoContainer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ", ";\n  width: 100%;\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+});
+var NoteContainer = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
+  return (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_500', props.theme));
+});
 var SideMenuFooter = function SideMenuFooter(props) {
   var _props$footer, _props$footer$items, _props$footer2, _props$footer2$button, _props$footer3, _props$footer3$button, _props$footer4;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {

package/dist/SideMenu/SideMenuFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuFooter.cjs","names":["Wrapper","styled","div","COLORS","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${COLORS.neutral_20};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AAKA;AACA;AACA;AAAqC;AAAA;AAAA;AAAA;AAErC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,uOAOAC,cAAM,CAACC,WAAW,CAC3C;AAED,IAAMC,cAAc,GAAGJ,yBAAM,CAACC,GAAG,gMAMhC;AAED,IAAMI,gBAAgB,GAAGL,yBAAM,CAACC,GAAG,wTAgBlC;AAED,IAAMK,aAAa,GAAGN,yBAAM,CAACC,GAAG,sRAOVC,cAAM,CAACK,UAAU,CAEtC;AAED,IAAMC,aAAa,GAAGR,yBAAM,CAACC,GAAG,gGAC5B,IAAAQ,2BAAmB,EAACC,0BAAkB,CAACC,OAAO,EAAET,cAAM,CAACU,WAAW,CAAC,CACtE;AAEM,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAoB,EAAK;EAAA;EAEtD,oBACE,sBAAC,OAAO;IAAA,WAEJ,CAAC,mBAACA,KAAK,CAACC,MAAM,iEAAZ,cAAcC,KAAK,gDAAnB,oBAAqBC,MAAM,kBAC7B,qBAAC,cAAc;MAAA,UACZH,KAAK,CAACC,MAAM,CAACC,KAAK,CAACE,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAClC,qBAAC,kBAAQ;UAAa,IAAI,EAAEN,KAAK,CAACO;QAAK,GAAKF,IAAI,GAAjCC,KAAK,CAA+B;MAAA;IACpD,EACc,EAGjB,CAAC,oBAACN,KAAK,CAACC,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC/B,qBAAC,gBAAgB;MAAA,UAEbH,KAAK,CAACC,MAAM,CAACO,OAAO,CAACJ,GAAG,CAAC,UAACK,MAAM,EAAEH,KAAK;QAAA,oBACrC,qBAAC,cAAM;UAAa,IAAI,EAAEN,KAAK,CAACO;QAAK,GAAKE,MAAM;UAAA,UAC7CA,MAAM,CAACC;QAAK,IADFJ,KAAK,CAET;MAAA;IACV,EAEc,EAGnB,oBAACN,KAAK,CAACC,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC9B,sBAAC,aAAa;MAAA,wBACZ,qBAAC,mBAAW;QAAC,MAAM,EAAE,MAAO;QAAC,KAAK,EAAE;MAAO,EAAE,eAC7C,qBAAC,aAAa;QAAA,4BAAEH,KAAK,CAACC,MAAM,mDAAZ,eAAcU;MAAI,EAAiB;IAAA,EACrC;EAAA,EAGV;AAEd,CAAC;AAAC"}
+{"version":3,"file":"SideMenuFooter.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_assets","_Button","_MenuItem","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","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","props","COLORS","getColor","theme","ItemsContainer","ButtonsContainer","LogoContainer","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","SideMenuFooter","_props$footer","_props$footer$items","_props$footer2","_props$footer2$button","_props$footer3","_props$footer3$button","_props$footer4","jsxs","children","footer","items","jsx","map","item","index","MenuItem","size","buttons","button","Button","label","LaerdalLogo","height","width","note","exports"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/SideMenu/SideMenuFooter.d.ts

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

package/dist/SideMenu/SideMenuFooter.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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, ComponentTextStyle, ComponentXXSStyling } from '../styles';
@@ -11,11 +11,17 @@ import { Button } from '../Button';
 import { MenuItem } from '../MenuItem';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), COLORS.neutral_200);
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), function (props) {
+  return COLORS.getColor('neutral_200', props.theme);
+});
 var ItemsContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n"])));
 var ButtonsContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n"])));
-var LogoContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ", ";\n  width: 100%;\n"])), COLORS.neutral_20);
-var NoteContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500));
+var LogoContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ", ";\n  width: 100%;\n"])), function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+});
+var NoteContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+  return ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme));
+});
 export var SideMenuFooter = function SideMenuFooter(props) {
   var _props$footer, _props$footer$items, _props$footer2, _props$footer2$button, _props$footer3, _props$footer3$button, _props$footer4;
   return /*#__PURE__*/_jsxs(Wrapper, {

package/dist/SideMenu/SideMenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","Wrapper","div","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${COLORS.neutral_20};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SACEC,MAAM,EACNC,kBAAkB,EAClBC,mBAAmB,QACd,WAAW;AAClB,SAAQC,WAAW,QAAO,WAAW;AACrC,SAAQC,MAAM,QAAO,WAAW;AAChC,SAAQC,QAAQ,QAAO,aAAa;AAAC;AAAA;AAErC,IAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAG,yNAOAP,MAAM,CAACQ,WAAW,CAC3C;AAED,IAAMC,cAAc,GAAGV,MAAM,CAACQ,GAAG,kLAMhC;AAED,IAAMG,gBAAgB,GAAGX,MAAM,CAACQ,GAAG,0SAgBlC;AAED,IAAMI,aAAa,GAAGZ,MAAM,CAACQ,GAAG,wQAOVP,MAAM,CAACY,UAAU,CAEtC;AAED,IAAMC,aAAa,GAAGd,MAAM,CAACQ,GAAG,kFAC5BL,mBAAmB,CAACD,kBAAkB,CAACa,OAAO,EAAEd,MAAM,CAACe,WAAW,CAAC,CACtE;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAoB,EAAK;EAAA;EAEtD,oBACE,MAAC,OAAO;IAAA,WAEJ,CAAC,mBAACA,KAAK,CAACC,MAAM,iEAAZ,cAAcC,KAAK,gDAAnB,oBAAqBC,MAAM,kBAC7B,KAAC,cAAc;MAAA,UACZH,KAAK,CAACC,MAAM,CAACC,KAAK,CAACE,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAClC,KAAC,QAAQ;UAAa,IAAI,EAAEN,KAAK,CAACO;QAAK,GAAKF,IAAI,GAAjCC,KAAK,CAA+B;MAAA;IACpD,EACc,EAGjB,CAAC,oBAACN,KAAK,CAACC,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC/B,KAAC,gBAAgB;MAAA,UAEbH,KAAK,CAACC,MAAM,CAACO,OAAO,CAACJ,GAAG,CAAC,UAACK,MAAM,EAAEH,KAAK;QAAA,oBACrC,KAAC,MAAM;UAAa,IAAI,EAAEN,KAAK,CAACO;QAAK,GAAKE,MAAM;UAAA,UAC7CA,MAAM,CAACC;QAAK,IADFJ,KAAK,CAET;MAAA;IACV,EAEc,EAGnB,oBAACN,KAAK,CAACC,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC9B,MAAC,aAAa;MAAA,wBACZ,KAAC,WAAW;QAAC,MAAM,EAAE,MAAO;QAAC,KAAK,EAAE;MAAO,EAAE,eAC7C,KAAC,aAAa;QAAA,4BAAEH,KAAK,CAACC,MAAM,mDAAZ,eAAcU;MAAI,EAAiB;IAAA,EACrC;EAAA,EAGV;AAEd,CAAC"}
+{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","ItemsContainer","_templateObject2","ButtonsContainer","_templateObject3","LogoContainer","_templateObject4","NoteContainer","_templateObject5","Regular","SideMenuFooter","_props$footer","_props$footer$items","_props$footer2","_props$footer2$button","_props$footer3","_props$footer3$button","_props$footer4","children","footer","items","length","map","item","index","_objectSpread","size","buttons","button","label","height","width","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/SideMenu/SideMenuHeader.cjs

@@ -16,16 +16,22 @@ var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
 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) { (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; }
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
-var LabelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600), (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
+var LabelContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+});
 var SideMenuHeader = function SideMenuHeader(props) {
   var _props$header, _props$header$actions, _props$header2;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     children: [(_props$header = props.header) === null || _props$header === void 0 ? void 0 : (_props$header$actions = _props$header.actions) === null || _props$header$actions === void 0 ? void 0 : _props$header$actions.map(function (_ref, index) {
       var icon = _ref.icon,
-        rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+        rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({
         variant: 'secondary',
         shape: 'circular'

package/dist/SideMenu/SideMenuHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.cjs","names":["Wrapper","styled","div","LabelContainer","ComponentSStyling","ComponentTextStyle","Bold","COLORS","neutral_600","ComponentMStyling","ComponentLStyling","SideMenuHeader","props","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    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n\r\n  .medium & {\r\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n\r\n  .large & {\r\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\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,IAAAE,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC,EAI9D,IAAAC,yBAAiB,EAACJ,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC,EAI9D,IAAAE,yBAAiB,EAACL,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC,CAEnE;AAEM,IAAMG,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAoB,EAAK;EAAA;EAEtD,oBACE,sBAAC,OAAO;IAAA,4BAEJA,KAAK,CAACC,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,mBAAAJ,KAAK,CAACC,MAAM,mDAAZ,eAAcM,KAAK,kBACnB,qBAAC,cAAc;MAAA,UACZP,KAAK,CAACC,MAAM,CAACM;IAAK,EACJ,eAEnB,qBAAC,kBAAU;MAAC,MAAM,EAAEP,KAAK,CAACQ,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';
@@ -13,7 +13,13 @@ import { SystemIcons } from '../icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
-var LabelContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
+var LabelContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+});
 export var SideMenuHeader = function SideMenuHeader(props) {
   var _props$header, _props$header$actions, _props$header2;
   return /*#__PURE__*/_jsxs(Wrapper, {

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","Bold","neutral_600","SideMenuHeader","props","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    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n\r\n  .medium & {\r\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n\r\n  .large & {\r\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\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,6LAI3BL,iBAAiB,CAACC,kBAAkB,CAACM,IAAI,EAAEV,MAAM,CAACW,WAAW,CAAC,EAI9DT,iBAAiB,CAACE,kBAAkB,CAACM,IAAI,EAAEV,MAAM,CAACW,WAAW,CAAC,EAI9DV,iBAAiB,CAACG,kBAAkB,CAACM,IAAI,EAAEV,MAAM,CAACW,WAAW,CAAC,CAEnE;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAoB,EAAK;EAAA;EAEtD,oBACE,MAAC,OAAO;IAAA,4BAEJA,KAAK,CAACC,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,mBAAAJ,KAAK,CAACC,MAAM,mDAAZ,eAAcM,KAAK,kBACnB,KAAC,cAAc;MAAA,UACZP,KAAK,CAACC,MAAM,CAACM;IAAK,EACJ,eAEnB,KAAC,UAAU;MAAC,MAAM,EAAEP,KAAK,CAACQ,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,10 +13,14 @@ 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"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.black));
-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"])), _styles.COLORS.accent2_200);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var SkipToContentLink = _styledComponents["default"].a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  text-decoration: underline;\n"])), function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme));
+});
+var SkipToContentWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('accent2_200', props.theme);
+});
 var SkipToContent = function SkipToContent(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(SkipToContentWrapper, {
@@ -27,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","ComponentSStyling","ComponentTextStyle","Bold","COLORS","black","SkipToContentWrapper","div","accent2_200","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  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n\r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n    flex: 1 0 auto;\r\n    background: ${COLORS.accent2_200};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AAAsD;AAAA;AAAA;AAAA;AAOtD,IAAMA,iBAAiB,GAAGC,yBAAM,CAACC,CAAC,+HAC9B,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,KAAK,CAAC,CAG3D;AAED,IAAMC,oBAAoB,GAAGP,yBAAM,CAACQ,GAAG,6VAWrBH,cAAM,CAACI,WAAW,CAMnC;AAED,IAAMC,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

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

package/dist/SkipToContent/SkipToContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipToContent.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","SkipToContentLink","a","Bold","black","SkipToContentWrapper","div","accent2_200","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  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n\r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n    flex: 1 0 auto;\r\n    background: ${COLORS.accent2_200};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"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,iHAC9BF,iBAAiB,CAACD,kBAAkB,CAACI,IAAI,EAAEL,MAAM,CAACM,KAAK,CAAC,CAG3D;AAED,IAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAG,+UAWrBR,MAAM,CAACS,WAAW,CAMnC;AAED,IAAMC,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';