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

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","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","Z_INDEXES","off_canvas","props","COLORS","getColor","theme","BOXSHADOWS","BOXSHADOW_CENTERED","SideMenu","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":["_react","_interopRequireDefault","require","_styledComponents","_SideMenuHeader","_SideMenuFooter","_SideMenuBody","_styles","_types","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","Z_INDEXES","off_canvas","props","COLORS","getColor","theme","BOXSHADOWS","BOXSHADOW_CENTERED","SideMenu","size","Size","Medium","className","rest","_objectWithoutProperties2","jsxs","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":[]}

package/dist/SideMenu/SideMenu.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { SideMenuProps } from './types';
-declare const SideMenu: React.FunctionComponent<SideMenuProps>;
-export default SideMenu;
+import React from 'react';
+import { SideMenuProps } from './types';
+declare const SideMenu: React.FunctionComponent<SideMenuProps>;
+export default SideMenu;

package/dist/SideMenu/SideMenu.js

@@ -1,8 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 const _excluded = ["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; }
 import React from 'react';
@@ -13,7 +11,30 @@ import { SideMenuBody } from './SideMenuBody';
 import { BOXSHADOWS, COLORS, Z_INDEXES } from '../styles';
 import { Size } from '../types';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n  background: ", ";\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ", ";\n\n  &.small {\n    min-width: 320px;\n  }\n\n  &.medium {\n    min-width: 400px;\n  }\n\n  &.large {\n    min-width: 480px;\n  }\n"])), Z_INDEXES.off_canvas, props => COLORS.getColor('white', props.theme), BOXSHADOWS.BOXSHADOW_CENTERED);
+const Wrapper = styled.div`
+  z-index: ${Z_INDEXES.off_canvas};
+  height: 100%;
+  box-sizing: border-box;
+  background: ${props => COLORS.getColor('white', props.theme)};
+
+  display: flex;
+  flex-direction: column;
+
+  width: fit-content;
+  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};
+
+  &.small {
+    min-width: 320px;
+  }
+
+  &.medium {
+    min-width: 400px;
+  }
+
+  &.large {
+    min-width: 480px;
+  }
+`;
 const SideMenu = props => {
   const {
       size = Size.Medium,
@@ -21,7 +42,7 @@ const SideMenu = props => {
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_jsxs(Wrapper, _objectSpread(_objectSpread({
-    className: "".concat(size, " ").concat(className || '')
+    className: `${size} ${className || ''}`
   }, rest), {}, {
     children: [/*#__PURE__*/_jsx(SideMenuHeader, _objectSpread({}, props)), /*#__PURE__*/_jsx(SideMenuBody, _objectSpread({}, props)), props.footer && /*#__PURE__*/_jsx(SideMenuFooter, _objectSpread({}, props))]
   }));

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","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,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,OAAO,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,6TACbT,SAAS,CAACU,UAAU,EAGjBC,KAAK,IAAIZ,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC,EAM9Cf,UAAU,CAACgB,kBAAkB,CAa5C;AAGD,MAAMC,QAAgD,GAAIJ,KAAK,IAAK;EAClE,MAAM;MAACK,IAAI,GAAGf,IAAI,CAACgB,MAAM;MAAEC;IAAkB,CAAC,GAAGP,KAAK;IAAbQ,IAAI,GAAAC,wBAAA,CAAIT,KAAK,EAAAU,SAAA;EAEtD,oBACEhB,KAAA,CAACC,OAAO,EAAAgB,aAAA,CAAAA,aAAA;IAACJ,SAAS,KAAAK,MAAA,CAAKP,IAAI,OAAAO,MAAA,CAAIL,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAAK,QAAA,gBACxDrB,IAAA,CAACR,cAAc,EAAA2B,aAAA,KAAKX,KAAK,CAAG,CAAC,eAC7BR,IAAA,CAACN,YAAY,EAAAyB,aAAA,KAAKX,KAAK,CAAE,CAAC,EACzBA,KAAK,CAACc,MAAM,iBAAItB,IAAA,CAACP,cAAc,EAAA0B,aAAA,KAAKX,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","jsx","_jsx","jsxs","_jsxs","Wrapper","div","off_canvas","props","getColor","theme","BOXSHADOW_CENTERED","SideMenu","size","Medium","className","rest","_objectWithoutProperties","_excluded","_objectSpread","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,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,OAAO,GAAGZ,MAAM,CAACa,GAAG;AAC1B,aAAaP,SAAS,CAACQ,UAAU;AACjC;AACA;AACA,gBAAgBC,KAAK,IAAIV,MAAM,CAACW,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAC9D;AACA;AACA;AACA;AACA;AACA,gBAAgBb,UAAU,CAACc,kBAAkB;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAGD,MAAMC,QAAgD,GAAIJ,KAAK,IAAK;EAClE,MAAM;MAACK,IAAI,GAAGb,IAAI,CAACc,MAAM;MAAEC;IAAkB,CAAC,GAAGP,KAAK;IAAbQ,IAAI,GAAAC,wBAAA,CAAIT,KAAK,EAAAU,SAAA;EAEtD,oBACEd,KAAA,CAACC,OAAO,EAAAc,aAAA,CAAAA,aAAA;IAACJ,SAAS,EAAE,GAAGF,IAAI,IAAIE,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAAI,QAAA,gBACxDlB,IAAA,CAACR,cAAc,EAAAyB,aAAA,KAAKX,KAAK,CAAG,CAAC,eAC7BN,IAAA,CAACN,YAAY,EAAAuB,aAAA,KAAKX,KAAK,CAAE,CAAC,EACzBA,KAAK,CAACa,MAAM,iBAAInB,IAAA,CAACP,cAAc,EAAAwB,aAAA,KAAKX,KAAK,CAAE,CAAC;EAAA,EACtC,CAAC;AAEd,CAAC;AAED,eAAeI,QAAQ","ignoreList":[]}

package/dist/SideMenu/SideMenuBody.cjs

@@ -5,25 +5,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SideMenuBody = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _types = require("../types");
 var _rooks = require("rooks");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-const 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"])));
-const 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));
+const Wrapper = _styledComponents.default.div`
+  padding: 8px 0;
+  width: 100%;
+  box-sizing: border-box;
+  flex-flow: column;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+`;
+const ScrollableContainer = _styledComponents.default.div`
+  flex: 1;
+  display: flex;
+  overflow-y: auto;
+  max-height: 100%;
+
+  &.scrollable {
+    margin-right: 6px;
+    padding-right: 6px;
+  }
+
+  ${(0, _styles.scrollBarStyling)(_types.Size.Small)}
+`;
 const SideMenuBody = props => {
   const [scrollable, setScrollable] = _react.default.useState(false);
   const [ref, dimensions, node] = (0, _rooks.useDimensionsRef)({
     updateOnResize: true
   });
   _react.default.useEffect(() => {
-    var _node$clientHeight, _node$scrollHeight;
-    const clientHeight = (_node$clientHeight = node === null || node === void 0 ? void 0 : node.clientHeight) !== null && _node$clientHeight !== void 0 ? _node$clientHeight : 0;
-    const scrollHeight = (_node$scrollHeight = node === null || node === void 0 ? void 0 : node.scrollHeight) !== null && _node$scrollHeight !== void 0 ? _node$scrollHeight : 0;
+    const clientHeight = node?.clientHeight ?? 0;
+    const scrollHeight = node?.scrollHeight ?? 0;
     setScrollable(scrollHeight > clientHeight);
   }, [dimensions, node, props.children]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {

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","default","ScrollableContainer","scrollBarStyling","Size","Small","SideMenuBody","props","scrollable","setScrollable","React","useState","ref","dimensions","node","useDimensionsRef","updateOnResize","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,MAAMC,OAAO,GAAGC,yBAAM,CAACC,GAAG,CAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,CAAAC,OAAA,kJAQzB;AAED,MAAMC,mBAAmB,GAAGJ,yBAAM,CAACC,GAAG,CAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,CAAAC,OAAA,wKAWlC,IAAAE,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAC/B;AAGM,MAAMC,YAAY,GAAIC,KAAoB,IAAK;EACpD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAM,CAACC,GAAG,EAAEC,UAAU,EAAEC,IAAI,CAAC,GAAG,IAAAC,uBAAgB,EAAC;IAACC,cAAc,EAAE;EAAI,CAAC,CAAC;EAExEN,cAAK,CAACO,SAAS,CAAC,MAAM;IAAA,IAAAC,kBAAA,EAAAC,kBAAA;IACpB,MAAMC,YAAY,IAAAF,kBAAA,GAAGJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,YAAY,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,CAAC;IAC5C,MAAMG,YAAY,IAAAF,kBAAA,GAAGL,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,YAAY,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,CAAC;IAC5CV,aAAa,CAACY,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACP,UAAU,EAAEC,IAAI,EAAEP,KAAK,CAACe,QAAQ,CAAC,CAAC;EAEtC,oBACE,IAAA5B,WAAA,CAAA6B,GAAA,EAAC1B,OAAO;IAAAyB,QAAA,eACN,IAAA5B,WAAA,CAAA6B,GAAA,EAACrB,mBAAmB;MAACU,GAAG,EAAEA,GAAW;MAChBY,SAAS,EAAEhB,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAc,QAAA,EAC5Df,KAAK,CAACe;IAAQ,CACI;EAAC,CACf,CAAC;AAEd,CAAC;AAACG,OAAA,CAAAnB,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"file":"SideMenuBody.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_types","_rooks","_jsxRuntime","Wrapper","styled","div","ScrollableContainer","scrollBarStyling","Size","Small","SideMenuBody","props","scrollable","setScrollable","React","useState","ref","dimensions","node","useDimensionsRef","updateOnResize","useEffect","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;AAEvC,MAAMM,OAAO,GAAGC,yBAAM,CAACC,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,mBAAmB,GAAGF,yBAAM,CAACC,GAAG;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,IAAAE,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC;AAChC,CAAC;AAGM,MAAMC,YAAY,GAAIC,KAAoB,IAAK;EACpD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAM,CAACC,GAAG,EAAEC,UAAU,EAAEC,IAAI,CAAC,GAAG,IAAAC,uBAAgB,EAAC;IAACC,cAAc,EAAE;EAAI,CAAC,CAAC;EAExEN,cAAK,CAACO,SAAS,CAAC,MAAM;IACpB,MAAMC,YAAY,GAAGJ,IAAI,EAAEI,YAAY,IAAI,CAAC;IAC5C,MAAMC,YAAY,GAAGL,IAAI,EAAEK,YAAY,IAAI,CAAC;IAC5CV,aAAa,CAACU,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACL,UAAU,EAAEC,IAAI,EAAEP,KAAK,CAACa,QAAQ,CAAC,CAAC;EAEtC,oBACE,IAAAtB,WAAA,CAAAuB,GAAA,EAACtB,OAAO;IAAAqB,QAAA,eACN,IAAAtB,WAAA,CAAAuB,GAAA,EAACnB,mBAAmB;MAACU,GAAG,EAAEA,GAAW;MAChBU,SAAS,EAAEd,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAY,QAAA,EAC5Db,KAAK,CAACa;IAAQ,CACI;EAAC,CACf,CAAC;AAEd,CAAC;AAACG,OAAA,CAAAjB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/SideMenu/SideMenuBody.d.ts

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

package/dist/SideMenu/SideMenuBody.js

@@ -1,22 +1,39 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 import React from 'react';
 import styled from 'styled-components';
 import { scrollBarStyling } from '../styles';
 import { Size } from '../types';
 import { useDimensionsRef } from 'rooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-const Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])));
-const ScrollableContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), scrollBarStyling(Size.Small));
+const Wrapper = styled.div`
+  padding: 8px 0;
+  width: 100%;
+  box-sizing: border-box;
+  flex-flow: column;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+`;
+const ScrollableContainer = styled.div`
+  flex: 1;
+  display: flex;
+  overflow-y: auto;
+  max-height: 100%;
+
+  &.scrollable {
+    margin-right: 6px;
+    padding-right: 6px;
+  }
+
+  ${scrollBarStyling(Size.Small)}
+`;
 export const SideMenuBody = props => {
   const [scrollable, setScrollable] = React.useState(false);
   const [ref, dimensions, node] = useDimensionsRef({
     updateOnResize: true
   });
   React.useEffect(() => {
-    var _node$clientHeight, _node$scrollHeight;
-    const clientHeight = (_node$clientHeight = node === null || node === void 0 ? void 0 : node.clientHeight) !== null && _node$clientHeight !== void 0 ? _node$clientHeight : 0;
-    const scrollHeight = (_node$scrollHeight = node === null || node === void 0 ? void 0 : node.scrollHeight) !== null && _node$scrollHeight !== void 0 ? _node$scrollHeight : 0;
+    const clientHeight = node?.clientHeight ?? 0;
+    const scrollHeight = node?.scrollHeight ?? 0;
     setScrollable(scrollHeight > clientHeight);
   }, [dimensions, node, props.children]);
   return /*#__PURE__*/_jsx(Wrapper, {

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","scrollable","setScrollable","useState","ref","dimensions","node","updateOnResize","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,MAAMC,OAAO,GAAGN,MAAM,CAACO,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,iJAQzB;AAED,MAAMC,mBAAmB,GAAGV,MAAM,CAACO,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,uKAWlCR,gBAAgB,CAACC,IAAI,CAACU,KAAK,CAAC,CAC/B;AAGD,OAAO,MAAMC,YAAY,GAAIC,KAAoB,IAAK;EACpD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGjB,KAAK,CAACkB,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAM,CAACC,GAAG,EAAEC,UAAU,EAAEC,IAAI,CAAC,GAAGjB,gBAAgB,CAAC;IAACkB,cAAc,EAAE;EAAI,CAAC,CAAC;EAExEtB,KAAK,CAACuB,SAAS,CAAC,MAAM;IAAA,IAAAC,kBAAA,EAAAC,kBAAA;IACpB,MAAMC,YAAY,IAAAF,kBAAA,GAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,YAAY,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,CAAC;IAC5C,MAAMG,YAAY,IAAAF,kBAAA,GAAGJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,YAAY,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,CAAC;IAC5CR,aAAa,CAACU,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACN,UAAU,EAAEC,IAAI,EAAEN,KAAK,CAACa,QAAQ,CAAC,CAAC;EAEtC,oBACEtB,IAAA,CAACC,OAAO;IAAAqB,QAAA,eACNtB,IAAA,CAACK,mBAAmB;MAACQ,GAAG,EAAEA,GAAW;MAChBU,SAAS,EAAEb,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAY,QAAA,EAC5Db,KAAK,CAACa;IAAQ,CACI;EAAC,CACf,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"SideMenuBody.js","names":["React","styled","scrollBarStyling","Size","useDimensionsRef","jsx","_jsx","Wrapper","div","ScrollableContainer","Small","SideMenuBody","props","scrollable","setScrollable","useState","ref","dimensions","node","updateOnResize","useEffect","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,MAAMC,OAAO,GAAGN,MAAM,CAACO,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,mBAAmB,GAAGR,MAAM,CAACO,GAAG;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIN,gBAAgB,CAACC,IAAI,CAACO,KAAK,CAAC;AAChC,CAAC;AAGD,OAAO,MAAMC,YAAY,GAAIC,KAAoB,IAAK;EACpD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGd,KAAK,CAACe,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAM,CAACC,GAAG,EAAEC,UAAU,EAAEC,IAAI,CAAC,GAAGd,gBAAgB,CAAC;IAACe,cAAc,EAAE;EAAI,CAAC,CAAC;EAExEnB,KAAK,CAACoB,SAAS,CAAC,MAAM;IACpB,MAAMC,YAAY,GAAGH,IAAI,EAAEG,YAAY,IAAI,CAAC;IAC5C,MAAMC,YAAY,GAAGJ,IAAI,EAAEI,YAAY,IAAI,CAAC;IAC5CR,aAAa,CAACQ,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACJ,UAAU,EAAEC,IAAI,EAAEN,KAAK,CAACW,QAAQ,CAAC,CAAC;EAEtC,oBACEjB,IAAA,CAACC,OAAO;IAAAgB,QAAA,eACNjB,IAAA,CAACG,mBAAmB;MAACO,GAAG,EAAEA,GAAW;MAChBQ,SAAS,EAAEX,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAU,QAAA,EAC5DX,KAAK,CAACW;IAAQ,CACI;EAAC,CACf,CAAC;AAEd,CAAC","ignoreList":[]}

package/dist/SideMenu/SideMenuFooter.cjs

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SideMenuFooter = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
@@ -14,33 +13,72 @@ var _assets = require("../assets");
 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; }
-const 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"])), props => _styles.COLORS.getColor('neutral_200', props.theme));
-const 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"])));
-const 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"])));
-const 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"])), props => _styles.COLORS.getColor('neutral_20', props.theme));
-const NoteContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), props => (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_500', props.theme)));
+const Wrapper = _styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+
+  border-top: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+`;
+const ItemsContainer = _styledComponents.default.div`
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 100%;
+`;
+const ButtonsContainer = _styledComponents.default.div`
+  display: flex;
+  flex-direction: row;
+  box-sizing: border-box;
+  padding: 8px 16px;
+  gap: 10px;
+  width: 100%;
+
+  button {
+    flex: 1;
+  }
+
+  .small & {
+    gap: 0;
+    flex-direction: column-reverse;
+  }
+`;
+const LogoContainer = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  min-height: 80px;
+  padding: 8px 16px;
+  background-color: ${props => _styles.COLORS.getColor('neutral_20', props.theme)};
+  width: 100%;
+`;
+const NoteContainer = _styledComponents.default.div`
+  ${props => (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_500', props.theme))}
+`;
 const SideMenuFooter = props => {
-  var _props$footer, _props$footer2, _props$footer3, _props$footer4;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [!!((_props$footer = props.footer) !== null && _props$footer !== void 0 && (_props$footer = _props$footer.items) !== null && _props$footer !== void 0 && _props$footer.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemsContainer, {
+    children: [!!props.footer?.items?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemsContainer, {
       children: props.footer.items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.MenuItem, _objectSpread({
         size: props.size
       }, item), index))
-    }), !!((_props$footer2 = props.footer) !== null && _props$footer2 !== void 0 && (_props$footer2 = _props$footer2.buttons) !== null && _props$footer2 !== void 0 && _props$footer2.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonsContainer, {
+    }), !!props.footer?.buttons?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonsContainer, {
       children: props.footer.buttons.map((button, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({
         size: props.size
       }, button), {}, {
         children: button.label
       }), index))
-    }), !((_props$footer3 = props.footer) !== null && _props$footer3 !== void 0 && (_props$footer3 = _props$footer3.buttons) !== null && _props$footer3 !== void 0 && _props$footer3.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(LogoContainer, {
+    }), !props.footer?.buttons?.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)(LogoContainer, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_assets.LaerdalLogo, {
         height: '36px',
         width: '66px'
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(NoteContainer, {
-        children: (_props$footer4 = props.footer) === null || _props$footer4 === void 0 ? void 0 : _props$footer4.note
+        children: props.footer?.note
       })]
     })]
   });

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","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","ItemsContainer","ButtonsContainer","LogoContainer","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","SideMenuFooter","_props$footer","_props$footer2","_props$footer3","_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":["_react","_interopRequireDefault","require","_styledComponents","_styles","_assets","_Button","_MenuItem","_jsxRuntime","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","props","COLORS","getColor","theme","ItemsContainer","ButtonsContainer","LogoContainer","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","SideMenuFooter","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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAAqC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAErC,MAAMqB,OAAO,GAAGC,yBAAM,CAACC,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0BC,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC9E,CAAC;AAED,MAAMC,cAAc,GAAGN,yBAAM,CAACC,GAAG;AACjC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMM,gBAAgB,GAAGP,yBAAM,CAACC,GAAG;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMO,aAAa,GAAGR,yBAAM,CAACC,GAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsBC,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AACzE;AACA,CAAC;AAED,MAAMI,aAAa,GAAGT,yBAAM,CAACC,GAAG;AAChC,IAAIC,KAAK,IAAI,IAAAQ,2BAAmB,EAACC,0BAAkB,CAACC,OAAO,EAAET,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACzG,CAAC;AAEM,MAAMQ,cAAc,GAAIX,KAAoB,IAAK;EAEtD,oBACE,IAAA1B,WAAA,CAAAsC,IAAA,EAACf,OAAO;IAAAgB,QAAA,GAEJ,CAAC,CAACb,KAAK,CAACc,MAAM,EAAEC,KAAK,EAAEzB,MAAM,iBAC7B,IAAAhB,WAAA,CAAA0C,GAAA,EAACZ,cAAc;MAAAS,QAAA,EACZb,KAAK,CAACc,MAAM,CAACC,KAAK,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAClC,IAAA7C,WAAA,CAAA0C,GAAA,EAAC3C,SAAA,CAAA+C,QAAQ,EAAAhC,aAAA;QAAaiC,IAAI,EAAErB,KAAK,CAACqB;MAAK,GAAKH,IAAI,GAAjCC,KAAmC,CACpD;IAAC,CACa,CAAC,EAGjB,CAAC,CAACnB,KAAK,CAACc,MAAM,EAAEQ,OAAO,EAAEhC,MAAM,iBAC/B,IAAAhB,WAAA,CAAA0C,GAAA,EAACX,gBAAgB;MAAAQ,QAAA,EAEbb,KAAK,CAACc,MAAM,CAACQ,OAAO,CAACL,GAAG,CAAC,CAACM,MAAM,EAAEJ,KAAK,kBACrC,IAAA7C,WAAA,CAAA0C,GAAA,EAAC5C,OAAA,CAAAoD,MAAM,EAAApC,aAAA,CAAAA,aAAA;QAAaiC,IAAI,EAAErB,KAAK,CAACqB;MAAK,GAAKE,MAAM;QAAAV,QAAA,EAC7CU,MAAM,CAACE;MAAK,IADFN,KAEL,CACV;IAAC,CAEa,CAAC,EAGnB,CAACnB,KAAK,CAACc,MAAM,EAAEQ,OAAO,EAAEhC,MAAM,iBAC9B,IAAAhB,WAAA,CAAAsC,IAAA,EAACN,aAAa;MAAAO,QAAA,gBACZ,IAAAvC,WAAA,CAAA0C,GAAA,EAAC7C,OAAA,CAAAuD,WAAW;QAACC,MAAM,EAAE,MAAO;QAACC,KAAK,EAAE;MAAO,CAAC,CAAC,eAC7C,IAAAtD,WAAA,CAAA0C,GAAA,EAACT,aAAa;QAAAM,QAAA,EAAEb,KAAK,CAACc,MAAM,EAAEe;MAAI,CAAgB,CAAC;IAAA,CACtC,CAAC;EAAA,CAGX,CAAC;AAEd,CAAC;AAACC,OAAA,CAAAnB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/SideMenu/SideMenuFooter.d.ts

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

package/dist/SideMenu/SideMenuFooter.js

@@ -1,6 +1,4 @@
 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; }
 import React from 'react';
@@ -10,30 +8,70 @@ import { LaerdalLogo } from '../assets';
 import { Button } from '../Button';
 import { MenuItem } from '../MenuItem';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), props => COLORS.getColor('neutral_200', props.theme));
-const ItemsContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n"])));
-const ButtonsContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n"])));
-const LogoContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ", ";\n  width: 100%;\n"])), props => COLORS.getColor('neutral_20', props.theme));
-const NoteContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme)));
+const Wrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+
+  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+`;
+const ItemsContainer = styled.div`
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 100%;
+`;
+const ButtonsContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  box-sizing: border-box;
+  padding: 8px 16px;
+  gap: 10px;
+  width: 100%;
+
+  button {
+    flex: 1;
+  }
+
+  .small & {
+    gap: 0;
+    flex-direction: column-reverse;
+  }
+`;
+const LogoContainer = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  min-height: 80px;
+  padding: 8px 16px;
+  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};
+  width: 100%;
+`;
+const NoteContainer = styled.div`
+  ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}
+`;
 export const SideMenuFooter = props => {
-  var _props$footer, _props$footer2, _props$footer3, _props$footer4;
   return /*#__PURE__*/_jsxs(Wrapper, {
-    children: [!!((_props$footer = props.footer) !== null && _props$footer !== void 0 && (_props$footer = _props$footer.items) !== null && _props$footer !== void 0 && _props$footer.length) && /*#__PURE__*/_jsx(ItemsContainer, {
+    children: [!!props.footer?.items?.length && /*#__PURE__*/_jsx(ItemsContainer, {
       children: props.footer.items.map((item, index) => /*#__PURE__*/_jsx(MenuItem, _objectSpread({
         size: props.size
       }, item), index))
-    }), !!((_props$footer2 = props.footer) !== null && _props$footer2 !== void 0 && (_props$footer2 = _props$footer2.buttons) !== null && _props$footer2 !== void 0 && _props$footer2.length) && /*#__PURE__*/_jsx(ButtonsContainer, {
+    }), !!props.footer?.buttons?.length && /*#__PURE__*/_jsx(ButtonsContainer, {
       children: props.footer.buttons.map((button, index) => /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
         size: props.size
       }, button), {}, {
         children: button.label
       }), index))
-    }), !((_props$footer3 = props.footer) !== null && _props$footer3 !== void 0 && (_props$footer3 = _props$footer3.buttons) !== null && _props$footer3 !== void 0 && _props$footer3.length) && /*#__PURE__*/_jsxs(LogoContainer, {
+    }), !props.footer?.buttons?.length && /*#__PURE__*/_jsxs(LogoContainer, {
       children: [/*#__PURE__*/_jsx(LaerdalLogo, {
         height: '36px',
         width: '66px'
       }), /*#__PURE__*/_jsx(NoteContainer, {
-        children: (_props$footer4 = props.footer) === null || _props$footer4 === void 0 ? void 0 : _props$footer4.note
+        children: props.footer?.note
       })]
     })]
   });

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$footer2","_props$footer3","_props$footer4","children","footer","items","length","map","item","index","_objectSpread","size","buttons","button","label","height","width","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","jsx","_jsx","jsxs","_jsxs","Wrapper","div","props","getColor","theme","ItemsContainer","ButtonsContainer","LogoContainer","NoteContainer","Regular","SideMenuFooter","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":";;;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,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,MAAMC,OAAO,GAAGX,MAAM,CAACY,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0BC,KAAK,IAAIZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAC9E,CAAC;AAED,MAAMC,cAAc,GAAGhB,MAAM,CAACY,GAAG;AACjC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMK,gBAAgB,GAAGjB,MAAM,CAACY,GAAG;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMM,aAAa,GAAGlB,MAAM,CAACY,GAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsBC,KAAK,IAAIZ,MAAM,CAACa,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AACzE;AACA,CAAC;AAED,MAAMI,aAAa,GAAGnB,MAAM,CAACY,GAAG;AAChC,IAAIC,KAAK,IAAIV,mBAAmB,CAACD,kBAAkB,CAACkB,OAAO,EAAEnB,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AACzG,CAAC;AAED,OAAO,MAAMM,cAAc,GAAIR,KAAoB,IAAK;EAEtD,oBACEH,KAAA,CAACC,OAAO;IAAAW,QAAA,GAEJ,CAAC,CAACT,KAAK,CAACU,MAAM,EAAEC,KAAK,EAAEC,MAAM,iBAC7BjB,IAAA,CAACQ,cAAc;MAAAM,QAAA,EACZT,KAAK,CAACU,MAAM,CAACC,KAAK,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAClCpB,IAAA,CAACF,QAAQ,EAAAuB,aAAA;QAAaC,IAAI,EAAEjB,KAAK,CAACiB;MAAK,GAAKH,IAAI,GAAjCC,KAAmC,CACpD;IAAC,CACa,CAAC,EAGjB,CAAC,CAACf,KAAK,CAACU,MAAM,EAAEQ,OAAO,EAAEN,MAAM,iBAC/BjB,IAAA,CAACS,gBAAgB;MAAAK,QAAA,EAEbT,KAAK,CAACU,MAAM,CAACQ,OAAO,CAACL,GAAG,CAAC,CAACM,MAAM,EAAEJ,KAAK,kBACrCpB,IAAA,CAACH,MAAM,EAAAwB,aAAA,CAAAA,aAAA;QAAaC,IAAI,EAAEjB,KAAK,CAACiB;MAAK,GAAKE,MAAM;QAAAV,QAAA,EAC7CU,MAAM,CAACC;MAAK,IADFL,KAEL,CACV;IAAC,CAEa,CAAC,EAGnB,CAACf,KAAK,CAACU,MAAM,EAAEQ,OAAO,EAAEN,MAAM,iBAC9Bf,KAAA,CAACQ,aAAa;MAAAI,QAAA,gBACZd,IAAA,CAACJ,WAAW;QAAC8B,MAAM,EAAE,MAAO;QAACC,KAAK,EAAE;MAAO,CAAC,CAAC,eAC7C3B,IAAA,CAACW,aAAa;QAAAG,QAAA,EAAET,KAAK,CAACU,MAAM,EAAEa;MAAI,CAAgB,CAAC;IAAA,CACtC,CAAC;EAAA,CAGX,CAAC;AAEd,CAAC","ignoreList":[]}

package/dist/SideMenu/SideMenuHeader.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.SideMenuHeader = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
@@ -15,15 +14,43 @@ var _Button = require("../Button");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["icon"];
-var _templateObject, _templateObject2;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
-const LabelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)), props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)), props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)));
+const Wrapper = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  padding: 0 8px;
+
+  .small & {
+    min-height: 48px;
+  }
+
+  .medium & {
+    min-height: 56px;
+  }
+
+  .large & {
+    min-height: 64px;
+  }
+`;
+const LabelContainer = _styledComponents.default.div`
+  margin-left: 8px;
+
+  .small & {
+    ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  }
+
+  .medium & {
+    ${props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  }
+
+  .large & {
+    ${props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  }
+`;
 const SideMenuHeader = props => {
-  var _props$header, _props$header2;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [(_props$header = props.header) === null || _props$header === void 0 || (_props$header = _props$header.actions) === null || _props$header === void 0 ? void 0 : _props$header.map((_ref, index) => {
+    children: [props.header?.actions?.map((_ref, index) => {
       let {
           icon
         } = _ref,
@@ -34,7 +61,7 @@ const SideMenuHeader = props => {
       }, rest), {}, {
         children: icon
       }), index);
-    }), ((_props$header2 = props.header) === null || _props$header2 === void 0 ? void 0 : _props$header2.label) && /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelContainer, {
+    }), props.header?.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelContainer, {
       children: props.header.label
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       action: props.onClose,