@laerdal/life-react-components 5.0.5-dev.3 → 5.0.5

package/dist/react-app-env.d.ts

@@ -1 +1 @@
-/// <reference types="react-scripts" />
+/// <reference types="react-scripts" />

package/dist/styles/breakpoints.cjs

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var BREAKPOINTS = {
   SMALL: '@media (min-width: 320px)',
   MEDIUM: '@media (min-width: 768px)',
   LARGE: '@media (min-width: 1280px)'
 };
 var _default = BREAKPOINTS;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=breakpoints.cjs.map

package/dist/styles/breakpoints.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.cjs","names":["BREAKPOINTS","SMALL","MEDIUM","LARGE"],"sources":["../../src/styles/breakpoints.ts"],"sourcesContent":["const BREAKPOINTS = {\r\n  SMALL: '@media (min-width: 320px)',\r\n  MEDIUM: '@media (min-width: 768px)',\r\n  LARGE: '@media (min-width: 1280px)',\r\n};\r\n\r\nexport default BREAKPOINTS;\r\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAG;EAClBC,KAAK,EAAE,2BAA2B;EAClCC,MAAM,EAAE,2BAA2B;EACnCC,KAAK,EAAE;AACT,CAAC;AAAC,eAEaH,WAAW;AAAA"}
+{"version":3,"file":"breakpoints.cjs","names":["BREAKPOINTS","SMALL","MEDIUM","LARGE","_default","exports"],"sources":["../../src/styles/breakpoints.ts"],"sourcesContent":["const BREAKPOINTS = {\n  SMALL: '@media (min-width: 320px)',\n  MEDIUM: '@media (min-width: 768px)',\n  LARGE: '@media (min-width: 1280px)',\n};\n\nexport default BREAKPOINTS;\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAG;EAClBC,KAAK,EAAE,2BAA2B;EAClCC,MAAM,EAAE,2BAA2B;EACnCC,KAAK,EAAE;AACT,CAAC;AAAC,IAAAC,QAAA,GAEaJ,WAAW;AAAAK,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/styles/breakpoints.d.ts

@@ -1,6 +1,6 @@
-declare const BREAKPOINTS: {
-    SMALL: string;
-    MEDIUM: string;
-    LARGE: string;
-};
-export default BREAKPOINTS;
+declare const BREAKPOINTS: {
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+};
+export default BREAKPOINTS;

package/dist/styles/breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.js","names":["BREAKPOINTS","SMALL","MEDIUM","LARGE"],"sources":["../../src/styles/breakpoints.ts"],"sourcesContent":["const BREAKPOINTS = {\r\n  SMALL: '@media (min-width: 320px)',\r\n  MEDIUM: '@media (min-width: 768px)',\r\n  LARGE: '@media (min-width: 1280px)',\r\n};\r\n\r\nexport default BREAKPOINTS;\r\n"],"mappings":"AAAA,IAAMA,WAAW,GAAG;EAClBC,KAAK,EAAE,2BAA2B;EAClCC,MAAM,EAAE,2BAA2B;EACnCC,KAAK,EAAE;AACT,CAAC;AAED,eAAeH,WAAW"}
+{"version":3,"file":"breakpoints.js","names":["BREAKPOINTS","SMALL","MEDIUM","LARGE"],"sources":["../../src/styles/breakpoints.ts"],"sourcesContent":["const BREAKPOINTS = {\n  SMALL: '@media (min-width: 320px)',\n  MEDIUM: '@media (min-width: 768px)',\n  LARGE: '@media (min-width: 1280px)',\n};\n\nexport default BREAKPOINTS;\n"],"mappings":"AAAA,IAAMA,WAAW,GAAG;EAClBC,KAAK,EAAE,2BAA2B;EAClCC,MAAM,EAAE,2BAA2B;EACnCC,KAAK,EAAE;AACT,CAAC;AAED,eAAeH,WAAW","ignoreList":[]}

package/dist/styles/colors.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var COLORS = {
   //do not use these constants to get colors, use 'getColor' function instead
   black: '#1F1F1F',
@@ -118,5 +118,5 @@ var COLORS = {
   }
 };
 var _default = COLORS;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=colors.cjs.map

package/dist/styles/colors.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"colors.cjs","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","getColor","name","theme","colors"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\r\n  //do not use these constants to get colors, use 'getColor' function instead\r\n  black: '#1F1F1F', // Neutrals / Black\r\n  white: '#FFFFFF', // Neutrals / White\r\n  grey: '#949494', // Neutrals / grey\r\n  primary: '#2E7FA1', // Brand / Primary - Core 500\r\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n  correct: '#37A851', // Semantic / Correct - Core 400\r\n  warning: '#E97116', // Semantic / Warning  - Core 400\r\n  critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n  primary_20: '#F1FBFE',\r\n  primary_50: '#E3F5FC',\r\n  primary_100: '#D4E9F2',\r\n  primary_200: '#A9D3E5',\r\n  primary_300: '#7FBCD7',\r\n  primary_400: '#519DBD',\r\n  primary_500: '#2E7FA1', // 500 Core\r\n  primary_600: '#276D8B',\r\n  primary_700: '#215369',\r\n  primary_800: '#163746',\r\n\r\n  accent1_20: '#EDFCFB',\r\n  accent1_50: '#E4F6F6',\r\n  accent1_100: '#C8EEEC',\r\n  accent1_200: '#98D8D5',\r\n  accent1_300: '#6BC2BE',\r\n  accent1_400: '#3EA39E',\r\n  accent1_500: '#25837E', // 500 Core\r\n  accent1_600: '#23716D',\r\n  accent1_700: '#145653',\r\n  accent1_800: '#0F3937',\r\n\r\n  accent2_20: '#FFFAEE',\r\n  accent2_50: '#FDF0DE',\r\n  accent2_100: '#F8E2BF',\r\n  accent2_200: '#EAC785', // 200 Core\r\n  accent2_300: '#D6AD61',\r\n  accent2_400: '#B58E45',\r\n  accent2_500: '#92702F',\r\n  accent2_600: '#806128',\r\n  accent2_700: '#604920',\r\n  accent2_800: '#42300F',\r\n\r\n  correct_20: '#ECFEF1',\r\n  correct_50: '#E2F8E4',\r\n  correct_100: '#CCEED2',\r\n  correct_200: '#A0D9AD',\r\n  correct_300: '#77C589',\r\n  correct_400: '#37A851', // 400 Core\r\n  correct_500: '#14892F',\r\n  correct_600: '#13772A',\r\n  correct_700: '#025A15',\r\n  correct_800: '#003D0E',\r\n\r\n  warning_20: '#FEF7F1',\r\n  warning_50: '#FDF0E7',\r\n  warning_100: '#FCDDC5',\r\n  warning_200: '#F8C096',\r\n  warning_300: '#F4A162',\r\n  warning_400: '#E97116', // 400 Core\r\n  warning_500: '#C45402',\r\n  warning_600: '#AD4B00',\r\n  warning_700: '#803700',\r\n  warning_800: '#572600',\r\n\r\n  critical_20: '#FEF5F7',\r\n  critical_50: '#FEECF1',\r\n  critical_100: '#FDDEE2',\r\n  critical_200: '#FDBAC2',\r\n  critical_300: '#FD96A4',\r\n  critical_400: '#FC5A6F',\r\n  critical_500: '#DC3449', // 500 Core\r\n  critical_600: '#C32238',\r\n  critical_700: '#9C0D1D',\r\n  critical_800: '#6B0613',\r\n\r\n  neutral_20: '#FAFAFA', // 020 Core\r\n  neutral_50: '#F2F2F2',\r\n  neutral_100: '#E5E5E5',\r\n  neutral_200: '#CCCCCC',\r\n  neutral_300: '#B3B3B3',\r\n  neutral_400: '#949494',\r\n  neutral_500: '#767676',\r\n  neutral_600: '#666666',\r\n  neutral_700: '#4D4D4D',\r\n  neutral_800: '#333333',\r\n\r\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n  toast_info: '#2E7FA1',\r\n  toast_success: '#37A851',\r\n  toast_warning: '#E97116',\r\n  toast_error: '#DC3449',\r\n\r\n\r\n  getColor: (name: string, theme: any): string => {\r\n    if (theme && theme.colors && theme.colors[name])\r\n      return theme.colors[name];\r\n    return COLORS[name as keyof typeof COLORS] as string;\r\n  }\r\n};\r\n\r\nexport default COLORS;\r\n\r\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;EACb;EACAC,KAAK,EAAE,SAAS;EAAE;EAClBC,KAAK,EAAE,SAAS;EAAE;EAClBC,IAAI,EAAE,SAAS;EAAE;EACjBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,QAAQ,EAAE,SAAS;EAAE;;EAErBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAAE;EACxBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAAE;EACxBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAAE;EACxBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAAE;EACxBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAAE;EACxBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EAAE;EACzBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EAEvBC,UAAU,EAAE,SAAS;EAAE;EACvBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,KAAK,EAAE,uBAAuB;EAAE;EAChCC,QAAQ,EAAE,0BAA0B;EAAE;;EAEtCC,cAAc,EAAE,+GAA+G;EAE/HC,UAAU,EAAE,SAAS;EACrBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,WAAW,EAAE,SAAS;EAGtBC,QAAQ,EAAE,kBAACC,IAAY,EAAEC,KAAU,EAAa;IAC9C,IAAIA,KAAK,IAAIA,KAAK,CAACC,MAAM,IAAID,KAAK,CAACC,MAAM,CAACF,IAAI,CAAC,EAC7C,OAAOC,KAAK,CAACC,MAAM,CAACF,IAAI,CAAC;IAC3B,OAAOxF,MAAM,CAACwF,IAAI,CAAwB;EAC5C;AACF,CAAC;AAAC,eAEaxF,MAAM;AAAA"}
+{"version":3,"file":"colors.cjs","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","getColor","name","theme","colors","_default","exports"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\n  //do not use these constants to get colors, use 'getColor' function instead\n  black: '#1F1F1F', // Neutrals / Black\n  white: '#FFFFFF', // Neutrals / White\n  grey: '#949494', // Neutrals / grey\n  primary: '#2E7FA1', // Brand / Primary - Core 500\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\n  correct: '#37A851', // Semantic / Correct - Core 400\n  warning: '#E97116', // Semantic / Warning  - Core 400\n  critical: '#DC3449', // Semantic / Critical - Core 500\n\n  primary_20: '#F1FBFE',\n  primary_50: '#E3F5FC',\n  primary_100: '#D4E9F2',\n  primary_200: '#A9D3E5',\n  primary_300: '#7FBCD7',\n  primary_400: '#519DBD',\n  primary_500: '#2E7FA1', // 500 Core\n  primary_600: '#276D8B',\n  primary_700: '#215369',\n  primary_800: '#163746',\n\n  accent1_20: '#EDFCFB',\n  accent1_50: '#E4F6F6',\n  accent1_100: '#C8EEEC',\n  accent1_200: '#98D8D5',\n  accent1_300: '#6BC2BE',\n  accent1_400: '#3EA39E',\n  accent1_500: '#25837E', // 500 Core\n  accent1_600: '#23716D',\n  accent1_700: '#145653',\n  accent1_800: '#0F3937',\n\n  accent2_20: '#FFFAEE',\n  accent2_50: '#FDF0DE',\n  accent2_100: '#F8E2BF',\n  accent2_200: '#EAC785', // 200 Core\n  accent2_300: '#D6AD61',\n  accent2_400: '#B58E45',\n  accent2_500: '#92702F',\n  accent2_600: '#806128',\n  accent2_700: '#604920',\n  accent2_800: '#42300F',\n\n  correct_20: '#ECFEF1',\n  correct_50: '#E2F8E4',\n  correct_100: '#CCEED2',\n  correct_200: '#A0D9AD',\n  correct_300: '#77C589',\n  correct_400: '#37A851', // 400 Core\n  correct_500: '#14892F',\n  correct_600: '#13772A',\n  correct_700: '#025A15',\n  correct_800: '#003D0E',\n\n  warning_20: '#FEF7F1',\n  warning_50: '#FDF0E7',\n  warning_100: '#FCDDC5',\n  warning_200: '#F8C096',\n  warning_300: '#F4A162',\n  warning_400: '#E97116', // 400 Core\n  warning_500: '#C45402',\n  warning_600: '#AD4B00',\n  warning_700: '#803700',\n  warning_800: '#572600',\n\n  critical_20: '#FEF5F7',\n  critical_50: '#FEECF1',\n  critical_100: '#FDDEE2',\n  critical_200: '#FDBAC2',\n  critical_300: '#FD96A4',\n  critical_400: '#FC5A6F',\n  critical_500: '#DC3449', // 500 Core\n  critical_600: '#C32238',\n  critical_700: '#9C0D1D',\n  critical_800: '#6B0613',\n\n  neutral_20: '#FAFAFA', // 020 Core\n  neutral_50: '#F2F2F2',\n  neutral_100: '#E5E5E5',\n  neutral_200: '#CCCCCC',\n  neutral_300: '#B3B3B3',\n  neutral_400: '#949494',\n  neutral_500: '#767676',\n  neutral_600: '#666666',\n  neutral_700: '#4D4D4D',\n  neutral_800: '#333333',\n\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\n\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\n\n  toast_info: '#2E7FA1',\n  toast_success: '#37A851',\n  toast_warning: '#E97116',\n  toast_error: '#DC3449',\n\n\n  getColor: (name: string, theme: any): string => {\n    if (theme && theme.colors && theme.colors[name])\n      return theme.colors[name];\n    return COLORS[name as keyof typeof COLORS] as string;\n  }\n};\n\nexport default COLORS;\n\n"],"mappings":"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","ignoreList":[]}

package/dist/styles/colors.d.ts

@@ -1,90 +1,90 @@
-declare const COLORS: {
-    black: string;
-    white: string;
-    grey: string;
-    primary: string;
-    accent1: string;
-    accent2: string;
-    correct: string;
-    warning: string;
-    critical: string;
-    primary_20: string;
-    primary_50: string;
-    primary_100: string;
-    primary_200: string;
-    primary_300: string;
-    primary_400: string;
-    primary_500: string;
-    primary_600: string;
-    primary_700: string;
-    primary_800: string;
-    accent1_20: string;
-    accent1_50: string;
-    accent1_100: string;
-    accent1_200: string;
-    accent1_300: string;
-    accent1_400: string;
-    accent1_500: string;
-    accent1_600: string;
-    accent1_700: string;
-    accent1_800: string;
-    accent2_20: string;
-    accent2_50: string;
-    accent2_100: string;
-    accent2_200: string;
-    accent2_300: string;
-    accent2_400: string;
-    accent2_500: string;
-    accent2_600: string;
-    accent2_700: string;
-    accent2_800: string;
-    correct_20: string;
-    correct_50: string;
-    correct_100: string;
-    correct_200: string;
-    correct_300: string;
-    correct_400: string;
-    correct_500: string;
-    correct_600: string;
-    correct_700: string;
-    correct_800: string;
-    warning_20: string;
-    warning_50: string;
-    warning_100: string;
-    warning_200: string;
-    warning_300: string;
-    warning_400: string;
-    warning_500: string;
-    warning_600: string;
-    warning_700: string;
-    warning_800: string;
-    critical_20: string;
-    critical_50: string;
-    critical_100: string;
-    critical_200: string;
-    critical_300: string;
-    critical_400: string;
-    critical_500: string;
-    critical_600: string;
-    critical_700: string;
-    critical_800: string;
-    neutral_20: string;
-    neutral_50: string;
-    neutral_100: string;
-    neutral_200: string;
-    neutral_300: string;
-    neutral_400: string;
-    neutral_500: string;
-    neutral_600: string;
-    neutral_700: string;
-    neutral_800: string;
-    focus: string;
-    focus_25: string;
-    white_gradient: string;
-    toast_info: string;
-    toast_success: string;
-    toast_warning: string;
-    toast_error: string;
-    getColor: (name: string, theme: any) => string;
-};
-export default COLORS;
+declare const COLORS: {
+    black: string;
+    white: string;
+    grey: string;
+    primary: string;
+    accent1: string;
+    accent2: string;
+    correct: string;
+    warning: string;
+    critical: string;
+    primary_20: string;
+    primary_50: string;
+    primary_100: string;
+    primary_200: string;
+    primary_300: string;
+    primary_400: string;
+    primary_500: string;
+    primary_600: string;
+    primary_700: string;
+    primary_800: string;
+    accent1_20: string;
+    accent1_50: string;
+    accent1_100: string;
+    accent1_200: string;
+    accent1_300: string;
+    accent1_400: string;
+    accent1_500: string;
+    accent1_600: string;
+    accent1_700: string;
+    accent1_800: string;
+    accent2_20: string;
+    accent2_50: string;
+    accent2_100: string;
+    accent2_200: string;
+    accent2_300: string;
+    accent2_400: string;
+    accent2_500: string;
+    accent2_600: string;
+    accent2_700: string;
+    accent2_800: string;
+    correct_20: string;
+    correct_50: string;
+    correct_100: string;
+    correct_200: string;
+    correct_300: string;
+    correct_400: string;
+    correct_500: string;
+    correct_600: string;
+    correct_700: string;
+    correct_800: string;
+    warning_20: string;
+    warning_50: string;
+    warning_100: string;
+    warning_200: string;
+    warning_300: string;
+    warning_400: string;
+    warning_500: string;
+    warning_600: string;
+    warning_700: string;
+    warning_800: string;
+    critical_20: string;
+    critical_50: string;
+    critical_100: string;
+    critical_200: string;
+    critical_300: string;
+    critical_400: string;
+    critical_500: string;
+    critical_600: string;
+    critical_700: string;
+    critical_800: string;
+    neutral_20: string;
+    neutral_50: string;
+    neutral_100: string;
+    neutral_200: string;
+    neutral_300: string;
+    neutral_400: string;
+    neutral_500: string;
+    neutral_600: string;
+    neutral_700: string;
+    neutral_800: string;
+    focus: string;
+    focus_25: string;
+    white_gradient: string;
+    toast_info: string;
+    toast_success: string;
+    toast_warning: string;
+    toast_error: string;
+    getColor: (name: string, theme: any) => string;
+};
+export default COLORS;

package/dist/styles/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","getColor","name","theme","colors"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\r\n  //do not use these constants to get colors, use 'getColor' function instead\r\n  black: '#1F1F1F', // Neutrals / Black\r\n  white: '#FFFFFF', // Neutrals / White\r\n  grey: '#949494', // Neutrals / grey\r\n  primary: '#2E7FA1', // Brand / Primary - Core 500\r\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n  correct: '#37A851', // Semantic / Correct - Core 400\r\n  warning: '#E97116', // Semantic / Warning  - Core 400\r\n  critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n  primary_20: '#F1FBFE',\r\n  primary_50: '#E3F5FC',\r\n  primary_100: '#D4E9F2',\r\n  primary_200: '#A9D3E5',\r\n  primary_300: '#7FBCD7',\r\n  primary_400: '#519DBD',\r\n  primary_500: '#2E7FA1', // 500 Core\r\n  primary_600: '#276D8B',\r\n  primary_700: '#215369',\r\n  primary_800: '#163746',\r\n\r\n  accent1_20: '#EDFCFB',\r\n  accent1_50: '#E4F6F6',\r\n  accent1_100: '#C8EEEC',\r\n  accent1_200: '#98D8D5',\r\n  accent1_300: '#6BC2BE',\r\n  accent1_400: '#3EA39E',\r\n  accent1_500: '#25837E', // 500 Core\r\n  accent1_600: '#23716D',\r\n  accent1_700: '#145653',\r\n  accent1_800: '#0F3937',\r\n\r\n  accent2_20: '#FFFAEE',\r\n  accent2_50: '#FDF0DE',\r\n  accent2_100: '#F8E2BF',\r\n  accent2_200: '#EAC785', // 200 Core\r\n  accent2_300: '#D6AD61',\r\n  accent2_400: '#B58E45',\r\n  accent2_500: '#92702F',\r\n  accent2_600: '#806128',\r\n  accent2_700: '#604920',\r\n  accent2_800: '#42300F',\r\n\r\n  correct_20: '#ECFEF1',\r\n  correct_50: '#E2F8E4',\r\n  correct_100: '#CCEED2',\r\n  correct_200: '#A0D9AD',\r\n  correct_300: '#77C589',\r\n  correct_400: '#37A851', // 400 Core\r\n  correct_500: '#14892F',\r\n  correct_600: '#13772A',\r\n  correct_700: '#025A15',\r\n  correct_800: '#003D0E',\r\n\r\n  warning_20: '#FEF7F1',\r\n  warning_50: '#FDF0E7',\r\n  warning_100: '#FCDDC5',\r\n  warning_200: '#F8C096',\r\n  warning_300: '#F4A162',\r\n  warning_400: '#E97116', // 400 Core\r\n  warning_500: '#C45402',\r\n  warning_600: '#AD4B00',\r\n  warning_700: '#803700',\r\n  warning_800: '#572600',\r\n\r\n  critical_20: '#FEF5F7',\r\n  critical_50: '#FEECF1',\r\n  critical_100: '#FDDEE2',\r\n  critical_200: '#FDBAC2',\r\n  critical_300: '#FD96A4',\r\n  critical_400: '#FC5A6F',\r\n  critical_500: '#DC3449', // 500 Core\r\n  critical_600: '#C32238',\r\n  critical_700: '#9C0D1D',\r\n  critical_800: '#6B0613',\r\n\r\n  neutral_20: '#FAFAFA', // 020 Core\r\n  neutral_50: '#F2F2F2',\r\n  neutral_100: '#E5E5E5',\r\n  neutral_200: '#CCCCCC',\r\n  neutral_300: '#B3B3B3',\r\n  neutral_400: '#949494',\r\n  neutral_500: '#767676',\r\n  neutral_600: '#666666',\r\n  neutral_700: '#4D4D4D',\r\n  neutral_800: '#333333',\r\n\r\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n  toast_info: '#2E7FA1',\r\n  toast_success: '#37A851',\r\n  toast_warning: '#E97116',\r\n  toast_error: '#DC3449',\r\n\r\n\r\n  getColor: (name: string, theme: any): string => {\r\n    if (theme && theme.colors && theme.colors[name])\r\n      return theme.colors[name];\r\n    return COLORS[name as keyof typeof COLORS] as string;\r\n  }\r\n};\r\n\r\nexport default COLORS;\r\n\r\n"],"mappings":"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"}
+{"version":3,"file":"colors.js","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","getColor","name","theme","colors"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\n  //do not use these constants to get colors, use 'getColor' function instead\n  black: '#1F1F1F', // Neutrals / Black\n  white: '#FFFFFF', // Neutrals / White\n  grey: '#949494', // Neutrals / grey\n  primary: '#2E7FA1', // Brand / Primary - Core 500\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\n  correct: '#37A851', // Semantic / Correct - Core 400\n  warning: '#E97116', // Semantic / Warning  - Core 400\n  critical: '#DC3449', // Semantic / Critical - Core 500\n\n  primary_20: '#F1FBFE',\n  primary_50: '#E3F5FC',\n  primary_100: '#D4E9F2',\n  primary_200: '#A9D3E5',\n  primary_300: '#7FBCD7',\n  primary_400: '#519DBD',\n  primary_500: '#2E7FA1', // 500 Core\n  primary_600: '#276D8B',\n  primary_700: '#215369',\n  primary_800: '#163746',\n\n  accent1_20: '#EDFCFB',\n  accent1_50: '#E4F6F6',\n  accent1_100: '#C8EEEC',\n  accent1_200: '#98D8D5',\n  accent1_300: '#6BC2BE',\n  accent1_400: '#3EA39E',\n  accent1_500: '#25837E', // 500 Core\n  accent1_600: '#23716D',\n  accent1_700: '#145653',\n  accent1_800: '#0F3937',\n\n  accent2_20: '#FFFAEE',\n  accent2_50: '#FDF0DE',\n  accent2_100: '#F8E2BF',\n  accent2_200: '#EAC785', // 200 Core\n  accent2_300: '#D6AD61',\n  accent2_400: '#B58E45',\n  accent2_500: '#92702F',\n  accent2_600: '#806128',\n  accent2_700: '#604920',\n  accent2_800: '#42300F',\n\n  correct_20: '#ECFEF1',\n  correct_50: '#E2F8E4',\n  correct_100: '#CCEED2',\n  correct_200: '#A0D9AD',\n  correct_300: '#77C589',\n  correct_400: '#37A851', // 400 Core\n  correct_500: '#14892F',\n  correct_600: '#13772A',\n  correct_700: '#025A15',\n  correct_800: '#003D0E',\n\n  warning_20: '#FEF7F1',\n  warning_50: '#FDF0E7',\n  warning_100: '#FCDDC5',\n  warning_200: '#F8C096',\n  warning_300: '#F4A162',\n  warning_400: '#E97116', // 400 Core\n  warning_500: '#C45402',\n  warning_600: '#AD4B00',\n  warning_700: '#803700',\n  warning_800: '#572600',\n\n  critical_20: '#FEF5F7',\n  critical_50: '#FEECF1',\n  critical_100: '#FDDEE2',\n  critical_200: '#FDBAC2',\n  critical_300: '#FD96A4',\n  critical_400: '#FC5A6F',\n  critical_500: '#DC3449', // 500 Core\n  critical_600: '#C32238',\n  critical_700: '#9C0D1D',\n  critical_800: '#6B0613',\n\n  neutral_20: '#FAFAFA', // 020 Core\n  neutral_50: '#F2F2F2',\n  neutral_100: '#E5E5E5',\n  neutral_200: '#CCCCCC',\n  neutral_300: '#B3B3B3',\n  neutral_400: '#949494',\n  neutral_500: '#767676',\n  neutral_600: '#666666',\n  neutral_700: '#4D4D4D',\n  neutral_800: '#333333',\n\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\n\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\n\n  toast_info: '#2E7FA1',\n  toast_success: '#37A851',\n  toast_warning: '#E97116',\n  toast_error: '#DC3449',\n\n\n  getColor: (name: string, theme: any): string => {\n    if (theme && theme.colors && theme.colors[name])\n      return theme.colors[name];\n    return COLORS[name as keyof typeof COLORS] as string;\n  }\n};\n\nexport default COLORS;\n\n"],"mappings":"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","ignoreList":[]}

package/dist/styles/focus-styles.cjs

@@ -9,8 +9,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styledComponents = require("styled-components");
 var _zIndexes = require("./z-indexes");
 var _templateObject, _templateObject2;
-var focusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), _zIndexes.Z_INDEXES.focus);
+var focusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), _zIndexes.Z_INDEXES.focus);
 exports.focusStyles = focusStyles;
-var invertedFocusStyles = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), _zIndexes.Z_INDEXES.focus);
+var invertedFocusStyles = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), _zIndexes.Z_INDEXES.focus);
 exports.invertedFocusStyles = invertedFocusStyles;
 //# sourceMappingURL=focus-styles.cjs.map

package/dist/styles/focus-styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"focus-styles.cjs","names":["focusStyles","css","Z_INDEXES","focus","invertedFocusStyles"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\r\nimport {Z_INDEXES} from './z-indexes';\r\n\r\nexport const focusStyles = css`\r\n  outline: 4px solid black;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n\r\nexport const invertedFocusStyles = css`\r\n  outline: 4px solid white;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AAAsC;AAE/B,IAAMA,WAAW,OAAGC,qBAAG,qLAIjBC,mBAAS,CAACC,KAAK,CAC3B;AAAC;AAEK,IAAMC,mBAAmB,OAAGH,qBAAG,uLAIzBC,mBAAS,CAACC,KAAK,CAC3B;AAAC"}
+{"version":3,"file":"focus-styles.cjs","names":["_styledComponents","require","_zIndexes","_templateObject","_templateObject2","focusStyles","css","_taggedTemplateLiteral2","Z_INDEXES","focus","exports","invertedFocusStyles"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\nimport {Z_INDEXES} from './z-indexes';\n\nexport const focusStyles = css`\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ${Z_INDEXES.focus};\n`;\n\nexport const invertedFocusStyles = css`\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ${Z_INDEXES.focus};\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,eAAA,EAAAC,gBAAA;AAE/B,IAAMC,WAAW,OAAGC,qBAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,qHAIjBC,mBAAS,CAACC,KAAK,CAC3B;AAACC,OAAA,CAAAL,WAAA,GAAAA,WAAA;AAEK,IAAMM,mBAAmB,OAAGL,qBAAG,EAAAF,gBAAA,KAAAA,gBAAA,OAAAG,uBAAA,qHAIzBC,mBAAS,CAACC,KAAK,CAC3B;AAACC,OAAA,CAAAC,mBAAA,GAAAA,mBAAA","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"focus-styles.js","names":["css","Z_INDEXES","focusStyles","focus","invertedFocusStyles"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\r\nimport {Z_INDEXES} from './z-indexes';\r\n\r\nexport const focusStyles = css`\r\n  outline: 4px solid black;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n\r\nexport const invertedFocusStyles = css`\r\n  outline: 4px solid white;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,mBAAmB;AACrC,SAAQC,SAAS,QAAO,aAAa;AAErC,OAAO,IAAMC,WAAW,GAAGF,GAAG,sKAIjBC,SAAS,CAACE,KAAK,CAC3B;AAED,OAAO,IAAMC,mBAAmB,GAAGJ,GAAG,wKAIzBC,SAAS,CAACE,KAAK,CAC3B"}
+{"version":3,"file":"focus-styles.js","names":["css","Z_INDEXES","focusStyles","_templateObject","_taggedTemplateLiteral","focus","invertedFocusStyles","_templateObject2"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\nimport {Z_INDEXES} from './z-indexes';\n\nexport const focusStyles = css`\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ${Z_INDEXES.focus};\n`;\n\nexport const invertedFocusStyles = css`\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ${Z_INDEXES.focus};\n`;\n"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,mBAAmB;AACrC,SAAQC,SAAS,QAAO,aAAa;AAErC,OAAO,IAAMC,WAAW,GAAGF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,sBAAA,yGAIjBH,SAAS,CAACI,KAAK,CAC3B;AAED,OAAO,IAAMC,mBAAmB,GAAGN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,yGAIzBH,SAAS,CAACI,KAAK,CAC3B","ignoreList":[]}

package/dist/styles/global.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _colors = _interopRequireDefault(require("./colors"));
 var _typography = require("./typography");
@@ -12,13 +12,13 @@ var _figmaSvg = require("@laerdal/figma-svg");
 var _styledComponents = require("styled-components");
 var _templateObject;
 var resizeIcon = function resizeIcon(props) {
-  return btoa(_figmaSvg.SystemIcons.ExtendTextArea.replace("viewBox=\"0 0 24 24\"", "viewBox='0 0 26 26'").replace('fill="#1F1F1F"', "fill=\"".concat(_colors.default.getColor('neutral_600', props.theme), "\"")));
+  return btoa(_figmaSvg.SystemIcons.ExtendTextArea.replace("viewBox=\"0 0 24 24\"", "viewBox='0 0 26 26'").replace('fill="#1F1F1F"', "fill=\"".concat(_colors["default"].getColor('neutral_600', props.theme), "\"")));
 };
-var globalStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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 globalStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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';
 }, function (props) {
-  return _colors.default.getColor('black', props.theme);
+  return _colors["default"].getColor('black', props.theme);
 }, 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';
@@ -32,10 +32,10 @@ var globalStyles = (0, _styledComponents.css)(_templateObject || (_templateObjec
   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';
 }, function (props) {
-  return _colors.default.getColor('primary_100', props.theme);
+  return _colors["default"].getColor('primary_100', props.theme);
 }, function (props) {
   return resizeIcon(props);
 }, _typography.Typography);
 var _default = globalStyles;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=global.cjs.map

package/dist/styles/global.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"global.cjs","names":["resizeIcon","props","btoa","SystemIcons","ExtendTextArea","replace","COLORS","getColor","theme","globalStyles","css","fonts","Typography"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAAwC;AAExC,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACC,qBAAW,CAACC,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,mBAAWC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEN,KAAK,CAACO,KAAK,CAAC,QAAI,CAAC;AAAA;AAEtF,IAAMC,YAAY,OAAGC,qBAAG,u1CAIJ,UAAAT,KAAK;EAAA;EAAA,6CAAIA,KAAK,CAACO,KAAK,iDAAX,aAAaG,KAAK,mEAAI,MAAM;AAAA,GAC5C,UAAAV,KAAK;EAAA,OAAIK,eAAM,CAACC,QAAQ,CAAC,OAAO,EAAEN,KAAK,CAACO,KAAK,CAAC;AAAA,GAKxC,UAAAP,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACO,KAAK,kDAAX,cAAaG,KAAK,qEAAI,MAAM;AAAA,GAIrC,UAAAV,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACO,KAAK,kDAAX,cAAaG,KAAK,qEAAI,MAAM;AAAA,GAIrC,UAAAV,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACO,KAAK,kDAAX,cAAaG,KAAK,qEAAI,MAAM;AAAA,GAQrC,UAAAV,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACO,KAAK,kDAAX,cAAaG,KAAK,qEAAI,MAAM;AAAA,GAgCtC,UAAAV,KAAK;EAAA,OAAIK,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEN,KAAK,CAACO,KAAK,CAAC;AAAA,GAaf,UAAAP,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EW,sBAAU,CACb;AAAC,eAEaH,YAAY;AAAA"}
+{"version":3,"file":"global.cjs","names":["_colors","_interopRequireDefault","require","_typography","_figmaSvg","_styledComponents","_templateObject","resizeIcon","props","btoa","SystemIcons","ExtendTextArea","replace","concat","COLORS","getColor","theme","globalStyles","css","_taggedTemplateLiteral2","_props$theme$fonts","_props$theme","fonts","_props$theme$fonts2","_props$theme2","_props$theme$fonts3","_props$theme3","_props$theme$fonts4","_props$theme4","_props$theme$fonts5","_props$theme5","Typography","_default","exports"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\nimport {Typography} from \"./typography\";\nimport {SystemIcons} from \"@laerdal/figma-svg\";\nimport { css } from 'styled-components';\n\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\n\nconst globalStyles = css`\n  html,\n  body {\n    height: 100%;\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\n    color: ${props => COLORS.getColor('black', props.theme)};\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, 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: ${props => props.theme?.fonts ?? 'Lato'}, 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: ${props => COLORS.getColor('primary_100', props.theme)} !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,${props => resizeIcon(props)}\");\n  }\n  \n  ${Typography}\n`;\n\nexport default globalStyles;\n"],"mappings":";;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAwC,IAAAI,eAAA;AAExC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACC,qBAAW,CAACC,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,YAAAC,MAAA,CAAWC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,OAAG,CAAC,CAAC;AAAA;AAEtF,IAAMC,YAAY,OAAGC,qBAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,uBAAA,uxCAIJ,UAAAX,KAAK;EAAA,IAAAY,kBAAA,EAAAC,YAAA;EAAA,QAAAD,kBAAA,IAAAC,YAAA,GAAIb,KAAK,CAACQ,KAAK,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,KAAK,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,MAAM;AAAA,GAC5C,UAAAZ,KAAK;EAAA,OAAIM,kBAAM,CAACC,QAAQ,CAAC,OAAO,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAKxC,UAAAR,KAAK;EAAA,IAAAe,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIhB,KAAK,CAACQ,KAAK,cAAAQ,aAAA,uBAAXA,aAAA,CAAaF,KAAK,cAAAC,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAf,KAAK;EAAA,IAAAiB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIlB,KAAK,CAACQ,KAAK,cAAAU,aAAA,uBAAXA,aAAA,CAAaJ,KAAK,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAjB,KAAK;EAAA,IAAAmB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIpB,KAAK,CAACQ,KAAK,cAAAY,aAAA,uBAAXA,aAAA,CAAaN,KAAK,cAAAK,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAQrC,UAAAnB,KAAK;EAAA,IAAAqB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAItB,KAAK,CAACQ,KAAK,cAAAc,aAAA,uBAAXA,aAAA,CAAaR,KAAK,cAAAO,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAgCtC,UAAArB,KAAK;EAAA,OAAIM,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAaf,UAAAR,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EuB,sBAAU,CACb;AAAC,IAAAC,QAAA,GAEaf,YAAY;AAAAgB,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/styles/global.d.ts

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

package/dist/styles/global.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.js","names":["COLORS","Typography","SystemIcons","css","resizeIcon","props","btoa","ExtendTextArea","replace","getColor","theme","globalStyles","fonts"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,WAAW,QAAO,oBAAoB;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACJ,WAAW,CAACK,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,mBAAWR,MAAM,CAACS,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,QAAI,CAAC;AAAA;AAEtF,IAAMC,YAAY,GAAGR,GAAG,w0CAIJ,UAAAE,KAAK;EAAA;EAAA,6CAAIA,KAAK,CAACK,KAAK,iDAAX,aAAaE,KAAK,mEAAI,MAAM;AAAA,GAC5C,UAAAP,KAAK;EAAA,OAAIL,MAAM,CAACS,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAKxC,UAAAL,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACK,KAAK,kDAAX,cAAaE,KAAK,qEAAI,MAAM;AAAA,GAIrC,UAAAP,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACK,KAAK,kDAAX,cAAaE,KAAK,qEAAI,MAAM;AAAA,GAIrC,UAAAP,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACK,KAAK,kDAAX,cAAaE,KAAK,qEAAI,MAAM;AAAA,GAQrC,UAAAP,KAAK;EAAA;EAAA,+CAAIA,KAAK,CAACK,KAAK,kDAAX,cAAaE,KAAK,qEAAI,MAAM;AAAA,GAgCtC,UAAAP,KAAK;EAAA,OAAIL,MAAM,CAACS,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAaf,UAAAL,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EJ,UAAU,CACb;AAED,eAAeU,YAAY"}
+{"version":3,"file":"global.js","names":["COLORS","Typography","SystemIcons","css","resizeIcon","props","btoa","ExtendTextArea","replace","concat","getColor","theme","globalStyles","_templateObject","_taggedTemplateLiteral","_props$theme$fonts","_props$theme","fonts","_props$theme$fonts2","_props$theme2","_props$theme$fonts3","_props$theme3","_props$theme$fonts4","_props$theme4","_props$theme$fonts5","_props$theme5"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\nimport {Typography} from \"./typography\";\nimport {SystemIcons} from \"@laerdal/figma-svg\";\nimport { css } from 'styled-components';\n\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\n\nconst globalStyles = css`\n  html,\n  body {\n    height: 100%;\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\n    color: ${props => COLORS.getColor('black', props.theme)};\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, 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: ${props => props.theme?.fonts ?? 'Lato'}, 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: ${props => COLORS.getColor('primary_100', props.theme)} !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,${props => resizeIcon(props)}\");\n  }\n  \n  ${Typography}\n`;\n\nexport default globalStyles;\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,WAAW,QAAO,oBAAoB;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACJ,WAAW,CAACK,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,YAAAC,MAAA,CAAWT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,OAAG,CAAC,CAAC;AAAA;AAEtF,IAAMC,YAAY,GAAGT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,sBAAA,2wCAIJ,UAAAT,KAAK;EAAA,IAAAU,kBAAA,EAAAC,YAAA;EAAA,QAAAD,kBAAA,IAAAC,YAAA,GAAIX,KAAK,CAACM,KAAK,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,KAAK,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,MAAM;AAAA,GAC5C,UAAAV,KAAK;EAAA,OAAIL,MAAM,CAACU,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAKxC,UAAAN,KAAK;EAAA,IAAAa,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAId,KAAK,CAACM,KAAK,cAAAQ,aAAA,uBAAXA,aAAA,CAAaF,KAAK,cAAAC,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAb,KAAK;EAAA,IAAAe,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIhB,KAAK,CAACM,KAAK,cAAAU,aAAA,uBAAXA,aAAA,CAAaJ,KAAK,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAf,KAAK;EAAA,IAAAiB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIlB,KAAK,CAACM,KAAK,cAAAY,aAAA,uBAAXA,aAAA,CAAaN,KAAK,cAAAK,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAQrC,UAAAjB,KAAK;EAAA,IAAAmB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIpB,KAAK,CAACM,KAAK,cAAAc,aAAA,uBAAXA,aAAA,CAAaR,KAAK,cAAAO,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAgCtC,UAAAnB,KAAK;EAAA,OAAIL,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAaf,UAAAN,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EJ,UAAU,CACb;AAED,eAAeW,YAAY","ignoreList":[]}

package/dist/styles/index.cjs

@@ -21,13 +21,13 @@ Object.defineProperty(exports, "BOXSHADOWS", {
 Object.defineProperty(exports, "BREAKPOINTS", {
   enumerable: true,
   get: function get() {
-    return _breakpoints.default;
+    return _breakpoints["default"];
   }
 });
 Object.defineProperty(exports, "COLORS", {
   enumerable: true,
   get: function get() {
-    return _colors.default;
+    return _colors["default"];
   }
 });
 Object.defineProperty(exports, "Z_INDEXES", {
@@ -39,7 +39,7 @@ Object.defineProperty(exports, "Z_INDEXES", {
 Object.defineProperty(exports, "globalStyles", {
   enumerable: true,
   get: function get() {
-    return _global.default;
+    return _global["default"];
   }
 });
 exports.scrollBarStyling = void 0;
@@ -78,14 +78,14 @@ Object.keys(_focusStyles).forEach(function (key) {
 var _templateObject;
 var scrollBarStyling = function scrollBarStyling() {
   var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _types.Size.Small;
-  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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 == _types.Size.Medium ? '6px' : '4px', size == _types.Size.Medium ? '6px' : '4px', function (props) {
-    return _colors.default.getColor('neutral_100', props.theme);
+  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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 == _types.Size.Medium ? '6px' : '4px', size == _types.Size.Medium ? '6px' : '4px', function (props) {
+    return _colors["default"].getColor('neutral_100', props.theme);
   }, function (props) {
-    return _colors.default.getColor('neutral_500', props.theme);
+    return _colors["default"].getColor('neutral_500', props.theme);
   }, function (props) {
-    return _colors.default.getColor('primary_700', props.theme);
+    return _colors["default"].getColor('primary_700', props.theme);
   }, function (props) {
-    return _colors.default.getColor('primary_800', props.theme);
+    return _colors["default"].getColor('primary_800', props.theme);
   });
 };
 exports.scrollBarStyling = scrollBarStyling;

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["scrollBarStyling","size","Size","Small","css","Medium","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\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 };\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: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA;AACA;AAoCA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAA+B;AAjCxB,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGC,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,6jBAGvEH,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCJ,IAAI,IAAIC,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAKpD,UAAAH,KAAK;IAAA,OAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA;AAAA,CAErE;AAAC"}
+{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_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","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nexport  * from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\n\n\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\n  \n  &::-webkit-scrollbar {\n    width: ${size == Size.Medium ? '6px' : '4px'};\n    height: ${size == Size.Medium ? '6px' : '4px'};\n    cursor: pointer;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:active {\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n\nexport * from './focus-styles';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,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,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAoCA,IAAAoB,SAAA,GAAApB,OAAA;AAEA,IAAAqB,YAAA,GAAArB,OAAA;AAAAM,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,6fAGvEP,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCR,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAKpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA;AAAA,CAErE;AAACtB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/styles/index.d.ts

@@ -1,10 +1,10 @@
-import COLORS from './colors';
-import BREAKPOINTS from './breakpoints';
-import { BOXSHADOWS } from './shadowstyles';
-export * from './typography';
-import globalStyles from './global';
-import { Size } from '../types';
-export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
-export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export { Z_INDEXES } from './z-indexes';
-export * from './focus-styles';
+import COLORS from './colors';
+import BREAKPOINTS from './breakpoints';
+import { BOXSHADOWS } from './shadowstyles';
+export * from './typography';
+import globalStyles from './global';
+import { Size } from '../types';
+export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
+export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").RuleSet<object>;
+export { Z_INDEXES } from './z-indexes';
+export * from './focus-styles';

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","Small","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\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 };\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: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\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,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAIC,IAA8B,uEAAGF,IAAI,CAACG,KAAK;EAAA,OAAKR,GAAG,8iBAGvEO,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCF,IAAI,IAAIF,IAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAKpD,UAAAF,KAAK;IAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA;AAAA,CAErE;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB"}
+{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport COLORS from './colors';\nimport BREAKPOINTS from './breakpoints';\nimport { BOXSHADOWS } from './shadowstyles';\n\nexport  * from './typography';\n\nimport globalStyles from './global';\nimport { Size } from '../types';\n\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\n\n\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\n  \n  &::-webkit-scrollbar {\n    width: ${size == Size.Medium ? '6px' : '4px'};\n    height: ${size == Size.Medium ? '6px' : '4px'};\n    cursor: pointer;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:active {\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n`;\n\nexport {Z_INDEXES} from './z-indexes'\n\nexport * from './focus-styles';\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKX,GAAG,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ifAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAKpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA;AAAA,CAErE;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}

package/dist/styles/shadowstyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"shadowstyles.cjs","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAAC"}
+{"version":3,"file":"shadowstyles.cjs","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED","exports"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\n};\n\nexport { BOXSHADOWS };\n\n"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAACC,OAAA,CAAAL,UAAA,GAAAA,UAAA","ignoreList":[]}