@workday/canvas-tokens-web 3.0.0 → 3.1.1

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Sep 2025 15:22:47 GMT
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
  */
 
 export declare const breakpoints: {
@@ -540,9 +540,9 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-transparent-default",
       /**
-       * oklch(oklch(0 0 0 / 1) / 0.12)
+       * oklch(oklch(0 0 0 / 1) / 0.08)
        * 
-       * token: oklch({base.neutral.1000} / {base.opacity.200})
+       * token: oklch({base.neutral.1000} / {base.opacity.100})
        * 
        * Inverse Secondary Button Hover state
        */
@@ -574,13 +574,13 @@ export declare const color: {
     "translucent": "--cnvs-sys-color-bg-translucent",
     "alt": {
       /**
-       * oklch(0.9447 0.0053 248.12 / 1)
+       * oklch(0.9846 0.0018 248.57 / 1)
        * 
-       * token: base.slate.100
+       * token: base.slate.25
        * 
-       * Surface hover, Secondary surfaces
+       * Disabled inputs
        */
-      "default": "--cnvs-sys-color-bg-alt-default",
+      "softer": "--cnvs-sys-color-bg-alt-softer",
       /**
        * oklch(0.9692 0.0035 248.23 / 1)
        * 
@@ -589,6 +589,14 @@ export declare const color: {
        * Alternative page background
        */
       "soft": "--cnvs-sys-color-bg-alt-soft",
+      /**
+       * oklch(0.9447 0.0053 248.12 / 1)
+       * 
+       * token: base.slate.100
+       * 
+       * Surface hover, Secondary surfaces
+       */
+      "default": "--cnvs-sys-color-bg-alt-default",
       /**
        * oklch(0.917 0.0081 254 / 1)
        * 
@@ -605,24 +613,16 @@ export declare const color: {
        * Active state for segmented control, Pill
        */
       "stronger": "--cnvs-sys-color-bg-alt-stronger",
-      /**
-       * oklch(0.9846 0.0018 248.57 / 1)
-       * 
-       * token: base.slate.25
-       * 
-       * Disabled inputs
-       */
-      "softer": "--cnvs-sys-color-bg-alt-softer",
     },
     "muted": {
+      /** oklch(0.754 0.0181 256.33 / 1) */
+      "softer": "--cnvs-sys-color-bg-muted-softer",
       /** oklch(0.629 0.0281 255.62 / 1) */
       "soft": "--cnvs-sys-color-bg-muted-soft",
       /** oklch(0.5103 0.0255 256.8 / 1) */
       "default": "--cnvs-sys-color-bg-muted-default",
       /** oklch(0.45 0.022 255.52 / 1) */
       "strong": "--cnvs-sys-color-bg-muted-strong",
-      /** oklch(0.754 0.0181 256.33 / 1) */
-      "softer": "--cnvs-sys-color-bg-muted-softer",
     },
     "contrast": {
       /**
@@ -644,13 +644,13 @@ export declare const color: {
     },
     "primary": {
       /**
-       * oklch(0.5198 0.1782 256.11 / 1)
+       * oklch(0.969 0.0155 248.07 / 1)
        * 
-       * token: base.blue.600
+       * token: base.blue.25
        * 
-       * Primary brand color
+       * Surface
        */
-      "default": "--cnvs-sys-color-bg-primary-default",
+      "softest": "--cnvs-sys-color-bg-primary-softest",
       /**
        * oklch(0.9523 0.0239 248.12 / 1)
        * 
@@ -659,6 +659,22 @@ export declare const color: {
        * Select
        */
       "softer": "--cnvs-sys-color-bg-primary-softer",
+      /**
+       * oklch(0.928 0.0359 250.6 / 1)
+       * 
+       * token: base.blue.100
+       * 
+       * Primary disabled
+       */
+      "soft": "--cnvs-sys-color-bg-primary-soft",
+      /**
+       * oklch(0.5198 0.1782 256.11 / 1)
+       * 
+       * token: base.blue.600
+       * 
+       * Primary brand color
+       */
+      "default": "--cnvs-sys-color-bg-primary-default",
       /**
        * oklch(0.4658 0.1562 255.5 / 1)
        * 
@@ -675,24 +691,32 @@ export declare const color: {
        * Brand active background
        */
       "stronger": "--cnvs-sys-color-bg-primary-stronger",
+    },
+    "positive": {
       /**
-       * oklch(0.969 0.0155 248.07 / 1)
+       * oklch(0.9824 0.0282 148.77 / 1)
        * 
-       * token: base.blue.25
+       * token: base.green.25
        * 
-       * Surface
+       * Lightest surface success background
        */
-      "softest": "--cnvs-sys-color-bg-primary-softest",
+      "softest": "--cnvs-sys-color-bg-positive-softest",
       /**
-       * oklch(0.928 0.0359 250.6 / 1)
+       * oklch(0.9655 0.0561 149.93 / 1)
        * 
-       * token: base.blue.100
+       * token: base.green.50
        * 
-       * Disabled
+       * Surface success background
        */
-      "soft": "--cnvs-sys-color-bg-primary-soft",
-    },
-    "positive": {
+      "softer": "--cnvs-sys-color-bg-positive-softer",
+      /**
+       * oklch(0.9278 0.1024 149.88 / 1)
+       * 
+       * token: base.green.100
+       * 
+       * Disabled success background
+       */
+      "soft": "--cnvs-sys-color-bg-positive-soft",
       /**
        * oklch(0.5069 0.1569 145.56 / 1)
        * 
@@ -717,32 +741,32 @@ export declare const color: {
        * Active success background
        */
       "stronger": "--cnvs-sys-color-bg-positive-stronger",
+    },
+    "caution": {
       /**
-       * oklch(0.9824 0.0282 148.77 / 1)
+       * oklch(0.9779 0.0214 95.33 / 1)
        * 
-       * token: base.green.25
+       * token: base.amber.25
        * 
-       * Lightest surface success background
+       * Disabled warning background
        */
-      "softest": "--cnvs-sys-color-bg-positive-softest",
+      "softest": "--cnvs-sys-color-bg-caution-softest",
       /**
-       * oklch(0.9278 0.1024 149.88 / 1)
+       * oklch(0.969 0.0619 101.63 / 1)
        * 
-       * token: base.green.100
+       * token: base.amber.50
        * 
-       * Disabled success background
+       * Softer warning background
        */
-      "soft": "--cnvs-sys-color-bg-positive-soft",
+      "softer": "--cnvs-sys-color-bg-caution-softer",
       /**
-       * oklch(0.9655 0.0561 149.93 / 1)
+       * oklch(0.9567 0.0948 100.22 / 1)
        * 
-       * token: base.green.50
+       * token: base.amber.100
        * 
-       * Surface success background
+       * Softer warning background
        */
-      "softer": "--cnvs-sys-color-bg-positive-softer",
-    },
-    "caution": {
+      "soft": "--cnvs-sys-color-bg-caution-soft",
       /**
        * oklch(0.7909 0.1711 70.15 / 1)
        * 
@@ -751,14 +775,6 @@ export declare const color: {
        * Default warning background
        */
       "default": "--cnvs-sys-color-bg-caution-default",
-      /**
-       * oklch(0.9779 0.0214 95.33 / 1)
-       * 
-       * token: base.amber.25
-       * 
-       * Disabled warning background
-       */
-      "softest": "--cnvs-sys-color-bg-caution-softest",
       /**
        * oklch(0.6601 0.1537 60.7 / 1)
        * 
@@ -775,40 +791,40 @@ export declare const color: {
        * Stronger warning background
        */
       "stronger": "--cnvs-sys-color-bg-caution-stronger",
+    },
+    "critical": {
       /**
-       * oklch(0.969 0.0619 101.63 / 1)
+       * oklch(0.9667 0.0163 21.82 / 1)
        * 
-       * token: base.amber.50
+       * token: base.red.25
        * 
-       * Softer warning background
+       * Input error background
        */
-      "softer": "--cnvs-sys-color-bg-caution-softer",
+      "softest": "--cnvs-sys-color-bg-critical-softest",
       /**
-       * oklch(0.9567 0.0948 100.22 / 1)
+       * oklch(0.9533 0.0231 23.95 / 1)
        * 
-       * token: base.amber.100
+       * token: base.red.50
        * 
-       * Softer warning background
+       * Disabled error background
        */
-      "soft": "--cnvs-sys-color-bg-caution-soft",
-    },
-    "critical": {
+      "softer": "--cnvs-sys-color-bg-critical-softer",
       /**
-       * oklch(0.5342 0.2172 29.53 / 1)
+       * oklch(0.9225 0.0394 25.51 / 1)
        * 
-       * token: base.red.600
+       * token: base.red.100
        * 
-       * Default error background
+       * Disabled error background
        */
-      "default": "--cnvs-sys-color-bg-critical-default",
+      "soft": "--cnvs-sys-color-bg-critical-soft",
       /**
-       * oklch(0.9667 0.0163 21.82 / 1)
+       * oklch(0.5342 0.2172 29.53 / 1)
        * 
-       * token: base.red.25
+       * token: base.red.600
        * 
-       * Input error background
+       * Default error background
        */
-      "softest": "--cnvs-sys-color-bg-critical-softest",
+      "default": "--cnvs-sys-color-bg-critical-default",
       /**
        * oklch(0.4517 0.1847 28.2 / 1)
        * 
@@ -825,22 +841,6 @@ export declare const color: {
        * Stronger error background
        */
       "stronger": "--cnvs-sys-color-bg-critical-stronger",
-      /**
-       * oklch(0.9533 0.0231 23.95 / 1)
-       * 
-       * token: base.red.50
-       * 
-       * Disabled error background
-       */
-      "softer": "--cnvs-sys-color-bg-critical-softer",
-      /**
-       * oklch(0.9225 0.0394 25.51 / 1)
-       * 
-       * token: base.red.100
-       * 
-       * Disabled error background
-       */
-      "soft": "--cnvs-sys-color-bg-critical-soft",
     },
     "ai": {
       /**
@@ -929,45 +929,45 @@ export declare const color: {
   },
   "text": {
     /**
-     * oklch(0.2891 0 0 / 1)
+     * oklch(0.3523 0 0 / 1)
      * 
-     * token: base.neutral.900
+     * token: base.neutral.800
      * 
      * Body text
      */
     "default": "--cnvs-sys-color-text-default",
     /**
-     * oklch(0.754 0.0181 256.33 / 1)
+     * oklch(0.2891 0 0 / 1)
      * 
-     * token: base.slate.400
+     * token: base.neutral.900
      * 
-     * Disabled text color
+     * Heading text
      */
-    "disabled": "--cnvs-sys-color-text-disabled",
+    "strong": "--cnvs-sys-color-text-strong",
     /**
-     * oklch(0.5103 0.0255 256.8 / 1)
+     * oklch(0.2308 0 0 / 1)
      * 
-     * token: base.slate.600
+     * token: base.neutral.950
      * 
-     * Hint text color
+     * Display text
      */
-    "hint": "--cnvs-sys-color-text-hint",
+    "stronger": "--cnvs-sys-color-text-stronger",
     /**
-     * oklch(0.2308 0 0 / 1)
+     * oklch(0.754 0.0181 256.33 / 1)
      * 
-     * token: base.neutral.950
+     * token: base.slate.400
      * 
-     * Heading text
+     * Disabled text color
      */
-    "strong": "--cnvs-sys-color-text-strong",
+    "disabled": "--cnvs-sys-color-text-disabled",
     /**
-     * oklch(0.1591 0 0 / 1)
+     * oklch(0.5103 0.0255 256.8 / 1)
      * 
-     * token: base.neutral.975
+     * token: base.slate.600
      * 
-     * Display text
+     * Hint text color
      */
-    "stronger": "--cnvs-sys-color-text-stronger",
+    "hint": "--cnvs-sys-color-text-hint",
     /**
      * oklch(1 0 0 / 1)
      * 
@@ -1078,11 +1078,11 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-text-caution-strong",
       /**
-       * oklch(0.4824 0.1353 46.11 / 1)
+       * oklch(0.7909 0.1711 70.15 / 1)
        * 
-       * token: base.amber.700
+       * token: base.amber.400
        * 
-       * Strong warning text
+       * Disabled warning text
        */
       "soft": "--cnvs-sys-color-text-caution-soft",
       /**
@@ -1090,15 +1090,15 @@ export declare const color: {
        * 
        * token: base.amber.975
        * 
-       * Strong warning text
+       * Stronger warning text
        */
       "stronger": "--cnvs-sys-color-text-caution-stronger",
       /**
-       * oklch(0.6601 0.1537 60.7 / 1)
+       * oklch(0.9191 0.1547 99.7 / 1)
        * 
-       * token: base.amber.500
+       * token: base.amber.200
        * 
-       * Strong warning text
+       * Softer warning text
        */
       "softer": "--cnvs-sys-color-text-caution-softer",
     },
@@ -1191,9 +1191,9 @@ export declare const color: {
   },
   "icon": {
     /**
-     * oklch(0.2891 0 0 / 1)
+     * oklch(0.3523 0 0 / 1)
      * 
-     * token: base.neutral.900
+     * token: base.neutral.800
      * 
      * Default icon color
      */
@@ -1207,9 +1207,9 @@ export declare const color: {
      */
     "soft": "--cnvs-sys-color-icon-soft",
     /**
-     * oklch(0.2308 0 0 / 1)
+     * oklch(0.2891 0 0 / 1)
      * 
-     * token: base.neutral.950
+     * token: base.neutral.900
      * 
      * Hover icon color
      */
@@ -1378,7 +1378,7 @@ export declare const color: {
        * 
        * token: base.amber.700
        * 
-       * Strong caution icon color
+       * Soft caution icon color
        */
       "soft": "--cnvs-sys-color-icon-caution-soft",
       /**
@@ -1386,7 +1386,7 @@ export declare const color: {
        * 
        * token: base.amber.500
        * 
-       * Strong caution icon color
+       * Softer caution icon color
        */
       "softer": "--cnvs-sys-color-icon-caution-softer",
     },
@@ -1427,25 +1427,25 @@ export declare const color: {
   },
   "fg": {
     /**
-     * oklch(0.2891 0 0 / 1)
+     * oklch(0.3523 0 0 / 1)
      * 
-     * token: base.neutral.900
+     * token: base.neutral.800
      * 
      * Body
      */
     "default": "--cnvs-sys-color-fg-default",
     /**
-     * oklch(0.2308 0 0 / 1)
+     * oklch(0.2891 0 0 / 1)
      * 
-     * token: base.neutral.950
+     * token: base.neutral.900
      * 
      * Headings
      */
     "strong": "--cnvs-sys-color-fg-strong",
     /**
-     * oklch(0.1591 0 0 / 1)
+     * oklch(0.2308 0 0 / 1)
      * 
-     * token: base.neutral.975
+     * token: base.neutral.950
      * 
      * Heading on hover
      */
@@ -1600,9 +1600,9 @@ export declare const color: {
        */
       "stronger": "--cnvs-sys-color-fg-caution-stronger",
       /**
-       * oklch(0.9191 0.1547 99.7 / 1)
+       * oklch(0.6601 0.1537 60.7 / 1)
        * 
-       * token: base.amber.200
+       * token: base.amber.500
        * 
        * Warning
        */
@@ -1610,17 +1610,17 @@ export declare const color: {
     },
     "contrast": {
       /**
-       * oklch(0.2308 0 0 / 1)
+       * oklch(0.2891 0 0 / 1)
        * 
-       * token: base.neutral.950
+       * token: base.neutral.900
        * 
        * Contrast
        */
       "default": "--cnvs-sys-color-fg-contrast-default",
       /**
-       * oklch(0.1591 0 0 / 1)
+       * oklch(0.2308 0 0 / 1)
        * 
-       * token: base.neutral.975
+       * token: base.neutral.950
        * 
        * Strong contrast
        */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Sep 2025 15:22:47 GMT
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
  */
 
 "use strict";
@@ -204,53 +204,53 @@ exports.color = {
     "overlay": "--cnvs-sys-color-bg-overlay",
     "translucent": "--cnvs-sys-color-bg-translucent",
     "alt": {
-      "default": "--cnvs-sys-color-bg-alt-default",
+      "softer": "--cnvs-sys-color-bg-alt-softer",
       "soft": "--cnvs-sys-color-bg-alt-soft",
+      "default": "--cnvs-sys-color-bg-alt-default",
       "strong": "--cnvs-sys-color-bg-alt-strong",
-      "stronger": "--cnvs-sys-color-bg-alt-stronger",
-      "softer": "--cnvs-sys-color-bg-alt-softer"
+      "stronger": "--cnvs-sys-color-bg-alt-stronger"
     },
     "muted": {
+      "softer": "--cnvs-sys-color-bg-muted-softer",
       "soft": "--cnvs-sys-color-bg-muted-soft",
       "default": "--cnvs-sys-color-bg-muted-default",
-      "strong": "--cnvs-sys-color-bg-muted-strong",
-      "softer": "--cnvs-sys-color-bg-muted-softer"
+      "strong": "--cnvs-sys-color-bg-muted-strong"
     },
     "contrast": {
       "default": "--cnvs-sys-color-bg-contrast-default",
       "strong": "--cnvs-sys-color-bg-contrast-strong"
     },
     "primary": {
-      "default": "--cnvs-sys-color-bg-primary-default",
+      "softest": "--cnvs-sys-color-bg-primary-softest",
       "softer": "--cnvs-sys-color-bg-primary-softer",
+      "soft": "--cnvs-sys-color-bg-primary-soft",
+      "default": "--cnvs-sys-color-bg-primary-default",
       "strong": "--cnvs-sys-color-bg-primary-strong",
-      "stronger": "--cnvs-sys-color-bg-primary-stronger",
-      "softest": "--cnvs-sys-color-bg-primary-softest",
-      "soft": "--cnvs-sys-color-bg-primary-soft"
+      "stronger": "--cnvs-sys-color-bg-primary-stronger"
     },
     "positive": {
-      "default": "--cnvs-sys-color-bg-positive-default",
-      "strong": "--cnvs-sys-color-bg-positive-strong",
-      "stronger": "--cnvs-sys-color-bg-positive-stronger",
       "softest": "--cnvs-sys-color-bg-positive-softest",
+      "softer": "--cnvs-sys-color-bg-positive-softer",
       "soft": "--cnvs-sys-color-bg-positive-soft",
-      "softer": "--cnvs-sys-color-bg-positive-softer"
+      "default": "--cnvs-sys-color-bg-positive-default",
+      "strong": "--cnvs-sys-color-bg-positive-strong",
+      "stronger": "--cnvs-sys-color-bg-positive-stronger"
     },
     "caution": {
-      "default": "--cnvs-sys-color-bg-caution-default",
       "softest": "--cnvs-sys-color-bg-caution-softest",
-      "strong": "--cnvs-sys-color-bg-caution-strong",
-      "stronger": "--cnvs-sys-color-bg-caution-stronger",
       "softer": "--cnvs-sys-color-bg-caution-softer",
-      "soft": "--cnvs-sys-color-bg-caution-soft"
+      "soft": "--cnvs-sys-color-bg-caution-soft",
+      "default": "--cnvs-sys-color-bg-caution-default",
+      "strong": "--cnvs-sys-color-bg-caution-strong",
+      "stronger": "--cnvs-sys-color-bg-caution-stronger"
     },
     "critical": {
-      "default": "--cnvs-sys-color-bg-critical-default",
       "softest": "--cnvs-sys-color-bg-critical-softest",
-      "strong": "--cnvs-sys-color-bg-critical-strong",
-      "stronger": "--cnvs-sys-color-bg-critical-stronger",
       "softer": "--cnvs-sys-color-bg-critical-softer",
-      "soft": "--cnvs-sys-color-bg-critical-soft"
+      "soft": "--cnvs-sys-color-bg-critical-soft",
+      "default": "--cnvs-sys-color-bg-critical-default",
+      "strong": "--cnvs-sys-color-bg-critical-strong",
+      "stronger": "--cnvs-sys-color-bg-critical-stronger"
     },
     "ai": {
       "default": "--cnvs-sys-color-bg-ai-default",
@@ -269,10 +269,10 @@ exports.color = {
   },
   "text": {
     "default": "--cnvs-sys-color-text-default",
-    "disabled": "--cnvs-sys-color-text-disabled",
-    "hint": "--cnvs-sys-color-text-hint",
     "strong": "--cnvs-sys-color-text-strong",
     "stronger": "--cnvs-sys-color-text-stronger",
+    "disabled": "--cnvs-sys-color-text-disabled",
+    "hint": "--cnvs-sys-color-text-hint",
     "inverse": "--cnvs-sys-color-text-inverse",
     "critical": {
       "default": "--cnvs-sys-color-text-critical-default",

package/dist/es6/base/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Sep 2025 15:22:47 GMT
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
  */
 
 export declare const amber25: "--cnvs-base-palette-amber-25";

package/dist/es6/base/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Sep 2025 15:22:47 GMT
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
  */
 
 export const amber25 = "--cnvs-base-palette-amber-25";

package/dist/es6/brand/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Sep 2025 15:22:47 GMT
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
  */
 
 export declare const primary: {

package/dist/es6/brand/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Sep 2025 15:22:47 GMT
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
  */
 
 export const primary = {

package/dist/es6/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Sep 2025 15:22:47 GMT
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
  */
 
 import * as base from "./base";

package/dist/es6/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Sep 2025 15:22:47 GMT
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
  */
 
 import * as base from "./base";