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

package/dist/src/Layouts/index.js

@@ -1,25 +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 styled from 'styled-components';
-import { BREAKPOINTS } from '../styles';
-var GRID = {
-    GAP: {
-        SMALL: '16px',
-        MEDIUM: '24px',
-        LARGE: '32px',
-    },
-    GUTTER: {
-        SMALL: '16px 16px 32px',
-        MEDIUM: '24px 32px 64px',
-        LARGE: '32px 64px 128px',
-    },
-};
-export var PageWidth = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  margin: ", ";\n  ", "\n\n  ", " {\n    margin: ", ";\n    ", "\n  }\n\n  ", " {\n    margin: ", ";\n    ", "\n  }\n\n  ", " {\n    max-width: ", ";\n\n    margin: 32px auto 128px;\n    ", "\n  }\n"], ["\n  display: block;\n  margin: ", ";\n  ", "\n\n  ", " {\n    margin: ", ";\n    ", "\n  }\n\n  ", " {\n    margin: ", ";\n    ", "\n  }\n\n  ", " {\n    max-width: ", ";\n\n    margin: 32px auto 128px;\n    ", "\n  }\n"])), GRID.GUTTER.SMALL, function (props) { return props.unsetMargin && 'margin-top: 0; margin-bottom: 0;'; }, BREAKPOINTS.MEDIUM, GRID.GUTTER.MEDIUM, function (props) { return props.unsetMargin && 'margin-top: 0; margin-bottom: 0;'; }, BREAKPOINTS.LARGE, GRID.GUTTER.LARGE, function (props) { return props.unsetMargin && 'margin-top: 0; margin-bottom: 0;'; }, BREAKPOINTS.LARGE, function (props) { return (props.useMaxWidth
-    ? (props.maxWidth
-        ? 'min(100% - 128px,' + props.maxWidth + 'px)'
-        : 'calc(100% - 128px)')
-    : 'calc(1600px - 128px)'); }, function (props) { return props.unsetMargin && 'margin-top: 0; margin-bottom: 0;'; });
-export var Columns = styled.section(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  display: grid;\n  grid-gap: ", ";\n  word-break: break-word; /* Prevent long words from breaking the layout \u2013 consider making this rule global */\n\n  ", " {\n    grid-template-columns: ", ";\n    -ms-grid-columns: ", ";\n    grid-gap: ", ";\n  }\n\n  ", " {\n    grid-gap: ", ";\n  }\n\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n    display: -ms-grid;\n\n    > *:not(:first-child) {\n      margin-left: ", ";\n    }\n  }\n\n  @media print {\n    grid-gap: 0;\n    grid-template-columns: ", ";\n  }\n"], ["\n  width: 100%;\n  display: grid;\n  grid-gap: ", ";\n  word-break: break-word; /* Prevent long words from breaking the layout \u2013 consider making this rule global */\n\n  ", " {\n    grid-template-columns: ", ";\n    -ms-grid-columns: ", ";\n    grid-gap: ", ";\n  }\n\n  ", " {\n    grid-gap: ", ";\n  }\n\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n    display: -ms-grid;\n\n    > *:not(:first-child) {\n      margin-left: ", ";\n    }\n  }\n\n  @media print {\n    grid-gap: 0;\n    grid-template-columns: ", ";\n  }\n"])), function (props) { return props.gap || GRID.GAP.SMALL; }, BREAKPOINTS.MEDIUM, function (props) { return props.columns; }, function (props) { return props.columns; }, function (props) { return props.gap || GRID.GAP.MEDIUM; }, BREAKPOINTS.LARGE, function (props) { return props.gap || GRID.GAP.LARGE; }, GRID.GAP.MEDIUM, function (props) { return props.printColumns || 'none'; });
-var templateObject_1, templateObject_2;

package/dist/src/LinearProgress/LinearProgress.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { Size } from '../types';
-export declare const Bar: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Dot: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LineFill: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Line: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare enum LinearProgressType {
-    Dots = "dots",
-    Line = "line",
-    Bars = "bars"
-}
-export declare enum LinearProgressVariant {
-    Normal = "normal",
-    Inverted = "inverted"
-}
-export interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Size of the component. Defaults to 'medium' */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Progress type. Defaults to 'line' */
-    type?: LinearProgressType;
-    /** Progress variant. Defaults to 'normal' */
-    variant?: LinearProgressVariant;
-    /** Label of the component */
-    label?: string;
-    /** Current value on the progress. */
-    value: number;
-    /** Maximum value of the progress bar. */
-    max: number;
-}
-declare const LinearProgress: React.FunctionComponent<LinearProgressProps>;
-export default LinearProgress;

package/dist/src/LinearProgress/LinearProgress.js

@@ -1,78 +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, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';
-export var Bar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1;\n  height: 6px;\n\n  &.small {\n    height: 6px;\n  }\n\n  &.medium {\n    height: 8px;\n  }\n\n  &.large {\n    height: 12px;\n  }\n\n  background-color: ", ";\n\n  &.active {\n    background-color: ", ";\n  }\n\n  &.current {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n  }\n\n  &.inverted.active {\n    background-color: ", ";\n  }\n\n  &.inverted.current {\n    background-color: ", ";\n  }\n\n"], ["\n  flex: 1;\n  height: 6px;\n\n  &.small {\n    height: 6px;\n  }\n\n  &.medium {\n    height: 8px;\n  }\n\n  &.large {\n    height: 12px;\n  }\n\n  background-color: ", ";\n\n  &.active {\n    background-color: ", ";\n  }\n\n  &.current {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n  }\n\n  &.inverted.active {\n    background-color: ", ";\n  }\n\n  &.inverted.current {\n    background-color: ", ";\n  }\n\n"])), COLORS.neutral_100, COLORS.accent1_400, COLORS.accent1_800, COLORS.neutral_600, COLORS.accent1_400, COLORS.white);
-export var Dot = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n\n  &:after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ", ";\n  }\n\n  &.small {\n    &:after {\n      width: 6px;\n      height: 6px;\n    }\n\n    &.current:after {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &.medium {\n    &:after {\n      width: 8px;\n      height: 8px;\n    }\n\n    &.current:after {\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &.large {\n    &:after {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.current:after {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n\n  &.active:after {\n    background-color: ", ";\n  }\n\n  &.current:after {\n    background-color: ", ";\n  }\n\n  &.inverted:after {\n    background-color: ", ";\n  }\n\n  &.inverted.active:after {\n    background-color: ", ";\n  }\n\n  &.inverted.current:after {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n\n  &:after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ", ";\n  }\n\n  &.small {\n    &:after {\n      width: 6px;\n      height: 6px;\n    }\n\n    &.current:after {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &.medium {\n    &:after {\n      width: 8px;\n      height: 8px;\n    }\n\n    &.current:after {\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &.large {\n    &:after {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.current:after {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n\n  &.active:after {\n    background-color: ", ";\n  }\n\n  &.current:after {\n    background-color: ", ";\n  }\n\n  &.inverted:after {\n    background-color: ", ";\n  }\n\n  &.inverted.active:after {\n    background-color: ", ";\n  }\n\n  &.inverted.current:after {\n    background-color: ", ";\n  }\n"])), COLORS.neutral_400, COLORS.accent1_600, COLORS.accent1_800, COLORS.neutral_400, COLORS.accent1_400, COLORS.white);
-export var LineFill = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  max-width: 100%;\n  position: absolute;\n  z-index: 1;\n"], ["\n  height: 100%;\n  max-width: 100%;\n  position: absolute;\n  z-index: 1;\n"])));
-export var Line = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    left: 0;\n  }\n\n  &.small {\n    height: 6px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 3px;\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n\n    &:before {\n      width: 3px;\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n  }\n\n  &.medium {\n    height: 8px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 4px;\n      border-top-right-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    &:before {\n      width: 4px;\n      border-top-left-radius: 8px;\n      border-bottom-left-radius: 8px;\n    }\n  }\n\n  &.large {\n    height: 12px;\n    border-radius: 6px;\n\n    ", " {\n      border-radius: 6px;\n    }\n\n    &:after {\n      width: 6px;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &:before {\n      width: 6px;\n      border-top-left-radius: 12px;\n      border-bottom-left-radius: 12px;\n    }\n  }\n\n  background-color: ", ";\n\n  ", " {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n\n    &:after,\n    &:before {\n      background-color: ", ";\n    }\n\n    ", " {\n      background-color: ", ";\n    }\n  }\n"], ["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    left: 0;\n  }\n\n  &.small {\n    height: 6px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 3px;\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n\n    &:before {\n      width: 3px;\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n  }\n\n  &.medium {\n    height: 8px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 4px;\n      border-top-right-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    &:before {\n      width: 4px;\n      border-top-left-radius: 8px;\n      border-bottom-left-radius: 8px;\n    }\n  }\n\n  &.large {\n    height: 12px;\n    border-radius: 6px;\n\n    ", " {\n      border-radius: 6px;\n    }\n\n    &:after {\n      width: 6px;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &:before {\n      width: 6px;\n      border-top-left-radius: 12px;\n      border-bottom-left-radius: 12px;\n    }\n  }\n\n  background-color: ", ";\n\n  ", " {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n\n    &:after,\n    &:before {\n      background-color: ", ";\n    }\n\n    ", " {\n      background-color: ", ";\n    }\n  }\n"])), COLORS.neutral_500, COLORS.neutral_500, LineFill, LineFill, LineFill, COLORS.neutral_100, LineFill, COLORS.accent1_500, COLORS.neutral_700, COLORS.neutral_400, LineFill, COLORS.accent1_400);
-var Label = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), COLORS.black);
-var Content = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: 16px;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: 16px;\n"])));
-var Wrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &.inverted {\n    ", " {\n      color: ", ";\n    }\n  }\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 4px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n      }\n    }\n  }\n\n  &.medium {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 6px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 8px;\n        border-bottom-right-radius: 8px;\n      }\n    }\n  }\n\n  &.large {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 8px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n      }\n    }\n  }\n\n  &.dots.small,\n  &.dots.medium {\n    ", " {\n      padding: 0 2px;\n    }\n  }\n\n  &.dots.large {\n    ", " {\n      padding: 0 3px;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &.inverted {\n    ", " {\n      color: ", ";\n    }\n  }\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 4px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n      }\n    }\n  }\n\n  &.medium {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 6px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 8px;\n        border-bottom-right-radius: 8px;\n      }\n    }\n  }\n\n  &.large {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 8px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n      }\n    }\n  }\n\n  &.dots.small,\n  &.dots.medium {\n    ", " {\n      padding: 0 2px;\n    }\n  }\n\n  &.dots.large {\n    ", " {\n      padding: 0 3px;\n    }\n  }\n"])), Label, COLORS.white, Label, ComponentSStyling(ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, ComponentMStyling(ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, ComponentLStyling(ComponentTextStyle.Regular, null), Content, Bar, Bar, Content, Content);
-export var LinearProgressType;
-(function (LinearProgressType) {
-    LinearProgressType["Dots"] = "dots";
-    LinearProgressType["Line"] = "line";
-    LinearProgressType["Bars"] = "bars";
-})(LinearProgressType || (LinearProgressType = {}));
-export var LinearProgressVariant;
-(function (LinearProgressVariant) {
-    LinearProgressVariant["Normal"] = "normal";
-    LinearProgressVariant["Inverted"] = "inverted";
-})(LinearProgressVariant || (LinearProgressVariant = {}));
-var LinearProgress = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? Size.Medium : _b, _c = _a.type, type = _c === void 0 ? LinearProgressType.Line : _c, _d = _a.variant, variant = _d === void 0 ? LinearProgressVariant.Normal : _d, label = _a.label, value = _a.value, max = _a.max, className = _a.className, rest = __rest(_a, ["size", "type", "variant", "label", "value", "max", "className"]);
-    var renderBars = function () {
-        return React.createElement(React.Fragment, null, Array.from(Array(max).keys()).map(function (i) { return (React.createElement(Bar, { key: i, className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size) })); }));
-    };
-    var renderDots = function () {
-        return React.createElement(React.Fragment, null, Array.from(Array(max).keys()).map(function (i) { return (React.createElement(Dot, { key: i, className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size) })); }));
-    };
-    var renderLine = function () {
-        return React.createElement(React.Fragment, null,
-            React.createElement(Line, { className: "".concat(variant, " ").concat(size) },
-                React.createElement(LineFill, { style: { width: "".concat(value / max * 100, "%") } })));
-    };
-    var render = function () {
-        switch (type) {
-            case LinearProgressType.Bars:
-                return renderBars();
-            case LinearProgressType.Dots:
-                return renderDots();
-            case LinearProgressType.Line:
-            default:
-                return renderLine();
-        }
-    };
-    return (React.createElement(Wrapper, __assign({ className: "".concat(size, " ").concat(type, " ").concat(variant, " ").concat(className || '') }, rest),
-        label && React.createElement(Label, null, label),
-        React.createElement(Content, null, render())));
-};
-export default LinearProgress;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

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

@@ -1,3 +0,0 @@
-import LinearProgress, { LinearProgressType, LinearProgressVariant } from './LinearProgress';
-export { LinearProgressType, LinearProgressVariant };
-export { LinearProgress };

package/dist/src/LinearProgress/index.js

@@ -1,3 +0,0 @@
-import LinearProgress, { LinearProgressType, LinearProgressVariant } from './LinearProgress';
-export { LinearProgressType, LinearProgressVariant };
-export { LinearProgress };

package/dist/src/List/ListRow.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
-import { Size } from '../types';
-export interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> {
-    /** Size of the ListRow. Defaults to 'medium'. */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Variant of the ListRow. Defaults to 'normal'. */
-    variant?: 'normal' | 'overlay';
-    /** Optional. Icon to be shown on the left side of the ListRow. */
-    icon?: React.ReactNode;
-    /** Required. Main text of the ListRow */
-    mainText: string;
-    /** Optional. Secondary row shown under MainText  */
-    secondaryText?: string;
-    /** Optional. Details of the DropdownButton shown on the right side of the ListRow.  */
-    dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;
-    /** Optional. Note to be shown on the right side of the component.  */
-    note?: string;
-    /** Optional. Tooltip of the Note shown on the right side of the component.  */
-    noteTooltip?: string;
-    /** Optional. If disabled then styles are greyed out and user can not interact with dropdown or click on the ListRow. */
-    disabled?: boolean;
-    /** Optional. Action to be executed when user clicks the row. */
-    action?: () => void;
-    /** Optional. Icon of the IconButton to show on the right side of the component */
-    rightSideIcon?: React.ReactNode;
-    /** Optional. Action to be executed when user clicks on the IconButton on the right */
-    rightSideAction?: () => void;
-    /** Optional. If disabled user will not be able to interact with IconButton shown on the right side */
-    rightSideIconDisabled?: boolean;
-}
-declare const ListRow: React.FunctionComponent<ListRowProps>;
-export default ListRow;

package/dist/src/List/ListRow.js

@@ -1,83 +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 { COLORS, ComponentTextStyle, focusStyles } from '../styles';
-import { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling } from '../styles';
-import { TooltipWrapper } from '../Tooltips';
-import { DropdownButton } from '../Dropdown';
-import { SystemIcons } from '../icons';
-import { Size } from '../types';
-import { Z_INDEXES } from '../styles';
-import { defaultOnMouseDownHandler } from '../common';
-import { IconButton } from '../Button';
-var Row = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n\n  color: ", ";\n  background-color: ", ";\n\n\n  cursor: default;\n\n  &.interactive {\n    cursor: pointer;\n  }\n\n  &.interactive.disabled {\n    cursor: not-allowed;\n  }\n\n  &.interactive:hover:not(.in-action):not(.disabled) {\n    background-color: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &.interactive:active:not(.in-action):not(.disabled) {\n    background-color: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &.interactive:focus {\n    ", "\n  }\n\n  &.disabled {\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\n      color: ", ";\n    }\n  }\n\n\n  &.small {\n    min-height: 48px;\n    padding: 0 8px;\n\n    .list-item-icon {\n      margin-right: 8px;\n    }\n\n    .list-item-main-text {\n      ", "\n    }\n\n    .list-item-actions {\n      margin-right: -8px;\n    }\n  }\n\n  &.medium {\n    min-height: 56px;\n    padding: 0 12px;\n\n    .list-item-icon {\n      margin-right: 12px;\n    }\n\n    .list-item-main-text {\n      ", "\n    }\n\n    .list-item-actions {\n      margin-right: -12px;\n    }\n  }\n\n  &.large {\n    min-height: 64px;\n    padding: 0 16px;\n\n    .list-item-icon {\n      margin-right: 16px;\n    }\n\n    .list-item-main-text {\n      ", "\n    }\n\n    .list-item-actions {\n      margin-right: -16px;\n    }\n  }\n\n  &.overlay {\n    padding: 0 4px;\n\n    .list-item-actions {\n      margin-right: -4px;\n    }\n  }\n\n  .list-item-icon {\n    width: 24px;\n    height: 24px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .list-item-content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .list-item-main-text {\n  }\n\n  .list-item-secondary-text {\n    ", "\n  }\n\n  .list-item-note {\n    color: ", ";\n    word-break: initial;\n    ", "\n  }\n\n  .list-item-note.with-tooltip {\n    cursor: pointer;\n\n    > div {\n      text-decoration-line: underline;\n      text-decoration-style: dashed;\n      text-underline-offset: 1px;\n      text-decoration-thickness: 1px;\n    }\n  }\n\n  .list-item-actions {\n    display: flex;\n    align-items: center;\n\n    button div {\n      background-color: transparent;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n\n  color: ", ";\n  background-color: ", ";\n\n\n  cursor: default;\n\n  &.interactive {\n    cursor: pointer;\n  }\n\n  &.interactive.disabled {\n    cursor: not-allowed;\n  }\n\n  &.interactive:hover:not(.in-action):not(.disabled) {\n    background-color: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &.interactive:active:not(.in-action):not(.disabled) {\n    background-color: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &.interactive:focus {\n    ", "\n  }\n\n  &.disabled {\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\n      color: ", ";\n    }\n  }\n\n\n  &.small {\n    min-height: 48px;\n    padding: 0 8px;\n\n    .list-item-icon {\n      margin-right: 8px;\n    }\n\n    .list-item-main-text {\n      ", "\n    }\n\n    .list-item-actions {\n      margin-right: -8px;\n    }\n  }\n\n  &.medium {\n    min-height: 56px;\n    padding: 0 12px;\n\n    .list-item-icon {\n      margin-right: 12px;\n    }\n\n    .list-item-main-text {\n      ", "\n    }\n\n    .list-item-actions {\n      margin-right: -12px;\n    }\n  }\n\n  &.large {\n    min-height: 64px;\n    padding: 0 16px;\n\n    .list-item-icon {\n      margin-right: 16px;\n    }\n\n    .list-item-main-text {\n      ", "\n    }\n\n    .list-item-actions {\n      margin-right: -16px;\n    }\n  }\n\n  &.overlay {\n    padding: 0 4px;\n\n    .list-item-actions {\n      margin-right: -4px;\n    }\n  }\n\n  .list-item-icon {\n    width: 24px;\n    height: 24px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .list-item-content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .list-item-main-text {\n  }\n\n  .list-item-secondary-text {\n    ", "\n  }\n\n  .list-item-note {\n    color: ", ";\n    word-break: initial;\n    ", "\n  }\n\n  .list-item-note.with-tooltip {\n    cursor: pointer;\n\n    > div {\n      text-decoration-line: underline;\n      text-decoration-style: dashed;\n      text-underline-offset: 1px;\n      text-decoration-thickness: 1px;\n    }\n  }\n\n  .list-item-actions {\n    display: flex;\n    align-items: center;\n\n    button div {\n      background-color: transparent;\n    }\n  }\n"])), COLORS.neutral_100, COLORS.neutral_600, COLORS.white, COLORS.primary_20, COLORS.primary_700, Z_INDEXES.hover, COLORS.primary_100, COLORS.primary_800, Z_INDEXES.active, focusStyles, COLORS.neutral_300, ComponentSStyling(ComponentTextStyle.Regular, null), ComponentMStyling(ComponentTextStyle.Regular, null), ComponentLStyling(ComponentTextStyle.Regular, null), ComponentXXSStyling(ComponentTextStyle.Regular, null), COLORS.neutral_600, ComponentXSStyling(ComponentTextStyle.Regular, null));
-var RightIcon = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  min-width: 48px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  min-width: 48px;\n"])));
-;
-var ListRow = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? Size.Medium : _b, _c = _a.variant, variant = _c === void 0 ? 'normal' : _c, icon = _a.icon, mainText = _a.mainText, secondaryText = _a.secondaryText, dropdown = _a.dropdown, note = _a.note, noteTooltip = _a.noteTooltip, _d = _a.disabled, disabled = _d === void 0 ? false : _d, action = _a.action, rightSideIcon = _a.rightSideIcon, rightSideAction = _a.rightSideAction, rightSideIconDisabled = _a.rightSideIconDisabled, className = _a.className, rest = __rest(_a, ["size", "variant", "icon", "mainText", "secondaryText", "dropdown", "note", "noteTooltip", "disabled", "action", "rightSideIcon", "rightSideAction", "rightSideIconDisabled", "className"]);
-    var _e = React.useState(false), inAction = _e[0], setInAction = _e[1];
-    var handleKeyDown = function (e) {
-        if (e.key === 'Enter') {
-            action && action();
-        }
-    };
-    var rowClassName = (inAction ? 'in-action ' : '')
-        .concat(disabled ? 'disabled ' : '')
-        .concat(!!action ? 'interactive ' : '')
-        .concat('list-item-row ')
-        .concat("".concat(variant, " "))
-        .concat("".concat(size))
-        .concat(className ? " ".concat(className) : '');
-    return (React.createElement(Row, __assign({ tabIndex: !action || disabled ? -1 : 0, className: rowClassName, onMouseDown: defaultOnMouseDownHandler, onKeyDown: function (e) { return !disabled && handleKeyDown(e); }, onClick: function (e) {
-            !disabled && action && action();
-        }, "data-hj-suppress": true }, rest),
-        !!icon &&
-            React.createElement("div", { className: 'list-item-icon' }, icon),
-        React.createElement("div", { className: 'list-item-content' },
-            React.createElement("div", { className: 'list-item-main-text' }, mainText),
-            !!secondaryText && React.createElement("div", { className: 'list-item-secondary-text' }, secondaryText)),
-        !!note &&
-            React.createElement(React.Fragment, null,
-                !!noteTooltip &&
-                    React.createElement("div", { className: 'list-item-note with-tooltip' },
-                        React.createElement(TooltipWrapper, { label: noteTooltip, size: size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small, position: 'top', tabIndex: disabled ? -1 : 0, withArrow: true }, note)),
-                !noteTooltip &&
-                    React.createElement("div", { className: 'list-item-note' }, note)),
-        !!dropdown &&
-            React.createElement("div", { className: 'list-item-actions', onMouseEnter: function () { return setInAction(!(dropdown === null || dropdown === void 0 ? void 0 : dropdown.disabled)); }, onMouseLeave: function () { return setInAction(false); } },
-                React.createElement(DropdownButton, __assign({}, dropdown, { type: 'icon', disabled: disabled || dropdown.disabled, icon: variant === 'overlay'
-                        ? React.createElement(SystemIcons.ArrowDropDown, null)
-                        : React.createElement(SystemIcons.MoreVertical, null) }))),
-        !!rightSideIcon &&
-            React.createElement(RightIcon, { className: 'list-item-actions', onMouseEnter: function () { return rightSideAction && setInAction(!(dropdown === null || dropdown === void 0 ? void 0 : dropdown.disabled)); }, onMouseLeave: function () { return rightSideAction && setInAction(false); } },
-                rightSideAction &&
-                    React.createElement(IconButton, { action: rightSideAction, variant: 'secondary', shape: 'circular', disabled: disabled || rightSideIconDisabled }, rightSideIcon),
-                !rightSideAction && rightSideIcon)));
-};
-export default ListRow;
-var templateObject_1, templateObject_2;

package/dist/src/List/__tests__/ListRow.tests.d.ts

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

package/dist/src/List/__tests__/ListRow.tests.js

@@ -1,51 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ListRow } from '../index';
-import { Size } from '../../types';
-import { SystemIcons } from '../../icons';
-describe('<ListRow />', function () {
-    it('Renders', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var getByText;
-        return __generator(this, function (_a) {
-            getByText = render(React.createElement(ListRow, { icon: React.createElement(SystemIcons.Institute, null), mainText: 'Laerdal Medical AS', size: Size.Small, disabled: false })).getByText;
-            expect(getByText('Laerdal Medical AS')).toBeDefined();
-            return [2 /*return*/];
-        });
-    }); });
-});

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

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

package/dist/src/List/index.js

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

package/dist/src/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { Size } from '../types';
-export declare type LoadingIndicatorProps = {
-    /** Optional. Id of the loading indicator. */
-    id?: string;
-    /** Optional. Size of the loading indicator. Defaults to 'Medium'. */
-    size?: Size.Small | Size.Medium;
-    /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */
-    color?: string;
-};
-declare const LoadingIndicator: ({ size, color, id }: LoadingIndicatorProps) => React.JSX.Element;
-export default LoadingIndicator;

package/dist/src/LoadingIndicator/LoadingIndicator.js

@@ -1,26 +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 } from '../styles';
-import { Size } from '../types';
-import { SystemIcons } from '../icons';
-var LoadingWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    animation-name: spin;\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\n    transform-origin: 50% 50%;\n    \n    @keyframes spin {\n      from {\n        transform: rotate(45deg);\n      }\n      to {\n        transform: rotate(405deg);\n      }\n    }\n  }\n"], ["\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    animation-name: spin;\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\n    transform-origin: 50% 50%;\n    \n    @keyframes spin {\n      from {\n        transform: rotate(45deg);\n      }\n      to {\n        transform: rotate(405deg);\n      }\n    }\n  }\n"])));
-var LoadingIndicator = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? Size.Medium : _b, _c = _a.color, color = _c === void 0 ? COLORS.primary : _c, id = _a.id;
-    switch (size) {
-        case Size.Medium:
-            return (React.createElement(LoadingWrapper, { id: id },
-                React.createElement(SystemIcons.LoadingMedium, { color: color })));
-        case Size.Small:
-            return (React.createElement(LoadingWrapper, { id: id },
-                React.createElement(SystemIcons.LoadingSmall, { color: color })));
-        default:
-            return (React.createElement(LoadingWrapper, { id: id },
-                React.createElement(SystemIcons.LoadingMedium, { color: color })));
-    }
-};
-export default LoadingIndicator;
-var templateObject_1;

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

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

package/dist/src/LoadingIndicator/index.js

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

package/dist/src/LoadingPage/GlobalLoadingPage.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export interface LoaderProps {
-    optionalMessage?: string;
-    includeHeader?: boolean;
-}
-declare const LoadingPage: React.FunctionComponent<LoaderProps>;
-export default LoadingPage;

package/dist/src/LoadingPage/GlobalLoadingPage.js

@@ -1,26 +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 { LaerdalLoadingLogo } from '../assets';
-import LoadingIndicator from '../LoadingIndicator/LoadingIndicator';
-import { COLORS, ComponentTextStyle } from '../styles';
-import { ComponentMStyling } from '../styles/typography';
-var LoadingMain = styled.main(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ", ";\n  height: 100%;\n"], ["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ", ";\n  height: 100%;\n"])), COLORS.primary_20);
-var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 64px;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n"], ["\n  height: 64px;\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n"])), COLORS.white, COLORS.neutral_200);
-var LogoAndMessage = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ", "\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ", "\n  }\n"])), ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600));
-var LoadingIndicatorContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"], ["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
-var LoadingPage = function (_a) {
-    var optionalMessage = _a.optionalMessage, includeHeader = _a.includeHeader;
-    return (React.createElement(LoadingMain, { "data-testid": "TestLoadingMain" },
-        includeHeader && React.createElement(Header, null),
-        React.createElement(LoadingIndicatorContainer, null,
-            React.createElement(LoadingIndicator, null)),
-        React.createElement(LogoAndMessage, { "data-testid": "TestLoadingLogoAndMessage" },
-            optionalMessage && React.createElement("span", null, optionalMessage),
-            React.createElement(LaerdalLoadingLogo, null))));
-};
-export default LoadingPage;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

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

package/dist/src/LoadingPage/index.js

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

package/dist/src/MenuItem/MenuItem.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { Size } from '../types';
-import { DropdownItem } from '../Dropdown';
-export interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {
-    /** Required. Details of the item. */
-    item: DropdownItem;
-    /** Required. Handler to be called when user clicks on the menu item */
-    onClickHandler: (e: React.MouseEvent) => void;
-    /** Required. Styles are different for MenuItems in 'active' state.  */
-    active: boolean;
-    /** Required. Id of the MenuItem.  */
-    id: string;
-    /** Optional. Size of the component. Defaults to 'medium'.  */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Optional. Icon to be shown on the right side of the menu item. Icon will be shown only if 'locked' flag of 'item' is not set. */
-    iconRight?: React.ReactElement;
-}
-export declare const DropdownButton: import("styled-components").StyledComponent<"button", any, {
-    size?: Size | undefined;
-}, never>;
-export declare const ItemLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemIconRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemContent: import("styled-components").StyledComponent<"div", any, {
-    size: Size;
-}, never>;
-export declare const DropdownButtonCSS: (size?: Size | undefined) => import("styled-components").FlattenSimpleInterpolation;
-declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
-export default MenuItem;

package/dist/src/MenuItem/MenuItem.js

@@ -1,60 +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, { css } from 'styled-components';
-import { COLORS, ComponentTextStyle, focusStyles } from '../styles';
-import { SystemIcons } from '../icons';
-import { Size } from '../types';
-import { ComponentLStyling, ComponentMStyling, ComponentSStyling } from '../styles';
-import { defaultOnMouseDownHandler } from '../common';
-export var DropdownButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) { return DropdownButtonCSS(props.size); });
-export var ItemLabel = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-export var ItemIcon = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
-export var ItemIconRight = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n"], ["\n  align-items: center;\n  display: flex;\n"])));
-export var ItemContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin: ", ";\n    display: flex;\n    align-items: center;\n    flex-grow: 2;\n\n    ", " {\n      margin: ", ";\n      flex: 1 0 calc(100% - 40px);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n\n    ", " {\n      margin-right: 8px;\n      svg {\n        display: block;\n        margin: auto;\n        height:", ";\n        width:", ";\n      }\n    }\n\n    ", " {\n      flex-grow: 2;\n\n      .extraMargin {\n        position: absolute;\n        right: ", ";\n      }\n    }\n"], ["\n    margin: ", ";\n    display: flex;\n    align-items: center;\n    flex-grow: 2;\n\n    ", " {\n      margin: ", ";\n      flex: 1 0 calc(100% - 40px);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n\n    ", " {\n      margin-right: 8px;\n      svg {\n        display: block;\n        margin: auto;\n        height:", ";\n        width:", ";\n      }\n    }\n\n    ", " {\n      flex-grow: 2;\n\n      .extraMargin {\n        position: absolute;\n        right: ", ";\n      }\n    }\n"])), function (props) { return props.size === Size.Small ? 'auto 0 auto 10px' : (props.size === Size.Large ? 'auto 0 auto 26px' : 'auto 0 auto 18px'); }, ItemLabel, function (props) { return props.size === Size.Small || props.size === Size.Medium ? '14px 0' : '16px 0'; }, ItemIcon, function (props) { return props.size === Size.Small ? '20px' : ''; }, function (props) { return props.size === Size.Small ? '20px' : ''; }, ItemIconRight, function (props) { return props.size === Size.Small ? '16px' : '24px'; });
-export var DropdownButtonCSS = function (size) {
-    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n\n    position: relative;\n    text-decoration: none;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    min-height: ", ";\n    background-color: ", ";\n    border: none;\n    cursor: pointer;\n    background: none;\n    width: 100%;\n    text-align: left;\n\n    span {\n      margin: auto 0 auto 16px;\n      line-height: 48px;\n    }\n\n    ", ", ", " {\n      color: ", ";\n    }\n\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\n      background: ", ";\n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &:focus, &.focus-state, &.focus-visible {\n      ", "\n    }\n\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\n      background: ", ";\n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &.active {\n      background: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }\n\n      &::after {\n        position: absolute;\n        content: ' ';\n        width: 4px;\n        top: ", ";\n        bottom: ", ";\n        left: 4px;\n        background-color: ", ";\n\n        border-radius: 4px;\n      }\n    }\n\n\n    &.locked {\n      background: none;\n      cursor: not-allowed;\n      \n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\n      background-color: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }      \n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\n      background-color: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &.active.locked {\n      &::after {\n        background-color: ", ";\n      } \n    }\n\n    &.active:disabled:not(.locked) {\n      &::after {\n        background-color: ", ";\n      }     \n    }\n\n    &:disabled:not(.locked), &.disabled-state {\n      background: none;\n      cursor: not-allowed;\n      \n      ", ", ", " {\n        color: ", " !important;\n      }\n    }\n\n    &.dropdown-hover:not(:disabled) {\n      background-color: ", ";\n      color: ", ";\n    }\n  "], ["\n    ", "\n    ", "\n    ", "\n\n    position: relative;\n    text-decoration: none;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    min-height: ", ";\n    background-color: ", ";\n    border: none;\n    cursor: pointer;\n    background: none;\n    width: 100%;\n    text-align: left;\n\n    span {\n      margin: auto 0 auto 16px;\n      line-height: 48px;\n    }\n\n    ", ", ", " {\n      color: ", ";\n    }\n\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\n      background: ", ";\n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &:focus, &.focus-state, &.focus-visible {\n      ", "\n    }\n\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\n      background: ", ";\n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &.active {\n      background: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }\n\n      &::after {\n        position: absolute;\n        content: ' ';\n        width: 4px;\n        top: ", ";\n        bottom: ", ";\n        left: 4px;\n        background-color: ", ";\n\n        border-radius: 4px;\n      }\n    }\n\n\n    &.locked {\n      background: none;\n      cursor: not-allowed;\n      \n      ", ", ", " {\n        color: ", ";\n      }\n    }\n\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\n      background-color: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }      \n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\n      background-color: ", ";\n\n      ", ", ", " {\n        color: ", ";\n      }\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n\n    &.active.locked {\n      &::after {\n        background-color: ", ";\n      } \n    }\n\n    &.active:disabled:not(.locked) {\n      &::after {\n        background-color: ", ";\n      }     \n    }\n\n    &:disabled:not(.locked), &.disabled-state {\n      background: none;\n      cursor: not-allowed;\n      \n      ", ", ", " {\n        color: ", " !important;\n      }\n    }\n\n    &.dropdown-hover:not(:disabled) {\n      background-color: ", ";\n      color: ", ";\n    }\n  "])), size == Size.Small && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600), size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600), size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_600), size == Size.Large ? '64px' : size == Size.Medium ? '56px' : '48px', COLORS.white, ItemLabel, ItemIcon, COLORS.neutral_600, COLORS.primary_20, ItemLabel, ItemIcon, COLORS.primary_700, focusStyles, COLORS.primary_100, ItemLabel, ItemIcon, COLORS.primary_800, COLORS.neutral_20, ItemLabel, ItemIcon, COLORS.neutral_800, size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px', size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px', COLORS.primary_500, ItemIcon, ItemLabel, COLORS.neutral_500, COLORS.primary_20, ItemIcon, ItemLabel, COLORS.primary_700, COLORS.primary_700, COLORS.primary_100, ItemIcon, ItemLabel, COLORS.primary_800, COLORS.primary_800, COLORS.neutral_500, COLORS.neutral_300, ItemIcon, ItemLabel, COLORS.neutral_300, COLORS.primary_20, COLORS.primary_600);
-};
-var MenuItem = React.forwardRef(function (_a, ref) {
-    var _b;
-    var active = _a.active, item = _a.item, onClickHandler = _a.onClickHandler, _c = _a.size, size = _c === void 0 ? Size.Medium : _c, className = _a.className, tabIndex = _a.tabIndex, iconRight = _a.iconRight, id = _a.id, rest = __rest(_a, ["active", "item", "onClickHandler", "size", "className", "tabIndex", "iconRight", "id"]);
-    return (React.createElement(DropdownButton, __assign({ type: "button", size: size, disabled: item.disabled || item.locked, tabIndex: tabIndex, onMouseDown: defaultOnMouseDownHandler, ref: ref, onClick: onClickHandler, className: className + ' ' + (item.locked ? 'locked' : '') + ' ' + (item.showDividerAbove ? 'show-divider-above' : '') + ' ' + (active ? 'active' : ''), id: id }, rest),
-        item.showDividerAbove && React.createElement("div", { className: "divider" }),
-        React.createElement(ItemContent, { size: size },
-            item.icon && React.createElement(ItemIcon, null, item.icon),
-            React.createElement(ItemLabel, null,
-                React.createElement("div", null,
-                    React.createElement("div", null, (_b = item.displayLabel) !== null && _b !== void 0 ? _b : item.value),
-                    item.noteLabel && React.createElement("div", { style: { fontSize: '12px', lineHeight: '16px' } }, item.noteLabel)),
-                item.locked &&
-                    React.createElement(ItemIconRight, null,
-                        React.createElement(SystemIcons.LockedOn, { color: COLORS.neutral_400, className: "extraMargin", size: "24px" })),
-                !item.locked && !!iconRight &&
-                    React.createElement(ItemIconRight, null, React.cloneElement(iconRight, { className: 'extraMargin', size: '24px', }))))));
-});
-export default MenuItem;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

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

package/dist/src/MenuItem/index.js

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

package/dist/src/MiniProductCard/MiniProductCard.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { Product } from '../types';
-declare type CardProps = {
-    product: Product;
-    url?: string;
-};
-declare const MiniProductCard: ({ url, product }: CardProps) => React.JSX.Element;
-export default MiniProductCard;