@workday/canvas-tokens-web 4.0.3 → 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 +12 -12
  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 +12 -12
  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 +12 -12
  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 +12 -12
  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 +12 -12
  29. package/scss/system/_variables.scss +12 -12
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 15:13:01 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 15:13:01 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 15:13:01 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);
@@ -223,7 +229,7 @@
223
229
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
224
230
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
225
231
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
226
- --cnvs-sys-color-brand-border-caution: var(--cnvs-brand-caution-400);
232
+ --cnvs-sys-color-brand-border-caution: var(--cnvs-brand-caution-500);
227
233
  --cnvs-sys-color-brand-border-critical: var(--cnvs-brand-critical-500);
228
234
  --cnvs-sys-color-brand-border-primary: var(--cnvs-brand-primary-500); /* Brand, Focus */
229
235
  --cnvs-sys-color-brand-fg-selected: var(--cnvs-brand-primary-700);
@@ -271,6 +277,7 @@
271
277
  --cnvs-sys-color-fg-positive-default: var(--cnvs-sys-color-fg-success-default); /* Error */
272
278
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-sys-color-fg-info-strong); /* Links on hover */
273
279
  --cnvs-sys-color-fg-info-softer: var(--cnvs-sys-color-fg-ai); /* Link Inverse, Disabled */
280
+ --cnvs-sys-color-fg-caution-strong: var(--cnvs-sys-color-fg-contrast-default); /* Warning on hover */
274
281
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-sys-color-fg-muted-strong);
275
282
  --cnvs-sys-color-icon-info-strong: var(--cnvs-sys-color-fg-info-strong); /* Stronger brand icon color */
276
283
  --cnvs-sys-color-icon-info-default: var(--cnvs-sys-color-fg-info-default); /* Brand icon color */
@@ -290,9 +297,7 @@
290
297
  --cnvs-sys-color-text-strong: var(--cnvs-sys-color-fg-strong); /* Heading text */
291
298
  --cnvs-sys-color-text-default: var(--cnvs-sys-color-fg-default); /* Body text */
292
299
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-sys-color-accent-info); /* Brand active background */
293
- --cnvs-sys-color-bg-info-strong: var(--cnvs-sys-color-accent-info); /* Brand hover background */
294
300
  --cnvs-sys-color-bg-info-default: var(--cnvs-sys-color-accent-info); /* Info color */
295
- --cnvs-sys-color-bg-info-soft: var(--cnvs-sys-color-surface-info-default); /* Disabled */
296
301
  --cnvs-sys-color-bg-info-softer: var(--cnvs-sys-color-surface-info-strong); /* Select */
297
302
  --cnvs-sys-color-bg-info-softest: var(--cnvs-sys-color-surface-info-default); /* Surface */
298
303
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-sys-color-accent-ai); /* AI surfaces */
@@ -303,9 +308,7 @@
303
308
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-sys-color-surface-contrast-default); /* Contrast backgrounds, like Secondary Buttons */
304
309
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-sys-color-accent-muted-default);
305
310
  --cnvs-sys-color-bg-muted-default: var(--cnvs-sys-color-accent-muted-default);
306
- --cnvs-sys-color-bg-muted-soft: var(--cnvs-sys-color-accent-muted-soft);
307
311
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-sys-color-accent-muted-soft);
308
- --cnvs-sys-color-bg-alt-stronger: var(--cnvs-sys-color-surface-alt-default); /* Active state for segmented control, Pill */
309
312
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-sys-color-surface-raised); /* Disabled inputs */
310
313
  --cnvs-sys-color-bg-translucent: var(--cnvs-sys-color-surface-contrast-default); /* Tooltip, Status Indicator */
311
314
  --cnvs-sys-color-bg-overlay: var(--cnvs-sys-color-surface-overlay-scrim); /* Overlay background */
@@ -345,7 +348,6 @@
345
348
  --cnvs-sys-color-border-critical-default: var(--cnvs-sys-color-brand-border-critical); /* Error */
346
349
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-sys-color-brand-fg-positive-strong); /* Error */
347
350
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-sys-color-brand-fg-positive-strong); /* Error */
348
- --cnvs-sys-color-fg-caution-strong: var(--cnvs-sys-color-brand-fg-caution-strong); /* Warning on hover */
349
351
  --cnvs-sys-color-fg-caution-default: var(--cnvs-sys-color-brand-fg-caution-default); /* Warning */
350
352
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-sys-color-brand-fg-primary-strong); /* Links on hover */
351
353
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-sys-color-brand-fg-primary-strong); /* Links on hover */
@@ -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 15:13:02 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 15:13:02 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 15:13:02 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 15:13:02 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 15:13:02 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 15:13:02 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 15:13:02 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
  *
@@ -1712,7 +1712,7 @@ export declare const color: {
1712
1712
  */
1713
1713
  "default": "--cnvs-sys-color-fg-caution-default",
1714
1714
  /**
1715
- * {sys.color.brand.fg.caution.strong}
1715
+ * {sys.color.fg.contrast.default}
1716
1716
  *
1717
1717
  * Warning on hover
1718
1718
  *
@@ -2645,7 +2645,7 @@ export declare const color: {
2645
2645
  "primary": "--cnvs-sys-color-brand-border-primary",
2646
2646
  /** {brand.critical.500} */
2647
2647
  "critical": "--cnvs-sys-color-brand-border-critical",
2648
- /** {brand.caution.400} */
2648
+ /** {brand.caution.500} */
2649
2649
  "caution": "--cnvs-sys-color-brand-border-caution",
2650
2650
  },
2651
2651
  },
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 15:13:02 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 15:13:02 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 15:13:02 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 15:13:02 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 15:13:02 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 15:13:02 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 15:13:02 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 15:13:02 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
  *
@@ -1712,7 +1712,7 @@ export declare const color: {
1712
1712
  */
1713
1713
  "default": "--cnvs-sys-color-fg-caution-default",
1714
1714
  /**
1715
- * {sys.color.brand.fg.caution.strong}
1715
+ * {sys.color.fg.contrast.default}
1716
1716
  *
1717
1717
  * Warning on hover
1718
1718
  *
@@ -2645,7 +2645,7 @@ export declare const color: {
2645
2645
  "primary": "--cnvs-sys-color-brand-border-primary",
2646
2646
  /** {brand.critical.500} */
2647
2647
  "critical": "--cnvs-sys-color-brand-border-critical",
2648
- /** {brand.caution.400} */
2648
+ /** {brand.caution.500} */
2649
2649
  "caution": "--cnvs-sys-color-brand-border-caution",
2650
2650
  },
2651
2651
  },
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 15:13:02 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 15:13:01 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 15:13:01 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 15:13:01 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;
@@ -215,7 +221,7 @@
215
221
  @cnvs-sys-breakpoints-l: 1024px; // Large screens, such as desktops.
216
222
  @cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
217
223
  @cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
218
- @cnvs-sys-color-brand-border-caution: @cnvs-brand-caution-400;
224
+ @cnvs-sys-color-brand-border-caution: @cnvs-brand-caution-500;
219
225
  @cnvs-sys-color-brand-border-critical: @cnvs-brand-critical-500;
220
226
  @cnvs-sys-color-brand-border-primary: @cnvs-brand-primary-500; // Brand, Focus
221
227
  @cnvs-sys-color-brand-fg-selected: @cnvs-brand-primary-700;
@@ -263,6 +269,7 @@
263
269
  @cnvs-sys-color-fg-positive-default: @cnvs-sys-color-fg-success-default; // Error
264
270
  @cnvs-sys-color-fg-info-stronger: @cnvs-sys-color-fg-info-strong; // Links on hover
265
271
  @cnvs-sys-color-fg-info-softer: @cnvs-sys-color-fg-ai; // Link Inverse, Disabled
272
+ @cnvs-sys-color-fg-caution-strong: @cnvs-sys-color-fg-contrast-default; // Warning on hover
266
273
  @cnvs-sys-color-fg-muted-stronger: @cnvs-sys-color-fg-muted-strong;
267
274
  @cnvs-sys-color-icon-info-strong: @cnvs-sys-color-fg-info-strong; // Stronger brand icon color
268
275
  @cnvs-sys-color-icon-info-default: @cnvs-sys-color-fg-info-default; // Brand icon color
@@ -282,9 +289,7 @@
282
289
  @cnvs-sys-color-text-strong: @cnvs-sys-color-fg-strong; // Heading text
283
290
  @cnvs-sys-color-text-default: @cnvs-sys-color-fg-default; // Body text
284
291
  @cnvs-sys-color-bg-info-stronger: @cnvs-sys-color-accent-info; // Brand active background
285
- @cnvs-sys-color-bg-info-strong: @cnvs-sys-color-accent-info; // Brand hover background
286
292
  @cnvs-sys-color-bg-info-default: @cnvs-sys-color-accent-info; // Info color
287
- @cnvs-sys-color-bg-info-soft: @cnvs-sys-color-surface-info-default; // Disabled
288
293
  @cnvs-sys-color-bg-info-softer: @cnvs-sys-color-surface-info-strong; // Select
289
294
  @cnvs-sys-color-bg-info-softest: @cnvs-sys-color-surface-info-default; // Surface
290
295
  @cnvs-sys-color-bg-ai-strongest: @cnvs-sys-color-accent-ai; // AI surfaces
@@ -295,9 +300,7 @@
295
300
  @cnvs-sys-color-bg-contrast-default: @cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
296
301
  @cnvs-sys-color-bg-muted-strong: @cnvs-sys-color-accent-muted-default;
297
302
  @cnvs-sys-color-bg-muted-default: @cnvs-sys-color-accent-muted-default;
298
- @cnvs-sys-color-bg-muted-soft: @cnvs-sys-color-accent-muted-soft;
299
303
  @cnvs-sys-color-bg-muted-softer: @cnvs-sys-color-accent-muted-soft;
300
- @cnvs-sys-color-bg-alt-stronger: @cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
301
304
  @cnvs-sys-color-bg-alt-softer: @cnvs-sys-color-surface-raised; // Disabled inputs
302
305
  @cnvs-sys-color-bg-translucent: @cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
303
306
  @cnvs-sys-color-bg-overlay: @cnvs-sys-color-surface-overlay-scrim; // Overlay background
@@ -337,7 +340,6 @@
337
340
  @cnvs-sys-color-border-critical-default: @cnvs-sys-color-brand-border-critical; // Error
338
341
  @cnvs-sys-color-fg-positive-stronger: @cnvs-sys-color-brand-fg-positive-strong; // Error
339
342
  @cnvs-sys-color-fg-positive-strong: @cnvs-sys-color-brand-fg-positive-strong; // Error
340
- @cnvs-sys-color-fg-caution-strong: @cnvs-sys-color-brand-fg-caution-strong; // Warning on hover
341
343
  @cnvs-sys-color-fg-caution-default: @cnvs-sys-color-brand-fg-caution-default; // Warning
342
344
  @cnvs-sys-color-fg-primary-strong: @cnvs-sys-color-brand-fg-primary-strong; // Links on hover
343
345
  @cnvs-sys-color-fg-primary-stronger: @cnvs-sys-color-brand-fg-primary-strong; // Links on hover
@@ -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.3",
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 15:13:01 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 15:13:01 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 15:13:01 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 15:13:01 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 15:13:01 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;
@@ -215,7 +221,7 @@ $cnvs-sys-shape-half: calc($cnvs-base-unit * 0.5); // Use this for subtle and sm
215
221
  $cnvs-sys-breakpoints-l: 1024px; // Large screens, such as desktops.
216
222
  $cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
217
223
  $cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
218
- $cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-400;
224
+ $cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-500;
219
225
  $cnvs-sys-color-brand-border-critical: $cnvs-brand-critical-500;
220
226
  $cnvs-sys-color-brand-border-primary: $cnvs-brand-primary-500; // Brand, Focus
221
227
  $cnvs-sys-color-brand-fg-selected: $cnvs-brand-primary-700;
@@ -263,6 +269,7 @@ $cnvs-sys-color-border-input-strong: $cnvs-sys-color-border-input-hover; // Inpu
263
269
  $cnvs-sys-color-fg-positive-default: $cnvs-sys-color-fg-success-default; // Error
264
270
  $cnvs-sys-color-fg-info-stronger: $cnvs-sys-color-fg-info-strong; // Links on hover
265
271
  $cnvs-sys-color-fg-info-softer: $cnvs-sys-color-fg-ai; // Link Inverse, Disabled
272
+ $cnvs-sys-color-fg-caution-strong: $cnvs-sys-color-fg-contrast-default; // Warning on hover
266
273
  $cnvs-sys-color-fg-muted-stronger: $cnvs-sys-color-fg-muted-strong;
267
274
  $cnvs-sys-color-icon-info-strong: $cnvs-sys-color-fg-info-strong; // Stronger brand icon color
268
275
  $cnvs-sys-color-icon-info-default: $cnvs-sys-color-fg-info-default; // Brand icon color
@@ -282,9 +289,7 @@ $cnvs-sys-color-text-stronger: $cnvs-sys-color-fg-strong; // Display text
282
289
  $cnvs-sys-color-text-strong: $cnvs-sys-color-fg-strong; // Heading text
283
290
  $cnvs-sys-color-text-default: $cnvs-sys-color-fg-default; // Body text
284
291
  $cnvs-sys-color-bg-info-stronger: $cnvs-sys-color-accent-info; // Brand active background
285
- $cnvs-sys-color-bg-info-strong: $cnvs-sys-color-accent-info; // Brand hover background
286
292
  $cnvs-sys-color-bg-info-default: $cnvs-sys-color-accent-info; // Info color
287
- $cnvs-sys-color-bg-info-soft: $cnvs-sys-color-surface-info-default; // Disabled
288
293
  $cnvs-sys-color-bg-info-softer: $cnvs-sys-color-surface-info-strong; // Select
289
294
  $cnvs-sys-color-bg-info-softest: $cnvs-sys-color-surface-info-default; // Surface
290
295
  $cnvs-sys-color-bg-ai-strongest: $cnvs-sys-color-accent-ai; // AI surfaces
@@ -295,9 +300,7 @@ $cnvs-sys-color-bg-contrast-strong: $cnvs-sys-color-surface-contrast-strong; //
295
300
  $cnvs-sys-color-bg-contrast-default: $cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
296
301
  $cnvs-sys-color-bg-muted-strong: $cnvs-sys-color-accent-muted-default;
297
302
  $cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
298
- $cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
299
303
  $cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
300
- $cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
301
304
  $cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
302
305
  $cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
303
306
  $cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background
@@ -337,7 +340,6 @@ $cnvs-sys-color-border-caution-default: $cnvs-sys-color-brand-focus-caution-inne
337
340
  $cnvs-sys-color-border-critical-default: $cnvs-sys-color-brand-border-critical; // Error
338
341
  $cnvs-sys-color-fg-positive-stronger: $cnvs-sys-color-brand-fg-positive-strong; // Error
339
342
  $cnvs-sys-color-fg-positive-strong: $cnvs-sys-color-brand-fg-positive-strong; // Error
340
- $cnvs-sys-color-fg-caution-strong: $cnvs-sys-color-brand-fg-caution-strong; // Warning on hover
341
343
  $cnvs-sys-color-fg-caution-default: $cnvs-sys-color-brand-fg-caution-default; // Warning
342
344
  $cnvs-sys-color-fg-primary-strong: $cnvs-sys-color-brand-fg-primary-strong; // Links on hover
343
345
  $cnvs-sys-color-fg-primary-stronger: $cnvs-sys-color-brand-fg-primary-strong; // Links on hover
@@ -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 15:13:01 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;
@@ -215,7 +221,7 @@ $cnvs-sys-shape-half: calc($cnvs-base-unit * 0.5); // Use this for subtle and sm
215
221
  $cnvs-sys-breakpoints-l: 1024px; // Large screens, such as desktops.
216
222
  $cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
217
223
  $cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
218
- $cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-400;
224
+ $cnvs-sys-color-brand-border-caution: $cnvs-brand-caution-500;
219
225
  $cnvs-sys-color-brand-border-critical: $cnvs-brand-critical-500;
220
226
  $cnvs-sys-color-brand-border-primary: $cnvs-brand-primary-500; // Brand, Focus
221
227
  $cnvs-sys-color-brand-fg-selected: $cnvs-brand-primary-700;
@@ -263,6 +269,7 @@ $cnvs-sys-color-border-input-strong: $cnvs-sys-color-border-input-hover; // Inpu
263
269
  $cnvs-sys-color-fg-positive-default: $cnvs-sys-color-fg-success-default; // Error
264
270
  $cnvs-sys-color-fg-info-stronger: $cnvs-sys-color-fg-info-strong; // Links on hover
265
271
  $cnvs-sys-color-fg-info-softer: $cnvs-sys-color-fg-ai; // Link Inverse, Disabled
272
+ $cnvs-sys-color-fg-caution-strong: $cnvs-sys-color-fg-contrast-default; // Warning on hover
266
273
  $cnvs-sys-color-fg-muted-stronger: $cnvs-sys-color-fg-muted-strong;
267
274
  $cnvs-sys-color-icon-info-strong: $cnvs-sys-color-fg-info-strong; // Stronger brand icon color
268
275
  $cnvs-sys-color-icon-info-default: $cnvs-sys-color-fg-info-default; // Brand icon color
@@ -282,9 +289,7 @@ $cnvs-sys-color-text-stronger: $cnvs-sys-color-fg-strong; // Display text
282
289
  $cnvs-sys-color-text-strong: $cnvs-sys-color-fg-strong; // Heading text
283
290
  $cnvs-sys-color-text-default: $cnvs-sys-color-fg-default; // Body text
284
291
  $cnvs-sys-color-bg-info-stronger: $cnvs-sys-color-accent-info; // Brand active background
285
- $cnvs-sys-color-bg-info-strong: $cnvs-sys-color-accent-info; // Brand hover background
286
292
  $cnvs-sys-color-bg-info-default: $cnvs-sys-color-accent-info; // Info color
287
- $cnvs-sys-color-bg-info-soft: $cnvs-sys-color-surface-info-default; // Disabled
288
293
  $cnvs-sys-color-bg-info-softer: $cnvs-sys-color-surface-info-strong; // Select
289
294
  $cnvs-sys-color-bg-info-softest: $cnvs-sys-color-surface-info-default; // Surface
290
295
  $cnvs-sys-color-bg-ai-strongest: $cnvs-sys-color-accent-ai; // AI surfaces
@@ -295,9 +300,7 @@ $cnvs-sys-color-bg-contrast-strong: $cnvs-sys-color-surface-contrast-strong; //
295
300
  $cnvs-sys-color-bg-contrast-default: $cnvs-sys-color-surface-contrast-default; // Contrast backgrounds, like Secondary Buttons
296
301
  $cnvs-sys-color-bg-muted-strong: $cnvs-sys-color-accent-muted-default;
297
302
  $cnvs-sys-color-bg-muted-default: $cnvs-sys-color-accent-muted-default;
298
- $cnvs-sys-color-bg-muted-soft: $cnvs-sys-color-accent-muted-soft;
299
303
  $cnvs-sys-color-bg-muted-softer: $cnvs-sys-color-accent-muted-soft;
300
- $cnvs-sys-color-bg-alt-stronger: $cnvs-sys-color-surface-alt-default; // Active state for segmented control, Pill
301
304
  $cnvs-sys-color-bg-alt-softer: $cnvs-sys-color-surface-raised; // Disabled inputs
302
305
  $cnvs-sys-color-bg-translucent: $cnvs-sys-color-surface-contrast-default; // Tooltip, Status Indicator
303
306
  $cnvs-sys-color-bg-overlay: $cnvs-sys-color-surface-overlay-scrim; // Overlay background
@@ -337,7 +340,6 @@ $cnvs-sys-color-border-caution-default: $cnvs-sys-color-brand-focus-caution-inne
337
340
  $cnvs-sys-color-border-critical-default: $cnvs-sys-color-brand-border-critical; // Error
338
341
  $cnvs-sys-color-fg-positive-stronger: $cnvs-sys-color-brand-fg-positive-strong; // Error
339
342
  $cnvs-sys-color-fg-positive-strong: $cnvs-sys-color-brand-fg-positive-strong; // Error
340
- $cnvs-sys-color-fg-caution-strong: $cnvs-sys-color-brand-fg-caution-strong; // Warning on hover
341
343
  $cnvs-sys-color-fg-caution-default: $cnvs-sys-color-brand-fg-caution-default; // Warning
342
344
  $cnvs-sys-color-fg-primary-strong: $cnvs-sys-color-brand-fg-primary-strong; // Links on hover
343
345
  $cnvs-sys-color-fg-primary-stronger: $cnvs-sys-color-brand-fg-primary-strong; // Links on hover
@@ -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;