@workday/canvas-tokens-web 4.0.0-alpha.1 → 4.0.0-alpha.11

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

@@ -1,172 +1,488 @@
 /**
  * Do not edit directly
- * Generated on Thu, 06 Nov 2025 16:00:38 GMT
+ * Generated on Fri, 16 Jan 2026 21:46:13 GMT
  */
 
+/** {base.palette.blue.25} */
+export declare const primary25: "--cnvs-brand-primary-25";
+
+/** {base.palette.blue.50} */
+export declare const primary50: "--cnvs-brand-primary-50";
+
+/** {base.palette.blue.100} */
+export declare const primary100: "--cnvs-brand-primary-100";
+
+/** {base.palette.blue.200} */
+export declare const primary200: "--cnvs-brand-primary-200";
+
+/** {base.palette.blue.300} */
+export declare const primary300: "--cnvs-brand-primary-300";
+
+/** {base.palette.blue.400} */
+export declare const primary400: "--cnvs-brand-primary-400";
+
+/** {base.palette.blue.500} */
+export declare const primary500: "--cnvs-brand-primary-500";
+
+/**
+ * {base.palette.blue.600}
+ * 
+ * Base primary color. Use fg.inverse on this.
+ * 
+ * 
+ */
+export declare const primary600: "--cnvs-brand-primary-600";
+
+/** {base.palette.blue.700} */
+export declare const primary700: "--cnvs-brand-primary-700";
+
+/** {base.palette.blue.800} */
+export declare const primary800: "--cnvs-brand-primary-800";
+
+/** {base.palette.blue.900} */
+export declare const primary900: "--cnvs-brand-primary-900";
+
+/** {base.palette.blue.950} */
+export declare const primary950: "--cnvs-brand-primary-950";
+
+/** {base.palette.blue.975} */
+export declare const primary975: "--cnvs-brand-primary-975";
+
 export declare const primary: {
-  /** oklch(0.5198 0.1782 256.11 / 1) */
+  /** {brand.primary.600} */
   "base": "--cnvs-brand-primary-base",
-  /** oklch(0.969 0.0155 248.07 / 1) */
+  /** {brand.primary.25} */
   "lightest": "--cnvs-brand-primary-lightest",
-  /** oklch(0.3908 0.128 256 / 1) */
+  /** {brand.primary.800} */
   "darkest": "--cnvs-brand-primary-darkest",
-  /** oklch(0.4658 0.1562 255.5 / 1) */
+  /** {brand.primary.700} */
   "dark": "--cnvs-brand-primary-dark",
-  /** oklch(1 0 0 / 1) */
+  /** {sys.color.fg.inverse} */
   "accent": "--cnvs-brand-primary-accent",
-  /** oklch(0.9523 0.0239 248.12 / 1) */
+  /** {brand.primary.50} */
   "lighter": "--cnvs-brand-primary-lighter",
-  /** oklch(0.8627 0.0701 250.6 / 1) */
+  /** {brand.primary.200} */
   "light": "--cnvs-brand-primary-light",
 };
 
+/** oklch(0.6499 0.1912 253.52 / 0.08) */
+export declare const primaryA25: "--cnvs-brand-primary-a25";
+
+/** oklch(0.6152 0.2108 256.1 / 0.11) */
+export declare const primaryA50: "--cnvs-brand-primary-a50";
+
+/** oklch(0.6225 0.2064 255.9 / 0.17) */
+export declare const primaryA100: "--cnvs-brand-primary-a100";
+
+/** oklch(0.6048 0.2166 257.21 / 0.31) */
+export declare const primaryA200: "--cnvs-brand-primary-a200";
+
 export declare const error: {
-  /** oklch(0.5342 0.2172 29.53 / 1) */
+  /** {brand.critical.600} */
   "base": "--cnvs-brand-error-base",
-  /** oklch(0.9667 0.0163 21.82 / 1) */
+  /** {brand.critical.25} */
   "lightest": "--cnvs-brand-error-lightest",
-  /** oklch(0.4517 0.1847 28.2 / 1) */
+  /** {brand.critical.700} */
   "dark": "--cnvs-brand-error-dark",
-  /** oklch(0.3712 0.1509 26.08 / 1) */
+  /** {brand.critical.800} */
   "darkest": "--cnvs-brand-error-darkest",
-  /** oklch(1 0 0 / 1) */
+  /** {sys.color.fg.inverse} */
   "accent": "--cnvs-brand-error-accent",
-  /** oklch(0.9533 0.0231 23.95 / 1) */
+  /** {brand.critical.50} */
   "lighter": "--cnvs-brand-error-lighter",
-  /** oklch(0.8339 0.092 28.19 / 1) */
+  /** {brand.critical.200} */
   "light": "--cnvs-brand-error-light",
 };
 
 export declare const alert: {
-  /** oklch(0.7909 0.1711 70.15 / 1) */
+  /** {brand.caution.400} */
   "base": "--cnvs-brand-alert-base",
-  /** oklch(0.969 0.0619 101.63 / 1) */
+  /** {brand.caution.50} */
   "lighter": "--cnvs-brand-alert-lighter",
-  /** oklch(0.9779 0.0214 95.33 / 1) */
+  /** {brand.caution.25} */
   "lightest": "--cnvs-brand-alert-lightest",
-  /** oklch(0.6601 0.1537 60.7 / 1) */
+  /** {brand.caution.500} */
   "dark": "--cnvs-brand-alert-dark",
-  /** oklch(0.5505 0.1439 50.78 / 1) */
+  /** {brand.caution.600} */
   "darkest": "--cnvs-brand-alert-darkest",
-  /** oklch(0.2308 0 0 / 1) */
+  /** {sys.color.fg.contrast.default} */
   "accent": "--cnvs-brand-alert-accent",
-  /** oklch(0.9191 0.1547 99.7 / 1) */
+  /** {brand.caution.200} */
   "light": "--cnvs-brand-alert-light",
 };
 
 export declare const success: {
-  /** oklch(0.5069 0.1569 145.56 / 1) */
+  /** {brand.positive.600} */
   "base": "--cnvs-brand-success-base",
-  /** oklch(0.9824 0.0282 148.77 / 1) */
+  /** {brand.positive.25} */
   "lightest": "--cnvs-brand-success-lightest",
-  /** oklch(0.9655 0.0561 149.93 / 1) */
+  /** {brand.positive.50} */
   "lighter": "--cnvs-brand-success-lighter",
-  /** oklch(0.4463 0.1422 144.58 / 1) */
+  /** {brand.positive.700} */
   "dark": "--cnvs-brand-success-dark",
-  /** oklch(0.3955 0.1156 147.66 / 1) */
+  /** {brand.positive.800} */
   "darkest": "--cnvs-brand-success-darkest",
-  /** oklch(1 0 0 / 1) */
+  /** {sys.color.fg.inverse} */
   "accent": "--cnvs-brand-success-accent",
-  /** oklch(0.8506 0.1804 149.93 / 1) */
+  /** {brand.positive.200} */
   "light": "--cnvs-brand-success-light",
 };
 
+/** {base.palette.slate.25} */
+export declare const neutral25: "--cnvs-brand-neutral-25";
+
+/** {base.palette.slate.50} */
+export declare const neutral50: "--cnvs-brand-neutral-50";
+
+/** {base.palette.slate.100} */
+export declare const neutral100: "--cnvs-brand-neutral-100";
+
+/** {base.palette.slate.200} */
+export declare const neutral200: "--cnvs-brand-neutral-200";
+
+/** {base.palette.slate.300} */
+export declare const neutral300: "--cnvs-brand-neutral-300";
+
+/** {base.palette.slate.400} */
+export declare const neutral400: "--cnvs-brand-neutral-400";
+
+/** {base.palette.slate.500} */
+export declare const neutral500: "--cnvs-brand-neutral-500";
+
+/** {base.palette.slate.600} */
+export declare const neutral600: "--cnvs-brand-neutral-600";
+
+/** {base.palette.slate.700} */
+export declare const neutral700: "--cnvs-brand-neutral-700";
+
+/** {base.palette.slate.800} */
+export declare const neutral800: "--cnvs-brand-neutral-800";
+
+/** {base.palette.slate.900} */
+export declare const neutral900: "--cnvs-brand-neutral-900";
+
+/** {base.palette.slate.950} */
+export declare const neutral950: "--cnvs-brand-neutral-950";
+
+/** {base.palette.slate.975} */
+export declare const neutral975: "--cnvs-brand-neutral-975";
+
 export declare const neutral: {
-  /** oklch(0.9846 0.0018 248.57 / 1) */
+  /** {brand.neutral.25} */
   "lightest": "--cnvs-brand-neutral-lightest",
-  /** oklch(0.5103 0.0255 256.8 / 1) */
+  /** {brand.neutral.600} */
   "base": "--cnvs-brand-neutral-base",
-  /** oklch(0.45 0.022 255.52 / 1) */
+  /** {brand.neutral.700} */
   "dark": "--cnvs-brand-neutral-dark",
-  /** oklch(0.3685 0.0218 256.4 / 1) */
+  /** {brand.neutral.800} */
   "darkest": "--cnvs-brand-neutral-darkest",
-  /** oklch(1 0 0 / 1) */
+  /** {sys.color.fg.inverse} */
   "accent": "--cnvs-brand-neutral-accent",
-  /** oklch(0.9692 0.0035 248.23 / 1) */
+  /** {base.palette.slate.50} */
   "lighter": "--cnvs-brand-neutral-lighter",
-  /** oklch(0.917 0.0081 254 / 1) */
+  /** {base.palette.slate.200} */
   "light": "--cnvs-brand-neutral-light",
 };
 
+/** oklch(0.4688 0.0781 250.43 / 0.03) */
+export declare const neutralA25: "--cnvs-brand-neutral-a25";
+
+/** oklch(0.3343 0.0951 253.3 / 0.05) */
+export declare const neutralA50: "--cnvs-brand-neutral-a50";
+
+/** oklch(0.3337 0.0688 250.79 / 0.09) */
+export declare const neutralA100: "--cnvs-brand-neutral-a100";
+
+/** oklch(0.3057 0.079 256.22 / 0.13) */
+export declare const neutralA200: "--cnvs-brand-neutral-a200";
+
+/** oklch(0.2442 0.0693 257.66 / 0.21) */
+export declare const neutralA300: "--cnvs-brand-neutral-a300";
+
+/** oklch(0.2333 0.0665 257.09 / 0.35) */
+export declare const neutralA400: "--cnvs-brand-neutral-a400";
+
+/** oklch(0.2187 0.0685 255.77 / 0.51) */
+export declare const neutralA500: "--cnvs-brand-neutral-a500";
+
+/** oklch(0.1793 0.0503 254.55 / 0.64) */
+export declare const neutralA600: "--cnvs-brand-neutral-a600";
+
+/** oklch(0.1595 0.0431 250.87 / 0.7) */
+export declare const neutralA700: "--cnvs-brand-neutral-a700";
+
+/** oklch(0.157 0.0349 253.16 / 0.79) */
+export declare const neutralA800: "--cnvs-brand-neutral-a800";
+
+/** oklch(0.1351 0.0244 244.09 / 0.87) */
+export declare const neutralA900: "--cnvs-brand-neutral-a900";
+
+/** oklch(0.1312 0.0198 248.87 / 0.9) */
+export declare const neutralA950: "--cnvs-brand-neutral-a950";
+
+/** oklch(0.1168 0.014 231.47 / 0.95) */
+export declare const neutralA975: "--cnvs-brand-neutral-a975";
+
 export declare const common: {
-  /** oklch(0.6023 0.2032 255.68 / 1) */
+  /** {brand.common.focus} */
   "focusOutline": "--cnvs-brand-common-focus-outline",
-  /** oklch(0.6495 0.2369 30.04 / 1) */
+  /** {brand.common.critical} */
   "errorInner": "--cnvs-brand-common-error-inner",
-  /** oklch(0.7909 0.1711 70.15 / 1) */
+  /** {brand.common.caution.inner} */
   "alertInner": "--cnvs-brand-common-alert-inner",
-  /** oklch(0.6601 0.1537 60.7 / 1) */
+  /** {brand.common.caution.outer} */
   "alertOuter": "--cnvs-brand-common-alert-outer",
+  /** {brand.primary.500} */
+  "focus": "--cnvs-brand-common-focus",
+  /** {brand.critical.500} */
+  "critical": "--cnvs-brand-common-critical",
+  "caution": {
+    /** {brand.caution.400} */
+    "inner": "--cnvs-brand-common-caution-inner",
+    /** {brand.caution.500} */
+    "outer": "--cnvs-brand-common-caution-outer",
+  },
 };
 
+/** {base.palette.red.25} */
+export declare const critical25: "--cnvs-brand-critical-25";
+
+/** {base.palette.red.50} */
+export declare const critical50: "--cnvs-brand-critical-50";
+
+/** {base.palette.red.100} */
+export declare const critical100: "--cnvs-brand-critical-100";
+
+/** {base.palette.red.200} */
+export declare const critical200: "--cnvs-brand-critical-200";
+
+/** {base.palette.red.300} */
+export declare const critical300: "--cnvs-brand-critical-300";
+
+/** {base.palette.red.400} */
+export declare const critical400: "--cnvs-brand-critical-400";
+
+/** {base.palette.red.500} */
+export declare const critical500: "--cnvs-brand-critical-500";
+
+/**
+ * {base.palette.red.600}
+ * 
+ * Base critical color. Use fg.inverse on this.
+ * 
+ * 
+ */
+export declare const critical600: "--cnvs-brand-critical-600";
+
+/** {base.palette.red.700} */
+export declare const critical700: "--cnvs-brand-critical-700";
+
+/** {base.palette.red.800} */
+export declare const critical800: "--cnvs-brand-critical-800";
+
+/** {base.palette.red.900} */
+export declare const critical900: "--cnvs-brand-critical-900";
+
+/** {base.palette.red.950} */
+export declare const critical950: "--cnvs-brand-critical-950";
+
+/** {base.palette.red.975} */
+export declare const critical975: "--cnvs-brand-critical-975";
+
+/** oklch(0.6289 0.2567 29.11 / 0.04) */
+export declare const criticalA25: "--cnvs-brand-critical-a25";
+
+/** oklch(0.6434 0.2428 30.17 / 0.1) */
+export declare const criticalA50: "--cnvs-brand-critical-a50";
+
+/** oklch(0.6382 0.248 30.42 / 0.16) */
+export declare const criticalA100: "--cnvs-brand-critical-a100";
+
+/** oklch(0.6375 0.2487 30.71 / 0.35) */
+export declare const criticalA200: "--cnvs-brand-critical-a200";
+
+/** {base.palette.amber.25} */
+export declare const caution25: "--cnvs-brand-caution-25";
+
+/** {base.palette.amber.50} */
+export declare const caution50: "--cnvs-brand-caution-50";
+
+/** {base.palette.amber.100} */
+export declare const caution100: "--cnvs-brand-caution-100";
+
+/** {base.palette.amber.200} */
+export declare const caution200: "--cnvs-brand-caution-200";
+
+/** {base.palette.amber.300} */
+export declare const caution300: "--cnvs-brand-caution-300";
+
+/**
+ * {base.palette.amber.400}
+ * 
+ * Base caution color (amber.400). Use fg.contrast on this.
+ * 
+ * 
+ */
+export declare const caution400: "--cnvs-brand-caution-400";
+
+/** {base.palette.amber.500} */
+export declare const caution500: "--cnvs-brand-caution-500";
+
+/** {base.palette.amber.600} */
+export declare const caution600: "--cnvs-brand-caution-600";
+
+/** {base.palette.amber.700} */
+export declare const caution700: "--cnvs-brand-caution-700";
+
+/** {base.palette.amber.800} */
+export declare const caution800: "--cnvs-brand-caution-800";
+
+/** {base.palette.amber.900} */
+export declare const caution900: "--cnvs-brand-caution-900";
+
+/** {base.palette.amber.950} */
+export declare const caution950: "--cnvs-brand-caution-950";
+
+/** {base.palette.amber.975} */
+export declare const caution975: "--cnvs-brand-caution-975";
+
+/** oklch(0.7982 0.159 92.57 / 0.1) */
+export declare const cautionA25: "--cnvs-brand-caution-a25";
+
+/** oklch(0.8864 0.1845 100.28 / 0.22) */
+export declare const cautionA50: "--cnvs-brand-caution-a50";
+
+/** oklch(0.8988 0.185 97.8 / 0.35) */
+export declare const cautionA100: "--cnvs-brand-caution-a100";
+
+/** oklch(0.886 0.1822 96.83 / 0.64) */
+export declare const cautionA200: "--cnvs-brand-caution-a200";
+
+/** {base.palette.green.25} */
+export declare const positive25: "--cnvs-brand-positive-25";
+
+/** {base.palette.green.50} */
+export declare const positive50: "--cnvs-brand-positive-50";
+
+/** {base.palette.green.100} */
+export declare const positive100: "--cnvs-brand-positive-100";
+
+/** {base.palette.green.200} */
+export declare const positive200: "--cnvs-brand-positive-200";
+
+/** {base.palette.green.300} */
+export declare const positive300: "--cnvs-brand-positive-300";
+
+/** {base.palette.green.400} */
+export declare const positive400: "--cnvs-brand-positive-400";
+
+/** {base.palette.green.500} */
+export declare const positive500: "--cnvs-brand-positive-500";
+
+/**
+ * {base.palette.green.600}
+ * 
+ * Base success color. Use fg.inverse on this.
+ * 
+ * 
+ */
+export declare const positive600: "--cnvs-brand-positive-600";
+
+/** {base.palette.green.700} */
+export declare const positive700: "--cnvs-brand-positive-700";
+
+/** {base.palette.green.800} */
+export declare const positive800: "--cnvs-brand-positive-800";
+
+/** {base.palette.green.900} */
+export declare const positive900: "--cnvs-brand-positive-900";
+
+/** {base.palette.green.950} */
+export declare const positive950: "--cnvs-brand-positive-950";
+
+/** {base.palette.green.975} */
+export declare const positive975: "--cnvs-brand-positive-975";
+
+/** oklch(0.8695 0.2801 143.52 / 0.08) */
+export declare const positiveA25: "--cnvs-brand-positive-a25";
+
+/** oklch(0.8685 0.2814 143.77 / 0.15) */
+export declare const positiveA50: "--cnvs-brand-positive-a50";
+
+/** oklch(0.8316 0.2716 143.71 / 0.29) */
+export declare const positiveA100: "--cnvs-brand-positive-a100";
+
+/** oklch(0.796 0.2508 144.9 / 0.6) */
+export declare const positiveA200: "--cnvs-brand-positive-a200";
+
 export declare const action: {
   /**
-   * oklch(0.5198 0.1782 256.11 / 1)
-   * 
-   * token: base.blue.600
+   * {base.palette.blue.600}
    * 
    * Base action color
+   * 
+   * 
    */
   "base": "--cnvs-brand-action-base",
   /**
-   * oklch(0.969 0.0155 248.07 / 1)
-   * 
-   * token: base.blue.25
+   * {base.palette.blue.25}
    * 
    * Lightest action color
+   * 
+   * 
    */
   "lightest": "--cnvs-brand-action-lightest",
   /**
-   * oklch(0.8627 0.0701 250.6 / 1)
-   * 
-   * token: base.blue.200
+   * {base.palette.blue.200}
    * 
    * Light action color
+   * 
+   * 
    */
   "light": "--cnvs-brand-action-light",
   /**
-   * oklch(0.2452 0.0752 254.55 / 1)
-   * 
-   * token: base.blue.950
+   * {base.palette.blue.950}
    * 
    * Darkest action color
+   * 
+   * 
    */
   "darkest": "--cnvs-brand-action-darkest",
   /**
-   * oklch(0.4658 0.1562 255.5 / 1)
-   * 
-   * token: base.blue.700
+   * {base.palette.blue.700}
    * 
    * Dark action color
+   * 
+   * 
    */
   "dark": "--cnvs-brand-action-dark",
   /**
-   * oklch(1 0 0 / 1)
-   * 
-   * token: base.neutral.0
+   * {base.palette.neutral.0}
    * 
    * Foreground color in actions
+   * 
+   * 
    */
   "accent": "--cnvs-brand-action-accent",
   /**
-   * oklch(0.3908 0.128 256 / 1)
-   * 
-   * token: base.blue.800
+   * {base.palette.blue.800}
    * 
    * Dark action color
+   * 
+   * 
    */
   "darker": "--cnvs-brand-action-darker",
   /**
-   * oklch(0.9523 0.0239 248.12 / 1)
-   * 
-   * token: base.blue.50
+   * {base.palette.blue.50}
    * 
    * Lightest action color
+   * 
+   * 
    */
   "lighter": "--cnvs-brand-action-lighter",
 };
 
 export declare const gradient: {
-  /** linear-gradient(90deg, oklch(0.5198 0.1782 256.11 / 1) 0%, oklch(0.4658 0.1562 255.5 / 1) 100%) */
+  /** linear-gradient(90deg, {brand.primary.base} 0%, {brand.primary.dark} 100%) */
   "primary": "--cnvs-brand-gradient-primary",
 };