@workday/canvas-tokens-web 4.0.1 → 4.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/css/base/_variables.css +1 -1
  2. package/css/brand/_variables.css +1 -1
  3. package/css/system/_variables.css +7 -7
  4. package/dist/common-js/base/index.d.ts +1 -1
  5. package/dist/common-js/base/index.js +1 -1
  6. package/dist/common-js/brand/index.d.ts +1 -1
  7. package/dist/common-js/brand/index.js +1 -1
  8. package/dist/common-js/index.d.ts +1 -1
  9. package/dist/common-js/index.js +1 -1
  10. package/dist/common-js/system/index.d.ts +7 -7
  11. package/dist/common-js/system/index.js +1 -1
  12. package/dist/es6/base/index.d.ts +1 -1
  13. package/dist/es6/base/index.js +1 -1
  14. package/dist/es6/brand/index.d.ts +1 -1
  15. package/dist/es6/brand/index.js +1 -1
  16. package/dist/es6/index.d.ts +1 -1
  17. package/dist/es6/index.js +1 -1
  18. package/dist/es6/system/index.d.ts +7 -7
  19. package/dist/es6/system/index.js +1 -1
  20. package/less/base/_variables.less +1 -1
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +7 -7
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +1 -1
  25. package/scss/base/_variables.scss +1 -1
  26. package/scss/brand/_variables.sass +1 -1
  27. package/scss/brand/_variables.scss +1 -1
  28. package/scss/system/_variables.sass +7 -7
  29. package/scss/system/_variables.scss +7 -7
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/brand/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
  */
5
5
 
6
6
  :root {
package/css/system/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -59,7 +59,7 @@
59
59
  --cnvs-sys-color-surface-contrast-default: var(--cnvs-base-palette-neutral-a900);
60
60
  --cnvs-sys-color-surface-inverse: var(--cnvs-base-palette-neutral-0);
61
61
  --cnvs-sys-color-surface-transparent: var(--cnvs-base-palette-neutral-a0);
62
- --cnvs-sys-color-surface-ai-pressed: var(--cnvs-base-palette-blue-a200);
62
+ --cnvs-sys-color-surface-ai-pressed: var(--cnvs-base-palette-blue-400);
63
63
  --cnvs-sys-color-surface-ai-hover: var(--cnvs-base-palette-blue-a200);
64
64
  --cnvs-sys-color-surface-ai-default: var(--cnvs-base-palette-blue-a100);
65
65
  --cnvs-sys-color-surface-success-strong: var(--cnvs-base-palette-green-a50);
@@ -116,7 +116,7 @@
116
116
  --cnvs-sys-color-shadow-base: var(--cnvs-base-palette-slate-a200);
117
117
  --cnvs-sys-color-border-transparent: var(--cnvs-base-palette-neutral-a0);
118
118
  --cnvs-sys-color-border-inverse-strong: var(--cnvs-base-palette-white-a700);
119
- --cnvs-sys-color-border-inverse-default: var(--cnvs-base-palette-white-a500);
119
+ --cnvs-sys-color-border-inverse-default: var(--cnvs-base-palette-neutral-0);
120
120
  --cnvs-sys-color-border-warning: var(--cnvs-base-palette-amber-400);
121
121
  --cnvs-sys-color-border-danger: var(--cnvs-base-palette-red-500);
122
122
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500);
@@ -125,6 +125,7 @@
125
125
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-a900);
126
126
  --cnvs-sys-color-border-input-hover: var(--cnvs-base-palette-slate-a700); /* Input hover */
127
127
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-a500); /* Inputs */
128
+ --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
128
129
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
129
130
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-a950);
130
131
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-a900);
@@ -141,7 +142,7 @@
141
142
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-a900); /* Used on headings and strong text and icons */
142
143
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-a800); /* Default color used on text and icons */
143
144
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
144
- --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
145
+ --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-50); /* Error */
145
146
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700);
146
147
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600);
147
148
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
@@ -184,6 +185,8 @@
184
185
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
185
186
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
186
187
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-50); /* The alternative page background */
188
+ --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
189
+ --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
187
190
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
188
191
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
189
192
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
@@ -265,7 +268,6 @@
265
268
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-sys-color-border-contrast-default); /* Secondary Button Hover */
266
269
  --cnvs-sys-color-border-input-inverse: var(--cnvs-sys-color-border-inverse-default); /* Borders on checkboxes and radios */
267
270
  --cnvs-sys-color-border-input-strong: var(--cnvs-sys-color-border-input-hover); /* Input hover */
268
- --cnvs-sys-color-border-input-disabled: var(--cnvs-sys-opacity-disabled); /* Disabled inputs */
269
271
  --cnvs-sys-color-fg-positive-default: var(--cnvs-sys-color-fg-success-default); /* Error */
270
272
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-sys-color-fg-info-strong); /* Links on hover */
271
273
  --cnvs-sys-color-fg-info-softer: var(--cnvs-sys-color-fg-ai); /* Link Inverse, Disabled */
@@ -304,8 +306,6 @@
304
306
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-sys-color-accent-muted-soft);
305
307
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-sys-color-accent-muted-soft);
306
308
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-sys-color-surface-alt-default); /* Active state for segmented control, Pill */
307
- --cnvs-sys-color-bg-alt-strong: var(--cnvs-sys-color-surface-alt-default); /* Active states */
308
- --cnvs-sys-color-bg-alt-soft: var(--cnvs-sys-color-surface-alt-default); /* Alternative page background */
309
309
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-sys-color-surface-raised); /* Disabled inputs */
310
310
  --cnvs-sys-color-bg-translucent: var(--cnvs-sys-color-surface-contrast-default); /* Tooltip, Status Indicator */
311
311
  --cnvs-sys-color-bg-overlay: var(--cnvs-sys-color-surface-overlay-scrim); /* Overlay background */
package/dist/common-js/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  export declare const fontSize: "--cnvs-base-font-size";
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  /** {base.palette.blue.25} */
package/dist/common-js/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/common-js/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/common-js/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -794,7 +794,7 @@ export declare const color: {
794
794
  */
795
795
  "softer": "--cnvs-sys-color-bg-alt-softer",
796
796
  /**
797
- * {sys.color.surface.alt.default}
797
+ * {base.palette.slate.50}
798
798
  *
799
799
  * Alternative page background
800
800
  *
@@ -802,7 +802,7 @@ export declare const color: {
802
802
  */
803
803
  "soft": "--cnvs-sys-color-bg-alt-soft",
804
804
  /**
805
- * {sys.color.surface.alt.default}
805
+ * {base.palette.slate.200}
806
806
  *
807
807
  * Active states
808
808
  *
@@ -1778,7 +1778,7 @@ export declare const color: {
1778
1778
  */
1779
1779
  "default": "--cnvs-sys-color-fg-positive-default",
1780
1780
  /**
1781
- * {base.palette.green.200}
1781
+ * {base.palette.green.50}
1782
1782
  *
1783
1783
  * Error
1784
1784
  *
@@ -1906,7 +1906,7 @@ export declare const color: {
1906
1906
  "ai": "--cnvs-sys-color-border-ai",
1907
1907
  "input": {
1908
1908
  /**
1909
- * {sys.opacity.disabled}
1909
+ * {base.palette.slate.400}
1910
1910
  *
1911
1911
  * Disabled inputs
1912
1912
  *
@@ -2025,7 +2025,7 @@ export declare const color: {
2025
2025
  /** {base.palette.amber.400} */
2026
2026
  "warning": "--cnvs-sys-color-border-warning",
2027
2027
  "inverse": {
2028
- /** {base.palette.white.A500} */
2028
+ /** {base.palette.neutral.0} */
2029
2029
  "default": "--cnvs-sys-color-border-inverse-default",
2030
2030
  /** {base.palette.white.A700} */
2031
2031
  "strong": "--cnvs-sys-color-border-inverse-strong",
@@ -2473,7 +2473,7 @@ export declare const color: {
2473
2473
  "default": "--cnvs-sys-color-surface-ai-default",
2474
2474
  /** {base.palette.blue.A200} */
2475
2475
  "hover": "--cnvs-sys-color-surface-ai-hover",
2476
- /** {base.palette.blue.A200} */
2476
+ /** {base.palette.blue.400} */
2477
2477
  "pressed": "--cnvs-sys-color-surface-ai-pressed",
2478
2478
  },
2479
2479
  /** {base.palette.neutral.A0} */
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  "use strict";
package/dist/es6/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  export declare const fontSize: "--cnvs-base-font-size";
package/dist/es6/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  export const fontSize = "--cnvs-base-font-size";
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  /** {base.palette.blue.25} */
package/dist/es6/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  export const primary25 = "--cnvs-brand-primary-25";
package/dist/es6/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/es6/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  import * as base from "./base";
package/dist/es6/system/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -794,7 +794,7 @@ export declare const color: {
794
794
  */
795
795
  "softer": "--cnvs-sys-color-bg-alt-softer",
796
796
  /**
797
- * {sys.color.surface.alt.default}
797
+ * {base.palette.slate.50}
798
798
  *
799
799
  * Alternative page background
800
800
  *
@@ -802,7 +802,7 @@ export declare const color: {
802
802
  */
803
803
  "soft": "--cnvs-sys-color-bg-alt-soft",
804
804
  /**
805
- * {sys.color.surface.alt.default}
805
+ * {base.palette.slate.200}
806
806
  *
807
807
  * Active states
808
808
  *
@@ -1778,7 +1778,7 @@ export declare const color: {
1778
1778
  */
1779
1779
  "default": "--cnvs-sys-color-fg-positive-default",
1780
1780
  /**
1781
- * {base.palette.green.200}
1781
+ * {base.palette.green.50}
1782
1782
  *
1783
1783
  * Error
1784
1784
  *
@@ -1906,7 +1906,7 @@ export declare const color: {
1906
1906
  "ai": "--cnvs-sys-color-border-ai",
1907
1907
  "input": {
1908
1908
  /**
1909
- * {sys.opacity.disabled}
1909
+ * {base.palette.slate.400}
1910
1910
  *
1911
1911
  * Disabled inputs
1912
1912
  *
@@ -2025,7 +2025,7 @@ export declare const color: {
2025
2025
  /** {base.palette.amber.400} */
2026
2026
  "warning": "--cnvs-sys-color-border-warning",
2027
2027
  "inverse": {
2028
- /** {base.palette.white.A500} */
2028
+ /** {base.palette.neutral.0} */
2029
2029
  "default": "--cnvs-sys-color-border-inverse-default",
2030
2030
  /** {base.palette.white.A700} */
2031
2031
  "strong": "--cnvs-sys-color-border-inverse-strong",
@@ -2473,7 +2473,7 @@ export declare const color: {
2473
2473
  "default": "--cnvs-sys-color-surface-ai-default",
2474
2474
  /** {base.palette.blue.A200} */
2475
2475
  "hover": "--cnvs-sys-color-surface-ai-hover",
2476
- /** {base.palette.blue.A200} */
2476
+ /** {base.palette.blue.400} */
2477
2477
  "pressed": "--cnvs-sys-color-surface-ai-pressed",
2478
2478
  },
2479
2479
  /** {base.palette.neutral.A0} */
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 23 Jan 2026 20:24:06 GMT
3
+ * Generated on Tue, 27 Jan 2026 15:13:02 GMT
4
4
  */
5
5
 
6
6
  export const breakpoints = {
package/less/base/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ // Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
 
5
5
  @cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overriden by user preferences
6
6
  @cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
package/less/brand/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ // Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
 
5
5
  @cnvs-brand-positive-a200: @cnvs-base-palette-green-a200;
6
6
  @cnvs-brand-positive-a100: @cnvs-base-palette-green-a100;
package/less/system/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ // Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
 
5
5
  @cnvs-sys-opacity-full: 1; // Dev only
6
6
  @cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -51,7 +51,7 @@
51
51
  @cnvs-sys-color-surface-contrast-default: @cnvs-base-palette-neutral-a900;
52
52
  @cnvs-sys-color-surface-inverse: @cnvs-base-palette-neutral-0;
53
53
  @cnvs-sys-color-surface-transparent: @cnvs-base-palette-neutral-a0;
54
- @cnvs-sys-color-surface-ai-pressed: @cnvs-base-palette-blue-a200;
54
+ @cnvs-sys-color-surface-ai-pressed: @cnvs-base-palette-blue-400;
55
55
  @cnvs-sys-color-surface-ai-hover: @cnvs-base-palette-blue-a200;
56
56
  @cnvs-sys-color-surface-ai-default: @cnvs-base-palette-blue-a100;
57
57
  @cnvs-sys-color-surface-success-strong: @cnvs-base-palette-green-a50;
@@ -108,7 +108,7 @@
108
108
  @cnvs-sys-color-shadow-base: @cnvs-base-palette-slate-a200;
109
109
  @cnvs-sys-color-border-transparent: @cnvs-base-palette-neutral-a0;
110
110
  @cnvs-sys-color-border-inverse-strong: @cnvs-base-palette-white-a700;
111
- @cnvs-sys-color-border-inverse-default: @cnvs-base-palette-white-a500;
111
+ @cnvs-sys-color-border-inverse-default: @cnvs-base-palette-neutral-0;
112
112
  @cnvs-sys-color-border-warning: @cnvs-base-palette-amber-400;
113
113
  @cnvs-sys-color-border-danger: @cnvs-base-palette-red-500;
114
114
  @cnvs-sys-color-border-info-default: @cnvs-base-palette-blue-500;
@@ -117,6 +117,7 @@
117
117
  @cnvs-sys-color-border-contrast-default: @cnvs-base-palette-neutral-a900;
118
118
  @cnvs-sys-color-border-input-hover: @cnvs-base-palette-slate-a700; // Input hover
119
119
  @cnvs-sys-color-border-input-default: @cnvs-base-palette-slate-a500; // Inputs
120
+ @cnvs-sys-color-border-input-disabled: @cnvs-base-palette-slate-400; // Disabled inputs
120
121
  @cnvs-sys-color-border-ai: @cnvs-base-palette-blue-950; // Active state on AI borders
121
122
  @cnvs-sys-color-fg-contrast-strong: @cnvs-base-palette-neutral-a950;
122
123
  @cnvs-sys-color-fg-contrast-default: @cnvs-base-palette-neutral-a900;
@@ -133,7 +134,7 @@
133
134
  @cnvs-sys-color-fg-strong: @cnvs-base-palette-neutral-a900; // Used on headings and strong text and icons
134
135
  @cnvs-sys-color-fg-default: @cnvs-base-palette-neutral-a800; // Default color used on text and icons
135
136
  @cnvs-sys-color-fg-positive-soft: @cnvs-base-palette-green-400; // Error
136
- @cnvs-sys-color-fg-positive-softer: @cnvs-base-palette-green-200; // Error
137
+ @cnvs-sys-color-fg-positive-softer: @cnvs-base-palette-green-50; // Error
137
138
  @cnvs-sys-color-fg-info-strong: @cnvs-base-palette-blue-700;
138
139
  @cnvs-sys-color-fg-info-default: @cnvs-base-palette-blue-600;
139
140
  @cnvs-sys-color-fg-info-soft: @cnvs-base-palette-blue-400;
@@ -176,6 +177,8 @@
176
177
  @cnvs-sys-color-bg-caution-soft: @cnvs-base-palette-amber-100; // Softer warning background
177
178
  @cnvs-sys-color-bg-positive-softest: @cnvs-base-palette-green-25; // Lightest surface success background
178
179
  @cnvs-sys-color-bg-alt-default: @cnvs-base-palette-slate-50; // The alternative page background
180
+ @cnvs-sys-color-bg-alt-strong: @cnvs-base-palette-slate-200; // Active states
181
+ @cnvs-sys-color-bg-alt-soft: @cnvs-base-palette-slate-50; // Alternative page background
179
182
  @cnvs-sys-line-height-title-large: @cnvs-base-line-height-600;
180
183
  @cnvs-sys-line-height-title-medium: @cnvs-base-line-height-500;
181
184
  @cnvs-sys-line-height-title-small: @cnvs-base-line-height-400;
@@ -257,7 +260,6 @@
257
260
  @cnvs-sys-color-border-contrast-strong: @cnvs-sys-color-border-contrast-default; // Secondary Button Hover
258
261
  @cnvs-sys-color-border-input-inverse: @cnvs-sys-color-border-inverse-default; // Borders on checkboxes and radios
259
262
  @cnvs-sys-color-border-input-strong: @cnvs-sys-color-border-input-hover; // Input hover
260
- @cnvs-sys-color-border-input-disabled: @cnvs-sys-opacity-disabled; // Disabled inputs
261
263
  @cnvs-sys-color-fg-positive-default: @cnvs-sys-color-fg-success-default; // Error
262
264
  @cnvs-sys-color-fg-info-stronger: @cnvs-sys-color-fg-info-strong; // Links on hover
263
265
  @cnvs-sys-color-fg-info-softer: @cnvs-sys-color-fg-ai; // Link Inverse, Disabled
@@ -296,8 +298,6 @@
296
298
  @cnvs-sys-color-bg-muted-soft: @cnvs-sys-color-accent-muted-soft;
297
299
  @cnvs-sys-color-bg-muted-softer: @cnvs-sys-color-accent-muted-soft;
298
300
  @cnvs-sys-color-bg-alt-stronger: @cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
299
- @cnvs-sys-color-bg-alt-strong: @cnvs-sys-color-surface-alt-default; // Active states
300
- @cnvs-sys-color-bg-alt-soft: @cnvs-sys-color-surface-alt-default; // Alternative page background
301
301
  @cnvs-sys-color-bg-alt-softer: @cnvs-sys-color-surface-raised; // Disabled inputs
302
302
  @cnvs-sys-color-bg-translucent: @cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
303
303
  @cnvs-sys-color-bg-overlay: @cnvs-sys-color-surface-overlay-scrim; // Overlay background
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "4.0.1",
3
+ "version": "4.0.3",
4
4
  "description": "Canvas design tokens for web",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "CC-BY-ND-4.0",
package/scss/base/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ // Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
 
5
5
  $cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overriden by user preferences
6
6
  $cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
package/scss/base/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ // Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
 
5
5
  $cnvs-base-font-size: 1rem; // Default fontSize for the browser, may be overriden by user preferences
6
6
  $cnvs-base-baseline: 0.5rem; // Baseline unit used for the 8pt sizing grid
package/scss/brand/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ // Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
 
5
5
  $cnvs-brand-positive-a200: $cnvs-base-palette-green-a200;
6
6
  $cnvs-brand-positive-a100: $cnvs-base-palette-green-a100;
package/scss/brand/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ // Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
 
5
5
  $cnvs-brand-positive-a200: $cnvs-base-palette-green-a200;
6
6
  $cnvs-brand-positive-a100: $cnvs-base-palette-green-a100;
package/scss/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ // Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -51,7 +51,7 @@ $cnvs-sys-color-surface-contrast-strong: $cnvs-base-palette-neutral-a950;
51
51
  $cnvs-sys-color-surface-contrast-default: $cnvs-base-palette-neutral-a900;
52
52
  $cnvs-sys-color-surface-inverse: $cnvs-base-palette-neutral-0;
53
53
  $cnvs-sys-color-surface-transparent: $cnvs-base-palette-neutral-a0;
54
- $cnvs-sys-color-surface-ai-pressed: $cnvs-base-palette-blue-a200;
54
+ $cnvs-sys-color-surface-ai-pressed: $cnvs-base-palette-blue-400;
55
55
  $cnvs-sys-color-surface-ai-hover: $cnvs-base-palette-blue-a200;
56
56
  $cnvs-sys-color-surface-ai-default: $cnvs-base-palette-blue-a100;
57
57
  $cnvs-sys-color-surface-success-strong: $cnvs-base-palette-green-a50;
@@ -108,7 +108,7 @@ $cnvs-sys-color-shadow-ambient: $cnvs-base-palette-slate-a100;
108
108
  $cnvs-sys-color-shadow-base: $cnvs-base-palette-slate-a200;
109
109
  $cnvs-sys-color-border-transparent: $cnvs-base-palette-neutral-a0;
110
110
  $cnvs-sys-color-border-inverse-strong: $cnvs-base-palette-white-a700;
111
- $cnvs-sys-color-border-inverse-default: $cnvs-base-palette-white-a500;
111
+ $cnvs-sys-color-border-inverse-default: $cnvs-base-palette-neutral-0;
112
112
  $cnvs-sys-color-border-warning: $cnvs-base-palette-amber-400;
113
113
  $cnvs-sys-color-border-danger: $cnvs-base-palette-red-500;
114
114
  $cnvs-sys-color-border-info-default: $cnvs-base-palette-blue-500;
@@ -117,6 +117,7 @@ $cnvs-sys-color-border-default: $cnvs-base-palette-slate-a200;
117
117
  $cnvs-sys-color-border-contrast-default: $cnvs-base-palette-neutral-a900;
118
118
  $cnvs-sys-color-border-input-hover: $cnvs-base-palette-slate-a700; // Input hover
119
119
  $cnvs-sys-color-border-input-default: $cnvs-base-palette-slate-a500; // Inputs
120
+ $cnvs-sys-color-border-input-disabled: $cnvs-base-palette-slate-400; // Disabled inputs
120
121
  $cnvs-sys-color-border-ai: $cnvs-base-palette-blue-950; // Active state on AI borders
121
122
  $cnvs-sys-color-fg-contrast-strong: $cnvs-base-palette-neutral-a950;
122
123
  $cnvs-sys-color-fg-contrast-default: $cnvs-base-palette-neutral-a900;
@@ -133,7 +134,7 @@ $cnvs-sys-color-fg-stronger: $cnvs-base-palette-neutral-a950; // Used on titles
133
134
  $cnvs-sys-color-fg-strong: $cnvs-base-palette-neutral-a900; // Used on headings and strong text and icons
134
135
  $cnvs-sys-color-fg-default: $cnvs-base-palette-neutral-a800; // Default color used on text and icons
135
136
  $cnvs-sys-color-fg-positive-soft: $cnvs-base-palette-green-400; // Error
136
- $cnvs-sys-color-fg-positive-softer: $cnvs-base-palette-green-200; // Error
137
+ $cnvs-sys-color-fg-positive-softer: $cnvs-base-palette-green-50; // Error
137
138
  $cnvs-sys-color-fg-info-strong: $cnvs-base-palette-blue-700;
138
139
  $cnvs-sys-color-fg-info-default: $cnvs-base-palette-blue-600;
139
140
  $cnvs-sys-color-fg-info-soft: $cnvs-base-palette-blue-400;
@@ -176,6 +177,8 @@ $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-100; // Disabled error
176
177
  $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-100; // Softer warning background
177
178
  $cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest surface success background
178
179
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-50; // The alternative page background
180
+ $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-slate-200; // Active states
181
+ $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-50; // Alternative page background
179
182
  $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
180
183
  $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
181
184
  $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
@@ -257,7 +260,6 @@ $cnvs-sys-color-border-divider: $cnvs-sys-color-border-default; // Dividers
257
260
  $cnvs-sys-color-border-contrast-strong: $cnvs-sys-color-border-contrast-default; // Secondary Button Hover
258
261
  $cnvs-sys-color-border-input-inverse: $cnvs-sys-color-border-inverse-default; // Borders on checkboxes and radios
259
262
  $cnvs-sys-color-border-input-strong: $cnvs-sys-color-border-input-hover; // Input hover
260
- $cnvs-sys-color-border-input-disabled: $cnvs-sys-opacity-disabled; // Disabled inputs
261
263
  $cnvs-sys-color-fg-positive-default: $cnvs-sys-color-fg-success-default; // Error
262
264
  $cnvs-sys-color-fg-info-stronger: $cnvs-sys-color-fg-info-strong; // Links on hover
263
265
  $cnvs-sys-color-fg-info-softer: $cnvs-sys-color-fg-ai; // Link Inverse, Disabled
@@ -296,8 +298,6 @@ $cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
296
298
  $cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
297
299
  $cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
298
300
  $cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
299
- $cnvs-sys-color-bg-alt-strong: $cnvs-sys-color-surface-alt-default; // Active states
300
- $cnvs-sys-color-bg-alt-soft: $cnvs-sys-color-surface-alt-default; // Alternative page background
301
301
  $cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
302
302
  $cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
303
303
  $cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 23 Jan 2026 20:24:05 GMT
3
+ // Generated on Tue, 27 Jan 2026 15:13:01 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -51,7 +51,7 @@ $cnvs-sys-color-surface-contrast-strong: $cnvs-base-palette-neutral-a950;
51
51
  $cnvs-sys-color-surface-contrast-default: $cnvs-base-palette-neutral-a900;
52
52
  $cnvs-sys-color-surface-inverse: $cnvs-base-palette-neutral-0;
53
53
  $cnvs-sys-color-surface-transparent: $cnvs-base-palette-neutral-a0;
54
- $cnvs-sys-color-surface-ai-pressed: $cnvs-base-palette-blue-a200;
54
+ $cnvs-sys-color-surface-ai-pressed: $cnvs-base-palette-blue-400;
55
55
  $cnvs-sys-color-surface-ai-hover: $cnvs-base-palette-blue-a200;
56
56
  $cnvs-sys-color-surface-ai-default: $cnvs-base-palette-blue-a100;
57
57
  $cnvs-sys-color-surface-success-strong: $cnvs-base-palette-green-a50;
@@ -108,7 +108,7 @@ $cnvs-sys-color-shadow-ambient: $cnvs-base-palette-slate-a100;
108
108
  $cnvs-sys-color-shadow-base: $cnvs-base-palette-slate-a200;
109
109
  $cnvs-sys-color-border-transparent: $cnvs-base-palette-neutral-a0;
110
110
  $cnvs-sys-color-border-inverse-strong: $cnvs-base-palette-white-a700;
111
- $cnvs-sys-color-border-inverse-default: $cnvs-base-palette-white-a500;
111
+ $cnvs-sys-color-border-inverse-default: $cnvs-base-palette-neutral-0;
112
112
  $cnvs-sys-color-border-warning: $cnvs-base-palette-amber-400;
113
113
  $cnvs-sys-color-border-danger: $cnvs-base-palette-red-500;
114
114
  $cnvs-sys-color-border-info-default: $cnvs-base-palette-blue-500;
@@ -117,6 +117,7 @@ $cnvs-sys-color-border-default: $cnvs-base-palette-slate-a200;
117
117
  $cnvs-sys-color-border-contrast-default: $cnvs-base-palette-neutral-a900;
118
118
  $cnvs-sys-color-border-input-hover: $cnvs-base-palette-slate-a700; // Input hover
119
119
  $cnvs-sys-color-border-input-default: $cnvs-base-palette-slate-a500; // Inputs
120
+ $cnvs-sys-color-border-input-disabled: $cnvs-base-palette-slate-400; // Disabled inputs
120
121
  $cnvs-sys-color-border-ai: $cnvs-base-palette-blue-950; // Active state on AI borders
121
122
  $cnvs-sys-color-fg-contrast-strong: $cnvs-base-palette-neutral-a950;
122
123
  $cnvs-sys-color-fg-contrast-default: $cnvs-base-palette-neutral-a900;
@@ -133,7 +134,7 @@ $cnvs-sys-color-fg-stronger: $cnvs-base-palette-neutral-a950; // Used on titles
133
134
  $cnvs-sys-color-fg-strong: $cnvs-base-palette-neutral-a900; // Used on headings and strong text and icons
134
135
  $cnvs-sys-color-fg-default: $cnvs-base-palette-neutral-a800; // Default color used on text and icons
135
136
  $cnvs-sys-color-fg-positive-soft: $cnvs-base-palette-green-400; // Error
136
- $cnvs-sys-color-fg-positive-softer: $cnvs-base-palette-green-200; // Error
137
+ $cnvs-sys-color-fg-positive-softer: $cnvs-base-palette-green-50; // Error
137
138
  $cnvs-sys-color-fg-info-strong: $cnvs-base-palette-blue-700;
138
139
  $cnvs-sys-color-fg-info-default: $cnvs-base-palette-blue-600;
139
140
  $cnvs-sys-color-fg-info-soft: $cnvs-base-palette-blue-400;
@@ -176,6 +177,8 @@ $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-100; // Disabled error
176
177
  $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-100; // Softer warning background
177
178
  $cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest surface success background
178
179
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-50; // The alternative page background
180
+ $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-slate-200; // Active states
181
+ $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-50; // Alternative page background
179
182
  $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
180
183
  $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
181
184
  $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
@@ -257,7 +260,6 @@ $cnvs-sys-color-border-divider: $cnvs-sys-color-border-default; // Dividers
257
260
  $cnvs-sys-color-border-contrast-strong: $cnvs-sys-color-border-contrast-default; // Secondary Button Hover
258
261
  $cnvs-sys-color-border-input-inverse: $cnvs-sys-color-border-inverse-default; // Borders on checkboxes and radios
259
262
  $cnvs-sys-color-border-input-strong: $cnvs-sys-color-border-input-hover; // Input hover
260
- $cnvs-sys-color-border-input-disabled: $cnvs-sys-opacity-disabled; // Disabled inputs
261
263
  $cnvs-sys-color-fg-positive-default: $cnvs-sys-color-fg-success-default; // Error
262
264
  $cnvs-sys-color-fg-info-stronger: $cnvs-sys-color-fg-info-strong; // Links on hover
263
265
  $cnvs-sys-color-fg-info-softer: $cnvs-sys-color-fg-ai; // Link Inverse, Disabled
@@ -296,8 +298,6 @@ $cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
296
298
  $cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
297
299
  $cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
298
300
  $cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
299
- $cnvs-sys-color-bg-alt-strong: $cnvs-sys-color-surface-alt-default; // Active states
300
- $cnvs-sys-color-bg-alt-soft: $cnvs-sys-color-surface-alt-default; // Alternative page background
301
301
  $cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
302
302
  $cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
303
303
  $cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background