@workday/canvas-tokens-web 4.0.4 → 4.0.5

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 +10 -10
  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 +10 -10
  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 +10 -10
  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 +10 -10
  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 +10 -10
  29. package/scss/system/_variables.scss +10 -10
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 27 Jan 2026 21:53:43 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:43 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:43 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -181,12 +181,18 @@
181
181
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
182
182
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
183
183
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Default page background */
184
- --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
185
- --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
184
+ --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
185
+ --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-a100); /* Disabled */
186
+ --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-a100); /* Disabled error background */
187
+ --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-a100); /* Softer warning background */
188
+ --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-a100); /* Disabled success background */
186
189
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
190
+ --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-a500);
187
191
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-50); /* The alternative page background */
192
+ --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-a300); /* Active state for segmented control, Pill */
188
193
  --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 */
194
+ --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-a50); /* Alternative page background */
195
+ --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-a100); /* Primary disabled */
190
196
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
191
197
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
192
198
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
@@ -291,9 +297,7 @@
291
297
  --cnvs-sys-color-text-strong: var(--cnvs-sys-color-fg-strong); /* Heading text */
292
298
  --cnvs-sys-color-text-default: var(--cnvs-sys-color-fg-default); /* Body text */
293
299
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-sys-color-accent-info); /* Brand active background */
294
- --cnvs-sys-color-bg-info-strong: var(--cnvs-sys-color-accent-info); /* Brand hover background */
295
300
  --cnvs-sys-color-bg-info-default: var(--cnvs-sys-color-accent-info); /* Info color */
296
- --cnvs-sys-color-bg-info-soft: var(--cnvs-sys-color-surface-info-default); /* Disabled */
297
301
  --cnvs-sys-color-bg-info-softer: var(--cnvs-sys-color-surface-info-strong); /* Select */
298
302
  --cnvs-sys-color-bg-info-softest: var(--cnvs-sys-color-surface-info-default); /* Surface */
299
303
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-sys-color-accent-ai); /* AI surfaces */
@@ -304,9 +308,7 @@
304
308
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-sys-color-surface-contrast-default); /* Contrast backgrounds, like Secondary Buttons */
305
309
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-sys-color-accent-muted-default);
306
310
  --cnvs-sys-color-bg-muted-default: var(--cnvs-sys-color-accent-muted-default);
307
- --cnvs-sys-color-bg-muted-soft: var(--cnvs-sys-color-accent-muted-soft);
308
311
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-sys-color-accent-muted-soft);
309
- --cnvs-sys-color-bg-alt-stronger: var(--cnvs-sys-color-surface-alt-default); /* Active state for segmented control, Pill */
310
312
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-sys-color-surface-raised); /* Disabled inputs */
311
313
  --cnvs-sys-color-bg-translucent: var(--cnvs-sys-color-surface-contrast-default); /* Tooltip, Status Indicator */
312
314
  --cnvs-sys-color-bg-overlay: var(--cnvs-sys-color-surface-overlay-scrim); /* Overlay background */
@@ -385,12 +387,10 @@
385
387
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-sys-color-brand-accent-positive); /* Active success background */
386
388
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-sys-color-brand-accent-positive); /* Hover success background */
387
389
  --cnvs-sys-color-bg-positive-default: var(--cnvs-sys-color-brand-accent-positive); /* Disabled success background */
388
- --cnvs-sys-color-bg-positive-soft: var(--cnvs-sys-color-brand-surface-positive-default); /* Disabled success background */
389
390
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-sys-color-brand-surface-positive-strong); /* Surface success background */
390
391
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-sys-color-brand-accent-primary); /* Brand active background */
391
392
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-sys-color-brand-accent-primary); /* Brand hover background */
392
393
  --cnvs-sys-color-bg-primary-default: var(--cnvs-sys-color-brand-accent-primary); /* Primary brand color */
393
- --cnvs-sys-color-bg-primary-soft: var(--cnvs-sys-color-brand-surface-primary-default); /* Primary disabled */
394
394
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-sys-color-brand-surface-primary-strong); /* Select */
395
395
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-sys-color-brand-surface-primary-default); /* Surface */
396
396
  --cnvs-sys-line-height-title-lg: var(--cnvs-base-size-800);
package/dist/common-js/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:30 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -710,7 +710,7 @@ export declare const color: {
710
710
  */
711
711
  "softer": "--cnvs-sys-color-bg-primary-softer",
712
712
  /**
713
- * {sys.color.brand.surface.primary.default}
713
+ * {base.palette.blue.A100}
714
714
  *
715
715
  * Primary disabled
716
716
  *
@@ -794,7 +794,7 @@ export declare const color: {
794
794
  */
795
795
  "softer": "--cnvs-sys-color-bg-alt-softer",
796
796
  /**
797
- * {base.palette.slate.50}
797
+ * {base.palette.slate.A50}
798
798
  *
799
799
  * Alternative page background
800
800
  *
@@ -810,7 +810,7 @@ export declare const color: {
810
810
  */
811
811
  "strong": "--cnvs-sys-color-bg-alt-strong",
812
812
  /**
813
- * {sys.color.surface.alt.default}
813
+ * {base.palette.slate.A300}
814
814
  *
815
815
  * Active state for segmented control, Pill
816
816
  *
@@ -829,7 +829,7 @@ export declare const color: {
829
829
  "muted": {
830
830
  /** {sys.color.accent.muted.soft} */
831
831
  "softer": "--cnvs-sys-color-bg-muted-softer",
832
- /** {sys.color.accent.muted.soft} */
832
+ /** {base.palette.slate.A500} */
833
833
  "soft": "--cnvs-sys-color-bg-muted-soft",
834
834
  /** {sys.color.accent.muted.default} */
835
835
  "default": "--cnvs-sys-color-bg-muted-default",
@@ -872,7 +872,7 @@ export declare const color: {
872
872
  */
873
873
  "softer": "--cnvs-sys-color-bg-positive-softer",
874
874
  /**
875
- * {sys.color.brand.surface.positive.default}
875
+ * {base.palette.green.A100}
876
876
  *
877
877
  * Disabled success background
878
878
  *
@@ -922,7 +922,7 @@ export declare const color: {
922
922
  */
923
923
  "softer": "--cnvs-sys-color-bg-caution-softer",
924
924
  /**
925
- * {base.palette.amber.100}
925
+ * {base.palette.amber.A100}
926
926
  *
927
927
  * Softer warning background
928
928
  *
@@ -972,7 +972,7 @@ export declare const color: {
972
972
  */
973
973
  "softer": "--cnvs-sys-color-bg-critical-softer",
974
974
  /**
975
- * {base.palette.red.100}
975
+ * {base.palette.red.A100}
976
976
  *
977
977
  * Disabled error background
978
978
  *
@@ -1056,7 +1056,7 @@ export declare const color: {
1056
1056
  */
1057
1057
  "softer": "--cnvs-sys-color-bg-info-softer",
1058
1058
  /**
1059
- * {sys.color.surface.info.default}
1059
+ * {base.palette.blue.A100}
1060
1060
  *
1061
1061
  * Disabled
1062
1062
  *
@@ -1072,7 +1072,7 @@ export declare const color: {
1072
1072
  */
1073
1073
  "default": "--cnvs-sys-color-bg-info-default",
1074
1074
  /**
1075
- * {sys.color.accent.info}
1075
+ * {base.palette.blue.700}
1076
1076
  *
1077
1077
  * Brand hover background
1078
1078
  *
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:30 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -710,7 +710,7 @@ export declare const color: {
710
710
  */
711
711
  "softer": "--cnvs-sys-color-bg-primary-softer",
712
712
  /**
713
- * {sys.color.brand.surface.primary.default}
713
+ * {base.palette.blue.A100}
714
714
  *
715
715
  * Primary disabled
716
716
  *
@@ -794,7 +794,7 @@ export declare const color: {
794
794
  */
795
795
  "softer": "--cnvs-sys-color-bg-alt-softer",
796
796
  /**
797
- * {base.palette.slate.50}
797
+ * {base.palette.slate.A50}
798
798
  *
799
799
  * Alternative page background
800
800
  *
@@ -810,7 +810,7 @@ export declare const color: {
810
810
  */
811
811
  "strong": "--cnvs-sys-color-bg-alt-strong",
812
812
  /**
813
- * {sys.color.surface.alt.default}
813
+ * {base.palette.slate.A300}
814
814
  *
815
815
  * Active state for segmented control, Pill
816
816
  *
@@ -829,7 +829,7 @@ export declare const color: {
829
829
  "muted": {
830
830
  /** {sys.color.accent.muted.soft} */
831
831
  "softer": "--cnvs-sys-color-bg-muted-softer",
832
- /** {sys.color.accent.muted.soft} */
832
+ /** {base.palette.slate.A500} */
833
833
  "soft": "--cnvs-sys-color-bg-muted-soft",
834
834
  /** {sys.color.accent.muted.default} */
835
835
  "default": "--cnvs-sys-color-bg-muted-default",
@@ -872,7 +872,7 @@ export declare const color: {
872
872
  */
873
873
  "softer": "--cnvs-sys-color-bg-positive-softer",
874
874
  /**
875
- * {sys.color.brand.surface.positive.default}
875
+ * {base.palette.green.A100}
876
876
  *
877
877
  * Disabled success background
878
878
  *
@@ -922,7 +922,7 @@ export declare const color: {
922
922
  */
923
923
  "softer": "--cnvs-sys-color-bg-caution-softer",
924
924
  /**
925
- * {base.palette.amber.100}
925
+ * {base.palette.amber.A100}
926
926
  *
927
927
  * Softer warning background
928
928
  *
@@ -972,7 +972,7 @@ export declare const color: {
972
972
  */
973
973
  "softer": "--cnvs-sys-color-bg-critical-softer",
974
974
  /**
975
- * {base.palette.red.100}
975
+ * {base.palette.red.A100}
976
976
  *
977
977
  * Disabled error background
978
978
  *
@@ -1056,7 +1056,7 @@ export declare const color: {
1056
1056
  */
1057
1057
  "softer": "--cnvs-sys-color-bg-info-softer",
1058
1058
  /**
1059
- * {sys.color.surface.info.default}
1059
+ * {base.palette.blue.A100}
1060
1060
  *
1061
1061
  * Disabled
1062
1062
  *
@@ -1072,7 +1072,7 @@ export declare const color: {
1072
1072
  */
1073
1073
  "default": "--cnvs-sys-color-bg-info-default",
1074
1074
  /**
1075
- * {sys.color.accent.info}
1075
+ * {base.palette.blue.700}
1076
1076
  *
1077
1077
  * Brand hover background
1078
1078
  *
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ * Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Wed, 28 Jan 2026 19:08:29 GMT
4
4
 
5
5
  @cnvs-sys-opacity-full: 1; // Dev only
6
6
  @cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -173,12 +173,18 @@
173
173
  @cnvs-sys-color-text-critical-soft: @cnvs-base-palette-red-400; // Error text
174
174
  @cnvs-sys-color-text-disabled: @cnvs-base-palette-slate-400; // Disabled text color
175
175
  @cnvs-sys-color-bg-default: @cnvs-base-palette-neutral-0; // Default page background
176
- @cnvs-sys-color-bg-critical-soft: @cnvs-base-palette-red-100; // Disabled error background
177
- @cnvs-sys-color-bg-caution-soft: @cnvs-base-palette-amber-100; // Softer warning background
176
+ @cnvs-sys-color-bg-info-strong: @cnvs-base-palette-blue-700; // Brand hover background
177
+ @cnvs-sys-color-bg-info-soft: @cnvs-base-palette-blue-a100; // Disabled
178
+ @cnvs-sys-color-bg-critical-soft: @cnvs-base-palette-red-a100; // Disabled error background
179
+ @cnvs-sys-color-bg-caution-soft: @cnvs-base-palette-amber-a100; // Softer warning background
180
+ @cnvs-sys-color-bg-positive-soft: @cnvs-base-palette-green-a100; // Disabled success background
178
181
  @cnvs-sys-color-bg-positive-softest: @cnvs-base-palette-green-25; // Lightest surface success background
182
+ @cnvs-sys-color-bg-muted-soft: @cnvs-base-palette-slate-a500;
179
183
  @cnvs-sys-color-bg-alt-default: @cnvs-base-palette-slate-50; // The alternative page background
184
+ @cnvs-sys-color-bg-alt-stronger: @cnvs-base-palette-slate-a300; // Active state for segmented control, Pill
180
185
  @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
186
+ @cnvs-sys-color-bg-alt-soft: @cnvs-base-palette-slate-a50; // Alternative page background
187
+ @cnvs-sys-color-bg-primary-soft: @cnvs-base-palette-blue-a100; // Primary disabled
182
188
  @cnvs-sys-line-height-title-large: @cnvs-base-line-height-600;
183
189
  @cnvs-sys-line-height-title-medium: @cnvs-base-line-height-500;
184
190
  @cnvs-sys-line-height-title-small: @cnvs-base-line-height-400;
@@ -283,9 +289,7 @@
283
289
  @cnvs-sys-color-text-strong: @cnvs-sys-color-fg-strong; // Heading text
284
290
  @cnvs-sys-color-text-default: @cnvs-sys-color-fg-default; // Body text
285
291
  @cnvs-sys-color-bg-info-stronger: @cnvs-sys-color-accent-info; // Brand active background
286
- @cnvs-sys-color-bg-info-strong: @cnvs-sys-color-accent-info; // Brand hover background
287
292
  @cnvs-sys-color-bg-info-default: @cnvs-sys-color-accent-info; // Info color
288
- @cnvs-sys-color-bg-info-soft: @cnvs-sys-color-surface-info-default; // Disabled
289
293
  @cnvs-sys-color-bg-info-softer: @cnvs-sys-color-surface-info-strong; // Select
290
294
  @cnvs-sys-color-bg-info-softest: @cnvs-sys-color-surface-info-default; // Surface
291
295
  @cnvs-sys-color-bg-ai-strongest: @cnvs-sys-color-accent-ai; // AI surfaces
@@ -296,9 +300,7 @@
296
300
  @cnvs-sys-color-bg-contrast-default: @cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
297
301
  @cnvs-sys-color-bg-muted-strong: @cnvs-sys-color-accent-muted-default;
298
302
  @cnvs-sys-color-bg-muted-default: @cnvs-sys-color-accent-muted-default;
299
- @cnvs-sys-color-bg-muted-soft: @cnvs-sys-color-accent-muted-soft;
300
303
  @cnvs-sys-color-bg-muted-softer: @cnvs-sys-color-accent-muted-soft;
301
- @cnvs-sys-color-bg-alt-stronger: @cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
302
304
  @cnvs-sys-color-bg-alt-softer: @cnvs-sys-color-surface-raised; // Disabled inputs
303
305
  @cnvs-sys-color-bg-translucent: @cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
304
306
  @cnvs-sys-color-bg-overlay: @cnvs-sys-color-surface-overlay-scrim; // Overlay background
@@ -377,12 +379,10 @@
377
379
  @cnvs-sys-color-bg-positive-stronger: @cnvs-sys-color-brand-accent-positive; // Active success background
378
380
  @cnvs-sys-color-bg-positive-strong: @cnvs-sys-color-brand-accent-positive; // Hover success background
379
381
  @cnvs-sys-color-bg-positive-default: @cnvs-sys-color-brand-accent-positive; // Disabled success background
380
- @cnvs-sys-color-bg-positive-soft: @cnvs-sys-color-brand-surface-positive-default; // Disabled success background
381
382
  @cnvs-sys-color-bg-positive-softer: @cnvs-sys-color-brand-surface-positive-strong; // Surface success background
382
383
  @cnvs-sys-color-bg-primary-stronger: @cnvs-sys-color-brand-accent-primary; // Brand active background
383
384
  @cnvs-sys-color-bg-primary-strong: @cnvs-sys-color-brand-accent-primary; // Brand hover background
384
385
  @cnvs-sys-color-bg-primary-default: @cnvs-sys-color-brand-accent-primary; // Primary brand color
385
- @cnvs-sys-color-bg-primary-soft: @cnvs-sys-color-brand-surface-primary-default; // Primary disabled
386
386
  @cnvs-sys-color-bg-primary-softer: @cnvs-sys-color-brand-surface-primary-strong; // Select
387
387
  @cnvs-sys-color-bg-primary-softest: @cnvs-sys-color-brand-surface-primary-default; // Surface
388
388
  @cnvs-sys-line-height-title-lg: @cnvs-base-size-800;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "4.0.4",
3
+ "version": "4.0.5",
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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Wed, 28 Jan 2026 19:08:29 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 Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Wed, 28 Jan 2026 19:08:29 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -173,12 +173,18 @@ $cnvs-sys-color-text-critical-softer: $cnvs-base-palette-red-200; // Error text
173
173
  $cnvs-sys-color-text-critical-soft: $cnvs-base-palette-red-400; // Error text
174
174
  $cnvs-sys-color-text-disabled: $cnvs-base-palette-slate-400; // Disabled text color
175
175
  $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Default page background
176
- $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-100; // Disabled error background
177
- $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-100; // Softer warning background
176
+ $cnvs-sys-color-bg-info-strong: $cnvs-base-palette-blue-700; // Brand hover background
177
+ $cnvs-sys-color-bg-info-soft: $cnvs-base-palette-blue-a100; // Disabled
178
+ $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-a100; // Disabled error background
179
+ $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-a100; // Softer warning background
180
+ $cnvs-sys-color-bg-positive-soft: $cnvs-base-palette-green-a100; // Disabled success background
178
181
  $cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest surface success background
182
+ $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-slate-a500;
179
183
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-50; // The alternative page background
184
+ $cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-slate-a300; // Active state for segmented control, Pill
180
185
  $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
186
+ $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-a50; // Alternative page background
187
+ $cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-a100; // Primary disabled
182
188
  $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
183
189
  $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
184
190
  $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
@@ -283,9 +289,7 @@ $cnvs-sys-color-text-stronger: $cnvs-sys-color-fg-strong; // Display text
283
289
  $cnvs-sys-color-text-strong: $cnvs-sys-color-fg-strong; // Heading text
284
290
  $cnvs-sys-color-text-default: $cnvs-sys-color-fg-default; // Body text
285
291
  $cnvs-sys-color-bg-info-stronger: $cnvs-sys-color-accent-info; // Brand active background
286
- $cnvs-sys-color-bg-info-strong: $cnvs-sys-color-accent-info; // Brand hover background
287
292
  $cnvs-sys-color-bg-info-default: $cnvs-sys-color-accent-info; // Info color
288
- $cnvs-sys-color-bg-info-soft: $cnvs-sys-color-surface-info-default; // Disabled
289
293
  $cnvs-sys-color-bg-info-softer: $cnvs-sys-color-surface-info-strong; // Select
290
294
  $cnvs-sys-color-bg-info-softest: $cnvs-sys-color-surface-info-default; // Surface
291
295
  $cnvs-sys-color-bg-ai-strongest: $cnvs-sys-color-accent-ai; // AI surfaces
@@ -296,9 +300,7 @@ $cnvs-sys-color-bg-contrast-strong: $cnvs-sys-color-surface-contrast-strong; //
296
300
  $cnvs-sys-color-bg-contrast-default: $cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
297
301
  $cnvs-sys-color-bg-muted-strong: $cnvs-sys-color-accent-muted-default;
298
302
  $cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
299
- $cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
300
303
  $cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
301
- $cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
302
304
  $cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
303
305
  $cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
304
306
  $cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background
@@ -377,12 +379,10 @@ $cnvs-sys-color-bg-caution-softest: $cnvs-sys-color-brand-surface-caution-defaul
377
379
  $cnvs-sys-color-bg-positive-stronger: $cnvs-sys-color-brand-accent-positive; // Active success background
378
380
  $cnvs-sys-color-bg-positive-strong: $cnvs-sys-color-brand-accent-positive; // Hover success background
379
381
  $cnvs-sys-color-bg-positive-default: $cnvs-sys-color-brand-accent-positive; // Disabled success background
380
- $cnvs-sys-color-bg-positive-soft: $cnvs-sys-color-brand-surface-positive-default; // Disabled success background
381
382
  $cnvs-sys-color-bg-positive-softer: $cnvs-sys-color-brand-surface-positive-strong; // Surface success background
382
383
  $cnvs-sys-color-bg-primary-stronger: $cnvs-sys-color-brand-accent-primary; // Brand active background
383
384
  $cnvs-sys-color-bg-primary-strong: $cnvs-sys-color-brand-accent-primary; // Brand hover background
384
385
  $cnvs-sys-color-bg-primary-default: $cnvs-sys-color-brand-accent-primary; // Primary brand color
385
- $cnvs-sys-color-bg-primary-soft: $cnvs-sys-color-brand-surface-primary-default; // Primary disabled
386
386
  $cnvs-sys-color-bg-primary-softer: $cnvs-sys-color-brand-surface-primary-strong; // Select
387
387
  $cnvs-sys-color-bg-primary-softest: $cnvs-sys-color-brand-surface-primary-default; // Surface
388
388
  $cnvs-sys-line-height-title-lg: $cnvs-base-size-800;
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 27 Jan 2026 21:53:44 GMT
3
+ // Generated on Wed, 28 Jan 2026 19:08:29 GMT
4
4
 
5
5
  $cnvs-sys-opacity-full: 1; // Dev only
6
6
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
@@ -173,12 +173,18 @@ $cnvs-sys-color-text-critical-softer: $cnvs-base-palette-red-200; // Error text
173
173
  $cnvs-sys-color-text-critical-soft: $cnvs-base-palette-red-400; // Error text
174
174
  $cnvs-sys-color-text-disabled: $cnvs-base-palette-slate-400; // Disabled text color
175
175
  $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Default page background
176
- $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-100; // Disabled error background
177
- $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-100; // Softer warning background
176
+ $cnvs-sys-color-bg-info-strong: $cnvs-base-palette-blue-700; // Brand hover background
177
+ $cnvs-sys-color-bg-info-soft: $cnvs-base-palette-blue-a100; // Disabled
178
+ $cnvs-sys-color-bg-critical-soft: $cnvs-base-palette-red-a100; // Disabled error background
179
+ $cnvs-sys-color-bg-caution-soft: $cnvs-base-palette-amber-a100; // Softer warning background
180
+ $cnvs-sys-color-bg-positive-soft: $cnvs-base-palette-green-a100; // Disabled success background
178
181
  $cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest surface success background
182
+ $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-slate-a500;
179
183
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-50; // The alternative page background
184
+ $cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-slate-a300; // Active state for segmented control, Pill
180
185
  $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
186
+ $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-a50; // Alternative page background
187
+ $cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-a100; // Primary disabled
182
188
  $cnvs-sys-line-height-title-large: $cnvs-base-line-height-600;
183
189
  $cnvs-sys-line-height-title-medium: $cnvs-base-line-height-500;
184
190
  $cnvs-sys-line-height-title-small: $cnvs-base-line-height-400;
@@ -283,9 +289,7 @@ $cnvs-sys-color-text-stronger: $cnvs-sys-color-fg-strong; // Display text
283
289
  $cnvs-sys-color-text-strong: $cnvs-sys-color-fg-strong; // Heading text
284
290
  $cnvs-sys-color-text-default: $cnvs-sys-color-fg-default; // Body text
285
291
  $cnvs-sys-color-bg-info-stronger: $cnvs-sys-color-accent-info; // Brand active background
286
- $cnvs-sys-color-bg-info-strong: $cnvs-sys-color-accent-info; // Brand hover background
287
292
  $cnvs-sys-color-bg-info-default: $cnvs-sys-color-accent-info; // Info color
288
- $cnvs-sys-color-bg-info-soft: $cnvs-sys-color-surface-info-default; // Disabled
289
293
  $cnvs-sys-color-bg-info-softer: $cnvs-sys-color-surface-info-strong; // Select
290
294
  $cnvs-sys-color-bg-info-softest: $cnvs-sys-color-surface-info-default; // Surface
291
295
  $cnvs-sys-color-bg-ai-strongest: $cnvs-sys-color-accent-ai; // AI surfaces
@@ -296,9 +300,7 @@ $cnvs-sys-color-bg-contrast-strong: $cnvs-sys-color-surface-contrast-strong; //
296
300
  $cnvs-sys-color-bg-contrast-default: $cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
297
301
  $cnvs-sys-color-bg-muted-strong: $cnvs-sys-color-accent-muted-default;
298
302
  $cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
299
- $cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
300
303
  $cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
301
- $cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
302
304
  $cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
303
305
  $cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
304
306
  $cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background
@@ -377,12 +379,10 @@ $cnvs-sys-color-bg-caution-softest: $cnvs-sys-color-brand-surface-caution-defaul
377
379
  $cnvs-sys-color-bg-positive-stronger: $cnvs-sys-color-brand-accent-positive; // Active success background
378
380
  $cnvs-sys-color-bg-positive-strong: $cnvs-sys-color-brand-accent-positive; // Hover success background
379
381
  $cnvs-sys-color-bg-positive-default: $cnvs-sys-color-brand-accent-positive; // Disabled success background
380
- $cnvs-sys-color-bg-positive-soft: $cnvs-sys-color-brand-surface-positive-default; // Disabled success background
381
382
  $cnvs-sys-color-bg-positive-softer: $cnvs-sys-color-brand-surface-positive-strong; // Surface success background
382
383
  $cnvs-sys-color-bg-primary-stronger: $cnvs-sys-color-brand-accent-primary; // Brand active background
383
384
  $cnvs-sys-color-bg-primary-strong: $cnvs-sys-color-brand-accent-primary; // Brand hover background
384
385
  $cnvs-sys-color-bg-primary-default: $cnvs-sys-color-brand-accent-primary; // Primary brand color
385
- $cnvs-sys-color-bg-primary-soft: $cnvs-sys-color-brand-surface-primary-default; // Primary disabled
386
386
  $cnvs-sys-color-bg-primary-softer: $cnvs-sys-color-brand-surface-primary-strong; // Select
387
387
  $cnvs-sys-color-bg-primary-softest: $cnvs-sys-color-brand-surface-primary-default; // Surface
388
388
  $cnvs-sys-line-height-title-lg: $cnvs-base-size-800;