@workday/canvas-tokens-web 4.1.0 → 4.1.2

package/dist/common-js/system/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 05 Feb 2026 23:39:07 GMT
+ * Generated on Mon, 09 Feb 2026 21:04:50 GMT
  */
 
 export declare const breakpoints: {
@@ -1454,7 +1454,7 @@ export declare const color: {
   "bg": {
     "primary": {
       /**
-       * **value**: `{sys.color.brand.surface.primary.default}`
+       * **value**: `{base.palette.blue.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-softest`
        * 
@@ -1464,7 +1464,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-primary-softest",
       /**
-       * **value**: `{sys.color.brand.surface.primary.strong}`
+       * **value**: `{base.palette.blue.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-softer`
        * 
@@ -1474,7 +1474,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-primary-softer",
       /**
-       * **value**: `{base.palette.blue.A100}`
+       * **value**: `{base.palette.blue.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-soft`
        * 
@@ -1484,7 +1484,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-primary-soft",
       /**
-       * **value**: `{sys.color.brand.accent.primary}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-default`
        * 
@@ -1494,7 +1494,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-primary-default",
       /**
-       * **value**: `{sys.color.brand.accent.primary}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-strong`
        * 
@@ -1504,7 +1504,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-primary-strong",
       /**
-       * **value**: `{sys.color.brand.accent.primary}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-stronger`
        * 
@@ -1516,7 +1516,7 @@ export declare const color: {
     },
     "transparent": {
       /**
-       * **value**: `{sys.color.surface.transparent}`
+       * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.0})`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-transparent-default`
        * 
@@ -1526,7 +1526,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-transparent-default",
       /**
-       * **value**: `{sys.color.surface.overlay.hover.default}`
+       * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.100})`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-transparent-strong`
        * 
@@ -1536,7 +1536,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-transparent-strong",
       /**
-       * **value**: `{sys.color.surface.overlay.pressed.default}`
+       * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.250})`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-transparent-stronger`
        * 
@@ -1547,7 +1547,7 @@ export declare const color: {
       "stronger": "--cnvs-sys-color-bg-transparent-stronger",
     },
     /**
-     * **value**: `{sys.color.surface.overlay.scrim}`
+     * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.400})`
      * 
      * **CSS Var**: `--cnvs-sys-color-bg-overlay`
      * 
@@ -1557,7 +1557,7 @@ export declare const color: {
      */
     "overlay": "--cnvs-sys-color-bg-overlay",
     /**
-     * **value**: `{sys.color.surface.contrast.default}`
+     * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.500})`
      * 
      * **CSS Var**: `--cnvs-sys-color-bg-translucent`
      * 
@@ -1568,7 +1568,7 @@ export declare const color: {
     "translucent": "--cnvs-sys-color-bg-translucent",
     "alt": {
       /**
-       * **value**: `{sys.color.surface.raised}`
+       * **value**: `{base.palette.slate.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-alt-softer`
        * 
@@ -1578,7 +1578,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-alt-softer",
       /**
-       * **value**: `{base.palette.slate.A50}`
+       * **value**: `{base.palette.slate.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-alt-soft`
        * 
@@ -1598,7 +1598,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-alt-strong",
       /**
-       * **value**: `{base.palette.slate.A300}`
+       * **value**: `{base.palette.slate.300}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-alt-stronger`
        * 
@@ -1618,7 +1618,7 @@ export declare const color: {
     },
     "muted": {
       /**
-       * **value**: `{sys.color.accent.muted.soft}`
+       * **value**: `{base.palette.slate.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-muted-softer`
        * 
@@ -1626,7 +1626,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-muted-softer",
       /**
-       * **value**: `{base.palette.slate.A500}`
+       * **value**: `{base.palette.slate.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-muted-soft`
        * 
@@ -1634,7 +1634,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-muted-soft",
       /**
-       * **value**: `{sys.color.accent.muted.default}`
+       * **value**: `{base.palette.slate.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-muted-default`
        * 
@@ -1642,7 +1642,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-muted-default",
       /**
-       * **value**: `{sys.color.accent.muted.default}`
+       * **value**: `{base.palette.slate.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-muted-strong`
        * 
@@ -1652,7 +1652,7 @@ export declare const color: {
     },
     "contrast": {
       /**
-       * **value**: `{sys.color.surface.contrast.default}`
+       * **value**: `{base.palette.neutral.900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-contrast-default`
        * 
@@ -1662,7 +1662,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-contrast-default",
       /**
-       * **value**: `{sys.color.surface.contrast.strong}`
+       * **value**: `{base.palette.neutral.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-contrast-strong`
        * 
@@ -1684,7 +1684,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-positive-softest",
       /**
-       * **value**: `{sys.color.brand.surface.positive.strong}`
+       * **value**: `{base.palette.green.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-softer`
        * 
@@ -1694,7 +1694,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-positive-softer",
       /**
-       * **value**: `{base.palette.green.A100}`
+       * **value**: `{base.palette.green.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-soft`
        * 
@@ -1704,7 +1704,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-positive-soft",
       /**
-       * **value**: `{sys.color.brand.accent.positive}`
+       * **value**: `{base.palette.green.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-default`
        * 
@@ -1714,7 +1714,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-positive-default",
       /**
-       * **value**: `{sys.color.brand.accent.positive}`
+       * **value**: `{base.palette.green.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-strong`
        * 
@@ -1724,7 +1724,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-positive-strong",
       /**
-       * **value**: `{sys.color.brand.accent.positive}`
+       * **value**: `{base.palette.green.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-stronger`
        * 
@@ -1736,7 +1736,7 @@ export declare const color: {
     },
     "caution": {
       /**
-       * **value**: `{sys.color.brand.surface.caution.default}`
+       * **value**: `{base.palette.amber.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-softest`
        * 
@@ -1746,7 +1746,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-caution-softest",
       /**
-       * **value**: `{sys.color.brand.surface.caution.strong}`
+       * **value**: `{base.palette.amber.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-softer`
        * 
@@ -1756,7 +1756,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-caution-softer",
       /**
-       * **value**: `{base.palette.amber.A100}`
+       * **value**: `{base.palette.amber.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-soft`
        * 
@@ -1766,7 +1766,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-caution-soft",
       /**
-       * **value**: `{sys.color.brand.accent.caution}`
+       * **value**: `{base.palette.amber.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-default`
        * 
@@ -1776,7 +1776,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-caution-default",
       /**
-       * **value**: `{sys.color.brand.accent.caution}`
+       * **value**: `{base.palette.amber.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-strong`
        * 
@@ -1786,7 +1786,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-caution-strong",
       /**
-       * **value**: `{sys.color.brand.accent.caution}`
+       * **value**: `{base.palette.amber.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-stronger`
        * 
@@ -1798,7 +1798,7 @@ export declare const color: {
     },
     "critical": {
       /**
-       * **value**: `{sys.color.brand.surface.critical.default}`
+       * **value**: `{base.palette.red.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-softest`
        * 
@@ -1808,7 +1808,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-critical-softest",
       /**
-       * **value**: `{sys.color.brand.surface.critical.strong}`
+       * **value**: `{base.palette.red.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-softer`
        * 
@@ -1818,7 +1818,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-critical-softer",
       /**
-       * **value**: `{base.palette.red.A100}`
+       * **value**: `{base.palette.red.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-soft`
        * 
@@ -1828,7 +1828,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-critical-soft",
       /**
-       * **value**: `{sys.color.brand.accent.critical}`
+       * **value**: `{base.palette.red.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-default`
        * 
@@ -1838,7 +1838,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-critical-default",
       /**
-       * **value**: `{sys.color.brand.accent.critical}`
+       * **value**: `{base.palette.red.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-strong`
        * 
@@ -1848,7 +1848,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-critical-strong",
       /**
-       * **value**: `{sys.color.brand.accent.critical}`
+       * **value**: `{base.palette.red.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-stronger`
        * 
@@ -1860,7 +1860,7 @@ export declare const color: {
     },
     "ai": {
       /**
-       * **value**: `{sys.color.surface.ai.default}`
+       * **value**: `{base.palette.blue.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-ai-default`
        * 
@@ -1870,7 +1870,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-ai-default",
       /**
-       * **value**: `{sys.color.surface.ai.hover}`
+       * **value**: `{base.palette.blue.200}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-ai-strong`
        * 
@@ -1880,7 +1880,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-ai-strong",
       /**
-       * **value**: `{sys.color.surface.ai.pressed}`
+       * **value**: `{base.palette.blue.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-ai-stronger`
        * 
@@ -1890,7 +1890,7 @@ export declare const color: {
        */
       "stronger": "--cnvs-sys-color-bg-ai-stronger",
       /**
-       * **value**: `{sys.color.accent.ai}`
+       * **value**: `{base.palette.blue.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-ai-strongest`
        * 
@@ -1902,7 +1902,7 @@ export declare const color: {
     },
     "info": {
       /**
-       * **value**: `{sys.color.surface.info.default}`
+       * **value**: `{base.palette.blue.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-softest`
        * 
@@ -1912,7 +1912,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-info-softest",
       /**
-       * **value**: `{sys.color.surface.info.strong}`
+       * **value**: `{base.palette.blue.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-softer`
        * 
@@ -1922,7 +1922,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-info-softer",
       /**
-       * **value**: `{base.palette.blue.A100}`
+       * **value**: `{base.palette.blue.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-soft`
        * 
@@ -1932,7 +1932,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-info-soft",
       /**
-       * **value**: `{sys.color.accent.info}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-default`
        * 
@@ -1952,7 +1952,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-info-strong",
       /**
-       * **value**: `{sys.color.accent.info}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-stronger`
        * 
@@ -1973,7 +1973,7 @@ export declare const color: {
   },
   "text": {
     /**
-     * **value**: `{sys.color.fg.default}`
+     * **value**: `{base.palette.neutral.800}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-default`
      * 
@@ -1983,7 +1983,7 @@ export declare const color: {
      */
     "default": "--cnvs-sys-color-text-default",
     /**
-     * **value**: `{sys.color.fg.strong}`
+     * **value**: `{base.palette.neutral.900}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-strong`
      * 
@@ -1993,7 +1993,7 @@ export declare const color: {
      */
     "strong": "--cnvs-sys-color-text-strong",
     /**
-     * **value**: `{sys.color.fg.strong}`
+     * **value**: `{base.palette.neutral.950}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-stronger`
      * 
@@ -2013,7 +2013,7 @@ export declare const color: {
      */
     "disabled": "--cnvs-sys-color-text-disabled",
     /**
-     * **value**: `{sys.color.fg.muted.default}`
+     * **value**: `{base.palette.slate.600}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-hint`
      * 
@@ -2023,7 +2023,7 @@ export declare const color: {
      */
     "hint": "--cnvs-sys-color-text-hint",
     /**
-     * **value**: `{sys.color.fg.inverse}`
+     * **value**: `{base.palette.neutral.0}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-inverse`
      * 
@@ -2034,7 +2034,7 @@ export declare const color: {
     "inverse": "--cnvs-sys-color-text-inverse",
     "critical": {
       /**
-       * **value**: `{sys.color.brand.fg.critical.default}`
+       * **value**: `{base.palette.red.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-critical-default`
        * 
@@ -2044,7 +2044,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-text-critical-default",
       /**
-       * **value**: `{sys.color.brand.fg.critical.strong}`
+       * **value**: `{base.palette.red.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-critical-strong`
        * 
@@ -2054,7 +2054,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-text-critical-strong",
       /**
-       * **value**: `{sys.color.brand.fg.critical.strong}`
+       * **value**: `{base.palette.red.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-critical-stronger`
        * 
@@ -2086,7 +2086,7 @@ export declare const color: {
     },
     "primary": {
       /**
-       * **value**: `{sys.color.brand.fg.primary.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-primary-default`
        * 
@@ -2096,7 +2096,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-text-primary-default",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-primary-strong`
        * 
@@ -2106,7 +2106,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-text-primary-strong",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-primary-stronger`
        * 
@@ -2138,7 +2138,7 @@ export declare const color: {
     },
     "caution": {
       /**
-       * **value**: `{sys.color.fg.contrast.default}`
+       * **value**: `{base.palette.amber.900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-caution-default`
        * 
@@ -2148,7 +2148,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-text-caution-default",
       /**
-       * **value**: `{sys.color.fg.contrast.strong}`
+       * **value**: `{base.palette.amber.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-caution-strong`
        * 
@@ -2168,7 +2168,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-text-caution-soft",
       /**
-       * **value**: `{sys.color.fg.contrast.strong}`
+       * **value**: `{base.palette.amber.975}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-caution-stronger`
        * 
@@ -2198,7 +2198,7 @@ export declare const color: {
     "ai": "--cnvs-sys-color-text-ai",
     "positive": {
       /**
-       * **value**: `{sys.color.brand.fg.positive.default}`
+       * **value**: `{base.palette.green.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-positive-default`
        * 
@@ -2208,7 +2208,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-text-positive-default",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-positive-strong`
        * 
@@ -2218,7 +2218,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-text-positive-strong",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-positive-stronger`
        * 
@@ -2250,7 +2250,7 @@ export declare const color: {
     },
     "info": {
       /**
-       * **value**: `{sys.color.fg.info.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-info-default`
        * 
@@ -2260,7 +2260,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-text-info-default",
       /**
-       * **value**: `{sys.color.fg.info.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-info-strong`
        * 
@@ -2270,7 +2270,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-text-info-strong",
       /**
-       * **value**: `{sys.color.fg.info.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-info-stronger`
        * 
@@ -2303,7 +2303,7 @@ export declare const color: {
   },
   "icon": {
     /**
-     * **value**: `{sys.color.fg.default}`
+     * **value**: `{base.palette.neutral.800}`
      * 
      * **CSS Var**: `--cnvs-sys-color-icon-default`
      * 
@@ -2313,7 +2313,7 @@ export declare const color: {
      */
     "default": "--cnvs-sys-color-icon-default",
     /**
-     * **value**: `{sys.color.fg.muted.default}`
+     * **value**: `{base.palette.slate.600}`
      * 
      * **CSS Var**: `--cnvs-sys-color-icon-soft`
      * 
@@ -2323,7 +2323,7 @@ export declare const color: {
      */
     "soft": "--cnvs-sys-color-icon-soft",
     /**
-     * **value**: `{sys.color.fg.muted.strong}`
+     * **value**: `{base.palette.neutral.900}`
      * 
      * **CSS Var**: `--cnvs-sys-color-icon-strong`
      * 
@@ -2344,7 +2344,7 @@ export declare const color: {
     "inverse": "--cnvs-sys-color-icon-inverse",
     "primary": {
       /**
-       * **value**: `{sys.color.brand.fg.primary.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-primary-default`
        * 
@@ -2354,7 +2354,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-primary-default",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-primary-strong`
        * 
@@ -2364,7 +2364,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-icon-primary-strong",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-primary-stronger`
        * 
@@ -2396,7 +2396,7 @@ export declare const color: {
     },
     "positive": {
       /**
-       * **value**: `{sys.color.brand.fg.positive.default}`
+       * **value**: `{base.palette.green.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-positive-default`
        * 
@@ -2406,7 +2406,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-positive-default",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-positive-strong`
        * 
@@ -2416,7 +2416,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-icon-positive-strong",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-positive-stronger`
        * 
@@ -2448,7 +2448,7 @@ export declare const color: {
     },
     "critical": {
       /**
-       * **value**: `{sys.color.brand.fg.critical.default}`
+       * **value**: `{base.palette.red.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-critical-default`
        * 
@@ -2458,7 +2458,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-critical-default",
       /**
-       * **value**: `{sys.color.brand.fg.critical.strong}`
+       * **value**: `{base.palette.red.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-critical-strong`
        * 
@@ -2500,7 +2500,7 @@ export declare const color: {
     },
     "caution": {
       /**
-       * **value**: `{sys.color.fg.contrast.default}`
+       * **value**: `{base.palette.amber.900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-caution-default`
        * 
@@ -2510,7 +2510,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-caution-default",
       /**
-       * **value**: `{sys.color.brand.fg.caution.default}`
+       * **value**: `{base.palette.amber.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-caution-strong`
        * 
@@ -2520,7 +2520,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-icon-caution-strong",
       /**
-       * **value**: `{sys.color.brand.fg.caution.strong}`
+       * **value**: `{base.palette.amber.975}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-caution-stronger`
        * 
@@ -2530,7 +2530,7 @@ export declare const color: {
        */
       "stronger": "--cnvs-sys-color-icon-caution-stronger",
       /**
-       * **value**: `{sys.color.brand.fg.caution.default}`
+       * **value**: `{base.palette.amber.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-caution-soft`
        * 
@@ -2562,7 +2562,7 @@ export declare const color: {
     "disabled": "--cnvs-sys-color-icon-disabled",
     "info": {
       /**
-       * **value**: `{sys.color.fg.info.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-info-default`
        * 
@@ -2572,7 +2572,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-info-default",
       /**
-       * **value**: `{sys.color.fg.info.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-info-strong`
        * 
@@ -2596,7 +2596,7 @@ export declare const color: {
   "fg": {
     "critical": {
       /**
-       * **value**: `{sys.color.brand.fg.critical.default}`
+       * **value**: `{base.palette.red.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-critical-default`
        * 
@@ -2606,7 +2606,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-fg-critical-default",
       /**
-       * **value**: `{sys.color.brand.fg.critical.strong}`
+       * **value**: `{base.palette.red.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-critical-strong`
        * 
@@ -2648,7 +2648,7 @@ export declare const color: {
     },
     "muted": {
       /**
-       * **value**: `{sys.color.fg.muted.strong}`
+       * **value**: `{base.palette.slate.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-muted-stronger`
        * 
@@ -2684,7 +2684,7 @@ export declare const color: {
     },
     "primary": {
       /**
-       * **value**: `{sys.color.brand.fg.primary.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-primary-default`
        * 
@@ -2712,17 +2712,17 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-fg-primary-softer",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-primary-stronger`
        * 
        * Links on hover
        * 
-       * @deprecated Use sys.color.brand.fg.primary.strong  instead
+       * @deprecated Use sys.color.brand.fg.primary.strong instead
        */
       "stronger": "--cnvs-sys-color-fg-primary-stronger",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-primary-strong`
        * 
@@ -2734,7 +2734,7 @@ export declare const color: {
     },
     "caution": {
       /**
-       * **value**: `{sys.color.brand.fg.caution.default}`
+       * **value**: `{base.palette.amber.900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-caution-default`
        * 
@@ -2744,7 +2744,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-fg-caution-default",
       /**
-       * **value**: `{sys.color.fg.contrast.default}`
+       * **value**: `{base.palette.amber.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-caution-strong`
        * 
@@ -2786,7 +2786,7 @@ export declare const color: {
     },
     "info": {
       /**
-       * **value**: `{sys.color.fg.ai}`
+       * **value**: `{base.palette.blue.200}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-info-softer`
        * 
@@ -2804,7 +2804,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-fg-info-soft",
       /**
-       * **value**: `{sys.color.fg.info.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-info-stronger`
        * 
@@ -2828,7 +2828,7 @@ export declare const color: {
     },
     "positive": {
       /**
-       * **value**: `{sys.color.fg.success.default}`
+       * **value**: `{base.palette.green.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-positive-default`
        * 
@@ -2838,7 +2838,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-fg-positive-default",
       /**
-       * **value**: `{base.palette.green.50}`
+       * **value**: `{base.palette.green.200}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-positive-softer`
        * 
@@ -2858,7 +2858,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-fg-positive-soft",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-positive-strong`
        * 
@@ -2868,7 +2868,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-fg-positive-strong",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-positive-stronger`
        * 
@@ -3010,7 +3010,7 @@ export declare const color: {
        */
       "disabled": "--cnvs-sys-color-border-input-disabled",
       /**
-       * **value**: `{sys.color.border.input.hover}`
+       * **value**: `{base.palette.slate.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-input-strong`
        * 
@@ -3020,7 +3020,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-border-input-strong",
       /**
-       * **value**: `{sys.color.border.inverse.default}`
+       * **value**: `{base.palette.neutral.0}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-input-inverse`
        * 
@@ -3048,7 +3048,7 @@ export declare const color: {
     },
     "contrast": {
       /**
-       * **value**: `{sys.color.border.contrast.default}`
+       * **value**: `{base.palette.neutral.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-contrast-strong`
        * 
@@ -3066,7 +3066,7 @@ export declare const color: {
     },
     "critical": {
       /**
-       * **value**: `{sys.color.brand.border.critical}`
+       * **value**: `{base.palette.red.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-critical-default`
        * 
@@ -3078,7 +3078,7 @@ export declare const color: {
     },
     "caution": {
       /**
-       * **value**: `{sys.color.brand.focus.caution.inner}`
+       * **value**: `{base.palette.amber.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-caution-default`
        * 
@@ -3088,7 +3088,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-border-caution-default",
       /**
-       * **value**: `{sys.color.brand.focus.caution.outer}`
+       * **value**: `{base.palette.amber.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-caution-strong`
        * 
@@ -3099,7 +3099,7 @@ export declare const color: {
       "strong": "--cnvs-sys-color-border-caution-strong",
     },
     /**
-     * **value**: `{sys.color.border.default}`
+     * **value**: `{base.palette.slate.200}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-divider`
      * 
@@ -3110,7 +3110,7 @@ export declare const color: {
     "divider": "--cnvs-sys-color-border-divider",
     "primary": {
       /**
-       * **value**: `{sys.color.brand.border.primary}`
+       * **value**: `{base.palette.blue.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-primary-default`
        * 
@@ -3121,7 +3121,7 @@ export declare const color: {
       "default": "--cnvs-sys-color-border-primary-default",
     },
     /**
-     * **value**: `{sys.color.border.strong}`
+     * **value**: `{base.palette.slate.300}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-container`
      * 
@@ -3266,7 +3266,7 @@ export declare const color: {
     },
     "blue": {
       /**
-       * **value**: `{sys.color.accent.info}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-blue-default`
        * 
@@ -3574,7 +3574,7 @@ export declare const color: {
     },
     "amber": {
       /**
-       * **value**: `{sys.color.accent.warning}`
+       * **value**: `{base.palette.amber.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-default`
        * 
@@ -3584,7 +3584,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-static-amber-default",
       /**
-       * **value**: `{sys.color.surface.warning.default}`
+       * **value**: `{base.palette.amber.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-softest`
        * 
@@ -3594,7 +3594,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-static-amber-softest",
       /**
-       * **value**: `{sys.color.accent.warning}`
+       * **value**: `{base.palette.amber.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-strong`
        * 
@@ -3604,7 +3604,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-static-amber-strong",
       /**
-       * **value**: `{sys.color.accent.warning}`
+       * **value**: `{base.palette.amber.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-stronger`
        * 
@@ -3624,7 +3624,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-static-amber-softer",
       /**
-       * **value**: `{sys.color.fg.warning.strong}`
+       * **value**: `{base.palette.amber.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-strongest`
        * 
@@ -3634,7 +3634,7 @@ export declare const color: {
        */
       "strongest": "--cnvs-sys-color-static-amber-strongest",
       /**
-       * **value**: `{sys.color.surface.warning.strong}`
+       * **value**: `{base.palette.amber.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-soft`
        *