@laerdal/life-react-components 3.5.1-dev.11 → 3.5.1-dev.13

package/dist/src/icons/systemicons/Youtube.js

@@ -0,0 +1,31 @@
+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 { formatSvgString, getSize, SystemIcon } from "../index";
+import SVG from "react-inlinesvg";
+import { SystemIcons as SI } from "@laerdal/figma-svg";
+export var Youtube = function (_a) {
+    var className = _a.className, _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? '24px' : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.viewBox, viewBox = _e === void 0 ? '0 0 24 24' : _e, rest = __rest(_a, ["className", "color", "size", "label", "viewBox"]);
+    return (React.createElement(SystemIcon, { tooltip: label },
+        React.createElement(SVG, __assign({ src: SI.Youtube, height: getSize(size), width: getSize(size) }, rest, { className: className, viewBox: viewBox, preProcessor: function (content) { return formatSvgString(content, color); } }))));
+};

package/dist/src/icons/systemicons/Zoom.js

@@ -0,0 +1,31 @@
+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 { formatSvgString, getSize, SystemIcon } from "../index";
+import SVG from "react-inlinesvg";
+import { SystemIcons as SI } from "@laerdal/figma-svg";
+export var Zoom = function (_a) {
+    var className = _a.className, _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? '24px' : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.viewBox, viewBox = _e === void 0 ? '0 0 24 24' : _e, rest = __rest(_a, ["className", "color", "size", "label", "viewBox"]);
+    return (React.createElement(SystemIcon, { tooltip: label },
+        React.createElement(SVG, __assign({ src: SI.ZoomIn, height: getSize(size), width: getSize(size) }, rest, { className: className, viewBox: viewBox, preProcessor: function (content) { return formatSvgString(content, color); } }))));
+};

package/dist/src/icons/systemicons/ZoomOut.js

@@ -0,0 +1,31 @@
+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 { formatSvgString, getSize, SystemIcon } from "../index";
+import SVG from "react-inlinesvg";
+import { SystemIcons as SI } from "@laerdal/figma-svg";
+export var ZoomOut = function (_a) {
+    var className = _a.className, _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? '24px' : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.viewBox, viewBox = _e === void 0 ? '0 0 24 24' : _e, rest = __rest(_a, ["className", "color", "size", "label", "viewBox"]);
+    return (React.createElement(SystemIcon, { tooltip: label },
+        React.createElement(SVG, __assign({ src: SI.ZoomOut, height: getSize(size), width: getSize(size) }, rest, { className: className, viewBox: viewBox, preProcessor: function (content) { return formatSvgString(content, color); } }))));
+};

package/dist/src/icons/systemicons/index.js

@@ -0,0 +1,204 @@
+export * from './Accessibility';
+export * from './Add';
+export * from './AddUser';
+export * from './Adult';
+export * from './AedPads';
+export * from './AedPadsError';
+export * from './AedPadsCorrect';
+export * from './Archive';
+export * from './ArrowCollapse';
+export * from './ArrowExpand';
+export * from './ArrowDropDown';
+export * from './ArrowDropLeft';
+export * from './ArrowDropRight';
+export * from './ArrowDropUp';
+export * from './ArrowLineDown';
+export * from './ArrowLineLeft';
+export * from './ArrowLineRight';
+export * from './ArrowLineUp';
+export * from './ArrowStopLeft';
+export * from './ArrowStopRight';
+export * from './Assignments';
+export * from './Asterisk';
+export * from './Attachment';
+export * from './Attention';
+export * from './AudioDescriptionOn';
+export * from './BackwardsFiveSec';
+export * from './Battery0';
+export * from './Battery1';
+export * from './Battery2';
+export * from './Battery3';
+export * from './Battery4';
+export * from './Battery5';
+export * from './Battery6';
+export * from './BatteryFull';
+export * from './Bluetooth';
+export * from './Book';
+export * from './BookmarkAdd';
+export * from './BookmarkCollection';
+export * from './BookmarkOff';
+export * from './BookmarkOn';
+export * from './Bullet';
+export * from './Calendar';
+export * from './CheckboxOff';
+export * from './CheckboxOn';
+export * from './CheckboxSemi';
+export * from './CheckMark';
+export * from './ChevronDown';
+export * from './ChevronLeft';
+export * from './ChevronRight';
+export * from './ChevronUp';
+export * from './Child';
+export * from './Clear';
+export * from './Close';
+export * from './ClosedCaptionOn';
+export * from './Cloud';
+export * from './CloudAttention';
+export * from './CloudCheck';
+export * from './CloudDownload';
+export * from './CloudLocked';
+export * from './CloudNoConnection';
+export * from './CloudSyncing';
+export * from './CloudUpload';
+export * from './CoffeeBreak';
+export * from './Copy';
+export * from './Dashboard';
+export * from './DecisionFlow';
+export * from './Delete';
+export * from './Document';
+export * from './Download';
+export * from './DragHandle';
+export * from './DragIndicator';
+export * from './Edit';
+export * from './Educator';
+export * from './Equals';
+export * from './EventLog';
+export * from './Export';
+export * from './ExportCVS';
+export * from './ExportDoc';
+export * from './ExportEXL';
+export * from './ExportJpg';
+export * from './ExportPDF';
+export * from './ExportPNG';
+export * from './ExtendTextArea';
+export * from './Facebook';
+export * from './Filter';
+export * from './Flickr';
+export * from './Forward';
+export * from './ForwardFiveSec';
+export * from './ForwardSlash';
+export * from './Fullscreen';
+export * from './FullscreenExit';
+export * from './GearSettings';
+export * from './GridView';
+export * from './Group';
+export * from './GuidedTour';
+export * from './Help';
+export * from './HeartShock';
+export * from './Hierarchy';
+export * from './History';
+export * from './Home';
+export * from './Image';
+export * from './Infant';
+export * from './Information';
+export * from './Institute';
+export * from './Keyboard';
+export * from './Language';
+export * from './Learner';
+export * from './Legend';
+export * from './Legend1Circle';
+export * from './Legend2Triangle';
+export * from './Legend3Star';
+export * from './Legend4Square';
+export * from './Legend5Diamond';
+export * from './Legend6Nabla';
+export * from './Legend7Pentagon';
+export * from './Legend8Rectangle';
+export * from './LegendStrokeDashed';
+export * from './LegendStrokeSolid';
+export * from './LikeOff';
+export * from './LikeOn';
+export * from './Link';
+export * from './LinkedIn';
+export * from './ListView';
+export * from './LoadingSmall';
+export * from './LoadingMedium';
+export * from './LockedOff';
+export * from './LockedOn';
+export * from './Login';
+export * from './Logout';
+export * from './Loop';
+export * from './Mail';
+export * from './Manikin';
+export * from './MapPoint';
+export * from './Menu';
+export * from './Metronome';
+export * from './Microphone';
+export * from './Minus';
+export * from './MoreHorizontal';
+export * from './MoreVertical';
+export * from './Notification';
+export * from './NotificationNew';
+export * from './OpenFolder';
+export * from './OpenNewWindow';
+export * from './OverView';
+export * from './Pause';
+export * from './PieChart';
+export * from './Pin';
+export * from './Play';
+export * from './PlaybackSpeed';
+export * from './PlayList';
+export * from './PlayOutline';
+export * from './Plus';
+export * from './PointDown';
+export * from './PointLeft';
+export * from './PointRight';
+export * from './PointUp';
+export * from './Print';
+export * from './RadioButtonOff';
+export * from './RadioButtonOn';
+export * from './Record';
+export * from './Refresh';
+export * from './Replay';
+export * from './Rewind';
+export * from './Save';
+export * from './Search';
+export * from './SendTo';
+export * from './Share';
+export * from './Shock';
+export * from './ShockAdvised';
+export * from './ShockAutomated';
+export * from './ShockNotAdvised';
+export * from './ShoppingCart';
+export * from './SkipForward';
+export * from './Sort';
+export * from './SpeechBuble';
+export * from './StarFilled';
+export * from './StarOutlined';
+export * from './Stop';
+export * from './SUN';
+export * from './Support';
+export * from './SwitchApp';
+export * from './Team';
+export * from './TechnicalWarning';
+export * from './ThumbsDown';
+export * from './ThumbsUp';
+export * from './Time';
+export * from './TimeLimited';
+export * from './Timeline';
+export * from './Tip';
+export * from './Transcript';
+export * from './Translation';
+export * from './Twitter';
+export * from './Upload';
+export * from './Usb';
+export * from './User';
+export * from './Video';
+export * from './VisibleOff';
+export * from './VisibleOn';
+export * from './VolumeDown';
+export * from './VolumeOff';
+export * from './VolumeUp';
+export * from './Youtube';
+export * from './Zoom';
+export * from './ZoomOut';

package/dist/src/index.js

@@ -0,0 +1,45 @@
+export * from './styles';
+export * from './icons';
+export * from './types';
+export * from './AuthPage';
+export * from './Button';
+export * from './Breadcrumb';
+export * from './Chips';
+export * from './SkipToContent';
+export * from './Footer';
+export * from './LoadingIndicator';
+export * from './MiniProductCard';
+export * from './NavItem';
+export * from './Layouts';
+export * from './GlobalNavigationBar';
+export * from './Tabs';
+export * from './Banners';
+export * from './Toasters';
+export * from './InputFields';
+export * from './Dropdown';
+export * from './Switcher';
+export * from './LoadingPage';
+export * from './List';
+export * from './Modals';
+export * from './Paginator';
+export * from './Table';
+export * from './Toggles';
+export * from './HyperLink';
+export { NotificationDot } from './NotificationDot';
+export * from './Accordion';
+export * from './Tooltips';
+export * from './common';
+export * from './QuizButton';
+export * from './LinearProgress';
+export * from './SegmentControl';
+export * from './Card';
+export * from './MenuItem';
+export * from './Tag';
+export * from './Image';
+export * from './ChipsInput';
+export * from './Tile';
+export * from './ProfileButton';
+export { LaerdalLogo } from './assets';
+export * from './Popover';
+export * from './SideMenu';
+export * from './Panel';

package/dist/src/styles/breakpoints.js

@@ -0,0 +1,6 @@
+var BREAKPOINTS = {
+    SMALL: '@media (min-width: 320px)',
+    MEDIUM: '@media (min-width: 768px)',
+    LARGE: '@media (min-width: 1280px)',
+};
+export default BREAKPOINTS;

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

@@ -86,5 +86,4 @@ declare const COLORS: {
     toast_warning: string;
     toast_error: string;
 };
-export declare const OverwriteColors: () => boolean;
 export default COLORS;

package/dist/src/styles/colors.js

@@ -0,0 +1,89 @@
+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.js

@@ -0,0 +1,9 @@
+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.js

@@ -0,0 +1,13 @@
+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,4 +1,5 @@
-import COLORS, { OverwriteColors } from './colors';
+import COLORS from './colors';
+import OverwriteColors from './overwritecolors';
 import BREAKPOINTS from './breakpoints';
 import { BOXSHADOWS } from './shadowstyles';
 export * from './typography';

package/dist/src/styles/index.js

@@ -0,0 +1,20 @@
+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

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

package/dist/src/styles/overwritecolors.js

@@ -0,0 +1,12 @@
+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.js

@@ -0,0 +1,7 @@
+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

@@ -17,7 +17,7 @@ declare enum ComponentTextStyle {
     Italic = 3,
     UppercaseBold = 4
 }
-type ComponentProps = {
+declare type ComponentProps = {
     color?: string;
     className?: string;
     textStyle?: ComponentTextStyle;