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

package/dist/src/styles/colors.js

@@ -1,89 +0,0 @@
-var COLORS = {
-    black: '#1F1F1F',
-    white: '#FFFFFF',
-    grey: '#949494',
-    primary: '#2E7FA1',
-    accent1: '#25837E',
-    accent2: '#EAC785',
-    correct: '#37A851',
-    warning: '#E97116',
-    critical: '#DC3449',
-    primary_20: '#F1FBFE',
-    primary_50: '#E3F5FC',
-    primary_100: '#D4E9F2',
-    primary_200: '#A9D3E5',
-    primary_300: '#7FBCD7',
-    primary_400: '#519DBD',
-    primary_500: '#2E7FA1',
-    primary_600: '#276D8B',
-    primary_700: '#215369',
-    primary_800: '#163746',
-    accent1_20: '#EDFCFB',
-    accent1_50: '#E4F6F6',
-    accent1_100: '#C8EEEC',
-    accent1_200: '#98D8D5',
-    accent1_300: '#6BC2BE',
-    accent1_400: '#3EA39E',
-    accent1_500: '#25837E',
-    accent1_600: '#23716D',
-    accent1_700: '#145653',
-    accent1_800: '#0F3937',
-    accent2_20: '#FFFAEE',
-    accent2_50: '#FDF0DE',
-    accent2_100: '#F8E2BF',
-    accent2_200: '#EAC785',
-    accent2_300: '#D6AD61',
-    accent2_400: '#B58E45',
-    accent2_500: '#92702F',
-    accent2_600: '#806128',
-    accent2_700: '#604920',
-    accent2_800: '#42300F',
-    correct_20: '#ECFEF1',
-    correct_50: '#E2F8E4',
-    correct_100: '#CCEED2',
-    correct_200: '#A0D9AD',
-    correct_300: '#77C589',
-    correct_400: '#37A851',
-    correct_500: '#14892F',
-    correct_600: '#13772A',
-    correct_700: '#025A15',
-    correct_800: '#003D0E',
-    warning_20: '#FEF7F1',
-    warning_50: '#FDF0E7',
-    warning_100: '#FCDDC5',
-    warning_200: '#F8C096',
-    warning_300: '#F4A162',
-    warning_400: '#E97116',
-    warning_500: '#C45402',
-    warning_600: '#AD4B00',
-    warning_700: '#803700',
-    warning_800: '#572600',
-    critical_20: '#FEF5F7',
-    critical_50: '#FEECF1',
-    critical_100: '#FDDEE2',
-    critical_200: '#FDBAC2',
-    critical_300: '#FD96A4',
-    critical_400: '#FC5A6F',
-    critical_500: '#DC3449',
-    critical_600: '#C32238',
-    critical_700: '#9C0D1D',
-    critical_800: '#6B0613',
-    neutral_20: '#FAFAFA',
-    neutral_50: '#F2F2F2',
-    neutral_100: '#E5E5E5',
-    neutral_200: '#CCCCCC',
-    neutral_300: '#B3B3B3',
-    neutral_400: '#949494',
-    neutral_500: '#767676',
-    neutral_600: '#666666',
-    neutral_700: '#4D4D4D',
-    neutral_800: '#333333',
-    focus: 'rgba(46, 127, 161, 1)',
-    focus_25: 'rgba(46, 127, 161, 0.25)',
-    white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',
-    toast_info: '#2E7FA1',
-    toast_success: '#37A851',
-    toast_warning: '#E97116',
-    toast_error: '#DC3449',
-};
-export default COLORS;

package/dist/src/styles/focus-styles.d.ts

@@ -1,2 +0,0 @@
-export declare const focusStyles: import("styled-components").FlattenSimpleInterpolation;
-export declare const invertedFocusStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/src/styles/focus-styles.js

@@ -1,9 +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 { css } from 'styled-components';
-import { Z_INDEXES } from './z-indexes';
-export var focusStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"], ["\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), Z_INDEXES.focus);
-export var invertedFocusStyles = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"], ["\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), Z_INDEXES.focus);
-var templateObject_1, templateObject_2;

package/dist/src/styles/global.d.ts

@@ -1,2 +0,0 @@
-declare const globalStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export default globalStyles;

package/dist/src/styles/global.js

@@ -1,13 +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 COLORS from './colors';
-import { Typography } from "./typography";
-import { SystemIcons } from "@laerdal/figma-svg";
-import { css } from 'styled-components';
-var resizeIcon = btoa(SystemIcons.ExtendTextArea.replace("viewBox=\"0 0 24 24\"", "viewBox='0 0 26 26'")
-    .replace('fill="#1F1F1F"', "fill=\"".concat(COLORS.neutral_600, "\"")));
-var globalStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  html,\n  body {\n    height: 100%;\n    font-family: '", "', sans-serif;\n    color: ", ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: ", ", Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: ", ", Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: ", ", Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: ", ", Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ", " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n  \n  ::-webkit-resizer {\n    background-image: url(\"data:image/svg+xml;base64,", "\");\n  }\n  \n  ", "\n"], ["\n  html,\n  body {\n    height: 100%;\n    font-family: '", "', sans-serif;\n    color: ", ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: ", ", Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: ", ", Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: ", ", Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: ", ", Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ", " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n  \n  ::-webkit-resizer {\n    background-image: url(\"data:image/svg+xml;base64,", "\");\n  }\n  \n  ", "\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fonts) !== null && _b !== void 0 ? _b : 'Lato'; }, COLORS.black, function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fonts) !== null && _b !== void 0 ? _b : 'Lato'; }, function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fonts) !== null && _b !== void 0 ? _b : 'Lato'; }, function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fonts) !== null && _b !== void 0 ? _b : 'Lato'; }, function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.fonts) !== null && _b !== void 0 ? _b : 'Lato'; }, COLORS.primary_100, resizeIcon, Typography);
-export default globalStyles;
-var templateObject_1;

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

@@ -1,11 +0,0 @@
-import COLORS from './colors';
-import OverwriteColors from './overwritecolors';
-import BREAKPOINTS from './breakpoints';
-import { BOXSHADOWS } from './shadowstyles';
-export * from './typography';
-import globalStyles from './global';
-import { Size } from '../types';
-export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, OverwriteColors };
-export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").FlattenSimpleInterpolation;
-export { Z_INDEXES } from './z-indexes';
-export * from './focus-styles';

package/dist/src/styles/index.js

@@ -1,20 +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 { css } from 'styled-components';
-import COLORS from './colors';
-import OverwriteColors from './overwritecolors';
-import BREAKPOINTS from './breakpoints';
-import { BOXSHADOWS } from './shadowstyles';
-export * from './typography';
-import globalStyles from './global';
-import { Size } from '../types';
-export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, OverwriteColors };
-export var scrollBarStyling = function (size) {
-    if (size === void 0) { size = Size.Small; }
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  \n  ::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"], ["\n  \n  ::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  ::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == Size.Medium ? '6px' : '4px', size == Size.Medium ? '6px' : '4px', COLORS.neutral_100, COLORS.neutral_500, COLORS.primary_700, COLORS.primary_800);
-};
-export { Z_INDEXES } from './z-indexes';
-export * from './focus-styles';
-var templateObject_1;

package/dist/src/styles/overwritecolors.d.ts

@@ -1,2 +0,0 @@
-declare const OverwriteColors: () => boolean;
-export default OverwriteColors;

package/dist/src/styles/overwritecolors.js

@@ -1,12 +0,0 @@
-import { useContext } from "react";
-import { ThemeContext } from "styled-components";
-import COLORS from "./colors";
-var OverwriteColors = function () {
-    var themeContext = useContext(ThemeContext);
-    for (var a in themeContext.colors) {
-        if (COLORS.hasOwnProperty(a))
-            COLORS[a] = themeContext.colors[a];
-    }
-    return true;
-};
-export default OverwriteColors;

package/dist/src/styles/shadowstyles.d.ts

@@ -1,7 +0,0 @@
-declare const BOXSHADOWS: {
-    BOXSHADOW_L1: string;
-    BOXSHADOW_L2: string;
-    BOXSHADOW_L3: string;
-    BOXSHADOW_CENTERED: string;
-};
-export { BOXSHADOWS };

package/dist/src/styles/shadowstyles.js

@@ -1,7 +0,0 @@
-var BOXSHADOWS = {
-    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',
-    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',
-    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',
-    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',
-};
-export { BOXSHADOWS };

package/dist/src/styles/typography.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-import { Property } from 'csstype';
-import { Size } from '../types';
-interface ITypographyBase {
-    $color?: string;
-    lineHeight: number;
-    $fontSize: number;
-    $fontWeight: number;
-    $fontStyle?: string;
-    textTransform?: Property.TextTransform;
-    textDecorationLine?: Property.TextDecorationLine;
-}
-export declare const TypographyBase: import("styled-components").StyledComponent<"div", any, ITypographyBase, never>;
-declare enum ComponentTextStyle {
-    Regular = 1,
-    Bold = 2,
-    Italic = 3,
-    UppercaseBold = 4
-}
-declare type ComponentProps = {
-    color?: string;
-    className?: string;
-    textStyle?: ComponentTextStyle;
-    children?: React.ReactNode;
-};
-declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentXL: React.FunctionComponent<ComponentProps>;
-declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentL: React.FunctionComponent<ComponentProps>;
-declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentM: React.FunctionComponent<ComponentProps>;
-declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentXS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
-declare const ComponentXXS: React.FunctionComponent<ComponentProps>;
-declare const ComponentResponsive: React.FunctionComponent<ComponentProps & {
-    size?: Size;
-    width: number;
-}>;
-export declare const Typography: import("styled-components").FlattenSimpleInterpolation;
-export declare const QuoteTypography: import("styled-components").FlattenSimpleInterpolation;
-export declare const NoteTypography: import("styled-components").FlattenSimpleInterpolation;
-export declare const UpperCaseTypography: import("styled-components").FlattenSimpleInterpolation;
-export declare const Note: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Quote: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const UpperCase: import("styled-components").StyledComponent<"p", any, {}, never>;
-export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
-export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };

package/dist/src/styles/typography.js

@@ -1,130 +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, { css } from 'styled-components';
-import { COLORS } from '.';
-import { Size } from '../types';
-export var TypographyBase = styled('div')(function (_a) {
-    var $color = _a.$color, lineHeight = _a.lineHeight, $fontSize = _a.$fontSize, $fontWeight = _a.$fontWeight, $fontStyle = _a.$fontStyle, textTransform = _a.textTransform, textDecorationLine = _a.textDecorationLine;
-    return ({
-        fontSize: $fontSize,
-        fontWeight: $fontWeight,
-        lineHeight: lineHeight + 'px',
-        textTransform: textTransform ? textTransform : 'none',
-        textDecorationLine: textDecorationLine ? textDecorationLine : 'none',
-        fontStyle: $fontStyle ? $fontStyle : 'normal',
-        color: $color ? $color : COLORS.black,
-    });
-});
-var ComponentTextStyle;
-(function (ComponentTextStyle) {
-    ComponentTextStyle[ComponentTextStyle["Regular"] = 1] = "Regular";
-    ComponentTextStyle[ComponentTextStyle["Bold"] = 2] = "Bold";
-    ComponentTextStyle[ComponentTextStyle["Italic"] = 3] = "Italic";
-    ComponentTextStyle[ComponentTextStyle["UppercaseBold"] = 4] = "UppercaseBold";
-})(ComponentTextStyle || (ComponentTextStyle = {}));
-var componentFontWeight = function (textStyle) {
-    var fontWeight = 400;
-    if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {
-        fontWeight = 700;
-    }
-    return fontWeight;
-};
-var componentFontStyle = function (textStyle) {
-    var fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';
-    return fontStyle;
-};
-var componentTextTransformation = function (textStyle) {
-    var fontStyle = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';
-    return fontStyle;
-};
-var ComponentStyling = function (fontSize, lineHeight, textStyle, color) {
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "], ["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), color === null ? '' : "color: ".concat(color || COLORS.black, ";"));
-};
-var ComponentXLStyling = function (textStyle, color) { return ComponentStyling('24px', '28px', textStyle, color); };
-var ComponentXL = function (_a) {
-    var color = _a.color, textStyle = _a.textStyle, children = _a.children, className = _a.className;
-    var fontWeight = componentFontWeight(textStyle);
-    var fontStyle = componentFontStyle(textStyle);
-    return (React.createElement(TypographyBase, { className: className, "$color": color, lineHeight: 28, "$fontSize": 24, "$fontWeight": fontWeight, "$fontStyle": fontStyle }, children));
-};
-var ComponentLStyling = function (textStyle, color) { return ComponentStyling('20px', '24px', textStyle, color); };
-var ComponentL = function (_a) {
-    var color = _a.color, textStyle = _a.textStyle, children = _a.children, className = _a.className;
-    var fontWeight = componentFontWeight(textStyle);
-    var fontStyle = componentFontStyle(textStyle);
-    return (React.createElement(TypographyBase, { className: className, "$color": color, lineHeight: 24, "$fontSize": 20, "$fontWeight": fontWeight, "$fontStyle": fontStyle }, children));
-};
-var ComponentMStyling = function (textStyle, color) { return ComponentStyling('18px', '24px', textStyle, color); };
-var ComponentM = function (_a) {
-    var color = _a.color, textStyle = _a.textStyle, children = _a.children, className = _a.className;
-    var fontWeight = componentFontWeight(textStyle);
-    var fontStyle = componentFontStyle(textStyle);
-    return (React.createElement(TypographyBase, { className: className, "$color": color, lineHeight: 24, "$fontSize": 18, "$fontWeight": fontWeight, "$fontStyle": fontStyle }, children));
-};
-var ComponentSStyling = function (textStyle, color) { return ComponentStyling('16px', '20px', textStyle, color); };
-var ComponentS = function (_a) {
-    var color = _a.color, textStyle = _a.textStyle, children = _a.children, className = _a.className;
-    var fontWeight = componentFontWeight(textStyle);
-    var fontStyle = componentFontStyle(textStyle);
-    return (React.createElement(TypographyBase, { className: className, "$color": color, lineHeight: 20, "$fontSize": 16, "$fontWeight": fontWeight, "$fontStyle": fontStyle }, children));
-};
-var ComponentXSStyling = function (textStyle, color) { return ComponentStyling('14px', '16px', textStyle, color); };
-var ComponentXS = function (_a) {
-    var color = _a.color, textStyle = _a.textStyle, children = _a.children, className = _a.className;
-    var fontWeight = componentFontWeight(textStyle);
-    var fontStyle = componentFontStyle(textStyle);
-    var textTransform = componentTextTransformation(textStyle);
-    return (React.createElement(TypographyBase, { className: className, "$color": color, lineHeight: 16, "$fontSize": 14, "$fontWeight": fontWeight, "$fontStyle": fontStyle, textTransform: textTransform }, children));
-};
-var ComponentXXSStyling = function (textStyle, color) { return ComponentStyling('12px', '16px', textStyle, color); };
-var ComponentXXS = function (_a) {
-    var color = _a.color, textStyle = _a.textStyle, children = _a.children, className = _a.className;
-    var fontWeight = componentFontWeight(textStyle);
-    var fontStyle = componentFontStyle(textStyle);
-    var textTransform = componentTextTransformation(textStyle);
-    return (React.createElement(TypographyBase, { className: className, "$color": color, lineHeight: 16, "$fontSize": 12, "$fontWeight": fontWeight, "$fontStyle": fontStyle, textTransform: textTransform }, children));
-};
-var ComponentResponsive = function (_a) {
-    var color = _a.color, textStyle = _a.textStyle, children = _a.children, size = _a.size, width = _a.width;
-    var fontsize = size;
-    if (!size) {
-        if (width == -1) {
-            fontsize = Size.Medium;
-        }
-        else if (width < 768) {
-            fontsize = Size.Small;
-        }
-        else if (width < 992) {
-            fontsize = Size.Medium;
-        }
-        else {
-            fontsize = Size.Large;
-        }
-    }
-    switch (fontsize) {
-        case Size.XXSmall:
-            return React.createElement(ComponentXXS, { color: color, textStyle: textStyle, children: children });
-        case Size.XSmall:
-            return React.createElement(ComponentXS, { color: color, textStyle: textStyle, children: children });
-        case Size.Small:
-            return React.createElement(ComponentS, { color: color, textStyle: textStyle, children: children });
-        case Size.Medium:
-            return React.createElement(ComponentM, { color: color, textStyle: textStyle, children: children });
-        case Size.Large:
-        default:
-            return React.createElement(ComponentL, { color: color, textStyle: textStyle, children: children });
-    }
-};
-export var Typography = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n"], ["\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n"])));
-export var QuoteTypography = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"], ["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"])));
-export var NoteTypography = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"], ["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"])));
-export var UpperCaseTypography = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"], ["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"])));
-export var Note = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), NoteTypography);
-export var Quote = styled.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), QuoteTypography);
-export var UpperCase = styled.p(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), UpperCaseTypography);
-export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
-export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/src/styles/z-indexes.d.ts

@@ -1,16 +0,0 @@
-export declare const Z_INDEXES: {
-    hover: string;
-    active: string;
-    focus: string;
-    badge: string;
-    loader: string;
-    dropdown: string;
-    sticky_menu: string;
-    fixed_menu: string;
-    backdrop: string;
-    off_canvas: string;
-    modal: string;
-    toast: string;
-    tooltip: string;
-    popover: string;
-};

package/dist/src/styles/z-indexes.js

@@ -1,16 +0,0 @@
-export var Z_INDEXES = {
-    hover: '1',
-    active: '2',
-    focus: '3',
-    badge: '10',
-    loader: '990',
-    dropdown: '1000',
-    sticky_menu: '1020',
-    fixed_menu: '1030',
-    backdrop: '1040',
-    off_canvas: '1050',
-    modal: '1060',
-    toast: '1070',
-    tooltip: '1080',
-    popover: '1070'
-};

package/dist/src/types.d.ts

@@ -1,65 +0,0 @@
-export interface Product {
-    id: string;
-    name: string;
-    type: string;
-    image: string;
-}
-export interface Testable {
-    dataTestId?: string;
-}
-export declare enum States {
-    Default = "default",
-    Valid = "valid",
-    Invalid = "invalid"
-}
-export declare enum Size {
-    XXSmall = "xxsmall",
-    XSmall = "xsmall",
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
-}
-export declare enum Position {
-    Top = "top",
-    Bottom = "bottom",
-    Right = "right",
-    Left = "left"
-}
-export declare enum ToastColor {
-    BLACK = 0,
-    WHITE = 1,
-    BLUE = 2,
-    GREEN = 3,
-    ORANGE = 4,
-    RED = 5
-}
-export declare enum ToastActionType {
-    PRIMARY = 0,
-    SECONDARY = 1
-}
-export declare enum ToastPosition {
-    TOPLEFT = 0,
-    TOPMIDDLE = 1,
-    TOPRIGHT = 2,
-    BOTTOMLEFT = 3,
-    BOTTOMMIDDLE = 4,
-    BOTTOMRIGHT = 5
-}
-export declare enum ToastEntryDirection {
-    TOP = 0,
-    BOTTOM = 1,
-    LEFT = 2,
-    RIGHT = 3
-}
-export interface NavLink {
-    label: string;
-    to: string;
-    target?: string;
-}
-export interface NavSection {
-    header: string;
-    links: NavLink[];
-}
-export interface NavOptions {
-    sections: NavSection[];
-}

package/dist/src/types.js

@@ -1,51 +0,0 @@
-export var States;
-(function (States) {
-    States["Default"] = "default";
-    States["Valid"] = "valid";
-    States["Invalid"] = "invalid";
-})(States || (States = {}));
-export var Size;
-(function (Size) {
-    Size["XXSmall"] = "xxsmall";
-    Size["XSmall"] = "xsmall";
-    Size["Small"] = "small";
-    Size["Medium"] = "medium";
-    Size["Large"] = "large";
-})(Size || (Size = {}));
-export var Position;
-(function (Position) {
-    Position["Top"] = "top";
-    Position["Bottom"] = "bottom";
-    Position["Right"] = "right";
-    Position["Left"] = "left";
-})(Position || (Position = {}));
-export var ToastColor;
-(function (ToastColor) {
-    ToastColor[ToastColor["BLACK"] = 0] = "BLACK";
-    ToastColor[ToastColor["WHITE"] = 1] = "WHITE";
-    ToastColor[ToastColor["BLUE"] = 2] = "BLUE";
-    ToastColor[ToastColor["GREEN"] = 3] = "GREEN";
-    ToastColor[ToastColor["ORANGE"] = 4] = "ORANGE";
-    ToastColor[ToastColor["RED"] = 5] = "RED";
-})(ToastColor || (ToastColor = {}));
-export var ToastActionType;
-(function (ToastActionType) {
-    ToastActionType[ToastActionType["PRIMARY"] = 0] = "PRIMARY";
-    ToastActionType[ToastActionType["SECONDARY"] = 1] = "SECONDARY";
-})(ToastActionType || (ToastActionType = {}));
-export var ToastPosition;
-(function (ToastPosition) {
-    ToastPosition[ToastPosition["TOPLEFT"] = 0] = "TOPLEFT";
-    ToastPosition[ToastPosition["TOPMIDDLE"] = 1] = "TOPMIDDLE";
-    ToastPosition[ToastPosition["TOPRIGHT"] = 2] = "TOPRIGHT";
-    ToastPosition[ToastPosition["BOTTOMLEFT"] = 3] = "BOTTOMLEFT";
-    ToastPosition[ToastPosition["BOTTOMMIDDLE"] = 4] = "BOTTOMMIDDLE";
-    ToastPosition[ToastPosition["BOTTOMRIGHT"] = 5] = "BOTTOMRIGHT";
-})(ToastPosition || (ToastPosition = {}));
-export var ToastEntryDirection;
-(function (ToastEntryDirection) {
-    ToastEntryDirection[ToastEntryDirection["TOP"] = 0] = "TOP";
-    ToastEntryDirection[ToastEntryDirection["BOTTOM"] = 1] = "BOTTOM";
-    ToastEntryDirection[ToastEntryDirection["LEFT"] = 2] = "LEFT";
-    ToastEntryDirection[ToastEntryDirection["RIGHT"] = 3] = "RIGHT";
-})(ToastEntryDirection || (ToastEntryDirection = {}));

package/dist/src/utils/utils.d.ts

@@ -1 +0,0 @@
-export declare const hasWindow: () => boolean;

package/dist/src/utils/utils.js

@@ -1,3 +0,0 @@
-export var hasWindow = function () {
-    return Boolean(typeof window !== 'undefined' && window);
-};

package/dist/stories/Accordion/AccordionMenu.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import AccordionMenu from '../../src/Accordion/AccordionMenu';
-import { Meta, StoryObj } from "@storybook/react/*";
-declare const meta: Meta<typeof AccordionMenu>;
-export default meta;
-declare type Story = StoryObj<typeof AccordionMenu>;
-export declare const Primary: Story;
-export declare const AccordionDemo: () => React.JSX.Element;