impact-ui 5.0.1-alpha.2 → 5.0.1-beta.2

package/dist/styles/tokens/effects.generated.js

@@ -0,0 +1,80 @@
+const EFFECT_SHADOWS = {
+  "overlay-navy-alpha-16": "0 8px 32px 0 rgba(16, 30, 54, 0.16)",
+  "elevation-16-soft": "0px 0px 16px 2px rgba(0, 0, 0, 0.06)",
+  "drop-4": "0px 0px 4px 0px rgba(0, 0, 0, 0.12)",
+  "save-view-tint": "0px 0px 0px 0px #1a277c24",
+  "header-bar-elevation": "0px 0px 16px 2px rgba(0, 0, 0, 0.06)",
+  "header-dropdown-elevated": "0px 4px 16px rgba(0, 0, 0, 0.16)",
+  "dynamic-layout-card": "0px 0px 4px 0px rgba(171, 171, 171, 0.25)"
+};
+const EFFECT_GRADIENTS = {
+  "header-smart-bot-main": "linear-gradient(-45deg, #2ac2aa, #6666ef, #f26922, #8863c0, #0f1937)",
+  "header-smart-bot-border": "linear-gradient(167deg, #2ac2ee, #6962ef, #f26921)",
+  "header-smart-bot-hover": "linear-gradient(-45deg, #2ac2ee, #6962ef, #f26921)",
+  "homepage-toolkit-section": "color-mix(in srgb, var(--iu-legacy-homepage-toolkit-bg) calc(100% * 229 / 255), transparent)",
+  "homepage-toolkit-section-dark": "color-mix(in srgb, var(--iu-bg-primary-subtle) calc(100% * 229 / 255), transparent)",
+  "homepage-hero-radial": "radial-gradient(65.75% 64.76% at 57.88% 39.21%, color-mix(in srgb, var(--iu-bg-surface-layer-bg) 75%, transparent) 67.79%, transparent 100%)",
+  "homepage-new-product-ribbon": "linear-gradient(90deg, color-mix(in srgb, var(--iu-bg-warning) 30%, transparent) 2.15%, color-mix(in srgb, var(--iu-bg-warning-subtle) 88%, var(--iu-bg-surface-layer-bg)) 100%)",
+  "homepage-release-status-ribbon": "linear-gradient(90deg, color-mix(in srgb, var(--iu-bg-primary-lighter) 45%, transparent) 2.15%, color-mix(in srgb, var(--iu-primitive-color-purple-500) 38%, var(--iu-bg-primary-subtle)) 96.7%)",
+  "homepage-client-logo-border": "linear-gradient(93.56deg, color-mix(in srgb, var(--iu-primitive-color-purple-500) 52%, var(--iu-bg-error-lighter)) 22.01%, color-mix(in srgb, var(--iu-bg-primary-lighter) 72%, var(--iu-bg-primary-subtle)) 78.02%)",
+  "homepage-smart-pf-panel": "linear-gradient(180deg, color-mix(in srgb, var(--iu-bg-primary-subtle) 35%, transparent) 0%, color-mix(in srgb, var(--iu-bg-surface-layer-bg) 60%, transparent) 100%)",
+  "homepage-smart-pf-title-text": "linear-gradient(90deg, var(--iu-bg-primary-lighter) 0%, var(--iu-on-surface-title) 50%, var(--iu-bg-primary-lighter) 100%)",
+  "homepage-ia-card-border": "linear-gradient(180deg, color-mix(in srgb, var(--iu-primitive-color-cyan-500) 90%, transparent) 0%, color-mix(in srgb, var(--iu-legacy-homepage-accent) 90%, transparent) 100%)",
+  "homepage-agent-studio-title-text": "linear-gradient(90deg, var(--iu-bg-warning) 0%, var(--iu-legacy-homepage-accent) 100%)",
+  "homepage-agentic-hover-scrim": "linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--iu-bg-surface-overlay-bg) 59%, transparent) 100%)",
+  "chatbot-user-message": "linear-gradient(91deg, color-mix(in srgb, var(--iu-bg-primary-subtle) 40%, transparent) 0.67%, color-mix(in srgb, var(--iu-bg-primary-lighter) 32%, transparent) 56.16%, color-mix(in srgb, var(--iu-bg-error-subtle) 27%, transparent) 111.65%)",
+  "chatbot-sidebar-panel": "linear-gradient(180deg, color-mix(in srgb, var(--iu-bg-surface-lighter) 60%, transparent) 0%, color-mix(in srgb, var(--iu-bg-primary-subtle) 44%, transparent) 50%, color-mix(in srgb, var(--iu-bg-error-subtle) 25%, transparent) 100%)",
+  "chatbot-sidebar-rail-border": "linear-gradient(180deg, var(--iu-bg-primary-lighter) 0%, var(--iu-bg-primary-subtle) 61%, color-mix(in srgb, var(--iu-bg-warning-lighter) 70%, transparent) 100%)",
+  "chatbot-welcome-username": "linear-gradient(82deg, var(--iu-bg-warning) 10.92%, var(--iu-primitive-color-purple-500) 81.37%)",
+  "chatbot-tab-bar": "linear-gradient(91deg, var(--iu-bg-primary-subtle) 54.01%, transparent 107.24%)",
+  "chatbot-suggestion-banner-border": "linear-gradient(90deg, var(--iu-bg-primary-lighter) 0%, color-mix(in srgb, var(--iu-bg-primary-subtle) 20%, transparent) 100%)",
+  "theming-panel-body": "linear-gradient(134deg, var(--iu-bg-surface-layer-bg) 70.9%, var(--iu-bg-primary) 158.76%)"
+};
+const EFFECT_COLOR_MIX_CSS = {
+  "primary-alpha-10": "color-mix(in srgb, var(--iu-bg-primary) 10%, transparent)",
+  "primary-alpha-15": "color-mix(in srgb, var(--iu-bg-primary) 15%, transparent)",
+  "primary-alpha-20": "color-mix(in srgb, var(--iu-bg-primary) 20%, transparent)",
+  "primary-alpha-30": "color-mix(in srgb, var(--iu-bg-primary) 30%, transparent)",
+  "primary-alpha-40": "color-mix(in srgb, var(--iu-bg-primary) 40%, transparent)",
+  "primary-alpha-50": "color-mix(in srgb, var(--iu-bg-primary) 50%, transparent)",
+  "primary-alpha-60": "color-mix(in srgb, var(--iu-bg-primary) 60%, transparent)",
+  "primary-darken-5": "color-mix(in srgb, var(--iu-bg-primary) 95%, black)",
+  "error-alpha-10": "color-mix(in srgb, var(--iu-bg-error) 10%, transparent)",
+  "modal-backdrop-80": "color-mix(in srgb, var(--iu-bg-surface-overlay-bg) 80%, transparent)"
+};
+const EFFECT_THEMED_MIX = {
+  light: {
+    "primary-alpha-10": "rgba(66, 89, 238, 0.1)",
+    "primary-alpha-15": "rgba(66, 89, 238, 0.15)",
+    "primary-alpha-20": "rgba(66, 89, 238, 0.2)",
+    "primary-alpha-30": "rgba(66, 89, 238, 0.3)",
+    "primary-alpha-40": "rgba(66, 89, 238, 0.4)",
+    "primary-alpha-50": "rgba(66, 89, 238, 0.5)",
+    "primary-alpha-60": "rgba(66, 89, 238, 0.6)",
+    "primary-darken-5": "#3f55e2",
+    "error-alpha-10": "rgba(225, 85, 84, 0.1)",
+    "modal-backdrop-80": "rgba(13, 21, 44, 0.8)"
+  },
+  dark: {
+    "primary-alpha-10": "rgba(66, 89, 238, 0.1)",
+    "primary-alpha-15": "rgba(66, 89, 238, 0.15)",
+    "primary-alpha-20": "rgba(66, 89, 238, 0.2)",
+    "primary-alpha-30": "rgba(66, 89, 238, 0.3)",
+    "primary-alpha-40": "rgba(66, 89, 238, 0.4)",
+    "primary-alpha-50": "rgba(66, 89, 238, 0.5)",
+    "primary-alpha-60": "rgba(66, 89, 238, 0.6)",
+    "primary-darken-5": "#3f55e2",
+    "error-alpha-10": "rgba(225, 85, 84, 0.1)",
+    "modal-backdrop-80": "rgba(6, 7, 20, 0.8)"
+  }
+};
+function getEffectThemedMix(mode, name) {
+  return EFFECT_THEMED_MIX[mode][name] ?? "";
+}
+export {
+  EFFECT_COLOR_MIX_CSS,
+  EFFECT_GRADIENTS,
+  EFFECT_SHADOWS,
+  EFFECT_THEMED_MIX,
+  getEffectThemedMix
+};

package/dist/styles/tokens/tokens.generated.d.ts

@@ -0,0 +1,428 @@
+/**
+ * Design tokens for impact-ui consumers.
+ *
+ * CSS / SCSS (preferred): semantic vars `var(--iu-{name})` — theme-aware; :root = light;
+ * set `data-iu-theme="dark"` on `<html>` for dark. Import `impact-ui/styles`.
+ *
+ * JS (MUI sx, Highcharts, canvas): `COLOR_TOKENS[mode][name]` with mode `'light' | 'dark'`.
+ * Default to `'light'` when the app has no theme toggle.
+ *
+ * Primitives (`PRIMITIVE_COLOR_TOKENS`, `var(--iu-primitive-…)`): raw Figma palette only —
+ * use for charts/maps or internal tooling, not for everyday product UI (use semantics instead).
+ */
+export declare const IU_THEME_ATTR: "data-iu-theme";
+/** Resolved semantic colors (hex) for MUI / Highcharts — follows Figma alias chain at build time. */
+export declare const COLOR_TOKENS: {
+    readonly light: {
+        readonly 'action-primary-icon': "#3649C6";
+        readonly 'action-primary-text': "#4259EE";
+        readonly 'badge-error-bg-default': "#E15554";
+        readonly 'badge-error-bg-default-filled': "#ED9998";
+        readonly 'badge-error-bg-lighter': "#FCEEEE";
+        readonly 'badge-error-bg-subtle': "#FCEEEE";
+        readonly 'badge-error-on-default': "#C64746";
+        readonly 'badge-error-on-subtle': "#F6CCCC";
+        readonly 'badge-information-bg-default': "#4259EE";
+        readonly 'badge-information-bg-lighter': "#ECEEFD";
+        readonly 'badge-information-bg-subtle': "#EFF2FA";
+        readonly 'badge-information-on-default': "#4259EE";
+        readonly 'badge-information-on-lighter': "#B3BDF8";
+        readonly 'badge-neutral-bg-default': "#60697D";
+        readonly 'badge-neutral-bg-subtle': "#F2F4FA";
+        readonly 'badge-neutral-on-default': "#60697D";
+        readonly 'badge-neutral-on-subtle': "#C3C8D4";
+        readonly 'badge-success-bg-default': "#26734B";
+        readonly 'badge-success-bg-lighter': "#EBF7F1";
+        readonly 'badge-success-bg-subtle': "#EBF7F1";
+        readonly 'badge-success-on-default': "#26734B";
+        readonly 'badge-success-on-subtle': "#C4E8D5";
+        readonly 'badge-warnings-bg-default': "#FFE770";
+        readonly 'badge-warnings-bg-lighter': "#FFF7D1";
+        readonly 'badge-warnings-bg-subtle': "#FFFBE5";
+        readonly 'badge-warnings-on-default': "#7A6615";
+        readonly 'badge-warnings-on-subtle': "#FFE770";
+        readonly 'bg-disabled-1': "#F8F9FB";
+        readonly 'bg-disabled-2': "#C3C8D4";
+        readonly 'bg-disabled-cell': "#FAFAFA";
+        readonly 'bg-error': "#E15554";
+        readonly 'bg-error-darker': "#AB3939";
+        readonly 'bg-error-lighter': "#F6CCCC";
+        readonly 'bg-error-subtle': "#FCEEEE";
+        readonly 'bg-info': "#4259EE";
+        readonly 'bg-info-darker': "#3649C6";
+        readonly 'bg-info-darkest': "#29399F";
+        readonly 'bg-info-lighter': "#B3BDF8";
+        readonly 'bg-info-subtle': "#ECEEFD";
+        readonly 'bg-primary': "#4259EE";
+        readonly 'bg-primary-darker': "#3649C6";
+        readonly 'bg-primary-darkest': "#29399F";
+        readonly 'bg-primary-lighter': "#B3BDF8";
+        readonly 'bg-primary-subtle': "#ECEEFD";
+        readonly 'bg-success': "#3BB273";
+        readonly 'bg-success-darker': "#26734B";
+        readonly 'bg-success-lighter': "#C4E8D5";
+        readonly 'bg-success-subtle': "#EBF7F1";
+        readonly 'bg-surface': "#7A8294";
+        readonly 'bg-surface-body-bg': "#EFF2FA";
+        readonly 'bg-surface-layer-bg': "#FFFFFF";
+        readonly 'bg-surface-lighter': "#F5F6FA";
+        readonly 'bg-surface-lightest': "#F2F4FA";
+        readonly 'bg-surface-overlay-bg': "#0D152C";
+        readonly 'bg-surface-subtle': "#D9DDE7";
+        readonly 'bg-warning': "#E1BC29";
+        readonly 'bg-warning-darker': "#9D831C";
+        readonly 'bg-warning-lighter': "#F6EBBF";
+        readonly 'bg-warning-subtle': "#FCF8EA";
+        readonly 'border-default': "#D9DDE7";
+        readonly 'border-default-darker': "#7A8294";
+        readonly 'border-default-subtle': "#F5F6FA";
+        readonly 'border-disabled': "#D9DDE7";
+        readonly 'border-error': "#E15554";
+        readonly 'border-error-darker': "#AB3939";
+        readonly 'border-error-lighter': "#F6CCCC";
+        readonly 'border-error-subtle': "#FCEEEE";
+        readonly 'border-info': "#4259EE";
+        readonly 'border-info-darker': "#3649C6";
+        readonly 'border-info-lighter': "#B3BDF8";
+        readonly 'border-info-subtle': "#ECEEFD";
+        readonly 'border-primary': "#4259EE";
+        readonly 'border-primary-darker': "#3649C6";
+        readonly 'border-primary-lighter': "#B3BDF8";
+        readonly 'border-primary-subtle': "#ECEEFD";
+        readonly 'border-success': "#3BB273";
+        readonly 'border-success-darker': "#26734B";
+        readonly 'border-success-lighter': "#C4E8D5";
+        readonly 'border-success-subtle': "#EBF7F1";
+        readonly 'border-warning': "#E1BC29";
+        readonly 'border-warning-darker': "#9D831C";
+        readonly 'border-warning-lighter': "#F6EBBF";
+        readonly 'border-warning-subtle': "#FCF8EA";
+        readonly 'on-disabled': "#B4BAC7";
+        readonly 'on-disabled-icon-1': "#D9DDE7";
+        readonly 'on-disabled-icon-2': "#B4BAC7";
+        readonly 'on-disabled-placeholder': "#D9DDE7";
+        readonly 'on-error-icon': "#AB3939";
+        readonly 'on-error-text': "#AB3939";
+        readonly 'on-info-icon': "#3649C6";
+        readonly 'on-info-text': "#3649C6";
+        readonly 'on-primary-icon': "#FFFFFF";
+        readonly 'on-primary-text': "#FFFFFF";
+        readonly 'on-success-icon': "#26734B";
+        readonly 'on-success-text': "#26734B";
+        readonly 'on-surface-body': "#1F2B4D";
+        readonly 'on-surface-caption': "#7A8294";
+        readonly 'on-surface-icon': "#60697D";
+        readonly 'on-surface-label': "#60697D";
+        readonly 'on-surface-placeholder-text': "#B4BAC7";
+        readonly 'on-surface-subtitle': "#31416E";
+        readonly 'on-surface-title': "#0D152C";
+        readonly 'on-warning-icon': "#9D831C";
+        readonly 'on-warning-text': "#52430B";
+        readonly 'select-options-bg': "#FFFFFF";
+        readonly 'agentic-usecase-card-accent-tint': "#ECEEFD";
+        readonly 'agentic-usecase-card-sky-tint': "#E9F7FC";
+        readonly 'agentic-usecase-card-slate-tint': "#6682D2";
+        readonly 'agentic-usecase-card-success-tint': "#EBF7F1";
+        readonly 'agentic-usecase-card-warm-tint': "#FCF8EA";
+        readonly 'file-upload-inner-border': "#B3BDF8";
+        readonly 'filter-panel-tab-active-bg': "#ECEEFD";
+        readonly 'notification-read-read-bg': "#F8F9FB";
+        readonly 'notification-read-read-card-bg': "#F8F9FB";
+    };
+    readonly dark: {
+        readonly 'action-primary-icon': "#4259EE";
+        readonly 'action-primary-text': "#4259EE";
+        readonly 'badge-error-bg-default': "#ED9998";
+        readonly 'badge-error-bg-default-filled': "#AB3939";
+        readonly 'badge-error-bg-lighter': "#631B1B";
+        readonly 'badge-error-bg-subtle': "#3B0E0E";
+        readonly 'badge-error-on-default': "#F6CCCC";
+        readonly 'badge-error-on-subtle': "#F6CCCC";
+        readonly 'badge-information-bg-default': "#687AF1";
+        readonly 'badge-information-bg-lighter': "#121A52";
+        readonly 'badge-information-bg-subtle': "#0A0E30";
+        readonly 'badge-information-on-default': "#B3BDF8";
+        readonly 'badge-information-on-lighter': "#ECEEFD";
+        readonly 'badge-neutral-bg-default': "#D9DDE7";
+        readonly 'badge-neutral-bg-subtle': "#1F2332";
+        readonly 'badge-neutral-on-default': "#F8F9FB";
+        readonly 'badge-neutral-on-subtle': "#C3C8D4";
+        readonly 'badge-success-bg-default': "#89D1AB";
+        readonly 'badge-success-bg-lighter': "#103822";
+        readonly 'badge-success-bg-subtle': "#071E10";
+        readonly 'badge-success-on-default': "#C4E8D5";
+        readonly 'badge-success-on-subtle': "#C4E8D5";
+        readonly 'badge-warnings-bg-default': "#FFEF9E";
+        readonly 'badge-warnings-bg-lighter': "#52430B";
+        readonly 'badge-warnings-bg-subtle': "#2B2304";
+        readonly 'badge-warnings-on-default': "#F6EBBF";
+        readonly 'badge-warnings-on-subtle': "#F6EBBF";
+        readonly 'bg-disabled-1': "#1F2332";
+        readonly 'bg-disabled-2': "#404B62";
+        readonly 'bg-disabled-cell': "#262D3D";
+        readonly 'bg-error': "#E15554";
+        readonly 'bg-error-darker': "#ED9998";
+        readonly 'bg-error-lighter': "#631B1B";
+        readonly 'bg-error-subtle': "#3B0E0E";
+        readonly 'bg-info': "#4259EE";
+        readonly 'bg-info-darker': "#687AF1";
+        readonly 'bg-info-darkest': "#B3BDF8";
+        readonly 'bg-info-lighter': "#121A52";
+        readonly 'bg-info-subtle': "#0A0E30";
+        readonly 'bg-primary': "#4259EE";
+        readonly 'bg-primary-darker': "#687AF1";
+        readonly 'bg-primary-darkest': "#687AF1";
+        readonly 'bg-primary-lighter': "#121A52";
+        readonly 'bg-primary-subtle': "#1F2332";
+        readonly 'bg-success': "#3BB273";
+        readonly 'bg-success-darker': "#89D1AB";
+        readonly 'bg-success-lighter': "#103822";
+        readonly 'bg-success-subtle': "#071E10";
+        readonly 'bg-surface': "#B4BAC7";
+        readonly 'bg-surface-body-bg': "#060714";
+        readonly 'bg-surface-layer-bg': "#121521";
+        readonly 'bg-surface-lighter': "#404B62";
+        readonly 'bg-surface-lightest': "#1F2332";
+        readonly 'bg-surface-overlay-bg': "#060714";
+        readonly 'bg-surface-subtle': "#60697D";
+        readonly 'bg-warning': "#E1BC29";
+        readonly 'bg-warning-darker': "#EDD77F";
+        readonly 'bg-warning-lighter': "#52430B";
+        readonly 'bg-warning-subtle': "#2B2304";
+        readonly 'border-default': "#404B62";
+        readonly 'border-default-darker': "#7A8294";
+        readonly 'border-default-subtle': "#262D3D";
+        readonly 'border-disabled': "#404B62";
+        readonly 'border-error': "#E15554";
+        readonly 'border-error-darker': "#ED9998";
+        readonly 'border-error-lighter': "#631B1B";
+        readonly 'border-error-subtle': "#3B0E0E";
+        readonly 'border-info': "#4259EE";
+        readonly 'border-info-darker': "#687AF1";
+        readonly 'border-info-lighter': "#121A52";
+        readonly 'border-info-subtle': "#0A0E30";
+        readonly 'border-primary': "#4259EE";
+        readonly 'border-primary-darker': "#687AF1";
+        readonly 'border-primary-lighter': "#121A52";
+        readonly 'border-primary-subtle': "#0A0E30";
+        readonly 'border-success': "#3BB273";
+        readonly 'border-success-darker': "#89D1AB";
+        readonly 'border-success-lighter': "#103822";
+        readonly 'border-success-subtle': "#071E10";
+        readonly 'border-warning': "#E1BC29";
+        readonly 'border-warning-darker': "#EDD77F";
+        readonly 'border-warning-lighter': "#52430B";
+        readonly 'border-warning-subtle': "#2B2304";
+        readonly 'on-disabled': "#60697D";
+        readonly 'on-disabled-icon-1': "#60697D";
+        readonly 'on-disabled-icon-2': "#404B62";
+        readonly 'on-disabled-placeholder': "#60697D";
+        readonly 'on-error-icon': "#F6CCCC";
+        readonly 'on-error-text': "#F6CCCC";
+        readonly 'on-info-icon': "#4259EE";
+        readonly 'on-info-text': "#4259EE";
+        readonly 'on-primary-icon': "#F8F9FB";
+        readonly 'on-primary-text': "#F8F9FB";
+        readonly 'on-success-icon': "#C4E8D5";
+        readonly 'on-success-text': "#C4E8D5";
+        readonly 'on-surface-body': "#D9DDE7";
+        readonly 'on-surface-caption': "#EFF2FA";
+        readonly 'on-surface-icon': "#C3C8D4";
+        readonly 'on-surface-label': "#B4BAC7";
+        readonly 'on-surface-placeholder-text': "#60697D";
+        readonly 'on-surface-subtitle': "#F2F4FA";
+        readonly 'on-surface-title': "#FAFAFA";
+        readonly 'on-warning-icon': "#F6EBBF";
+        readonly 'on-warning-text': "#52430B";
+        readonly 'select-options-bg': "#262D3D";
+        readonly 'agentic-usecase-card-accent-tint': "#1F2332";
+        readonly 'agentic-usecase-card-sky-tint': "#E9F7FC";
+        readonly 'agentic-usecase-card-slate-tint': "#6682D2";
+        readonly 'agentic-usecase-card-success-tint': "#071E10";
+        readonly 'agentic-usecase-card-warm-tint': "#2B2304";
+        readonly 'file-upload-inner-border': "#121A52";
+        readonly 'filter-panel-tab-active-bg': "#1F2332";
+        readonly 'notification-read-read-bg': "#1F2332";
+        readonly 'notification-read-read-card-bg': "#1F233280";
+    };
+};
+/** Global primitive palette from Global.tokens.json (Figma Color/*). */
+export declare const PRIMITIVE_COLOR_TOKENS: {
+    readonly 'color-beaver-100': "#F6F5F3";
+    readonly 'color-beaver-200': "#EEEAE7";
+    readonly 'color-beaver-300': "#DED5D0";
+    readonly 'color-beaver-400': "#CEC3BB";
+    readonly 'color-beaver-500': "#BCAFA3";
+    readonly 'color-beaver-600': "#AC9A8C";
+    readonly 'color-beaver-700': "#917A69";
+    readonly 'color-blue-01-100': "#ECEEFD";
+    readonly 'color-blue-01-200': "#B3BDF8";
+    readonly 'color-blue-01-300': "#687AF1";
+    readonly 'color-blue-01-400': "#4259EE";
+    readonly 'color-blue-01-50': "#EFF2FA";
+    readonly 'color-blue-01-500': "#3649C6";
+    readonly 'color-blue-01-600': "#29399F";
+    readonly 'color-blue-01-700': "#1D2977";
+    readonly 'color-blue-01-800': "#121A52";
+    readonly 'color-blue-01-900': "#0A0E30";
+    readonly 'color-blue-02-100': "#6682D2";
+    readonly 'color-blue-02-200': "#546CB1";
+    readonly 'color-blue-02-300': "#4B61A0";
+    readonly 'color-blue-02-400': "#425690";
+    readonly 'color-blue-02-500': "#31416E";
+    readonly 'color-blue-02-600': "#1F2B4D";
+    readonly 'color-blue-02-700': "#0D152C";
+    readonly 'color-blue-02-800': "#080D1C";
+    readonly 'color-blue-02-900': "#04070F";
+    readonly 'color-bronze-100': "#FBF2E9";
+    readonly 'color-bronze-200': "#F8E5D3";
+    readonly 'color-bronze-300': "#F0CCA7";
+    readonly 'color-bronze-400': "#EAB57F";
+    readonly 'color-bronze-500': "#E29C55";
+    readonly 'color-bronze-600': "#DB8229";
+    readonly 'color-bronze-700': "#B3691E";
+    readonly 'color-brown-100': "#F7F2EE";
+    readonly 'color-brown-200': "#F1E8E0";
+    readonly 'color-brown-300': "#E0D3C2";
+    readonly 'color-brown-400': "#D1BBA3";
+    readonly 'color-brown-500': "#C1A281";
+    readonly 'color-brown-600': "#B28B63";
+    readonly 'color-brown-700': "#936F48";
+    readonly 'color-celtic-blue-100': "#F0F4F8";
+    readonly 'color-celtic-blue-200': "#E2E9F4";
+    readonly 'color-celtic-blue-300': "#C0D1E7";
+    readonly 'color-celtic-blue-400': "#A4BBDC";
+    readonly 'color-celtic-blue-500': "#86A6D0";
+    readonly 'color-celtic-blue-600': "#658EC4";
+    readonly 'color-celtic-blue-700': "#4271AE";
+    readonly 'color-cyan-100': "#E9F7FC";
+    readonly 'color-cyan-200': "#CFF0F8";
+    readonly 'color-cyan-300': "#A2E1F1";
+    readonly 'color-cyan-400': "#6FD2EA";
+    readonly 'color-cyan-500': "#3FC2E3";
+    readonly 'color-cyan-600': "#20ACCF";
+    readonly 'color-cyan-700': "#1789A5";
+    readonly 'color-eggplant-100': "#F0EBEE";
+    readonly 'color-eggplant-200': "#E0D6DE";
+    readonly 'color-eggplant-300': "#C4B1BF";
+    readonly 'color-eggplant-400': "#A5889E";
+    readonly 'color-eggplant-500': "#82637B";
+    readonly 'color-eggplant-600': "#5C4657";
+    readonly 'color-eggplant-700': "#483744";
+    readonly 'color-electric-orange-100': "#FEE7E1";
+    readonly 'color-electric-orange-200': "#FED0C3";
+    readonly 'color-electric-orange-300': "#FC9D81";
+    readonly 'color-electric-orange-400': "#FB6D45";
+    readonly 'color-electric-orange-500': "#FA3A07";
+    readonly 'color-electric-orange-600': "#BB2C05";
+    readonly 'color-electric-orange-700': "#962304";
+    readonly 'color-green-100': "#EBF7F1";
+    readonly 'color-green-200': "#C4E8D5";
+    readonly 'color-green-300': "#89D1AB";
+    readonly 'color-green-400': "#3BB273";
+    readonly 'color-green-500': "#31935F";
+    readonly 'color-green-600': "#26734B";
+    readonly 'color-green-700': "#1C5436";
+    readonly 'color-green-800': "#103822";
+    readonly 'color-green-900': "#071E10";
+    readonly 'color-grey-0': "#FFFFFF";
+    readonly 'color-grey-100': "#F8F9FB";
+    readonly 'color-grey-1000': "#404B62";
+    readonly 'color-grey-1100': "#262D3D";
+    readonly 'color-grey-1200': "#1F2332";
+    readonly 'color-grey-1300': "#121521";
+    readonly 'color-grey-1400-alpha': "#060714";
+    readonly 'color-grey-200': "#F5F6FA";
+    readonly 'color-grey-300': "#F2F4FA";
+    readonly 'color-grey-400': "#EFF2FA";
+    readonly 'color-grey-50': "#FAFAFA";
+    readonly 'color-grey-500': "#D9DDE7";
+    readonly 'color-grey-600': "#C3C8D4";
+    readonly 'color-grey-700': "#B4BAC7";
+    readonly 'color-grey-800': "#7A8294";
+    readonly 'color-grey-900': "#60697D";
+    readonly 'color-maroon-100': "#F7E3E7";
+    readonly 'color-maroon-200': "#F1CBD3";
+    readonly 'color-maroon-300': "#E397A7";
+    readonly 'color-maroon-400': "#D5647B";
+    readonly 'color-maroon-500': "#C13453";
+    readonly 'color-maroon-600': "#8C263C";
+    readonly 'color-maroon-700': "#701E30";
+    readonly 'color-olive-100': "#F6F6F3";
+    readonly 'color-olive-200': "#EDEEE7";
+    readonly 'color-olive-300': "#DDDFD3";
+    readonly 'color-olive-400': "#CCCDBB";
+    readonly 'color-olive-500': "#BABCA4";
+    readonly 'color-olive-600': "#AAAC8E";
+    readonly 'color-olive-700': "#8C906A";
+    readonly 'color-orange-100': "#FDF0EC";
+    readonly 'color-orange-200': "#FCE5DF";
+    readonly 'color-orange-300': "#F8C8BA";
+    readonly 'color-orange-400': "#F4AF9A";
+    readonly 'color-orange-500': "#F19579";
+    readonly 'color-orange-600': "#ED7955";
+    readonly 'color-orange-700': "#E74B1C";
+    readonly 'color-purple-100': "#F4F1F9";
+    readonly 'color-purple-200': "#E9E3F2";
+    readonly 'color-purple-300': "#D6CBE6";
+    readonly 'color-purple-400': "#BFAFD9";
+    readonly 'color-purple-500': "#AD97CE";
+    readonly 'color-purple-600': "#977CC1";
+    readonly 'color-purple-700': "#7552AD";
+    readonly 'color-red-100': "#FCEEEE";
+    readonly 'color-red-200': "#F6CCCC";
+    readonly 'color-red-300': "#ED9998";
+    readonly 'color-red-400': "#E15554";
+    readonly 'color-red-500': "#C64746";
+    readonly 'color-red-600': "#AB3939";
+    readonly 'color-red-700': "#8F2C2B";
+    readonly 'color-red-800': "#631B1B";
+    readonly 'color-red-900': "#3B0E0E";
+    readonly 'color-sunshine-yellow-100': "#FFFBE5";
+    readonly 'color-sunshine-yellow-200': "#FFF7D1";
+    readonly 'color-sunshine-yellow-300': "#FFEF9E";
+    readonly 'color-sunshine-yellow-400': "#FFE770";
+    readonly 'color-sunshine-yellow-500': "#FFE041";
+    readonly 'color-sunshine-yellow-600': "#FFD812";
+    readonly 'color-sunshine-yellow-700': "#DBB702";
+    readonly 'color-turquoise-100': "#EDF7F8";
+    readonly 'color-turquoise-200': "#DBEFF0";
+    readonly 'color-turquoise-300': "#B7DFE1";
+    readonly 'color-turquoise-400': "#93CFD2";
+    readonly 'color-turquoise-500': "#6BBEC2";
+    readonly 'color-turquoise-600': "#48ACB2";
+    readonly 'color-turquoise-700': "#3B898D";
+    readonly 'color-violet-100': "#F6EDFD";
+    readonly 'color-violet-200': "#F0DFFB";
+    readonly 'color-violet-300': "#DFBBF7";
+    readonly 'color-violet-400': "#D09BF3";
+    readonly 'color-violet-500': "#BE77EE";
+    readonly 'color-violet-600': "#AE57EA";
+    readonly 'color-violet-700': "#931CE3";
+    readonly 'color-yellow-100': "#FCF8EA";
+    readonly 'color-yellow-200': "#F6EBBF";
+    readonly 'color-yellow-300': "#EDD77F";
+    readonly 'color-yellow-400': "#E1BC29";
+    readonly 'color-yellow-500': "#BF9F22";
+    readonly 'color-yellow-600': "#9D831C";
+    readonly 'color-yellow-700': "#7A6615";
+    readonly 'color-yellow-800': "#52430B";
+    readonly 'color-yellow-900': "#2B2304";
+    readonly 'color-yellow-green-100': "#F5F9EC";
+    readonly 'color-yellow-green-200': "#EAF3D7";
+    readonly 'color-yellow-green-300': "#D7E5B2";
+    readonly 'color-yellow-green-400': "#C3DA8B";
+    readonly 'color-yellow-green-500': "#B1CD66";
+    readonly 'color-yellow-green-600': "#99BF3E";
+    readonly 'color-yellow-green-700': "#7D9A32";
+};
+export type ThemeMode = keyof typeof COLOR_TOKENS;
+export type ColorTokenName = keyof typeof COLOR_TOKENS.light;
+export type PrimitiveColorTokenName = keyof typeof PRIMITIVE_COLOR_TOKENS;
+/** CSS `var()` for a semantic token, e.g. `semanticColorVar('bg-primary')` → `var(--iu-bg-primary)`. */
+export declare function semanticColorVar(name: ColorTokenName): string;
+/** CSS `var()` for a primitive, e.g. `primitiveColorVar('color-grey-800')`. */
+export declare function primitiveColorVar(name: PrimitiveColorTokenName): string;
+/** Resolved hex for a semantic token (pass `'dark'` when `<html data-iu-theme="dark">`). */
+export declare function getColorToken(mode: ThemeMode, name: ColorTokenName): string;
+//# sourceMappingURL=tokens.generated.d.ts.map

package/dist/styles/tokens/tokens.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.generated.d.ts","sourceRoot":"","sources":["../../../src/styles/tokens/tokens.generated.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,EAAG,eAAwB,CAAC;AAEtD,qGAAqG;AACrG,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyOf,CAAC;AAEX,wEAAwE;AACxE,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKzB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,YAAY,CAAC;AAClD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,uBAAuB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAE1E,wGAAwG;AACxG,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAE7D;AAED,+EAA+E;AAC/E,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,uBAAuB,GAAG,MAAM,CAEvE;AAED,4FAA4F;AAC5F,wBAAgB,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,GAAG,MAAM,CAE3E"}