@laerdal/life-react-components 3.5.1-dev.12 → 3.5.1-dev.14

package/dist/index.js

@@ -1,45 +1,46 @@
-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';
+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';
+//# sourceMappingURL=index.js.map

package/dist/styles/WriteThemedColors.cjs

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _styledComponents = require("styled-components");
+var _colors = _interopRequireDefault(require("./colors"));
+var WriteThemedColors = function WriteThemedColors() {
+  var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
+  for (var a in themeContext.colors) {
+    if (_colors["default"].hasOwnProperty(a)) _colors["default"][a] = themeContext.colors[a];
+  }
+  return null;
+};
+var _default = WriteThemedColors;
+exports["default"] = _default;
+//# sourceMappingURL=WriteThemedColors.cjs.map

package/dist/styles/WriteThemedColors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteThemedColors.cjs","names":["_react","require","_styledComponents","_colors","_interopRequireDefault","WriteThemedColors","themeContext","useContext","ThemeContext","a","colors","COLORS","hasOwnProperty","_default","exports"],"sources":["../../src/styles/WriteThemedColors.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport { ThemeContext } from \"styled-components\";\r\nimport COLORS from \"./colors\";\r\n\r\n\r\nconst WriteThemedColors: React.FunctionComponent = () => {\r\n    const themeContext = useContext(ThemeContext);\r\n    for(var a in themeContext.colors){\r\n      if(COLORS.hasOwnProperty(a))\r\n        COLORS[a as keyof typeof COLORS] = themeContext.colors[a];\r\n    }  \r\n    return null;\r\n}\r\n\r\nexport default WriteThemedColors;\r\n  "],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAMI,iBAA0C,GAAG,SAA7CA,iBAA0CA,CAAA,EAAS;EACrD,IAAMC,YAAY,GAAG,IAAAC,iBAAU,EAACC,8BAAY,CAAC;EAC7C,KAAI,IAAIC,CAAC,IAAIH,YAAY,CAACI,MAAM,EAAC;IAC/B,IAAGC,kBAAM,CAACC,cAAc,CAACH,CAAC,CAAC,EACzBE,kBAAM,CAACF,CAAC,CAAwB,GAAGH,YAAY,CAACI,MAAM,CAACD,CAAC,CAAC;EAC7D;EACA,OAAO,IAAI;AACf,CAAC;AAAA,IAAAI,QAAA,GAEcR,iBAAiB;AAAAS,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/styles/WriteThemedColors.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const WriteThemedColors: React.FunctionComponent;
+export default WriteThemedColors;

package/dist/styles/WriteThemedColors.js

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

package/dist/styles/WriteThemedColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteThemedColors.js","names":["useContext","ThemeContext","COLORS","WriteThemedColors","themeContext","a","colors","hasOwnProperty"],"sources":["../../src/styles/WriteThemedColors.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport { ThemeContext } from \"styled-components\";\r\nimport COLORS from \"./colors\";\r\n\r\n\r\nconst WriteThemedColors: React.FunctionComponent = () => {\r\n    const themeContext = useContext(ThemeContext);\r\n    for(var a in themeContext.colors){\r\n      if(COLORS.hasOwnProperty(a))\r\n        COLORS[a as keyof typeof COLORS] = themeContext.colors[a];\r\n    }  \r\n    return null;\r\n}\r\n\r\nexport default WriteThemedColors;\r\n  "],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,YAAY,QAAQ,mBAAmB;AAChD,OAAOC,MAAM,MAAM,UAAU;AAG7B,IAAMC,iBAA0C,GAAG,SAA7CA,iBAA0CA,CAAA,EAAS;EACrD,IAAMC,YAAY,GAAGJ,UAAU,CAACC,YAAY,CAAC;EAC7C,KAAI,IAAII,CAAC,IAAID,YAAY,CAACE,MAAM,EAAC;IAC/B,IAAGJ,MAAM,CAACK,cAAc,CAACF,CAAC,CAAC,EACzBH,MAAM,CAACG,CAAC,CAAwB,GAAGD,YAAY,CAACE,MAAM,CAACD,CAAC,CAAC;EAC7D;EACA,OAAO,IAAI;AACf,CAAC;AAED,eAAeF,iBAAiB","ignoreList":[]}

package/dist/styles/breakpoints.js

@@ -1,6 +1,7 @@
-var BREAKPOINTS = {
-    SMALL: '@media (min-width: 320px)',
-    MEDIUM: '@media (min-width: 768px)',
-    LARGE: '@media (min-width: 1280px)',
-};
-export default BREAKPOINTS;
+var BREAKPOINTS = {
+  SMALL: '@media (min-width: 320px)',
+  MEDIUM: '@media (min-width: 768px)',
+  LARGE: '@media (min-width: 1280px)'
+};
+export default BREAKPOINTS;
+//# sourceMappingURL=breakpoints.js.map

package/dist/styles/colors.js

@@ -1,89 +1,110 @@
-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;
+var COLORS = {
+  black: '#1F1F1F',
+  // Neutrals / Black
+  white: '#FFFFFF',
+  // Neutrals / White
+  grey: '#949494',
+  // Neutrals / grey
+  primary: '#2E7FA1',
+  // Brand / Primary - Core 500
+  accent1: '#25837E',
+  // Brand / Accent 1 - Core 500
+  accent2: '#EAC785',
+  // Brand / Accent 2 - Core 200
+  correct: '#37A851',
+  // Semantic / Correct - Core 400
+  warning: '#E97116',
+  // Semantic / Warning  - Core 400
+  critical: '#DC3449',
+  // Semantic / Critical - Core 500
+
+  primary_20: '#F1FBFE',
+  primary_50: '#E3F5FC',
+  primary_100: '#D4E9F2',
+  primary_200: '#A9D3E5',
+  primary_300: '#7FBCD7',
+  primary_400: '#519DBD',
+  primary_500: '#2E7FA1',
+  // 500 Core
+  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',
+  // 500 Core
+  accent1_600: '#23716D',
+  accent1_700: '#145653',
+  accent1_800: '#0F3937',
+  accent2_20: '#FFFAEE',
+  accent2_50: '#FDF0DE',
+  accent2_100: '#F8E2BF',
+  accent2_200: '#EAC785',
+  // 200 Core
+  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',
+  // 400 Core
+  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',
+  // 400 Core
+  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',
+  // 500 Core
+  critical_600: '#C32238',
+  critical_700: '#9C0D1D',
+  critical_800: '#6B0613',
+  neutral_20: '#FAFAFA',
+  // 020 Core
+  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)',
+  // Semantic / Focus 100%
+  focus_25: 'rgba(46, 127, 161, 0.25)',
+  // Semantic / Focus 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;
+//# sourceMappingURL=colors.js.map

package/dist/styles/focus-styles.js

@@ -1,9 +1,7 @@
-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;
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { css } from 'styled-components';
+import { Z_INDEXES } from './z-indexes';
+export var focusStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), Z_INDEXES.focus);
+export var invertedFocusStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), Z_INDEXES.focus);
+//# sourceMappingURL=focus-styles.js.map

package/dist/styles/global.js

@@ -1,13 +1,25 @@
-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;
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+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 || (_templateObject = _taggedTemplateLiteral(["\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 _props$theme$fonts, _props$theme;
+  return (_props$theme$fonts = (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.fonts) !== null && _props$theme$fonts !== void 0 ? _props$theme$fonts : 'Lato';
+}, COLORS.black, function (props) {
+  var _props$theme$fonts2, _props$theme2;
+  return (_props$theme$fonts2 = (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.fonts) !== null && _props$theme$fonts2 !== void 0 ? _props$theme$fonts2 : 'Lato';
+}, function (props) {
+  var _props$theme$fonts3, _props$theme3;
+  return (_props$theme$fonts3 = (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.fonts) !== null && _props$theme$fonts3 !== void 0 ? _props$theme$fonts3 : 'Lato';
+}, function (props) {
+  var _props$theme$fonts4, _props$theme4;
+  return (_props$theme$fonts4 = (_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.fonts) !== null && _props$theme$fonts4 !== void 0 ? _props$theme$fonts4 : 'Lato';
+}, function (props) {
+  var _props$theme$fonts5, _props$theme5;
+  return (_props$theme$fonts5 = (_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.fonts) !== null && _props$theme$fonts5 !== void 0 ? _props$theme$fonts5 : 'Lato';
+}, COLORS.primary_100, resizeIcon, Typography);
+export default globalStyles;
+//# sourceMappingURL=global.js.map

package/dist/styles/index.cjs

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   scrollBarStyling: true,
   COLORS: true,
-  OverwriteColors: true,
+  WriteThemedColors: true,
   BREAKPOINTS: true,
   BOXSHADOWS: true,
   globalStyles: true,
@@ -31,10 +31,10 @@ Object.defineProperty(exports, "COLORS", {
     return _colors["default"];
   }
 });
-Object.defineProperty(exports, "OverwriteColors", {
+Object.defineProperty(exports, "WriteThemedColors", {
   enumerable: true,
   get: function get() {
-    return _overwritecolors["default"];
+    return _WriteThemedColors["default"];
   }
 });
 Object.defineProperty(exports, "Z_INDEXES", {
@@ -53,7 +53,7 @@ exports.scrollBarStyling = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = require("styled-components");
 var _colors = _interopRequireDefault(require("./colors"));
-var _overwritecolors = _interopRequireDefault(require("./overwritecolors"));
+var _WriteThemedColors = _interopRequireDefault(require("./WriteThemedColors"));
 var _breakpoints = _interopRequireDefault(require("./breakpoints"));
 var _shadowstyles = require("./shadowstyles");
 var _typography = require("./typography");

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_overwritecolors","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport OverwriteColors from './overwritecolors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, OverwriteColors };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${COLORS.neutral_100};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${COLORS.neutral_500};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${COLORS.primary_700};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AAAAO,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAjB,sBAAA,CAAAF,OAAA;AACA,IAAAoB,MAAA,GAAApB,OAAA;AAoCA,IAAAqB,SAAA,GAAArB,OAAA;AAEA,IAAAsB,YAAA,GAAAtB,OAAA;AAAAO,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAa,eAAA;AAjCxB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,wfAGvEP,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCR,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,kBAAM,CAACC,WAAW,EAMlBD,kBAAM,CAACE,WAAW,EAMlBF,kBAAM,CAACG,WAAW,EAKlBH,kBAAM,CAACI,WAAW;AAAA,CAEnC;AAACvB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_WriteThemedColors","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport WriteThemedColors from './WriteThemedColors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, WriteThemedColors };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${COLORS.neutral_100};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${COLORS.neutral_500};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${COLORS.primary_700};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AAAAO,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAjB,sBAAA,CAAAF,OAAA;AACA,IAAAoB,MAAA,GAAApB,OAAA;AAoCA,IAAAqB,SAAA,GAAArB,OAAA;AAEA,IAAAsB,YAAA,GAAAtB,OAAA;AAAAO,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAa,eAAA;AAjCxB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,wfAGvEP,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCR,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,kBAAM,CAACC,WAAW,EAMlBD,kBAAM,CAACE,WAAW,EAMlBF,kBAAM,CAACG,WAAW,EAKlBH,kBAAM,CAACI,WAAW;AAAA,CAEnC;AAACvB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/styles/index.d.ts

@@ -1,11 +1,11 @@
 import COLORS from './colors';
-import OverwriteColors from './overwritecolors';
+import WriteThemedColors from './WriteThemedColors';
 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 { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, WriteThemedColors };
 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/styles/index.js

@@ -1,20 +1,18 @@
-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;
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { css } from 'styled-components';
+import COLORS from './colors';
+import WriteThemedColors from './WriteThemedColors';
+import BREAKPOINTS from './breakpoints';
+import { BOXSHADOWS } from './shadowstyles';
+export * from './typography';
+import globalStyles from './global';
+import { Size } from '../types';
+export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, WriteThemedColors };
+export var scrollBarStyling = function scrollBarStyling() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Size.Small;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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';
+//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["css","COLORS","OverwriteColors","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","neutral_100","neutral_500","primary_700","primary_800","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport OverwriteColors from './overwritecolors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, OverwriteColors };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${COLORS.neutral_100};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${COLORS.neutral_500};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${COLORS.primary_700};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASL,MAAM,EAAEE,WAAW,EAAEC,UAAU,EAAEC,YAAY,EAAEH,eAAe;AAGvE,OAAO,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKZ,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4eAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/Bd,MAAM,CAACe,WAAW,EAMlBf,MAAM,CAACgB,WAAW,EAMlBhB,MAAM,CAACiB,WAAW,EAKlBjB,MAAM,CAACkB,WAAW;AAAA,CAEnC;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","COLORS","WriteThemedColors","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","neutral_100","neutral_500","primary_700","primary_800","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport WriteThemedColors from './WriteThemedColors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, WriteThemedColors };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  ::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n    background: ${COLORS.neutral_100};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ${COLORS.neutral_500};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: ${COLORS.primary_700};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  ::-webkit-scrollbar-thumb:active {\r\n    background: ${COLORS.primary_800};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASL,MAAM,EAAEE,WAAW,EAAEC,UAAU,EAAEC,YAAY,EAAEH,iBAAiB;AAGzE,OAAO,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKZ,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4eAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/Bd,MAAM,CAACe,WAAW,EAMlBf,MAAM,CAACgB,WAAW,EAMlBhB,MAAM,CAACiB,WAAW,EAKlBjB,MAAM,CAACkB,WAAW;AAAA,CAEnC;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}

package/dist/styles/overwritecolors.cjs

@@ -13,8 +13,8 @@ var OverwriteColors = function OverwriteColors() {
   for (var a in themeContext.colors) {
     if (_colors["default"].hasOwnProperty(a)) _colors["default"][a] = themeContext.colors[a];
   }
-  return true;
+  return null;
 };
 var _default = OverwriteColors;
 exports["default"] = _default;
-//# sourceMappingURL=overwritecolors.cjs.map
+//# sourceMappingURL=OverwriteColors.cjs.map

package/dist/styles/overwritecolors.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"overwritecolors.cjs","names":["_react","require","_styledComponents","_colors","_interopRequireDefault","OverwriteColors","themeContext","useContext","ThemeContext","a","colors","COLORS","hasOwnProperty","_default","exports"],"sources":["../../src/styles/overwritecolors.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport { ThemeContext } from \"styled-components\";\r\nimport COLORS from \"./colors\";\r\n\r\n\r\nconst OverwriteColors = () => {\r\n    const themeContext = useContext(ThemeContext);\r\n    for(var a in themeContext.colors){\r\n      if(COLORS.hasOwnProperty(a))\r\n        COLORS[a as keyof typeof COLORS] = themeContext.colors[a];\r\n    }  \r\n    return true;\r\n}\r\n\r\nexport default OverwriteColors;\r\n  "],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EAC1B,IAAMC,YAAY,GAAG,IAAAC,iBAAU,EAACC,8BAAY,CAAC;EAC7C,KAAI,IAAIC,CAAC,IAAIH,YAAY,CAACI,MAAM,EAAC;IAC/B,IAAGC,kBAAM,CAACC,cAAc,CAACH,CAAC,CAAC,EACzBE,kBAAM,CAACF,CAAC,CAAwB,GAAGH,YAAY,CAACI,MAAM,CAACD,CAAC,CAAC;EAC7D;EACA,OAAO,IAAI;AACf,CAAC;AAAA,IAAAI,QAAA,GAEcR,eAAe;AAAAS,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"OverwriteColors.cjs","names":["_react","require","_styledComponents","_colors","_interopRequireDefault","OverwriteColors","themeContext","useContext","ThemeContext","a","colors","COLORS","hasOwnProperty","_default","exports"],"sources":["../../src/styles/OverwriteColors.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport { ThemeContext } from \"styled-components\";\r\nimport COLORS from \"./colors\";\r\n\r\n\r\nconst OverwriteColors: React.FunctionComponent = () => {\r\n    const themeContext = useContext(ThemeContext);\r\n    for(var a in themeContext.colors){\r\n      if(COLORS.hasOwnProperty(a))\r\n        COLORS[a as keyof typeof COLORS] = themeContext.colors[a];\r\n    }  \r\n    return null;\r\n}\r\n\r\nexport default OverwriteColors;\r\n  "],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAMI,eAAwC,GAAG,SAA3CA,eAAwCA,CAAA,EAAS;EACnD,IAAMC,YAAY,GAAG,IAAAC,iBAAU,EAACC,8BAAY,CAAC;EAC7C,KAAI,IAAIC,CAAC,IAAIH,YAAY,CAACI,MAAM,EAAC;IAC/B,IAAGC,kBAAM,CAACC,cAAc,CAACH,CAAC,CAAC,EACzBE,kBAAM,CAACF,CAAC,CAAwB,GAAGH,YAAY,CAACI,MAAM,CAACD,CAAC,CAAC;EAC7D;EACA,OAAO,IAAI;AACf,CAAC;AAAA,IAAAI,QAAA,GAEcR,eAAe;AAAAS,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/styles/overwritecolors.d.ts

@@ -1,2 +1,3 @@
-declare const OverwriteColors: () => boolean;
+/// <reference types="react" />
+declare const OverwriteColors: React.FunctionComponent;
 export default OverwriteColors;

package/dist/styles/overwritecolors.js

@@ -1,12 +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;
+import { useContext } from "react";
+import { ThemeContext } from "styled-components";
+import COLORS from "./colors";
+var OverwriteColors = function OverwriteColors() {
+  var themeContext = useContext(ThemeContext);
+  for (var a in themeContext.colors) {
+    if (COLORS.hasOwnProperty(a)) COLORS[a] = themeContext.colors[a];
+  }
+  return null;
+};
+export default OverwriteColors;
+//# sourceMappingURL=OverwriteColors.js.map