@laerdal/life-react-components 2.0.1-dev.9.full → 2.1.0-dev.7

package/dist/SideMenu/SideMenu.cjs

@@ -1,56 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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 _SideMenuHeader = require("./SideMenuHeader");
-
 var _SideMenuFooter = require("./SideMenuFooter");
-
 var _SideMenuBody = require("./SideMenuBody");
-
 var _styles = require("../styles");
-
 var _types = require("../types");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["size", "className"];
-
 var _templateObject;
-
 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  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"])), _styles.Z_INDEXES.off_canvas, _styles.COLORS.white, _styles.BOXSHADOWS.BOXSHADOW_CENTERED);
-
 var SideMenu = function SideMenu(props) {
   var _props$size = props.size,
-      size = _props$size === void 0 ? _types.Size.Medium : _props$size,
-      className = props.className,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    size = _props$size === void 0 ? _types.Size.Medium : _props$size,
+    className = props.className,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({
     className: "".concat(size, " ").concat(className || '')
   }, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SideMenuHeader.SideMenuHeader, _objectSpread({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SideMenuBody.SideMenuBody, _objectSpread({}, props)), props.footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SideMenuFooter.SideMenuFooter, _objectSpread({}, props))]
   }));
 };
-
 var _default = SideMenu;
 exports.default = _default;
 //# sourceMappingURL=SideMenu.cjs.map

package/dist/SideMenu/SideMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","COLORS","white","BOXSHADOWS","BOXSHADOW_CENTERED","SideMenu","props","size","Size","Medium","className","rest","footer"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {SideMenuProps} from './types';\nimport {SideMenuHeader} from './SideMenuHeader';\nimport {SideMenuFooter} from './SideMenuFooter';\nimport {SideMenuBody} from './SideMenuBody';\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\nimport {Size} from '../types';\n\nconst Wrapper = styled.div`\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n  background: ${COLORS.white};\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\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`;\n\n\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\n  const {size = Size.Medium, className, ...rest} = props;\n\n  return (\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\n      <SideMenuHeader {...props} />\n      <SideMenuBody {...props}/>\n      {props.footer && <SideMenuFooter {...props}/>}\n    </Wrapper>\n  );\n}\n\nexport default SideMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,wYACAC,iBAAA,CAAUC,UADV,EAIGC,cAAA,CAAOC,KAJV,EAUGC,kBAAA,CAAWC,kBAVd,CAAb;;AA0BA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,CAACC,KAAD,EAAW;EAClE,kBAAiDA,KAAjD,CAAOC,IAAP;EAAA,IAAOA,IAAP,4BAAcC,WAAA,CAAKC,MAAnB;EAAA,IAA2BC,SAA3B,GAAiDJ,KAAjD,CAA2BI,SAA3B;EAAA,IAAyCC,IAAzC,0CAAiDL,KAAjD;EAEA,oBACE,sBAAC,OAAD;IAAS,SAAS,YAAKC,IAAL,cAAaG,SAAS,IAAI,EAA1B;EAAlB,GAAsDC,IAAtD;IAAA,wBACE,qBAAC,8BAAD,oBAAoBL,KAApB,EADF,eAEE,qBAAC,0BAAD,oBAAkBA,KAAlB,EAFF,EAGGA,KAAK,CAACM,MAAN,iBAAgB,qBAAC,8BAAD,oBAAoBN,KAApB,EAHnB;EAAA,GADF;AAOD,CAVD;;eAYeD,Q"}
+{"version":3,"file":"SideMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","COLORS","white","BOXSHADOWS","BOXSHADOW_CENTERED","SideMenu","props","size","Size","Medium","className","rest","footer"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {SideMenuProps} from './types';\nimport {SideMenuHeader} from './SideMenuHeader';\nimport {SideMenuFooter} from './SideMenuFooter';\nimport {SideMenuBody} from './SideMenuBody';\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\nimport {Size} from '../types';\n\nconst Wrapper = styled.div`\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n  background: ${COLORS.white};\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\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`;\n\n\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\n  const {size = Size.Medium, className, ...rest} = props;\n\n  return (\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\n      <SideMenuHeader {...props} />\n      <SideMenuBody {...props}/>\n      {props.footer && <SideMenuFooter {...props}/>}\n    </Wrapper>\n  );\n}\n\nexport default SideMenu;\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,EAGjBC,cAAM,CAACC,KAAK,EAMZC,kBAAU,CAACC,kBAAkB,CAa5C;AAGD,IAAMC,QAAgD,GAAG,SAAnDA,QAAgD,CAAIC,KAAK,EAAK;EAClE,kBAAiDA,KAAK,CAA/CC,IAAI;IAAJA,IAAI,4BAAGC,WAAI,CAACC,MAAM;IAAEC,SAAS,GAAaJ,KAAK,CAA3BI,SAAS;IAAKC,IAAI,0CAAIL,KAAK;EAEtD,oBACE,sBAAC,OAAO;IAAC,SAAS,YAAKC,IAAI,cAAIG,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAA,wBACxD,qBAAC,8BAAc,oBAAKL,KAAK,EAAI,eAC7B,qBAAC,0BAAY,oBAAKA,KAAK,EAAG,EACzBA,KAAK,CAACM,MAAM,iBAAI,qBAAC,8BAAc,oBAAKN,KAAK,EAAG;EAAA,GACrC;AAEd,CAAC;AAAA,eAEcD,QAAQ;AAAA"}

package/dist/SideMenu/SideMenu.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["size", "className"];
-
 var _templateObject;
-
 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';
@@ -19,19 +15,16 @@ import { Size } from '../types';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var 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, COLORS.white, BOXSHADOWS.BOXSHADOW_CENTERED);
-
 var SideMenu = function SideMenu(props) {
   var _props$size = props.size,
-      size = _props$size === void 0 ? Size.Medium : _props$size,
-      className = props.className,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    size = _props$size === void 0 ? Size.Medium : _props$size,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_jsxs(Wrapper, _objectSpread(_objectSpread({
     className: "".concat(size, " ").concat(className || '')
   }, rest), {}, {
     children: [/*#__PURE__*/_jsx(SideMenuHeader, _objectSpread({}, props)), /*#__PURE__*/_jsx(SideMenuBody, _objectSpread({}, props)), props.footer && /*#__PURE__*/_jsx(SideMenuFooter, _objectSpread({}, props))]
   }));
 };
-
 export default SideMenu;
 //# sourceMappingURL=SideMenu.js.map

package/dist/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","names":["React","styled","SideMenuHeader","SideMenuFooter","SideMenuBody","BOXSHADOWS","COLORS","Z_INDEXES","Size","Wrapper","div","off_canvas","white","BOXSHADOW_CENTERED","SideMenu","props","size","Medium","className","rest","footer"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {SideMenuProps} from './types';\nimport {SideMenuHeader} from './SideMenuHeader';\nimport {SideMenuFooter} from './SideMenuFooter';\nimport {SideMenuBody} from './SideMenuBody';\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\nimport {Size} from '../types';\n\nconst Wrapper = styled.div`\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n  background: ${COLORS.white};\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\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`;\n\n\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\n  const {size = Size.Medium, className, ...rest} = props;\n\n  return (\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\n      <SideMenuHeader {...props} />\n      <SideMenuBody {...props}/>\n      {props.footer && <SideMenuFooter {...props}/>}\n    </Wrapper>\n  );\n}\n\nexport default SideMenu;\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAAQC,cAAR,QAA6B,kBAA7B;AACA,SAAQC,cAAR,QAA6B,kBAA7B;AACA,SAAQC,YAAR,QAA2B,gBAA3B;AACA,SAAQC,UAAR,EAAoBC,MAApB,EAA4BC,SAA5B,QAA4C,WAA5C;AACA,SAAQC,IAAR,QAAmB,UAAnB;;;AAEA,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAV,0XACAH,SAAS,CAACI,UADV,EAIGL,MAAM,CAACM,KAJV,EAUGP,UAAU,CAACQ,kBAVd,CAAb;;AA0BA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,CAACC,KAAD,EAAW;EAClE,kBAAiDA,KAAjD,CAAOC,IAAP;EAAA,IAAOA,IAAP,4BAAcR,IAAI,CAACS,MAAnB;EAAA,IAA2BC,SAA3B,GAAiDH,KAAjD,CAA2BG,SAA3B;EAAA,IAAyCC,IAAzC,4BAAiDJ,KAAjD;;EAEA,oBACE,MAAC,OAAD;IAAS,SAAS,YAAKC,IAAL,cAAaE,SAAS,IAAI,EAA1B;EAAlB,GAAsDC,IAAtD;IAAA,wBACE,KAAC,cAAD,oBAAoBJ,KAApB,EADF,eAEE,KAAC,YAAD,oBAAkBA,KAAlB,EAFF,EAGGA,KAAK,CAACK,MAAN,iBAAgB,KAAC,cAAD,oBAAoBL,KAApB,EAHnB;EAAA,GADF;AAOD,CAVD;;AAYA,eAAeD,QAAf"}
+{"version":3,"file":"SideMenu.js","names":["React","styled","SideMenuHeader","SideMenuFooter","SideMenuBody","BOXSHADOWS","COLORS","Z_INDEXES","Size","Wrapper","div","off_canvas","white","BOXSHADOW_CENTERED","SideMenu","props","size","Medium","className","rest","footer"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {SideMenuProps} from './types';\nimport {SideMenuHeader} from './SideMenuHeader';\nimport {SideMenuFooter} from './SideMenuFooter';\nimport {SideMenuBody} from './SideMenuBody';\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\nimport {Size} from '../types';\n\nconst Wrapper = styled.div`\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n  background: ${COLORS.white};\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\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`;\n\n\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\n  const {size = Size.Medium, className, ...rest} = props;\n\n  return (\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\n      <SideMenuHeader {...props} />\n      <SideMenuBody {...props}/>\n      {props.footer && <SideMenuFooter {...props}/>}\n    </Wrapper>\n  );\n}\n\nexport default SideMenu;\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,EAGjBL,MAAM,CAACM,KAAK,EAMZP,UAAU,CAACQ,kBAAkB,CAa5C;AAGD,IAAMC,QAAgD,GAAG,SAAnDA,QAAgD,CAAIC,KAAK,EAAK;EAClE,kBAAiDA,KAAK,CAA/CC,IAAI;IAAJA,IAAI,4BAAGR,IAAI,CAACS,MAAM;IAAEC,SAAS,GAAaH,KAAK,CAA3BG,SAAS;IAAKC,IAAI,4BAAIJ,KAAK;EAEtD,oBACE,MAAC,OAAO;IAAC,SAAS,YAAKC,IAAI,cAAIE,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAA,wBACxD,KAAC,cAAc,oBAAKJ,KAAK,EAAI,eAC7B,KAAC,YAAY,oBAAKA,KAAK,EAAG,EACzBA,KAAK,CAACK,MAAM,iBAAI,KAAC,cAAc,oBAAKL,KAAK,EAAG;EAAA,GACrC;AAEd,CAAC;AAED,eAAeD,QAAQ"}

package/dist/SideMenu/SideMenuBody.cjs

@@ -1,56 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SideMenuBody = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 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;
-
 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),
-      scrollable = _React$useState2[0],
-      setScrollable = _React$useState2[1];
-
+    _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),
-      ref = _useDimensionsRef2[0],
-      dimensions = _useDimensionsRef2[1],
-      node = _useDimensionsRef2[2];
-
+      updateOnResize: true
+    }),
+    _useDimensionsRef2 = (0, _slicedToArray2.default)(_useDimensionsRef, 3),
+    ref = _useDimensionsRef2[0],
+    dimensions = _useDimensionsRef2[1],
+    node = _useDimensionsRef2[2];
   _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;
     setScrollable(scrollHeight > clientHeight);
   }, [dimensions, node, props.children]);
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollableContainer, {
       ref: ref,
@@ -59,6 +42,5 @@ var SideMenuBody = function SideMenuBody(props) {
     })
   });
 };
-
 exports.SideMenuBody = SideMenuBody;
 //# sourceMappingURL=SideMenuBody.cjs.map

package/dist/SideMenu/SideMenuBody.cjs.map

@@ -1 +1 @@
-{"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';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\nimport {Size} from '../types';\nimport {useDimensionsRef} from 'rooks';\n\nconst Wrapper = styled.div`\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`;\n\nconst ScrollableContainer = styled.div`\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  ${scrollBarStyling(Size.Small)}\n`;\n\n\nexport const SideMenuBody = (props: SideMenuProps) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, props.children]);\n\n  return (\n    <Wrapper>\n      <ScrollableContainer ref={ref as any}\n                           className={scrollable ? 'scrollable' : ''}>\n        {props.children}\n      </ScrollableContainer>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,4NAAb;;AAUA,IAAMC,mBAAmB,GAAGF,yBAAA,CAAOC,GAAV,oPAWrB,IAAAE,wBAAA,EAAiBC,WAAA,CAAKC,KAAtB,CAXqB,CAAzB;;AAeO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0B;EACpD,sBAAoCC,cAAA,CAAMC,QAAN,CAAe,KAAf,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,wBAAgC,IAAAC,uBAAA,EAAiB;IAACC,cAAc,EAAE;EAAjB,CAAjB,CAAhC;EAAA;EAAA,IAAOC,GAAP;EAAA,IAAYC,UAAZ;EAAA,IAAwBC,IAAxB;;EAEAR,cAAA,CAAMS,SAAN,CAAgB,YAAM;IAAA;;IACpB,IAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;IACA,IAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;IACAR,aAAa,CAACQ,YAAY,GAAGD,YAAhB,CAAb;EACD,CAJD,EAIG,CAACH,UAAD,EAAaC,IAAb,EAAmBT,KAAK,CAACa,QAAzB,CAJH;;EAMA,oBACE,qBAAC,OAAD;IAAA,uBACE,qBAAC,mBAAD;MAAqB,GAAG,EAAEN,GAA1B;MACqB,SAAS,EAAEJ,UAAU,GAAG,YAAH,GAAkB,EAD5D;MAAA,UAEGH,KAAK,CAACa;IAFT;EADF,EADF;AAQD,CAlBM"}
+{"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';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\nimport {Size} from '../types';\nimport {useDimensionsRef} from 'rooks';\n\nconst Wrapper = styled.div`\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`;\n\nconst ScrollableContainer = styled.div`\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  ${scrollBarStyling(Size.Small)}\n`;\n\n\nexport const SideMenuBody = (props: SideMenuProps) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, props.children]);\n\n  return (\n    <Wrapper>\n      <ScrollableContainer ref={ref as any}\n                           className={scrollable ? 'scrollable' : ''}>\n        {props.children}\n      </ScrollableContainer>\n    </Wrapper>\n  )\n};\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.js

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import React from 'react';
 import styled from 'styled-components';
 import { scrollBarStyling } from '../styles';
@@ -13,21 +11,18 @@ var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLi
 var 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));
 export var SideMenuBody = function SideMenuBody(props) {
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      scrollable = _React$useState2[0],
-      setScrollable = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    scrollable = _React$useState2[0],
+    setScrollable = _React$useState2[1];
   var _useDimensionsRef = useDimensionsRef({
-    updateOnResize: true
-  }),
-      _useDimensionsRef2 = _slicedToArray(_useDimensionsRef, 3),
-      ref = _useDimensionsRef2[0],
-      dimensions = _useDimensionsRef2[1],
-      node = _useDimensionsRef2[2];
-
+      updateOnResize: true
+    }),
+    _useDimensionsRef2 = _slicedToArray(_useDimensionsRef, 3),
+    ref = _useDimensionsRef2[0],
+    dimensions = _useDimensionsRef2[1],
+    node = _useDimensionsRef2[2];
   React.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;
     setScrollable(scrollHeight > clientHeight);

package/dist/SideMenu/SideMenuBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuBody.js","names":["React","styled","scrollBarStyling","Size","useDimensionsRef","Wrapper","div","ScrollableContainer","Small","SideMenuBody","props","useState","scrollable","setScrollable","updateOnResize","ref","dimensions","node","useEffect","clientHeight","scrollHeight","children"],"sources":["../../src/SideMenu/SideMenuBody.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\nimport {Size} from '../types';\nimport {useDimensionsRef} from 'rooks';\n\nconst Wrapper = styled.div`\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`;\n\nconst ScrollableContainer = styled.div`\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  ${scrollBarStyling(Size.Small)}\n`;\n\n\nexport const SideMenuBody = (props: SideMenuProps) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, props.children]);\n\n  return (\n    <Wrapper>\n      <ScrollableContainer ref={ref as any}\n                           className={scrollable ? 'scrollable' : ''}>\n        {props.children}\n      </ScrollableContainer>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,gBAAR,QAA+B,WAA/B;AACA,SAAQC,IAAR,QAAmB,UAAnB;AACA,SAAQC,gBAAR,QAA+B,OAA/B;;AAEA,IAAMC,OAAO,GAAGJ,MAAM,CAACK,GAAV,8MAAb;AAUA,IAAMC,mBAAmB,GAAGN,MAAM,CAACK,GAAV,sOAWrBJ,gBAAgB,CAACC,IAAI,CAACK,KAAN,CAXK,CAAzB;AAeA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0B;EACpD,sBAAoCV,KAAK,CAACW,QAAN,CAAe,KAAf,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,wBAAgCT,gBAAgB,CAAC;IAACU,cAAc,EAAE;EAAjB,CAAD,CAAhD;EAAA;EAAA,IAAOC,GAAP;EAAA,IAAYC,UAAZ;EAAA,IAAwBC,IAAxB;;EAEAjB,KAAK,CAACkB,SAAN,CAAgB,YAAM;IAAA;;IACpB,IAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;IACA,IAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;IACAP,aAAa,CAACO,YAAY,GAAGD,YAAhB,CAAb;EACD,CAJD,EAIG,CAACH,UAAD,EAAaC,IAAb,EAAmBP,KAAK,CAACW,QAAzB,CAJH;EAMA,oBACE,KAAC,OAAD;IAAA,uBACE,KAAC,mBAAD;MAAqB,GAAG,EAAEN,GAA1B;MACqB,SAAS,EAAEH,UAAU,GAAG,YAAH,GAAkB,EAD5D;MAAA,UAEGF,KAAK,CAACW;IAFT;EADF,EADF;AAQD,CAlBM"}
+{"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';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\nimport {Size} from '../types';\nimport {useDimensionsRef} from 'rooks';\n\nconst Wrapper = styled.div`\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`;\n\nconst ScrollableContainer = styled.div`\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  ${scrollBarStyling(Size.Small)}\n`;\n\n\nexport const SideMenuBody = (props: SideMenuProps) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, props.children]);\n\n  return (\n    <Wrapper>\n      <ScrollableContainer ref={ref as any}\n                           className={scrollable ? 'scrollable' : ''}>\n        {props.children}\n      </ScrollableContainer>\n    </Wrapper>\n  )\n};\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

@@ -1,49 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
-
 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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), _styles.COLORS.neutral_200);
-
 var ItemsContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n"])));
-
 var ButtonsContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n"])));
-
 var LogoContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ", ";\n  width: 100%;\n"])), _styles.COLORS.neutral_20);
-
 var NoteContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_500));
-
 var SideMenuFooter = function SideMenuFooter(props) {
   var _props$footer, _props$footer$items, _props$footer2, _props$footer2$button, _props$footer3, _props$footer3$button, _props$footer4;
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     children: [!!((_props$footer = props.footer) !== null && _props$footer !== void 0 && (_props$footer$items = _props$footer.items) !== null && _props$footer$items !== void 0 && _props$footer$items.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemsContainer, {
       children: props.footer.items.map(function (item, index) {
@@ -69,6 +49,5 @@ var SideMenuFooter = function SideMenuFooter(props) {
     })]
   });
 };
-
 exports.SideMenuFooter = SideMenuFooter;
 //# sourceMappingURL=SideMenuFooter.cjs.map

package/dist/SideMenu/SideMenuFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuFooter.cjs","names":["Wrapper","styled","div","COLORS","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\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 ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\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`;\n\nconst LogoContainer = styled.div`\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: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,uOAOaC,cAAA,CAAOC,WAPpB,CAAb;;AAUA,IAAMC,cAAc,GAAGJ,yBAAA,CAAOC,GAAV,gMAApB;;AAQA,IAAMI,gBAAgB,GAAGL,yBAAA,CAAOC,GAAV,wTAAtB;;AAkBA,IAAMK,aAAa,GAAGN,yBAAA,CAAOC,GAAV,sRAOGC,cAAA,CAAOK,UAPV,CAAnB;;AAWA,IAAMC,aAAa,GAAGR,yBAAA,CAAOC,GAAV,gGACf,IAAAQ,2BAAA,EAAoBC,0BAAA,CAAmBC,OAAvC,EAAgDT,cAAA,CAAOU,WAAvD,CADe,CAAnB;;AAIO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,sBAAC,OAAD;IAAA,WAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,qBAAC,cAAD;MAAA,UACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;QAAA,oBACtB,qBAAC,kBAAD;UAAsB,IAAI,EAAEN,KAAK,CAACO;QAAlC,GAA4CF,IAA5C,GAAeC,KAAf,CADsB;MAAA,CAAvB;IADH,EAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,qBAAC,gBAAD;MAAA,UAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;QAAA,oBACvB,qBAAC,cAAD;UAAoB,IAAI,EAAEN,KAAK,CAACO;QAAhC,GAA0CE,MAA1C;UAAA,UACGA,MAAM,CAACC;QADV,IAAaJ,KAAb,CADuB;MAAA,CAAzB;IAFJ,EAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,sBAAC,aAAD;MAAA,wBACE,qBAAC,mBAAD;QAAa,MAAM,EAAE,MAArB;QAA6B,KAAK,EAAE;MAApC,EADF,eAEE,qBAAC,aAAD;QAAA,4BAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;MAA9B,EAFF;IAAA,EAvBJ;EAAA,EADF;AAgCD,CAlCM"}
+{"version":3,"file":"SideMenuFooter.cjs","names":["Wrapper","styled","div","COLORS","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\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 ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\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`;\n\nconst LogoContainer = styled.div`\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: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AAKA;AACA;AACA;AAAqC;AAAA;AAAA;AAAA;AAErC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,uOAOAC,cAAM,CAACC,WAAW,CAC3C;AAED,IAAMC,cAAc,GAAGJ,yBAAM,CAACC,GAAG,gMAMhC;AAED,IAAMI,gBAAgB,GAAGL,yBAAM,CAACC,GAAG,wTAgBlC;AAED,IAAMK,aAAa,GAAGN,yBAAM,CAACC,GAAG,sRAOVC,cAAM,CAACK,UAAU,CAEtC;AAED,IAAMC,aAAa,GAAGR,yBAAM,CAACC,GAAG,gGAC5B,IAAAQ,2BAAmB,EAACC,0BAAkB,CAACC,OAAO,EAAET,cAAM,CAACU,WAAW,CAAC,CACtE;AAEM,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAoB,EAAK;EAAA;EAEtD,oBACE,sBAAC,OAAO;IAAA,WAEJ,CAAC,mBAACA,KAAK,CAACC,MAAM,iEAAZ,cAAcC,KAAK,gDAAnB,oBAAqBC,MAAM,kBAC7B,qBAAC,cAAc;MAAA,UACZH,KAAK,CAACC,MAAM,CAACC,KAAK,CAACE,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAClC,qBAAC,kBAAQ;UAAa,IAAI,EAAEN,KAAK,CAACO;QAAK,GAAKF,IAAI,GAAjCC,KAAK,CAA+B;MAAA;IACpD,EACc,EAGjB,CAAC,oBAACN,KAAK,CAACC,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC/B,qBAAC,gBAAgB;MAAA,UAEbH,KAAK,CAACC,MAAM,CAACO,OAAO,CAACJ,GAAG,CAAC,UAACK,MAAM,EAAEH,KAAK;QAAA,oBACrC,qBAAC,cAAM;UAAa,IAAI,EAAEN,KAAK,CAACO;QAAK,GAAKE,MAAM;UAAA,UAC7CA,MAAM,CAACC;QAAK,IADFJ,KAAK,CAET;MAAA;IACV,EAEc,EAGnB,oBAACN,KAAK,CAACC,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC9B,sBAAC,aAAa;MAAA,wBACZ,qBAAC,mBAAW;QAAC,MAAM,EAAE,MAAO;QAAC,KAAK,EAAE;MAAO,EAAE,eAC7C,qBAAC,aAAa;QAAA,4BAAEH,KAAK,CAACC,MAAM,mDAAZ,eAAcU;MAAI,EAAiB;IAAA,EACrC;EAAA,EAGV;AAEd,CAAC;AAAC"}

package/dist/SideMenu/SideMenuFooter.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import styled from 'styled-components';
 import { COLORS, ComponentTextStyle, ComponentXXSStyling } from '../styles';
@@ -22,7 +18,6 @@ var LogoContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTe
 var NoteContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500));
 export var SideMenuFooter = function SideMenuFooter(props) {
   var _props$footer, _props$footer$items, _props$footer2, _props$footer2$button, _props$footer3, _props$footer3$button, _props$footer4;
-
   return /*#__PURE__*/_jsxs(Wrapper, {
     children: [!!((_props$footer = props.footer) !== null && _props$footer !== void 0 && (_props$footer$items = _props$footer.items) !== null && _props$footer$items !== void 0 && _props$footer$items.length) && /*#__PURE__*/_jsx(ItemsContainer, {
       children: props.footer.items.map(function (item, index) {

package/dist/SideMenu/SideMenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","Wrapper","div","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\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 ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\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`;\n\nconst LogoContainer = styled.div`\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: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SACEC,MADF,EAEEC,kBAFF,EAGEC,mBAHF,QAIO,WAJP;AAKA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,MAAR,QAAqB,WAArB;AACA,SAAQC,QAAR,QAAuB,aAAvB;;;AAEA,IAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAV,yNAOaP,MAAM,CAACQ,WAPpB,CAAb;AAUA,IAAMC,cAAc,GAAGV,MAAM,CAACQ,GAAV,kLAApB;AAQA,IAAMG,gBAAgB,GAAGX,MAAM,CAACQ,GAAV,0SAAtB;AAkBA,IAAMI,aAAa,GAAGZ,MAAM,CAACQ,GAAV,wQAOGP,MAAM,CAACY,UAPV,CAAnB;AAWA,IAAMC,aAAa,GAAGd,MAAM,CAACQ,GAAV,kFACfL,mBAAmB,CAACD,kBAAkB,CAACa,OAApB,EAA6Bd,MAAM,CAACe,WAApC,CADJ,CAAnB;AAIA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,MAAC,OAAD;IAAA,WAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,KAAC,cAAD;MAAA,UACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;QAAA,oBACtB,KAAC,QAAD;UAAsB,IAAI,EAAEN,KAAK,CAACO;QAAlC,GAA4CF,IAA5C,GAAeC,KAAf,CADsB;MAAA,CAAvB;IADH,EAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,KAAC,gBAAD;MAAA,UAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;QAAA,oBACvB,KAAC,MAAD;UAAoB,IAAI,EAAEN,KAAK,CAACO;QAAhC,GAA0CE,MAA1C;UAAA,UACGA,MAAM,CAACC;QADV,IAAaJ,KAAb,CADuB;MAAA,CAAzB;IAFJ,EAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,MAAC,aAAD;MAAA,wBACE,KAAC,WAAD;QAAa,MAAM,EAAE,MAArB;QAA6B,KAAK,EAAE;MAApC,EADF,eAEE,KAAC,aAAD;QAAA,4BAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;MAA9B,EAFF;IAAA,EAvBJ;EAAA,EADF;AAgCD,CAlCM"}
+{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","Wrapper","div","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\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 ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\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`;\n\nconst LogoContainer = styled.div`\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: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SACEC,MAAM,EACNC,kBAAkB,EAClBC,mBAAmB,QACd,WAAW;AAClB,SAAQC,WAAW,QAAO,WAAW;AACrC,SAAQC,MAAM,QAAO,WAAW;AAChC,SAAQC,QAAQ,QAAO,aAAa;AAAC;AAAA;AAErC,IAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAG,yNAOAP,MAAM,CAACQ,WAAW,CAC3C;AAED,IAAMC,cAAc,GAAGV,MAAM,CAACQ,GAAG,kLAMhC;AAED,IAAMG,gBAAgB,GAAGX,MAAM,CAACQ,GAAG,0SAgBlC;AAED,IAAMI,aAAa,GAAGZ,MAAM,CAACQ,GAAG,wQAOVP,MAAM,CAACY,UAAU,CAEtC;AAED,IAAMC,aAAa,GAAGd,MAAM,CAACQ,GAAG,kFAC5BL,mBAAmB,CAACD,kBAAkB,CAACa,OAAO,EAAEd,MAAM,CAACe,WAAW,CAAC,CACtE;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAoB,EAAK;EAAA;EAEtD,oBACE,MAAC,OAAO;IAAA,WAEJ,CAAC,mBAACA,KAAK,CAACC,MAAM,iEAAZ,cAAcC,KAAK,gDAAnB,oBAAqBC,MAAM,kBAC7B,KAAC,cAAc;MAAA,UACZH,KAAK,CAACC,MAAM,CAACC,KAAK,CAACE,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAClC,KAAC,QAAQ;UAAa,IAAI,EAAEN,KAAK,CAACO;QAAK,GAAKF,IAAI,GAAjCC,KAAK,CAA+B;MAAA;IACpD,EACc,EAGjB,CAAC,oBAACN,KAAK,CAACC,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC/B,KAAC,gBAAgB;MAAA,UAEbH,KAAK,CAACC,MAAM,CAACO,OAAO,CAACJ,GAAG,CAAC,UAACK,MAAM,EAAEH,KAAK;QAAA,oBACrC,KAAC,MAAM;UAAa,IAAI,EAAEN,KAAK,CAACO;QAAK,GAAKE,MAAM;UAAA,UAC7CA,MAAM,CAACC;QAAK,IADFJ,KAAK,CAET;MAAA;IACV,EAEc,EAGnB,oBAACN,KAAK,CAACC,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC9B,MAAC,aAAa;MAAA,wBACZ,KAAC,WAAW;QAAC,MAAM,EAAE,MAAO;QAAC,KAAK,EAAE;MAAO,EAAE,eAC7C,KAAC,aAAa;QAAA,4BAAEH,KAAK,CAACC,MAAM,mDAAZ,eAAcU;MAAI,EAAiB;IAAA,EACrC;EAAA,EAGV;AAEd,CAAC"}

package/dist/SideMenu/SideMenuHeader.cjs

@@ -1,49 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
-
 var _Button = require("../Button");
-
 var _icons = require("../icons");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["icon"];
-
 var _templateObject, _templateObject2;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
-
 var LabelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600), (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600));
-
 var SideMenuHeader = function SideMenuHeader(props) {
   var _props$header, _props$header$actions, _props$header2;
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     children: [(_props$header = props.header) === null || _props$header === void 0 ? void 0 : (_props$header$actions = _props$header.actions) === null || _props$header$actions === void 0 ? void 0 : _props$header$actions.map(function (_ref, index) {
       var icon = _ref.icon,
-          rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+        rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, _objectSpread(_objectSpread({
         variant: 'secondary',
         shape: 'circular'
@@ -63,6 +45,5 @@ var SideMenuHeader = function SideMenuHeader(props) {
     })]
   });
 };
-
 exports.SideMenuHeader = SideMenuHeader;
 //# sourceMappingURL=SideMenuHeader.cjs.map

package/dist/SideMenu/SideMenuHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.cjs","names":["Wrapper","styled","div","LabelContainer","ComponentSStyling","ComponentTextStyle","Bold","COLORS","neutral_600","ComponentMStyling","ComponentLStyling","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\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`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,uRAAb;;AAkBA,IAAMC,cAAc,GAAGF,yBAAA,CAAOC,GAAV,2MAId,IAAAE,yBAAA,EAAkBC,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,WAAlD,CAJc,EAQd,IAAAC,yBAAA,EAAkBJ,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,WAAlD,CARc,EAYd,IAAAE,yBAAA,EAAkBL,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,WAAlD,CAZc,CAApB;;AAgBO,IAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,sBAAC,OAAD;IAAA,4BAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;MAAA,IAAEC,IAAF,QAAEA,IAAF;MAAA,IAAWC,IAAX;MAAA,oBACzB,qBAAC,kBAAD;QAAwB,OAAO,EAAE,WAAjC;QAA8C,KAAK,EAAE;MAArD,GAAqEA,IAArE;QAAA,UACGD;MADH,IAAiBD,KAAjB,CADyB;IAAA,CAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,qBAAC,cAAD;MAAA,UACGP,KAAK,CAACC,MAAN,CAAaM;IADhB,EAVJ,eAcE,qBAAC,kBAAD;MAAY,MAAM,EAAEP,KAAK,CAACQ,OAA1B;MAAmC,OAAO,EAAE,WAA5C;MAAyD,KAAK,EAAE,UAAhE;MAA4E,KAAK,EAAE;QAACC,UAAU,EAAE;MAAb,CAAnF;MAAA,uBACE,qBAAC,kBAAD,CAAa,KAAb;IADF,EAdF;EAAA,EADF;AAoBD,CAtBM"}
+{"version":3,"file":"SideMenuHeader.cjs","names":["Wrapper","styled","div","LabelContainer","ComponentSStyling","ComponentTextStyle","Bold","COLORS","neutral_600","ComponentMStyling","ComponentLStyling","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\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`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAErC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,uRAgBzB;AAED,IAAMC,cAAc,GAAGF,yBAAM,CAACC,GAAG,2MAI3B,IAAAE,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC,EAI9D,IAAAC,yBAAiB,EAACJ,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC,EAI9D,IAAAE,yBAAiB,EAACL,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,WAAW,CAAC,CAEnE;AAEM,IAAMG,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAoB,EAAK;EAAA;EAEtD,oBACE,sBAAC,OAAO;IAAA,4BAEJA,KAAK,CAACC,MAAM,2EAAZ,cAAcC,OAAO,0DAArB,sBAAuBC,GAAG,CAAC,gBAAkBC,KAAK;MAAA,IAArBC,IAAI,QAAJA,IAAI;QAAKC,IAAI;MAAA,oBACxC,qBAAC,kBAAU;QAAa,OAAO,EAAE,WAAY;QAAC,KAAK,EAAE;MAAW,GAAKA,IAAI;QAAA,UACtED;MAAI,IADUD,KAAK,CAET;IAAA,EACd,EAGD,mBAAAJ,KAAK,CAACC,MAAM,mDAAZ,eAAcM,KAAK,kBACnB,qBAAC,cAAc;MAAA,UACZP,KAAK,CAACC,MAAM,CAACM;IAAK,EACJ,eAEnB,qBAAC,kBAAU;MAAC,MAAM,EAAEP,KAAK,CAACQ,OAAQ;MAAC,OAAO,EAAE,WAAY;MAAC,KAAK,EAAE,UAAW;MAAC,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAA,uBACtG,qBAAC,kBAAW,CAAC,KAAK;IAAE,EACT;EAAA,EACL;AAEd,CAAC;AAAC"}

package/dist/SideMenu/SideMenuHeader.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["icon"];
-
 var _templateObject, _templateObject2;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import styled from 'styled-components';
 import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';
@@ -20,12 +16,10 @@ var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLi
 var LabelContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
 export var SideMenuHeader = function SideMenuHeader(props) {
   var _props$header, _props$header$actions, _props$header2;
-
   return /*#__PURE__*/_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 = _objectWithoutProperties(_ref, _excluded);
-
+        rest = _objectWithoutProperties(_ref, _excluded);
       return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
         variant: 'secondary',
         shape: 'circular'

package/dist/SideMenu/SideMenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","Wrapper","div","LabelContainer","Bold","neutral_600","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\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`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,MAAR,EAAgBC,iBAAhB,EAAmCC,iBAAnC,EAAsDC,iBAAtD,EAAyEC,kBAAzE,QAAkG,WAAlG;AACA,SAAQC,UAAR,QAAyB,WAAzB;AACA,SAAQC,WAAR,QAA0B,UAA1B;;;AAEA,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAV,yQAAb;AAkBA,IAAMC,cAAc,GAAGV,MAAM,CAACS,GAAV,6LAIdL,iBAAiB,CAACC,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAJH,EAQdT,iBAAiB,CAACE,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CARH,EAYdV,iBAAiB,CAACG,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAZH,CAApB;AAgBA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,MAAC,OAAD;IAAA,4BAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;MAAA,IAAEC,IAAF,QAAEA,IAAF;MAAA,IAAWC,IAAX;;MAAA,oBACzB,KAAC,UAAD;QAAwB,OAAO,EAAE,WAAjC;QAA8C,KAAK,EAAE;MAArD,GAAqEA,IAArE;QAAA,UACGD;MADH,IAAiBD,KAAjB,CADyB;IAAA,CAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,KAAC,cAAD;MAAA,UACGP,KAAK,CAACC,MAAN,CAAaM;IADhB,EAVJ,eAcE,KAAC,UAAD;MAAY,MAAM,EAAEP,KAAK,CAACQ,OAA1B;MAAmC,OAAO,EAAE,WAA5C;MAAyD,KAAK,EAAE,UAAhE;MAA4E,KAAK,EAAE;QAACC,UAAU,EAAE;MAAb,CAAnF;MAAA,uBACE,KAAC,WAAD,CAAa,KAAb;IADF,EAdF;EAAA,EADF;AAoBD,CAtBM"}
+{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","Wrapper","div","LabelContainer","Bold","neutral_600","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\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`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAO,WAAW;AAC7G,SAAQC,UAAU,QAAO,WAAW;AACpC,SAAQC,WAAW,QAAO,UAAU;AAAC;AAAA;AAErC,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAG,yQAgBzB;AAED,IAAMC,cAAc,GAAGV,MAAM,CAACS,GAAG,6LAI3BL,iBAAiB,CAACC,kBAAkB,CAACM,IAAI,EAAEV,MAAM,CAACW,WAAW,CAAC,EAI9DT,iBAAiB,CAACE,kBAAkB,CAACM,IAAI,EAAEV,MAAM,CAACW,WAAW,CAAC,EAI9DV,iBAAiB,CAACG,kBAAkB,CAACM,IAAI,EAAEV,MAAM,CAACW,WAAW,CAAC,CAEnE;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAoB,EAAK;EAAA;EAEtD,oBACE,MAAC,OAAO;IAAA,4BAEJA,KAAK,CAACC,MAAM,2EAAZ,cAAcC,OAAO,0DAArB,sBAAuBC,GAAG,CAAC,gBAAkBC,KAAK;MAAA,IAArBC,IAAI,QAAJA,IAAI;QAAKC,IAAI;MAAA,oBACxC,KAAC,UAAU;QAAa,OAAO,EAAE,WAAY;QAAC,KAAK,EAAE;MAAW,GAAKA,IAAI;QAAA,UACtED;MAAI,IADUD,KAAK,CAET;IAAA,EACd,EAGD,mBAAAJ,KAAK,CAACC,MAAM,mDAAZ,eAAcM,KAAK,kBACnB,KAAC,cAAc;MAAA,UACZP,KAAK,CAACC,MAAM,CAACM;IAAK,EACJ,eAEnB,KAAC,UAAU;MAAC,MAAM,EAAEP,KAAK,CAACQ,OAAQ;MAAC,OAAO,EAAE,WAAY;MAAC,KAAK,EAAE,UAAW;MAAC,KAAK,EAAE;QAACC,UAAU,EAAE;MAAM,CAAE;MAAA,uBACtG,KAAC,WAAW,CAAC,KAAK;IAAE,EACT;EAAA,EACL;AAEd,CAAC"}

package/dist/SideMenu/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,11 +13,8 @@ Object.defineProperty(exports, "SideMenu", {
     return _SideMenu.default;
   }
 });
-
 var _SideMenu = _interopRequireDefault(require("./SideMenu"));
-
 var _types = require("./types");
-
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/dist/SideMenu/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\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';\nexport * from './types';\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,QAAnB,QAAkC,YAAlC;AACA,cAAc,SAAd"}
+{"version":3,"file":"index.js","names":["default","SideMenu"],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,QAAQ,QAAO,YAAY;AAC9C,cAAc,SAAS"}