@laerdal/life-react-components 1.11.0-dev.10 → 1.11.0-dev.13

package/dist/SegmentControl/SegmentControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControl.cjs","names":["SegmentControlItemContent","styled","div","COLORS","neutral_600","SegmentControlItemBackground","neutral_20","SegmentControlItemWrapper","focusStyles","Z_INDEXES","hover","primary_100","primary_700","active","primary_200","primary_800","neutral_300","primary_500","white","neutral_100","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';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\n\nexport const SegmentControlItemContent = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  border-radius: 8px;\n  padding: 0 16px;\n\n  background-color: transparent;\n  color: ${COLORS.neutral_600};\n`\n\nexport const SegmentControlItemBackground = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${COLORS.neutral_20};\n  padding: 4px 0px;\n`;\n\nexport const SegmentControlItemWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  cursor: pointer;\n  min-height: 48px;\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &:hover {\n    z-index: ${Z_INDEXES.hover};\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:active {\n    z-index: ${Z_INDEXES.active};\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_200};\n      color: ${COLORS.primary_800};\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    ${SegmentControlItemContent} {\n      background-color: transparent;\n      color: ${COLORS.neutral_300};\n    }\n  }\n\n  &.selected {\n    cursor: default;\n    pointer-events: none;\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_500};\n      color: ${COLORS.white};\n    }\n  }\n\n  &.selected.disabled {\n    cursor: not-allowed;\n    pointer-events: unset;\n    \n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.neutral_100};\n      color: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nexport const SegmentControlWrapper = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  ${SegmentControlItemWrapper}:first-of-type {\n    ${SegmentControlItemBackground} {\n      border-bottom-left-radius: 12px;\n      border-top-left-radius: 12px;\n      padding-left: 4px;\n    }\n  }\n\n  ${SegmentControlItemWrapper}:last-of-type {\n    ${SegmentControlItemBackground} {\n      border-bottom-right-radius: 12px;\n      border-top-right-radius: 12px;\n      padding-right: 4px;\n    }\n  }\n\n\n  &.small {\n    ${SegmentControlItemContent} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n      min-height: 32px;\n    }\n  }\n\n  &.medium {\n    ${SegmentControlItemContent} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n      min-height: 40px;\n    }\n  }\n`;\n\n\nexport interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\n  key: string\n  disabled?: boolean;\n  content: React.ReactNode | string;\n}\n\ninterface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: SegmentControlItem[];\n  selected: string;\n  onChange: (value: string) => void;\n  size?: Size.Small | Size.Medium;\n}\n\nconst SegmentControl: React.FunctionComponent<SegmentControlProps> = ({\n                                                                        items,\n                                                                        size = Size.Medium,\n                                                                        onChange,\n                                                                        selected,\n                                                                        className,\n                                                                        ...rest\n                                                                      }) => {\n  const onKeyPress = (e: React.KeyboardEvent<HTMLDivElement>, item: SegmentControlItem) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      //@ts-ignore\n      document?.activeElement?.blur();\n      !item.disabled && onChange(item.key);\n    }\n  };\n\n  const onClick = (e: React.MouseEvent, item: SegmentControlItem) => {\n    !item.disabled && onChange(item.key);\n  }\n\n  return (\n    <SegmentControlWrapper className={`${size} ${className || ''}`} {...rest}>\n      {items.map((a, i) => {\n        const {key, disabled, content, className, ...rest} = a;\n        return <SegmentControlItemWrapper key={a.key || i}\n                                          className={(className || '') + (a.disabled ? 'disabled' : '') + (a.key === selected ? ' selected' : '')}\n                                          tabIndex={a.disabled || a.key === selected ? -1 : 0}\n                                          onClick={a.disabled ? undefined : (e) => onClick(e, a)}\n                                          onMouseDown={defaultOnMouseDownHandler}\n                                          onKeyPress={a.disabled ? undefined : (e) => onKeyPress(e, a)}\n                                          {...rest}>\n          <SegmentControlItemBackground>\n            <SegmentControlItemContent>\n              {a.content}\n            </SegmentControlItemContent>\n          </SegmentControlItemBackground>\n        </SegmentControlItemWrapper>;\n      })\n      }\n    </SegmentControlWrapper>\n  );\n};\n\nexport default SegmentControl;\n"],"mappings":"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"}
+{"version":3,"sources":["../../src/SegmentControl/SegmentControl.tsx"],"names":["SegmentControlItemContent","styled","div","COLORS","neutral_600","SegmentControlItemBackground","neutral_20","SegmentControlItemWrapper","focusStyles","Z_INDEXES","hover","primary_100","primary_700","active","primary_200","primary_800","neutral_300","primary_500","white","neutral_100","SegmentControlWrapper","ComponentTextStyle","Bold","SegmentControl","items","size","Size","Medium","onChange","selected","className","rest","onKeyPress","e","item","key","document","activeElement","blur","disabled","onClick","map","a","i","content","undefined","defaultOnMouseDownHandler"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\n\nexport const SegmentControlItemContent = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  border-radius: 8px;\n  padding: 0 16px;\n\n  background-color: transparent;\n  color: ${COLORS.neutral_600};\n`\n\nexport const SegmentControlItemBackground = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${COLORS.neutral_20};\n  padding: 4px 0px;\n`;\n\nexport const SegmentControlItemWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  cursor: pointer;\n  min-height: 48px;\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &:hover {\n    z-index: ${Z_INDEXES.hover};\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:active {\n    z-index: ${Z_INDEXES.active};\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_200};\n      color: ${COLORS.primary_800};\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    ${SegmentControlItemContent} {\n      background-color: transparent;\n      color: ${COLORS.neutral_300};\n    }\n  }\n\n  &.selected {\n    cursor: default;\n    pointer-events: none;\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_500};\n      color: ${COLORS.white};\n    }\n  }\n\n  &.selected.disabled {\n    cursor: not-allowed;\n    pointer-events: unset;\n    \n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.neutral_100};\n      color: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nexport const SegmentControlWrapper = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  ${SegmentControlItemWrapper}:first-of-type {\n    ${SegmentControlItemBackground} {\n      border-bottom-left-radius: 12px;\n      border-top-left-radius: 12px;\n      padding-left: 4px;\n    }\n  }\n\n  ${SegmentControlItemWrapper}:last-of-type {\n    ${SegmentControlItemBackground} {\n      border-bottom-right-radius: 12px;\n      border-top-right-radius: 12px;\n      padding-right: 4px;\n    }\n  }\n\n\n  &.small {\n    ${SegmentControlItemContent} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n      min-height: 32px;\n    }\n  }\n\n  &.medium {\n    ${SegmentControlItemContent} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n      min-height: 40px;\n    }\n  }\n`;\n\n\nexport interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\n  key: string\n  disabled?: boolean;\n  content: React.ReactNode | string;\n}\n\ninterface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: SegmentControlItem[];\n  selected: string;\n  onChange: (value: string) => void;\n  size?: Size.Small | Size.Medium;\n}\n\nconst SegmentControl: React.FunctionComponent<SegmentControlProps> = ({\n                                                                        items,\n                                                                        size = Size.Medium,\n                                                                        onChange,\n                                                                        selected,\n                                                                        className,\n                                                                        ...rest\n                                                                      }) => {\n  const onKeyPress = (e: React.KeyboardEvent<HTMLDivElement>, item: SegmentControlItem) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      //@ts-ignore\n      document?.activeElement?.blur();\n      !item.disabled && onChange(item.key);\n    }\n  };\n\n  const onClick = (e: React.MouseEvent, item: SegmentControlItem) => {\n    !item.disabled && onChange(item.key);\n  }\n\n  return (\n    <SegmentControlWrapper className={`${size} ${className || ''}`} {...rest}>\n      {items.map((a, i) => {\n        const {key, disabled, content, className, ...rest} = a;\n        return <SegmentControlItemWrapper key={a.key || i}\n                                          className={(className || '') + (a.disabled ? 'disabled' : '') + (a.key === selected ? ' selected' : '')}\n                                          tabIndex={a.disabled || a.key === selected ? -1 : 0}\n                                          onClick={a.disabled ? undefined : (e) => onClick(e, a)}\n                                          onMouseDown={defaultOnMouseDownHandler}\n                                          onKeyPress={a.disabled ? undefined : (e) => onKeyPress(e, a)}\n                                          {...rest}>\n          <SegmentControlItemBackground>\n            <SegmentControlItemContent>\n              {a.content}\n            </SegmentControlItemContent>\n          </SegmentControlItemBackground>\n        </SegmentControlItemWrapper>;\n      })\n      }\n    </SegmentControlWrapper>\n  );\n};\n\nexport default SegmentControl;\n"],"file":"SegmentControl.cjs"}

package/dist/SegmentControl/SegmentControl.js

@@ -7,9 +7,9 @@ var _excluded = ["items", "size", "onChange", "selected", "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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import React from 'react';
 import { Size } from '../types';

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","neutral_600","SegmentControlItemBackground","neutral_20","SegmentControlItemWrapper","hover","primary_100","primary_700","active","primary_200","primary_800","neutral_300","primary_500","white","neutral_100","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';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\n\nexport const SegmentControlItemContent = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  border-radius: 8px;\n  padding: 0 16px;\n\n  background-color: transparent;\n  color: ${COLORS.neutral_600};\n`\n\nexport const SegmentControlItemBackground = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${COLORS.neutral_20};\n  padding: 4px 0px;\n`;\n\nexport const SegmentControlItemWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  cursor: pointer;\n  min-height: 48px;\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &:hover {\n    z-index: ${Z_INDEXES.hover};\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:active {\n    z-index: ${Z_INDEXES.active};\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_200};\n      color: ${COLORS.primary_800};\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    ${SegmentControlItemContent} {\n      background-color: transparent;\n      color: ${COLORS.neutral_300};\n    }\n  }\n\n  &.selected {\n    cursor: default;\n    pointer-events: none;\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_500};\n      color: ${COLORS.white};\n    }\n  }\n\n  &.selected.disabled {\n    cursor: not-allowed;\n    pointer-events: unset;\n    \n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.neutral_100};\n      color: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nexport const SegmentControlWrapper = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  ${SegmentControlItemWrapper}:first-of-type {\n    ${SegmentControlItemBackground} {\n      border-bottom-left-radius: 12px;\n      border-top-left-radius: 12px;\n      padding-left: 4px;\n    }\n  }\n\n  ${SegmentControlItemWrapper}:last-of-type {\n    ${SegmentControlItemBackground} {\n      border-bottom-right-radius: 12px;\n      border-top-right-radius: 12px;\n      padding-right: 4px;\n    }\n  }\n\n\n  &.small {\n    ${SegmentControlItemContent} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n      min-height: 32px;\n    }\n  }\n\n  &.medium {\n    ${SegmentControlItemContent} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n      min-height: 40px;\n    }\n  }\n`;\n\n\nexport interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\n  key: string\n  disabled?: boolean;\n  content: React.ReactNode | string;\n}\n\ninterface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: SegmentControlItem[];\n  selected: string;\n  onChange: (value: string) => void;\n  size?: Size.Small | Size.Medium;\n}\n\nconst SegmentControl: React.FunctionComponent<SegmentControlProps> = ({\n                                                                        items,\n                                                                        size = Size.Medium,\n                                                                        onChange,\n                                                                        selected,\n                                                                        className,\n                                                                        ...rest\n                                                                      }) => {\n  const onKeyPress = (e: React.KeyboardEvent<HTMLDivElement>, item: SegmentControlItem) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      //@ts-ignore\n      document?.activeElement?.blur();\n      !item.disabled && onChange(item.key);\n    }\n  };\n\n  const onClick = (e: React.MouseEvent, item: SegmentControlItem) => {\n    !item.disabled && onChange(item.key);\n  }\n\n  return (\n    <SegmentControlWrapper className={`${size} ${className || ''}`} {...rest}>\n      {items.map((a, i) => {\n        const {key, disabled, content, className, ...rest} = a;\n        return <SegmentControlItemWrapper key={a.key || i}\n                                          className={(className || '') + (a.disabled ? 'disabled' : '') + (a.key === selected ? ' selected' : '')}\n                                          tabIndex={a.disabled || a.key === selected ? -1 : 0}\n                                          onClick={a.disabled ? undefined : (e) => onClick(e, a)}\n                                          onMouseDown={defaultOnMouseDownHandler}\n                                          onKeyPress={a.disabled ? undefined : (e) => onKeyPress(e, a)}\n                                          {...rest}>\n          <SegmentControlItemBackground>\n            <SegmentControlItemContent>\n              {a.content}\n            </SegmentControlItemContent>\n          </SegmentControlItemBackground>\n        </SegmentControlItemWrapper>;\n      })\n      }\n    </SegmentControlWrapper>\n  );\n};\n\nexport default SegmentControl;\n"],"mappings":"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"}
+{"version":3,"sources":["../../src/SegmentControl/SegmentControl.tsx"],"names":["React","Size","styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","SegmentControlItemContent","div","neutral_600","SegmentControlItemBackground","neutral_20","SegmentControlItemWrapper","hover","primary_100","primary_700","active","primary_200","primary_800","neutral_300","primary_500","white","neutral_100","SegmentControlWrapper","Bold","SegmentControl","items","size","Medium","onChange","selected","className","rest","onKeyPress","e","item","key","document","activeElement","blur","disabled","onClick","map","a","i","content","undefined"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\n\nexport const SegmentControlItemContent = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  border-radius: 8px;\n  padding: 0 16px;\n\n  background-color: transparent;\n  color: ${COLORS.neutral_600};\n`\n\nexport const SegmentControlItemBackground = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${COLORS.neutral_20};\n  padding: 4px 0px;\n`;\n\nexport const SegmentControlItemWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  cursor: pointer;\n  min-height: 48px;\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &:hover {\n    z-index: ${Z_INDEXES.hover};\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:active {\n    z-index: ${Z_INDEXES.active};\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_200};\n      color: ${COLORS.primary_800};\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    ${SegmentControlItemContent} {\n      background-color: transparent;\n      color: ${COLORS.neutral_300};\n    }\n  }\n\n  &.selected {\n    cursor: default;\n    pointer-events: none;\n\n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.primary_500};\n      color: ${COLORS.white};\n    }\n  }\n\n  &.selected.disabled {\n    cursor: not-allowed;\n    pointer-events: unset;\n    \n    ${SegmentControlItemContent} {\n      background-color: ${COLORS.neutral_100};\n      color: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nexport const SegmentControlWrapper = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  ${SegmentControlItemWrapper}:first-of-type {\n    ${SegmentControlItemBackground} {\n      border-bottom-left-radius: 12px;\n      border-top-left-radius: 12px;\n      padding-left: 4px;\n    }\n  }\n\n  ${SegmentControlItemWrapper}:last-of-type {\n    ${SegmentControlItemBackground} {\n      border-bottom-right-radius: 12px;\n      border-top-right-radius: 12px;\n      padding-right: 4px;\n    }\n  }\n\n\n  &.small {\n    ${SegmentControlItemContent} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n      min-height: 32px;\n    }\n  }\n\n  &.medium {\n    ${SegmentControlItemContent} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n      min-height: 40px;\n    }\n  }\n`;\n\n\nexport interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {\n  key: string\n  disabled?: boolean;\n  content: React.ReactNode | string;\n}\n\ninterface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: SegmentControlItem[];\n  selected: string;\n  onChange: (value: string) => void;\n  size?: Size.Small | Size.Medium;\n}\n\nconst SegmentControl: React.FunctionComponent<SegmentControlProps> = ({\n                                                                        items,\n                                                                        size = Size.Medium,\n                                                                        onChange,\n                                                                        selected,\n                                                                        className,\n                                                                        ...rest\n                                                                      }) => {\n  const onKeyPress = (e: React.KeyboardEvent<HTMLDivElement>, item: SegmentControlItem) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      //@ts-ignore\n      document?.activeElement?.blur();\n      !item.disabled && onChange(item.key);\n    }\n  };\n\n  const onClick = (e: React.MouseEvent, item: SegmentControlItem) => {\n    !item.disabled && onChange(item.key);\n  }\n\n  return (\n    <SegmentControlWrapper className={`${size} ${className || ''}`} {...rest}>\n      {items.map((a, i) => {\n        const {key, disabled, content, className, ...rest} = a;\n        return <SegmentControlItemWrapper key={a.key || i}\n                                          className={(className || '') + (a.disabled ? 'disabled' : '') + (a.key === selected ? ' selected' : '')}\n                                          tabIndex={a.disabled || a.key === selected ? -1 : 0}\n                                          onClick={a.disabled ? undefined : (e) => onClick(e, a)}\n                                          onMouseDown={defaultOnMouseDownHandler}\n                                          onKeyPress={a.disabled ? undefined : (e) => onKeyPress(e, a)}\n                                          {...rest}>\n          <SegmentControlItemBackground>\n            <SegmentControlItemContent>\n              {a.content}\n            </SegmentControlItemContent>\n          </SegmentControlItemBackground>\n        </SegmentControlItemWrapper>;\n      })\n      }\n    </SegmentControlWrapper>\n  );\n};\n\nexport default SegmentControl;\n"],"file":"SegmentControl.js"}

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

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} from './SegmentControl'\n\nexport type {SegmentControlItem}\nexport {SegmentControl}\n"],"mappings":"AAAA,SAA4BA,OAAO,IAAIC,cAAvC,QAA4D,kBAA5D;AAGA,SAAQA,cAAR"}
+{"version":3,"sources":["../../src/SegmentControl/index.ts"],"names":["default","SegmentControl"],"mappings":"AAAA,SAA4BA,OAAO,IAAIC,cAAvC,QAA4D,kBAA5D;AAGA,SAAQA,cAAR","sourcesContent":["import {SegmentControlItem, default as SegmentControl} from './SegmentControl'\n\nexport type {SegmentControlItem}\nexport {SegmentControl}\n"],"file":"index.js"}

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() {\n  let dt = new Date().getTime();\n  // eslint-disable-next-line func-names\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n    // eslint-disable-next-line no-bitwise\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    // eslint-disable-next-line no-bitwise\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\n  });\n}\n"],"mappings":";;;;;;;AAAO,SAASA,UAAT,GAAsB;EAC3B,IAAIC,EAAE,GAAG,IAAIC,IAAJ,GAAWC,OAAX,EAAT,CAD2B,CAE3B;;EACA,OAAO,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAASC,CAAT,EAAY;IACzE;IACA,IAAMC,CAAC,GAAG,CAACL,EAAE,GAAGM,IAAI,CAACC,MAAL,KAAgB,EAAtB,IAA4B,EAA5B,GAAiC,CAA3C;IACAP,EAAE,GAAGM,IAAI,CAACE,KAAL,CAAWR,EAAE,GAAG,EAAhB,CAAL,CAHyE,CAIzE;;IACA,OAAO,CAACI,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAL,GAAY,GAA7B,EAAkCI,QAAlC,CAA2C,EAA3C,CAAP;EACD,CANM,CAAP;AAOD"}
+{"version":3,"sources":["../../src/Services/functions.ts"],"names":["createUUID","dt","Date","getTime","replace","c","r","Math","random","floor","toString"],"mappings":";;;;;;;AAAO,SAASA,UAAT,GAAsB;AAC3B,MAAIC,EAAE,GAAG,IAAIC,IAAJ,GAAWC,OAAX,EAAT,CAD2B,CAE3B;;AACA,SAAO,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAASC,CAAT,EAAY;AACzE;AACA,QAAMC,CAAC,GAAG,CAACL,EAAE,GAAGM,IAAI,CAACC,MAAL,KAAgB,EAAtB,IAA4B,EAA5B,GAAiC,CAA3C;AACAP,IAAAA,EAAE,GAAGM,IAAI,CAACE,KAAL,CAAWR,EAAE,GAAG,EAAhB,CAAL,CAHyE,CAIzE;;AACA,WAAO,CAACI,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAL,GAAY,GAA7B,EAAkCI,QAAlC,CAA2C,EAA3C,CAAP;AACD,GANM,CAAP;AAOD","sourcesContent":["export function createUUID() {\n  let dt = new Date().getTime();\n  // eslint-disable-next-line func-names\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n    // eslint-disable-next-line no-bitwise\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    // eslint-disable-next-line no-bitwise\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\n  });\n}\n"],"file":"functions.cjs"}

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() {\n  let dt = new Date().getTime();\n  // eslint-disable-next-line func-names\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n    // eslint-disable-next-line no-bitwise\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    // eslint-disable-next-line no-bitwise\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\n  });\n}\n"],"mappings":"AAAA,OAAO,SAASA,UAAT,GAAsB;EAC3B,IAAIC,EAAE,GAAG,IAAIC,IAAJ,GAAWC,OAAX,EAAT,CAD2B,CAE3B;;EACA,OAAO,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAASC,CAAT,EAAY;IACzE;IACA,IAAMC,CAAC,GAAG,CAACL,EAAE,GAAGM,IAAI,CAACC,MAAL,KAAgB,EAAtB,IAA4B,EAA5B,GAAiC,CAA3C;IACAP,EAAE,GAAGM,IAAI,CAACE,KAAL,CAAWR,EAAE,GAAG,EAAhB,CAAL,CAHyE,CAIzE;;IACA,OAAO,CAACI,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAL,GAAY,GAA7B,EAAkCI,QAAlC,CAA2C,EAA3C,CAAP;EACD,CANM,CAAP;AAOD"}
+{"version":3,"sources":["../../src/Services/functions.ts"],"names":["createUUID","dt","Date","getTime","replace","c","r","Math","random","floor","toString"],"mappings":"AAAA,OAAO,SAASA,UAAT,GAAsB;AAC3B,MAAIC,EAAE,GAAG,IAAIC,IAAJ,GAAWC,OAAX,EAAT,CAD2B,CAE3B;;AACA,SAAO,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAASC,CAAT,EAAY;AACzE;AACA,QAAMC,CAAC,GAAG,CAACL,EAAE,GAAGM,IAAI,CAACC,MAAL,KAAgB,EAAtB,IAA4B,EAA5B,GAAiC,CAA3C;AACAP,IAAAA,EAAE,GAAGM,IAAI,CAACE,KAAL,CAAWR,EAAE,GAAG,EAAhB,CAAL,CAHyE,CAIzE;;AACA,WAAO,CAACI,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAL,GAAY,GAA7B,EAAkCI,QAAlC,CAA2C,EAA3C,CAAP;AACD,GANM,CAAP;AAOD","sourcesContent":["export function createUUID() {\n  let dt = new Date().getTime();\n  // eslint-disable-next-line func-names\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n    // eslint-disable-next-line no-bitwise\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    // eslint-disable-next-line no-bitwise\n    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\n  });\n}\n"],"file":"functions.js"}

package/dist/SideMenu/SideMenu.cjs

@@ -33,9 +33,9 @@ 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n  background: ", ";\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ", ";\n\n  &.small {\n    min-width: 320px;\n  }\n\n  &.medium {\n    min-width: 400px;\n  }\n\n  &.large {\n    min-width: 480px;\n  }\n"])), _styles.Z_INDEXES.off_canvas, _styles.COLORS.white, _styles.BOXSHADOWS.BOXSHADOW_CENTERED);
 

package/dist/SideMenu/SideMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","COLORS","white","BOXSHADOWS","BOXSHADOW_CENTERED","SideMenu","props","size","Size","Medium","className","rest","footer"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {SideMenuProps} from './types';\nimport {SideMenuHeader} from './SideMenuHeader';\nimport {SideMenuFooter} from './SideMenuFooter';\nimport {SideMenuBody} from './SideMenuBody';\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\nimport {Size} from '../types';\n\nconst Wrapper = styled.div`\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n  background: ${COLORS.white};\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n\n  &.small {\n    min-width: 320px;\n  }\n\n  &.medium {\n    min-width: 400px;\n  }\n\n  &.large {\n    min-width: 480px;\n  }\n`;\n\n\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\n  const {size = Size.Medium, className, ...rest} = props;\n\n  return (\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\n      <SideMenuHeader {...props} />\n      <SideMenuBody {...props}/>\n      {props.footer && <SideMenuFooter {...props}/>}\n    </Wrapper>\n  );\n}\n\nexport default SideMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,wYACAC,iBAAA,CAAUC,UADV,EAIGC,cAAA,CAAOC,KAJV,EAUGC,kBAAA,CAAWC,kBAVd,CAAb;;AA0BA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,CAACC,KAAD,EAAW;EAClE,kBAAiDA,KAAjD,CAAOC,IAAP;EAAA,IAAOA,IAAP,4BAAcC,WAAA,CAAKC,MAAnB;EAAA,IAA2BC,SAA3B,GAAiDJ,KAAjD,CAA2BI,SAA3B;EAAA,IAAyCC,IAAzC,0CAAiDL,KAAjD;EAEA,oBACE,sBAAC,OAAD;IAAS,SAAS,YAAKC,IAAL,cAAaG,SAAS,IAAI,EAA1B;EAAlB,GAAsDC,IAAtD;IAAA,wBACE,qBAAC,8BAAD,oBAAoBL,KAApB,EADF,eAEE,qBAAC,0BAAD,oBAAkBA,KAAlB,EAFF,EAGGA,KAAK,CAACM,MAAN,iBAAgB,qBAAC,8BAAD,oBAAoBN,KAApB,EAHnB;EAAA,GADF;AAOD,CAVD;;eAYeD,Q"}
+{"version":3,"sources":["../../src/SideMenu/SideMenu.tsx"],"names":["Wrapper","styled","div","Z_INDEXES","off_canvas","COLORS","white","BOXSHADOWS","BOXSHADOW_CENTERED","SideMenu","props","size","Size","Medium","className","rest","footer"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,wYACAC,kBAAUC,UADV,EAIGC,eAAOC,KAJV,EAUGC,mBAAWC,kBAVd,CAAb;;AA0BA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,CAACC,KAAD,EAAW;AAClE,oBAAiDA,KAAjD,CAAOC,IAAP;AAAA,MAAOA,IAAP,4BAAcC,YAAKC,MAAnB;AAAA,MAA2BC,SAA3B,GAAiDJ,KAAjD,CAA2BI,SAA3B;AAAA,MAAyCC,IAAzC,0CAAiDL,KAAjD;AAEA,sBACE,sBAAC,OAAD;AAAS,IAAA,SAAS,YAAKC,IAAL,cAAaG,SAAS,IAAI,EAA1B;AAAlB,KAAsDC,IAAtD;AAAA,4BACE,qBAAC,8BAAD,oBAAoBL,KAApB,EADF,eAEE,qBAAC,0BAAD,oBAAkBA,KAAlB,EAFF,EAGGA,KAAK,CAACM,MAAN,iBAAgB,qBAAC,8BAAD,oBAAoBN,KAApB,EAHnB;AAAA,KADF;AAOD,CAVD;;eAYeD,Q","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {SideMenuProps} from './types';\nimport {SideMenuHeader} from './SideMenuHeader';\nimport {SideMenuFooter} from './SideMenuFooter';\nimport {SideMenuBody} from './SideMenuBody';\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\nimport {Size} from '../types';\n\nconst Wrapper = styled.div`\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n  background: ${COLORS.white};\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n\n  &.small {\n    min-width: 320px;\n  }\n\n  &.medium {\n    min-width: 400px;\n  }\n\n  &.large {\n    min-width: 480px;\n  }\n`;\n\n\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\n  const {size = Size.Medium, className, ...rest} = props;\n\n  return (\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\n      <SideMenuHeader {...props} />\n      <SideMenuBody {...props}/>\n      {props.footer && <SideMenuFooter {...props}/>}\n    </Wrapper>\n  );\n}\n\nexport default SideMenu;\n"],"file":"SideMenu.cjs"}

package/dist/SideMenu/SideMenu.js

@@ -5,9 +5,9 @@ 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import React from 'react';
 import styled from 'styled-components';

package/dist/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","names":["React","styled","SideMenuHeader","SideMenuFooter","SideMenuBody","BOXSHADOWS","COLORS","Z_INDEXES","Size","Wrapper","div","off_canvas","white","BOXSHADOW_CENTERED","SideMenu","props","size","Medium","className","rest","footer"],"sources":["../../src/SideMenu/SideMenu.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {SideMenuProps} from './types';\nimport {SideMenuHeader} from './SideMenuHeader';\nimport {SideMenuFooter} from './SideMenuFooter';\nimport {SideMenuBody} from './SideMenuBody';\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\nimport {Size} from '../types';\n\nconst Wrapper = styled.div`\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n  background: ${COLORS.white};\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n\n  &.small {\n    min-width: 320px;\n  }\n\n  &.medium {\n    min-width: 400px;\n  }\n\n  &.large {\n    min-width: 480px;\n  }\n`;\n\n\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\n  const {size = Size.Medium, className, ...rest} = props;\n\n  return (\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\n      <SideMenuHeader {...props} />\n      <SideMenuBody {...props}/>\n      {props.footer && <SideMenuFooter {...props}/>}\n    </Wrapper>\n  );\n}\n\nexport default SideMenu;\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAAQC,cAAR,QAA6B,kBAA7B;AACA,SAAQC,cAAR,QAA6B,kBAA7B;AACA,SAAQC,YAAR,QAA2B,gBAA3B;AACA,SAAQC,UAAR,EAAoBC,MAApB,EAA4BC,SAA5B,QAA4C,WAA5C;AACA,SAAQC,IAAR,QAAmB,UAAnB;;;AAEA,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAV,0XACAH,SAAS,CAACI,UADV,EAIGL,MAAM,CAACM,KAJV,EAUGP,UAAU,CAACQ,kBAVd,CAAb;;AA0BA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,CAACC,KAAD,EAAW;EAClE,kBAAiDA,KAAjD,CAAOC,IAAP;EAAA,IAAOA,IAAP,4BAAcR,IAAI,CAACS,MAAnB;EAAA,IAA2BC,SAA3B,GAAiDH,KAAjD,CAA2BG,SAA3B;EAAA,IAAyCC,IAAzC,4BAAiDJ,KAAjD;;EAEA,oBACE,MAAC,OAAD;IAAS,SAAS,YAAKC,IAAL,cAAaE,SAAS,IAAI,EAA1B;EAAlB,GAAsDC,IAAtD;IAAA,wBACE,KAAC,cAAD,oBAAoBJ,KAApB,EADF,eAEE,KAAC,YAAD,oBAAkBA,KAAlB,EAFF,EAGGA,KAAK,CAACK,MAAN,iBAAgB,KAAC,cAAD,oBAAoBL,KAApB,EAHnB;EAAA,GADF;AAOD,CAVD;;AAYA,eAAeD,QAAf"}
+{"version":3,"sources":["../../src/SideMenu/SideMenu.tsx"],"names":["React","styled","SideMenuHeader","SideMenuFooter","SideMenuBody","BOXSHADOWS","COLORS","Z_INDEXES","Size","Wrapper","div","off_canvas","white","BOXSHADOW_CENTERED","SideMenu","props","size","Medium","className","rest","footer"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAAQC,cAAR,QAA6B,kBAA7B;AACA,SAAQC,cAAR,QAA6B,kBAA7B;AACA,SAAQC,YAAR,QAA2B,gBAA3B;AACA,SAAQC,UAAR,EAAoBC,MAApB,EAA4BC,SAA5B,QAA4C,WAA5C;AACA,SAAQC,IAAR,QAAmB,UAAnB;;;AAEA,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAV,0XACAH,SAAS,CAACI,UADV,EAIGL,MAAM,CAACM,KAJV,EAUGP,UAAU,CAACQ,kBAVd,CAAb;;AA0BA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,CAACC,KAAD,EAAW;AAClE,oBAAiDA,KAAjD,CAAOC,IAAP;AAAA,MAAOA,IAAP,4BAAcR,IAAI,CAACS,MAAnB;AAAA,MAA2BC,SAA3B,GAAiDH,KAAjD,CAA2BG,SAA3B;AAAA,MAAyCC,IAAzC,4BAAiDJ,KAAjD;;AAEA,sBACE,MAAC,OAAD;AAAS,IAAA,SAAS,YAAKC,IAAL,cAAaE,SAAS,IAAI,EAA1B;AAAlB,KAAsDC,IAAtD;AAAA,4BACE,KAAC,cAAD,oBAAoBJ,KAApB,EADF,eAEE,KAAC,YAAD,oBAAkBA,KAAlB,EAFF,EAGGA,KAAK,CAACK,MAAN,iBAAgB,KAAC,cAAD,oBAAoBL,KAApB,EAHnB;AAAA,KADF;AAOD,CAVD;;AAYA,eAAeD,QAAf","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {SideMenuProps} from './types';\nimport {SideMenuHeader} from './SideMenuHeader';\nimport {SideMenuFooter} from './SideMenuFooter';\nimport {SideMenuBody} from './SideMenuBody';\nimport {BOXSHADOWS, COLORS, Z_INDEXES} from '../styles';\nimport {Size} from '../types';\n\nconst Wrapper = styled.div`\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n  background: ${COLORS.white};\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n\n  &.small {\n    min-width: 320px;\n  }\n\n  &.medium {\n    min-width: 400px;\n  }\n\n  &.large {\n    min-width: 480px;\n  }\n`;\n\n\nconst SideMenu: React.FunctionComponent<SideMenuProps> = (props) => {\n  const {size = Size.Medium, className, ...rest} = props;\n\n  return (\n    <Wrapper className={`${size} ${className || ''}`} {...rest}>\n      <SideMenuHeader {...props} />\n      <SideMenuBody {...props}/>\n      {props.footer && <SideMenuFooter {...props}/>}\n    </Wrapper>\n  );\n}\n\nexport default SideMenu;\n"],"file":"SideMenu.js"}

package/dist/SideMenu/SideMenuBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuBody.cjs","names":["Wrapper","styled","div","ScrollableContainer","scrollBarStyling","Size","Small","SideMenuBody","props","React","useState","scrollable","setScrollable","useDimensionsRef","updateOnResize","ref","dimensions","node","useEffect","clientHeight","scrollHeight","children"],"sources":["../../src/SideMenu/SideMenuBody.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\nimport {Size} from '../types';\nimport {useDimensionsRef} from 'rooks';\n\nconst Wrapper = styled.div`\n  padding: 8px 0;\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst ScrollableContainer = styled.div`\n  flex: 1;\n  display: flex;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 6px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\n\nexport const SideMenuBody = (props: SideMenuProps) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, props.children]);\n\n  return (\n    <Wrapper>\n      <ScrollableContainer ref={ref as any}\n                           className={scrollable ? 'scrollable' : ''}>\n        {props.children}\n      </ScrollableContainer>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,4NAAb;;AAUA,IAAMC,mBAAmB,GAAGF,yBAAA,CAAOC,GAAV,oPAWrB,IAAAE,wBAAA,EAAiBC,WAAA,CAAKC,KAAtB,CAXqB,CAAzB;;AAeO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0B;EACpD,sBAAoCC,cAAA,CAAMC,QAAN,CAAe,KAAf,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,wBAAgC,IAAAC,uBAAA,EAAiB;IAACC,cAAc,EAAE;EAAjB,CAAjB,CAAhC;EAAA;EAAA,IAAOC,GAAP;EAAA,IAAYC,UAAZ;EAAA,IAAwBC,IAAxB;;EAEAR,cAAA,CAAMS,SAAN,CAAgB,YAAM;IAAA;;IACpB,IAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;IACA,IAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;IACAR,aAAa,CAACQ,YAAY,GAAGD,YAAhB,CAAb;EACD,CAJD,EAIG,CAACH,UAAD,EAAaC,IAAb,EAAmBT,KAAK,CAACa,QAAzB,CAJH;;EAMA,oBACE,qBAAC,OAAD;IAAA,uBACE,qBAAC,mBAAD;MAAqB,GAAG,EAAEN,GAA1B;MACqB,SAAS,EAAEJ,UAAU,GAAG,YAAH,GAAkB,EAD5D;MAAA,UAEGH,KAAK,CAACa;IAFT;EADF,EADF;AAQD,CAlBM"}
+{"version":3,"sources":["../../src/SideMenu/SideMenuBody.tsx"],"names":["Wrapper","styled","div","ScrollableContainer","Size","Small","SideMenuBody","props","React","useState","scrollable","setScrollable","updateOnResize","ref","dimensions","node","useEffect","clientHeight","scrollHeight","children"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,4NAAb;;AAUA,IAAMC,mBAAmB,GAAGF,0BAAOC,GAAV,oPAWrB,8BAAiBE,YAAKC,KAAtB,CAXqB,CAAzB;;AAeO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0B;AACpD,wBAAoCC,eAAMC,QAAN,CAAe,KAAf,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,0BAAgC,6BAAiB;AAACC,IAAAA,cAAc,EAAE;AAAjB,GAAjB,CAAhC;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,UAAZ;AAAA,MAAwBC,IAAxB;;AAEAP,iBAAMQ,SAAN,CAAgB,YAAM;AAAA;;AACpB,QAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;AACA,QAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;AACAP,IAAAA,aAAa,CAACO,YAAY,GAAGD,YAAhB,CAAb;AACD,GAJD,EAIG,CAACH,UAAD,EAAaC,IAAb,EAAmBR,KAAK,CAACY,QAAzB,CAJH;;AAMA,sBACE,qBAAC,OAAD;AAAA,2BACE,qBAAC,mBAAD;AAAqB,MAAA,GAAG,EAAEN,GAA1B;AACqB,MAAA,SAAS,EAAEH,UAAU,GAAG,YAAH,GAAkB,EAD5D;AAAA,gBAEGH,KAAK,CAACY;AAFT;AADF,IADF;AAQD,CAlBM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\nimport {Size} from '../types';\nimport {useDimensionsRef} from 'rooks';\n\nconst Wrapper = styled.div`\n  padding: 8px 0;\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst ScrollableContainer = styled.div`\n  flex: 1;\n  display: flex;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 6px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\n\nexport const SideMenuBody = (props: SideMenuProps) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, props.children]);\n\n  return (\n    <Wrapper>\n      <ScrollableContainer ref={ref as any}\n                           className={scrollable ? 'scrollable' : ''}>\n        {props.children}\n      </ScrollableContainer>\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuBody.cjs"}

package/dist/SideMenu/SideMenuBody.d.ts

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

package/dist/SideMenu/SideMenuBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuBody.js","names":["React","styled","scrollBarStyling","Size","useDimensionsRef","Wrapper","div","ScrollableContainer","Small","SideMenuBody","props","useState","scrollable","setScrollable","updateOnResize","ref","dimensions","node","useEffect","clientHeight","scrollHeight","children"],"sources":["../../src/SideMenu/SideMenuBody.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\nimport {Size} from '../types';\nimport {useDimensionsRef} from 'rooks';\n\nconst Wrapper = styled.div`\n  padding: 8px 0;\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst ScrollableContainer = styled.div`\n  flex: 1;\n  display: flex;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 6px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\n\nexport const SideMenuBody = (props: SideMenuProps) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, props.children]);\n\n  return (\n    <Wrapper>\n      <ScrollableContainer ref={ref as any}\n                           className={scrollable ? 'scrollable' : ''}>\n        {props.children}\n      </ScrollableContainer>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,gBAAR,QAA+B,WAA/B;AACA,SAAQC,IAAR,QAAmB,UAAnB;AACA,SAAQC,gBAAR,QAA+B,OAA/B;;AAEA,IAAMC,OAAO,GAAGJ,MAAM,CAACK,GAAV,8MAAb;AAUA,IAAMC,mBAAmB,GAAGN,MAAM,CAACK,GAAV,sOAWrBJ,gBAAgB,CAACC,IAAI,CAACK,KAAN,CAXK,CAAzB;AAeA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0B;EACpD,sBAAoCV,KAAK,CAACW,QAAN,CAAe,KAAf,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,wBAAgCT,gBAAgB,CAAC;IAACU,cAAc,EAAE;EAAjB,CAAD,CAAhD;EAAA;EAAA,IAAOC,GAAP;EAAA,IAAYC,UAAZ;EAAA,IAAwBC,IAAxB;;EAEAjB,KAAK,CAACkB,SAAN,CAAgB,YAAM;IAAA;;IACpB,IAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;IACA,IAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;IACAP,aAAa,CAACO,YAAY,GAAGD,YAAhB,CAAb;EACD,CAJD,EAIG,CAACH,UAAD,EAAaC,IAAb,EAAmBP,KAAK,CAACW,QAAzB,CAJH;EAMA,oBACE,KAAC,OAAD;IAAA,uBACE,KAAC,mBAAD;MAAqB,GAAG,EAAEN,GAA1B;MACqB,SAAS,EAAEH,UAAU,GAAG,YAAH,GAAkB,EAD5D;MAAA,UAEGF,KAAK,CAACW;IAFT;EADF,EADF;AAQD,CAlBM"}
+{"version":3,"sources":["../../src/SideMenu/SideMenuBody.tsx"],"names":["React","styled","scrollBarStyling","Size","useDimensionsRef","Wrapper","div","ScrollableContainer","Small","SideMenuBody","props","useState","scrollable","setScrollable","updateOnResize","ref","dimensions","node","useEffect","clientHeight","scrollHeight","children"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,gBAAR,QAA+B,WAA/B;AACA,SAAQC,IAAR,QAAmB,UAAnB;AACA,SAAQC,gBAAR,QAA+B,OAA/B;;AAEA,IAAMC,OAAO,GAAGJ,MAAM,CAACK,GAAV,8MAAb;AAUA,IAAMC,mBAAmB,GAAGN,MAAM,CAACK,GAAV,sOAWrBJ,gBAAgB,CAACC,IAAI,CAACK,KAAN,CAXK,CAAzB;AAeA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0B;AACpD,wBAAoCV,KAAK,CAACW,QAAN,CAAe,KAAf,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,0BAAgCT,gBAAgB,CAAC;AAACU,IAAAA,cAAc,EAAE;AAAjB,GAAD,CAAhD;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,UAAZ;AAAA,MAAwBC,IAAxB;;AAEAjB,EAAAA,KAAK,CAACkB,SAAN,CAAgB,YAAM;AAAA;;AACpB,QAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;AACA,QAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;AACAP,IAAAA,aAAa,CAACO,YAAY,GAAGD,YAAhB,CAAb;AACD,GAJD,EAIG,CAACH,UAAD,EAAaC,IAAb,EAAmBP,KAAK,CAACW,QAAzB,CAJH;AAMA,sBACE,KAAC,OAAD;AAAA,2BACE,KAAC,mBAAD;AAAqB,MAAA,GAAG,EAAEN,GAA1B;AACqB,MAAA,SAAS,EAAEH,UAAU,GAAG,YAAH,GAAkB,EAD5D;AAAA,gBAEGF,KAAK,CAACW;AAFT;AADF,IADF;AAQD,CAlBM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\nimport {Size} from '../types';\nimport {useDimensionsRef} from 'rooks';\n\nconst Wrapper = styled.div`\n  padding: 8px 0;\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst ScrollableContainer = styled.div`\n  flex: 1;\n  display: flex;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 6px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\n\nexport const SideMenuBody = (props: SideMenuProps) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [ref, dimensions, node] = useDimensionsRef({updateOnResize: true});\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, props.children]);\n\n  return (\n    <Wrapper>\n      <ScrollableContainer ref={ref as any}\n                           className={scrollable ? 'scrollable' : ''}>\n        {props.children}\n      </ScrollableContainer>\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuBody.js"}

package/dist/SideMenu/SideMenuFooter.cjs

@@ -27,9 +27,9 @@ 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), _styles.COLORS.neutral_200);
 

package/dist/SideMenu/SideMenuFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuFooter.cjs","names":["Wrapper","styled","div","COLORS","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,uOAOaC,cAAA,CAAOC,WAPpB,CAAb;;AAUA,IAAMC,cAAc,GAAGJ,yBAAA,CAAOC,GAAV,gMAApB;;AAQA,IAAMI,gBAAgB,GAAGL,yBAAA,CAAOC,GAAV,wTAAtB;;AAkBA,IAAMK,aAAa,GAAGN,yBAAA,CAAOC,GAAV,sRAOGC,cAAA,CAAOK,UAPV,CAAnB;;AAWA,IAAMC,aAAa,GAAGR,yBAAA,CAAOC,GAAV,gGACf,IAAAQ,2BAAA,EAAoBC,0BAAA,CAAmBC,OAAvC,EAAgDT,cAAA,CAAOU,WAAvD,CADe,CAAnB;;AAIO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,sBAAC,OAAD;IAAA,WAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,qBAAC,cAAD;MAAA,UACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;QAAA,oBACtB,qBAAC,kBAAD;UAAsB,IAAI,EAAEN,KAAK,CAACO;QAAlC,GAA4CF,IAA5C,GAAeC,KAAf,CADsB;MAAA,CAAvB;IADH,EAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,qBAAC,gBAAD;MAAA,UAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;QAAA,oBACvB,qBAAC,cAAD;UAAoB,IAAI,EAAEN,KAAK,CAACO;QAAhC,GAA0CE,MAA1C;UAAA,UACGA,MAAM,CAACC;QADV,IAAaJ,KAAb,CADuB;MAAA,CAAzB;IAFJ,EAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,sBAAC,aAAD;MAAA,wBACE,qBAAC,mBAAD;QAAa,MAAM,EAAE,MAArB;QAA6B,KAAK,EAAE;MAApC,EADF,eAEE,qBAAC,aAAD;QAAA,4BAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;MAA9B,EAFF;IAAA,EAvBJ;EAAA,EADF;AAgCD,CAlCM"}
+{"version":3,"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"names":["Wrapper","styled","div","COLORS","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","ComponentTextStyle","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,uOAOaC,eAAOC,WAPpB,CAAb;;AAUA,IAAMC,cAAc,GAAGJ,0BAAOC,GAAV,gMAApB;;AAQA,IAAMI,gBAAgB,GAAGL,0BAAOC,GAAV,wTAAtB;;AAkBA,IAAMK,aAAa,GAAGN,0BAAOC,GAAV,sRAOGC,eAAOK,UAPV,CAAnB;;AAWA,IAAMC,aAAa,GAAGR,0BAAOC,GAAV,gGACf,iCAAoBQ,2BAAmBC,OAAvC,EAAgDR,eAAOS,WAAvD,CADe,CAAnB;;AAIO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;AAAA;;AAEtD,sBACE,sBAAC,OAAD;AAAA,eAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,qBAAC,cAAD;AAAA,gBACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;AAAA,4BACtB,qBAAC,kBAAD;AAAsB,UAAA,IAAI,EAAEN,KAAK,CAACO;AAAlC,WAA4CF,IAA5C,GAAeC,KAAf,CADsB;AAAA,OAAvB;AADH,MAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,qBAAC,gBAAD;AAAA,gBAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;AAAA,4BACvB,qBAAC,cAAD;AAAoB,UAAA,IAAI,EAAEN,KAAK,CAACO;AAAhC,WAA0CE,MAA1C;AAAA,oBACGA,MAAM,CAACC;AADV,YAAaJ,KAAb,CADuB;AAAA,OAAzB;AAFJ,MAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,sBAAC,aAAD;AAAA,8BACE,qBAAC,mBAAD;AAAa,QAAA,MAAM,EAAE,MAArB;AAA6B,QAAA,KAAK,EAAE;AAApC,QADF,eAEE,qBAAC,aAAD;AAAA,oCAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;AAA9B,QAFF;AAAA,MAvBJ;AAAA,IADF;AAgCD,CAlCM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuFooter.cjs"}

package/dist/SideMenu/SideMenuFooter.d.ts

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

package/dist/SideMenu/SideMenuFooter.js

@@ -3,9 +3,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import React from 'react';
 import styled from 'styled-components';

package/dist/SideMenu/SideMenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","Wrapper","div","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SACEC,MADF,EAEEC,kBAFF,EAGEC,mBAHF,QAIO,WAJP;AAKA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,MAAR,QAAqB,WAArB;AACA,SAAQC,QAAR,QAAuB,aAAvB;;;AAEA,IAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAV,yNAOaP,MAAM,CAACQ,WAPpB,CAAb;AAUA,IAAMC,cAAc,GAAGV,MAAM,CAACQ,GAAV,kLAApB;AAQA,IAAMG,gBAAgB,GAAGX,MAAM,CAACQ,GAAV,0SAAtB;AAkBA,IAAMI,aAAa,GAAGZ,MAAM,CAACQ,GAAV,wQAOGP,MAAM,CAACY,UAPV,CAAnB;AAWA,IAAMC,aAAa,GAAGd,MAAM,CAACQ,GAAV,kFACfL,mBAAmB,CAACD,kBAAkB,CAACa,OAApB,EAA6Bd,MAAM,CAACe,WAApC,CADJ,CAAnB;AAIA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,MAAC,OAAD;IAAA,WAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,KAAC,cAAD;MAAA,UACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;QAAA,oBACtB,KAAC,QAAD;UAAsB,IAAI,EAAEN,KAAK,CAACO;QAAlC,GAA4CF,IAA5C,GAAeC,KAAf,CADsB;MAAA,CAAvB;IADH,EAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,KAAC,gBAAD;MAAA,UAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;QAAA,oBACvB,KAAC,MAAD;UAAoB,IAAI,EAAEN,KAAK,CAACO;QAAhC,GAA0CE,MAA1C;UAAA,UACGA,MAAM,CAACC;QADV,IAAaJ,KAAb,CADuB;MAAA,CAAzB;IAFJ,EAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,MAAC,aAAD;MAAA,wBACE,KAAC,WAAD;QAAa,MAAM,EAAE,MAArB;QAA6B,KAAK,EAAE;MAApC,EADF,eAEE,KAAC,aAAD;QAAA,4BAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;MAA9B,EAFF;IAAA,EAvBJ;EAAA,EADF;AAgCD,CAlCM"}
+{"version":3,"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","Wrapper","div","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SACEC,MADF,EAEEC,kBAFF,EAGEC,mBAHF,QAIO,WAJP;AAKA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,MAAR,QAAqB,WAArB;AACA,SAAQC,QAAR,QAAuB,aAAvB;;;AAEA,IAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAV,yNAOaP,MAAM,CAACQ,WAPpB,CAAb;AAUA,IAAMC,cAAc,GAAGV,MAAM,CAACQ,GAAV,kLAApB;AAQA,IAAMG,gBAAgB,GAAGX,MAAM,CAACQ,GAAV,0SAAtB;AAkBA,IAAMI,aAAa,GAAGZ,MAAM,CAACQ,GAAV,wQAOGP,MAAM,CAACY,UAPV,CAAnB;AAWA,IAAMC,aAAa,GAAGd,MAAM,CAACQ,GAAV,kFACfL,mBAAmB,CAACD,kBAAkB,CAACa,OAApB,EAA6Bd,MAAM,CAACe,WAApC,CADJ,CAAnB;AAIA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;AAAA;;AAEtD,sBACE,MAAC,OAAD;AAAA,eAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,KAAC,cAAD;AAAA,gBACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;AAAA,4BACtB,KAAC,QAAD;AAAsB,UAAA,IAAI,EAAEN,KAAK,CAACO;AAAlC,WAA4CF,IAA5C,GAAeC,KAAf,CADsB;AAAA,OAAvB;AADH,MAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,KAAC,gBAAD;AAAA,gBAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;AAAA,4BACvB,KAAC,MAAD;AAAoB,UAAA,IAAI,EAAEN,KAAK,CAACO;AAAhC,WAA0CE,MAA1C;AAAA,oBACGA,MAAM,CAACC;AADV,YAAaJ,KAAb,CADuB;AAAA,OAAzB;AAFJ,MAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,MAAC,aAAD;AAAA,8BACE,KAAC,WAAD;AAAa,QAAA,MAAM,EAAE,MAArB;AAA6B,QAAA,KAAK,EAAE;AAApC,QADF,eAEE,KAAC,aAAD;AAAA,oCAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;AAA9B,QAFF;AAAA,MAvBJ;AAAA,IADF;AAgCD,CAlCM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuFooter.js"}

package/dist/SideMenu/SideMenuHeader.cjs

@@ -29,9 +29,9 @@ 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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"])));
 

package/dist/SideMenu/SideMenuHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.cjs","names":["Wrapper","styled","div","LabelContainer","ComponentSStyling","ComponentTextStyle","Bold","COLORS","neutral_600","ComponentMStyling","ComponentLStyling","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,uRAAb;;AAkBA,IAAMC,cAAc,GAAGF,yBAAA,CAAOC,GAAV,2MAId,IAAAE,yBAAA,EAAkBC,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,WAAlD,CAJc,EAQd,IAAAC,yBAAA,EAAkBJ,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,WAAlD,CARc,EAYd,IAAAE,yBAAA,EAAkBL,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,WAAlD,CAZc,CAApB;;AAgBO,IAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,sBAAC,OAAD;IAAA,4BAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;MAAA,IAAEC,IAAF,QAAEA,IAAF;MAAA,IAAWC,IAAX;MAAA,oBACzB,qBAAC,kBAAD;QAAwB,OAAO,EAAE,WAAjC;QAA8C,KAAK,EAAE;MAArD,GAAqEA,IAArE;QAAA,UACGD;MADH,IAAiBD,KAAjB,CADyB;IAAA,CAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,qBAAC,cAAD;MAAA,UACGP,KAAK,CAACC,MAAN,CAAaM;IADhB,EAVJ,eAcE,qBAAC,kBAAD;MAAY,MAAM,EAAEP,KAAK,CAACQ,OAA1B;MAAmC,OAAO,EAAE,WAA5C;MAAyD,KAAK,EAAE,UAAhE;MAA4E,KAAK,EAAE;QAACC,UAAU,EAAE;MAAb,CAAnF;MAAA,uBACE,qBAAC,kBAAD,CAAa,KAAb;IADF,EAdF;EAAA,EADF;AAoBD,CAtBM"}
+{"version":3,"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"names":["Wrapper","styled","div","LabelContainer","ComponentTextStyle","Bold","COLORS","neutral_600","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,uRAAb;;AAkBA,IAAMC,cAAc,GAAGF,0BAAOC,GAAV,2MAId,+BAAkBE,2BAAmBC,IAArC,EAA2CC,eAAOC,WAAlD,CAJc,EAQd,+BAAkBH,2BAAmBC,IAArC,EAA2CC,eAAOC,WAAlD,CARc,EAYd,+BAAkBH,2BAAmBC,IAArC,EAA2CC,eAAOC,WAAlD,CAZc,CAApB;;AAgBO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;AAAA;;AAEtD,sBACE,sBAAC,OAAD;AAAA,gCAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;AAAA,UAAEC,IAAF,QAAEA,IAAF;AAAA,UAAWC,IAAX;AAAA,0BACzB,qBAAC,kBAAD;AAAwB,QAAA,OAAO,EAAE,WAAjC;AAA8C,QAAA,KAAK,EAAE;AAArD,SAAqEA,IAArE;AAAA,kBACGD;AADH,UAAiBD,KAAjB,CADyB;AAAA,KAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,qBAAC,cAAD;AAAA,gBACGP,KAAK,CAACC,MAAN,CAAaM;AADhB,MAVJ,eAcE,qBAAC,kBAAD;AAAY,MAAA,MAAM,EAAEP,KAAK,CAACQ,OAA1B;AAAmC,MAAA,OAAO,EAAE,WAA5C;AAAyD,MAAA,KAAK,EAAE,UAAhE;AAA4E,MAAA,KAAK,EAAE;AAACC,QAAAA,UAAU,EAAE;AAAb,OAAnF;AAAA,6BACE,qBAAC,kBAAD,CAAa,KAAb;AADF,MAdF;AAAA,IADF;AAoBD,CAtBM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuHeader.cjs"}

package/dist/SideMenu/SideMenuHeader.d.ts

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

package/dist/SideMenu/SideMenuHeader.js

@@ -5,9 +5,9 @@ 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import React from 'react';
 import styled from 'styled-components';

package/dist/SideMenu/SideMenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","Wrapper","div","LabelContainer","Bold","neutral_600","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,MAAR,EAAgBC,iBAAhB,EAAmCC,iBAAnC,EAAsDC,iBAAtD,EAAyEC,kBAAzE,QAAkG,WAAlG;AACA,SAAQC,UAAR,QAAyB,WAAzB;AACA,SAAQC,WAAR,QAA0B,UAA1B;;;AAEA,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAV,yQAAb;AAkBA,IAAMC,cAAc,GAAGV,MAAM,CAACS,GAAV,6LAIdL,iBAAiB,CAACC,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAJH,EAQdT,iBAAiB,CAACE,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CARH,EAYdV,iBAAiB,CAACG,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAZH,CAApB;AAgBA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,MAAC,OAAD;IAAA,4BAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;MAAA,IAAEC,IAAF,QAAEA,IAAF;MAAA,IAAWC,IAAX;;MAAA,oBACzB,KAAC,UAAD;QAAwB,OAAO,EAAE,WAAjC;QAA8C,KAAK,EAAE;MAArD,GAAqEA,IAArE;QAAA,UACGD;MADH,IAAiBD,KAAjB,CADyB;IAAA,CAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,KAAC,cAAD;MAAA,UACGP,KAAK,CAACC,MAAN,CAAaM;IADhB,EAVJ,eAcE,KAAC,UAAD;MAAY,MAAM,EAAEP,KAAK,CAACQ,OAA1B;MAAmC,OAAO,EAAE,WAA5C;MAAyD,KAAK,EAAE,UAAhE;MAA4E,KAAK,EAAE;QAACC,UAAU,EAAE;MAAb,CAAnF;MAAA,uBACE,KAAC,WAAD,CAAa,KAAb;IADF,EAdF;EAAA,EADF;AAoBD,CAtBM"}
+{"version":3,"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","Wrapper","div","LabelContainer","Bold","neutral_600","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,MAAR,EAAgBC,iBAAhB,EAAmCC,iBAAnC,EAAsDC,iBAAtD,EAAyEC,kBAAzE,QAAkG,WAAlG;AACA,SAAQC,UAAR,QAAyB,WAAzB;AACA,SAAQC,WAAR,QAA0B,UAA1B;;;AAEA,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAV,yQAAb;AAkBA,IAAMC,cAAc,GAAGV,MAAM,CAACS,GAAV,6LAIdL,iBAAiB,CAACC,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAJH,EAQdT,iBAAiB,CAACE,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CARH,EAYdV,iBAAiB,CAACG,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAZH,CAApB;AAgBA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;AAAA;;AAEtD,sBACE,MAAC,OAAD;AAAA,gCAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;AAAA,UAAEC,IAAF,QAAEA,IAAF;AAAA,UAAWC,IAAX;;AAAA,0BACzB,KAAC,UAAD;AAAwB,QAAA,OAAO,EAAE,WAAjC;AAA8C,QAAA,KAAK,EAAE;AAArD,SAAqEA,IAArE;AAAA,kBACGD;AADH,UAAiBD,KAAjB,CADyB;AAAA,KAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,KAAC,cAAD;AAAA,gBACGP,KAAK,CAACC,MAAN,CAAaM;AADhB,MAVJ,eAcE,KAAC,UAAD;AAAY,MAAA,MAAM,EAAEP,KAAK,CAACQ,OAA1B;AAAmC,MAAA,OAAO,EAAE,WAA5C;AAAyD,MAAA,KAAK,EAAE,UAAhE;AAA4E,MAAA,KAAK,EAAE;AAACC,QAAAA,UAAU,EAAE;AAAb,OAAnF;AAAA,6BACE,KAAC,WAAD,CAAa,KAAb;AADF,MAdF;AAAA,IADF;AAoBD,CAtBM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuHeader.js"}

package/dist/SideMenu/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../src/SideMenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"file":"index.cjs"}

package/dist/SideMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","SideMenu"],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,QAAnB,QAAkC,YAAlC;AACA,cAAc,SAAd"}
+{"version":3,"sources":["../../src/SideMenu/index.ts"],"names":["default","SideMenu"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,QAAnB,QAAkC,YAAlC;AACA,cAAc,SAAd","sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"file":"index.js"}

package/dist/SideMenu/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":[],"sources":["../../src/SideMenu/types.ts"],"sourcesContent":["import {ButtonProps} from '../Button/Button';\nimport {IconButtonProps} from '../Button/Iconbutton';\nimport {MenuItemProps} from '../MenuItem/MenuItem';\nimport {Size} from '../types';\n\n\nexport type SideMenuAction = Omit<IconButtonProps, 'variant' |\n  'shape' |\n  'isInMobileMenu' |\n  'borderRadius' |\n  'flatEdge' |\n  'focusBackgroundColor' |\n  'useTransparentBackground' |\n  'unsetIconSize' |\n  'shouldNotInteract' |\n  'invertFocus' |\n  'hideOnLowWidth' | 'children'> & { icon: React.ReactNode };\n\nexport type  SideMenuButton =\n  Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'>\n  & { label: string };\n\nexport type SideMenuItem = Omit<MenuItemProps, 'size'>\n\nexport interface SideMenuHeader {\n  actions?: SideMenuAction[];\n  label?: string;\n}\n\nexport interface SideMenuFooter {\n  items?: SideMenuItem[];\n  buttons?: SideMenuButton[];\n  note?: string;\n}\n\nexport interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: Size.Small | Size.Medium | Size.Large;\n  header?: SideMenuHeader;\n  footer?: SideMenuFooter;\n  onClose: () => void;\n  children?: any;\n}\n"],"mappings":""}
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.cjs"}

package/dist/SideMenu/types.d.ts

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

package/dist/SideMenu/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/SideMenu/types.ts"],"sourcesContent":["import {ButtonProps} from '../Button/Button';\nimport {IconButtonProps} from '../Button/Iconbutton';\nimport {MenuItemProps} from '../MenuItem/MenuItem';\nimport {Size} from '../types';\n\n\nexport type SideMenuAction = Omit<IconButtonProps, 'variant' |\n  'shape' |\n  'isInMobileMenu' |\n  'borderRadius' |\n  'flatEdge' |\n  'focusBackgroundColor' |\n  'useTransparentBackground' |\n  'unsetIconSize' |\n  'shouldNotInteract' |\n  'invertFocus' |\n  'hideOnLowWidth' | 'children'> & { icon: React.ReactNode };\n\nexport type  SideMenuButton =\n  Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'>\n  & { label: string };\n\nexport type SideMenuItem = Omit<MenuItemProps, 'size'>\n\nexport interface SideMenuHeader {\n  actions?: SideMenuAction[];\n  label?: string;\n}\n\nexport interface SideMenuFooter {\n  items?: SideMenuItem[];\n  buttons?: SideMenuButton[];\n  note?: string;\n}\n\nexport interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: Size.Small | Size.Medium | Size.Large;\n  header?: SideMenuHeader;\n  footer?: SideMenuFooter;\n  onClose: () => void;\n  children?: any;\n}\n"],"mappings":""}
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/dist/SkipToContent/SkipToContent.cjs

@@ -11,8 +11,6 @@ exports.default = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var React = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -41,9 +39,6 @@ var SkipToContent = function SkipToContent(_ref) {
   });
 };
 
-SkipToContent.propTypes = {
-  children: _propTypes.default.node.isRequired
-};
 var _default = SkipToContent;
 exports.default = _default;
 //# sourceMappingURL=SkipToContent.cjs.map

package/dist/SkipToContent/SkipToContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkipToContent.cjs","names":["SkipToContentLink","styled","a","ComponentSStyling","ComponentTextStyle","Bold","COLORS","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, ComponentTextStyle} from '../styles';\nimport { ComponentSStyling } from '../styles';\n\nexport type SkipToContentProps = {\n  children: React.ReactNode;\n};\n\nconst SkipToContentLink = styled.a`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n\n  text-decoration: underline;\n`;\n\nconst SkipToContentWrapper = styled.div`\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ${COLORS.accent2_200};\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\n  return (\n    <SkipToContentWrapper>\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\n    </SkipToContentWrapper>\n  );\n};\n\nexport default SkipToContent;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;AAOA,IAAMA,iBAAiB,GAAGC,yBAAA,CAAOC,CAAV,+HACnB,IAAAC,yBAAA,EAAkBC,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,KAAlD,CADmB,CAAvB;;AAMA,IAAMC,oBAAoB,GAAGP,yBAAA,CAAOQ,GAAV,6VAWRH,cAAA,CAAOI,WAXC,CAA1B;;AAmBA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACnF,oBACE,qBAAC,oBAAD;IAAA,uBACE,qBAAC,iBAAD;MAAmB,IAAI,EAAC,OAAxB;MAAA,UAAiCA;IAAjC;EADF,EADF;AAKD,CAND;;;EA5BEA,Q;;eAoCaD,a"}
+{"version":3,"sources":["../../src/SkipToContent/SkipToContent.tsx"],"names":["SkipToContentLink","styled","a","ComponentTextStyle","Bold","COLORS","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;AAKA,IAAMA,iBAAiB,GAAGC,0BAAOC,CAAV,+HACnB,+BAAkBC,2BAAmBC,IAArC,EAA2CC,eAAOC,KAAlD,CADmB,CAAvB;;AAMA,IAAMC,oBAAoB,GAAGN,0BAAOO,GAAV,6VAWRH,eAAOI,WAXC,CAA1B;;AAmBA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACnF,sBACE,qBAAC,oBAAD;AAAA,2BACE,qBAAC,iBAAD;AAAmB,MAAA,IAAI,EAAC,OAAxB;AAAA,gBAAiCA;AAAjC;AADF,IADF;AAKD,CAND;;eAQeD,a","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, ComponentTextStyle} from '../styles';\nimport { ComponentSStyling } from '../styles';\n\ntype SkipToContentProps = {};\n\nconst SkipToContentLink = styled.a`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n\n  text-decoration: underline;\n`;\n\nconst SkipToContentWrapper = styled.div`\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ${COLORS.accent2_200};\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\n  return (\n    <SkipToContentWrapper>\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\n    </SkipToContentWrapper>\n  );\n};\n\nexport default SkipToContent;\n"],"file":"SkipToContent.cjs"}

package/dist/SkipToContent/SkipToContent.d.ts

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

package/dist/SkipToContent/SkipToContent.js

@@ -1,5 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
 
 var _templateObject, _templateObject2;
 
@@ -21,8 +20,5 @@ var SkipToContent = function SkipToContent(_ref) {
   });
 };
 
-SkipToContent.propTypes = {
-  children: _pt.node.isRequired
-};
 export default SkipToContent;
 //# sourceMappingURL=SkipToContent.js.map

package/dist/SkipToContent/SkipToContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipToContent.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","SkipToContentLink","a","Bold","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, ComponentTextStyle} from '../styles';\nimport { ComponentSStyling } from '../styles';\n\nexport type SkipToContentProps = {\n  children: React.ReactNode;\n};\n\nconst SkipToContentLink = styled.a`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n\n  text-decoration: underline;\n`;\n\nconst SkipToContentWrapper = styled.div`\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ${COLORS.accent2_200};\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\n  return (\n    <SkipToContentWrapper>\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\n    </SkipToContentWrapper>\n  );\n};\n\nexport default SkipToContent;\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAASC,MAAT,EAAiBC,kBAAjB,QAA0C,WAA1C;AACA,SAASC,iBAAT,QAAkC,WAAlC;;AAMA,IAAMC,iBAAiB,GAAGJ,MAAM,CAACK,CAAV,iHACnBF,iBAAiB,CAACD,kBAAkB,CAACI,IAApB,EAA0BL,MAAM,CAACM,KAAjC,CADE,CAAvB;AAMA,IAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAV,+UAWRR,MAAM,CAACS,WAXC,CAA1B;;AAmBA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACnF,oBACE,KAAC,oBAAD;IAAA,uBACE,KAAC,iBAAD;MAAmB,IAAI,EAAC,OAAxB;MAAA,UAAiCA;IAAjC;EADF,EADF;AAKD,CAND;;;EA5BEA,Q;;AAoCF,eAAeD,aAAf"}
+{"version":3,"sources":["../../src/SkipToContent/SkipToContent.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","SkipToContentLink","a","Bold","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAASC,MAAT,EAAiBC,kBAAjB,QAA0C,WAA1C;AACA,SAASC,iBAAT,QAAkC,WAAlC;;AAIA,IAAMC,iBAAiB,GAAGJ,MAAM,CAACK,CAAV,iHACnBF,iBAAiB,CAACD,kBAAkB,CAACI,IAApB,EAA0BL,MAAM,CAACM,KAAjC,CADE,CAAvB;AAMA,IAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAV,+UAWRR,MAAM,CAACS,WAXC,CAA1B;;AAmBA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACnF,sBACE,KAAC,oBAAD;AAAA,2BACE,KAAC,iBAAD;AAAmB,MAAA,IAAI,EAAC,OAAxB;AAAA,gBAAiCA;AAAjC;AADF,IADF;AAKD,CAND;;AAQA,eAAeD,aAAf","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, ComponentTextStyle} from '../styles';\nimport { ComponentSStyling } from '../styles';\n\ntype SkipToContentProps = {};\n\nconst SkipToContentLink = styled.a`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n\n  text-decoration: underline;\n`;\n\nconst SkipToContentWrapper = styled.div`\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ${COLORS.accent2_200};\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\n  return (\n    <SkipToContentWrapper>\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\n    </SkipToContentWrapper>\n  );\n};\n\nexport default SkipToContent;\n"],"file":"SkipToContent.js"}

package/dist/SkipToContent/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"sources":["../../src/SkipToContent/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default as SkipToContent } from './SkipToContent';\n"],"file":"index.cjs"}

package/dist/SkipToContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","SkipToContent"],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,iBAAzC"}
+{"version":3,"sources":["../../src/SkipToContent/index.ts"],"names":["default","SkipToContent"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,iBAAzC","sourcesContent":["export { default as SkipToContent } from './SkipToContent';\n"],"file":"index.js"}

package/dist/Switcher/MobileSwitcherMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,qQAEAC,iBAAA,CAAUC,UAFV,EAUTC,mBAAA,CAAYC,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;EAAA,IAApDC,KAAoD,QAApDA,KAAoD;EAAA,IAA7CC,MAA6C,QAA7CA,MAA6C;EAAA,IAArCC,IAAqC,QAArCA,IAAqC;EAAA,IAA/BC,WAA+B,QAA/BA,WAA+B;EAAA,IAAlBC,KAAkB,QAAlBA,KAAkB;EAC/E,oBACE,sBAAC,OAAD;IAAS,IAAI,EAAC,MAAd;IAAqB,mBAAgB,gBAArC;IAAA,wBACE,qBAAC,yBAAD;MAAkB,QAAQ,EAAED,WAA5B;MACkB,KAAK,EAAEH,KADzB;MAEkB,OAAO,EAAEG;IAF3B,EADF,eAIE,qBAAC,0BAAD;MAAmB,MAAM,EAAE;QAACF,MAAM,EAANA,MAAD;QAASC,IAAI,EAAJA;MAAT,CAA3B;MACmB,KAAK,EAAEE;IAD1B,EAJF;EAAA,EADF;AASD,CAVD;;;EAPEJ,K;EACAC,M;EACAC,I;EACAC,W;EACAC,K;;eAeaL,kB"}
+{"version":3,"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,qQAEAC,kBAAUC,UAFV,EAUTC,oBAAYC,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;AAAA,MAApDC,KAAoD,QAApDA,KAAoD;AAAA,MAA7CC,MAA6C,QAA7CA,MAA6C;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,WAA+B,QAA/BA,WAA+B;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAC/E,sBACE,sBAAC,OAAD;AAAS,IAAA,IAAI,EAAC,MAAd;AAAqB,uBAAgB,gBAArC;AAAA,4BACE,qBAAC,yBAAD;AAAkB,MAAA,QAAQ,EAAED,WAA5B;AACkB,MAAA,KAAK,EAAEH,KADzB;AAEkB,MAAA,OAAO,EAAEG;AAF3B,MADF,eAIE,qBAAC,0BAAD;AAAmB,MAAA,MAAM,EAAE;AAACF,QAAAA,MAAM,EAANA,MAAD;AAASC,QAAAA,IAAI,EAAJA;AAAT,OAA3B;AACmB,MAAA,KAAK,EAAEE;AAD1B,MAJF;AAAA,IADF;AASD,CAVD;;;AAPEJ,EAAAA,K;AACAC,EAAAA,M;AACAC,EAAAA,I;AACAC,EAAAA,W;AACAC,EAAAA,K;;eAeaL,kB","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"file":"MobileSwitcherMenu.cjs"}

package/dist/Switcher/MobileSwitcherMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuNavigationItemTypeItem } from '../GlobalNavigationBar';
 interface Props {
     label: string;

package/dist/Switcher/MobileSwitcherMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,SAAR,QAAwB,WAAxB;AAEA,OAAOC,gBAAP,MAA6B,gDAA7B;AACA,OAAOC,iBAAP,MAA8B,iDAA9B;;;AAEA,IAAMC,OAAO,GAAGL,MAAM,CAACM,GAAV,uPAEAJ,SAAS,CAACK,UAFV,EAUTN,WAAW,CAACO,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;EAAA,IAApDC,KAAoD,QAApDA,KAAoD;EAAA,IAA7CC,MAA6C,QAA7CA,MAA6C;EAAA,IAArCC,IAAqC,QAArCA,IAAqC;EAAA,IAA/BC,WAA+B,QAA/BA,WAA+B;EAAA,IAAlBC,KAAkB,QAAlBA,KAAkB;EAC/E,oBACE,MAAC,OAAD;IAAS,IAAI,EAAC,MAAd;IAAqB,mBAAgB,gBAArC;IAAA,wBACE,KAAC,gBAAD;MAAkB,QAAQ,EAAED,WAA5B;MACkB,KAAK,EAAEH,KADzB;MAEkB,OAAO,EAAEG;IAF3B,EADF,eAIE,KAAC,iBAAD;MAAmB,MAAM,EAAE;QAACF,MAAM,EAANA,MAAD;QAASC,IAAI,EAAJA;MAAT,CAA3B;MACmB,KAAK,EAAEE;IAD1B,EAJF;EAAA,EADF;AASD,CAVD;;;EAPEJ,K;EACAC,M;EACAC,I;EACAC,W;EACAC,K;;AAeF,eAAeL,kBAAf"}
+{"version":3,"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,SAAR,QAAwB,WAAxB;AAEA,OAAOC,gBAAP,MAA6B,gDAA7B;AACA,OAAOC,iBAAP,MAA8B,iDAA9B;;;AAEA,IAAMC,OAAO,GAAGL,MAAM,CAACM,GAAV,uPAEAJ,SAAS,CAACK,UAFV,EAUTN,WAAW,CAACO,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;AAAA,MAApDC,KAAoD,QAApDA,KAAoD;AAAA,MAA7CC,MAA6C,QAA7CA,MAA6C;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,WAA+B,QAA/BA,WAA+B;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAC/E,sBACE,MAAC,OAAD;AAAS,IAAA,IAAI,EAAC,MAAd;AAAqB,uBAAgB,gBAArC;AAAA,4BACE,KAAC,gBAAD;AAAkB,MAAA,QAAQ,EAAED,WAA5B;AACkB,MAAA,KAAK,EAAEH,KADzB;AAEkB,MAAA,OAAO,EAAEG;AAF3B,MADF,eAIE,KAAC,iBAAD;AAAmB,MAAA,MAAM,EAAE;AAACF,QAAAA,MAAM,EAANA,MAAD;AAASC,QAAAA,IAAI,EAAJA;AAAT,OAA3B;AACmB,MAAA,KAAK,EAAEE;AAD1B,MAJF;AAAA,IADF;AASD,CAVD;;;AAPEJ,EAAAA,K;AACAC,EAAAA,M;AACAC,EAAAA,I;AACAC,EAAAA,W;AACAC,EAAAA,K;;AAeF,eAAeL,kBAAf","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"file":"MobileSwitcherMenu.js"}