@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.70

package/__chunks__/scrollIntoView-BN4yt25y.js

@@ -0,0 +1,114 @@
+"use strict";
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const React = require("react");
+const isScrollable = require("./isScrollable-CE3Xdlg4.js");
+function $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(node, checkForOverflow) {
+  const scrollParents = [];
+  while (node && node !== document.documentElement) {
+    if (isScrollable.$cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow)) scrollParents.push(node);
+    node = node.parentElement;
+  }
+  return scrollParents;
+}
+let $ef06256079686ba0$var$descriptionId = 0;
+const $ef06256079686ba0$var$descriptionNodes = /* @__PURE__ */ new Map();
+function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
+  let [id, setId] = React.useState();
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (!description) return;
+    let desc = $ef06256079686ba0$var$descriptionNodes.get(description);
+    if (!desc) {
+      let id2 = `react-aria-description-${$ef06256079686ba0$var$descriptionId++}`;
+      setId(id2);
+      let node = document.createElement("div");
+      node.id = id2;
+      node.style.display = "none";
+      node.textContent = description;
+      document.body.appendChild(node);
+      desc = {
+        refCount: 0,
+        element: node
+      };
+      $ef06256079686ba0$var$descriptionNodes.set(description, desc);
+    } else setId(desc.element.id);
+    desc.refCount++;
+    return () => {
+      if (desc && --desc.refCount === 0) {
+        desc.element.remove();
+        $ef06256079686ba0$var$descriptionNodes.delete(description);
+      }
+    };
+  }, [
+    description
+  ]);
+  return {
+    "aria-describedby": description ? id : void 0
+  };
+}
+function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
+  let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "left");
+  let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "top");
+  let width = element.offsetWidth;
+  let height = element.offsetHeight;
+  let x = scrollView.scrollLeft;
+  let y = scrollView.scrollTop;
+  let { borderTopWidth, borderLeftWidth, scrollPaddingTop, scrollPaddingRight, scrollPaddingBottom, scrollPaddingLeft } = getComputedStyle(scrollView);
+  let borderAdjustedX = x + parseInt(borderLeftWidth, 10);
+  let borderAdjustedY = y + parseInt(borderTopWidth, 10);
+  let maxX = borderAdjustedX + scrollView.clientWidth;
+  let maxY = borderAdjustedY + scrollView.clientHeight;
+  let scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0;
+  let scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0;
+  let scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0;
+  let scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;
+  if (offsetX <= x + scrollPaddingLeftNumber) x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
+  else if (offsetX + width > maxX - scrollPaddingRightNumber) x += offsetX + width - maxX + scrollPaddingRightNumber;
+  if (offsetY <= borderAdjustedY + scrollPaddingTopNumber) y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
+  else if (offsetY + height > maxY - scrollPaddingBottomNumber) y += offsetY + height - maxY + scrollPaddingBottomNumber;
+  scrollView.scrollLeft = x;
+  scrollView.scrollTop = y;
+}
+function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
+  const prop = axis === "left" ? "offsetLeft" : "offsetTop";
+  let sum = 0;
+  while (child.offsetParent) {
+    sum += child[prop];
+    if (child.offsetParent === ancestor) break;
+    else if (child.offsetParent.contains(ancestor)) {
+      sum -= ancestor[prop];
+      break;
+    }
+    child = child.offsetParent;
+  }
+  return sum;
+}
+function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
+  if (targetElement && document.contains(targetElement)) {
+    let root = document.scrollingElement || document.documentElement;
+    let isScrollPrevented = window.getComputedStyle(root).overflow === "hidden";
+    if (!isScrollPrevented) {
+      var _targetElement_scrollIntoView;
+      let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
+      targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {
+        block: "nearest"
+      });
+      let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
+      if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
+        var _opts_containingElement_scrollIntoView, _opts_containingElement, _targetElement_scrollIntoView1;
+        opts === null || opts === void 0 ? void 0 : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === void 0 ? void 0 : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === void 0 ? void 0 : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {
+          block: "center",
+          inline: "center"
+        });
+        (_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === void 0 ? void 0 : _targetElement_scrollIntoView1.call(targetElement, {
+          block: "nearest"
+        });
+      }
+    } else {
+      let scrollParents = $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(targetElement);
+      for (let scrollParent of scrollParents) $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);
+    }
+  }
+}
+exports.$2f04cbc44ee30ce0$export$53a0910f038337bd = $2f04cbc44ee30ce0$export$53a0910f038337bd;
+exports.$2f04cbc44ee30ce0$export$c826860796309d1b = $2f04cbc44ee30ce0$export$c826860796309d1b;
+exports.$ef06256079686ba0$export$f8aeda7b10753fa1 = $ef06256079686ba0$export$f8aeda7b10753fa1;

package/__chunks__/scrollIntoView-wURtlgJt.mjs

@@ -0,0 +1,115 @@
+import { d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-DSi85raC.mjs";
+import { useState } from "react";
+import { $ as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./isScrollable-DwbLAiO0.mjs";
+function $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(node, checkForOverflow) {
+  const scrollParents = [];
+  while (node && node !== document.documentElement) {
+    if ($cc38e7bd3fc7b213$export$2bb74740c4e19def(node, checkForOverflow)) scrollParents.push(node);
+    node = node.parentElement;
+  }
+  return scrollParents;
+}
+let $ef06256079686ba0$var$descriptionId = 0;
+const $ef06256079686ba0$var$descriptionNodes = /* @__PURE__ */ new Map();
+function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
+  let [id, setId] = useState();
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (!description) return;
+    let desc = $ef06256079686ba0$var$descriptionNodes.get(description);
+    if (!desc) {
+      let id2 = `react-aria-description-${$ef06256079686ba0$var$descriptionId++}`;
+      setId(id2);
+      let node = document.createElement("div");
+      node.id = id2;
+      node.style.display = "none";
+      node.textContent = description;
+      document.body.appendChild(node);
+      desc = {
+        refCount: 0,
+        element: node
+      };
+      $ef06256079686ba0$var$descriptionNodes.set(description, desc);
+    } else setId(desc.element.id);
+    desc.refCount++;
+    return () => {
+      if (desc && --desc.refCount === 0) {
+        desc.element.remove();
+        $ef06256079686ba0$var$descriptionNodes.delete(description);
+      }
+    };
+  }, [
+    description
+  ]);
+  return {
+    "aria-describedby": description ? id : void 0
+  };
+}
+function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
+  let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "left");
+  let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, "top");
+  let width = element.offsetWidth;
+  let height = element.offsetHeight;
+  let x = scrollView.scrollLeft;
+  let y = scrollView.scrollTop;
+  let { borderTopWidth, borderLeftWidth, scrollPaddingTop, scrollPaddingRight, scrollPaddingBottom, scrollPaddingLeft } = getComputedStyle(scrollView);
+  let borderAdjustedX = x + parseInt(borderLeftWidth, 10);
+  let borderAdjustedY = y + parseInt(borderTopWidth, 10);
+  let maxX = borderAdjustedX + scrollView.clientWidth;
+  let maxY = borderAdjustedY + scrollView.clientHeight;
+  let scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0;
+  let scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0;
+  let scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0;
+  let scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;
+  if (offsetX <= x + scrollPaddingLeftNumber) x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
+  else if (offsetX + width > maxX - scrollPaddingRightNumber) x += offsetX + width - maxX + scrollPaddingRightNumber;
+  if (offsetY <= borderAdjustedY + scrollPaddingTopNumber) y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
+  else if (offsetY + height > maxY - scrollPaddingBottomNumber) y += offsetY + height - maxY + scrollPaddingBottomNumber;
+  scrollView.scrollLeft = x;
+  scrollView.scrollTop = y;
+}
+function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
+  const prop = axis === "left" ? "offsetLeft" : "offsetTop";
+  let sum = 0;
+  while (child.offsetParent) {
+    sum += child[prop];
+    if (child.offsetParent === ancestor) break;
+    else if (child.offsetParent.contains(ancestor)) {
+      sum -= ancestor[prop];
+      break;
+    }
+    child = child.offsetParent;
+  }
+  return sum;
+}
+function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
+  if (targetElement && document.contains(targetElement)) {
+    let root = document.scrollingElement || document.documentElement;
+    let isScrollPrevented = window.getComputedStyle(root).overflow === "hidden";
+    if (!isScrollPrevented) {
+      var _targetElement_scrollIntoView;
+      let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
+      targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {
+        block: "nearest"
+      });
+      let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
+      if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
+        var _opts_containingElement_scrollIntoView, _opts_containingElement, _targetElement_scrollIntoView1;
+        opts === null || opts === void 0 ? void 0 : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === void 0 ? void 0 : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === void 0 ? void 0 : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {
+          block: "center",
+          inline: "center"
+        });
+        (_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === void 0 ? void 0 : _targetElement_scrollIntoView1.call(targetElement, {
+          block: "nearest"
+        });
+      }
+    } else {
+      let scrollParents = $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(targetElement);
+      for (let scrollParent of scrollParents) $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);
+    }
+  }
+}
+export {
+  $ef06256079686ba0$export$f8aeda7b10753fa1 as $,
+  $2f04cbc44ee30ce0$export$53a0910f038337bd as a,
+  $2f04cbc44ee30ce0$export$c826860796309d1b as b
+};

package/__chunks__/{tokens-ad06cd2c.js → tokens-BmCk-Bk0.js}

@@ -14,6 +14,9 @@ const ezuiTokens = {
   "color.blue.600": "#113abf",
   "color.blue.700": "#0b2780",
   "color.blue.800": "#061340",
+  "color.blue.900": "#000824",
+  "color.blue.050": "#f6f9ff",
+  "color.blue.025": "#fbfdff",
   "color.green.100": "#ccfaef",
   "color.green.200": "#99f5df",
   "color.green.300": "#66efce",
@@ -22,6 +25,9 @@ const ezuiTokens = {
   "color.green.600": "#00ac83",
   "color.green.700": "#007357",
   "color.green.800": "#00392c",
+  "color.green.900": "#001e16",
+  "color.green.050": "#eafffa",
+  "color.green.025": "#fafffe",
   "color.red.100": "#fedede",
   "color.red.200": "#fdbebd",
   "color.red.300": "#fd9d9b",
@@ -30,6 +36,9 @@ const ezuiTokens = {
   "color.red.600": "#bc4543",
   "color.red.700": "#7e2e2d",
   "color.red.800": "#3f1716",
+  "color.red.900": "#1b0707",
+  "color.red.050": "#fff2f2",
+  "color.red.025": "#fffcfc",
   "color.purple.100": "#ecd7fc",
   "color.purple.200": "#d9b0f8",
   "color.purple.300": "#c588f5",
@@ -38,14 +47,31 @@ const ezuiTokens = {
   "color.purple.600": "#772bb0",
   "color.purple.700": "#501d77",
   "color.purple.800": "#280e3c",
-  "color.yellow.100": "#fff8e0",
-  "color.yellow.200": "#fff3c9",
+  "color.purple.900": "#150720",
+  "color.purple.050": "#f9f1ff",
+  "color.purple.025": "#fdfbff",
+  "color.yellow.100": "#fff8df",
+  "color.yellow.200": "#fff2c4",
   "color.yellow.300": "#ffeba4",
   "color.yellow.400": "#fee281",
   "color.yellow.500": "#f4d35e",
-  "color.yellow.600": "#e7b83f",
-  "color.yellow.700": "#d88c34",
-  "color.yellow.800": "#af640c",
+  "color.yellow.600": "#d6a015",
+  "color.yellow.700": "#a57b0f",
+  "color.yellow.800": "#6c4a07",
+  "color.yellow.900": "#423804",
+  "color.yellow.050": "#fffcf0",
+  "color.yellow.025": "#fffefb",
+  "color.orange.100": "#ffede0",
+  "color.orange.200": "#ffd0a4",
+  "color.orange.300": "#ffbc7d",
+  "color.orange.400": "#ffad61",
+  "color.orange.500": "#ff8d25",
+  "color.orange.600": "#f2780a",
+  "color.orange.700": "#c36108",
+  "color.orange.800": "#834003",
+  "color.orange.900": "#411e00",
+  "color.orange.050": "#fff9f5",
+  "color.orange.025": "#fffdfd",
   "color.gray.100": "#e2e7f0",
   "color.gray.200": "#c6cfe0",
   "color.gray.300": "#a9b6d1",
@@ -56,6 +82,7 @@ const ezuiTokens = {
   "color.gray.800": "#1c222d",
   "color.gray.900": "#000000",
   "color.gray.050": "#f1f1f1",
+  "color.gray.025": "#fafafa",
   "color.gray.000": "#ffffff",
   "color.off_white": "#fff9f5",
   "color.black": "#000000",
@@ -63,21 +90,28 @@ const ezuiTokens = {
   "font.family.sans": 'Poppins, "Poppins Fallback"',
   "font.family.mono": 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
   "font.family.icon": '"Material Symbols Outlined"',
+  "font.size.10": "8px",
   "font.size.25": "10px",
   "font.size.50": "12px",
   "font.size.75": "13px",
   "font.size.100": "15px",
+  "font.size.125": "16px",
   "font.size.200": "19px",
   "font.size.300": "23px",
   "font.size.400": "33px",
   "font.size.500": "46px",
   "font.size.600": "52px",
+  "font.size.700": "58px",
+  "font.size.17_5": "9px",
+  "font.size.37_5": "11px",
   "font.line_height.1": "16px",
   "font.line_height.2": "24px",
   "font.line_height.3": "32px",
   "font.line_height.4": "40px",
   "font.line_height.5": "56px",
   "font.line_height.6": "64px",
+  "font.line_height.7": "72px",
+  "font.weight.light": "300",
   "font.weight.normal": "400",
   "font.weight.medium": "500",
   "font.weight.semibold": "600",
@@ -97,21 +131,21 @@ const ezuiTokens = {
   "font.letter_spacing.widen_6": "1.5px",
   "font.style.heading1.family": 'Poppins, "Poppins Fallback"',
   "font.style.heading1.weight": "500",
-  "font.style.heading1.size": "52px",
+  "font.style.heading1.size": "58px",
   "font.style.heading1.letter_spacing": "-0.5px",
-  "font.style.heading1.line_height": "64px",
+  "font.style.heading1.line_height": "72px",
   "font.style.heading2.family": 'Poppins, "Poppins Fallback"',
   "font.style.heading2.weight": "500",
   "font.style.heading2.size": "46px",
   "font.style.heading2.letter_spacing": "0",
   "font.style.heading2.line_height": "56px",
   "font.style.heading3.family": 'Poppins, "Poppins Fallback"',
-  "font.style.heading3.weight": "400",
+  "font.style.heading3.weight": "500",
   "font.style.heading3.size": "33px",
   "font.style.heading3.letter_spacing": "0.25px",
   "font.style.heading3.line_height": "40px",
   "font.style.heading4.family": 'Poppins, "Poppins Fallback"',
-  "font.style.heading4.weight": "400",
+  "font.style.heading4.weight": "600",
   "font.style.heading4.size": "23px",
   "font.style.heading4.letter_spacing": "0",
   "font.style.heading4.line_height": "32px",
@@ -141,15 +175,30 @@ const ezuiTokens = {
   "font.style.body2.letter_spacing": "0.25px",
   "font.style.body2.line_height": "16px",
   "font.style.caption.family": 'Poppins, "Poppins Fallback"',
-  "font.style.caption.weight": "400",
+  "font.style.caption.weight": "300",
   "font.style.caption.size": "12px",
   "font.style.caption.letter_spacing": "0.4px",
   "font.style.caption.line_height": "16px",
+  "font.style.caption2.family": 'Poppins, "Poppins Fallback"',
+  "font.style.caption2.weight": "300",
+  "font.style.caption2.size": "11px",
+  "font.style.caption2.letter_spacing": "0.4px",
+  "font.style.caption2.line_height": "16px",
+  "font.style.caption3.family": 'Poppins, "Poppins Fallback"',
+  "font.style.caption3.weight": "300",
+  "font.style.caption3.size": "9px",
+  "font.style.caption3.letter_spacing": "0.4px",
+  "font.style.caption3.line_height": "16px",
   "font.style.overline.family": 'Poppins, "Poppins Fallback"',
   "font.style.overline.weight": "400",
-  "font.style.overline.size": "10px",
+  "font.style.overline.size": "12px",
   "font.style.overline.letter_spacing": "1.5px",
   "font.style.overline.line_height": "16px",
+  "font.style.overline2.family": 'Poppins, "Poppins Fallback"',
+  "font.style.overline2.weight": "400",
+  "font.style.overline2.size": "10px",
+  "font.style.overline2.letter_spacing": "1.5px",
+  "font.style.overline2.line_height": "16px",
   "font.style.button.family": 'Poppins, "Poppins Fallback"',
   "font.style.button.weight": "500",
   "font.style.button.size": "15px",
@@ -163,14 +212,23 @@ const ezuiTokens = {
   "font.responsive_mapping.heading1": "heading2",
   "font.responsive_mapping.heading2": "heading3",
   "font.responsive_mapping.heading3": "heading4",
+  "opacity.underlay": 0.4,
   "shadow.button": "0px 0px 0px 3px rgba(69, 132, 255, 0.4)",
   "shadow.input": "0px 0px 0px 3px rgba(1, 70, 130, 0.25)",
   "shadow.overlay": "0px 4px 8px rgba(141, 158, 193, 0.25)",
   "shadow.overlay_subdued": "1px 1px 4px rgba(141, 158, 193, 0.5)",
-  "shape.border_radius.sm": "3px",
-  "shape.border_radius.md": "5px",
+  "shadow.modal": "0px 8px 16px 0px hsla(220, 23%, 28%, 0.5)",
+  "shadow.stuck-from-top": "0px 4px 4px 0px hsla(221, 30%, 74%, 0.25)",
+  "shadow.stuck-from-bottom": "0px -4px 4px 0px hsla(221, 30%, 74%, 0.25)",
+  "shadow.level.1": "0px 1px 8px 0px hsla(226, 28%, 39%, 0.25)",
+  "shadow.level.2": "0px 1px 10px 0px hsla(226, 28%, 39%, 0.4)",
+  "shadow.level.3": "0px 1px 12px 0px hsla(226, 28%, 39%, 0.6)",
+  "shape.border_radius.sm": "2px",
+  "shape.border_radius.md": "4px",
   "shape.border_radius.lg": "8px",
+  "shape.border_radius.xl": "16px",
   "shape.border_width.1": "1px",
+  "size.icon.2xs": "12px",
   "size.icon.xs": "16px",
   "size.icon.sm": "20px",
   "size.icon.md": "24px",
@@ -194,120 +252,89 @@ const ezuiTokens = {
   "space.0.5": "4px",
   "space.1.5": "12px",
   "space.4.5": "36px",
-  "theme.base.color.background": "#ffffff",
-  "theme.base.color.background.black.bold": "#1c222d",
-  "theme.base.color.background.black.subtle": "#f1f1f1",
-  "theme.base.color.background.danger": "#fb5c59",
-  "theme.base.color.background.danger.bold": "#bc4543",
-  "theme.base.color.background.danger.hovered": "#bc4543",
-  "theme.base.color.background.danger.pressed": "#7e2e2d",
-  "theme.base.color.background.danger.subtle": "#fedede",
-  "theme.base.color.background.disabled.subtler": "#f1f1f1",
-  "theme.base.color.background.disabled.subtle": "#e2e7f0",
-  "theme.base.color.background.disabled": "#c6cfe0",
-  "theme.base.color.background.disabled.bolder": "#8d9ec1",
-  "theme.base.color.background.gray.subtle": "#f1f1f1",
-  "theme.base.color.background.gray": "#e2e7f0",
-  "theme.base.color.background.gray.hovered": "#c6cfe0",
-  "theme.base.color.background.gray.bold": "#47547f",
-  "theme.base.color.background.inverse.bold": "#e2e7f0",
-  "theme.base.color.background.inverse.subtle": "#f1f1f1",
-  "theme.base.color.background.neutral": "#061340",
-  "theme.base.color.background.neutral.hovered": "#000000",
-  "theme.base.color.background.neutral.pressed": "#0b2780",
-  "theme.base.color.background.primary": "#164dff",
-  "theme.base.color.background.primary.bold": "#113abf",
-  "theme.base.color.background.primary.bolder": "#0b2780",
-  "theme.base.color.background.primary.hovered": "#113abf",
-  "theme.base.color.background.primary.pressed": "#0b2780",
-  "theme.base.color.background.primary.subtler": "#4571ff",
-  "theme.base.color.background.primary.subtle": "#d0dbff",
-  "theme.base.color.background.secondary": "#9f39ee",
-  "theme.base.color.background.secondary.bold": "#772bb0",
-  "theme.base.color.background.secondary.hovered": "#772bb0",
-  "theme.base.color.background.secondary.pressed": "#501d77",
-  "theme.base.color.background.secondary.subtle": "#ecd7fc",
-  "theme.base.color.background.success": "#00e5ae",
-  "theme.base.color.background.success.bold": "#00ac83",
-  "theme.base.color.background.success.hovered": "#00ac83",
-  "theme.base.color.background.success.pressed": "#007357",
-  "theme.base.color.background.success.subtle": "#ccfaef",
-  "theme.base.color.background.warning.bold": "#f4d35e",
-  "theme.base.color.background.warning.subtle": "#ffeba4",
-  "theme.base.color.border": "#a9b6d1",
-  "theme.base.color.border.bolder": "#8d9ec1",
-  "theme.base.color.border.boldest": "#7086b2",
-  "theme.base.color.border.danger": "#fb5c59",
-  "theme.base.color.border.danger.bolder": "#bc4543",
-  "theme.base.color.border.warning": "#f4d35e",
-  "theme.base.color.border.selected": "#164dff",
-  "theme.base.color.border.success": "#00ac83",
-  "theme.base.color.border.resting": "#c6cfe0",
-  "theme.base.color.border.engaged": "#7086b2",
-  "theme.base.color.border.support": "#061340",
-  "theme.base.color.border.support.hovered": "#000000",
-  "theme.base.color.border.support.pressed": "#384359",
-  "theme.base.color.border.inverse": "#ffffff",
-  "theme.base.color.border.inverse.hovered": "#e2e7f0",
-  "theme.base.color.border.inverse.pressed": "#c6cfe0",
-  "theme.base.color.border.disabled": "#a9b6d1",
-  "theme.base.color.border.disabled.subtler": "#c6cfe0",
-  "theme.base.color.scrollbar.thumb": "#7086b2",
-  "theme.base.color.scrollbar.track": "#f1f1f1",
-  "theme.base.color.surface.card.primary": "#ffffff",
-  "theme.base.color.surface.card.secondary": "#f1f1f1",
-  "theme.base.color.surface.overlay": "#ffffff",
-  "theme.base.color.surface.overlay.hovered": "#f1f1f1",
-  "theme.base.color.text": "#061340",
-  "theme.base.color.text.primary": "#061340",
-  "theme.base.color.text.action": "#164dff",
-  "theme.base.color.text.subdued": "#47547f",
-  "theme.base.color.text.disabled": "#a9b6d1",
-  "theme.base.color.text.heading": "#061340",
-  "theme.base.color.text.inverse": "#ffffff",
-  "theme.base.color.text.engaged": "#000000",
-  "theme.base.color.text.gray.resting": "#7086b2",
-  "theme.base.color.text.gray.bold": "#1c222d",
-  "theme.base.color.text.black.inverse.bold": "#ffffff",
-  "theme.base.color.text.black.inverse.subtle": "#061340",
-  "theme.base.color.text.danger": "#bc4543",
-  "theme.base.color.text.danger.bold": "#3f1716",
-  "theme.base.color.text.danger.inverse": "#061340",
-  "theme.base.color.text.danger.inverse.bold": "#ffffff",
-  "theme.base.color.text.danger.inverse.pressed": "#061340",
-  "theme.base.color.text.danger.inverse.subtle": "#061340",
-  "theme.base.color.text.gray.inverse.bold": "#ffffff",
-  "theme.base.color.text.gray.inverse.subtle": "#061340",
-  "theme.base.color.text.inverse.inverse.bold": "#000000",
-  "theme.base.color.text.inverse.inverse.subtle": "#061340",
-  "theme.base.color.text.primary.inverse": "#ffffff",
-  "theme.base.color.text.primary.inverse.bold": "#ffffff",
-  "theme.base.color.text.primary.inverse.subtle": "#061340",
-  "theme.base.color.text.secondary.bold": "#280e3c",
-  "theme.base.color.text.secondary.inverse.bold": "#ffffff",
-  "theme.base.color.text.secondary.inverse.subtle": "#061340",
-  "theme.base.color.text.success.bold": "#00392c",
-  "theme.base.color.text.success.inverse": "#061340",
-  "theme.base.color.text.success.inverse.bold": "#ffffff",
-  "theme.base.color.text.success.inverse.subtle": "#061340",
-  "theme.base.color.text.success.inverse.pressed": "#ffffff",
-  "theme.base.color.text.warning.inverse.bold": "#000000",
-  "theme.base.color.text.warning.inverse.subtle": "#061340",
-  "theme.base.color.text.code.base": "#061340",
-  "theme.base.color.text.code.lineNumber": "#47547f",
-  "theme.base.color.text.code.comment": "#8d9ec1",
-  "theme.base.color.text.code.punctuation": "#384359",
-  "theme.base.color.text.code.property": "#7e2e2d",
-  "theme.base.color.text.code.selector": "#007357",
-  "theme.base.color.text.code.operator": "#af640c",
-  "theme.base.color.text.code.variable": "#d88c34",
-  "theme.base.color.text.code.function": "#bc4543",
-  "theme.base.color.text.code.keyword": "#164dff",
-  "theme.base.font.family": 'Poppins, "Poppins Fallback"',
-  "theme.base.shadow.button": "0px 0px 0px 3px rgba(69, 132, 255, 0.4)",
-  "theme.base.shadow.overlay": "0px 4px 8px rgba(141, 158, 193, 0.25)",
-  "theme.base.shadow.overlay.subdued": "1px 1px 4px rgba(141, 158, 193, 0.5)",
+  "theme.light.color.primary.900": "#000824",
+  "theme.light.color.primary.800": "#061340",
+  "theme.light.color.primary.700": "#0b2780",
+  "theme.light.color.primary.600": "#113abf",
+  "theme.light.color.primary.500": "#164dff",
+  "theme.light.color.primary.400": "#4571ff",
+  "theme.light.color.primary.300": "#7394ff",
+  "theme.light.color.primary.200": "#a2b8ff",
+  "theme.light.color.primary.100": "#d0dbff",
+  "theme.light.color.primary.050": "#f6f9ff",
+  "theme.light.color.primary.025": "#fbfdff",
+  "theme.light.color.secondary.900": "#150720",
+  "theme.light.color.secondary.800": "#280e3c",
+  "theme.light.color.secondary.700": "#501d77",
+  "theme.light.color.secondary.600": "#772bb0",
+  "theme.light.color.secondary.500": "#9f39ee",
+  "theme.light.color.secondary.400": "#b261f1",
+  "theme.light.color.secondary.300": "#c588f5",
+  "theme.light.color.secondary.200": "#d9b0f8",
+  "theme.light.color.secondary.100": "#ecd7fc",
+  "theme.light.color.secondary.050": "#f9f1ff",
+  "theme.light.color.secondary.025": "#fdfbff",
+  "theme.light.color.positive.900": "#001e16",
+  "theme.light.color.positive.800": "#00392c",
+  "theme.light.color.positive.700": "#007357",
+  "theme.light.color.positive.600": "#00ac83",
+  "theme.light.color.positive.500": "#00e5ae",
+  "theme.light.color.positive.400": "#33eabe",
+  "theme.light.color.positive.300": "#66efce",
+  "theme.light.color.positive.200": "#99f5df",
+  "theme.light.color.positive.100": "#ccfaef",
+  "theme.light.color.positive.050": "#eafffa",
+  "theme.light.color.positive.025": "#fafffe",
+  "theme.light.color.negative.900": "#1b0707",
+  "theme.light.color.negative.800": "#3f1716",
+  "theme.light.color.negative.700": "#7e2e2d",
+  "theme.light.color.negative.600": "#bc4543",
+  "theme.light.color.negative.500": "#fb5c59",
+  "theme.light.color.negative.400": "#fc7d7a",
+  "theme.light.color.negative.300": "#fd9d9b",
+  "theme.light.color.negative.200": "#fdbebd",
+  "theme.light.color.negative.100": "#fedede",
+  "theme.light.color.negative.050": "#fff2f2",
+  "theme.light.color.negative.025": "#fffcfc",
+  "theme.light.color.alert.900": "#411e00",
+  "theme.light.color.alert.800": "#834003",
+  "theme.light.color.alert.700": "#c36108",
+  "theme.light.color.alert.600": "#f2780a",
+  "theme.light.color.alert.500": "#ff8d25",
+  "theme.light.color.alert.400": "#ffad61",
+  "theme.light.color.alert.300": "#ffbc7d",
+  "theme.light.color.alert.200": "#ffd0a4",
+  "theme.light.color.alert.100": "#ffede0",
+  "theme.light.color.alert.050": "#fff9f5",
+  "theme.light.color.alert.025": "#fffdfd",
+  "theme.light.color.warning.900": "#423804",
+  "theme.light.color.warning.800": "#6c4a07",
+  "theme.light.color.warning.700": "#a57b0f",
+  "theme.light.color.warning.600": "#d6a015",
+  "theme.light.color.warning.500": "#f4d35e",
+  "theme.light.color.warning.400": "#fee281",
+  "theme.light.color.warning.300": "#ffeba4",
+  "theme.light.color.warning.200": "#fff2c4",
+  "theme.light.color.warning.100": "#fff8df",
+  "theme.light.color.warning.050": "#fffcf0",
+  "theme.light.color.warning.025": "#fffefb",
+  "theme.light.color.neutral.900": "#000000",
+  "theme.light.color.neutral.800": "#1c222d",
+  "theme.light.color.neutral.700": "#384359",
+  "theme.light.color.neutral.600": "#47547f",
+  "theme.light.color.neutral.500": "#7086b2",
+  "theme.light.color.neutral.400": "#8d9ec1",
+  "theme.light.color.neutral.300": "#a9b6d1",
+  "theme.light.color.neutral.200": "#c6cfe0",
+  "theme.light.color.neutral.100": "#e2e7f0",
+  "theme.light.color.neutral.050": "#f1f1f1",
+  "theme.light.color.neutral.025": "#fafafa",
+  "theme.light.color.neutral.000": "#ffffff",
+  "theme.light.font.family": 'Poppins, "Poppins Fallback"',
   "z-index.input_icon": "1",
+  "z-index.nav": "1000",
+  "z-index.drawer": "1200",
+  "z-index.modal": "1300",
   "z-index.notification": "999999"
 };
 exports.ezuiTokens = ezuiTokens;