@laerdal/life-react-components 5.0.5-dev.1 → 5.0.5-dev.3

package/dist/SideMenu/SideMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_SideMenuHeader","_SideMenuFooter","_SideMenuBody","_styles","_types","_jsxRuntime","_excluded","_templateObject","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","Z_INDEXES","off_canvas","props","COLORS","getColor","theme","BOXSHADOWS","BOXSHADOW_CENTERED","SideMenu","_props$size","size","Size","Medium","className","rest","_objectWithoutProperties2","jsxs","concat","children","jsx","SideMenuHeader","SideMenuBody","footer","SideMenuFooter","_default","exports"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SideMenuProps} from './types';\r\nimport {SideMenuHeader} from './SideMenuHeader';\r\nimport {SideMenuFooter} from './SideMenuFooter';\r\nimport {SideMenuBody} from './SideMenuBody';\r\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\r\nimport {Size} from '../types';\r\n\r\nconst Wrapper = styled.div`\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  width: fit-content;\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 400px;\r\n  }\r\n\r\n  &.large {\r\n    min-width: 480px;\r\n  }\r\n`;\r\n\r\n\r\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\r\n  const {size = Size.Medium, className, ...rest} = props;\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\r\n      <SideMenuHeader {...props} />\r\n      <SideMenuBody {...props}/>\r\n      {props.footer && <SideMenuFooter {...props}/>}\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default SideMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SideMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","props","COLORS","getColor","theme","BOXSHADOWS","BOXSHADOW_CENTERED","SideMenu","size","Size","Medium","className","rest","footer"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SideMenuProps} from './types';\r\nimport {SideMenuHeader} from './SideMenuHeader';\r\nimport {SideMenuFooter} from './SideMenuFooter';\r\nimport {SideMenuBody} from './SideMenuBody';\r\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\r\nimport {Size} from '../types';\r\n\r\nconst Wrapper = styled.div`\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  width: fit-content;\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 400px;\r\n  }\r\n\r\n  &.large {\r\n    min-width: 480px;\r\n  }\r\n`;\r\n\r\n\r\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\r\n  const {size = Size.Medium, className, ...rest} = props;\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\r\n      <SideMenuHeader {...props} />\r\n      <SideMenuBody {...props}/>\r\n      {props.footer && <SideMenuFooter {...props}/>}\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default SideMenu;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAE9B,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,wYACbC,iBAAS,CAACC,UAAU,EAGjB,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAM9CC,kBAAU,CAACC,kBAAkB,CAa5C;AAGD,IAAMC,QAAgD,GAAG,SAAnDA,QAAgD,CAAIN,KAAK,EAAK;EAClE,kBAAiDA,KAAK,CAA/CO,IAAI;IAAJA,IAAI,4BAAGC,WAAI,CAACC,MAAM;IAAEC,SAAS,GAAaV,KAAK,CAA3BU,SAAS;IAAKC,IAAI,0CAAIX,KAAK;EAEtD,oBACE,sBAAC,OAAO;IAAC,SAAS,YAAKO,IAAI,cAAIG,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAA,wBACxD,qBAAC,8BAAc,oBAAKX,KAAK,EAAI,eAC7B,qBAAC,0BAAY,oBAAKA,KAAK,EAAG,EACzBA,KAAK,CAACY,MAAM,iBAAI,qBAAC,8BAAc,oBAAKZ,KAAK,EAAG;EAAA,GACrC;AAEd,CAAC;AAAA,eAEcM,QAAQ;AAAA"}

package/dist/SideMenu/SideMenu.js

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["size", "className"];
 var _templateObject;
-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; }
+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; }
 import React from 'react';
 import styled from 'styled-components';
 import { SideMenuHeader } from './SideMenuHeader';

package/dist/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","names":["React","styled","SideMenuHeader","SideMenuFooter","SideMenuBody","BOXSHADOWS","COLORS","Z_INDEXES","Size","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","off_canvas","props","getColor","theme","BOXSHADOW_CENTERED","SideMenu","_props$size","size","Medium","className","rest","_objectWithoutProperties","_excluded","_objectSpread","concat","children","footer"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SideMenuProps} from './types';\r\nimport {SideMenuHeader} from './SideMenuHeader';\r\nimport {SideMenuFooter} from './SideMenuFooter';\r\nimport {SideMenuBody} from './SideMenuBody';\r\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\r\nimport {Size} from '../types';\r\n\r\nconst Wrapper = styled.div`\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  width: fit-content;\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 400px;\r\n  }\r\n\r\n  &.large {\r\n    min-width: 480px;\r\n  }\r\n`;\r\n\r\n\r\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\r\n  const {size = Size.Medium, className, ...rest} = props;\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\r\n      <SideMenuHeader {...props} />\r\n      <SideMenuBody {...props}/>\r\n      {props.footer && <SideMenuFooter {...props}/>}\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default SideMenu;\r\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,cAAc,QAAO,kBAAkB;AAC/C,SAAQC,cAAc,QAAO,kBAAkB;AAC/C,SAAQC,YAAY,QAAO,gBAAgB;AAC3C,SAAQC,UAAU,EAAEC,MAAM,EAAEC,SAAS,QAAO,WAAW;AACvD,SAAQC,IAAI,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9B,IAAMC,OAAO,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,6TACbT,SAAS,CAACU,UAAU,EAGjB,UAAAC,KAAK;EAAA,OAAIZ,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAM9Cf,UAAU,CAACgB,kBAAkB,CAa5C;AAGD,IAAMC,QAAgD,GAAG,SAAnDA,QAAgDA,CAAIJ,KAAK,EAAK;EAClE,IAAAK,WAAA,GAAiDL,KAAK,CAA/CM,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAGf,IAAI,CAACiB,MAAM,GAAAF,WAAA;IAAEG,SAAS,GAAaR,KAAK,CAA3BQ,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAIV,KAAK,EAAAW,SAAA;EAEtD,oBACEjB,KAAA,CAACC,OAAO,EAAAiB,aAAA,CAAAA,aAAA;IAACJ,SAAS,KAAAK,MAAA,CAAKP,IAAI,OAAAO,MAAA,CAAIL,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAAK,QAAA,gBACxDtB,IAAA,CAACR,cAAc,EAAA4B,aAAA,KAAKZ,KAAK,CAAG,CAAC,eAC7BR,IAAA,CAACN,YAAY,EAAA0B,aAAA,KAAKZ,KAAK,CAAE,CAAC,EACzBA,KAAK,CAACe,MAAM,iBAAIvB,IAAA,CAACP,cAAc,EAAA2B,aAAA,KAAKZ,KAAK,CAAE,CAAC;EAAA,EACtC,CAAC;AAEd,CAAC;AAED,eAAeI,QAAQ","ignoreList":[]}
+{"version":3,"file":"SideMenu.js","names":["React","styled","SideMenuHeader","SideMenuFooter","SideMenuBody","BOXSHADOWS","COLORS","Z_INDEXES","Size","Wrapper","div","off_canvas","props","getColor","theme","BOXSHADOW_CENTERED","SideMenu","size","Medium","className","rest","footer"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SideMenuProps} from './types';\r\nimport {SideMenuHeader} from './SideMenuHeader';\r\nimport {SideMenuFooter} from './SideMenuFooter';\r\nimport {SideMenuBody} from './SideMenuBody';\r\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\r\nimport {Size} from '../types';\r\n\r\nconst Wrapper = styled.div`\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  width: fit-content;\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 400px;\r\n  }\r\n\r\n  &.large {\r\n    min-width: 480px;\r\n  }\r\n`;\r\n\r\n\r\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\r\n  const {size = Size.Medium, className, ...rest} = props;\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\r\n      <SideMenuHeader {...props} />\r\n      <SideMenuBody {...props}/>\r\n      {props.footer && <SideMenuFooter {...props}/>}\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default SideMenu;\r\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,cAAc,QAAO,kBAAkB;AAC/C,SAAQC,cAAc,QAAO,kBAAkB;AAC/C,SAAQC,YAAY,QAAO,gBAAgB;AAC3C,SAAQC,UAAU,EAAEC,MAAM,EAAEC,SAAS,QAAO,WAAW;AACvD,SAAQC,IAAI,QAAO,UAAU;AAAC;AAAA;AAE9B,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAG,0XACbH,SAAS,CAACI,UAAU,EAGjB,UAAAC,KAAK;EAAA,OAAIN,MAAM,CAACO,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAM9CT,UAAU,CAACU,kBAAkB,CAa5C;AAGD,IAAMC,QAAgD,GAAG,SAAnDA,QAAgD,CAAIJ,KAAK,EAAK;EAClE,kBAAiDA,KAAK,CAA/CK,IAAI;IAAJA,IAAI,4BAAGT,IAAI,CAACU,MAAM;IAAEC,SAAS,GAAaP,KAAK,CAA3BO,SAAS;IAAKC,IAAI,4BAAIR,KAAK;EAEtD,oBACE,MAAC,OAAO;IAAC,SAAS,YAAKK,IAAI,cAAIE,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAA,wBACxD,KAAC,cAAc,oBAAKR,KAAK,EAAI,eAC7B,KAAC,YAAY,oBAAKA,KAAK,EAAG,EACzBA,KAAK,CAACS,MAAM,iBAAI,KAAC,cAAc,oBAAKT,KAAK,EAAG;EAAA,GACrC;AAEd,CAAC;AAED,eAAeI,QAAQ"}

package/dist/SideMenu/SideMenuBody.cjs

@@ -14,21 +14,21 @@ var _types = require("../types");
 var _rooks = require("rooks");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 8px 0;\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n"])));
-var ScrollableContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  display: flex;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 6px;\n  }\n\n  ", "\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
+var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px 0;\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n"])));
+var ScrollableContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  display: flex;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 6px;\n  }\n\n  ", "\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
 var SideMenuBody = function SideMenuBody(props) {
-  var _React$useState = _react["default"].useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     scrollable = _React$useState2[0],
     setScrollable = _React$useState2[1];
   var _useDimensionsRef = (0, _rooks.useDimensionsRef)({
       updateOnResize: true
     }),
-    _useDimensionsRef2 = (0, _slicedToArray2["default"])(_useDimensionsRef, 3),
+    _useDimensionsRef2 = (0, _slicedToArray2.default)(_useDimensionsRef, 3),
     ref = _useDimensionsRef2[0],
     dimensions = _useDimensionsRef2[1],
     node = _useDimensionsRef2[2];
-  _react["default"].useEffect(function () {
+  _react.default.useEffect(function () {
     var _node$clientHeight, _node$scrollHeight;
     var clientHeight = (_node$clientHeight = node === null || node === void 0 ? void 0 : node.clientHeight) !== null && _node$clientHeight !== void 0 ? _node$clientHeight : 0;
     var scrollHeight = (_node$scrollHeight = node === null || node === void 0 ? void 0 : node.scrollHeight) !== null && _node$scrollHeight !== void 0 ? _node$scrollHeight : 0;

package/dist/SideMenu/SideMenuBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuBody.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_types","_rooks","_jsxRuntime","_templateObject","_templateObject2","Wrapper","styled","div","_taggedTemplateLiteral2","ScrollableContainer","scrollBarStyling","Size","Small","SideMenuBody","props","_React$useState","React","useState","_React$useState2","_slicedToArray2","scrollable","setScrollable","_useDimensionsRef","useDimensionsRef","updateOnResize","_useDimensionsRef2","ref","dimensions","node","useEffect","_node$clientHeight","_node$scrollHeight","clientHeight","scrollHeight","children","jsx","className","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAuC,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,eAAA,EAAAC,gBAAA;AAEvC,IAAMC,OAAO,GAAGC,4BAAM,CAACC,GAAG,CAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,6JAQzB;AAED,IAAMC,mBAAmB,GAAGH,4BAAM,CAACC,GAAG,CAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,mLAWlC,IAAAE,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAC/B;AAGM,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAoB,EAAK;EACpD,IAAAC,eAAA,GAAoCC,iBAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAJ,eAAA;IAAlDK,UAAU,GAAAF,gBAAA;IAAEG,aAAa,GAAAH,gBAAA;EAChC,IAAAI,iBAAA,GAAgC,IAAAC,uBAAgB,EAAC;MAACC,cAAc,EAAE;IAAI,CAAC,CAAC;IAAAC,kBAAA,OAAAN,eAAA,aAAAG,iBAAA;IAAjEI,GAAG,GAAAD,kBAAA;IAAEE,UAAU,GAAAF,kBAAA;IAAEG,IAAI,GAAAH,kBAAA;EAE5BT,iBAAK,CAACa,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;IAC5CV,aAAa,CAACY,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACL,UAAU,EAAEC,IAAI,EAAEd,KAAK,CAACoB,QAAQ,CAAC,CAAC;EAEtC,oBACE,IAAAhC,WAAA,CAAAiC,GAAA,EAAC9B,OAAO;IAAA6B,QAAA,eACN,IAAAhC,WAAA,CAAAiC,GAAA,EAAC1B,mBAAmB;MAACiB,GAAG,EAAEA,GAAW;MAChBU,SAAS,EAAEhB,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAc,QAAA,EAC5DpB,KAAK,CAACoB;IAAQ,CACI;EAAC,CACf,CAAC;AAEd,CAAC;AAACG,OAAA,CAAAxB,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"file":"SideMenuBody.cjs","names":["Wrapper","styled","div","ScrollableContainer","scrollBarStyling","Size","Small","SideMenuBody","props","React","useState","scrollable","setScrollable","useDimensionsRef","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;AAEA;AACA;AACA;AACA;AAAuC;AAAA;AAEvC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,4NAQzB;AAED,IAAMC,mBAAmB,GAAGF,yBAAM,CAACC,GAAG,oPAWlC,IAAAE,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAC/B;AAGM,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAoB,EAAK;EACpD,sBAAoCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAlDC,UAAU;IAAEC,aAAa;EAChC,wBAAgC,IAAAC,uBAAgB,EAAC;MAACC,cAAc,EAAE;IAAI,CAAC,CAAC;IAAA;IAAjEC,GAAG;IAAEC,UAAU;IAAEC,IAAI;EAE5BR,cAAK,CAACS,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;IAC5CR,aAAa,CAACQ,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACH,UAAU,EAAEC,IAAI,EAAET,KAAK,CAACa,QAAQ,CAAC,CAAC;EAEtC,oBACE,qBAAC,OAAO;IAAA,uBACN,qBAAC,mBAAmB;MAAC,GAAG,EAAEN,GAAW;MAChB,SAAS,EAAEJ,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,UAC5DH,KAAK,CAACa;IAAQ;EACK,EACd;AAEd,CAAC;AAAC"}

package/dist/SideMenu/SideMenuBody.d.ts

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

package/dist/SideMenu/SideMenuBody.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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"}

package/dist/SideMenu/SideMenuFooter.cjs

@@ -15,17 +15,17 @@ var _Button = require("../Button");
 var _MenuItem = require("../MenuItem");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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) {
+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"])), 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) {
+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) {
+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) {

package/dist/SideMenu/SideMenuFooter.cjs.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"SideMenuFooter.cjs","names":["Wrapper","styled","div","props","COLORS","getColor","theme","ItemsContainer","ButtonsContainer","LogoContainer","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","SideMenuFooter","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 ${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":";;;;;;;;;AAAA;AAEA;AACA;AAKA;AACA;AACA;AAAqC;AAAA;AAAA;AAAA;AAErC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,uOAOA,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAC7E;AAED,IAAMC,cAAc,GAAGN,yBAAM,CAACC,GAAG,gMAMhC;AAED,IAAMM,gBAAgB,GAAGP,yBAAM,CAACC,GAAG,wTAgBlC;AAED,IAAMO,aAAa,GAAGR,yBAAM,CAACC,GAAG,sRAOV,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAExE;AAED,IAAMI,aAAa,GAAGT,yBAAM,CAACC,GAAG,gGAC5B,UAAAC,KAAK;EAAA,OAAI,IAAAQ,2BAAmB,EAACC,0BAAkB,CAACC,OAAO,EAAET,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EACxG;AAEM,IAAMQ,cAAc,GAAG,SAAjBA,cAAc,CAAIX,KAAoB,EAAK;EAAA;EAEtD,oBACE,sBAAC,OAAO;IAAA,WAEJ,CAAC,mBAACA,KAAK,CAACY,MAAM,iEAAZ,cAAcC,KAAK,gDAAnB,oBAAqBC,MAAM,kBAC7B,qBAAC,cAAc;MAAA,UACZd,KAAK,CAACY,MAAM,CAACC,KAAK,CAACE,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAClC,qBAAC,kBAAQ;UAAa,IAAI,EAAEjB,KAAK,CAACkB;QAAK,GAAKF,IAAI,GAAjCC,KAAK,CAA+B;MAAA;IACpD,EACc,EAGjB,CAAC,oBAACjB,KAAK,CAACY,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC/B,qBAAC,gBAAgB;MAAA,UAEbd,KAAK,CAACY,MAAM,CAACO,OAAO,CAACJ,GAAG,CAAC,UAACK,MAAM,EAAEH,KAAK;QAAA,oBACrC,qBAAC,cAAM;UAAa,IAAI,EAAEjB,KAAK,CAACkB;QAAK,GAAKE,MAAM;UAAA,UAC7CA,MAAM,CAACC;QAAK,IADFJ,KAAK,CAET;MAAA;IACV,EAEc,EAGnB,oBAACjB,KAAK,CAACY,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,4BAAEd,KAAK,CAACY,MAAM,mDAAZ,eAAcU;MAAI,EAAiB;IAAA,EACrC;EAAA,EAGV;AAEd,CAAC;AAAC"}

package/dist/SideMenu/SideMenuFooter.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { SideMenuProps } from './types';
-export declare const SideMenuFooter: (props: SideMenuProps) => React.JSX.Element;
+export declare const SideMenuFooter: (props: SideMenuProps) => 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(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; }
+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; }
 import React from 'react';
 import styled from 'styled-components';
 import { COLORS, ComponentTextStyle, ComponentXXSStyling } from '../styles';

package/dist/SideMenu/SideMenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","ItemsContainer","_templateObject2","ButtonsContainer","_templateObject3","LogoContainer","_templateObject4","NoteContainer","_templateObject5","Regular","SideMenuFooter","_props$footer","_props$footer$items","_props$footer2","_props$footer2$button","_props$footer3","_props$footer3$button","_props$footer4","children","footer","items","length","map","item","index","_objectSpread","size","buttons","button","label","height","width","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","Wrapper","div","props","getColor","theme","ItemsContainer","ButtonsContainer","LogoContainer","NoteContainer","Regular","SideMenuFooter","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 ${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":";;;;;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,yNAOA,UAAAC,KAAK;EAAA,OAAIR,MAAM,CAACS,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAC7E;AAED,IAAMC,cAAc,GAAGZ,MAAM,CAACQ,GAAG,kLAMhC;AAED,IAAMK,gBAAgB,GAAGb,MAAM,CAACQ,GAAG,0SAgBlC;AAED,IAAMM,aAAa,GAAGd,MAAM,CAACQ,GAAG,wQAOV,UAAAC,KAAK;EAAA,OAAIR,MAAM,CAACS,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAExE;AAED,IAAMI,aAAa,GAAGf,MAAM,CAACQ,GAAG,kFAC5B,UAAAC,KAAK;EAAA,OAAIN,mBAAmB,CAACD,kBAAkB,CAACc,OAAO,EAAEf,MAAM,CAACS,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AAAA,EACxG;AAED,OAAO,IAAMM,cAAc,GAAG,SAAjBA,cAAc,CAAIR,KAAoB,EAAK;EAAA;EAEtD,oBACE,MAAC,OAAO;IAAA,WAEJ,CAAC,mBAACA,KAAK,CAACS,MAAM,iEAAZ,cAAcC,KAAK,gDAAnB,oBAAqBC,MAAM,kBAC7B,KAAC,cAAc;MAAA,UACZX,KAAK,CAACS,MAAM,CAACC,KAAK,CAACE,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAClC,KAAC,QAAQ;UAAa,IAAI,EAAEd,KAAK,CAACe;QAAK,GAAKF,IAAI,GAAjCC,KAAK,CAA+B;MAAA;IACpD,EACc,EAGjB,CAAC,oBAACd,KAAK,CAACS,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC/B,KAAC,gBAAgB;MAAA,UAEbX,KAAK,CAACS,MAAM,CAACO,OAAO,CAACJ,GAAG,CAAC,UAACK,MAAM,EAAEH,KAAK;QAAA,oBACrC,KAAC,MAAM;UAAa,IAAI,EAAEd,KAAK,CAACe;QAAK,GAAKE,MAAM;UAAA,UAC7CA,MAAM,CAACC;QAAK,IADFJ,KAAK,CAET;MAAA;IACV,EAEc,EAGnB,oBAACd,KAAK,CAACS,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,4BAAEX,KAAK,CAACS,MAAM,mDAAZ,eAAcU;MAAI,EAAiB;IAAA,EACrC;EAAA,EAGV;AAEd,CAAC"}

package/dist/SideMenu/SideMenuHeader.cjs

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

package/dist/SideMenu/SideMenuHeader.d.ts

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

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

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","ignoreList":[]}
+{"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"}

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":"","ignoreList":[]}
+{"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":""}

package/dist/SideMenu/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '../Button/Button';
 import { IconButtonProps } from '../Button/Iconbutton';
 import { MenuItemProps } from '../MenuItem/MenuItem';

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":"","ignoreList":[]}
+{"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":""}

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

package/dist/SkipToContent/SkipToContent.js.map

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

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":["_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":[]}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\r\n"],"mappings":";;;;;;;;;;;;AAAA"}

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","ignoreList":[]}
+{"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"}