@laerdal/life-react-components 3.5.1-dev.11 → 3.5.1-dev.12

package/dist/SegmentControl/index.js

@@ -1,3 +1,2 @@
-import { default as SegmentControl } from './SegmentControl';
-export { SegmentControl };
-//# sourceMappingURL=index.js.map
+import { default as SegmentControl } from './SegmentControl';
+export { SegmentControl };

package/dist/Services/functions.js

@@ -1,12 +1,11 @@
-export function createUUID() {
-  var dt = new Date().getTime();
-  // eslint-disable-next-line func-names
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    // eslint-disable-next-line no-bitwise
-    var r = (dt + Math.random() * 16) % 16 | 0;
-    dt = Math.floor(dt / 16);
-    // eslint-disable-next-line no-bitwise
-    return (c === 'x' ? r : r & 0x3 | 0x8).toString(16);
-  });
-}
-//# sourceMappingURL=functions.js.map
+export function createUUID() {
+    var dt = new Date().getTime();
+    // eslint-disable-next-line func-names
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        // eslint-disable-next-line no-bitwise
+        var r = (dt + Math.random() * 16) % 16 | 0;
+        dt = Math.floor(dt / 16);
+        // eslint-disable-next-line no-bitwise
+        return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);
+    });
+}

package/dist/SideMenu/SideMenu.js

@@ -1,30 +1,43 @@
-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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import styled from 'styled-components';
-import { SideMenuHeader } from './SideMenuHeader';
-import { SideMenuFooter } from './SideMenuFooter';
-import { SideMenuBody } from './SideMenuBody';
-import { BOXSHADOWS, COLORS, Z_INDEXES } from '../styles';
-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);
-  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
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import styled from 'styled-components';
+import { SideMenuHeader } from './SideMenuHeader';
+import { SideMenuFooter } from './SideMenuFooter';
+import { SideMenuBody } from './SideMenuBody';
+import { BOXSHADOWS, COLORS, Z_INDEXES } from '../styles';
+import { Size } from '../types';
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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"], ["\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 (props) {
+    var _a = props.size, size = _a === void 0 ? Size.Medium : _a, className = props.className, rest = __rest(props, ["size", "className"]);
+    return (React.createElement(Wrapper, __assign({ className: "".concat(size, " ").concat(className || '') }, rest),
+        React.createElement(SideMenuHeader, __assign({}, props)),
+        React.createElement(SideMenuBody, __assign({}, props)),
+        props.footer && React.createElement(SideMenuFooter, __assign({}, props))));
+};
+export default SideMenu;
+var templateObject_1;

package/dist/SideMenu/SideMenuBody.d.ts

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

package/dist/SideMenu/SideMenuBody.js

@@ -1,38 +1,24 @@
-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';
-import { Size } from '../types';
-import { useDimensionsRef } from 'rooks';
-import { jsx as _jsx } from "react/jsx-runtime";
-var 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"])));
-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];
-  var _useDimensionsRef = useDimensionsRef({
-      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);
-  }, [dimensions, node, props.children]);
-  return /*#__PURE__*/_jsx(Wrapper, {
-    children: /*#__PURE__*/_jsx(ScrollableContainer, {
-      ref: ref,
-      className: scrollable ? 'scrollable' : '',
-      children: props.children
-    })
-  });
-};
-//# sourceMappingURL=SideMenuBody.js.map
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import styled from 'styled-components';
+import { scrollBarStyling } from '../styles';
+import { Size } from '../types';
+import { useDimensionsRef } from 'rooks';
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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  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 = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\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"], ["\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 (props) {
+    var _a = React.useState(false), scrollable = _a[0], setScrollable = _a[1];
+    var _b = useDimensionsRef({ updateOnResize: true }), ref = _b[0], dimensions = _b[1], node = _b[2];
+    React.useEffect(function () {
+        var _a, _b;
+        var clientHeight = (_a = node === null || node === void 0 ? void 0 : node.clientHeight) !== null && _a !== void 0 ? _a : 0;
+        var scrollHeight = (_b = node === null || node === void 0 ? void 0 : node.scrollHeight) !== null && _b !== void 0 ? _b : 0;
+        setScrollable(scrollHeight > clientHeight);
+    }, [dimensions, node, props.children]);
+    return (React.createElement(Wrapper, null,
+        React.createElement(ScrollableContainer, { ref: ref, className: scrollable ? 'scrollable' : '' }, props.children)));
+};
+var templateObject_1, templateObject_2;

package/dist/SideMenu/SideMenuFooter.d.ts

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

package/dist/SideMenu/SideMenuFooter.js

@@ -1,46 +1,43 @@
-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';
-import styled from 'styled-components';
-import { COLORS, ComponentTextStyle, ComponentXXSStyling } from '../styles';
-import { LaerdalLogo } from '../assets';
-import { Button } from '../Button';
-import { MenuItem } from '../MenuItem';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), COLORS.neutral_200);
-var ItemsContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n"])));
-var ButtonsContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n"])));
-var LogoContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ", ";\n  width: 100%;\n"])), COLORS.neutral_20);
-var NoteContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500));
-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) {
-        return /*#__PURE__*/_jsx(MenuItem, _objectSpread({
-          size: props.size
-        }, item), index);
-      })
-    }), !!((_props$footer2 = props.footer) !== null && _props$footer2 !== void 0 && (_props$footer2$button = _props$footer2.buttons) !== null && _props$footer2$button !== void 0 && _props$footer2$button.length) && /*#__PURE__*/_jsx(ButtonsContainer, {
-      children: props.footer.buttons.map(function (button, index) {
-        return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-          size: props.size
-        }, button), {}, {
-          children: button.label
-        }), index);
-      })
-    }), !((_props$footer3 = props.footer) !== null && _props$footer3 !== void 0 && (_props$footer3$button = _props$footer3.buttons) !== null && _props$footer3$button !== void 0 && _props$footer3$button.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
-      })]
-    })]
-  });
-};
-//# sourceMappingURL=SideMenuFooter.js.map
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import styled from 'styled-components';
+import { COLORS, ComponentTextStyle, ComponentXXSStyling } from '../styles';
+import { LaerdalLogo } from '../assets';
+import { Button } from '../Button';
+import { MenuItem } from '../MenuItem';
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), COLORS.neutral_200);
+var ItemsContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n"], ["\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n"])));
+var ButtonsContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\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  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n"])));
+var LogoContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\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"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ", ";\n  width: 100%;\n"])), COLORS.neutral_20);
+var NoteContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500));
+export var SideMenuFooter = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    return (React.createElement(Wrapper, null,
+        !!((_b = (_a = props.footer) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length) &&
+            React.createElement(ItemsContainer, null, props.footer.items.map(function (item, index) {
+                return React.createElement(MenuItem, __assign({ key: index, size: props.size }, item));
+            })),
+        !!((_d = (_c = props.footer) === null || _c === void 0 ? void 0 : _c.buttons) === null || _d === void 0 ? void 0 : _d.length) &&
+            React.createElement(ButtonsContainer, null, props.footer.buttons.map(function (button, index) {
+                return React.createElement(Button, __assign({ key: index, size: props.size }, button), button.label);
+            })),
+        !((_f = (_e = props.footer) === null || _e === void 0 ? void 0 : _e.buttons) === null || _f === void 0 ? void 0 : _f.length) &&
+            React.createElement(LogoContainer, null,
+                React.createElement(LaerdalLogo, { height: '36px', width: '66px' }),
+                React.createElement(NoteContainer, null, (_g = props.footer) === null || _g === void 0 ? void 0 : _g.note))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/SideMenu/SideMenuHeader.d.ts

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

package/dist/SideMenu/SideMenuHeader.js

@@ -1,42 +1,46 @@
-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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import styled from 'styled-components';
-import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';
-import { IconButton } from '../Button';
-import { SystemIcons } from '../icons';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
-var LabelContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
-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);
-      return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
-        variant: 'secondary',
-        shape: 'circular'
-      }, rest), {}, {
-        children: icon
-      }), index);
-    }), ((_props$header2 = props.header) === null || _props$header2 === void 0 ? void 0 : _props$header2.label) && /*#__PURE__*/_jsx(LabelContainer, {
-      children: props.header.label
-    }), /*#__PURE__*/_jsx(IconButton, {
-      action: props.onClose,
-      variant: 'secondary',
-      shape: 'circular',
-      style: {
-        marginLeft: 'auto'
-      },
-      children: /*#__PURE__*/_jsx(SystemIcons.Close, {})
-    })]
-  });
-};
-//# sourceMappingURL=SideMenuHeader.js.map
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import styled from 'styled-components';
+import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';
+import { IconButton } from '../Button';
+import { SystemIcons } from '../icons';
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
+var LabelContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"], ["\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 (props) {
+    var _a, _b, _c;
+    return (React.createElement(Wrapper, null, (_b = (_a = props.header) === null || _a === void 0 ? void 0 : _a.actions) === null || _b === void 0 ? void 0 :
+        _b.map(function (_a, index) {
+            var icon = _a.icon, rest = __rest(_a, ["icon"]);
+            return React.createElement(IconButton, __assign({ key: index, variant: 'secondary', shape: 'circular' }, rest), icon);
+        }),
+        ((_c = props.header) === null || _c === void 0 ? void 0 : _c.label) &&
+            React.createElement(LabelContainer, null, props.header.label),
+        React.createElement(IconButton, { action: props.onClose, variant: 'secondary', shape: 'circular', style: { marginLeft: 'auto' } },
+            React.createElement(SystemIcons.Close, null))));
+};
+var templateObject_1, templateObject_2;

package/dist/SideMenu/index.js

@@ -1,3 +1,2 @@
-export { default as SideMenu } from './SideMenu';
-export * from './types';
-//# sourceMappingURL=index.js.map
+export { default as SideMenu } from './SideMenu';
+export * from './types';

package/dist/SideMenu/types.d.ts

@@ -3,13 +3,13 @@ import { ButtonProps } from '../Button/Button';
 import { IconButtonProps } from '../Button/Iconbutton';
 import { MenuItemProps } from '../MenuItem/MenuItem';
 import { Size } from '../types';
-export type SideMenuAction = Omit<IconButtonProps, 'variant' | 'shape' | 'isInMobileMenu' | 'borderRadius' | 'flatEdge' | 'focusBackgroundColor' | 'useTransparentBackground' | 'unsetIconSize' | 'shouldNotInteract' | 'invertFocus' | 'hideOnLowWidth' | 'children'> & {
+export declare type SideMenuAction = Omit<IconButtonProps, 'variant' | 'shape' | 'isInMobileMenu' | 'borderRadius' | 'flatEdge' | 'focusBackgroundColor' | 'useTransparentBackground' | 'unsetIconSize' | 'shouldNotInteract' | 'invertFocus' | 'hideOnLowWidth' | 'children'> & {
     icon: React.ReactNode;
 };
-export type SideMenuButton = Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'> & {
+export declare type SideMenuButton = Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'> & {
     label: string;
 };
-export type SideMenuItem = Omit<MenuItemProps, 'size'>;
+export declare type SideMenuItem = Omit<MenuItemProps, 'size'>;
 export interface SideMenuHeader {
     actions?: SideMenuAction[];
     label?: string;

package/dist/SideMenu/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+export {};

package/dist/SkipToContent/SkipToContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export type SkipToContentProps = {
+export declare type SkipToContentProps = {
     children: React.ReactNode;
 };
 declare const SkipToContent: React.FunctionComponent<SkipToContentProps>;

package/dist/SkipToContent/SkipToContent.js

@@ -1,24 +1,17 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-var _templateObject, _templateObject2;
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS, ComponentTextStyle } from '../styles';
-import { ComponentSStyling } from '../styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-var SkipToContentLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  text-decoration: underline;\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.black));
-var SkipToContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), COLORS.accent2_200);
-var SkipToContent = function SkipToContent(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_jsx(SkipToContentWrapper, {
-    children: /*#__PURE__*/_jsx(SkipToContentLink, {
-      href: "#main",
-      children: children
-    })
-  });
-};
-SkipToContent.propTypes = {
-  children: _pt.node.isRequired
-};
-export default SkipToContent;
-//# sourceMappingURL=SkipToContent.js.map
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import * as React from 'react';
+import styled from 'styled-components';
+import { COLORS, ComponentTextStyle } from '../styles';
+import { ComponentSStyling } from '../styles';
+var SkipToContentLink = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  text-decoration: underline;\n"], ["\n  ", "\n\n  text-decoration: underline;\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.black));
+var SkipToContentWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"], ["\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ", ";\n  }\n\n  @media print {\n    display: none;\n  }\n"])), COLORS.accent2_200);
+var SkipToContent = function (_a) {
+    var children = _a.children;
+    return (React.createElement(SkipToContentWrapper, null,
+        React.createElement(SkipToContentLink, { href: "#main" }, children)));
+};
+export default SkipToContent;
+var templateObject_1, templateObject_2;

package/dist/SkipToContent/index.js

@@ -1,2 +1 @@
-export { default as SkipToContent } from './SkipToContent';
-//# sourceMappingURL=index.js.map
+export { default as SkipToContent } from './SkipToContent';

package/dist/Switcher/MobileCustomMenuContent.js

@@ -1,37 +1,26 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _pt from "prop-types";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { useScrollableContainer } from '../common/ScrollableContainer';
-import { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';
-import { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var MobileCustomMenuContent = function MobileCustomMenuContent(_ref) {
-  var children = _ref.children,
-    header = _ref.header,
-    action = _ref.action;
-  var _useScrollableContain = useScrollableContainer([children]),
-    _useScrollableContain2 = _slicedToArray(_useScrollableContain, 2),
-    scrollContainerRef = _useScrollableContain2[0],
-    scrollable = _useScrollableContain2[1];
-  return /*#__PURE__*/_jsxs(MobileMenuWrapper, {
-    children: [/*#__PURE__*/_jsxs(ScrollableContainer, {
-      ref: scrollContainerRef,
-      className: scrollable ? 'scrollable' : '',
-      children: [!!header && /*#__PURE__*/_jsxs(MobileHeaderContainer, {
-        children: [/*#__PURE__*/_jsx(MobileHeaderText, {
-          children: header.header
-        }), header.note && /*#__PURE__*/_jsx(MobileHeaderNote, {
-          children: header.note
-        })]
-      }), children]
-    }), action && /*#__PURE__*/_jsx(MobileActionContainer, _objectSpread({}, action))]
-  });
-};
-MobileCustomMenuContent.propTypes = {
-  children: _pt.node
-};
-//# sourceMappingURL=MobileCustomMenuContent.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { useScrollableContainer } from '../common/ScrollableContainer';
+import { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';
+import { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';
+export var MobileCustomMenuContent = function (_a) {
+    var children = _a.children, header = _a.header, action = _a.action;
+    var _b = useScrollableContainer([children]), scrollContainerRef = _b[0], scrollable = _b[1];
+    return (React.createElement(MobileMenuWrapper, null,
+        React.createElement(ScrollableContainer, { ref: scrollContainerRef, className: scrollable ? 'scrollable' : '' },
+            !!header && (React.createElement(MobileHeaderContainer, null,
+                React.createElement(MobileHeaderText, null, header.header),
+                header.note && React.createElement(MobileHeaderNote, null, header.note))),
+            children),
+        action && React.createElement(MobileActionContainer, __assign({}, action))));
+};

package/dist/Switcher/MobileSwitcherMenu.d.ts

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