@channel.io/bezier-tokens 0.3.2 → 0.3.3-beta.2

package/dist/types/beta/esm/darkTheme.d.mts

@@ -0,0 +1,1584 @@
+declare const _default: Readonly<{
+    backdrop: Readonly<{
+        "beta-backdrop-large": Readonly<{
+            value: "60px";
+            ref: "beta-dimension-60";
+        }>;
+        "beta-backdrop-small": Readonly<{
+            value: "6px";
+            ref: "beta-dimension-6";
+        }>;
+    }>;
+    border: Readonly<{
+        "beta-border-default": Readonly<{
+            value: "0 0 0 1px #ffffff1f";
+            ref: "0 0 0 beta-dimension-1 beta-color-border-neutral";
+        }>;
+        "beta-border-bottom": Readonly<{
+            value: "0 -1px 0 0 #ffffff1f";
+            ref: "0 beta-dimension-1-m 0 0 beta-color-border-neutral";
+        }>;
+        "beta-border-right": Readonly<{
+            value: "-1px 0 0 0 #ffffff1f";
+            ref: "beta-dimension-1-m 0 0 0 beta-color-border-neutral";
+        }>;
+        "beta-border-left": Readonly<{
+            value: "1px 0 0 0 #ffffff1f";
+            ref: "beta-dimension-1 0 0 0 beta-color-border-neutral";
+        }>;
+        "beta-border-top": Readonly<{
+            value: "0 1px 0 0 #ffffff1f";
+            ref: "0 beta-dimension-1 0 0 beta-color-border-neutral";
+        }>;
+        "beta-border-white-high": Readonly<{
+            value: "0 0 0 1px #2a2a2dff";
+            ref: "0 0 0 beta-dimension-1 beta-color-surface-high";
+        }>;
+        "beta-border-white-higher": Readonly<{
+            value: "0 0 0 1px #303035ff";
+            ref: "0 0 0 beta-dimension-1 beta-color-surface-higher";
+        }>;
+        "beta-border-white-highest": Readonly<{
+            value: "0 0 0 1px #37373cff";
+            ref: "0 0 0 beta-dimension-1 beta-color-surface-highest";
+        }>;
+    }>;
+    elevation: Readonly<{
+        "beta-elevation-1": Readonly<{
+            value: "0 1px 2px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
+            ref: "0 beta-dimension-1 beta-dimension-2 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner";
+        }>;
+        "beta-elevation-2": Readonly<{
+            value: "0 2px 6px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
+            ref: "0 beta-dimension-2 beta-dimension-6 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner";
+        }>;
+        "beta-elevation-3": Readonly<{
+            value: "0 4px 12px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
+            ref: "0 beta-dimension-4 beta-dimension-12 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner";
+        }>;
+        "beta-elevation-4": Readonly<{
+            value: "0 4px 24px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
+            ref: "0 beta-dimension-4 beta-dimension-24 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner";
+        }>;
+        "beta-elevation-5": Readonly<{
+            value: "0 6px 40px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
+            ref: "0 beta-dimension-6 beta-dimension-40 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner";
+        }>;
+        "beta-elevation-6": Readonly<{
+            value: "0 12px 60px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
+            ref: "0 beta-dimension-12 beta-dimension-60 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner";
+        }>;
+    }>;
+    layer: Readonly<{
+        "beta-layer-z-index-base": Readonly<{
+            value: "0";
+            ref: "beta-layer-depth-0";
+        }>;
+        "beta-layer-z-index-floating": Readonly<{
+            value: "1";
+            ref: "beta-layer-depth-1";
+        }>;
+        "beta-layer-z-index-overlay": Readonly<{
+            value: "1000";
+            ref: "beta-layer-depth-1000";
+        }>;
+        "beta-layer-z-index-modal": Readonly<{
+            value: "1100";
+            ref: "beta-layer-depth-1100";
+        }>;
+        "beta-layer-z-index-toast": Readonly<{
+            value: "1200";
+            ref: "beta-layer-depth-1200";
+        }>;
+        "beta-layer-z-index-tooltip": Readonly<{
+            value: "1300";
+            ref: "beta-layer-depth-1300";
+        }>;
+        "beta-layer-z-index-hidden": Readonly<{
+            value: "-1";
+            ref: "beta-layer-depth-1-m";
+        }>;
+        "beta-layer-z-index-important": Readonly<{
+            value: "2000";
+            ref: "beta-layer-depth-2000";
+        }>;
+    }>;
+    motion: Readonly<{
+        "beta-motion-transition-fast": Readonly<{
+            value: "150ms cubic-bezier(0.3, 0, 0, 1)";
+            ref: "beta-motion-duration-150 beta-motion-timing-function-easing";
+        }>;
+        "beta-motion-transition-default": Readonly<{
+            value: "300ms cubic-bezier(0.3, 0, 0, 1)";
+            ref: "beta-motion-duration-300 beta-motion-timing-function-easing";
+        }>;
+        "beta-motion-transition-slow": Readonly<{
+            value: "450ms cubic-bezier(0.3, 0, 0, 1)";
+            ref: "beta-motion-duration-450 beta-motion-timing-function-easing";
+        }>;
+    }>;
+    opacity: Readonly<{
+        "beta-opacity-disabled": Readonly<{
+            value: "40%";
+            ref: "beta-dimension-40-p";
+        }>;
+    }>;
+    radius: Readonly<{
+        "beta-radius-2": Readonly<{
+            value: "2px";
+            ref: "beta-dimension-2";
+        }>;
+        "beta-radius-3": Readonly<{
+            value: "3px";
+            ref: "beta-dimension-3";
+        }>;
+        "beta-radius-4": Readonly<{
+            value: "4px";
+            ref: "beta-dimension-4";
+        }>;
+        "beta-radius-6": Readonly<{
+            value: "6px";
+            ref: "beta-dimension-6";
+        }>;
+        "beta-radius-7": Readonly<{
+            value: "7px";
+            ref: "beta-dimension-7";
+        }>;
+        "beta-radius-8": Readonly<{
+            value: "8px";
+            ref: "beta-dimension-8";
+        }>;
+        "beta-radius-10": Readonly<{
+            value: "10px";
+            ref: "beta-dimension-10";
+        }>;
+        "beta-radius-12": Readonly<{
+            value: "12px";
+            ref: "beta-dimension-12";
+        }>;
+        "beta-radius-14": Readonly<{
+            value: "14px";
+            ref: "beta-dimension-14";
+        }>;
+        "beta-radius-16": Readonly<{
+            value: "16px";
+            ref: "beta-dimension-16";
+        }>;
+        "beta-radius-20": Readonly<{
+            value: "20px";
+            ref: "beta-dimension-20";
+        }>;
+        "beta-radius-32": Readonly<{
+            value: "32px";
+            ref: "beta-dimension-32";
+        }>;
+    }>;
+    state: Readonly<{
+        "beta-state-error": Readonly<{
+            value: "0 0 0 1px #f79847ff";
+            ref: "0 0 0 beta-dimension-1 beta-color-state-warning";
+        }>;
+        "beta-state-active": Readonly<{
+            value: "0 0 0 1px #6b6effff";
+            ref: "0 0 0 beta-dimension-1 beta-color-state-action";
+        }>;
+        "beta-state-input-default": Readonly<{
+            value: "0 1px 2px 0 #0000000d, inset 0 0 0 1px #ffffff33";
+            ref: "0 beta-dimension-1 beta-dimension-2 0 beta-color-elevation-base, inset 0 0 0 beta-dimension-1 beta-color-state-default";
+        }>;
+        "beta-state-input-hovered": Readonly<{
+            value: "0 2px 6px 0 #0000000d, inset 0 0 0 1px #6b6effff";
+            ref: "0 beta-dimension-2 beta-dimension-6 0 beta-color-elevation-base, inset 0 0 0 beta-dimension-1 beta-color-state-action";
+        }>;
+        "beta-state-input-active": Readonly<{
+            value: "0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #6b6effff";
+            ref: "0 beta-dimension-2 beta-dimension-6 0 beta-color-elevation-base, 0 0 0 beta-dimension-3 beta-color-state-action-light, inset 0 0 0 beta-dimension-1 beta-color-state-action";
+        }>;
+        "beta-state-input-error": Readonly<{
+            value: "0 2px 6px 0 #0000000d, 0 0 0 3px #f798474d, inset 0 0 0 1px #f79847ff";
+            ref: "0 beta-dimension-2 beta-dimension-6 0 beta-color-elevation-base, 0 0 0 beta-dimension-3 beta-color-state-warning-light, inset 0 0 0 beta-dimension-1 beta-color-state-warning";
+        }>;
+    }>;
+    typography: Readonly<{
+        "beta-typography-heading-font-family": Readonly<{
+            value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
+            ref: "beta-typography-font-family-sans-kr";
+        }>;
+        "beta-typography-heading-size-xlarge": Readonly<{
+            value: "24px";
+            ref: "beta-typography-font-size-24";
+        }>;
+        "beta-typography-heading-size-large": Readonly<{
+            value: "22px";
+            ref: "beta-typography-font-size-22";
+        }>;
+        "beta-typography-heading-size-medium": Readonly<{
+            value: "18px";
+            ref: "beta-typography-font-size-18";
+        }>;
+        "beta-typography-heading-size-small": Readonly<{
+            value: "17px";
+            ref: "beta-typography-font-size-17";
+        }>;
+        "beta-typography-heading-size-xsmall": Readonly<{
+            value: "16px";
+            ref: "beta-typography-font-size-16";
+        }>;
+        "beta-typography-heading-size-2xsmall": Readonly<{
+            value: "15px";
+            ref: "beta-typography-font-size-15";
+        }>;
+        "beta-typography-heading-weight-bold": Readonly<{
+            value: "700";
+            ref: "beta-typography-font-weight-700";
+        }>;
+        "beta-typography-heading-letter-spacing": Readonly<{
+            value: "0";
+            ref: "beta-typography-letter-spacing-0";
+        }>;
+        "beta-typography-heading-letter-spacing-tight": Readonly<{
+            value: "-0.1px";
+            ref: "beta-typography-letter-spacing-0-1";
+        }>;
+        "beta-typography-heading-letter-spacing-tighter": Readonly<{
+            value: "-0.4px";
+            ref: "beta-typography-letter-spacing-0-4";
+        }>;
+        "beta-typography-heading-line-height-xlarge": Readonly<{
+            value: "32px";
+            ref: "beta-typography-line-height-32";
+        }>;
+        "beta-typography-heading-line-height-large": Readonly<{
+            value: "28px";
+            ref: "beta-typography-line-height-28";
+        }>;
+        "beta-typography-heading-line-height-medium": Readonly<{
+            value: "24px";
+            ref: "beta-typography-line-height-24";
+        }>;
+        "beta-typography-heading-line-height-small": Readonly<{
+            value: "24px";
+            ref: "beta-typography-line-height-24";
+        }>;
+        "beta-typography-heading-line-height-xsmall": Readonly<{
+            value: "24px";
+            ref: "beta-typography-line-height-24";
+        }>;
+        "beta-typography-heading-line-height-2xsmall": Readonly<{
+            value: "20px";
+            ref: "beta-typography-line-height-20";
+        }>;
+        "beta-typography-text-font-family": Readonly<{
+            value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
+            ref: "beta-typography-font-family-sans-kr";
+        }>;
+        "beta-typography-text-size-2xlarge": Readonly<{
+            value: "17px";
+            ref: "beta-typography-font-size-17";
+        }>;
+        "beta-typography-text-size-xlarge": Readonly<{
+            value: "16px";
+            ref: "beta-typography-font-size-16";
+        }>;
+        "beta-typography-text-size-large": Readonly<{
+            value: "15px";
+            ref: "beta-typography-font-size-15";
+        }>;
+        "beta-typography-text-size-medium": Readonly<{
+            value: "14px";
+            ref: "beta-typography-font-size-14";
+        }>;
+        "beta-typography-text-size-small": Readonly<{
+            value: "13px";
+            ref: "beta-typography-font-size-13";
+        }>;
+        "beta-typography-text-size-xsmall": Readonly<{
+            value: "12px";
+            ref: "beta-typography-font-size-12";
+        }>;
+        "beta-typography-text-size-2xsmall": Readonly<{
+            value: "11px";
+            ref: "beta-typography-font-size-11";
+        }>;
+        "beta-typography-text-weight-bold": Readonly<{
+            value: "700";
+            ref: "beta-typography-font-weight-700";
+        }>;
+        "beta-typography-text-weight-regular": Readonly<{
+            value: "400";
+            ref: "beta-typography-font-weight-400";
+        }>;
+        "beta-typography-text-letter-spacing": Readonly<{
+            value: "0";
+            ref: "beta-typography-letter-spacing-0";
+        }>;
+        "beta-typography-text-letter-spacing-tight": Readonly<{
+            value: "-0.1px";
+            ref: "beta-typography-letter-spacing-0-1";
+        }>;
+        "beta-typography-text-line-height-2xlarge": Readonly<{
+            value: "24px";
+            ref: "beta-typography-line-height-24";
+        }>;
+        "beta-typography-text-line-height-xlarge": Readonly<{
+            value: "24px";
+            ref: "beta-typography-line-height-24";
+        }>;
+        "beta-typography-text-line-height-large": Readonly<{
+            value: "20px";
+            ref: "beta-typography-line-height-20";
+        }>;
+        "beta-typography-text-line-height-medium": Readonly<{
+            value: "18px";
+            ref: "beta-typography-line-height-18";
+        }>;
+        "beta-typography-text-line-height-small": Readonly<{
+            value: "18px";
+            ref: "beta-typography-line-height-18";
+        }>;
+        "beta-typography-text-line-height-xsmall": Readonly<{
+            value: "16px";
+            ref: "beta-typography-line-height-16";
+        }>;
+        "beta-typography-text-line-height-2xsmall": Readonly<{
+            value: "16px";
+            ref: "beta-typography-line-height-16";
+        }>;
+        "beta-typography-display-font-family": Readonly<{
+            value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
+            ref: "beta-typography-font-family-sans-kr";
+        }>;
+        "beta-typography-display-size-large": Readonly<{
+            value: "36px";
+            ref: "beta-typography-font-size-36";
+        }>;
+        "beta-typography-display-size-medium": Readonly<{
+            value: "30px";
+            ref: "beta-typography-font-size-30";
+        }>;
+        "beta-typography-display-weight-bold": Readonly<{
+            value: "700";
+            ref: "beta-typography-font-weight-700";
+        }>;
+        "beta-typography-display-letter-spacing-tighter": Readonly<{
+            value: "-0.4px";
+            ref: "beta-typography-letter-spacing-0-4";
+        }>;
+        "beta-typography-display-line-height-large": Readonly<{
+            value: "44px";
+            ref: "beta-typography-line-height-44";
+        }>;
+        "beta-typography-display-line-height-medium": Readonly<{
+            value: "36px";
+            ref: "beta-typography-line-height-36";
+        }>;
+        "beta-typography-code-font-family": Readonly<{
+            value: "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'";
+            ref: "beta-typography-font-family-monospace";
+        }>;
+        "beta-typography-code-size-medium": Readonly<{
+            value: "14px";
+            ref: "beta-typography-font-size-14";
+        }>;
+        "beta-typography-code-size-small": Readonly<{
+            value: "13px";
+            ref: "beta-typography-font-size-13";
+        }>;
+        "beta-typography-code-weight-regular": Readonly<{
+            value: "400";
+            ref: "beta-typography-font-weight-400";
+        }>;
+        "beta-typography-code-letter-spacing": Readonly<{
+            value: "0";
+            ref: "beta-typography-letter-spacing-0";
+        }>;
+        "beta-typography-code-line-height-medium": Readonly<{
+            value: "18px";
+            ref: "beta-typography-line-height-18";
+        }>;
+        "beta-typography-code-line-height-small": Readonly<{
+            value: "18px";
+            ref: "beta-typography-line-height-18";
+        }>;
+    }>;
+    color: Readonly<{
+        "beta-color-text-action": Readonly<{
+            value: "#6b6effff";
+            ref: "beta-color-blue-300";
+        }>;
+        "beta-color-text-action-hovered": Readonly<{
+            value: "#8184ffff";
+        }>;
+        "beta-color-text-success": Readonly<{
+            value: "#7cd985ff";
+            ref: "beta-color-green-200";
+        }>;
+        "beta-color-text-success-hovered": Readonly<{
+            value: "#8ae292ff";
+        }>;
+        "beta-color-text-highlight": Readonly<{
+            value: "#5cadefff";
+            ref: "beta-color-cobalt-300";
+        }>;
+        "beta-color-text-highlight-hovered": Readonly<{
+            value: "#6cb8f5ff";
+        }>;
+        "beta-color-text-warning": Readonly<{
+            value: "#ffab70ff";
+            ref: "beta-color-orange-200";
+        }>;
+        "beta-color-text-warning-hovered": Readonly<{
+            value: "#ffb886ff";
+        }>;
+        "beta-color-text-critical": Readonly<{
+            value: "#f26060ff";
+            ref: "beta-color-red-300";
+        }>;
+        "beta-color-text-critical-hovered": Readonly<{
+            value: "#f77171ff";
+        }>;
+        "beta-color-text-neutral-heaviest": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-text-neutral-heaviest-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-text-neutral": Readonly<{
+            value: "#ffffffcc";
+            ref: "beta-color-white-80";
+        }>;
+        "beta-color-text-neutral-hovered": Readonly<{
+            value: "#edededcc";
+        }>;
+        "beta-color-text-neutral-light": Readonly<{
+            value: "#ffffff99";
+            ref: "beta-color-white-60";
+        }>;
+        "beta-color-text-neutral-light-hovered": Readonly<{
+            value: "#ededed99";
+        }>;
+        "beta-color-text-neutral-lighter": Readonly<{
+            value: "#ffffff66";
+            ref: "beta-color-white-40";
+        }>;
+        "beta-color-text-neutral-lighter-hovered": Readonly<{
+            value: "#ededed66";
+        }>;
+        "beta-color-text-accent-blue": Readonly<{
+            value: "#6b6effff";
+            ref: "beta-color-blue-300";
+        }>;
+        "beta-color-text-accent-blue-hovered": Readonly<{
+            value: "#8184ffff";
+        }>;
+        "beta-color-text-accent-cobalt": Readonly<{
+            value: "#5cadefff";
+            ref: "beta-color-cobalt-300";
+        }>;
+        "beta-color-text-accent-cobalt-hovered": Readonly<{
+            value: "#6cb8f5ff";
+        }>;
+        "beta-color-text-accent-green": Readonly<{
+            value: "#4bc16cff";
+            ref: "beta-color-green-300";
+        }>;
+        "beta-color-text-accent-green-hovered": Readonly<{
+            value: "#56cc77ff";
+        }>;
+        "beta-color-text-accent-red": Readonly<{
+            value: "#f26060ff";
+            ref: "beta-color-red-300";
+        }>;
+        "beta-color-text-accent-red-hovered": Readonly<{
+            value: "#f77171ff";
+        }>;
+        "beta-color-text-accent-orange": Readonly<{
+            value: "#f79847ff";
+            ref: "beta-color-orange-300";
+        }>;
+        "beta-color-text-accent-orange-hovered": Readonly<{
+            value: "#f8a45cff";
+        }>;
+        "beta-color-text-accent-yellow": Readonly<{
+            value: "#f0be27ff";
+            ref: "beta-color-yellow-300";
+        }>;
+        "beta-color-text-accent-yellow-hovered": Readonly<{
+            value: "#f7c736ff";
+        }>;
+        "beta-color-text-accent-teal": Readonly<{
+            value: "#40d3c5ff";
+            ref: "beta-color-teal-300";
+        }>;
+        "beta-color-text-accent-teal-hovered": Readonly<{
+            value: "#4cdccfff";
+        }>;
+        "beta-color-text-accent-navy": Readonly<{
+            value: "#6f7bc8ff";
+            ref: "beta-color-navy-300";
+        }>;
+        "beta-color-text-accent-navy-hovered": Readonly<{
+            value: "#7b86d3ff";
+        }>;
+        "beta-color-text-accent-purple": Readonly<{
+            value: "#a970ffff";
+            ref: "beta-color-purple-300";
+        }>;
+        "beta-color-text-accent-purple-hovered": Readonly<{
+            value: "#b686ffff";
+        }>;
+        "beta-color-text-accent-pink": Readonly<{
+            value: "#ec6fd3ff";
+            ref: "beta-color-pink-300";
+        }>;
+        "beta-color-text-accent-pink-hovered": Readonly<{
+            value: "#f27fdbff";
+        }>;
+        "beta-color-text-absolute-white": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-text-absolute-white-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-text-absolute-black": Readonly<{
+            value: "#000000ff";
+            ref: "beta-color-black-100";
+        }>;
+        "beta-color-text-absolute-black-hovered": Readonly<{
+            value: "#0a0a0aff";
+        }>;
+        "beta-color-icon-action": Readonly<{
+            value: "#6b6effff";
+            ref: "beta-color-blue-300";
+        }>;
+        "beta-color-icon-action-hovered": Readonly<{
+            value: "#8184ffff";
+        }>;
+        "beta-color-icon-success": Readonly<{
+            value: "#4bc16cff";
+            ref: "beta-color-green-300";
+        }>;
+        "beta-color-icon-success-hovered": Readonly<{
+            value: "#56cc77ff";
+        }>;
+        "beta-color-icon-highlight": Readonly<{
+            value: "#5cadefff";
+            ref: "beta-color-cobalt-300";
+        }>;
+        "beta-color-icon-highlight-hovered": Readonly<{
+            value: "#6cb8f5ff";
+        }>;
+        "beta-color-icon-warning": Readonly<{
+            value: "#f79847ff";
+            ref: "beta-color-orange-300";
+        }>;
+        "beta-color-icon-warning-hovered": Readonly<{
+            value: "#f8a45cff";
+        }>;
+        "beta-color-icon-critical": Readonly<{
+            value: "#f26060ff";
+            ref: "beta-color-red-300";
+        }>;
+        "beta-color-icon-critical-hovered": Readonly<{
+            value: "#f77171ff";
+        }>;
+        "beta-color-icon-neutral": Readonly<{
+            value: "#ffffff66";
+            ref: "beta-color-white-40";
+        }>;
+        "beta-color-icon-neutral-hovered": Readonly<{
+            value: "#ededed66";
+        }>;
+        "beta-color-icon-neutral-heavy": Readonly<{
+            value: "#ffffff99";
+            ref: "beta-color-white-60";
+        }>;
+        "beta-color-icon-neutral-heavy-hovered": Readonly<{
+            value: "#ededed99";
+        }>;
+        "beta-color-icon-neutral-heavier": Readonly<{
+            value: "#ffffffcc";
+            ref: "beta-color-white-80";
+        }>;
+        "beta-color-icon-neutral-heavier-hovered": Readonly<{
+            value: "#edededcc";
+        }>;
+        "beta-color-icon-accent-blue": Readonly<{
+            value: "#6b6effff";
+            ref: "beta-color-blue-300";
+        }>;
+        "beta-color-icon-accent-blue-hovered": Readonly<{
+            value: "#8184ffff";
+        }>;
+        "beta-color-icon-accent-cobalt": Readonly<{
+            value: "#5cadefff";
+            ref: "beta-color-cobalt-300";
+        }>;
+        "beta-color-icon-accent-cobalt-hovered": Readonly<{
+            value: "#6cb8f5ff";
+        }>;
+        "beta-color-icon-accent-green": Readonly<{
+            value: "#4bc16cff";
+            ref: "beta-color-green-300";
+        }>;
+        "beta-color-icon-accent-green-hovered": Readonly<{
+            value: "#56cc77ff";
+        }>;
+        "beta-color-icon-accent-red": Readonly<{
+            value: "#f26060ff";
+            ref: "beta-color-red-300";
+        }>;
+        "beta-color-icon-accent-red-hovered": Readonly<{
+            value: "#f77171ff";
+        }>;
+        "beta-color-icon-accent-orange": Readonly<{
+            value: "#f79847ff";
+            ref: "beta-color-orange-300";
+        }>;
+        "beta-color-icon-accent-orange-hovered": Readonly<{
+            value: "#f8a45cff";
+        }>;
+        "beta-color-icon-accent-yellow": Readonly<{
+            value: "#f0be27ff";
+            ref: "beta-color-yellow-300";
+        }>;
+        "beta-color-icon-accent-yellow-hovered": Readonly<{
+            value: "#f7c736ff";
+        }>;
+        "beta-color-icon-accent-olive": Readonly<{
+            value: "#b7c427ff";
+            ref: "beta-color-olive-300";
+        }>;
+        "beta-color-icon-accent-olive-hovered": Readonly<{
+            value: "#ccdb25ff";
+        }>;
+        "beta-color-icon-accent-teal": Readonly<{
+            value: "#40d3c5ff";
+            ref: "beta-color-teal-300";
+        }>;
+        "beta-color-icon-accent-teal-hovered": Readonly<{
+            value: "#4cdccfff";
+        }>;
+        "beta-color-icon-accent-navy": Readonly<{
+            value: "#6f7bc8ff";
+            ref: "beta-color-navy-300";
+        }>;
+        "beta-color-icon-accent-navy-hovered": Readonly<{
+            value: "#7b86d3ff";
+        }>;
+        "beta-color-icon-accent-purple": Readonly<{
+            value: "#a970ffff";
+            ref: "beta-color-purple-300";
+        }>;
+        "beta-color-icon-accent-purple-hovered": Readonly<{
+            value: "#b686ffff";
+        }>;
+        "beta-color-icon-accent-pink": Readonly<{
+            value: "#ec6fd3ff";
+            ref: "beta-color-pink-300";
+        }>;
+        "beta-color-icon-accent-pink-hovered": Readonly<{
+            value: "#f27fdbff";
+        }>;
+        "beta-color-icon-absolute-white": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-icon-absolute-white-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-icon-absolute-black": Readonly<{
+            value: "#000000ff";
+            ref: "beta-color-black-100";
+        }>;
+        "beta-color-icon-absolute-black-hovered": Readonly<{
+            value: "#0a0a0aff";
+        }>;
+        "beta-color-fill-neutral-heaviest": Readonly<{
+            value: "#ffffffe6";
+            ref: "beta-color-white-90";
+        }>;
+        "beta-color-fill-neutral-heaviest-hovered": Readonly<{
+            value: "#ededede6";
+        }>;
+        "beta-color-fill-neutral-heavier": Readonly<{
+            value: "#ffffff66";
+            ref: "beta-color-white-40";
+        }>;
+        "beta-color-fill-neutral-heavier-hovered": Readonly<{
+            value: "#ededed66";
+        }>;
+        "beta-color-fill-neutral-heavy": Readonly<{
+            value: "#ffffff33";
+            ref: "beta-color-white-20";
+        }>;
+        "beta-color-fill-neutral-heavy-hovered": Readonly<{
+            value: "#ededed4d";
+        }>;
+        "beta-color-fill-neutral-light": Readonly<{
+            value: "#ffffff14";
+            ref: "beta-color-white-8";
+        }>;
+        "beta-color-fill-neutral-light-hovered": Readonly<{
+            value: "#ededed1e";
+        }>;
+        "beta-color-fill-neutral-lighter": Readonly<{
+            value: "#ffffff0d";
+            ref: "beta-color-white-5";
+        }>;
+        "beta-color-fill-neutral-lighter-hovered": Readonly<{
+            value: "#ededed14";
+        }>;
+        "beta-color-fill-neutral-lightest": Readonly<{
+            value: "#ffffff08";
+            ref: "beta-color-white-3";
+        }>;
+        "beta-color-fill-neutral-lightest-hovered": Readonly<{
+            value: "#ededed0c";
+        }>;
+        "beta-color-fill-neutral-transparent": Readonly<{
+            value: "#ffffff00";
+            ref: "beta-color-white-0";
+        }>;
+        "beta-color-fill-neutral-transparent-hovered": Readonly<{
+            value: "#ffffff0d";
+        }>;
+        "beta-color-fill-action": Readonly<{
+            value: "#6b6effff";
+            ref: "beta-color-blue-300";
+        }>;
+        "beta-color-fill-action-hovered": Readonly<{
+            value: "#8184ffff";
+        }>;
+        "beta-color-fill-action-light": Readonly<{
+            value: "#6b6eff4d";
+            ref: "beta-color-blue-300-30";
+        }>;
+        "beta-color-fill-action-light-hovered": Readonly<{
+            value: "#8184ff4d";
+        }>;
+        "beta-color-fill-action-lighter": Readonly<{
+            value: "#6b6eff2e";
+            ref: "beta-color-blue-300-18";
+        }>;
+        "beta-color-fill-action-lighter-hovered": Readonly<{
+            value: "#8184ff45";
+        }>;
+        "beta-color-fill-action-transparent": Readonly<{
+            value: "#6b6eff00";
+            ref: "beta-color-blue-300-0";
+        }>;
+        "beta-color-fill-action-transparent-hovered": Readonly<{
+            value: "#6b6eff1a";
+        }>;
+        "beta-color-fill-success": Readonly<{
+            value: "#4bc16cff";
+            ref: "beta-color-green-300";
+        }>;
+        "beta-color-fill-success-hovered": Readonly<{
+            value: "#56cc77ff";
+        }>;
+        "beta-color-fill-success-light": Readonly<{
+            value: "#4bc16c4d";
+            ref: "beta-color-green-300-30";
+        }>;
+        "beta-color-fill-success-light-hovered": Readonly<{
+            value: "#56cc774d";
+        }>;
+        "beta-color-fill-success-lighter": Readonly<{
+            value: "#4bc16c2e";
+            ref: "beta-color-green-300-18";
+        }>;
+        "beta-color-fill-success-lighter-hovered": Readonly<{
+            value: "#56cc7745";
+        }>;
+        "beta-color-fill-success-transparent": Readonly<{
+            value: "#4bc16c00";
+            ref: "beta-color-green-300-0";
+        }>;
+        "beta-color-fill-success-transparent-hovered": Readonly<{
+            value: "#4bc16c1a";
+        }>;
+        "beta-color-fill-highlight": Readonly<{
+            value: "#5cadefff";
+            ref: "beta-color-cobalt-300";
+        }>;
+        "beta-color-fill-highlight-hovered": Readonly<{
+            value: "#6cb8f5ff";
+        }>;
+        "beta-color-fill-highlight-light": Readonly<{
+            value: "#5cadef4d";
+            ref: "beta-color-cobalt-300-30";
+        }>;
+        "beta-color-fill-highlight-light-hovered": Readonly<{
+            value: "#6cb8f54d";
+        }>;
+        "beta-color-fill-highlight-lighter": Readonly<{
+            value: "#5cadef2e";
+            ref: "beta-color-cobalt-300-18";
+        }>;
+        "beta-color-fill-highlight-lighter-hovered": Readonly<{
+            value: "#6cb8f545";
+        }>;
+        "beta-color-fill-highlight-transparent": Readonly<{
+            value: "#5cadef00";
+            ref: "beta-color-cobalt-300-0";
+        }>;
+        "beta-color-fill-highlight-transparent-hovered": Readonly<{
+            value: "#5cadef1a";
+        }>;
+        "beta-color-fill-warning": Readonly<{
+            value: "#f79847ff";
+            ref: "beta-color-orange-300";
+        }>;
+        "beta-color-fill-warning-hovered": Readonly<{
+            value: "#f8a45cff";
+        }>;
+        "beta-color-fill-warning-light": Readonly<{
+            value: "#f798474d";
+            ref: "beta-color-orange-300-30";
+        }>;
+        "beta-color-fill-warning-light-hovered": Readonly<{
+            value: "#f8a45c4d";
+        }>;
+        "beta-color-fill-warning-lighter": Readonly<{
+            value: "#f798472e";
+            ref: "beta-color-orange-300-18";
+        }>;
+        "beta-color-fill-warning-lighter-hovered": Readonly<{
+            value: "#f8a45c45";
+        }>;
+        "beta-color-fill-warning-transparent": Readonly<{
+            value: "#f7984700";
+            ref: "beta-color-orange-300-0";
+        }>;
+        "beta-color-fill-warning-transparent-hovered": Readonly<{
+            value: "#f798471a";
+        }>;
+        "beta-color-fill-critical": Readonly<{
+            value: "#f26060ff";
+            ref: "beta-color-red-300";
+        }>;
+        "beta-color-fill-critical-hovered": Readonly<{
+            value: "#f77171ff";
+        }>;
+        "beta-color-fill-critical-light": Readonly<{
+            value: "#f260604d";
+            ref: "beta-color-red-300-30";
+        }>;
+        "beta-color-fill-critical-light-hovered": Readonly<{
+            value: "#f771714d";
+        }>;
+        "beta-color-fill-critical-lighter": Readonly<{
+            value: "#f260602e";
+            ref: "beta-color-red-300-18";
+        }>;
+        "beta-color-fill-critical-lighter-hovered": Readonly<{
+            value: "#f7717145";
+        }>;
+        "beta-color-fill-critical-transparent": Readonly<{
+            value: "#f2606000";
+            ref: "beta-color-red-300-0";
+        }>;
+        "beta-color-fill-critical-transparent-hovered": Readonly<{
+            value: "#f260601a";
+        }>;
+        "beta-color-fill-grey": Readonly<{
+            value: "#2a2a2dff";
+            ref: "beta-color-grey-850";
+        }>;
+        "beta-color-fill-grey-hovered": Readonly<{
+            value: "#343438ff";
+        }>;
+        "beta-color-fill-grey-heavy": Readonly<{
+            value: "#303035ff";
+            ref: "beta-color-grey-800";
+        }>;
+        "beta-color-fill-grey-heavy-hovered": Readonly<{
+            value: "#3a3a40ff";
+        }>;
+        "beta-color-fill-grey-heavier": Readonly<{
+            value: "#37373cff";
+            ref: "beta-color-grey-750";
+        }>;
+        "beta-color-fill-grey-heavier-hovered": Readonly<{
+            value: "#414147ff";
+        }>;
+        "beta-color-fill-accent-blue": Readonly<{
+            value: "#6b6eff2e";
+            ref: "beta-color-blue-300-18";
+        }>;
+        "beta-color-fill-accent-blue-hovered": Readonly<{
+            value: "#8184ff45";
+        }>;
+        "beta-color-fill-accent-blue-heavy": Readonly<{
+            value: "#6b6eff4d";
+            ref: "beta-color-blue-300-30";
+        }>;
+        "beta-color-fill-accent-blue-heavy-hovered": Readonly<{
+            value: "#8184ff4d";
+        }>;
+        "beta-color-fill-accent-blue-heavier": Readonly<{
+            value: "#6b6effff";
+            ref: "beta-color-blue-300";
+        }>;
+        "beta-color-fill-accent-blue-heavier-hovered": Readonly<{
+            value: "#8184ffff";
+        }>;
+        "beta-color-fill-accent-blue-transparent": Readonly<{
+            value: "#6b6eff00";
+            ref: "beta-color-blue-300-0";
+        }>;
+        "beta-color-fill-accent-blue-transparent-hovered": Readonly<{
+            value: "#6b6eff1a";
+        }>;
+        "beta-color-fill-accent-cobalt": Readonly<{
+            value: "#5cadef2e";
+            ref: "beta-color-cobalt-300-18";
+        }>;
+        "beta-color-fill-accent-cobalt-hovered": Readonly<{
+            value: "#6cb8f545";
+        }>;
+        "beta-color-fill-accent-cobalt-heavy": Readonly<{
+            value: "#5cadef4d";
+            ref: "beta-color-cobalt-300-30";
+        }>;
+        "beta-color-fill-accent-cobalt-heavy-hovered": Readonly<{
+            value: "#6cb8f54d";
+        }>;
+        "beta-color-fill-accent-cobalt-heavier": Readonly<{
+            value: "#5cadefff";
+            ref: "beta-color-cobalt-300";
+        }>;
+        "beta-color-fill-accent-cobalt-heavier-hovered": Readonly<{
+            value: "#6cb8f5ff";
+        }>;
+        "beta-color-fill-accent-cobalt-transparent": Readonly<{
+            value: "#5cadef00";
+            ref: "beta-color-cobalt-300-0";
+        }>;
+        "beta-color-fill-accent-cobalt-transparent-hovered": Readonly<{
+            value: "#5cadef1a";
+        }>;
+        "beta-color-fill-accent-green": Readonly<{
+            value: "#4bc16c2e";
+            ref: "beta-color-green-300-18";
+        }>;
+        "beta-color-fill-accent-green-hovered": Readonly<{
+            value: "#56cc7745";
+        }>;
+        "beta-color-fill-accent-green-heavy": Readonly<{
+            value: "#4bc16c4d";
+            ref: "beta-color-green-300-30";
+        }>;
+        "beta-color-fill-accent-green-heavy-hovered": Readonly<{
+            value: "#56cc774d";
+        }>;
+        "beta-color-fill-accent-green-heavier": Readonly<{
+            value: "#4bc16cff";
+            ref: "beta-color-green-300";
+        }>;
+        "beta-color-fill-accent-green-heavier-hovered": Readonly<{
+            value: "#56cc77ff";
+        }>;
+        "beta-color-fill-accent-green-transparent": Readonly<{
+            value: "#4bc16c00";
+            ref: "beta-color-green-300-0";
+        }>;
+        "beta-color-fill-accent-green-transparent-hovered": Readonly<{
+            value: "#4bc16c1a";
+        }>;
+        "beta-color-fill-accent-red": Readonly<{
+            value: "#f260602e";
+            ref: "beta-color-red-300-18";
+        }>;
+        "beta-color-fill-accent-red-hovered": Readonly<{
+            value: "#f7717145";
+        }>;
+        "beta-color-fill-accent-red-heavy": Readonly<{
+            value: "#f260604d";
+            ref: "beta-color-red-300-30";
+        }>;
+        "beta-color-fill-accent-red-heavy-hovered": Readonly<{
+            value: "#f771714d";
+        }>;
+        "beta-color-fill-accent-red-heavier": Readonly<{
+            value: "#f26060ff";
+            ref: "beta-color-red-300";
+        }>;
+        "beta-color-fill-accent-red-heavier-hovered": Readonly<{
+            value: "#f77171ff";
+        }>;
+        "beta-color-fill-accent-red-transparent": Readonly<{
+            value: "#f2606000";
+            ref: "beta-color-red-300-0";
+        }>;
+        "beta-color-fill-accent-red-transparent-hovered": Readonly<{
+            value: "#f260601a";
+        }>;
+        "beta-color-fill-accent-orange": Readonly<{
+            value: "#f798472e";
+            ref: "beta-color-orange-300-18";
+        }>;
+        "beta-color-fill-accent-orange-hovered": Readonly<{
+            value: "#f8a45c45";
+        }>;
+        "beta-color-fill-accent-orange-heavy": Readonly<{
+            value: "#f798474d";
+            ref: "beta-color-orange-300-30";
+        }>;
+        "beta-color-fill-accent-orange-heavy-hovered": Readonly<{
+            value: "#f8a45c4d";
+        }>;
+        "beta-color-fill-accent-orange-heavier": Readonly<{
+            value: "#f79847ff";
+            ref: "beta-color-orange-300";
+        }>;
+        "beta-color-fill-accent-orange-heavier-hovered": Readonly<{
+            value: "#f8a45cff";
+        }>;
+        "beta-color-fill-accent-orange-transparent": Readonly<{
+            value: "#f7984700";
+            ref: "beta-color-orange-300-0";
+        }>;
+        "beta-color-fill-accent-orange-transparent-hovered": Readonly<{
+            value: "#f798471a";
+        }>;
+        "beta-color-fill-accent-yellow": Readonly<{
+            value: "#f0be272e";
+            ref: "beta-color-yellow-300-18";
+        }>;
+        "beta-color-fill-accent-yellow-hovered": Readonly<{
+            value: "#f7c73645";
+        }>;
+        "beta-color-fill-accent-yellow-heavy": Readonly<{
+            value: "#f0be274d";
+            ref: "beta-color-yellow-300-30";
+        }>;
+        "beta-color-fill-accent-yellow-heavy-hovered": Readonly<{
+            value: "#f7c7364d";
+        }>;
+        "beta-color-fill-accent-yellow-heavier": Readonly<{
+            value: "#f0be27ff";
+            ref: "beta-color-yellow-300";
+        }>;
+        "beta-color-fill-accent-yellow-heavier-hovered": Readonly<{
+            value: "#f7c736ff";
+        }>;
+        "beta-color-fill-accent-yellow-transparent": Readonly<{
+            value: "#f0be2700";
+            ref: "beta-color-yellow-300-0";
+        }>;
+        "beta-color-fill-accent-yellow-transparent-hovered": Readonly<{
+            value: "#f0be271a";
+        }>;
+        "beta-color-fill-accent-olive": Readonly<{
+            value: "#b7c4272e";
+            ref: "beta-color-olive-300-18";
+        }>;
+        "beta-color-fill-accent-olive-hovered": Readonly<{
+            value: "#ccdb2545";
+        }>;
+        "beta-color-fill-accent-olive-heavy": Readonly<{
+            value: "#b7c4274d";
+            ref: "beta-color-olive-300-30";
+        }>;
+        "beta-color-fill-accent-olive-heavy-hovered": Readonly<{
+            value: "#ccdb254d";
+        }>;
+        "beta-color-fill-accent-olive-heavier": Readonly<{
+            value: "#b7c427ff";
+            ref: "beta-color-olive-300";
+        }>;
+        "beta-color-fill-accent-olive-heavier-hovered": Readonly<{
+            value: "#ccdb25ff";
+        }>;
+        "beta-color-fill-accent-olive-transparent": Readonly<{
+            value: "#b7c42700";
+            ref: "beta-color-olive-300-0";
+        }>;
+        "beta-color-fill-accent-olive-transparent-hovered": Readonly<{
+            value: "#b7c4271a";
+        }>;
+        "beta-color-fill-accent-teal": Readonly<{
+            value: "#40d3c52e";
+            ref: "beta-color-teal-300-18";
+        }>;
+        "beta-color-fill-accent-teal-hovered": Readonly<{
+            value: "#4cdccf45";
+        }>;
+        "beta-color-fill-accent-teal-heavy": Readonly<{
+            value: "#40d3c54d";
+            ref: "beta-color-teal-300-30";
+        }>;
+        "beta-color-fill-accent-teal-heavy-hovered": Readonly<{
+            value: "#4cdccf4d";
+        }>;
+        "beta-color-fill-accent-teal-heavier": Readonly<{
+            value: "#40d3c5ff";
+            ref: "beta-color-teal-300";
+        }>;
+        "beta-color-fill-accent-teal-heavier-hovered": Readonly<{
+            value: "#4cdccfff";
+        }>;
+        "beta-color-fill-accent-teal-transparent": Readonly<{
+            value: "#40d3c500";
+            ref: "beta-color-teal-300-0";
+        }>;
+        "beta-color-fill-accent-teal-transparent-hovered": Readonly<{
+            value: "#40d3c51a";
+        }>;
+        "beta-color-fill-accent-navy": Readonly<{
+            value: "#6f7bc82e";
+            ref: "beta-color-navy-300-18";
+        }>;
+        "beta-color-fill-accent-navy-hovered": Readonly<{
+            value: "#7b86d345";
+        }>;
+        "beta-color-fill-accent-navy-heavy": Readonly<{
+            value: "#6f7bc84d";
+            ref: "beta-color-navy-300-30";
+        }>;
+        "beta-color-fill-accent-navy-heavy-hovered": Readonly<{
+            value: "#7b86d34d";
+        }>;
+        "beta-color-fill-accent-navy-heavier": Readonly<{
+            value: "#6f7bc8ff";
+            ref: "beta-color-navy-300";
+        }>;
+        "beta-color-fill-accent-navy-heavier-hovered": Readonly<{
+            value: "#7b86d3ff";
+        }>;
+        "beta-color-fill-accent-navy-transparent": Readonly<{
+            value: "#6f7bc800";
+            ref: "beta-color-navy-300-0";
+        }>;
+        "beta-color-fill-accent-navy-transparent-hovered": Readonly<{
+            value: "#6f7bc81a";
+        }>;
+        "beta-color-fill-accent-purple": Readonly<{
+            value: "#a970ff2e";
+            ref: "beta-color-purple-300-18";
+        }>;
+        "beta-color-fill-accent-purple-hovered": Readonly<{
+            value: "#b686ff45";
+        }>;
+        "beta-color-fill-accent-purple-heavy": Readonly<{
+            value: "#a970ff4d";
+            ref: "beta-color-purple-300-30";
+        }>;
+        "beta-color-fill-accent-purple-heavy-hovered": Readonly<{
+            value: "#b686ff4d";
+        }>;
+        "beta-color-fill-accent-purple-heavier": Readonly<{
+            value: "#a970ffff";
+            ref: "beta-color-purple-300";
+        }>;
+        "beta-color-fill-accent-purple-heavier-hovered": Readonly<{
+            value: "#b686ffff";
+        }>;
+        "beta-color-fill-accent-purple-transparent": Readonly<{
+            value: "#a970ff00";
+            ref: "beta-color-purple-300-0";
+        }>;
+        "beta-color-fill-accent-purple-transparent-hovered": Readonly<{
+            value: "#a970ff1a";
+        }>;
+        "beta-color-fill-accent-pink": Readonly<{
+            value: "#ec6fd32e";
+            ref: "beta-color-pink-300-18";
+        }>;
+        "beta-color-fill-accent-pink-hovered": Readonly<{
+            value: "#f27fdb45";
+        }>;
+        "beta-color-fill-accent-pink-heavy": Readonly<{
+            value: "#ec6fd34d";
+            ref: "beta-color-pink-300-30";
+        }>;
+        "beta-color-fill-accent-pink-heavy-hovered": Readonly<{
+            value: "#f27fdb4d";
+        }>;
+        "beta-color-fill-accent-pink-heavier": Readonly<{
+            value: "#ec6fd3ff";
+            ref: "beta-color-pink-300";
+        }>;
+        "beta-color-fill-accent-pink-heavier-hovered": Readonly<{
+            value: "#f27fdbff";
+        }>;
+        "beta-color-fill-accent-pink-transparent": Readonly<{
+            value: "#ec6fd300";
+            ref: "beta-color-pink-300-0";
+        }>;
+        "beta-color-fill-accent-pink-transparent-hovered": Readonly<{
+            value: "#ec6fd31a";
+        }>;
+        "beta-color-fill-absolute-white": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-fill-absolute-white-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-fill-absolute-white-light": Readonly<{
+            value: "#ffffff33";
+            ref: "beta-color-white-20";
+        }>;
+        "beta-color-fill-absolute-white-light-hovered": Readonly<{
+            value: "#ededed4d";
+        }>;
+        "beta-color-fill-absolute-white-transparent": Readonly<{
+            value: "#ffffff00";
+            ref: "beta-color-white-0";
+        }>;
+        "beta-color-fill-absolute-white-transparent-hovered": Readonly<{
+            value: "#ffffff0d";
+        }>;
+        "beta-color-fill-absolute-black": Readonly<{
+            value: "#000000ff";
+            ref: "beta-color-black-100";
+        }>;
+        "beta-color-fill-absolute-black-hovered": Readonly<{
+            value: "#0a0a0aff";
+        }>;
+        "beta-color-fill-absolute-black-light": Readonly<{
+            value: "#00000033";
+            ref: "beta-color-black-20";
+        }>;
+        "beta-color-fill-absolute-black-light-hovered": Readonly<{
+            value: "#0a0a0a4d";
+        }>;
+        "beta-color-fill-absolute-black-transparent": Readonly<{
+            value: "#00000000";
+            ref: "beta-color-black-0";
+        }>;
+        "beta-color-fill-absolute-black-transparent-hovered": Readonly<{
+            value: "#0000000d";
+        }>;
+        "beta-color-border-neutral": Readonly<{
+            value: "#ffffff1f";
+            ref: "beta-color-white-12";
+        }>;
+        "beta-color-border-neutral-hovered": Readonly<{
+            value: "#ededed2f";
+        }>;
+        "beta-color-border-neutral-heavy": Readonly<{
+            value: "#ffffff33";
+            ref: "beta-color-white-20";
+        }>;
+        "beta-color-border-neutral-heavy-hovered": Readonly<{
+            value: "#ededed4d";
+        }>;
+        "beta-color-border-neutral-heavier": Readonly<{
+            value: "#ffffff66";
+            ref: "beta-color-white-40";
+        }>;
+        "beta-color-border-neutral-heavier-hovered": Readonly<{
+            value: "#ededed66";
+        }>;
+        "beta-color-border-detach": Readonly<{
+            value: "#242428ff";
+            ref: "beta-color-grey-900";
+        }>;
+        "beta-color-border-detach-hovered": Readonly<{
+            value: "#2e2e33ff";
+        }>;
+        "beta-color-border-detach-highest": Readonly<{
+            value: "#454549ff";
+            ref: "beta-color-grey-700";
+        }>;
+        "beta-color-border-detach-highest-hovered": Readonly<{
+            value: "#4f4f54ff";
+        }>;
+        "beta-color-border-detach-higher": Readonly<{
+            value: "#303035ff";
+            ref: "beta-color-grey-800";
+        }>;
+        "beta-color-border-detach-higher-hovered": Readonly<{
+            value: "#3a3a40ff";
+        }>;
+        "beta-color-border-detach-high": Readonly<{
+            value: "#2a2a2dff";
+            ref: "beta-color-grey-850";
+        }>;
+        "beta-color-border-detach-high-hovered": Readonly<{
+            value: "#343438ff";
+        }>;
+        "beta-color-border-detach-low": Readonly<{
+            value: "#1a1a1cff";
+            ref: "beta-color-grey-950";
+        }>;
+        "beta-color-border-detach-low-hovered": Readonly<{
+            value: "#242427ff";
+        }>;
+        "beta-color-border-absolute-white": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-border-absolute-white-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-surface": Readonly<{
+            value: "#242428ff";
+            ref: "beta-color-grey-900";
+        }>;
+        "beta-color-surface-hovered": Readonly<{
+            value: "#2e2e33ff";
+        }>;
+        "beta-color-surface-highest": Readonly<{
+            value: "#37373cff";
+            ref: "beta-color-grey-750";
+        }>;
+        "beta-color-surface-highest-hovered": Readonly<{
+            value: "#414147ff";
+        }>;
+        "beta-color-surface-higher": Readonly<{
+            value: "#303035ff";
+            ref: "beta-color-grey-800";
+        }>;
+        "beta-color-surface-higher-hovered": Readonly<{
+            value: "#3a3a40ff";
+        }>;
+        "beta-color-surface-high": Readonly<{
+            value: "#2a2a2dff";
+            ref: "beta-color-grey-850";
+        }>;
+        "beta-color-surface-high-hovered": Readonly<{
+            value: "#343438ff";
+        }>;
+        "beta-color-surface-low": Readonly<{
+            value: "#1a1a1cff";
+            ref: "beta-color-grey-950";
+        }>;
+        "beta-color-surface-low-hovered": Readonly<{
+            value: "#242427ff";
+        }>;
+        "beta-color-surface-glass": Readonly<{
+            value: "#303035e6";
+            ref: "beta-color-grey-800-90";
+        }>;
+        "beta-color-surface-glass-hovered": Readonly<{
+            value: "#3a3a40e6";
+        }>;
+        "beta-color-surface-glass-highest": Readonly<{
+            value: "#454549e6";
+            ref: "beta-color-grey-700-90";
+        }>;
+        "beta-color-surface-glass-highest-hovered": Readonly<{
+            value: "#4f4f54e6";
+        }>;
+        "beta-color-surface-glass-higher": Readonly<{
+            value: "#303035e6";
+            ref: "beta-color-grey-800-90";
+        }>;
+        "beta-color-surface-glass-higher-hovered": Readonly<{
+            value: "#3a3a40e6";
+        }>;
+        "beta-color-surface-glass-high": Readonly<{
+            value: "#2a2a2de6";
+            ref: "beta-color-grey-850-90";
+        }>;
+        "beta-color-surface-glass-high-hovered": Readonly<{
+            value: "#343438e6";
+        }>;
+        "beta-color-surface-accent-blue": Readonly<{
+            value: "#6b6effff";
+            ref: "beta-color-blue-300";
+        }>;
+        "beta-color-surface-accent-blue-hovered": Readonly<{
+            value: "#8184ffff";
+        }>;
+        "beta-color-surface-accent-cobalt": Readonly<{
+            value: "#5cadefff";
+            ref: "beta-color-cobalt-300";
+        }>;
+        "beta-color-surface-accent-cobalt-hovered": Readonly<{
+            value: "#6cb8f5ff";
+        }>;
+        "beta-color-surface-accent-green": Readonly<{
+            value: "#4bc16cff";
+            ref: "beta-color-green-300";
+        }>;
+        "beta-color-surface-accent-green-hovered": Readonly<{
+            value: "#56cc77ff";
+        }>;
+        "beta-color-surface-accent-red": Readonly<{
+            value: "#f26060ff";
+            ref: "beta-color-red-300";
+        }>;
+        "beta-color-surface-accent-red-hovered": Readonly<{
+            value: "#f77171ff";
+        }>;
+        "beta-color-surface-accent-orange": Readonly<{
+            value: "#f79847ff";
+            ref: "beta-color-orange-300";
+        }>;
+        "beta-color-surface-accent-orange-hovered": Readonly<{
+            value: "#f8a45cff";
+        }>;
+        "beta-color-surface-accent-yellow": Readonly<{
+            value: "#f0be27ff";
+            ref: "beta-color-yellow-300";
+        }>;
+        "beta-color-surface-accent-yellow-hovered": Readonly<{
+            value: "#f7c736ff";
+        }>;
+        "beta-color-surface-accent-olive": Readonly<{
+            value: "#b7c427ff";
+            ref: "beta-color-olive-300";
+        }>;
+        "beta-color-surface-accent-olive-hovered": Readonly<{
+            value: "#ccdb25ff";
+        }>;
+        "beta-color-surface-accent-teal": Readonly<{
+            value: "#40d3c5ff";
+            ref: "beta-color-teal-300";
+        }>;
+        "beta-color-surface-accent-teal-hovered": Readonly<{
+            value: "#4cdccfff";
+        }>;
+        "beta-color-surface-accent-navy": Readonly<{
+            value: "#6f7bc8ff";
+            ref: "beta-color-navy-300";
+        }>;
+        "beta-color-surface-accent-navy-hovered": Readonly<{
+            value: "#7b86d3ff";
+        }>;
+        "beta-color-surface-accent-purple": Readonly<{
+            value: "#a970ffff";
+            ref: "beta-color-purple-300";
+        }>;
+        "beta-color-surface-accent-purple-hovered": Readonly<{
+            value: "#b686ffff";
+        }>;
+        "beta-color-surface-accent-pink": Readonly<{
+            value: "#ec6fd3ff";
+            ref: "beta-color-pink-300";
+        }>;
+        "beta-color-surface-accent-pink-hovered": Readonly<{
+            value: "#f27fdbff";
+        }>;
+        "beta-color-dim-absolute-black": Readonly<{
+            value: "#00000066";
+            ref: "beta-color-black-40";
+        }>;
+        "beta-color-dim-absolute-black-hovered": Readonly<{
+            value: "#0a0a0a66";
+        }>;
+        "beta-color-dim-absolute-black-heavy": Readonly<{
+            value: "#00000099";
+            ref: "beta-color-black-60";
+        }>;
+        "beta-color-dim-absolute-black-heavy-hovered": Readonly<{
+            value: "#0a0a0a99";
+        }>;
+        "beta-color-dim-absolute-white": Readonly<{
+            value: "#ffffff66";
+            ref: "beta-color-white-40";
+        }>;
+        "beta-color-dim-absolute-white-hovered": Readonly<{
+            value: "#ededed66";
+        }>;
+        "beta-color-dim-absolute-white-heavy": Readonly<{
+            value: "#ffffff99";
+            ref: "beta-color-white-60";
+        }>;
+        "beta-color-dim-absolute-white-heavy-hovered": Readonly<{
+            value: "#ededed99";
+        }>;
+        "beta-color-gradient-green": Readonly<{
+            value: "#20ab55ff";
+            ref: "beta-color-green-400";
+        }>;
+        "beta-color-gradient-green-hovered": Readonly<{
+            value: "#1ec35dff";
+        }>;
+        "beta-color-gradient-green-heavy": Readonly<{
+            value: "#4bc16cff";
+            ref: "beta-color-green-300";
+        }>;
+        "beta-color-gradient-green-heavy-hovered": Readonly<{
+            value: "#56cc77ff";
+        }>;
+        "beta-color-state-default": Readonly<{
+            value: "#ffffff33";
+            ref: "beta-color-white-20";
+        }>;
+        "beta-color-state-default-hovered": Readonly<{
+            value: "#ededed4d";
+        }>;
+        "beta-color-state-action": Readonly<{
+            value: "#6b6effff";
+            ref: "beta-color-blue-300";
+        }>;
+        "beta-color-state-action-hovered": Readonly<{
+            value: "#8184ffff";
+        }>;
+        "beta-color-state-action-light": Readonly<{
+            value: "#6b6eff73";
+            ref: "beta-color-blue-300-45";
+        }>;
+        "beta-color-state-action-light-hovered": Readonly<{
+            value: "#8184ff73";
+        }>;
+        "beta-color-state-warning": Readonly<{
+            value: "#f79847ff";
+            ref: "beta-color-orange-300";
+        }>;
+        "beta-color-state-warning-hovered": Readonly<{
+            value: "#f8a45cff";
+        }>;
+        "beta-color-state-warning-light": Readonly<{
+            value: "#f798474d";
+            ref: "beta-color-orange-300-30";
+        }>;
+        "beta-color-state-warning-light-hovered": Readonly<{
+            value: "#f8a45c4d";
+        }>;
+        "beta-color-elevation-xlarge": Readonly<{
+            value: "#0000004d";
+            ref: "beta-color-black-30";
+        }>;
+        "beta-color-elevation-xlarge-hovered": Readonly<{
+            value: "#0a0a0a4d";
+        }>;
+        "beta-color-elevation-large": Readonly<{
+            value: "#00000038";
+            ref: "beta-color-black-22";
+        }>;
+        "beta-color-elevation-large-hovered": Readonly<{
+            value: "#0a0a0a38";
+        }>;
+        "beta-color-elevation-medium": Readonly<{
+            value: "#00000026";
+            ref: "beta-color-black-15";
+        }>;
+        "beta-color-elevation-medium-hovered": Readonly<{
+            value: "#0a0a0a39";
+        }>;
+        "beta-color-elevation-small": Readonly<{
+            value: "#00000014";
+            ref: "beta-color-black-8";
+        }>;
+        "beta-color-elevation-small-hovered": Readonly<{
+            value: "#0a0a0a1e";
+        }>;
+        "beta-color-elevation-base": Readonly<{
+            value: "#0000000d";
+            ref: "beta-color-black-5";
+        }>;
+        "beta-color-elevation-base-hovered": Readonly<{
+            value: "#0a0a0a14";
+        }>;
+        "beta-color-elevation-base-inner": Readonly<{
+            value: "#ffffff1f";
+            ref: "beta-color-white-12";
+        }>;
+        "beta-color-elevation-base-inner-hovered": Readonly<{
+            value: "#ededed2f";
+        }>;
+    }>;
+}>;
+export default _default;
+//# sourceMappingURL=darkTheme.d.mts.map