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

package/dist/types/beta/cjs/lightTheme.d.ts

@@ -0,0 +1,1584 @@
+declare const _exports: 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 #00000014";
+            ref: "0 0 0 beta-dimension-1 beta-color-border-neutral";
+        }>;
+        "beta-border-bottom": Readonly<{
+            value: "0 -1px 0 0 #00000014";
+            ref: "0 beta-dimension-1-m 0 0 beta-color-border-neutral";
+        }>;
+        "beta-border-right": Readonly<{
+            value: "-1px 0 0 0 #00000014";
+            ref: "beta-dimension-1-m 0 0 0 beta-color-border-neutral";
+        }>;
+        "beta-border-left": Readonly<{
+            value: "1px 0 0 0 #00000014";
+            ref: "beta-dimension-1 0 0 0 beta-color-border-neutral";
+        }>;
+        "beta-border-top": Readonly<{
+            value: "0 1px 0 0 #00000014";
+            ref: "0 beta-dimension-1 0 0 beta-color-border-neutral";
+        }>;
+        "beta-border-white-high": Readonly<{
+            value: "0 0 0 1px #ffffffff";
+            ref: "0 0 0 beta-dimension-1 beta-color-surface-high";
+        }>;
+        "beta-border-white-higher": Readonly<{
+            value: "0 0 0 1px #ffffffff";
+            ref: "0 0 0 beta-dimension-1 beta-color-surface-higher";
+        }>;
+        "beta-border-white-highest": Readonly<{
+            value: "0 0 0 1px #ffffffff";
+            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 #e67f2bff";
+            ref: "0 0 0 beta-dimension-1 beta-color-state-warning";
+        }>;
+        "beta-state-active": Readonly<{
+            value: "0 0 0 1px #6157eaff";
+            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 #00000026";
+            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 #6157eaff";
+            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 #6157ea4d, inset 0 0 0 1px #6157eaff";
+            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 #e67f2b4d, inset 0 0 0 1px #e67f2bff";
+            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: "#6157eaff";
+            ref: "beta-color-blue-400";
+        }>;
+        "beta-color-text-action-hovered": Readonly<{
+            value: "#5146e4ff";
+        }>;
+        "beta-color-text-success": Readonly<{
+            value: "#20ab55ff";
+            ref: "beta-color-green-400";
+        }>;
+        "beta-color-text-success-hovered": Readonly<{
+            value: "#219c50ff";
+        }>;
+        "beta-color-text-highlight": Readonly<{
+            value: "#3292e3ff";
+            ref: "beta-color-cobalt-400";
+        }>;
+        "beta-color-text-highlight-hovered": Readonly<{
+            value: "#2589ddff";
+        }>;
+        "beta-color-text-warning": Readonly<{
+            value: "#e67f2bff";
+            ref: "beta-color-orange-400";
+        }>;
+        "beta-color-text-warning-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
+        "beta-color-text-critical": Readonly<{
+            value: "#e1535dff";
+            ref: "beta-color-red-400";
+        }>;
+        "beta-color-text-critical-hovered": Readonly<{
+            value: "#da444fff";
+        }>;
+        "beta-color-text-neutral-heaviest": Readonly<{
+            value: "#000000ff";
+            ref: "beta-color-black-100";
+        }>;
+        "beta-color-text-neutral-heaviest-hovered": Readonly<{
+            value: "#1c1c1cff";
+        }>;
+        "beta-color-text-neutral": Readonly<{
+            value: "#000000d9";
+            ref: "beta-color-black-85";
+        }>;
+        "beta-color-text-neutral-hovered": Readonly<{
+            value: "#1c1c1cd9";
+        }>;
+        "beta-color-text-neutral-light": Readonly<{
+            value: "#00000099";
+            ref: "beta-color-black-60";
+        }>;
+        "beta-color-text-neutral-light-hovered": Readonly<{
+            value: "#1c1c1c99";
+        }>;
+        "beta-color-text-neutral-lighter": Readonly<{
+            value: "#00000066";
+            ref: "beta-color-black-40";
+        }>;
+        "beta-color-text-neutral-lighter-hovered": Readonly<{
+            value: "#1c1c1c66";
+        }>;
+        "beta-color-text-accent-blue": Readonly<{
+            value: "#6157eaff";
+            ref: "beta-color-blue-400";
+        }>;
+        "beta-color-text-accent-blue-hovered": Readonly<{
+            value: "#5146e4ff";
+        }>;
+        "beta-color-text-accent-cobalt": Readonly<{
+            value: "#3292e3ff";
+            ref: "beta-color-cobalt-400";
+        }>;
+        "beta-color-text-accent-cobalt-hovered": Readonly<{
+            value: "#2589ddff";
+        }>;
+        "beta-color-text-accent-green": Readonly<{
+            value: "#20ab55ff";
+            ref: "beta-color-green-400";
+        }>;
+        "beta-color-text-accent-green-hovered": Readonly<{
+            value: "#219c50ff";
+        }>;
+        "beta-color-text-accent-red": Readonly<{
+            value: "#e1535dff";
+            ref: "beta-color-red-400";
+        }>;
+        "beta-color-text-accent-red-hovered": Readonly<{
+            value: "#da444fff";
+        }>;
+        "beta-color-text-accent-orange": Readonly<{
+            value: "#e67f2bff";
+            ref: "beta-color-orange-400";
+        }>;
+        "beta-color-text-accent-orange-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
+        "beta-color-text-accent-yellow": Readonly<{
+            value: "#edae0dff";
+            ref: "beta-color-yellow-400";
+        }>;
+        "beta-color-text-accent-yellow-hovered": Readonly<{
+            value: "#d9a010ff";
+        }>;
+        "beta-color-text-accent-teal": Readonly<{
+            value: "#09b2acff";
+            ref: "beta-color-teal-400";
+        }>;
+        "beta-color-text-accent-teal-hovered": Readonly<{
+            value: "#08a5a0ff";
+        }>;
+        "beta-color-text-accent-navy": Readonly<{
+            value: "#424fabff";
+            ref: "beta-color-navy-400";
+        }>;
+        "beta-color-text-accent-navy-hovered": Readonly<{
+            value: "#414c9cff";
+        }>;
+        "beta-color-text-accent-purple": Readonly<{
+            value: "#8e57e7ff";
+            ref: "beta-color-purple-400";
+        }>;
+        "beta-color-text-accent-purple-hovered": Readonly<{
+            value: "#8247e1ff";
+        }>;
+        "beta-color-text-accent-pink": Readonly<{
+            value: "#d64bb5ff";
+            ref: "beta-color-pink-400";
+        }>;
+        "beta-color-text-accent-pink-hovered": Readonly<{
+            value: "#cf3eacff";
+        }>;
+        "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: "#1c1c1cff";
+        }>;
+        "beta-color-icon-action": Readonly<{
+            value: "#6157eaff";
+            ref: "beta-color-blue-400";
+        }>;
+        "beta-color-icon-action-hovered": Readonly<{
+            value: "#5146e4ff";
+        }>;
+        "beta-color-icon-success": Readonly<{
+            value: "#20ab55ff";
+            ref: "beta-color-green-400";
+        }>;
+        "beta-color-icon-success-hovered": Readonly<{
+            value: "#219c50ff";
+        }>;
+        "beta-color-icon-highlight": Readonly<{
+            value: "#3292e3ff";
+            ref: "beta-color-cobalt-400";
+        }>;
+        "beta-color-icon-highlight-hovered": Readonly<{
+            value: "#2589ddff";
+        }>;
+        "beta-color-icon-warning": Readonly<{
+            value: "#e67f2bff";
+            ref: "beta-color-orange-400";
+        }>;
+        "beta-color-icon-warning-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
+        "beta-color-icon-critical": Readonly<{
+            value: "#e1535dff";
+            ref: "beta-color-red-400";
+        }>;
+        "beta-color-icon-critical-hovered": Readonly<{
+            value: "#da444fff";
+        }>;
+        "beta-color-icon-neutral": Readonly<{
+            value: "#00000066";
+            ref: "beta-color-black-40";
+        }>;
+        "beta-color-icon-neutral-hovered": Readonly<{
+            value: "#1c1c1c66";
+        }>;
+        "beta-color-icon-neutral-heavy": Readonly<{
+            value: "#00000099";
+            ref: "beta-color-black-60";
+        }>;
+        "beta-color-icon-neutral-heavy-hovered": Readonly<{
+            value: "#1c1c1c99";
+        }>;
+        "beta-color-icon-neutral-heavier": Readonly<{
+            value: "#000000d9";
+            ref: "beta-color-black-85";
+        }>;
+        "beta-color-icon-neutral-heavier-hovered": Readonly<{
+            value: "#1c1c1cd9";
+        }>;
+        "beta-color-icon-accent-blue": Readonly<{
+            value: "#6157eaff";
+            ref: "beta-color-blue-400";
+        }>;
+        "beta-color-icon-accent-blue-hovered": Readonly<{
+            value: "#5146e4ff";
+        }>;
+        "beta-color-icon-accent-cobalt": Readonly<{
+            value: "#3292e3ff";
+            ref: "beta-color-cobalt-400";
+        }>;
+        "beta-color-icon-accent-cobalt-hovered": Readonly<{
+            value: "#2589ddff";
+        }>;
+        "beta-color-icon-accent-green": Readonly<{
+            value: "#20ab55ff";
+            ref: "beta-color-green-400";
+        }>;
+        "beta-color-icon-accent-green-hovered": Readonly<{
+            value: "#219c50ff";
+        }>;
+        "beta-color-icon-accent-red": Readonly<{
+            value: "#e1535dff";
+            ref: "beta-color-red-400";
+        }>;
+        "beta-color-icon-accent-red-hovered": Readonly<{
+            value: "#da444fff";
+        }>;
+        "beta-color-icon-accent-orange": Readonly<{
+            value: "#e67f2bff";
+            ref: "beta-color-orange-400";
+        }>;
+        "beta-color-icon-accent-orange-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
+        "beta-color-icon-accent-yellow": Readonly<{
+            value: "#edae0dff";
+            ref: "beta-color-yellow-400";
+        }>;
+        "beta-color-icon-accent-yellow-hovered": Readonly<{
+            value: "#d9a010ff";
+        }>;
+        "beta-color-icon-accent-olive": Readonly<{
+            value: "#a9b110ff";
+            ref: "beta-color-olive-400";
+        }>;
+        "beta-color-icon-accent-olive-hovered": Readonly<{
+            value: "#9ba212ff";
+        }>;
+        "beta-color-icon-accent-teal": Readonly<{
+            value: "#09b2acff";
+            ref: "beta-color-teal-400";
+        }>;
+        "beta-color-icon-accent-teal-hovered": Readonly<{
+            value: "#08a5a0ff";
+        }>;
+        "beta-color-icon-accent-navy": Readonly<{
+            value: "#424fabff";
+            ref: "beta-color-navy-400";
+        }>;
+        "beta-color-icon-accent-navy-hovered": Readonly<{
+            value: "#414c9cff";
+        }>;
+        "beta-color-icon-accent-purple": Readonly<{
+            value: "#8e57e7ff";
+            ref: "beta-color-purple-400";
+        }>;
+        "beta-color-icon-accent-purple-hovered": Readonly<{
+            value: "#8247e1ff";
+        }>;
+        "beta-color-icon-accent-pink": Readonly<{
+            value: "#d64bb5ff";
+            ref: "beta-color-pink-400";
+        }>;
+        "beta-color-icon-accent-pink-hovered": Readonly<{
+            value: "#cf3eacff";
+        }>;
+        "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: "#1c1c1cff";
+        }>;
+        "beta-color-fill-neutral-heaviest": Readonly<{
+            value: "#000000d9";
+            ref: "beta-color-black-85";
+        }>;
+        "beta-color-fill-neutral-heaviest-hovered": Readonly<{
+            value: "#1c1c1cd9";
+        }>;
+        "beta-color-fill-neutral-heavier": Readonly<{
+            value: "#00000066";
+            ref: "beta-color-black-40";
+        }>;
+        "beta-color-fill-neutral-heavier-hovered": Readonly<{
+            value: "#1c1c1c66";
+        }>;
+        "beta-color-fill-neutral-heavy": Readonly<{
+            value: "#00000026";
+            ref: "beta-color-black-15";
+        }>;
+        "beta-color-fill-neutral-heavy-hovered": Readonly<{
+            value: "#1c1c1c39";
+        }>;
+        "beta-color-fill-neutral-light": Readonly<{
+            value: "#0000000d";
+            ref: "beta-color-black-5";
+        }>;
+        "beta-color-fill-neutral-light-hovered": Readonly<{
+            value: "#1c1c1c14";
+        }>;
+        "beta-color-fill-neutral-lighter": Readonly<{
+            value: "#00000008";
+            ref: "beta-color-black-3";
+        }>;
+        "beta-color-fill-neutral-lighter-hovered": Readonly<{
+            value: "#1c1c1c0c";
+        }>;
+        "beta-color-fill-neutral-lightest": Readonly<{
+            value: "#00000003";
+            ref: "beta-color-black-1";
+        }>;
+        "beta-color-fill-neutral-lightest-hovered": Readonly<{
+            value: "#1c1c1c05";
+        }>;
+        "beta-color-fill-neutral-transparent": Readonly<{
+            value: "#00000000";
+            ref: "beta-color-black-0";
+        }>;
+        "beta-color-fill-neutral-transparent-hovered": Readonly<{
+            value: "#0000000d";
+        }>;
+        "beta-color-fill-action": Readonly<{
+            value: "#6157eaff";
+            ref: "beta-color-blue-400";
+        }>;
+        "beta-color-fill-action-hovered": Readonly<{
+            value: "#5146e4ff";
+        }>;
+        "beta-color-fill-action-light": Readonly<{
+            value: "#6157ea33";
+            ref: "beta-color-blue-400-20";
+        }>;
+        "beta-color-fill-action-light-hovered": Readonly<{
+            value: "#5146e44d";
+        }>;
+        "beta-color-fill-action-lighter": Readonly<{
+            value: "#6157ea1a";
+            ref: "beta-color-blue-400-10";
+        }>;
+        "beta-color-fill-action-lighter-hovered": Readonly<{
+            value: "#5146e427";
+        }>;
+        "beta-color-fill-action-transparent": Readonly<{
+            value: "#6157ea00";
+            ref: "beta-color-blue-400-0";
+        }>;
+        "beta-color-fill-action-transparent-hovered": Readonly<{
+            value: "#6157ea1a";
+        }>;
+        "beta-color-fill-success": Readonly<{
+            value: "#20ab55ff";
+            ref: "beta-color-green-400";
+        }>;
+        "beta-color-fill-success-hovered": Readonly<{
+            value: "#219c50ff";
+        }>;
+        "beta-color-fill-success-light": Readonly<{
+            value: "#20ab5533";
+            ref: "beta-color-green-400-20";
+        }>;
+        "beta-color-fill-success-light-hovered": Readonly<{
+            value: "#219c504d";
+        }>;
+        "beta-color-fill-success-lighter": Readonly<{
+            value: "#20ab551a";
+            ref: "beta-color-green-400-10";
+        }>;
+        "beta-color-fill-success-lighter-hovered": Readonly<{
+            value: "#219c5027";
+        }>;
+        "beta-color-fill-success-transparent": Readonly<{
+            value: "#20ab5500";
+            ref: "beta-color-green-400-0";
+        }>;
+        "beta-color-fill-success-transparent-hovered": Readonly<{
+            value: "#20ab551a";
+        }>;
+        "beta-color-fill-highlight": Readonly<{
+            value: "#3292e3ff";
+            ref: "beta-color-cobalt-400";
+        }>;
+        "beta-color-fill-highlight-hovered": Readonly<{
+            value: "#2589ddff";
+        }>;
+        "beta-color-fill-highlight-light": Readonly<{
+            value: "#3292e333";
+            ref: "beta-color-cobalt-400-20";
+        }>;
+        "beta-color-fill-highlight-light-hovered": Readonly<{
+            value: "#2589dd4d";
+        }>;
+        "beta-color-fill-highlight-lighter": Readonly<{
+            value: "#3292e31a";
+            ref: "beta-color-cobalt-400-10";
+        }>;
+        "beta-color-fill-highlight-lighter-hovered": Readonly<{
+            value: "#2589dd27";
+        }>;
+        "beta-color-fill-highlight-transparent": Readonly<{
+            value: "#3292e300";
+            ref: "beta-color-cobalt-400-0";
+        }>;
+        "beta-color-fill-highlight-transparent-hovered": Readonly<{
+            value: "#3292e31a";
+        }>;
+        "beta-color-fill-warning": Readonly<{
+            value: "#e67f2bff";
+            ref: "beta-color-orange-400";
+        }>;
+        "beta-color-fill-warning-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
+        "beta-color-fill-warning-light": Readonly<{
+            value: "#e67f2b33";
+            ref: "beta-color-orange-400-20";
+        }>;
+        "beta-color-fill-warning-light-hovered": Readonly<{
+            value: "#df751f4d";
+        }>;
+        "beta-color-fill-warning-lighter": Readonly<{
+            value: "#e67f2b1a";
+            ref: "beta-color-orange-400-10";
+        }>;
+        "beta-color-fill-warning-lighter-hovered": Readonly<{
+            value: "#df751f27";
+        }>;
+        "beta-color-fill-warning-transparent": Readonly<{
+            value: "#e67f2b00";
+            ref: "beta-color-orange-400-0";
+        }>;
+        "beta-color-fill-warning-transparent-hovered": Readonly<{
+            value: "#e67f2b1a";
+        }>;
+        "beta-color-fill-critical": Readonly<{
+            value: "#e1535dff";
+            ref: "beta-color-red-400";
+        }>;
+        "beta-color-fill-critical-hovered": Readonly<{
+            value: "#da444fff";
+        }>;
+        "beta-color-fill-critical-light": Readonly<{
+            value: "#e1535d33";
+            ref: "beta-color-red-400-20";
+        }>;
+        "beta-color-fill-critical-light-hovered": Readonly<{
+            value: "#da444f4d";
+        }>;
+        "beta-color-fill-critical-lighter": Readonly<{
+            value: "#e1535d1a";
+            ref: "beta-color-red-400-10";
+        }>;
+        "beta-color-fill-critical-lighter-hovered": Readonly<{
+            value: "#da444f27";
+        }>;
+        "beta-color-fill-critical-transparent": Readonly<{
+            value: "#e1535d00";
+            ref: "beta-color-red-400-0";
+        }>;
+        "beta-color-fill-critical-transparent-hovered": Readonly<{
+            value: "#e1535d1a";
+        }>;
+        "beta-color-fill-grey": Readonly<{
+            value: "#fbfbfbff";
+            ref: "beta-color-grey-50";
+        }>;
+        "beta-color-fill-grey-hovered": Readonly<{
+            value: "#e9e9e9ff";
+        }>;
+        "beta-color-fill-grey-heavy": Readonly<{
+            value: "#f7f7f8ff";
+            ref: "beta-color-grey-100";
+        }>;
+        "beta-color-fill-grey-heavy-hovered": Readonly<{
+            value: "#e5e5e8ff";
+        }>;
+        "beta-color-fill-grey-heavier": Readonly<{
+            value: "#efeff0ff";
+            ref: "beta-color-grey-200";
+        }>;
+        "beta-color-fill-grey-heavier-hovered": Readonly<{
+            value: "#dedee0ff";
+        }>;
+        "beta-color-fill-accent-blue": Readonly<{
+            value: "#6157ea1a";
+            ref: "beta-color-blue-400-10";
+        }>;
+        "beta-color-fill-accent-blue-hovered": Readonly<{
+            value: "#5146e427";
+        }>;
+        "beta-color-fill-accent-blue-heavy": Readonly<{
+            value: "#6157ea33";
+            ref: "beta-color-blue-400-20";
+        }>;
+        "beta-color-fill-accent-blue-heavy-hovered": Readonly<{
+            value: "#5146e44d";
+        }>;
+        "beta-color-fill-accent-blue-heavier": Readonly<{
+            value: "#6157eaff";
+            ref: "beta-color-blue-400";
+        }>;
+        "beta-color-fill-accent-blue-heavier-hovered": Readonly<{
+            value: "#5146e4ff";
+        }>;
+        "beta-color-fill-accent-blue-transparent": Readonly<{
+            value: "#6157ea00";
+            ref: "beta-color-blue-400-0";
+        }>;
+        "beta-color-fill-accent-blue-transparent-hovered": Readonly<{
+            value: "#6157ea1a";
+        }>;
+        "beta-color-fill-accent-cobalt": Readonly<{
+            value: "#3292e31a";
+            ref: "beta-color-cobalt-400-10";
+        }>;
+        "beta-color-fill-accent-cobalt-hovered": Readonly<{
+            value: "#2589dd27";
+        }>;
+        "beta-color-fill-accent-cobalt-heavy": Readonly<{
+            value: "#3292e333";
+            ref: "beta-color-cobalt-400-20";
+        }>;
+        "beta-color-fill-accent-cobalt-heavy-hovered": Readonly<{
+            value: "#2589dd4d";
+        }>;
+        "beta-color-fill-accent-cobalt-heavier": Readonly<{
+            value: "#3292e3ff";
+            ref: "beta-color-cobalt-400";
+        }>;
+        "beta-color-fill-accent-cobalt-heavier-hovered": Readonly<{
+            value: "#2589ddff";
+        }>;
+        "beta-color-fill-accent-cobalt-transparent": Readonly<{
+            value: "#3292e300";
+            ref: "beta-color-cobalt-400-0";
+        }>;
+        "beta-color-fill-accent-cobalt-transparent-hovered": Readonly<{
+            value: "#3292e31a";
+        }>;
+        "beta-color-fill-accent-green": Readonly<{
+            value: "#20ab551a";
+            ref: "beta-color-green-400-10";
+        }>;
+        "beta-color-fill-accent-green-hovered": Readonly<{
+            value: "#219c5027";
+        }>;
+        "beta-color-fill-accent-green-heavy": Readonly<{
+            value: "#20ab5533";
+            ref: "beta-color-green-400-20";
+        }>;
+        "beta-color-fill-accent-green-heavy-hovered": Readonly<{
+            value: "#219c504d";
+        }>;
+        "beta-color-fill-accent-green-heavier": Readonly<{
+            value: "#20ab55ff";
+            ref: "beta-color-green-400";
+        }>;
+        "beta-color-fill-accent-green-heavier-hovered": Readonly<{
+            value: "#219c50ff";
+        }>;
+        "beta-color-fill-accent-green-transparent": Readonly<{
+            value: "#20ab5500";
+            ref: "beta-color-green-400-0";
+        }>;
+        "beta-color-fill-accent-green-transparent-hovered": Readonly<{
+            value: "#20ab551a";
+        }>;
+        "beta-color-fill-accent-red": Readonly<{
+            value: "#e1535d1a";
+            ref: "beta-color-red-400-10";
+        }>;
+        "beta-color-fill-accent-red-hovered": Readonly<{
+            value: "#da444f27";
+        }>;
+        "beta-color-fill-accent-red-heavy": Readonly<{
+            value: "#e1535d33";
+            ref: "beta-color-red-400-20";
+        }>;
+        "beta-color-fill-accent-red-heavy-hovered": Readonly<{
+            value: "#da444f4d";
+        }>;
+        "beta-color-fill-accent-red-heavier": Readonly<{
+            value: "#e1535dff";
+            ref: "beta-color-red-400";
+        }>;
+        "beta-color-fill-accent-red-heavier-hovered": Readonly<{
+            value: "#da444fff";
+        }>;
+        "beta-color-fill-accent-red-transparent": Readonly<{
+            value: "#e1535d00";
+            ref: "beta-color-red-400-0";
+        }>;
+        "beta-color-fill-accent-red-transparent-hovered": Readonly<{
+            value: "#e1535d1a";
+        }>;
+        "beta-color-fill-accent-orange": Readonly<{
+            value: "#e67f2b1a";
+            ref: "beta-color-orange-400-10";
+        }>;
+        "beta-color-fill-accent-orange-hovered": Readonly<{
+            value: "#df751f27";
+        }>;
+        "beta-color-fill-accent-orange-heavy": Readonly<{
+            value: "#e67f2b33";
+            ref: "beta-color-orange-400-20";
+        }>;
+        "beta-color-fill-accent-orange-heavy-hovered": Readonly<{
+            value: "#df751f4d";
+        }>;
+        "beta-color-fill-accent-orange-heavier": Readonly<{
+            value: "#e67f2bff";
+            ref: "beta-color-orange-400";
+        }>;
+        "beta-color-fill-accent-orange-heavier-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
+        "beta-color-fill-accent-orange-transparent": Readonly<{
+            value: "#e67f2b00";
+            ref: "beta-color-orange-400-0";
+        }>;
+        "beta-color-fill-accent-orange-transparent-hovered": Readonly<{
+            value: "#e67f2b1a";
+        }>;
+        "beta-color-fill-accent-yellow": Readonly<{
+            value: "#edae0d1a";
+            ref: "beta-color-yellow-400-10";
+        }>;
+        "beta-color-fill-accent-yellow-hovered": Readonly<{
+            value: "#d9a01027";
+        }>;
+        "beta-color-fill-accent-yellow-heavy": Readonly<{
+            value: "#edae0d33";
+            ref: "beta-color-yellow-400-20";
+        }>;
+        "beta-color-fill-accent-yellow-heavy-hovered": Readonly<{
+            value: "#d9a0104d";
+        }>;
+        "beta-color-fill-accent-yellow-heavier": Readonly<{
+            value: "#edae0dff";
+            ref: "beta-color-yellow-400";
+        }>;
+        "beta-color-fill-accent-yellow-heavier-hovered": Readonly<{
+            value: "#d9a010ff";
+        }>;
+        "beta-color-fill-accent-yellow-transparent": Readonly<{
+            value: "#edae0d00";
+            ref: "beta-color-yellow-400-0";
+        }>;
+        "beta-color-fill-accent-yellow-transparent-hovered": Readonly<{
+            value: "#edae0d1a";
+        }>;
+        "beta-color-fill-accent-olive": Readonly<{
+            value: "#a9b1101a";
+            ref: "beta-color-olive-400-10";
+        }>;
+        "beta-color-fill-accent-olive-hovered": Readonly<{
+            value: "#9ba21227";
+        }>;
+        "beta-color-fill-accent-olive-heavy": Readonly<{
+            value: "#a9b11033";
+            ref: "beta-color-olive-400-20";
+        }>;
+        "beta-color-fill-accent-olive-heavy-hovered": Readonly<{
+            value: "#9ba2124d";
+        }>;
+        "beta-color-fill-accent-olive-heavier": Readonly<{
+            value: "#a9b110ff";
+            ref: "beta-color-olive-400";
+        }>;
+        "beta-color-fill-accent-olive-heavier-hovered": Readonly<{
+            value: "#9ba212ff";
+        }>;
+        "beta-color-fill-accent-olive-transparent": Readonly<{
+            value: "#a9b11000";
+            ref: "beta-color-olive-400-0";
+        }>;
+        "beta-color-fill-accent-olive-transparent-hovered": Readonly<{
+            value: "#a9b1101a";
+        }>;
+        "beta-color-fill-accent-teal": Readonly<{
+            value: "#09b2ac1a";
+            ref: "beta-color-teal-400-10";
+        }>;
+        "beta-color-fill-accent-teal-hovered": Readonly<{
+            value: "#08a5a027";
+        }>;
+        "beta-color-fill-accent-teal-heavy": Readonly<{
+            value: "#09b2ac33";
+            ref: "beta-color-teal-400-20";
+        }>;
+        "beta-color-fill-accent-teal-heavy-hovered": Readonly<{
+            value: "#08a5a04d";
+        }>;
+        "beta-color-fill-accent-teal-heavier": Readonly<{
+            value: "#09b2acff";
+            ref: "beta-color-teal-400";
+        }>;
+        "beta-color-fill-accent-teal-heavier-hovered": Readonly<{
+            value: "#08a5a0ff";
+        }>;
+        "beta-color-fill-accent-teal-transparent": Readonly<{
+            value: "#09b2ac00";
+            ref: "beta-color-teal-400-0";
+        }>;
+        "beta-color-fill-accent-teal-transparent-hovered": Readonly<{
+            value: "#09b2ac1a";
+        }>;
+        "beta-color-fill-accent-navy": Readonly<{
+            value: "#424fab1a";
+            ref: "beta-color-navy-400-10";
+        }>;
+        "beta-color-fill-accent-navy-hovered": Readonly<{
+            value: "#414c9c27";
+        }>;
+        "beta-color-fill-accent-navy-heavy": Readonly<{
+            value: "#424fab33";
+            ref: "beta-color-navy-400-20";
+        }>;
+        "beta-color-fill-accent-navy-heavy-hovered": Readonly<{
+            value: "#414c9c4d";
+        }>;
+        "beta-color-fill-accent-navy-heavier": Readonly<{
+            value: "#424fabff";
+            ref: "beta-color-navy-400";
+        }>;
+        "beta-color-fill-accent-navy-heavier-hovered": Readonly<{
+            value: "#414c9cff";
+        }>;
+        "beta-color-fill-accent-navy-transparent": Readonly<{
+            value: "#424fab00";
+            ref: "beta-color-navy-400-0";
+        }>;
+        "beta-color-fill-accent-navy-transparent-hovered": Readonly<{
+            value: "#424fab1a";
+        }>;
+        "beta-color-fill-accent-purple": Readonly<{
+            value: "#8e57e71a";
+            ref: "beta-color-purple-400-10";
+        }>;
+        "beta-color-fill-accent-purple-hovered": Readonly<{
+            value: "#8247e127";
+        }>;
+        "beta-color-fill-accent-purple-heavy": Readonly<{
+            value: "#8e57e733";
+            ref: "beta-color-purple-400-20";
+        }>;
+        "beta-color-fill-accent-purple-heavy-hovered": Readonly<{
+            value: "#8247e14d";
+        }>;
+        "beta-color-fill-accent-purple-heavier": Readonly<{
+            value: "#8e57e7ff";
+            ref: "beta-color-purple-400";
+        }>;
+        "beta-color-fill-accent-purple-heavier-hovered": Readonly<{
+            value: "#8247e1ff";
+        }>;
+        "beta-color-fill-accent-purple-transparent": Readonly<{
+            value: "#8e57e700";
+            ref: "beta-color-purple-400-0";
+        }>;
+        "beta-color-fill-accent-purple-transparent-hovered": Readonly<{
+            value: "#8e57e71a";
+        }>;
+        "beta-color-fill-accent-pink": Readonly<{
+            value: "#d64bb51a";
+            ref: "beta-color-pink-400-10";
+        }>;
+        "beta-color-fill-accent-pink-hovered": Readonly<{
+            value: "#cf3eac27";
+        }>;
+        "beta-color-fill-accent-pink-heavy": Readonly<{
+            value: "#d64bb533";
+            ref: "beta-color-pink-400-20";
+        }>;
+        "beta-color-fill-accent-pink-heavy-hovered": Readonly<{
+            value: "#cf3eac4d";
+        }>;
+        "beta-color-fill-accent-pink-heavier": Readonly<{
+            value: "#d64bb5ff";
+            ref: "beta-color-pink-400";
+        }>;
+        "beta-color-fill-accent-pink-heavier-hovered": Readonly<{
+            value: "#cf3eacff";
+        }>;
+        "beta-color-fill-accent-pink-transparent": Readonly<{
+            value: "#d64bb500";
+            ref: "beta-color-pink-400-0";
+        }>;
+        "beta-color-fill-accent-pink-transparent-hovered": Readonly<{
+            value: "#d64bb51a";
+        }>;
+        "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: "#1c1c1cff";
+        }>;
+        "beta-color-fill-absolute-black-light": Readonly<{
+            value: "#00000033";
+            ref: "beta-color-black-20";
+        }>;
+        "beta-color-fill-absolute-black-light-hovered": Readonly<{
+            value: "#1c1c1c4d";
+        }>;
+        "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: "#00000014";
+            ref: "beta-color-black-8";
+        }>;
+        "beta-color-border-neutral-hovered": Readonly<{
+            value: "#1c1c1c1e";
+        }>;
+        "beta-color-border-neutral-heavy": Readonly<{
+            value: "#00000026";
+            ref: "beta-color-black-15";
+        }>;
+        "beta-color-border-neutral-heavy-hovered": Readonly<{
+            value: "#1c1c1c39";
+        }>;
+        "beta-color-border-neutral-heavier": Readonly<{
+            value: "#00000066";
+            ref: "beta-color-black-40";
+        }>;
+        "beta-color-border-neutral-heavier-hovered": Readonly<{
+            value: "#1c1c1c66";
+        }>;
+        "beta-color-border-detach": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-border-detach-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-border-detach-highest": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-border-detach-highest-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-border-detach-higher": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-border-detach-higher-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-border-detach-high": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-border-detach-high-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-border-detach-low": Readonly<{
+            value: "#fbfbfbff";
+            ref: "beta-color-grey-50";
+        }>;
+        "beta-color-border-detach-low-hovered": Readonly<{
+            value: "#e9e9e9ff";
+        }>;
+        "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: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-surface-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-surface-highest": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-surface-highest-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-surface-higher": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-surface-higher-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-surface-high": Readonly<{
+            value: "#ffffffff";
+            ref: "beta-color-white-100";
+        }>;
+        "beta-color-surface-high-hovered": Readonly<{
+            value: "#edededff";
+        }>;
+        "beta-color-surface-low": Readonly<{
+            value: "#fbfbfbff";
+            ref: "beta-color-grey-50";
+        }>;
+        "beta-color-surface-low-hovered": Readonly<{
+            value: "#e9e9e9ff";
+        }>;
+        "beta-color-surface-glass": Readonly<{
+            value: "#ffffffe6";
+            ref: "beta-color-white-90";
+        }>;
+        "beta-color-surface-glass-hovered": Readonly<{
+            value: "#ededede6";
+        }>;
+        "beta-color-surface-glass-highest": Readonly<{
+            value: "#efeff0e6";
+            ref: "beta-color-grey-200-90";
+        }>;
+        "beta-color-surface-glass-highest-hovered": Readonly<{
+            value: "#dedee0e6";
+        }>;
+        "beta-color-surface-glass-higher": Readonly<{
+            value: "#f7f7f8e6";
+            ref: "beta-color-grey-100-90";
+        }>;
+        "beta-color-surface-glass-higher-hovered": Readonly<{
+            value: "#e5e5e8e6";
+        }>;
+        "beta-color-surface-glass-high": Readonly<{
+            value: "#ffffffe6";
+            ref: "beta-color-white-90";
+        }>;
+        "beta-color-surface-glass-high-hovered": Readonly<{
+            value: "#ededede6";
+        }>;
+        "beta-color-surface-accent-blue": Readonly<{
+            value: "#6157eaff";
+            ref: "beta-color-blue-400";
+        }>;
+        "beta-color-surface-accent-blue-hovered": Readonly<{
+            value: "#5146e4ff";
+        }>;
+        "beta-color-surface-accent-cobalt": Readonly<{
+            value: "#3292e3ff";
+            ref: "beta-color-cobalt-400";
+        }>;
+        "beta-color-surface-accent-cobalt-hovered": Readonly<{
+            value: "#2589ddff";
+        }>;
+        "beta-color-surface-accent-green": Readonly<{
+            value: "#20ab55ff";
+            ref: "beta-color-green-400";
+        }>;
+        "beta-color-surface-accent-green-hovered": Readonly<{
+            value: "#219c50ff";
+        }>;
+        "beta-color-surface-accent-red": Readonly<{
+            value: "#e1535dff";
+            ref: "beta-color-red-400";
+        }>;
+        "beta-color-surface-accent-red-hovered": Readonly<{
+            value: "#da444fff";
+        }>;
+        "beta-color-surface-accent-orange": Readonly<{
+            value: "#e67f2bff";
+            ref: "beta-color-orange-400";
+        }>;
+        "beta-color-surface-accent-orange-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
+        "beta-color-surface-accent-yellow": Readonly<{
+            value: "#edae0dff";
+            ref: "beta-color-yellow-400";
+        }>;
+        "beta-color-surface-accent-yellow-hovered": Readonly<{
+            value: "#d9a010ff";
+        }>;
+        "beta-color-surface-accent-olive": Readonly<{
+            value: "#a9b110ff";
+            ref: "beta-color-olive-400";
+        }>;
+        "beta-color-surface-accent-olive-hovered": Readonly<{
+            value: "#9ba212ff";
+        }>;
+        "beta-color-surface-accent-teal": Readonly<{
+            value: "#09b2acff";
+            ref: "beta-color-teal-400";
+        }>;
+        "beta-color-surface-accent-teal-hovered": Readonly<{
+            value: "#08a5a0ff";
+        }>;
+        "beta-color-surface-accent-navy": Readonly<{
+            value: "#424fabff";
+            ref: "beta-color-navy-400";
+        }>;
+        "beta-color-surface-accent-navy-hovered": Readonly<{
+            value: "#414c9cff";
+        }>;
+        "beta-color-surface-accent-purple": Readonly<{
+            value: "#8e57e7ff";
+            ref: "beta-color-purple-400";
+        }>;
+        "beta-color-surface-accent-purple-hovered": Readonly<{
+            value: "#8247e1ff";
+        }>;
+        "beta-color-surface-accent-pink": Readonly<{
+            value: "#d64bb5ff";
+            ref: "beta-color-pink-400";
+        }>;
+        "beta-color-surface-accent-pink-hovered": Readonly<{
+            value: "#cf3eacff";
+        }>;
+        "beta-color-dim-absolute-black": Readonly<{
+            value: "#00000066";
+            ref: "beta-color-black-40";
+        }>;
+        "beta-color-dim-absolute-black-hovered": Readonly<{
+            value: "#1c1c1c66";
+        }>;
+        "beta-color-dim-absolute-black-heavy": Readonly<{
+            value: "#00000099";
+            ref: "beta-color-black-60";
+        }>;
+        "beta-color-dim-absolute-black-heavy-hovered": Readonly<{
+            value: "#1c1c1c99";
+        }>;
+        "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: "#219c50ff";
+        }>;
+        "beta-color-gradient-green-heavy": Readonly<{
+            value: "#4bc16cff";
+            ref: "beta-color-green-300";
+        }>;
+        "beta-color-gradient-green-heavy-hovered": Readonly<{
+            value: "#44b663ff";
+        }>;
+        "beta-color-state-default": Readonly<{
+            value: "#00000026";
+            ref: "beta-color-black-15";
+        }>;
+        "beta-color-state-default-hovered": Readonly<{
+            value: "#1c1c1c39";
+        }>;
+        "beta-color-state-action": Readonly<{
+            value: "#6157eaff";
+            ref: "beta-color-blue-400";
+        }>;
+        "beta-color-state-action-hovered": Readonly<{
+            value: "#5146e4ff";
+        }>;
+        "beta-color-state-action-light": Readonly<{
+            value: "#6157ea4d";
+            ref: "beta-color-blue-400-30";
+        }>;
+        "beta-color-state-action-light-hovered": Readonly<{
+            value: "#5146e44d";
+        }>;
+        "beta-color-state-warning": Readonly<{
+            value: "#e67f2bff";
+            ref: "beta-color-orange-400";
+        }>;
+        "beta-color-state-warning-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
+        "beta-color-state-warning-light": Readonly<{
+            value: "#e67f2b4d";
+            ref: "beta-color-orange-400-30";
+        }>;
+        "beta-color-state-warning-light-hovered": Readonly<{
+            value: "#df751f4d";
+        }>;
+        "beta-color-elevation-xlarge": Readonly<{
+            value: "#0000004d";
+            ref: "beta-color-black-30";
+        }>;
+        "beta-color-elevation-xlarge-hovered": Readonly<{
+            value: "#1c1c1c4d";
+        }>;
+        "beta-color-elevation-large": Readonly<{
+            value: "#00000038";
+            ref: "beta-color-black-22";
+        }>;
+        "beta-color-elevation-large-hovered": Readonly<{
+            value: "#1c1c1c38";
+        }>;
+        "beta-color-elevation-medium": Readonly<{
+            value: "#00000026";
+            ref: "beta-color-black-15";
+        }>;
+        "beta-color-elevation-medium-hovered": Readonly<{
+            value: "#1c1c1c39";
+        }>;
+        "beta-color-elevation-small": Readonly<{
+            value: "#00000014";
+            ref: "beta-color-black-8";
+        }>;
+        "beta-color-elevation-small-hovered": Readonly<{
+            value: "#1c1c1c1e";
+        }>;
+        "beta-color-elevation-base": Readonly<{
+            value: "#0000000d";
+            ref: "beta-color-black-5";
+        }>;
+        "beta-color-elevation-base-hovered": Readonly<{
+            value: "#1c1c1c14";
+        }>;
+        "beta-color-elevation-base-inner": Readonly<{
+            value: "#ffffff1f";
+            ref: "beta-color-white-12";
+        }>;
+        "beta-color-elevation-base-inner-hovered": Readonly<{
+            value: "#ededed2f";
+        }>;
+    }>;
+}>;
+export = _exports;
+//# sourceMappingURL=lightTheme.d.ts.map