@helsenorge/designsystem-react 9.4.0 → 9.4.3

package/style.css

@@ -1 +1,181 @@
-:root{--core-color-black: #000000;--core-color-white: #ffffff;--core-color-blueberry-50: #e4f7f9;--core-color-neutral-500: #989693;--core-color-neutral-700: #62625f;--color-action-text-ondark: #ffffff;--color-action-background-transparent-onlight-hover: #126f8721;--color-action-background-transparent-onlight-hoverselected: #126f872b;--color-notification-background-info: #e4f7f9;--color-notification-background-error: #fff2ea;--color-destructive-graphics-normal: #c83521;--color-base-text-onlight: #000000;--color-action-background-ondark: #ffffff;--color-action-border-ondark: #ffffff;--color-action-border-ondark-focus: #ffffff;--color-action-graphics-ondark: #ffffff;--color-base-text-ondark: #ffffff;--color-base-background-neutral: #f5f3f3;--color-base-background-white: #ffffff;--color-base-graphics-ondark: #ffffff;--color-disabled-text-ondark: #ffffff;--color-action-border-onlight: #188097;--color-action-border-onlight-hover: #08667c;--color-action-border-onlight-focus: #000000;--color-action-text-onlight: #126f87;--color-action-text-onlight-hover: #08667c;--color-action-graphics-onlight: #188097;--color-action-graphics-onlight-hover: #126f87;--color-action-graphics-ondark-hover: #e4f7f9;--color-action-background-ondark-hover: #e4f7f9;--color-action-background-ondark-selected: #cae7ed;--color-action-background-ondark-hoverselected: #afdae3;--color-action-background-onlight: #188097;--color-action-background-onlight-hover: #08667c;--color-notification-background-warning: #fdf8df;--color-notification-background-success: #e6f8ee;--color-notification-border-info: #08667c;--color-notification-border-error: #a31f0e;--color-notification-border-warning: #ab7c00;--color-notification-border-success: #078141;--color-notification-graphics-info: #08667c;--color-notification-graphics-error: #a31f0e;--color-notification-graphics-warning: #ab7c00;--color-notification-graphics-success: #078141;--color-notification-status-warning: #ebc840;--color-notification-status-success: #099150;--color-destructive-graphics-hover: #b62e1c;--color-destructive-text-normal: #b62e1c;--color-destructive-text-hover: #a31f0e;--color-disabled-background: #d6d4d3;--color-disabled-text: #62625f;--color-disabled-border: #7d7c79;--color-disabled-graphics: #62625f;--color-disabled-border-ondark: #d6d4d3;--color-disabled-graphics-ondark: #d6d4d3;--color-base-background-blueberry: #e4f7f9;--color-base-background-cherry: #fff2ea;--color-base-background-dark-blueberry: #188097;--color-base-background-dark-cherry: #c83521;--color-base-graphics-onlight: #000000;--color-base-border-ondark: #d6d4d3;--color-base-border-onlight: #989693;--color-base-border-onlight-emphasized: #62625f;--color-help-background: #efe4fd;--color-help-graphics: #5b22a6;--color-help-border: #5b22a6;--core-color-blueberry-100: #cae7ed;--core-color-blueberry-200: #afdae3;--core-color-blueberry-300: #7abecc;--core-color-blueberry-400: #58aabb;--core-color-blueberry-500: #188097;--core-color-blueberry-600: #126f87;--core-color-blueberry-700: #08667c;--core-color-blueberry-800: #06596c;--core-color-blueberry-900: #084350;--core-color-neutral-50: #f5f3f3;--core-color-neutral-100: #eae7e7;--core-color-neutral-200: #d6d4d3;--core-color-neutral-300: #bdbab9;--core-color-neutral-400: #aaa8a6;--core-color-neutral-600: #7d7c79;--core-color-neutral-800: #474745;--core-color-neutral-900: #2b2c2b;--core-color-banana-50: #fdf8df;--core-color-banana-100: #fcf2bf;--core-color-banana-200: #f9ea9f;--core-color-banana-300: #f5e080;--core-color-banana-400: #ebc840;--core-color-banana-500: #ddab06;--core-color-banana-600: #c59302;--core-color-banana-700: #ab7c00;--core-color-banana-800: #916500;--core-color-banana-900: #764f00;--core-color-cherry-50: #fff2ea;--core-color-cherry-100: #f7e1d2;--core-color-cherry-200: #eec0a5;--core-color-cherry-300: #e39376;--core-color-cherry-400: #d56147;--core-color-cherry-500: #c83521;--core-color-cherry-600: #b62e1c;--core-color-cherry-700: #a31f0e;--core-color-cherry-800: #912112;--core-color-cherry-900: #7e1c0e;--core-color-kiwi-50: #e6f8ee;--core-color-kiwi-100: #c2edd6;--core-color-kiwi-200: #9de2bf;--core-color-kiwi-300: #79d6aa;--core-color-kiwi-400: #56ca96;--core-color-kiwi-500: #33be84;--core-color-kiwi-600: #10b172;--core-color-kiwi-700: #0ca161;--core-color-kiwi-800: #099150;--core-color-kiwi-900: #078141;--core-color-plum-50: #efe4fd;--core-color-plum-100: #d7bdf9;--core-color-plum-200: #bf98f3;--core-color-plum-300: #a875eb;--core-color-plum-400: #9153e2;--core-color-plum-500: #7a33d7;--core-color-plum-600: #6a2abf;--core-color-plum-700: #5b22a6;--core-color-plum-800: #4c1b8c;--core-color-plum-900: #3c1471;--color-destructive-background-emphasized: #f7e1d2;--color-destructive-background-normal: #fff2ea;--brandcolor-white: #ffffff;--brandcolor-black: #000000;--brandcolor-neutral-verylight: #f5f3f3;--brandcolor-neutral-light: #eae7e7;--brandcolor-neutral-mediumlight: #d6d4d3;--brandcolor-neutral-medium: #989693;--brandcolor-neutral-dark: #62625f;--brandcolor-neutral-verydark: #2b2c2b;--brandcolor-blueberry-verylight: #e4f7f9;--brandcolor-blueberry-light: #cae7ed;--brandcolor-blueberry-mediumlight: #afdae3;--brandcolor-blueberry-medium: #188097;--brandcolor-blueberry-mediumdark: #126f87;--brandcolor-blueberry-dark: #08667c;--brandcolor-cherry-verylight: #fff2ea;--brandcolor-cherry-light: #f7e1d2;--brandcolor-cherry-medium: #c83521;--brandcolor-cherry-mediumdark: #b62e1c;--brandcolor-cherry-dark: #a31f0e;--color-notification-status-info: #188097;--color-notification-status-error: #c83521;--color-destructive-border-normal: #c83521;--color-action-border-ondark-hover: #e4f7f9;--color-action-background-transparent-ondark-hover: #00000026;--color-action-background-transparent-ondark-hoverselected: #000000bf;--color-base-background-dark-neutral: #2b2c2b;--color-placeholder-text-onlight: #62625f;--color-base-border-onlight-subtle: #d6d4d3;--color-base-border-neutral: #d6d4d3;--color-base-border-blueberry: #afdae3;--color-base-border-cherry: #eec0a5;--color-notification-text-info: #08667c;--color-notification-text-warning: #916500;--color-notification-text-error: #a31f0e;--color-notification-text-success: #078141}
+/* stylelint-disable color-hex-length */
+
+/* This file was generated by Supernova and should not be changed manually */
+:root {
+  --core-color-black: #000000;
+  --core-color-white: #ffffff;
+  --core-color-blueberry-50: #e4f7f9;
+  --core-color-neutral-500: #989693;
+  --core-color-neutral-700: #62625f;
+  --color-action-text-ondark: #ffffff;
+
+  /* Hoverfarge for bakgrunn på interaktive elementer - onLight */
+  --color-action-background-transparent-onlight-hover: #126f8721;
+
+  /* Hoverfarge for bakgrunn på interaktive elementer - onLight selected */
+  --color-action-background-transparent-onlight-hoverselected: #126f872b;
+  --color-notification-background-info: #e4f7f9;
+  --color-notification-background-error: #fff2ea;
+  --color-destructive-graphics-normal: #c83521;
+  --color-base-text-onlight: #000000;
+  --color-action-background-ondark: #ffffff;
+  --color-action-border-ondark: #ffffff;
+  --color-action-border-ondark-focus: #ffffff;
+  --color-action-graphics-ondark: #ffffff;
+  --color-base-text-ondark: #ffffff;
+  --color-base-background-neutral: #f5f3f3;
+  --color-base-background-white: #ffffff;
+  --color-base-graphics-ondark: #ffffff;
+  --color-disabled-text-ondark: #ffffff;
+  --color-action-border-onlight: #188097;
+  --color-action-border-onlight-hover: #08667c;
+  --color-action-border-onlight-focus: #000000;
+  --color-action-text-onlight: #126f87;
+  --color-action-text-onlight-hover: #08667c;
+  --color-action-graphics-onlight: #188097;
+  --color-action-graphics-onlight-hover: #126f87;
+  --color-action-graphics-ondark-hover: #e4f7f9;
+  --color-action-background-ondark-hover: #e4f7f9;
+  --color-action-background-ondark-selected: #cae7ed;
+  --color-action-background-ondark-hoverselected: #afdae3;
+  --color-action-background-onlight: #188097;
+  --color-action-background-onlight-hover: #08667c;
+  --color-notification-background-warning: #fdf8df;
+  --color-notification-background-success: #e6f8ee;
+  --color-notification-border-info: #08667c;
+  --color-notification-border-error: #a31f0e;
+  --color-notification-border-warning: #ab7c00;
+  --color-notification-border-success: #078141;
+  --color-notification-graphics-info: #08667c;
+  --color-notification-graphics-error: #a31f0e;
+  --color-notification-graphics-warning: #ab7c00;
+  --color-notification-graphics-success: #078141;
+  --color-notification-status-warning: #ebc840;
+  --color-notification-status-success: #099150;
+  --color-destructive-graphics-hover: #b62e1c;
+  --color-destructive-text-normal: #b62e1c;
+  --color-destructive-text-hover: #a31f0e;
+  --color-disabled-background: #d6d4d3;
+  --color-disabled-text: #62625f;
+  --color-disabled-border: #7d7c79;
+  --color-disabled-graphics: #62625f;
+  --color-disabled-border-ondark: #d6d4d3;
+  --color-disabled-graphics-ondark: #d6d4d3;
+  --color-base-background-blueberry: #e4f7f9;
+  --color-base-background-cherry: #fff2ea;
+  --color-base-background-dark-blueberry: #188097;
+  --color-base-background-dark-cherry: #c83521;
+  --color-base-graphics-onlight: #000000;
+  --color-base-border-ondark: #d6d4d3;
+  --color-base-border-onlight: #989693;
+  --color-base-border-onlight-emphasized: #62625f;
+  --color-help-background: #efe4fd;
+  --color-help-graphics: #5b22a6;
+  --color-help-border: #5b22a6;
+  --core-color-blueberry-100: #cae7ed;
+  --core-color-blueberry-200: #afdae3;
+  --core-color-blueberry-300: #7abecc;
+  --core-color-blueberry-400: #58aabb;
+  --core-color-blueberry-500: #188097;
+  --core-color-blueberry-600: #126f87;
+  --core-color-blueberry-700: #08667c;
+  --core-color-blueberry-800: #06596c;
+  --core-color-blueberry-900: #084350;
+  --core-color-neutral-50: #f5f3f3;
+  --core-color-neutral-100: #eae7e7;
+  --core-color-neutral-200: #d6d4d3;
+  --core-color-neutral-300: #bdbab9;
+  --core-color-neutral-400: #aaa8a6;
+  --core-color-neutral-600: #7d7c79;
+  --core-color-neutral-800: #474745;
+  --core-color-neutral-900: #2b2c2b;
+  --core-color-banana-50: #fdf8df;
+  --core-color-banana-100: #fcf2bf;
+  --core-color-banana-200: #f9ea9f;
+  --core-color-banana-300: #f5e080;
+  --core-color-banana-400: #ebc840;
+  --core-color-banana-500: #ddab06;
+  --core-color-banana-600: #c59302;
+  --core-color-banana-700: #ab7c00;
+  --core-color-banana-800: #916500;
+  --core-color-banana-900: #764f00;
+  --core-color-cherry-50: #fff2ea;
+  --core-color-cherry-100: #f7e1d2;
+  --core-color-cherry-200: #eec0a5;
+  --core-color-cherry-300: #e39376;
+  --core-color-cherry-400: #d56147;
+  --core-color-cherry-500: #c83521;
+  --core-color-cherry-600: #b62e1c;
+  --core-color-cherry-700: #a31f0e;
+  --core-color-cherry-800: #912112;
+  --core-color-cherry-900: #7e1c0e;
+  --core-color-kiwi-50: #e6f8ee;
+  --core-color-kiwi-100: #c2edd6;
+  --core-color-kiwi-200: #9de2bf;
+  --core-color-kiwi-300: #79d6aa;
+  --core-color-kiwi-400: #56ca96;
+  --core-color-kiwi-500: #33be84;
+  --core-color-kiwi-600: #10b172;
+  --core-color-kiwi-700: #0ca161;
+  --core-color-kiwi-800: #099150;
+  --core-color-kiwi-900: #078141;
+  --core-color-plum-50: #efe4fd;
+  --core-color-plum-100: #d7bdf9;
+  --core-color-plum-200: #bf98f3;
+  --core-color-plum-300: #a875eb;
+  --core-color-plum-400: #9153e2;
+  --core-color-plum-500: #7a33d7;
+  --core-color-plum-600: #6a2abf;
+  --core-color-plum-700: #5b22a6;
+  --core-color-plum-800: #4c1b8c;
+  --core-color-plum-900: #3c1471;
+  --color-destructive-background-emphasized: #f7e1d2;
+  --color-destructive-background-normal: #fff2ea;
+  --brandcolor-white: #ffffff;
+  --brandcolor-black: #000000;
+  --brandcolor-neutral-verylight: #f5f3f3;
+  --brandcolor-neutral-light: #eae7e7;
+  --brandcolor-neutral-mediumlight: #d6d4d3;
+  --brandcolor-neutral-medium: #989693;
+  --brandcolor-neutral-dark: #62625f;
+  --brandcolor-neutral-verydark: #2b2c2b;
+  --brandcolor-blueberry-verylight: #e4f7f9;
+  --brandcolor-blueberry-light: #cae7ed;
+  --brandcolor-blueberry-mediumlight: #afdae3;
+  --brandcolor-blueberry-medium: #188097;
+  --brandcolor-blueberry-mediumdark: #126f87;
+  --brandcolor-blueberry-dark: #08667c;
+  --brandcolor-cherry-verylight: #fff2ea;
+  --brandcolor-cherry-light: #f7e1d2;
+  --brandcolor-cherry-medium: #c83521;
+  --brandcolor-cherry-mediumdark: #b62e1c;
+  --brandcolor-cherry-dark: #a31f0e;
+  --color-notification-status-info: #188097;
+  --color-notification-status-error: #c83521;
+  --color-destructive-border-normal: #c83521;
+  --color-action-border-ondark-hover: #e4f7f9;
+
+  /* Hoverfarge for bakgrunn på interaktive elementer - onDark */
+  --color-action-background-transparent-ondark-hover: #00000026;
+
+  /* Hoverfarge for bakgrunn på interaktive elementer - onDark selected */
+  --color-action-background-transparent-ondark-hoverselected: #000000bf;
+  --color-base-background-dark-neutral: #2b2c2b;
+
+  /* Placeholdertext in input- and textarea-controls */
+  --color-placeholder-text-onlight: #62625f;
+  --color-base-border-onlight-subtle: #d6d4d3;
+  --color-base-border-neutral: #d6d4d3;
+
+  /* Subtle border for Blueberry 50 background */
+  --color-base-border-blueberry: #afdae3;
+  --color-base-border-cherry: #eec0a5;
+
+  /* In a few cases where coloured text is required to stress the semantics of an information notification text */
+  --color-notification-text-info: #08667c;
+  --color-notification-text-warning: #916500;
+
+  /* In a few cases where coloured text is required to stress the semantics of an error notification text */
+  --color-notification-text-error: #a31f0e;
+  --color-notification-text-success: #078141;
+}

package/theme/currys/color.js

@@ -1,7 +1,16 @@
-import { theme as e } from "../index.js";
-const o = (t, r) => t === "black" || t === "white" ? e.palette[t] : r ? e.palette[`${t}${r}`] : "", i = (t) => `${o(t, 700)}0D`;
+import { theme } from "../index.js";
+const getColor = (name, depth) => {
+  if (name === "black" || name === "white") {
+    return theme.palette[name];
+  }
+  if (depth) {
+    return theme.palette[`${name}${depth}`];
+  }
+  return "";
+};
+const getHoverColor = (color) => `${getColor(color, 700)}0D`;
 export {
-  o as getColor,
-  i as getHoverColor
+  getColor,
+  getHoverColor
 };
 //# sourceMappingURL=color.js.map

package/theme/currys/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import { theme } from '..';\nimport { PaletteNames, PaletteDepths } from '../palette';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths): string => {\n  if (name === 'black' || name === 'white') {\n    return theme.palette[name];\n  }\n  if (depth) {\n    return theme.palette[`${name}${depth}`];\n  }\n\n  return '';\n};\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"names":["getColor","name","depth","theme","getHoverColor","color"],"mappings":";AAGa,MAAAA,IAAW,CAACC,GAAoBC,MACvCD,MAAS,WAAWA,MAAS,UACxBE,EAAM,QAAQF,CAAI,IAEvBC,IACKC,EAAM,QAAQ,GAAGF,CAAI,GAAGC,CAAK,EAAE,IAGjC,IAGIE,IAAgB,CAACC,MAA4C,GAAGL,EAASK,GAAO,GAAG,CAAC;"}
+{"version":3,"file":"color.js","sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import { theme } from '..';\nimport { PaletteNames, PaletteDepths } from '../palette';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths): string => {\n  if (name === 'black' || name === 'white') {\n    return theme.palette[name];\n  }\n  if (depth) {\n    return theme.palette[`${name}${depth}`];\n  }\n\n  return '';\n};\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"names":[],"mappings":";AAGa,MAAA,WAAW,CAAC,MAAoB,UAAkC;AACzE,MAAA,SAAS,WAAW,SAAS,SAAS;AACjC,WAAA,MAAM,QAAQ,IAAI;AAAA,EAAA;AAE3B,MAAI,OAAO;AACT,WAAO,MAAM,QAAQ,GAAG,IAAI,GAAG,KAAK,EAAE;AAAA,EAAA;AAGjC,SAAA;AACT;AAEO,MAAM,gBAAgB,CAAC,UAA4C,GAAG,SAAS,OAAO,GAAG,CAAC;"}

package/theme/currys/index.js

@@ -1,9 +1,9 @@
-import { getColor as r, getHoverColor as p } from "./color.js";
-import { getSpacer as a, mapSpacerValue as g } from "./spacing.js";
+import { getColor, getHoverColor } from "./color.js";
+import { getSpacer, mapSpacerValue } from "./spacing.js";
 export {
-  r as getColor,
-  p as getHoverColor,
-  a as getSpacer,
-  g as mapSpacerValue
+  getColor,
+  getHoverColor,
+  getSpacer,
+  mapSpacerValue
 };
 //# sourceMappingURL=index.js.map

package/theme/currys/spacing.js

@@ -1,38 +1,42 @@
-import { spacers as e } from "../spacers.js";
-const s = (r) => {
-  switch (r) {
+import { spacers } from "../spacers.js";
+const mapSpacerValue = (spacerSize) => {
+  switch (spacerSize) {
     case "4xs":
-      return e[1];
+      return spacers[1];
     case "3xs":
-      return e[2];
+      return spacers[2];
     case "2xs":
-      return e[3];
+      return spacers[3];
     case "xs":
-      return e[4];
+      return spacers[4];
     case "s":
-      return e[5];
+      return spacers[5];
     case "m":
-      return e[6];
+      return spacers[6];
     case "l":
-      return e[7];
+      return spacers[7];
     case "xl":
-      return e[8];
+      return spacers[8];
     case "2xl":
-      return e[9];
+      return spacers[9];
     case "3xl":
-      return e[10];
+      return spacers[10];
     case "4xl":
-      return e[11];
+      return spacers[11];
     case "5xl":
-      return e[12];
+      return spacers[12];
     case "6xl":
-      return e[13];
+      return spacers[13];
     default:
-      return e[5];
+      return spacers[5];
   }
-}, c = (r) => `${s(r)}rem`;
+};
+const getSpacer = (spacerSize) => {
+  const spacerValue = mapSpacerValue(spacerSize);
+  return `${spacerValue}rem`;
+};
 export {
-  c as getSpacer,
-  s as mapSpacerValue
+  getSpacer,
+  mapSpacerValue
 };
 //# sourceMappingURL=spacing.js.map

package/theme/currys/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import { spacers } from './../spacers';\nimport { SpacerSizes } from './../spacers';\n\nexport const mapSpacerValue = (spacerSize: SpacerSizes): number => {\n  switch (spacerSize) {\n    case '4xs':\n      return spacers[1];\n    case '3xs':\n      return spacers[2];\n    case '2xs':\n      return spacers[3];\n    case 'xs':\n      return spacers[4];\n    case 's':\n      return spacers[5];\n    case 'm':\n      return spacers[6];\n    case 'l':\n      return spacers[7];\n    case 'xl':\n      return spacers[8];\n    case '2xl':\n      return spacers[9];\n    case '3xl':\n      return spacers[10];\n    case '4xl':\n      return spacers[11];\n    case '5xl':\n      return spacers[12];\n    case '6xl':\n      return spacers[13];\n    default:\n      return spacers[5];\n  }\n};\n\nexport const getSpacer = (spacerSize: SpacerSizes): string => {\n  const spacerValue = mapSpacerValue(spacerSize);\n  return `${spacerValue}rem`;\n};\n"],"names":["mapSpacerValue","spacerSize","spacers","getSpacer"],"mappings":";AAGa,MAAAA,IAAiB,CAACC,MAAoC;AACjE,UAAQA,GAAY;AAAA,IAClB,KAAK;AACH,aAAOC,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAOA,EAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAOA,EAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAOA,EAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAOA,EAAQ,EAAE;AAAA,IACnB;AACE,aAAOA,EAAQ,CAAC;AAAA,EACpB;AACF,GAEaC,IAAY,CAACF,MAEjB,GADaD,EAAeC,CAAU,CACxB;"}
+{"version":3,"file":"spacing.js","sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import { spacers } from './../spacers';\nimport { SpacerSizes } from './../spacers';\n\nexport const mapSpacerValue = (spacerSize: SpacerSizes): number => {\n  switch (spacerSize) {\n    case '4xs':\n      return spacers[1];\n    case '3xs':\n      return spacers[2];\n    case '2xs':\n      return spacers[3];\n    case 'xs':\n      return spacers[4];\n    case 's':\n      return spacers[5];\n    case 'm':\n      return spacers[6];\n    case 'l':\n      return spacers[7];\n    case 'xl':\n      return spacers[8];\n    case '2xl':\n      return spacers[9];\n    case '3xl':\n      return spacers[10];\n    case '4xl':\n      return spacers[11];\n    case '5xl':\n      return spacers[12];\n    case '6xl':\n      return spacers[13];\n    default:\n      return spacers[5];\n  }\n};\n\nexport const getSpacer = (spacerSize: SpacerSizes): string => {\n  const spacerValue = mapSpacerValue(spacerSize);\n  return `${spacerValue}rem`;\n};\n"],"names":[],"mappings":";AAGa,MAAA,iBAAiB,CAAC,eAAoC;AACjE,UAAQ,YAAY;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAO,QAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAO,QAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAO,QAAQ,EAAE;AAAA,IACnB;AACE,aAAO,QAAQ,CAAC;AAAA,EAAA;AAEtB;AAEa,MAAA,YAAY,CAAC,eAAoC;AACtD,QAAA,cAAc,eAAe,UAAU;AAC7C,SAAO,GAAG,WAAW;AACvB;"}

package/theme/grid.js

@@ -1,25 +1,27 @@
-const x = {
+const breakpoints = {
   xxs: 0,
   xs: 360,
   sm: 564,
   md: 768,
   lg: 1088,
   xl: 1450
-}, s = {
+};
+const containerMaxWidths = {
   sm: 528,
   md: 612,
   lg: 1056
-}, i = {
-  xxs: `(min-width: ${x.xxs}px)`,
-  xs: `(min-width: ${x.xs}px)`,
-  sm: `(min-width: ${x.sm}px)`,
-  md: `(min-width: ${x.md}px)`,
-  lg: `(min-width: ${x.lg}px)`,
-  xl: `(min-width: ${x.xl}px)`
+};
+const screen = {
+  xxs: `(min-width: ${breakpoints.xxs}px)`,
+  xs: `(min-width: ${breakpoints.xs}px)`,
+  sm: `(min-width: ${breakpoints.sm}px)`,
+  md: `(min-width: ${breakpoints.md}px)`,
+  lg: `(min-width: ${breakpoints.lg}px)`,
+  xl: `(min-width: ${breakpoints.xl}px)`
 };
 export {
-  x as breakpoints,
-  s as containerMaxWidths,
-  i as screen
+  breakpoints,
+  containerMaxWidths,
+  screen
 };
 //# sourceMappingURL=grid.js.map

package/theme/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../src/theme/grid.ts"],"sourcesContent":["export const breakpoints = {\n  xxs: 0,\n  xs: 360,\n  sm: 564,\n  md: 768,\n  lg: 1088,\n  xl: 1450,\n};\n\nexport const containerMaxWidths = {\n  sm: 528,\n  md: 612,\n  lg: 1056,\n};\n\nexport const screen = {\n  xxs: `(min-width: ${breakpoints.xxs}px)`,\n  xs: `(min-width: ${breakpoints.xs}px)`,\n  sm: `(min-width: ${breakpoints.sm}px)`,\n  md: `(min-width: ${breakpoints.md}px)`,\n  lg: `(min-width: ${breakpoints.lg}px)`,\n  xl: `(min-width: ${breakpoints.xl}px)`,\n};\n"],"names":["breakpoints","containerMaxWidths","screen"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAS;AAAA,EACpB,KAAK,eAAeF,EAAY,GAAG;AAAA,EACnC,IAAI,eAAeA,EAAY,EAAE;AAAA,EACjC,IAAI,eAAeA,EAAY,EAAE;AAAA,EACjC,IAAI,eAAeA,EAAY,EAAE;AAAA,EACjC,IAAI,eAAeA,EAAY,EAAE;AAAA,EACjC,IAAI,eAAeA,EAAY,EAAE;AACnC;"}
+{"version":3,"file":"grid.js","sources":["../../src/theme/grid.ts"],"sourcesContent":["export const breakpoints = {\n  xxs: 0,\n  xs: 360,\n  sm: 564,\n  md: 768,\n  lg: 1088,\n  xl: 1450,\n};\n\nexport const containerMaxWidths = {\n  sm: 528,\n  md: 612,\n  lg: 1056,\n};\n\nexport const screen = {\n  xxs: `(min-width: ${breakpoints.xxs}px)`,\n  xs: `(min-width: ${breakpoints.xs}px)`,\n  sm: `(min-width: ${breakpoints.sm}px)`,\n  md: `(min-width: ${breakpoints.md}px)`,\n  lg: `(min-width: ${breakpoints.lg}px)`,\n  xl: `(min-width: ${breakpoints.xl}px)`,\n};\n"],"names":[],"mappings":"AAAO,MAAM,cAAc;AAAA,EACzB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,qBAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,SAAS;AAAA,EACpB,KAAK,eAAe,YAAY,GAAG;AAAA,EACnC,IAAI,eAAe,YAAY,EAAE;AAAA,EACjC,IAAI,eAAe,YAAY,EAAE;AAAA,EACjC,IAAI,eAAe,YAAY,EAAE;AAAA,EACjC,IAAI,eAAe,YAAY,EAAE;AAAA,EACjC,IAAI,eAAe,YAAY,EAAE;AACnC;"}

package/theme/index.js

@@ -1,14 +1,14 @@
-import { screen as r, breakpoints as e } from "./grid.js";
-import { palette as o } from "./palette.js";
-import { spacer as t, spacers as p } from "./spacers.js";
-const c = {
-  spacer: t,
-  spacers: p,
-  palette: o,
-  screen: r,
-  breakpoints: e
+import { screen, breakpoints } from "./grid.js";
+import { palette } from "./palette.js";
+import { spacer, spacers } from "./spacers.js";
+const theme = {
+  spacer,
+  spacers,
+  palette,
+  screen,
+  breakpoints
 };
 export {
-  c as theme
+  theme
 };
 //# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { screen, breakpoints } from './grid';\nimport { palette } from './palette';\nimport { spacer, spacers } from './spacers';\n\nexport const theme = {\n  spacer,\n  spacers,\n  palette,\n  screen,\n  breakpoints,\n};\n"],"names":["theme","spacer","spacers","palette","screen","breakpoints"],"mappings":";;;AAIO,MAAMA,IAAQ;AAAA,EACnB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF;"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { screen, breakpoints } from './grid';\nimport { palette } from './palette';\nimport { spacer, spacers } from './spacers';\n\nexport const theme = {\n  spacer,\n  spacers,\n  palette,\n  screen,\n  breakpoints,\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,QAAQ;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/theme/palette.js

@@ -1,4 +1,4 @@
-const r = {
+const banana = {
   banana50: "#FDF8DF",
   banana100: "#FCF2BF",
   banana200: "#F9EA9F",
@@ -9,7 +9,8 @@ const r = {
   banana700: "#AB7C00",
   banana800: "#916500",
   banana900: "#764F00"
-}, e = {
+};
+const blueberry = {
   blueberry50: "#E4F7F9",
   blueberry100: "#CAE7ED",
   blueberry200: "#AFDAE3",
@@ -20,7 +21,8 @@ const r = {
   blueberry700: "#08667C",
   blueberry800: "#06596C",
   blueberry900: "#084350"
-}, a = {
+};
+const cherry = {
   cherry50: "#FFF2EA",
   cherry100: "#F7E1D2",
   cherry200: "#EEC0A5",
@@ -31,7 +33,8 @@ const r = {
   cherry700: "#A31F0E",
   cherry800: "#912112",
   cherry900: "#7E1C0E"
-}, n = {
+};
+const kiwi = {
   kiwi50: "#E6F8EE",
   kiwi100: "#C2EDD6",
   kiwi200: "#9DE2BF",
@@ -42,7 +45,8 @@ const r = {
   kiwi700: "#0CA161",
   kiwi800: "#099150",
   kiwi900: "#078141"
-}, l = {
+};
+const neutral = {
   neutral50: "#F5F3F3",
   neutral100: "#EAE7E7",
   neutral200: "#D6D4D3",
@@ -53,7 +57,8 @@ const r = {
   neutral700: "#62625F",
   neutral800: "#474745",
   neutral900: "#2B2C2B"
-}, b = {
+};
+const plum = {
   plum50: "#EFE4FD",
   plum100: "#D7BDF9",
   plum200: "#BF98F3",
@@ -64,17 +69,18 @@ const r = {
   plum700: "#5B22A6",
   plum800: "#4C1B8C",
   plum900: "#3C1471"
-}, u = {
-  ...r,
-  ...e,
-  ...a,
-  ...n,
-  ...l,
-  ...b,
+};
+const palette = {
+  ...banana,
+  ...blueberry,
+  ...cherry,
+  ...kiwi,
+  ...neutral,
+  ...plum,
   black: "#000000",
   white: "#ffffff"
 };
 export {
-  u as palette
+  palette
 };
 //# sourceMappingURL=palette.js.map

package/theme/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":["../../src/theme/palette.ts"],"sourcesContent":["const banana = {\n  banana50: '#FDF8DF',\n  banana100: '#FCF2BF',\n  banana200: '#F9EA9F',\n  banana300: '#F5E080',\n  banana400: '#EBC840',\n  banana500: '#DDAB06',\n  banana600: '#C59302',\n  banana700: '#AB7C00',\n  banana800: '#916500',\n  banana900: '#764F00',\n};\n\nconst blueberry = {\n  blueberry50: '#E4F7F9',\n  blueberry100: '#CAE7ED',\n  blueberry200: '#AFDAE3',\n  blueberry300: '#7ABECC',\n  blueberry400: '#58AABB',\n  blueberry500: '#188097',\n  blueberry600: '#126F87',\n  blueberry700: '#08667C',\n  blueberry800: '#06596C',\n  blueberry900: '#084350',\n};\n\nconst cherry = {\n  cherry50: '#FFF2EA',\n  cherry100: '#F7E1D2',\n  cherry200: '#EEC0A5',\n  cherry300: '#E39376',\n  cherry400: '#D56147',\n  cherry500: '#C83521',\n  cherry600: '#B62E1C',\n  cherry700: '#A31F0E',\n  cherry800: '#912112',\n  cherry900: '#7E1C0E',\n};\n\nconst kiwi = {\n  kiwi50: '#E6F8EE',\n  kiwi100: '#C2EDD6',\n  kiwi200: '#9DE2BF',\n  kiwi300: '#79D6AA',\n  kiwi400: '#56CA96',\n  kiwi500: '#33BE84',\n  kiwi600: '#10B172',\n  kiwi700: '#0CA161',\n  kiwi800: '#099150',\n  kiwi900: '#078141',\n};\n\nconst neutral = {\n  neutral50: '#F5F3F3',\n  neutral100: '#EAE7E7',\n  neutral200: '#D6D4D3',\n  neutral300: '#BDBAB9',\n  neutral400: '#AAA8A6',\n  neutral500: '#989693',\n  neutral600: '#7D7C79',\n  neutral700: '#62625F',\n  neutral800: '#474745',\n  neutral900: '#2B2C2B',\n};\n\nconst plum = {\n  plum50: '#EFE4FD',\n  plum100: '#D7BDF9',\n  plum200: '#BF98F3',\n  plum300: '#A875EB',\n  plum400: '#9153E2',\n  plum500: '#7A33D7',\n  plum600: '#6A2ABF',\n  plum700: '#5B22A6',\n  plum800: '#4C1B8C',\n  plum900: '#3C1471',\n};\n\nexport const palette = {\n  ...banana,\n  ...blueberry,\n  ...cherry,\n  ...kiwi,\n  ...neutral,\n  ...plum,\n  black: '#000000',\n  white: '#ffffff',\n};\n\nexport type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white';\n\nexport type PaletteDepths = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport type PaletteCodes =\n  | 'banana50'\n  | 'banana100'\n  | 'banana200'\n  | 'banana300'\n  | 'banana400'\n  | 'banana500'\n  | 'banana600'\n  | 'banana700'\n  | 'banana800'\n  | 'banana900'\n  | 'blueberry50'\n  | 'blueberry100'\n  | 'blueberry200'\n  | 'blueberry300'\n  | 'blueberry400'\n  | 'blueberry500'\n  | 'blueberry600'\n  | 'blueberry700'\n  | 'blueberry800'\n  | 'blueberry900'\n  | 'cherry50'\n  | 'cherry100'\n  | 'cherry200'\n  | 'cherry300'\n  | 'cherry400'\n  | 'cherry500'\n  | 'cherry600'\n  | 'cherry700'\n  | 'cherry800'\n  | 'cherry900'\n  | 'kiwi50'\n  | 'kiwi100'\n  | 'kiwi200'\n  | 'kiwi300'\n  | 'kiwi400'\n  | 'kiwi500'\n  | 'kiwi600'\n  | 'kiwi700'\n  | 'kiwi800'\n  | 'kiwi900'\n  | 'neutral50'\n  | 'neutral100'\n  | 'neutral200'\n  | 'neutral300'\n  | 'neutral400'\n  | 'neutral500'\n  | 'neutral600'\n  | 'neutral700'\n  | 'neutral800'\n  | 'neutral900'\n  | 'plum50'\n  | 'plum100'\n  | 'plum200'\n  | 'plum300'\n  | 'plum400'\n  | 'plum500'\n  | 'plum600'\n  | 'plum700'\n  | 'plum800'\n  | 'plum900'\n  | 'white'\n  | 'black';\n"],"names":["banana","blueberry","cherry","kiwi","neutral","plum","palette"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb,GAEMC,IAAY;AAAA,EAChB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB,GAEMC,IAAS;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb,GAEMC,IAAO;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,GAEMC,IAAU;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AACd,GAEMC,IAAO;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,GAEaC,IAAU;AAAA,EACrB,GAAGN;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,OAAO;AAAA,EACP,OAAO;AACT;"}
+{"version":3,"file":"palette.js","sources":["../../src/theme/palette.ts"],"sourcesContent":["const banana = {\n  banana50: '#FDF8DF',\n  banana100: '#FCF2BF',\n  banana200: '#F9EA9F',\n  banana300: '#F5E080',\n  banana400: '#EBC840',\n  banana500: '#DDAB06',\n  banana600: '#C59302',\n  banana700: '#AB7C00',\n  banana800: '#916500',\n  banana900: '#764F00',\n};\n\nconst blueberry = {\n  blueberry50: '#E4F7F9',\n  blueberry100: '#CAE7ED',\n  blueberry200: '#AFDAE3',\n  blueberry300: '#7ABECC',\n  blueberry400: '#58AABB',\n  blueberry500: '#188097',\n  blueberry600: '#126F87',\n  blueberry700: '#08667C',\n  blueberry800: '#06596C',\n  blueberry900: '#084350',\n};\n\nconst cherry = {\n  cherry50: '#FFF2EA',\n  cherry100: '#F7E1D2',\n  cherry200: '#EEC0A5',\n  cherry300: '#E39376',\n  cherry400: '#D56147',\n  cherry500: '#C83521',\n  cherry600: '#B62E1C',\n  cherry700: '#A31F0E',\n  cherry800: '#912112',\n  cherry900: '#7E1C0E',\n};\n\nconst kiwi = {\n  kiwi50: '#E6F8EE',\n  kiwi100: '#C2EDD6',\n  kiwi200: '#9DE2BF',\n  kiwi300: '#79D6AA',\n  kiwi400: '#56CA96',\n  kiwi500: '#33BE84',\n  kiwi600: '#10B172',\n  kiwi700: '#0CA161',\n  kiwi800: '#099150',\n  kiwi900: '#078141',\n};\n\nconst neutral = {\n  neutral50: '#F5F3F3',\n  neutral100: '#EAE7E7',\n  neutral200: '#D6D4D3',\n  neutral300: '#BDBAB9',\n  neutral400: '#AAA8A6',\n  neutral500: '#989693',\n  neutral600: '#7D7C79',\n  neutral700: '#62625F',\n  neutral800: '#474745',\n  neutral900: '#2B2C2B',\n};\n\nconst plum = {\n  plum50: '#EFE4FD',\n  plum100: '#D7BDF9',\n  plum200: '#BF98F3',\n  plum300: '#A875EB',\n  plum400: '#9153E2',\n  plum500: '#7A33D7',\n  plum600: '#6A2ABF',\n  plum700: '#5B22A6',\n  plum800: '#4C1B8C',\n  plum900: '#3C1471',\n};\n\nexport const palette = {\n  ...banana,\n  ...blueberry,\n  ...cherry,\n  ...kiwi,\n  ...neutral,\n  ...plum,\n  black: '#000000',\n  white: '#ffffff',\n};\n\nexport type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white';\n\nexport type PaletteDepths = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport type PaletteCodes =\n  | 'banana50'\n  | 'banana100'\n  | 'banana200'\n  | 'banana300'\n  | 'banana400'\n  | 'banana500'\n  | 'banana600'\n  | 'banana700'\n  | 'banana800'\n  | 'banana900'\n  | 'blueberry50'\n  | 'blueberry100'\n  | 'blueberry200'\n  | 'blueberry300'\n  | 'blueberry400'\n  | 'blueberry500'\n  | 'blueberry600'\n  | 'blueberry700'\n  | 'blueberry800'\n  | 'blueberry900'\n  | 'cherry50'\n  | 'cherry100'\n  | 'cherry200'\n  | 'cherry300'\n  | 'cherry400'\n  | 'cherry500'\n  | 'cherry600'\n  | 'cherry700'\n  | 'cherry800'\n  | 'cherry900'\n  | 'kiwi50'\n  | 'kiwi100'\n  | 'kiwi200'\n  | 'kiwi300'\n  | 'kiwi400'\n  | 'kiwi500'\n  | 'kiwi600'\n  | 'kiwi700'\n  | 'kiwi800'\n  | 'kiwi900'\n  | 'neutral50'\n  | 'neutral100'\n  | 'neutral200'\n  | 'neutral300'\n  | 'neutral400'\n  | 'neutral500'\n  | 'neutral600'\n  | 'neutral700'\n  | 'neutral800'\n  | 'neutral900'\n  | 'plum50'\n  | 'plum100'\n  | 'plum200'\n  | 'plum300'\n  | 'plum400'\n  | 'plum500'\n  | 'plum600'\n  | 'plum700'\n  | 'plum800'\n  | 'plum900'\n  | 'white'\n  | 'black';\n"],"names":[],"mappings":"AAAA,MAAM,SAAS;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEA,MAAM,YAAY;AAAA,EAChB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB;AAEA,MAAM,SAAS;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEA,MAAM,OAAO;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AACd;AAEA,MAAM,OAAO;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,OAAO;AACT;"}

package/theme/spacers.js

@@ -1,21 +1,22 @@
-const s = 1, c = {
+const spacer = 1;
+const spacers = {
   0: 0,
-  1: 0.125,
-  2: 0.25,
-  3: 0.5,
-  4: 0.75,
-  5: 1,
-  6: 1.5,
-  7: 2,
-  8: 3,
-  9: 4,
-  10: 5,
-  11: 6,
-  12: 7,
-  13: 8
+  1: spacer / 8,
+  2: spacer / 4,
+  3: spacer / 2,
+  4: spacer * 0.75,
+  5: spacer * 1,
+  6: spacer * 1.5,
+  7: spacer * 2,
+  8: spacer * 3,
+  9: spacer * 4,
+  10: spacer * 5,
+  11: spacer * 6,
+  12: spacer * 7,
+  13: spacer * 8
 };
 export {
-  s as spacer,
-  c as spacers
+  spacer,
+  spacers
 };
 //# sourceMappingURL=spacers.js.map

package/theme/spacers.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacers.js","sources":["../../src/theme/spacers.ts"],"sourcesContent":["export type SpacerSizes = '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';\n\nexport const spacer = 1;\n\nexport const spacers = {\n  0: 0,\n  1: spacer / 8,\n  2: spacer / 4,\n  3: spacer / 2,\n  4: spacer * 0.75,\n  5: spacer * 1,\n  6: spacer * 1.5,\n  7: spacer * 2,\n  8: spacer * 3,\n  9: spacer * 4,\n  10: spacer * 5,\n  11: spacer * 6,\n  12: spacer * 7,\n  13: spacer * 8,\n};\n"],"names":["spacer","spacers"],"mappings":"AAEO,MAAMA,IAAS,GAETC,IAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}
+{"version":3,"file":"spacers.js","sources":["../../src/theme/spacers.ts"],"sourcesContent":["export type SpacerSizes = '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';\n\nexport const spacer = 1;\n\nexport const spacers = {\n  0: 0,\n  1: spacer / 8,\n  2: spacer / 4,\n  3: spacer / 2,\n  4: spacer * 0.75,\n  5: spacer * 1,\n  6: spacer * 1.5,\n  7: spacer * 2,\n  8: spacer * 3,\n  9: spacer * 4,\n  10: spacer * 5,\n  11: spacer * 6,\n  12: spacer * 7,\n  13: spacer * 8,\n};\n"],"names":[],"mappings":"AAEO,MAAM,SAAS;AAEf,MAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AACf;"}

package/utils/accessibility.js

@@ -1,28 +1,35 @@
-const l = (e) => {
-  const { label: i, id: r, prefer: a = "id" } = e;
-  if (r && a === "id")
+const getAriaLabelAttributes = (config) => {
+  const { label, id, prefer = "id" } = config;
+  if (id && prefer === "id") {
     return {
-      "aria-labelledby": r
+      "aria-labelledby": id
     };
-  if (i)
+  }
+  if (label) {
     return {
-      "aria-label": i
+      "aria-label": label
     };
-  if (r)
+  }
+  if (id) {
     return {
-      "aria-labelledby": r
+      "aria-labelledby": id
     };
-}, b = (e, i) => {
-  const r = e["aria-describedby"], t = !!(e.errorText || e.error && e.errorTextId) ? i : void 0;
-  if (r && !t)
-    return r;
-  if (!r && t)
-    return t;
-  if (r && t)
-    return r + " " + t;
+  }
+};
+const getAriaDescribedBy = (props, errorTextUuid) => {
+  const ariaDescribedBy = props["aria-describedby"];
+  const hasErrorText = !!(props.errorText || props.error && props.errorTextId);
+  const errorTextId = hasErrorText ? errorTextUuid : void 0;
+  if (ariaDescribedBy && !errorTextId) {
+    return ariaDescribedBy;
+  } else if (!ariaDescribedBy && errorTextId) {
+    return errorTextId;
+  } else if (ariaDescribedBy && errorTextId) {
+    return ariaDescribedBy + " " + errorTextId;
+  }
 };
 export {
-  b as getAriaDescribedBy,
-  l as getAriaLabelAttributes
+  getAriaDescribedBy,
+  getAriaLabelAttributes
 };
 //# sourceMappingURL=accessibility.js.map

package/utils/accessibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility.js","sources":["../../src/utils/accessibility.ts"],"sourcesContent":["import { AriaAttributes } from 'react';\n\ninterface AriaLabelAttributesConfig {\n  label?: string;\n  id?: string;\n  prefer?: 'id' | 'label';\n}\n\nexport type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;\n\nexport const getAriaLabelAttributes = (config: AriaLabelAttributesConfig): AriaLabelAttributes | undefined => {\n  const { label, id, prefer = 'id' } = config;\n\n  if (id && prefer === 'id') {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (label) {\n    return {\n      'aria-label': label,\n    };\n  }\n\n  if (id) {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n};\n\nexport interface ErrorAriaProps {\n  error?: boolean;\n  'aria-describedby'?: string;\n  errorText?: string;\n  errorTextId?: string;\n}\n\n/**\n * Get IDs to be used with aria-describedby in form components like <Input />\n * @param props Props from form component\n * @param errorTextUuid Unique ID of the form component's error text\n * @returns Element IDs or undefined if there is no aria-description\n */\nexport const getAriaDescribedBy = (props: ErrorAriaProps, errorTextUuid: string): string | undefined => {\n  const ariaDescribedBy: string | undefined = props['aria-describedby'];\n  const hasErrorText: boolean = !!(props.errorText || (props.error && props.errorTextId));\n  const errorTextId: string | undefined = hasErrorText ? errorTextUuid : undefined;\n\n  if (ariaDescribedBy && !errorTextId) {\n    return ariaDescribedBy;\n  } else if (!ariaDescribedBy && errorTextId) {\n    return errorTextId;\n  } else if (ariaDescribedBy && errorTextId) {\n    return ariaDescribedBy + ' ' + errorTextId;\n  }\n};\n"],"names":["getAriaLabelAttributes","config","label","id","prefer","getAriaDescribedBy","props","errorTextUuid","ariaDescribedBy","errorTextId"],"mappings":"AAUa,MAAAA,IAAyB,CAACC,MAAuE;AAC5G,QAAM,EAAE,OAAAC,GAAO,IAAAC,GAAI,QAAAC,IAAS,SAASH;AAEjC,MAAAE,KAAMC,MAAW;AACZ,WAAA;AAAA,MACL,mBAAmBD;AAAA,IAAA;AAIvB,MAAID;AACK,WAAA;AAAA,MACL,cAAcA;AAAA,IAAA;AAIlB,MAAIC;AACK,WAAA;AAAA,MACL,mBAAmBA;AAAA,IAAA;AAGzB,GAeaE,IAAqB,CAACC,GAAuBC,MAA8C;AAChG,QAAAC,IAAsCF,EAAM,kBAAkB,GAE9DG,IADwB,CAAC,EAAEH,EAAM,aAAcA,EAAM,SAASA,EAAM,eACnBC,IAAgB;AAEnE,MAAAC,KAAmB,CAACC;AACf,WAAAD;AACT,MAAW,CAACA,KAAmBC;AACtB,WAAAA;AACT,MAAWD,KAAmBC;AAC5B,WAAOD,IAAkB,MAAMC;AAEnC;"}
+{"version":3,"file":"accessibility.js","sources":["../../src/utils/accessibility.ts"],"sourcesContent":["import { AriaAttributes } from 'react';\n\ninterface AriaLabelAttributesConfig {\n  label?: string;\n  id?: string;\n  prefer?: 'id' | 'label';\n}\n\nexport type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;\n\nexport const getAriaLabelAttributes = (config: AriaLabelAttributesConfig): AriaLabelAttributes | undefined => {\n  const { label, id, prefer = 'id' } = config;\n\n  if (id && prefer === 'id') {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (label) {\n    return {\n      'aria-label': label,\n    };\n  }\n\n  if (id) {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n};\n\nexport interface ErrorAriaProps {\n  error?: boolean;\n  'aria-describedby'?: string;\n  errorText?: string;\n  errorTextId?: string;\n}\n\n/**\n * Get IDs to be used with aria-describedby in form components like <Input />\n * @param props Props from form component\n * @param errorTextUuid Unique ID of the form component's error text\n * @returns Element IDs or undefined if there is no aria-description\n */\nexport const getAriaDescribedBy = (props: ErrorAriaProps, errorTextUuid: string): string | undefined => {\n  const ariaDescribedBy: string | undefined = props['aria-describedby'];\n  const hasErrorText: boolean = !!(props.errorText || (props.error && props.errorTextId));\n  const errorTextId: string | undefined = hasErrorText ? errorTextUuid : undefined;\n\n  if (ariaDescribedBy && !errorTextId) {\n    return ariaDescribedBy;\n  } else if (!ariaDescribedBy && errorTextId) {\n    return errorTextId;\n  } else if (ariaDescribedBy && errorTextId) {\n    return ariaDescribedBy + ' ' + errorTextId;\n  }\n};\n"],"names":[],"mappings":"AAUa,MAAA,yBAAyB,CAAC,WAAuE;AAC5G,QAAM,EAAE,OAAO,IAAI,SAAS,KAAS,IAAA;AAEjC,MAAA,MAAM,WAAW,MAAM;AAClB,WAAA;AAAA,MACL,mBAAmB;AAAA,IACrB;AAAA,EAAA;AAGF,MAAI,OAAO;AACF,WAAA;AAAA,MACL,cAAc;AAAA,IAChB;AAAA,EAAA;AAGF,MAAI,IAAI;AACC,WAAA;AAAA,MACL,mBAAmB;AAAA,IACrB;AAAA,EAAA;AAEJ;AAea,MAAA,qBAAqB,CAAC,OAAuB,kBAA8C;AAChG,QAAA,kBAAsC,MAAM,kBAAkB;AACpE,QAAM,eAAwB,CAAC,EAAE,MAAM,aAAc,MAAM,SAAS,MAAM;AACpE,QAAA,cAAkC,eAAe,gBAAgB;AAEnE,MAAA,mBAAmB,CAAC,aAAa;AAC5B,WAAA;AAAA,EAAA,WACE,CAAC,mBAAmB,aAAa;AACnC,WAAA;AAAA,EAAA,WACE,mBAAmB,aAAa;AACzC,WAAO,kBAAkB,MAAM;AAAA,EAAA;AAEnC;"}

package/utils/component.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 export declare const isComponent: <T>(element: {} | null | undefined, type: React.ForwardRefExoticComponent<T> | React.FunctionComponent<T>) => element is React.ReactElement<T>;
 export declare const isComponentWithChildren: <T>(element: {} | null | undefined) => element is React.ReactElement<PropsWithChildren<T>>;
 export declare function isComponentWithDisplayName<T>(element: React.ReactNode, displayName: string): element is React.ReactElement<T>;