@laerdal/life-react-components 4.0.4 → 5.0.0-dev.2

package/dist/SegmentControl/SegmentControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControl.cjs","names":["SegmentControlItemContent","styled","div","props","COLORS","getColor","theme","SegmentControlItemBackground","SegmentControlItemWrapper","focusStyles","Z_INDEXES","hover","active","SegmentControlWrapper","ComponentSStyling","ComponentTextStyle","Bold","ComponentMStyling","SegmentControl","items","size","Size","Medium","onChange","selected","className","rest","onKeyPress","e","item","key","document","activeElement","blur","disabled","onClick","map","a","i","content","undefined","defaultOnMouseDownHandler"],"sources":["../../src/SegmentControl/SegmentControl.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\n\r\nexport const SegmentControlItemContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  border-radius: 8px;\r\n  padding: 0 16px;\r\n\r\n  background-color: transparent;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`\r\n\r\nexport const SegmentControlItemBackground = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  padding: 4px 0px;\r\n`;\r\n\r\nexport const SegmentControlItemWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 1;\r\n  cursor: pointer;\r\n  min-height: 48px;\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_200', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: transparent;\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    cursor: default;\r\n    pointer-events: none;\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.selected.disabled {\r\n    cursor: not-allowed;\r\n    pointer-events: unset;\r\n    \r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const SegmentControlWrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  ${SegmentControlItemWrapper}:first-of-type {\r\n    ${SegmentControlItemBackground} {\r\n      border-bottom-left-radius: 12px;\r\n      border-top-left-radius: 12px;\r\n      padding-left: 4px;\r\n    }\r\n  }\r\n\r\n  ${SegmentControlItemWrapper}:last-of-type {\r\n    ${SegmentControlItemBackground} {\r\n      border-bottom-right-radius: 12px;\r\n      border-top-right-radius: 12px;\r\n      padding-right: 4px;\r\n    }\r\n  }\r\n\r\n\r\n  &.small {\r\n    ${SegmentControlItemContent} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n      min-height: 32px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${SegmentControlItemContent} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      min-height: 40px;\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'content' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\r\n  /**\r\n   * Required. The key of the segment control item. This should be unique among all items in the segment control.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the segment control item is disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Required. The content of the segment control item. This can be a string or a React node.\r\n   */\r\n  content: React.ReactNode | string;\r\n}\r\n\r\nexport interface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\r\n  /**\r\n   * Required. An array of SegmentControlItem objects representing the items in the segment control.\r\n   */\r\n  items: SegmentControlItem[];\r\n\r\n  /**\r\n   * Optional. The key of the currently selected item in the segment control. In order to change selected item\r\n   * when user clicks on it, you should update this prop to display item as 'selected'.\r\n   */\r\n  selected: string;\r\n\r\n  /**\r\n   * Required. A function to be called when the selected item in the segment control changes.\r\n   * It should take a string representing the key of the new selected item.\r\n   */\r\n  onChange: (value: string) => void;\r\n\r\n  /**\r\n   * Optional. The size of the segment control. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n}\r\n\r\nconst SegmentControl: React.FunctionComponent<SegmentControlProps> = ({\r\n                                                                        items,\r\n                                                                        size = Size.Medium,\r\n                                                                        onChange,\r\n                                                                        selected,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n  const onKeyPress = (e: React.KeyboardEvent<HTMLDivElement>, item: SegmentControlItem) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      //@ts-ignore\r\n      document?.activeElement?.blur();\r\n      !item.disabled && onChange(item.key);\r\n    }\r\n  };\r\n\r\n  const onClick = (e: React.MouseEvent, item: SegmentControlItem) => {\r\n    !item.disabled && onChange(item.key);\r\n  }\r\n\r\n  return (\r\n    <SegmentControlWrapper className={`${size} ${className || ''}`} {...rest}>\r\n      {items.map((a, i) => {\r\n        const {key, disabled, content, className, ...rest} = a;\r\n        return <SegmentControlItemWrapper key={a.key || i}\r\n                                          className={(className || '') + (a.disabled ? 'disabled' : '') + (a.key === selected ? ' selected' : '')}\r\n                                          tabIndex={a.disabled || a.key === selected ? -1 : 0}\r\n                                          onClick={a.disabled ? undefined : (e) => onClick(e, a)}\r\n                                          onMouseDown={defaultOnMouseDownHandler}\r\n                                          onKeyPress={a.disabled ? undefined : (e) => onKeyPress(e, a)}\r\n                                          {...rest}>\r\n          <SegmentControlItemBackground>\r\n            <SegmentControlItemContent>\r\n              {a.content}\r\n            </SegmentControlItemContent>\r\n          </SegmentControlItemBackground>\r\n        </SegmentControlItemWrapper>;\r\n      })\r\n      }\r\n    </SegmentControlWrapper>\r\n  );\r\n};\r\n\r\nexport default SegmentControl;\r\n"],"mappings":"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"}
+{"version":3,"file":"SegmentControl.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_styles","_common","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_templateObject4","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","SegmentControlItemContent","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","exports","SegmentControlItemBackground","SegmentControlItemWrapper","focusStyles","Z_INDEXES","hover","active","SegmentControlWrapper","ComponentSStyling","ComponentTextStyle","Bold","ComponentMStyling","SegmentControl","_ref","items","_ref$size","size","Size","Medium","onChange","selected","className","rest","_objectWithoutProperties2","onKeyPress","item","key","_document","_document$activeEleme","document","activeElement","blur","disabled","onClick","jsx","concat","children","map","a","i","content","tabIndex","undefined","onMouseDown","defaultOnMouseDownHandler","propTypes","_propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","node","func","_default"],"sources":["../../src/SegmentControl/SegmentControl.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\n\r\nexport const SegmentControlItemContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  border-radius: 8px;\r\n  padding: 0 16px;\r\n\r\n  background-color: transparent;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`\r\n\r\nexport const SegmentControlItemBackground = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  padding: 4px 0px;\r\n`;\r\n\r\nexport const SegmentControlItemWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 1;\r\n  cursor: pointer;\r\n  min-height: 48px;\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_200', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: transparent;\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    cursor: default;\r\n    pointer-events: none;\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.selected.disabled {\r\n    cursor: not-allowed;\r\n    pointer-events: unset;\r\n    \r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const SegmentControlWrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  ${SegmentControlItemWrapper}:first-of-type {\r\n    ${SegmentControlItemBackground} {\r\n      border-bottom-left-radius: 12px;\r\n      border-top-left-radius: 12px;\r\n      padding-left: 4px;\r\n    }\r\n  }\r\n\r\n  ${SegmentControlItemWrapper}:last-of-type {\r\n    ${SegmentControlItemBackground} {\r\n      border-bottom-right-radius: 12px;\r\n      border-top-right-radius: 12px;\r\n      padding-right: 4px;\r\n    }\r\n  }\r\n\r\n\r\n  &.small {\r\n    ${SegmentControlItemContent} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n      min-height: 32px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${SegmentControlItemContent} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      min-height: 40px;\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'content' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\r\n  /**\r\n   * Required. The key of the segment control item. This should be unique among all items in the segment control.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the segment control item is disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Required. The content of the segment control item. This can be a string or a React node.\r\n   */\r\n  content: React.ReactNode | string;\r\n}\r\n\r\nexport interface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\r\n  /**\r\n   * Required. An array of SegmentControlItem objects representing the items in the segment control.\r\n   */\r\n  items: SegmentControlItem[];\r\n\r\n  /**\r\n   * Optional. The key of the currently selected item in the segment control. In order to change selected item\r\n   * when user clicks on it, you should update this prop to display item as 'selected'.\r\n   */\r\n  selected: string;\r\n\r\n  /**\r\n   * Required. A function to be called when the selected item in the segment control changes.\r\n   * It should take a string representing the key of the new selected item.\r\n   */\r\n  onChange: (value: string) => void;\r\n\r\n  /**\r\n   * Optional. The size of the segment control. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n}\r\n\r\nconst SegmentControl: React.FunctionComponent<SegmentControlProps> = ({\r\n                                                                        items,\r\n                                                                        size = Size.Medium,\r\n                                                                        onChange,\r\n                                                                        selected,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n  const onKeyPress = (e: React.KeyboardEvent<HTMLDivElement>, item: SegmentControlItem) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      //@ts-ignore\r\n      document?.activeElement?.blur();\r\n      !item.disabled && onChange(item.key);\r\n    }\r\n  };\r\n\r\n  const onClick = (e: React.MouseEvent, item: SegmentControlItem) => {\r\n    !item.disabled && onChange(item.key);\r\n  }\r\n\r\n  return (\r\n    <SegmentControlWrapper className={`${size} ${className || ''}`} {...rest}>\r\n      {items.map((a, i) => {\r\n        const {key, disabled, content, className, ...rest} = a;\r\n        return <SegmentControlItemWrapper key={a.key || i}\r\n                                          className={(className || '') + (a.disabled ? 'disabled' : '') + (a.key === selected ? ' selected' : '')}\r\n                                          tabIndex={a.disabled || a.key === selected ? -1 : 0}\r\n                                          onClick={a.disabled ? undefined : (e) => onClick(e, a)}\r\n                                          onMouseDown={defaultOnMouseDownHandler}\r\n                                          onKeyPress={a.disabled ? undefined : (e) => onKeyPress(e, a)}\r\n                                          {...rest}>\r\n          <SegmentControlItemBackground>\r\n            <SegmentControlItemContent>\r\n              {a.content}\r\n            </SegmentControlItemContent>\r\n          </SegmentControlItemBackground>\r\n        </SegmentControlItemWrapper>;\r\n      })\r\n      }\r\n    </SegmentControlWrapper>\r\n  );\r\n};\r\n\r\nexport default SegmentControl;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/SegmentControl/SegmentControl.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Size } from '../types';
-export declare const SegmentControlItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SegmentControlItemBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SegmentControlItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SegmentControlWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SegmentControlItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SegmentControlItemBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SegmentControlItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SegmentControlWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'content' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {
     /**
      * Required. The key of the segment control item. This should be unique among all items in the segment control.

package/dist/SegmentControl/SegmentControl.js

@@ -5,8 +5,8 @@ import _pt from "prop-types";
 var _excluded = ["items", "size", "onChange", "selected", "className"],
   _excluded2 = ["key", "disabled", "content", "className"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { Size } from '../types';
 import styled from 'styled-components';

package/dist/SegmentControl/SegmentControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControl.js","names":["React","Size","styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","SegmentControlItemContent","div","props","getColor","theme","SegmentControlItemBackground","SegmentControlItemWrapper","hover","active","SegmentControlWrapper","Bold","SegmentControl","items","size","Medium","onChange","selected","className","rest","onKeyPress","e","item","key","document","activeElement","blur","disabled","onClick","map","a","i","content","undefined"],"sources":["../../src/SegmentControl/SegmentControl.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\n\r\nexport const SegmentControlItemContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  border-radius: 8px;\r\n  padding: 0 16px;\r\n\r\n  background-color: transparent;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`\r\n\r\nexport const SegmentControlItemBackground = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  padding: 4px 0px;\r\n`;\r\n\r\nexport const SegmentControlItemWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 1;\r\n  cursor: pointer;\r\n  min-height: 48px;\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_200', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: transparent;\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    cursor: default;\r\n    pointer-events: none;\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.selected.disabled {\r\n    cursor: not-allowed;\r\n    pointer-events: unset;\r\n    \r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const SegmentControlWrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  ${SegmentControlItemWrapper}:first-of-type {\r\n    ${SegmentControlItemBackground} {\r\n      border-bottom-left-radius: 12px;\r\n      border-top-left-radius: 12px;\r\n      padding-left: 4px;\r\n    }\r\n  }\r\n\r\n  ${SegmentControlItemWrapper}:last-of-type {\r\n    ${SegmentControlItemBackground} {\r\n      border-bottom-right-radius: 12px;\r\n      border-top-right-radius: 12px;\r\n      padding-right: 4px;\r\n    }\r\n  }\r\n\r\n\r\n  &.small {\r\n    ${SegmentControlItemContent} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n      min-height: 32px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${SegmentControlItemContent} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      min-height: 40px;\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'content' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\r\n  /**\r\n   * Required. The key of the segment control item. This should be unique among all items in the segment control.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the segment control item is disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Required. The content of the segment control item. This can be a string or a React node.\r\n   */\r\n  content: React.ReactNode | string;\r\n}\r\n\r\nexport interface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\r\n  /**\r\n   * Required. An array of SegmentControlItem objects representing the items in the segment control.\r\n   */\r\n  items: SegmentControlItem[];\r\n\r\n  /**\r\n   * Optional. The key of the currently selected item in the segment control. In order to change selected item\r\n   * when user clicks on it, you should update this prop to display item as 'selected'.\r\n   */\r\n  selected: string;\r\n\r\n  /**\r\n   * Required. A function to be called when the selected item in the segment control changes.\r\n   * It should take a string representing the key of the new selected item.\r\n   */\r\n  onChange: (value: string) => void;\r\n\r\n  /**\r\n   * Optional. The size of the segment control. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n}\r\n\r\nconst SegmentControl: React.FunctionComponent<SegmentControlProps> = ({\r\n                                                                        items,\r\n                                                                        size = Size.Medium,\r\n                                                                        onChange,\r\n                                                                        selected,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n  const onKeyPress = (e: React.KeyboardEvent<HTMLDivElement>, item: SegmentControlItem) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      //@ts-ignore\r\n      document?.activeElement?.blur();\r\n      !item.disabled && onChange(item.key);\r\n    }\r\n  };\r\n\r\n  const onClick = (e: React.MouseEvent, item: SegmentControlItem) => {\r\n    !item.disabled && onChange(item.key);\r\n  }\r\n\r\n  return (\r\n    <SegmentControlWrapper className={`${size} ${className || ''}`} {...rest}>\r\n      {items.map((a, i) => {\r\n        const {key, disabled, content, className, ...rest} = a;\r\n        return <SegmentControlItemWrapper key={a.key || i}\r\n                                          className={(className || '') + (a.disabled ? 'disabled' : '') + (a.key === selected ? ' selected' : '')}\r\n                                          tabIndex={a.disabled || a.key === selected ? -1 : 0}\r\n                                          onClick={a.disabled ? undefined : (e) => onClick(e, a)}\r\n                                          onMouseDown={defaultOnMouseDownHandler}\r\n                                          onKeyPress={a.disabled ? undefined : (e) => onKeyPress(e, a)}\r\n                                          {...rest}>\r\n          <SegmentControlItemBackground>\r\n            <SegmentControlItemContent>\r\n              {a.content}\r\n            </SegmentControlItemContent>\r\n          </SegmentControlItemBackground>\r\n        </SegmentControlItemWrapper>;\r\n      })\r\n      }\r\n    </SegmentControlWrapper>\r\n  );\r\n};\r\n\r\nexport default SegmentControl;\r\n"],"mappings":"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"}
+{"version":3,"file":"SegmentControl.js","names":["React","Size","styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","jsx","_jsx","SegmentControlItemContent","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","SegmentControlItemBackground","_templateObject2","SegmentControlItemWrapper","_templateObject3","hover","active","SegmentControlWrapper","_templateObject4","Bold","SegmentControl","_ref","items","_ref$size","size","Medium","onChange","selected","className","rest","_objectWithoutProperties","_excluded","onKeyPress","e","item","key","_document","_document$activeEleme","document","activeElement","blur","disabled","onClick","_objectSpread","concat","children","map","a","i","content","_excluded2","tabIndex","undefined","onMouseDown","propTypes","_pt","arrayOf","shape","string","isRequired","bool","oneOfType","node","func"],"sources":["../../src/SegmentControl/SegmentControl.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\n\r\nexport const SegmentControlItemContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  border-radius: 8px;\r\n  padding: 0 16px;\r\n\r\n  background-color: transparent;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`\r\n\r\nexport const SegmentControlItemBackground = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  padding: 4px 0px;\r\n`;\r\n\r\nexport const SegmentControlItemWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 1;\r\n  cursor: pointer;\r\n  min-height: 48px;\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_200', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: transparent;\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    cursor: default;\r\n    pointer-events: none;\r\n\r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.selected.disabled {\r\n    cursor: not-allowed;\r\n    pointer-events: unset;\r\n    \r\n    ${SegmentControlItemContent} {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const SegmentControlWrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  ${SegmentControlItemWrapper}:first-of-type {\r\n    ${SegmentControlItemBackground} {\r\n      border-bottom-left-radius: 12px;\r\n      border-top-left-radius: 12px;\r\n      padding-left: 4px;\r\n    }\r\n  }\r\n\r\n  ${SegmentControlItemWrapper}:last-of-type {\r\n    ${SegmentControlItemBackground} {\r\n      border-bottom-right-radius: 12px;\r\n      border-top-right-radius: 12px;\r\n      padding-right: 4px;\r\n    }\r\n  }\r\n\r\n\r\n  &.small {\r\n    ${SegmentControlItemContent} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n      min-height: 32px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${SegmentControlItemContent} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      min-height: 40px;\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'content' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\r\n  /**\r\n   * Required. The key of the segment control item. This should be unique among all items in the segment control.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the segment control item is disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Required. The content of the segment control item. This can be a string or a React node.\r\n   */\r\n  content: React.ReactNode | string;\r\n}\r\n\r\nexport interface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\r\n  /**\r\n   * Required. An array of SegmentControlItem objects representing the items in the segment control.\r\n   */\r\n  items: SegmentControlItem[];\r\n\r\n  /**\r\n   * Optional. The key of the currently selected item in the segment control. In order to change selected item\r\n   * when user clicks on it, you should update this prop to display item as 'selected'.\r\n   */\r\n  selected: string;\r\n\r\n  /**\r\n   * Required. A function to be called when the selected item in the segment control changes.\r\n   * It should take a string representing the key of the new selected item.\r\n   */\r\n  onChange: (value: string) => void;\r\n\r\n  /**\r\n   * Optional. The size of the segment control. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n}\r\n\r\nconst SegmentControl: React.FunctionComponent<SegmentControlProps> = ({\r\n                                                                        items,\r\n                                                                        size = Size.Medium,\r\n                                                                        onChange,\r\n                                                                        selected,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n  const onKeyPress = (e: React.KeyboardEvent<HTMLDivElement>, item: SegmentControlItem) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      //@ts-ignore\r\n      document?.activeElement?.blur();\r\n      !item.disabled && onChange(item.key);\r\n    }\r\n  };\r\n\r\n  const onClick = (e: React.MouseEvent, item: SegmentControlItem) => {\r\n    !item.disabled && onChange(item.key);\r\n  }\r\n\r\n  return (\r\n    <SegmentControlWrapper className={`${size} ${className || ''}`} {...rest}>\r\n      {items.map((a, i) => {\r\n        const {key, disabled, content, className, ...rest} = a;\r\n        return <SegmentControlItemWrapper key={a.key || i}\r\n                                          className={(className || '') + (a.disabled ? 'disabled' : '') + (a.key === selected ? ' selected' : '')}\r\n                                          tabIndex={a.disabled || a.key === selected ? -1 : 0}\r\n                                          onClick={a.disabled ? undefined : (e) => onClick(e, a)}\r\n                                          onMouseDown={defaultOnMouseDownHandler}\r\n                                          onKeyPress={a.disabled ? undefined : (e) => onKeyPress(e, a)}\r\n                                          {...rest}>\r\n          <SegmentControlItemBackground>\r\n            <SegmentControlItemContent>\r\n              {a.content}\r\n            </SegmentControlItemContent>\r\n          </SegmentControlItemBackground>\r\n        </SegmentControlItemWrapper>;\r\n      })\r\n      }\r\n    </SegmentControlWrapper>\r\n  );\r\n};\r\n\r\nexport default SegmentControl;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/SegmentControl/index.cjs

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "SegmentControl", {
   enumerable: true,
   get: function get() {
-    return _SegmentControl.default;
+    return _SegmentControl["default"];
   }
 });
 var _SegmentControl = _interopRequireDefault(require("./SegmentControl"));

package/dist/SegmentControl/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SegmentControl/index.ts"],"sourcesContent":["import {SegmentControlItem, default as SegmentControl, SegmentControlProps} from './SegmentControl'\r\n\r\nexport type {SegmentControlItem, SegmentControlProps}\r\nexport {SegmentControl}\r\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.cjs","names":["_SegmentControl","_interopRequireDefault","require"],"sources":["../../src/SegmentControl/index.ts"],"sourcesContent":["import {SegmentControlItem, default as SegmentControl, SegmentControlProps} from './SegmentControl'\r\n\r\nexport type {SegmentControlItem, SegmentControlProps}\r\nexport {SegmentControl}\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/SegmentControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","SegmentControl"],"sources":["../../src/SegmentControl/index.ts"],"sourcesContent":["import {SegmentControlItem, default as SegmentControl, SegmentControlProps} from './SegmentControl'\r\n\r\nexport type {SegmentControlItem, SegmentControlProps}\r\nexport {SegmentControl}\r\n"],"mappings":"AAAA,SAA4BA,OAAO,IAAIC,cAAc,QAA4B,kBAAkB;AAGnG,SAAQA,cAAc"}
+{"version":3,"file":"index.js","names":["default","SegmentControl"],"sources":["../../src/SegmentControl/index.ts"],"sourcesContent":["import {SegmentControlItem, default as SegmentControl, SegmentControlProps} from './SegmentControl'\r\n\r\nexport type {SegmentControlItem, SegmentControlProps}\r\nexport {SegmentControl}\r\n"],"mappings":"AAAA,SAA4BA,OAAO,IAAIC,cAAc,QAA4B,kBAAkB;AAGnG,SAAQA,cAAc","ignoreList":[]}

package/dist/Services/functions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"functions.cjs","names":["createUUID","dt","Date","getTime","replace","c","r","Math","random","floor","toString"],"sources":["../../src/Services/functions.ts"],"sourcesContent":["export function createUUID() {\r\n  let dt = new Date().getTime();\r\n  // eslint-disable-next-line func-names\r\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n    // eslint-disable-next-line no-bitwise\r\n    const r = (dt + Math.random() * 16) % 16 | 0;\r\n    dt = Math.floor(dt / 16);\r\n    // eslint-disable-next-line no-bitwise\r\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\r\n  });\r\n}\r\n"],"mappings":";;;;;;AAAO,SAASA,UAAU,GAAG;EAC3B,IAAIC,EAAE,GAAG,IAAIC,IAAI,EAAE,CAACC,OAAO,EAAE;EAC7B;EACA,OAAO,sCAAsC,CAACC,OAAO,CAAC,OAAO,EAAE,UAASC,CAAC,EAAE;IACzE;IACA,IAAMC,CAAC,GAAG,CAACL,EAAE,GAAGM,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC;IAC5CP,EAAE,GAAGM,IAAI,CAACE,KAAK,CAACR,EAAE,GAAG,EAAE,CAAC;IACxB;IACA,OAAO,CAACI,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAI,GAAG,EAAEI,QAAQ,CAAC,EAAE,CAAC;EACvD,CAAC,CAAC;AACJ"}
+{"version":3,"file":"functions.cjs","names":["createUUID","dt","Date","getTime","replace","c","r","Math","random","floor","toString"],"sources":["../../src/Services/functions.ts"],"sourcesContent":["export function createUUID() {\r\n  let dt = new Date().getTime();\r\n  // eslint-disable-next-line func-names\r\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n    // eslint-disable-next-line no-bitwise\r\n    const r = (dt + Math.random() * 16) % 16 | 0;\r\n    dt = Math.floor(dt / 16);\r\n    // eslint-disable-next-line no-bitwise\r\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\r\n  });\r\n}\r\n"],"mappings":";;;;;;AAAO,SAASA,UAAUA,CAAA,EAAG;EAC3B,IAAIC,EAAE,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;EAC7B;EACA,OAAO,sCAAsC,CAACC,OAAO,CAAC,OAAO,EAAE,UAASC,CAAC,EAAE;IACzE;IACA,IAAMC,CAAC,GAAG,CAACL,EAAE,GAAGM,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC;IAC5CP,EAAE,GAAGM,IAAI,CAACE,KAAK,CAACR,EAAE,GAAG,EAAE,CAAC;IACxB;IACA,OAAO,CAACI,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAI,GAAG,EAAEI,QAAQ,CAAC,EAAE,CAAC;EACvD,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/Services/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","names":["createUUID","dt","Date","getTime","replace","c","r","Math","random","floor","toString"],"sources":["../../src/Services/functions.ts"],"sourcesContent":["export function createUUID() {\r\n  let dt = new Date().getTime();\r\n  // eslint-disable-next-line func-names\r\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n    // eslint-disable-next-line no-bitwise\r\n    const r = (dt + Math.random() * 16) % 16 | 0;\r\n    dt = Math.floor(dt / 16);\r\n    // eslint-disable-next-line no-bitwise\r\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\r\n  });\r\n}\r\n"],"mappings":"AAAA,OAAO,SAASA,UAAU,GAAG;EAC3B,IAAIC,EAAE,GAAG,IAAIC,IAAI,EAAE,CAACC,OAAO,EAAE;EAC7B;EACA,OAAO,sCAAsC,CAACC,OAAO,CAAC,OAAO,EAAE,UAASC,CAAC,EAAE;IACzE;IACA,IAAMC,CAAC,GAAG,CAACL,EAAE,GAAGM,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC;IAC5CP,EAAE,GAAGM,IAAI,CAACE,KAAK,CAACR,EAAE,GAAG,EAAE,CAAC;IACxB;IACA,OAAO,CAACI,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAI,GAAG,EAAEI,QAAQ,CAAC,EAAE,CAAC;EACvD,CAAC,CAAC;AACJ"}
+{"version":3,"file":"functions.js","names":["createUUID","dt","Date","getTime","replace","c","r","Math","random","floor","toString"],"sources":["../../src/Services/functions.ts"],"sourcesContent":["export function createUUID() {\r\n  let dt = new Date().getTime();\r\n  // eslint-disable-next-line func-names\r\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n    // eslint-disable-next-line no-bitwise\r\n    const r = (dt + Math.random() * 16) % 16 | 0;\r\n    dt = Math.floor(dt / 16);\r\n    // eslint-disable-next-line no-bitwise\r\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\r\n  });\r\n}\r\n"],"mappings":"AAAA,OAAO,SAASA,UAAUA,CAAA,EAAG;EAC3B,IAAIC,EAAE,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;EAC7B;EACA,OAAO,sCAAsC,CAACC,OAAO,CAAC,OAAO,EAAE,UAASC,CAAC,EAAE;IACzE;IACA,IAAMC,CAAC,GAAG,CAACL,EAAE,GAAGM,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC;IAC5CP,EAAE,GAAGM,IAAI,CAACE,KAAK,CAACR,EAAE,GAAG,EAAE,CAAC;IACxB;IACA,OAAO,CAACI,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAI,GAAG,EAAEI,QAAQ,CAAC,EAAE,CAAC;EACvD,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/SideMenu/SideMenu.cjs

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

package/dist/SideMenu/SideMenu.js

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["size", "className"];
 var _templateObject;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import styled from 'styled-components';
 import { SideMenuHeader } from './SideMenuHeader';

package/dist/SideMenu/SideMenu.js.map

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

package/dist/SideMenu/SideMenuBody.cjs

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

package/dist/SideMenu/SideMenuBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuBody.cjs","names":["Wrapper","styled","div","ScrollableContainer","scrollBarStyling","Size","Small","SideMenuBody","props","React","useState","scrollable","setScrollable","useDimensionsRef","updateOnResize","ref","dimensions","node","useEffect","clientHeight","scrollHeight","children"],"sources":["../../src/SideMenu/SideMenuBody.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {scrollBarStyling} from '../styles';\r\nimport {Size} from '../types';\r\nimport {useDimensionsRef} from 'rooks';\r\n\r\nconst Wrapper = styled.div`\r\n  padding: 8px 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 6px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\n\r\nexport const SideMenuBody = (props: SideMenuProps) => {\r\n  const [scrollable, setScrollable] = React.useState(false);\r\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\r\n\r\n  React.useEffect(() => {\r\n    const clientHeight = node?.clientHeight ?? 0;\r\n    const scrollHeight = node?.scrollHeight ?? 0;\r\n    setScrollable(scrollHeight > clientHeight);\r\n  }, [dimensions, node, props.children]);\r\n\r\n  return (\r\n    <Wrapper>\r\n      <ScrollableContainer ref={ref as any}\r\n                           className={scrollable ? 'scrollable' : ''}>\r\n        {props.children}\r\n      </ScrollableContainer>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAAuC;AAAA;AAEvC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,4NAQzB;AAED,IAAMC,mBAAmB,GAAGF,yBAAM,CAACC,GAAG,oPAWlC,IAAAE,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAC/B;AAGM,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAoB,EAAK;EACpD,sBAAoCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAlDC,UAAU;IAAEC,aAAa;EAChC,wBAAgC,IAAAC,uBAAgB,EAAC;MAACC,cAAc,EAAE;IAAI,CAAC,CAAC;IAAA;IAAjEC,GAAG;IAAEC,UAAU;IAAEC,IAAI;EAE5BR,cAAK,CAACS,SAAS,CAAC,YAAM;IAAA;IACpB,IAAMC,YAAY,yBAAGF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,YAAY,mEAAI,CAAC;IAC5C,IAAMC,YAAY,yBAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,YAAY,mEAAI,CAAC;IAC5CR,aAAa,CAACQ,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACH,UAAU,EAAEC,IAAI,EAAET,KAAK,CAACa,QAAQ,CAAC,CAAC;EAEtC,oBACE,qBAAC,OAAO;IAAA,uBACN,qBAAC,mBAAmB;MAAC,GAAG,EAAEN,GAAW;MAChB,SAAS,EAAEJ,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,UAC5DH,KAAK,CAACa;IAAQ;EACK,EACd;AAEd,CAAC;AAAC"}
+{"version":3,"file":"SideMenuBody.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_types","_rooks","_jsxRuntime","_templateObject","_templateObject2","Wrapper","styled","div","_taggedTemplateLiteral2","ScrollableContainer","scrollBarStyling","Size","Small","SideMenuBody","props","_React$useState","React","useState","_React$useState2","_slicedToArray2","scrollable","setScrollable","_useDimensionsRef","useDimensionsRef","updateOnResize","_useDimensionsRef2","ref","dimensions","node","useEffect","_node$clientHeight","_node$scrollHeight","clientHeight","scrollHeight","children","jsx","className","exports"],"sources":["../../src/SideMenu/SideMenuBody.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {scrollBarStyling} from '../styles';\r\nimport {Size} from '../types';\r\nimport {useDimensionsRef} from 'rooks';\r\n\r\nconst Wrapper = styled.div`\r\n  padding: 8px 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 6px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\n\r\nexport const SideMenuBody = (props: SideMenuProps) => {\r\n  const [scrollable, setScrollable] = React.useState(false);\r\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\r\n\r\n  React.useEffect(() => {\r\n    const clientHeight = node?.clientHeight ?? 0;\r\n    const scrollHeight = node?.scrollHeight ?? 0;\r\n    setScrollable(scrollHeight > clientHeight);\r\n  }, [dimensions, node, props.children]);\r\n\r\n  return (\r\n    <Wrapper>\r\n      <ScrollableContainer ref={ref as any}\r\n                           className={scrollable ? 'scrollable' : ''}>\r\n        {props.children}\r\n      </ScrollableContainer>\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAuC,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,eAAA,EAAAC,gBAAA;AAEvC,IAAMC,OAAO,GAAGC,4BAAM,CAACC,GAAG,CAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,6JAQzB;AAED,IAAMC,mBAAmB,GAAGH,4BAAM,CAACC,GAAG,CAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,mLAWlC,IAAAE,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAC/B;AAGM,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAoB,EAAK;EACpD,IAAAC,eAAA,GAAoCC,iBAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAJ,eAAA;IAAlDK,UAAU,GAAAF,gBAAA;IAAEG,aAAa,GAAAH,gBAAA;EAChC,IAAAI,iBAAA,GAAgC,IAAAC,uBAAgB,EAAC;MAACC,cAAc,EAAE;IAAI,CAAC,CAAC;IAAAC,kBAAA,OAAAN,eAAA,aAAAG,iBAAA;IAAjEI,GAAG,GAAAD,kBAAA;IAAEE,UAAU,GAAAF,kBAAA;IAAEG,IAAI,GAAAH,kBAAA;EAE5BT,iBAAK,CAACa,SAAS,CAAC,YAAM;IAAA,IAAAC,kBAAA,EAAAC,kBAAA;IACpB,IAAMC,YAAY,IAAAF,kBAAA,GAAGF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,YAAY,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,CAAC;IAC5C,IAAMG,YAAY,IAAAF,kBAAA,GAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,YAAY,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,CAAC;IAC5CV,aAAa,CAACY,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,EAAE,CAACL,UAAU,EAAEC,IAAI,EAAEd,KAAK,CAACoB,QAAQ,CAAC,CAAC;EAEtC,oBACE,IAAAhC,WAAA,CAAAiC,GAAA,EAAC9B,OAAO;IAAA6B,QAAA,eACN,IAAAhC,WAAA,CAAAiC,GAAA,EAAC1B,mBAAmB;MAACiB,GAAG,EAAEA,GAAW;MAChBU,SAAS,EAAEhB,UAAU,GAAG,YAAY,GAAG,EAAG;MAAAc,QAAA,EAC5DpB,KAAK,CAACoB;IAAQ,CACI;EAAC,CACf,CAAC;AAEd,CAAC;AAACG,OAAA,CAAAxB,YAAA,GAAAA,YAAA","ignoreList":[]}

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.map

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

package/dist/SideMenu/SideMenuFooter.cjs

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

package/dist/SideMenu/SideMenuFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuFooter.cjs","names":["Wrapper","styled","div","props","COLORS","getColor","theme","ItemsContainer","ButtonsContainer","LogoContainer","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","SideMenuFooter","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AAKA;AACA;AACA;AAAqC;AAAA;AAAA;AAAA;AAErC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,uOAOA,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAC7E;AAED,IAAMC,cAAc,GAAGN,yBAAM,CAACC,GAAG,gMAMhC;AAED,IAAMM,gBAAgB,GAAGP,yBAAM,CAACC,GAAG,wTAgBlC;AAED,IAAMO,aAAa,GAAGR,yBAAM,CAACC,GAAG,sRAOV,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAExE;AAED,IAAMI,aAAa,GAAGT,yBAAM,CAACC,GAAG,gGAC5B,UAAAC,KAAK;EAAA,OAAI,IAAAQ,2BAAmB,EAACC,0BAAkB,CAACC,OAAO,EAAET,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EACxG;AAEM,IAAMQ,cAAc,GAAG,SAAjBA,cAAc,CAAIX,KAAoB,EAAK;EAAA;EAEtD,oBACE,sBAAC,OAAO;IAAA,WAEJ,CAAC,mBAACA,KAAK,CAACY,MAAM,iEAAZ,cAAcC,KAAK,gDAAnB,oBAAqBC,MAAM,kBAC7B,qBAAC,cAAc;MAAA,UACZd,KAAK,CAACY,MAAM,CAACC,KAAK,CAACE,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAClC,qBAAC,kBAAQ;UAAa,IAAI,EAAEjB,KAAK,CAACkB;QAAK,GAAKF,IAAI,GAAjCC,KAAK,CAA+B;MAAA;IACpD,EACc,EAGjB,CAAC,oBAACjB,KAAK,CAACY,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC/B,qBAAC,gBAAgB;MAAA,UAEbd,KAAK,CAACY,MAAM,CAACO,OAAO,CAACJ,GAAG,CAAC,UAACK,MAAM,EAAEH,KAAK;QAAA,oBACrC,qBAAC,cAAM;UAAa,IAAI,EAAEjB,KAAK,CAACkB;QAAK,GAAKE,MAAM;UAAA,UAC7CA,MAAM,CAACC;QAAK,IADFJ,KAAK,CAET;MAAA;IACV,EAEc,EAGnB,oBAACjB,KAAK,CAACY,MAAM,oEAAZ,eAAcO,OAAO,kDAArB,sBAAuBL,MAAM,kBAC9B,sBAAC,aAAa;MAAA,wBACZ,qBAAC,mBAAW;QAAC,MAAM,EAAE,MAAO;QAAC,KAAK,EAAE;MAAO,EAAE,eAC7C,qBAAC,aAAa;QAAA,4BAAEd,KAAK,CAACY,MAAM,mDAAZ,eAAcU;MAAI,EAAiB;IAAA,EACrC;EAAA,EAGV;AAEd,CAAC;AAAC"}
+{"version":3,"file":"SideMenuFooter.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_assets","_Button","_MenuItem","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","ItemsContainer","ButtonsContainer","LogoContainer","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","SideMenuFooter","_props$footer","_props$footer$items","_props$footer2","_props$footer2$button","_props$footer3","_props$footer3$button","_props$footer4","jsxs","children","footer","items","jsx","map","item","index","MenuItem","size","buttons","button","Button","label","LaerdalLogo","height","width","note","exports"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {SideMenuProps} from './types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentTextStyle,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {LaerdalLogo} from '../assets';\r\nimport {Button} from '../Button';\r\nimport {MenuItem} from '../MenuItem';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst ItemsContainer = styled.div`\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n`;\r\n\r\nconst ButtonsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-sizing: border-box;\r\n  padding: 8px 16px;\r\n  gap: 10px;\r\n  width: 100%;\r\n\r\n  button {\r\n    flex: 1;\r\n  }\r\n\r\n  .small & {\r\n    gap: 0;\r\n    flex-direction: column-reverse;\r\n  }\r\n`;\r\n\r\nconst LogoContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-sizing: border-box;\r\n  min-height: 80px;\r\n  padding: 8px 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  width: 100%;\r\n`;\r\n\r\nconst NoteContainer = styled.div`\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nexport const SideMenuFooter = (props: SideMenuProps) => {\r\n\r\n  return (\r\n    <Wrapper>\r\n      {\r\n        !!props.footer?.items?.length &&\r\n        <ItemsContainer>\r\n          {props.footer.items.map((item, index) =>\r\n            <MenuItem key={index} size={props.size} {...item}/>\r\n          )}\r\n        </ItemsContainer>\r\n      }\r\n      {\r\n        !!props.footer?.buttons?.length &&\r\n        <ButtonsContainer>\r\n          {\r\n            props.footer.buttons.map((button, index) =>\r\n              <Button key={index} size={props.size} {...button} >\r\n                {button.label}\r\n              </Button>\r\n            )\r\n          }\r\n        </ButtonsContainer>\r\n      }\r\n      {\r\n        !props.footer?.buttons?.length &&\r\n        <LogoContainer>\r\n          <LaerdalLogo height={'36px'} width={'66px'}/>\r\n          <NoteContainer>{props.footer?.note}</NoteContainer>\r\n        </LogoContainer>\r\n      }\r\n\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/SideMenu/SideMenuFooter.d.ts

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

package/dist/SideMenu/SideMenuFooter.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import styled from 'styled-components';
 import { COLORS, ComponentTextStyle, ComponentXXSStyling } from '../styles';

package/dist/SideMenu/SideMenuFooter.js.map

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

package/dist/SideMenu/SideMenuHeader.cjs

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