@cube-dev/ui-kit 0.0.0-canary-e967b3b → 0.0.0-canary-5a7c3bc

package/dist/icons/UserGroupIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/icons/UserIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/icons/UserLockIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ViewIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/WarningFilledIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconAlertTriangleFilled } from "@tabler/icons-react";

package/dist/icons/WarningIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconAlertTriangle } from "@tabler/icons-react";

package/dist/icons/wrap-icon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { Icon } from "./Icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { extractStyles } from "./utils/styles.js";
 import { chain } from "./utils/react/chain.js";
 import { forwardRefWithGenerics } from "./utils/react/forwardRefWithGenerics.js";

package/dist/provider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { EventBusProvider } from "./utils/react/useEventBus.js";
 import { defaultNavigationAdapter } from "./providers/navigationAdapter.default.js";
 import { createContext, useContext, useMemo } from "react";

package/dist/providers/TrackingProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { createContext, useContext, useMemo } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 

package/dist/providers/navigationAdapter.default.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 //#region src/providers/navigationAdapter.default.ts
 /**
 * Converts a Path object to a string URL

package/dist/tokens/base.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 //#region src/tokens/base.ts
 /**
 * Base design system tokens.

package/dist/tokens/colors.d.ts

@@ -3,9 +3,10 @@ import { Styles } from "@tenphi/tasty";
 
 //#region src/tokens/colors.d.ts
 /**
- * Color tokens with # prefix for tasty color definitions.
- * The tasty system automatically generates {name}-color-rgb variants.
- * Colors are defined in OKHSL format for perceptually uniform color manipulation.
+ * Combined color token map: Glaze-generated palette + legacy aliases.
+ *
+ * `#white` and `#black` are intentionally omitted — they are built-in
+ * tasty named colors and resolve automatically.
  */
 declare const COLOR_TOKENS: Styles;
 //#endregion

package/dist/tokens/colors.js

@@ -1,91 +1,101 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
+import { PALETTE_TOKENS } from "./palette.js";
+
 //#region src/tokens/colors.ts
-const PINK_HUE = 5;
-const PURPLE_HUE = 280.3;
-const DANGER_HUE = 23.1;
-const SUCCESS_HUE = 156.9;
-const WARNING_HUE = 84.3;
-const NOTE_HUE = 302.3;
-const MAIN_SATURATION = 80;
-const BG_SATURATION = 60;
-const ICON_SATURATION = 75;
-const MAIN_LIGHTNESS = 52;
-const TEXT_LIGHTNESS = 45;
-const BG_LIGHTNESS = 97;
-const ICON_LIGHTNESS = 60;
-const DISABLED_SATURATION = 32;
-const DISABLED_LIGHTNESS = 80.8;
-/** Generate an OKHSL color string */
-const okhsl = (h, s, l) => `okhsl(${h} ${s}% ${l}%)`;
 /**
-* Color tokens with # prefix for tasty color definitions.
-* The tasty system automatically generates {name}-color-rgb variants.
-* Colors are defined in OKHSL format for perceptually uniform color manipulation.
+* Color tokens with `#` prefix for tasty color definitions.
+*
+* The base values come from the Glaze-generated palette (`palette.ts`):
+* `#surface`, `#surface-text*`, `#border`, `#focus`, `#disabled`, `#pink`,
+* `#shadow-*`, `#overlay`, the unprefixed `#accent-*` family, and the per-theme
+* `#primary-*` / `#purple-*` / `#success-*` / `#danger-*` / `#warning-*` /
+* `#note-*` families.
+*
+* Each Glaze token is a state map (`{ '': '...', '@dark': '...', '@hc': '...' }`),
+* giving us light, dark, and high-contrast variants for free. The `@dark` /
+* `@hc` predefined states are wired up globally in `src/components/Root.tsx`.
+*
+* The aliases below preserve backward compatibility with every legacy
+* `#name` used across components, stories, and tests. Each alias resolves
+* to a current Glaze token via tasty's `#token` reference syntax.
 */
-const COLOR_TOKENS = {
-	"#pink": okhsl(PINK_HUE, 100, 67),
-	"#primary": okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
-	"#primary-text": okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
-	"#primary-bg": okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),
-	"#primary-icon": okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),
-	"#primary-desaturated": okhsl(PURPLE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
-	"#primary-disabled": okhsl(PURPLE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
-	"#purple": "#primary",
-	"#purple-text": "#primary-text",
-	"#purple-bg": "#primary-bg",
-	"#purple-icon": "#primary-icon",
-	"#purple-disabled": "#primary-disabled",
-	"#purple-01": okhsl(PURPLE_HUE, 100, 58),
-	"#purple-02": okhsl(PURPLE_HUE, 100, 66),
-	"#purple-03": okhsl(PURPLE_HUE, 100, 74),
-	"#purple-04": okhsl(PURPLE_HUE, 100, 83),
-	"#focus": okhsl(PURPLE_HUE, 69, 71),
-	"#text": okhsl(PURPLE_HUE, 30, 31),
-	"#dark": okhsl(PURPLE_HUE, 38, 12),
-	"#dark-01": okhsl(PURPLE_HUE, 38, 12),
-	"#dark-02": okhsl(PURPLE_HUE, 30, 31),
-	"#dark-03": okhsl(PURPLE_HUE, 19, 49),
-	"#dark-04": okhsl(PURPLE_HUE, 14, 67),
-	"#dark-05": okhsl(PURPLE_HUE, 14, 86),
-	"#surface": okhsl(PURPLE_HUE, 21, 100),
-	"#surface-2": okhsl(PURPLE_HUE, 21, 98),
-	"#surface-3": okhsl(PURPLE_HUE, 21, 96),
+const LEGACY_ALIASES = {
+	"#text": "#surface-text-soft",
+	"#dark": "#surface-text",
+	"#dark-01": "#surface-text",
+	"#dark-02": "#surface-text-soft",
+	"#dark-03": "#surface-text-soft-2",
+	"#dark-04": "#placeholder",
+	"#dark-05": "#border",
+	"#fixed-dark": "#surface-inverse",
+	"#fixed-primary-text": "#primary-accent-surface-hover",
+	"#minor": "#surface-text-soft.65",
+	"#shadow": "#shadow-md",
 	"#light": "#surface-3",
-	"#dark-bg": okhsl(PURPLE_HUE, 21, 98),
-	"#white": "okhsl(0 0% 100%)",
-	"#black": "okhsl(0 0% 0%)",
-	"#danger": okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
-	"#danger-text": okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
-	"#danger-bg": okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),
-	"#danger-icon": okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),
-	"#danger-desaturated": okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
-	"#danger-disabled": okhsl(DANGER_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
-	"#success": okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
-	"#success-text": okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
-	"#success-bg": okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),
-	"#success-icon": okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),
-	"#success-desaturated": okhsl(SUCCESS_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
-	"#success-disabled": okhsl(SUCCESS_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
-	"#warning": okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
-	"#warning-text": okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
-	"#warning-bg": okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),
-	"#warning-icon": okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),
-	"#warning-desaturated": okhsl(WARNING_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
-	"#warning-disabled": okhsl(WARNING_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
-	"#note": okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
-	"#note-text": okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
-	"#note-bg": okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),
-	"#note-icon": okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),
-	"#note-desaturated": okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
-	"#note-disabled": okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
-	"#border": okhsl(PURPLE_HUE, 13, 90),
-	"#placeholder": "#dark-04",
+	"#dark-bg": "#surface-2",
 	"#clear": "transparent",
-	"#shadow": "#dark.06",
-	"#minor": "#dark.65",
-	"#disabled": "#dark-01.25",
-	"#disabled-text": "#dark-01.25",
-	"#disabled-bg": "#dark-05.2"
+	"#pink": "okhsl(5 100% 67%)",
+	"#primary": "#primary-accent-surface",
+	"#primary-text": "#primary-accent-text",
+	"#primary-text-soft": "#primary-accent-text-soft",
+	"#primary-bg": "#primary-surface",
+	"#primary-icon": "#primary-accent-icon",
+	"#primary-hover": "#primary-accent-surface-hover",
+	"#primary-desaturated": "#primary-accent-surface-2",
+	"#primary-disabled": "#disabled",
+	"#purple": "#purple-accent-surface",
+	"#purple-text": "#purple-accent-text",
+	"#purple-text-soft": "#purple-accent-text-soft",
+	"#purple-bg": "#purple-surface",
+	"#purple-icon": "#purple-accent-icon",
+	"#purple-hover": "#purple-accent-surface-hover",
+	"#purple-disabled": "#disabled",
+	"#purple-01": "#purple-accent-surface",
+	"#purple-02": "#purple-accent-surface-2",
+	"#purple-03": "#purple-accent-surface-3",
+	"#purple-04": "#purple-surface",
+	"#danger": "#danger-accent-surface",
+	"#danger-text": "#danger-accent-text",
+	"#danger-text-soft": "#danger-accent-text-soft",
+	"#danger-bg": "#danger-surface",
+	"#danger-icon": "#danger-accent-icon",
+	"#danger-hover": "#danger-accent-surface-hover",
+	"#danger-desaturated": "#danger-accent-surface-2",
+	"#danger-disabled": "#disabled",
+	"#success": "#success-accent-surface",
+	"#success-text": "#success-accent-text",
+	"#success-text-soft": "#success-accent-text-soft",
+	"#success-bg": "#success-surface",
+	"#success-icon": "#success-accent-icon",
+	"#success-hover": "#success-accent-surface-hover",
+	"#success-desaturated": "#success-accent-surface-2",
+	"#success-disabled": "#disabled",
+	"#warning": "#warning-accent-surface",
+	"#warning-text": "#warning-accent-text",
+	"#warning-text-soft": "#warning-accent-text-soft",
+	"#warning-bg": "#warning-surface",
+	"#warning-icon": "#warning-accent-icon",
+	"#warning-hover": "#warning-accent-surface-hover",
+	"#warning-desaturated": "#warning-accent-surface-2",
+	"#warning-disabled": "#disabled",
+	"#note": "#note-accent-surface",
+	"#note-text": "#note-accent-text",
+	"#note-text-soft": "#note-accent-text-soft",
+	"#note-bg": "#note-surface",
+	"#note-icon": "#note-accent-icon",
+	"#note-hover": "#note-accent-surface-hover",
+	"#note-desaturated": "#note-accent-surface-2",
+	"#note-disabled": "#disabled"
+};
+/**
+* Combined color token map: Glaze-generated palette + legacy aliases.
+*
+* `#white` and `#black` are intentionally omitted — they are built-in
+* tasty named colors and resolve automatically.
+*/
+const COLOR_TOKENS = {
+	...PALETTE_TOKENS,
+	...LEGACY_ALIASES
 };
 
 //#endregion

package/dist/tokens/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n// ============================================================================\n// Color Constants (OKHSL)\n// ============================================================================\n\n// Hue values (degrees)\nexport const PINK_HUE = 5.0;\nexport const PURPLE_HUE = 280.3;\nexport const DANGER_HUE = 23.1;\nexport const SUCCESS_HUE = 156.9;\nexport const WARNING_HUE = 84.3;\nexport const NOTE_HUE = 302.3;\n\n// Saturation values (%)\nexport const MAIN_SATURATION = 80;\nexport const BG_SATURATION = 60;\nexport const ICON_SATURATION = 75;\n\n// Lightness values (%)\nexport const MAIN_LIGHTNESS = 52;\nexport const TEXT_LIGHTNESS = 45;\nexport const BG_LIGHTNESS = 97;\nexport const ICON_LIGHTNESS = 60;\n\n// Disabled state values (60% white + 40% main color in okhsl)\n// Saturation: 0.6 * 0 + 0.4 * MAIN_SATURATION = 32\n// Lightness: 0.6 * 100 + 0.4 * MAIN_LIGHTNESS = 80.8\nexport const DISABLED_SATURATION = 32;\nexport const DISABLED_LIGHTNESS = 80.8;\n\n// ============================================================================\n// Helper function\n// ============================================================================\n\n/** Generate an OKHSL color string */\nconst okhsl = (h: number, s: number, l: number): string =>\n  `okhsl(${h} ${s}% ${l}%)`;\n\n// ============================================================================\n// Color Tokens\n// ============================================================================\n\n/**\n * Color tokens with # prefix for tasty color definitions.\n * The tasty system automatically generates {name}-color-rgb variants.\n * Colors are defined in OKHSL format for perceptually uniform color manipulation.\n */\nexport const COLOR_TOKENS: Styles = {\n  // Base colors - Pink\n  '#pink': okhsl(PINK_HUE, 100, 67),\n\n  // Primary colors (semantic aliases)\n  '#primary': okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#primary-text': okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#primary-bg': okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#primary-icon': okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#primary-desaturated': okhsl(\n    PURPLE_HUE,\n    DISABLED_SATURATION,\n    MAIN_LIGHTNESS,\n  ),\n  '#primary-disabled': okhsl(\n    PURPLE_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Base colors - Purple (legacy aliases for backward compatibility)\n  '#purple': '#primary',\n  '#purple-text': '#primary-text',\n  '#purple-bg': '#primary-bg',\n  '#purple-icon': '#primary-icon',\n  '#purple-disabled': '#primary-disabled',\n  '#purple-01': okhsl(PURPLE_HUE, 100, 58),\n  '#purple-02': okhsl(PURPLE_HUE, 100, 66),\n  '#purple-03': okhsl(PURPLE_HUE, 100, 74),\n  '#purple-04': okhsl(PURPLE_HUE, 100, 83),\n\n  // Focus\n  '#focus': okhsl(PURPLE_HUE, 69, 71),\n\n  // Text\n  '#text': okhsl(PURPLE_HUE, 30, 31),\n\n  // Dark\n  '#dark': okhsl(PURPLE_HUE, 38, 12),\n  '#dark-01': okhsl(PURPLE_HUE, 38, 12),\n  '#dark-02': okhsl(PURPLE_HUE, 30, 31),\n  '#dark-03': okhsl(PURPLE_HUE, 19, 49),\n  '#dark-04': okhsl(PURPLE_HUE, 14, 67),\n  '#dark-05': okhsl(PURPLE_HUE, 14, 86),\n\n  // Surfaces\n  '#surface': okhsl(PURPLE_HUE, 21, 100),\n  '#surface-2': okhsl(PURPLE_HUE, 21, 98),\n  '#surface-3': okhsl(PURPLE_HUE, 21, 96),\n\n  // Legacy\n  '#light': '#surface-3',\n  '#dark-bg': okhsl(PURPLE_HUE, 21, 98),\n\n  // Black & White\n  '#white': 'okhsl(0 0% 100%)',\n  '#black': 'okhsl(0 0% 0%)',\n\n  // Danger (red)\n  '#danger': okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#danger-text': okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#danger-bg': okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#danger-icon': okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#danger-desaturated': okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n  '#danger-disabled': okhsl(\n    DANGER_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Success (green)\n  '#success': okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#success-text': okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#success-bg': okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#success-icon': okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#success-desaturated': okhsl(\n    SUCCESS_HUE,\n    DISABLED_SATURATION,\n    MAIN_LIGHTNESS,\n  ),\n  '#success-disabled': okhsl(\n    SUCCESS_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Warning (yellow/amber)\n  '#warning': okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#warning-text': okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#warning-bg': okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#warning-icon': okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#warning-desaturated': okhsl(\n    WARNING_HUE,\n    DISABLED_SATURATION,\n    MAIN_LIGHTNESS,\n  ),\n  '#warning-disabled': okhsl(\n    WARNING_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Note (violet)\n  '#note': okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#note-text': okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#note-bg': okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#note-icon': okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#note-desaturated': okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n  '#note-disabled': okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),\n\n  // Border\n  '#border': okhsl(PURPLE_HUE, 13, 90),\n\n  '#placeholder': '#dark-04',\n\n  // Semantic colors\n  '#clear': 'transparent',\n  '#shadow': '#dark.06',\n  '#minor': '#dark.65',\n\n  // Disabled state colors\n  '#disabled': '#dark-01.25',\n  '#disabled-text': '#dark-01.25',\n  '#disabled-bg': '#dark-05.2',\n};\n"],"mappings":"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"}
+{"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import { PALETTE_TOKENS } from './palette';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * Color tokens with `#` prefix for tasty color definitions.\n *\n * The base values come from the Glaze-generated palette (`palette.ts`):\n * `#surface`, `#surface-text*`, `#border`, `#focus`, `#disabled`, `#pink`,\n * `#shadow-*`, `#overlay`, the unprefixed `#accent-*` family, and the per-theme\n * `#primary-*` / `#purple-*` / `#success-*` / `#danger-*` / `#warning-*` /\n * `#note-*` families.\n *\n * Each Glaze token is a state map (`{ '': '...', '@dark': '...', '@hc': '...' }`),\n * giving us light, dark, and high-contrast variants for free. The `@dark` /\n * `@hc` predefined states are wired up globally in `src/components/Root.tsx`.\n *\n * The aliases below preserve backward compatibility with every legacy\n * `#name` used across components, stories, and tests. Each alias resolves\n * to a current Glaze token via tasty's `#token` reference syntax.\n */\n\nconst LEGACY_ALIASES: Styles = {\n  // ---- Neutral text scale (legacy `#dark*`) ----\n  '#text': '#surface-text-soft',\n  '#dark': '#surface-text',\n  '#dark-01': '#surface-text',\n  '#dark-02': '#surface-text-soft',\n  '#dark-03': '#surface-text-soft-2',\n  '#dark-04': '#placeholder',\n  '#dark-05': '#border',\n\n  // Fixed-mode counterpart to `#dark`. Resolves to the same L≈12 surface\n  // but uses Glaze `mode: 'fixed'` so it does NOT invert in dark schemes.\n  // Use this whenever the design intentionally pins a dark color regardless\n  // of scheme — the canonical case being the `special` item theme, which\n  // pairs `#fixed-dark` with the (also-fixed) built-in `#white` on a known\n  // always-dark surface. Using `#dark` there would resolve to near-white in\n  // dark mode and the element would disappear into its background.\n  '#fixed-dark': '#surface-inverse',\n\n  // Fixed-mode counterpart to `#primary-text`. `#primary-text` is anchored\n  // to `surface` with `mode: 'auto'`, so it flips to a *light* purple in\n  // dark schemes (correct on body content, which also inverts). When the\n  // local fill is a fixed color instead — built-in `#white` in\n  // `SPECIAL_CLEAR_STYLES`, where the special theme assumes an always-white\n  // button surface — the adaptive text loses contrast (light purple on\n  // white) in dark mode. `#fixed-primary-text` points at\n  // `#primary-accent-surface-hover` (`mode: 'fixed'`, cr 6–8.5 vs the fixed\n  // accent-surface-text white), which is the only existing fixed-mode\n  // accent shade whose contrast band overlaps `accent-text`'s cr 6.4–10 —\n  // so the light-mode look is preserved while dark mode stays readable.\n  '#fixed-primary-text': '#primary-accent-surface-hover',\n\n  // ---- Misc neutral ----\n  '#minor': '#surface-text-soft.65',\n  '#shadow': '#shadow-md',\n  '#light': '#surface-3',\n  '#dark-bg': '#surface-2',\n  '#clear': 'transparent',\n\n  // Pink: independent hue, scheme-static (no Glaze adaptation).\n  '#pink': 'okhsl(5 100% 67%)',\n\n  // ---- Disabled state aliases ----\n  // `#disabled-surface` and `#disabled-surface-text` are emitted directly by\n  // the Glaze palette (`palette.ts`) as scheme-symmetric, contrast-driven\n  // tokens — no alias needed here. `#disabled` stays as a brand-tinted\n  // backwards-compat anchor for the per-theme `#<theme>-disabled` aliases below.\n\n  // ---- Primary / Purple legacy ----\n  '#primary': '#primary-accent-surface',\n  '#primary-text': '#primary-accent-text',\n  '#primary-text-soft': '#primary-accent-text-soft',\n  '#primary-bg': '#primary-surface',\n  '#primary-icon': '#primary-accent-icon',\n  '#primary-hover': '#primary-accent-surface-hover',\n  '#primary-desaturated': '#primary-accent-surface-2',\n  '#primary-disabled': '#disabled',\n\n  '#purple': '#purple-accent-surface',\n  '#purple-text': '#purple-accent-text',\n  '#purple-text-soft': '#purple-accent-text-soft',\n  '#purple-bg': '#purple-surface',\n  '#purple-icon': '#purple-accent-icon',\n  '#purple-hover': '#purple-accent-surface-hover',\n  '#purple-disabled': '#disabled',\n\n  // Purple scale (gradient/accent shades) — mapped to the accent-surface ramp.\n  '#purple-01': '#purple-accent-surface',\n  '#purple-02': '#purple-accent-surface-2',\n  '#purple-03': '#purple-accent-surface-3',\n  '#purple-04': '#purple-surface',\n\n  // ---- Danger ----\n  '#danger': '#danger-accent-surface',\n  '#danger-text': '#danger-accent-text',\n  '#danger-text-soft': '#danger-accent-text-soft',\n  '#danger-bg': '#danger-surface',\n  '#danger-icon': '#danger-accent-icon',\n  '#danger-hover': '#danger-accent-surface-hover',\n  '#danger-desaturated': '#danger-accent-surface-2',\n  '#danger-disabled': '#disabled',\n\n  // ---- Success ----\n  '#success': '#success-accent-surface',\n  '#success-text': '#success-accent-text',\n  '#success-text-soft': '#success-accent-text-soft',\n  '#success-bg': '#success-surface',\n  '#success-icon': '#success-accent-icon',\n  '#success-hover': '#success-accent-surface-hover',\n  '#success-desaturated': '#success-accent-surface-2',\n  '#success-disabled': '#disabled',\n\n  // ---- Warning ----\n  '#warning': '#warning-accent-surface',\n  '#warning-text': '#warning-accent-text',\n  '#warning-text-soft': '#warning-accent-text-soft',\n  '#warning-bg': '#warning-surface',\n  '#warning-icon': '#warning-accent-icon',\n  '#warning-hover': '#warning-accent-surface-hover',\n  '#warning-desaturated': '#warning-accent-surface-2',\n  '#warning-disabled': '#disabled',\n\n  // ---- Note ----\n  '#note': '#note-accent-surface',\n  '#note-text': '#note-accent-text',\n  '#note-text-soft': '#note-accent-text-soft',\n  '#note-bg': '#note-surface',\n  '#note-icon': '#note-accent-icon',\n  '#note-hover': '#note-accent-surface-hover',\n  '#note-desaturated': '#note-accent-surface-2',\n  '#note-disabled': '#disabled',\n};\n\n/**\n * Combined color token map: Glaze-generated palette + legacy aliases.\n *\n * `#white` and `#black` are intentionally omitted — they are built-in\n * tasty named colors and resolve automatically.\n */\nexport const COLOR_TOKENS: Styles = {\n  ...PALETTE_TOKENS,\n  ...LEGACY_ALIASES,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,iBAAyB;CAE7B,SAAS;CACT,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CASZ,eAAe;CAaf,uBAAuB;CAGvB,UAAU;CACV,WAAW;CACX,UAAU;CACV,YAAY;CACZ,UAAU;CAGV,SAAS;CAST,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAErB,WAAW;CACX,gBAAgB;CAChB,qBAAqB;CACrB,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,oBAAoB;CAGpB,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CAGd,WAAW;CACX,gBAAgB;CAChB,qBAAqB;CACrB,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,uBAAuB;CACvB,oBAAoB;CAGpB,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAGrB,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAGrB,SAAS;CACT,cAAc;CACd,mBAAmB;CACnB,YAAY;CACZ,cAAc;CACd,eAAe;CACf,qBAAqB;CACrB,kBAAkB;CACnB;;;;;;;AAQD,MAAa,eAAuB;CAClC,GAAG;CACH,GAAG;CACJ"}

package/dist/tokens/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 import { BASE_TOKENS } from "./base.js";
 import { COLOR_TOKENS } from "./colors.js";
 import { LAYOUT_TOKENS } from "./layout.js";

package/dist/tokens/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e967b3b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5a7c3bc | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.