@laerdal/life-react-components 3.5.1-dev.17 → 3.5.1-dev.18

package/dist/src/QuizButton/QuizButton.js

@@ -1,53 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { Checkbox, COLORS, defaultOnMouseDownHandler, focusStyles, RadioButton, Size, SystemIcons } from '..';
-import { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';
-var TextContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 0 8px 8px 0;\n  display: flex;\n  background: ", ";\n  width: 100%;\n\n  transition: background 100ms ease-in-out;\n  align-items: center;\n\n  padding: ", ";\n  ", "\n"], ["\n  border-radius: 0 8px 8px 0;\n  display: flex;\n  background: ", ";\n  width: 100%;\n\n  transition: background 100ms ease-in-out;\n  align-items: center;\n\n  padding: ", ";\n  ", "\n"])), COLORS.accent1_20, function (props) { return props.size === Size.Small ? '6px 8px' : (props.size === Size.Large ? '20px 16px' : '12px 16px'); }, function (props) { return props.size === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, null) : (props.size === Size.Large ? ComponentLStyling(ComponentTextStyle.Regular, null) : ComponentMStyling(ComponentTextStyle.Regular, null)); });
-var TextWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-var ButtonContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-radius: 8px 0 0 8px;\n  display: flex;\n  background: ", ";\n\n  width: ", ";\n\n  transition: background 100ms ease-in-out;\n\n  .quiz-button-result-icon {\n    height: ", ";\n    width: ", ";\n  }\n\n  .radio-button-icon, .checkbox-icon {\n    margin: auto;\n    min-width: unset;\n    background: transparent;\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      background: transparent;\n    }\n\n    &:active {\n      background: transparent;\n    }\n  }\n\n  .small {\n    min-width: 32px;\n    min-height: 32px;\n    .radio-button-icon, .checkbox-icon {\n      svg {\n        height: 16px;\n        width: 16px;\n      }\n    }\n  }\n\n  .medium {\n    min-width: 48px;\n    min-height: 48px;\n    .radio-button-icon, .checkbox-icon {\n      svg {\n        height: 24px;\n        width: 24px;\n      }\n    }\n  }\n\n  .large {\n    min-width: 64px;\n    min-height: 64px;\n    .radio-button-icon, .checkbox-icon {\n      svg {\n        height: 32px;\n        width: 32px;\n      }\n    }\n  }\n"], ["\n  border-radius: 8px 0 0 8px;\n  display: flex;\n  background: ", ";\n\n  width: ", ";\n\n  transition: background 100ms ease-in-out;\n\n  .quiz-button-result-icon {\n    height: ", ";\n    width: ", ";\n  }\n\n  .radio-button-icon, .checkbox-icon {\n    margin: auto;\n    min-width: unset;\n    background: transparent;\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      background: transparent;\n    }\n\n    &:active {\n      background: transparent;\n    }\n  }\n\n  .small {\n    min-width: 32px;\n    min-height: 32px;\n    .radio-button-icon, .checkbox-icon {\n      svg {\n        height: 16px;\n        width: 16px;\n      }\n    }\n  }\n\n  .medium {\n    min-width: 48px;\n    min-height: 48px;\n    .radio-button-icon, .checkbox-icon {\n      svg {\n        height: 24px;\n        width: 24px;\n      }\n    }\n  }\n\n  .large {\n    min-width: 64px;\n    min-height: 64px;\n    .radio-button-icon, .checkbox-icon {\n      svg {\n        height: 32px;\n        width: 32px;\n      }\n    }\n  }\n"])), COLORS.accent1_100, function (props) { return props.size === Size.Small ? '32px' : (props.size === Size.Large ? '64px' : '48px'); }, function (props) { return props.size === Size.Small ? '16px' : (props.size === Size.Large ? '32px' : '24px'); }, function (props) { return props.size === Size.Small ? '32px' : (props.size === Size.Large ? '64px' : '48px'); }, COLORS.accent1_600);
-var OptionContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  max-width: 65ch;  \n  word-break: break-word;\n\n  min-height: ", ";\n  margin-bottom: ", ";\n\n  &.selected {\n    ", " {\n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n    }\n  }\n  \n  &.disabled {\n    cursor: not-allowed;\n    \n    ", " {\n      pointer-events: none;\n      background: ", ";\n    }\n    ", " {\n      pointer-events: none;\n      background: ", ";\n      color: ", ";\n    }\n\n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n    }\n  }\n\n  &.correct {\n    ", " {    \n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n      svg {\n        margin: auto;\n      }\n    }\n  }\n\n  &.incorrect {\n    ", " {    \n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n      svg {\n        margin: auto;\n      }\n    }\n  }\n\n  &.partial {\n    ", " {    \n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n      svg {\n        margin: auto;\n      }\n    }\n  }\n\n  &:focus,\n  &.focus-state {\n    ", "\n  }\n\n  &:hover,\n  &.hover-state {\n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n    }\n  }\n\n  &:active,\n  &.active-state {\n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n    }\n  }\n\n  &:hover:not(.disabled):not(.result),\n  &.hover-state {\n    ", " {\n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n    }\n    \n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n      svg {\n        color: ", ";\n      }\n    }\n  }\n\n  &:active:not(.disabled):not(.result),\n  &.active-state {\n    ", " {\n      background: ", ";\n      transition: none;\n    }\n    ", " {\n      background: ", ";\n      transition: none;\n    }\n\n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n      svg {\n        color: ", ";\n      }\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n  max-width: 65ch;  \n  word-break: break-word;\n\n  min-height: ", ";\n  margin-bottom: ", ";\n\n  &.selected {\n    ", " {\n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n    }\n  }\n  \n  &.disabled {\n    cursor: not-allowed;\n    \n    ", " {\n      pointer-events: none;\n      background: ", ";\n    }\n    ", " {\n      pointer-events: none;\n      background: ", ";\n      color: ", ";\n    }\n\n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n    }\n  }\n\n  &.correct {\n    ", " {    \n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n      svg {\n        margin: auto;\n      }\n    }\n  }\n\n  &.incorrect {\n    ", " {    \n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n      svg {\n        margin: auto;\n      }\n    }\n  }\n\n  &.partial {\n    ", " {    \n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n      svg {\n        margin: auto;\n      }\n    }\n  }\n\n  &:focus,\n  &.focus-state {\n    ", "\n  }\n\n  &:hover,\n  &.hover-state {\n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n    }\n  }\n\n  &:active,\n  &.active-state {\n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n    }\n  }\n\n  &:hover:not(.disabled):not(.result),\n  &.hover-state {\n    ", " {\n      background: ", ";\n    }\n    ", " {\n      background: ", ";\n    }\n    \n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n      svg {\n        color: ", ";\n      }\n    }\n  }\n\n  &:active:not(.disabled):not(.result),\n  &.active-state {\n    ", " {\n      background: ", ";\n      transition: none;\n    }\n    ", " {\n      background: ", ";\n      transition: none;\n    }\n\n    .radio-button-icon, .checkbox-icon {\n      background: transparent;\n      svg {\n        color: ", ";\n      }\n    }\n  }\n"])), function (props) { return props.size === Size.Small ? '32px' : (props.size === Size.Large ? '64px' : '48px'); }, function (props) { return props.size === Size.Small ? '16px' : (props.size === Size.Large ? '32px' : '24px'); }, TextContainer, COLORS.accent1_100, ButtonContainer, COLORS.accent1_200, ButtonContainer, COLORS.neutral_100, TextContainer, COLORS.neutral_20, COLORS.neutral_300, TextContainer, COLORS.correct_20, ButtonContainer, COLORS.correct_400, TextContainer, COLORS.critical_20, ButtonContainer, COLORS.critical_500, TextContainer, COLORS.warning_20, ButtonContainer, COLORS.warning_400, focusStyles, ButtonContainer, COLORS.accent1_300, TextContainer, function (props) { return props.isSelected ? COLORS.accent1_200 : COLORS.accent1_100; }, COLORS.accent1_700, ButtonContainer, COLORS.accent1_400, TextContainer, function (props) { return props.isSelected ? COLORS.accent1_300 : COLORS.accent1_200; }, COLORS.accent1_800);
-var renderResultContent = function (resultType) {
-    switch (resultType) {
-        case 'correct': return React.createElement(SystemIcons.CheckMark, { color: COLORS.white, className: 'quiz-button-result-icon' });
-        case 'incorrect': return React.createElement(SystemIcons.Close, { color: COLORS.white, className: 'quiz-button-result-icon' });
-        default: return React.createElement(SystemIcons.Close, { color: COLORS.white, className: 'quiz-button-result-icon' });
-    }
-};
-var QuizButton = function (_a) {
-    var text = _a.text, type = _a.type, onClick = _a.onClick, resultType = _a.resultType, id = _a.id, className = _a.className, _b = _a.selected, selected = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? Size.Medium : _d, rest = __rest(_a, ["text", "type", "onClick", "resultType", "id", "className", "selected", "disabled", "size"]);
-    return (React.createElement(OptionContainer, __assign({ onClick: onClick, isSelected: selected, tabIndex: (disabled || resultType) ? -1 : 0, onMouseDown: defaultOnMouseDownHandler, size: size, className: 'quiz-button '.concat(selected ? ' selected' : '')
-            .concat(disabled ? ' disabled' : '')
-            .concat(resultType ? ' result ' + resultType : '')
-            .concat(className ? ' ' + className : ''), "data-testid": 'container', "aria-checked": selected, role: type === 'radio' ? 'radio' : 'checkbox' }, rest),
-        React.createElement(ButtonContainer, { "data-testid": 'btnContainer', className: 'quiz-button-icon', size: size }, resultType ? renderResultContent(resultType) : (type === 'radio' ? React.createElement(RadioButton, { selected: selected, disabled: disabled, size: size, tabIndexVal: -1, select: function () { }, id: id }) : React.createElement(Checkbox, { selected: selected, disabled: disabled, size: size, tabIndexVal: -1, select: function () { }, id: id }))),
-        React.createElement(TextContainer, { "data-testid": 'txtContainer', className: 'quiz-button-text', size: size },
-            React.createElement(TextWrapper, { size: size }, text))));
-};
-export default QuizButton;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/QuizButton/index.d.ts

@@ -1 +0,0 @@
-export { default as QuizButton } from './QuizButton';

package/dist/src/QuizButton/index.js

@@ -1 +0,0 @@
-export { default as QuizButton } from './QuizButton';

package/dist/src/SegmentControl/SegmentControl.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import { Size } from '../types';
-export declare const SegmentControlItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SegmentControlItemBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SegmentControlItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SegmentControlWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export interface SegmentControlItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'content' | 'onMouseDown' | 'onKeyDown' | 'onClick'> {
-    /**
-     * Required. The key of the segment control item. This should be unique among all items in the segment control.
-     */
-    key: string;
-    /**
-     * Optional. A boolean indicating whether the segment control item is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Required. The content of the segment control item. This can be a string or a React node.
-     */
-    content: React.ReactNode | string;
-}
-export interface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /**
-     * Required. An array of SegmentControlItem objects representing the items in the segment control.
-     */
-    items: SegmentControlItem[];
-    /**
-     * Optional. The key of the currently selected item in the segment control. In order to change selected item
-     * when user clicks on it, you should update this prop to display item as 'selected'.
-     */
-    selected: string;
-    /**
-     * Required. A function to be called when the selected item in the segment control changes.
-     * It should take a string representing the key of the new selected item.
-     */
-    onChange: (value: string) => void;
-    /**
-     * Optional. The size of the segment control. Can be 'Small' or 'Medium'.
-     */
-    size?: Size.Small | Size.Medium;
-}
-declare const SegmentControl: React.FunctionComponent<SegmentControlProps>;
-export default SegmentControl;

package/dist/src/SegmentControl/SegmentControl.js

@@ -1,57 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { Size } from '../types';
-import styled from 'styled-components';
-import { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES } from '../styles';
-import { defaultOnMouseDownHandler } from '../common';
-export var SegmentControlItemContent = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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: ", ";\n"], ["\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: ", ";\n"])), COLORS.neutral_600);
-export var SegmentControlItemBackground = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ", ";\n  padding: 4px 0px;\n"], ["\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ", ";\n  padding: 4px 0px;\n"])), COLORS.neutral_20);
-export var SegmentControlItemWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\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    ", "\n  }\n\n  &:hover {\n    z-index: ", ";\n\n    ", " {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &:active {\n    z-index: ", ";\n\n    ", " {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    ", " {\n      background-color: transparent;\n      color: ", ";\n    }\n  }\n\n  &.selected {\n    cursor: default;\n    pointer-events: none;\n\n    ", " {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &.selected.disabled {\n    cursor: not-allowed;\n    pointer-events: unset;\n    \n    ", " {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"], ["\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    ", "\n  }\n\n  &:hover {\n    z-index: ", ";\n\n    ", " {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &:active {\n    z-index: ", ";\n\n    ", " {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    ", " {\n      background-color: transparent;\n      color: ", ";\n    }\n  }\n\n  &.selected {\n    cursor: default;\n    pointer-events: none;\n\n    ", " {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &.selected.disabled {\n    cursor: not-allowed;\n    pointer-events: unset;\n    \n    ", " {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), focusStyles, Z_INDEXES.hover, SegmentControlItemContent, COLORS.primary_100, COLORS.primary_700, Z_INDEXES.active, SegmentControlItemContent, COLORS.primary_200, COLORS.primary_800, SegmentControlItemContent, COLORS.neutral_300, SegmentControlItemContent, COLORS.primary_500, COLORS.white, SegmentControlItemContent, COLORS.neutral_100, COLORS.neutral_300);
-export var SegmentControlWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  ", ":first-of-type {\n    ", " {\n      border-bottom-left-radius: 12px;\n      border-top-left-radius: 12px;\n      padding-left: 4px;\n    }\n  }\n\n  ", ":last-of-type {\n    ", " {\n      border-bottom-right-radius: 12px;\n      border-top-right-radius: 12px;\n      padding-right: 4px;\n    }\n  }\n\n\n  &.small {\n    ", " {\n      ", "\n      min-height: 32px;\n    }\n  }\n\n  &.medium {\n    ", " {\n      ", "\n      min-height: 40px;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  ", ":first-of-type {\n    ", " {\n      border-bottom-left-radius: 12px;\n      border-top-left-radius: 12px;\n      padding-left: 4px;\n    }\n  }\n\n  ", ":last-of-type {\n    ", " {\n      border-bottom-right-radius: 12px;\n      border-top-right-radius: 12px;\n      padding-right: 4px;\n    }\n  }\n\n\n  &.small {\n    ", " {\n      ", "\n      min-height: 32px;\n    }\n  }\n\n  &.medium {\n    ", " {\n      ", "\n      min-height: 40px;\n    }\n  }\n"])), SegmentControlItemWrapper, SegmentControlItemBackground, SegmentControlItemWrapper, SegmentControlItemBackground, SegmentControlItemContent, ComponentSStyling(ComponentTextStyle.Bold, null), SegmentControlItemContent, ComponentMStyling(ComponentTextStyle.Bold, null));
-var SegmentControl = function (_a) {
-    var items = _a.items, _b = _a.size, size = _b === void 0 ? Size.Medium : _b, onChange = _a.onChange, selected = _a.selected, className = _a.className, rest = __rest(_a, ["items", "size", "onChange", "selected", "className"]);
-    var onKeyPress = function (e, item) {
-        var _a;
-        if (e.key === 'Enter' || e.key === ' ') {
-            //@ts-ignore
-            (_a = document === null || document === void 0 ? void 0 : document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();
-            !item.disabled && onChange(item.key);
-        }
-    };
-    var onClick = function (e, item) {
-        !item.disabled && onChange(item.key);
-    };
-    return (React.createElement(SegmentControlWrapper, __assign({ className: "".concat(size, " ").concat(className || '') }, rest), items.map(function (a, i) {
-        var key = a.key, disabled = a.disabled, content = a.content, className = a.className, rest = __rest(a, ["key", "disabled", "content", "className"]);
-        return React.createElement(SegmentControlItemWrapper, __assign({ key: a.key || i, className: (className || '') + (a.disabled ? 'disabled' : '') + (a.key === selected ? ' selected' : ''), tabIndex: a.disabled || a.key === selected ? -1 : 0, onClick: a.disabled ? undefined : function (e) { return onClick(e, a); }, onMouseDown: defaultOnMouseDownHandler, onKeyPress: a.disabled ? undefined : function (e) { return onKeyPress(e, a); } }, rest),
-            React.createElement(SegmentControlItemBackground, null,
-                React.createElement(SegmentControlItemContent, null, a.content)));
-    })));
-};
-export default SegmentControl;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/SegmentControl/index.d.ts

@@ -1,3 +0,0 @@
-import { SegmentControlItem, default as SegmentControl, SegmentControlProps } from './SegmentControl';
-export type { SegmentControlItem, SegmentControlProps };
-export { SegmentControl };

package/dist/src/SegmentControl/index.js

@@ -1,2 +0,0 @@
-import { default as SegmentControl } from './SegmentControl';
-export { SegmentControl };

package/dist/src/Services/functions.d.ts

@@ -1 +0,0 @@
-export declare function createUUID(): string;

package/dist/src/Services/functions.js

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

package/dist/src/SideMenu/SideMenu.d.ts

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

package/dist/src/SideMenu/SideMenu.js

@@ -1,43 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { SideMenuHeader } from './SideMenuHeader';
-import { SideMenuFooter } from './SideMenuFooter';
-import { SideMenuBody } from './SideMenuBody';
-import { BOXSHADOWS, COLORS, Z_INDEXES } from '../styles';
-import { Size } from '../types';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n  background: ", ";\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ", ";\n\n  &.small {\n    min-width: 320px;\n  }\n\n  &.medium {\n    min-width: 400px;\n  }\n\n  &.large {\n    min-width: 480px;\n  }\n"], ["\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n  background: ", ";\n\n  display: flex;\n  flex-direction: column;\n\n  width: fit-content;\n  box-shadow: ", ";\n\n  &.small {\n    min-width: 320px;\n  }\n\n  &.medium {\n    min-width: 400px;\n  }\n\n  &.large {\n    min-width: 480px;\n  }\n"])), Z_INDEXES.off_canvas, COLORS.white, BOXSHADOWS.BOXSHADOW_CENTERED);
-var SideMenu = function (props) {
-    var _a = props.size, size = _a === void 0 ? Size.Medium : _a, className = props.className, rest = __rest(props, ["size", "className"]);
-    return (React.createElement(Wrapper, __assign({ className: "".concat(size, " ").concat(className || '') }, rest),
-        React.createElement(SideMenuHeader, __assign({}, props)),
-        React.createElement(SideMenuBody, __assign({}, props)),
-        props.footer && React.createElement(SideMenuFooter, __assign({}, props))));
-};
-export default SideMenu;
-var templateObject_1;

package/dist/src/SideMenu/SideMenuBody.d.ts

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

package/dist/src/SideMenu/SideMenuBody.js

@@ -1,24 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { scrollBarStyling } from '../styles';
-import { Size } from '../types';
-import { useDimensionsRef } from 'rooks';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 8px 0;\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n"], ["\n  padding: 8px 0;\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n"])));
-var ScrollableContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 6px;\n  }\n\n  ", "\n"], ["\n  flex: 1;\n  display: flex;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 6px;\n  }\n\n  ", "\n"])), scrollBarStyling(Size.Small));
-export var SideMenuBody = function (props) {
-    var _a = React.useState(false), scrollable = _a[0], setScrollable = _a[1];
-    var _b = useDimensionsRef({ updateOnResize: true }), ref = _b[0], dimensions = _b[1], node = _b[2];
-    React.useEffect(function () {
-        var _a, _b;
-        var clientHeight = (_a = node === null || node === void 0 ? void 0 : node.clientHeight) !== null && _a !== void 0 ? _a : 0;
-        var scrollHeight = (_b = node === null || node === void 0 ? void 0 : node.scrollHeight) !== null && _b !== void 0 ? _b : 0;
-        setScrollable(scrollHeight > clientHeight);
-    }, [dimensions, node, props.children]);
-    return (React.createElement(Wrapper, null,
-        React.createElement(ScrollableContainer, { ref: ref, className: scrollable ? 'scrollable' : '' }, props.children)));
-};
-var templateObject_1, templateObject_2;

package/dist/src/SideMenu/SideMenuFooter.d.ts

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

package/dist/src/SideMenu/SideMenuFooter.js

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

package/dist/src/SideMenu/SideMenuHeader.d.ts

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

package/dist/src/SideMenu/SideMenuHeader.js

@@ -1,46 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';
-import { IconButton } from '../Button';
-import { SystemIcons } from '../icons';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
-var LabelContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"], ["\n  margin-left: 8px;\n\n  .small & {\n    ", "\n  }\n\n  .medium & {\n    ", "\n  }\n\n  .large & {\n    ", "\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600), ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
-export var SideMenuHeader = function (props) {
-    var _a, _b, _c;
-    return (React.createElement(Wrapper, null, (_b = (_a = props.header) === null || _a === void 0 ? void 0 : _a.actions) === null || _b === void 0 ? void 0 :
-        _b.map(function (_a, index) {
-            var icon = _a.icon, rest = __rest(_a, ["icon"]);
-            return React.createElement(IconButton, __assign({ key: index, variant: 'secondary', shape: 'circular' }, rest), icon);
-        }),
-        ((_c = props.header) === null || _c === void 0 ? void 0 : _c.label) &&
-            React.createElement(LabelContainer, null, props.header.label),
-        React.createElement(IconButton, { action: props.onClose, variant: 'secondary', shape: 'circular', style: { marginLeft: 'auto' } },
-            React.createElement(SystemIcons.Close, null))));
-};
-var templateObject_1, templateObject_2;

package/dist/src/SideMenu/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SideMenu } from './SideMenu';
-export * from './types';

package/dist/src/SideMenu/index.js

@@ -1,2 +0,0 @@
-export { default as SideMenu } from './SideMenu';
-export * from './types';

package/dist/src/SideMenu/types.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '../Button/Button';
-import { IconButtonProps } from '../Button/Iconbutton';
-import { MenuItemProps } from '../MenuItem/MenuItem';
-import { Size } from '../types';
-export declare type SideMenuAction = Omit<IconButtonProps, 'variant' | 'shape' | 'isInMobileMenu' | 'borderRadius' | 'flatEdge' | 'focusBackgroundColor' | 'useTransparentBackground' | 'unsetIconSize' | 'shouldNotInteract' | 'invertFocus' | 'hideOnLowWidth' | 'children'> & {
-    icon: React.ReactNode;
-};
-export declare type SideMenuButton = Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'> & {
-    label: string;
-};
-export declare type SideMenuItem = Omit<MenuItemProps, 'size'>;
-export interface SideMenuHeader {
-    actions?: SideMenuAction[];
-    label?: string;
-}
-export interface SideMenuFooter {
-    items?: SideMenuItem[];
-    buttons?: SideMenuButton[];
-    note?: string;
-}
-export interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: Size.Small | Size.Medium | Size.Large;
-    header?: SideMenuHeader;
-    footer?: SideMenuFooter;
-    onClose: () => void;
-    children?: any;
-}

package/dist/src/SideMenu/types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/SkipToContent/SkipToContent.d.ts

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

package/dist/src/SkipToContent/SkipToContent.js

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

package/dist/src/SkipToContent/index.d.ts

@@ -1 +0,0 @@
-export { default as SkipToContent } from './SkipToContent';

package/dist/src/SkipToContent/index.js

@@ -1 +0,0 @@
-export { default as SkipToContent } from './SkipToContent';

package/dist/src/Switcher/MobileCustomMenuContent.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';
-interface MobileCustomMenuContentProps {
-    header?: MenuGroupHeader;
-    action?: MenuButton;
-    children?: React.ReactNode;
-}
-export declare const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps>;
-export {};

package/dist/src/Switcher/MobileCustomMenuContent.js

@@ -1,26 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { useScrollableContainer } from '../common/ScrollableContainer';
-import { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';
-import { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';
-export var MobileCustomMenuContent = function (_a) {
-    var children = _a.children, header = _a.header, action = _a.action;
-    var _b = useScrollableContainer([children]), scrollContainerRef = _b[0], scrollable = _b[1];
-    return (React.createElement(MobileMenuWrapper, null,
-        React.createElement(ScrollableContainer, { ref: scrollContainerRef, className: scrollable ? 'scrollable' : '' },
-            !!header && (React.createElement(MobileHeaderContainer, null,
-                React.createElement(MobileHeaderText, null, header.header),
-                header.note && React.createElement(MobileHeaderNote, null, header.note))),
-            children),
-        action && React.createElement(MobileActionContainer, __assign({}, action))));
-};

package/dist/src/Switcher/MobileSwitcherMenu.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';
-interface Props {
-    label: string;
-    header: string;
-    note?: string;
-    onMenuClose: () => void;
-    items?: MenuNavigationItemTypeItem[];
-    footerAction?: MenuButton;
-    customContent?: React.ReactNode;
-}
-declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => React.JSX.Element;
-export default MobileSwitcherMenu;

package/dist/src/Switcher/MobileSwitcherMenu.js

@@ -1,21 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS } from '../styles';
-import { Z_INDEXES } from '../styles';
-import MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';
-import MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';
-import { MobileCustomMenuContent } from './MobileCustomMenuContent';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 320px;\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ", " {\n    width: 400px;\n  }\n"], ["\n  width: 320px;\n  z-index: ", ";\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ", " {\n    width: 400px;\n  }\n"])), Z_INDEXES.off_canvas, BREAKPOINTS.SMALL);
-var MobileSwitcherMenu = function (_a) {
-    var label = _a.label, header = _a.header, note = _a.note, onMenuClose = _a.onMenuClose, customContent = _a.customContent, items = _a.items, footerAction = _a.footerAction;
-    return (React.createElement(Wrapper, { role: "menu", "aria-labelledby": "UserMenuButton" },
-        React.createElement(MobileMenuHeader, { onGoBack: onMenuClose, label: label, onClose: onMenuClose }),
-        items && React.createElement(MobileMenuContent, { header: { header: header, note: note }, items: items, action: footerAction }),
-        customContent && (React.createElement(MobileCustomMenuContent, { header: { header: header, note: note }, action: footerAction }, customContent))));
-};
-export default MobileSwitcherMenu;
-var templateObject_1;

package/dist/src/Switcher/SwitcherMenuItem.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface SwitcherNavItem {
-    label: string;
-    url: string;
-    disabled?: boolean;
-    icon?: any;
-    as?: any;
-    testId?: string;
-}
-declare const SwitcherMenuItem: ({ label, url, disabled, icon, as, testId }: SwitcherNavItem) => React.JSX.Element;
-export default SwitcherMenuItem;

package/dist/src/Switcher/SwitcherMenuItem.js

@@ -1,18 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles } from '../styles';
-import { defaultOnMouseDownHandler } from '../common';
-var StyledSwitcherItem = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"], ["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600), Z_INDEXES.active, COLORS.neutral_800, COLORS.primary_500, COLORS.neutral_800, COLORS.neutral_300, COLORS.neutral_100, Z_INDEXES.hover, COLORS.primary_600, COLORS.primary_20, COLORS.primary_600, Z_INDEXES.active, COLORS.primary_800, COLORS.primary_100, COLORS.primary_500, COLORS.primary_800, focusStyles);
-var A = styled.a(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-var SwitcherMenuItem = function (_a) {
-    var label = _a.label, url = _a.url, disabled = _a.disabled, icon = _a.icon, _b = _a.as, as = _b === void 0 ? A : _b, testId = _a.testId;
-    return (React.createElement(StyledSwitcherItem, { onClick: function () { return (window.location.href = url || ''); }, as: as, onMouseDown: defaultOnMouseDownHandler, href: url || '', target: "_parent", key: label, className: disabled ? 'disabled' : '', "data-testid": testId },
-        !!icon && React.cloneElement(icon, { size: '24px', color: '#666666' }),
-        label));
-};
-export default SwitcherMenuItem;
-var templateObject_1, templateObject_2;

package/dist/src/Switcher/__tests__/SwitcherMenuItem.d.ts

@@ -1 +0,0 @@
-import 'jest-styled-components';