@workday/canvas-tokens-web 3.1.0 → 3.1.1

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 +9 -9
  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 +15 -15
  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 +15 -15
  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 +9 -9
  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 +9 -9
  29. package/scss/system/_variables.scss +9 -9
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -84,9 +84,9 @@
84
84
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
85
85
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
86
86
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
87
- --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-200); /* Warning */
87
+ --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
88
88
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
89
- --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-400); /* Warning */
89
+ --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
90
90
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
91
91
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
92
92
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
@@ -112,8 +112,8 @@
112
112
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
113
113
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
114
114
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
115
- --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-200); /* Strong caution icon color */
116
- --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-400); /* Strong caution icon color */
115
+ --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
116
+ --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
117
117
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
118
118
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
119
119
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
@@ -147,9 +147,9 @@
147
147
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
148
148
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
149
149
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
150
- --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Strong warning text */
151
- --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong warning text */
152
- --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Strong warning text */
150
+ --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
151
+ --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
152
+ --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
153
153
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
154
154
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
155
155
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
@@ -199,7 +199,7 @@
199
199
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
200
200
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
201
201
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
202
- --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
202
+ --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
203
203
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
204
204
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
205
205
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
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, 19 Sep 2025 19:25:22 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
  */
5
5
 
6
6
  export declare const amber25: "--cnvs-base-palette-amber-25";
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Sep 2025 19:25:22 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:22 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
  */
5
5
 
6
6
  export declare const primary: {
package/dist/common-js/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Sep 2025 19:25:22 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:22 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:22 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:22 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -664,7 +664,7 @@ export declare const color: {
664
664
  *
665
665
  * token: base.blue.100
666
666
  *
667
- * Disabled
667
+ * Primary disabled
668
668
  */
669
669
  "soft": "--cnvs-sys-color-bg-primary-soft",
670
670
  /**
@@ -1082,7 +1082,7 @@ export declare const color: {
1082
1082
  *
1083
1083
  * token: base.amber.400
1084
1084
  *
1085
- * Strong warning text
1085
+ * Disabled warning text
1086
1086
  */
1087
1087
  "soft": "--cnvs-sys-color-text-caution-soft",
1088
1088
  /**
@@ -1090,7 +1090,7 @@ export declare const color: {
1090
1090
  *
1091
1091
  * token: base.amber.975
1092
1092
  *
1093
- * Strong warning text
1093
+ * Stronger warning text
1094
1094
  */
1095
1095
  "stronger": "--cnvs-sys-color-text-caution-stronger",
1096
1096
  /**
@@ -1098,7 +1098,7 @@ export declare const color: {
1098
1098
  *
1099
1099
  * token: base.amber.200
1100
1100
  *
1101
- * Strong warning text
1101
+ * Softer warning text
1102
1102
  */
1103
1103
  "softer": "--cnvs-sys-color-text-caution-softer",
1104
1104
  },
@@ -1374,19 +1374,19 @@ export declare const color: {
1374
1374
  */
1375
1375
  "stronger": "--cnvs-sys-color-icon-caution-stronger",
1376
1376
  /**
1377
- * oklch(0.7909 0.1711 70.15 / 1)
1377
+ * oklch(0.4824 0.1353 46.11 / 1)
1378
1378
  *
1379
- * token: base.amber.400
1379
+ * token: base.amber.700
1380
1380
  *
1381
- * Strong caution icon color
1381
+ * Soft caution icon color
1382
1382
  */
1383
1383
  "soft": "--cnvs-sys-color-icon-caution-soft",
1384
1384
  /**
1385
- * oklch(0.9191 0.1547 99.7 / 1)
1385
+ * oklch(0.6601 0.1537 60.7 / 1)
1386
1386
  *
1387
- * token: base.amber.200
1387
+ * token: base.amber.500
1388
1388
  *
1389
- * Strong caution icon color
1389
+ * Softer caution icon color
1390
1390
  */
1391
1391
  "softer": "--cnvs-sys-color-icon-caution-softer",
1392
1392
  },
@@ -1584,9 +1584,9 @@ export declare const color: {
1584
1584
  */
1585
1585
  "strong": "--cnvs-sys-color-fg-caution-strong",
1586
1586
  /**
1587
- * oklch(0.7909 0.1711 70.15 / 1)
1587
+ * oklch(0.4824 0.1353 46.11 / 1)
1588
1588
  *
1589
- * token: base.amber.400
1589
+ * token: base.amber.700
1590
1590
  *
1591
1591
  * Warning
1592
1592
  */
@@ -1600,9 +1600,9 @@ export declare const color: {
1600
1600
  */
1601
1601
  "stronger": "--cnvs-sys-color-fg-caution-stronger",
1602
1602
  /**
1603
- * oklch(0.9191 0.1547 99.7 / 1)
1603
+ * oklch(0.6601 0.1537 60.7 / 1)
1604
1604
  *
1605
- * token: base.amber.200
1605
+ * token: base.amber.500
1606
1606
  *
1607
1607
  * Warning
1608
1608
  */
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Sep 2025 19:25:22 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
  */
5
5
 
6
6
  export declare const amber25: "--cnvs-base-palette-amber-25";
package/dist/es6/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
  */
5
5
 
6
6
  export const amber25 = "--cnvs-base-palette-amber-25";
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
  */
5
5
 
6
6
  export declare const primary: {
package/dist/es6/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
  */
5
5
 
6
6
  export const primary = {
package/dist/es6/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:22 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
  */
5
5
 
6
6
  export declare const breakpoints: {
@@ -664,7 +664,7 @@ export declare const color: {
664
664
  *
665
665
  * token: base.blue.100
666
666
  *
667
- * Disabled
667
+ * Primary disabled
668
668
  */
669
669
  "soft": "--cnvs-sys-color-bg-primary-soft",
670
670
  /**
@@ -1082,7 +1082,7 @@ export declare const color: {
1082
1082
  *
1083
1083
  * token: base.amber.400
1084
1084
  *
1085
- * Strong warning text
1085
+ * Disabled warning text
1086
1086
  */
1087
1087
  "soft": "--cnvs-sys-color-text-caution-soft",
1088
1088
  /**
@@ -1090,7 +1090,7 @@ export declare const color: {
1090
1090
  *
1091
1091
  * token: base.amber.975
1092
1092
  *
1093
- * Strong warning text
1093
+ * Stronger warning text
1094
1094
  */
1095
1095
  "stronger": "--cnvs-sys-color-text-caution-stronger",
1096
1096
  /**
@@ -1098,7 +1098,7 @@ export declare const color: {
1098
1098
  *
1099
1099
  * token: base.amber.200
1100
1100
  *
1101
- * Strong warning text
1101
+ * Softer warning text
1102
1102
  */
1103
1103
  "softer": "--cnvs-sys-color-text-caution-softer",
1104
1104
  },
@@ -1374,19 +1374,19 @@ export declare const color: {
1374
1374
  */
1375
1375
  "stronger": "--cnvs-sys-color-icon-caution-stronger",
1376
1376
  /**
1377
- * oklch(0.7909 0.1711 70.15 / 1)
1377
+ * oklch(0.4824 0.1353 46.11 / 1)
1378
1378
  *
1379
- * token: base.amber.400
1379
+ * token: base.amber.700
1380
1380
  *
1381
- * Strong caution icon color
1381
+ * Soft caution icon color
1382
1382
  */
1383
1383
  "soft": "--cnvs-sys-color-icon-caution-soft",
1384
1384
  /**
1385
- * oklch(0.9191 0.1547 99.7 / 1)
1385
+ * oklch(0.6601 0.1537 60.7 / 1)
1386
1386
  *
1387
- * token: base.amber.200
1387
+ * token: base.amber.500
1388
1388
  *
1389
- * Strong caution icon color
1389
+ * Softer caution icon color
1390
1390
  */
1391
1391
  "softer": "--cnvs-sys-color-icon-caution-softer",
1392
1392
  },
@@ -1584,9 +1584,9 @@ export declare const color: {
1584
1584
  */
1585
1585
  "strong": "--cnvs-sys-color-fg-caution-strong",
1586
1586
  /**
1587
- * oklch(0.7909 0.1711 70.15 / 1)
1587
+ * oklch(0.4824 0.1353 46.11 / 1)
1588
1588
  *
1589
- * token: base.amber.400
1589
+ * token: base.amber.700
1590
1590
  *
1591
1591
  * Warning
1592
1592
  */
@@ -1600,9 +1600,9 @@ export declare const color: {
1600
1600
  */
1601
1601
  "stronger": "--cnvs-sys-color-fg-caution-stronger",
1602
1602
  /**
1603
- * oklch(0.9191 0.1547 99.7 / 1)
1603
+ * oklch(0.6601 0.1537 60.7 / 1)
1604
1604
  *
1605
- * token: base.amber.200
1605
+ * token: base.amber.500
1606
1606
  *
1607
1607
  * Warning
1608
1608
  */
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ * Generated on Fri, 19 Sep 2025 22:18:52 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, 19 Sep 2025 19:25:21 GMT
3
+ // Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
 
5
5
  @cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
6
6
  @cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
package/less/brand/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ // Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
 
5
5
  @cnvs-brand-common-alert-outer: @cnvs-base-palette-amber-500;
6
6
  @cnvs-brand-common-alert-inner: @cnvs-base-palette-amber-400;
package/less/system/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ // Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
 
5
5
  @cnvs-sys-space-zero: 0; // Stacks, rows in tables
6
6
  @cnvs-sys-shape-zero: 0rem; // This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels.
@@ -76,9 +76,9 @@
76
76
  @cnvs-sys-color-fg-ai: @cnvs-base-palette-blue-950; // AI icons and text
77
77
  @cnvs-sys-color-fg-contrast-strong: @cnvs-base-palette-neutral-950; // Strong contrast
78
78
  @cnvs-sys-color-fg-contrast-default: @cnvs-base-palette-neutral-900; // Contrast
79
- @cnvs-sys-color-fg-caution-softer: @cnvs-base-palette-amber-200; // Warning
79
+ @cnvs-sys-color-fg-caution-softer: @cnvs-base-palette-amber-500; // Warning
80
80
  @cnvs-sys-color-fg-caution-stronger: @cnvs-base-palette-amber-975; // Warning on hover
81
- @cnvs-sys-color-fg-caution-soft: @cnvs-base-palette-amber-400; // Warning
81
+ @cnvs-sys-color-fg-caution-soft: @cnvs-base-palette-amber-700; // Warning
82
82
  @cnvs-sys-color-fg-caution-strong: @cnvs-base-palette-amber-950; // Warning on hover
83
83
  @cnvs-sys-color-fg-caution-default: @cnvs-base-palette-amber-900; // Warning
84
84
  @cnvs-sys-color-fg-primary-stronger: @cnvs-base-palette-blue-800; // Links on hover
@@ -104,8 +104,8 @@
104
104
  @cnvs-sys-color-icon-info-strong: @cnvs-base-palette-blue-700; // Stronger brand icon color
105
105
  @cnvs-sys-color-icon-info-default: @cnvs-base-palette-blue-600; // Brand icon color
106
106
  @cnvs-sys-color-icon-disabled: @cnvs-base-palette-slate-400; // Disabled icon color
107
- @cnvs-sys-color-icon-caution-softer: @cnvs-base-palette-amber-200; // Strong caution icon color
108
- @cnvs-sys-color-icon-caution-soft: @cnvs-base-palette-amber-400; // Strong caution icon color
107
+ @cnvs-sys-color-icon-caution-softer: @cnvs-base-palette-amber-500; // Softer caution icon color
108
+ @cnvs-sys-color-icon-caution-soft: @cnvs-base-palette-amber-700; // Soft caution icon color
109
109
  @cnvs-sys-color-icon-caution-stronger: @cnvs-base-palette-amber-975; // Strong caution icon color
110
110
  @cnvs-sys-color-icon-caution-strong: @cnvs-base-palette-amber-950; // Strong caution icon color
111
111
  @cnvs-sys-color-icon-caution-default: @cnvs-base-palette-amber-900; // Caution icon color
@@ -139,9 +139,9 @@
139
139
  @cnvs-sys-color-text-positive-strong: @cnvs-base-palette-green-700; // Branded hover text
140
140
  @cnvs-sys-color-text-positive-default: @cnvs-base-palette-green-600; // Branded text
141
141
  @cnvs-sys-color-text-ai: @cnvs-base-palette-blue-950;
142
- @cnvs-sys-color-text-caution-softer: @cnvs-base-palette-amber-200; // Strong warning text
143
- @cnvs-sys-color-text-caution-stronger: @cnvs-base-palette-amber-975; // Strong warning text
144
- @cnvs-sys-color-text-caution-soft: @cnvs-base-palette-amber-400; // Strong warning text
142
+ @cnvs-sys-color-text-caution-softer: @cnvs-base-palette-amber-200; // Softer warning text
143
+ @cnvs-sys-color-text-caution-stronger: @cnvs-base-palette-amber-975; // Stronger warning text
144
+ @cnvs-sys-color-text-caution-soft: @cnvs-base-palette-amber-400; // Disabled warning text
145
145
  @cnvs-sys-color-text-caution-strong: @cnvs-base-palette-amber-950; // Strong warning text
146
146
  @cnvs-sys-color-text-caution-default: @cnvs-base-palette-amber-900; // Warning text
147
147
  @cnvs-sys-color-text-primary-softer: @cnvs-base-palette-blue-200; // Active links
@@ -191,7 +191,7 @@
191
191
  @cnvs-sys-color-bg-primary-stronger: @cnvs-base-palette-blue-800; // Brand active background
192
192
  @cnvs-sys-color-bg-primary-strong: @cnvs-base-palette-blue-700; // Brand hover background
193
193
  @cnvs-sys-color-bg-primary-default: @cnvs-base-palette-blue-600; // Primary brand color
194
- @cnvs-sys-color-bg-primary-soft: @cnvs-base-palette-blue-100; // Disabled
194
+ @cnvs-sys-color-bg-primary-soft: @cnvs-base-palette-blue-100; // Primary disabled
195
195
  @cnvs-sys-color-bg-primary-softer: @cnvs-base-palette-blue-50; // Select
196
196
  @cnvs-sys-color-bg-primary-softest: @cnvs-base-palette-blue-25; // Surface
197
197
  @cnvs-sys-color-bg-contrast-strong: @cnvs-base-palette-neutral-950; // Contrast backgrounds, like Secondary Buttons
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "3.1.0",
3
+ "version": "3.1.1",
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, 19 Sep 2025 19:25:21 GMT
3
+ // Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
 
5
5
  $cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
6
6
  $cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
package/scss/base/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ // Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
 
5
5
  $cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
6
6
  $cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
package/scss/brand/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ // Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
 
5
5
  $cnvs-brand-common-alert-outer: $cnvs-base-palette-amber-500;
6
6
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
package/scss/brand/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ // Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
 
5
5
  $cnvs-brand-common-alert-outer: $cnvs-base-palette-amber-500;
6
6
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
package/scss/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ // Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
 
5
5
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
6
6
  $cnvs-sys-shape-zero: 0rem; // This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels.
@@ -76,9 +76,9 @@ $cnvs-sys-color-fg-info-softer: $cnvs-base-palette-blue-200; // Link Inverse, Di
76
76
  $cnvs-sys-color-fg-ai: $cnvs-base-palette-blue-950; // AI icons and text
77
77
  $cnvs-sys-color-fg-contrast-strong: $cnvs-base-palette-neutral-950; // Strong contrast
78
78
  $cnvs-sys-color-fg-contrast-default: $cnvs-base-palette-neutral-900; // Contrast
79
- $cnvs-sys-color-fg-caution-softer: $cnvs-base-palette-amber-200; // Warning
79
+ $cnvs-sys-color-fg-caution-softer: $cnvs-base-palette-amber-500; // Warning
80
80
  $cnvs-sys-color-fg-caution-stronger: $cnvs-base-palette-amber-975; // Warning on hover
81
- $cnvs-sys-color-fg-caution-soft: $cnvs-base-palette-amber-400; // Warning
81
+ $cnvs-sys-color-fg-caution-soft: $cnvs-base-palette-amber-700; // Warning
82
82
  $cnvs-sys-color-fg-caution-strong: $cnvs-base-palette-amber-950; // Warning on hover
83
83
  $cnvs-sys-color-fg-caution-default: $cnvs-base-palette-amber-900; // Warning
84
84
  $cnvs-sys-color-fg-primary-stronger: $cnvs-base-palette-blue-800; // Links on hover
@@ -104,8 +104,8 @@ $cnvs-sys-color-icon-info-stronger: $cnvs-base-palette-blue-800; // Stronger bra
104
104
  $cnvs-sys-color-icon-info-strong: $cnvs-base-palette-blue-700; // Stronger brand icon color
105
105
  $cnvs-sys-color-icon-info-default: $cnvs-base-palette-blue-600; // Brand icon color
106
106
  $cnvs-sys-color-icon-disabled: $cnvs-base-palette-slate-400; // Disabled icon color
107
- $cnvs-sys-color-icon-caution-softer: $cnvs-base-palette-amber-200; // Strong caution icon color
108
- $cnvs-sys-color-icon-caution-soft: $cnvs-base-palette-amber-400; // Strong caution icon color
107
+ $cnvs-sys-color-icon-caution-softer: $cnvs-base-palette-amber-500; // Softer caution icon color
108
+ $cnvs-sys-color-icon-caution-soft: $cnvs-base-palette-amber-700; // Soft caution icon color
109
109
  $cnvs-sys-color-icon-caution-stronger: $cnvs-base-palette-amber-975; // Strong caution icon color
110
110
  $cnvs-sys-color-icon-caution-strong: $cnvs-base-palette-amber-950; // Strong caution icon color
111
111
  $cnvs-sys-color-icon-caution-default: $cnvs-base-palette-amber-900; // Caution icon color
@@ -139,9 +139,9 @@ $cnvs-sys-color-text-positive-stronger: $cnvs-base-palette-green-800; // Active
139
139
  $cnvs-sys-color-text-positive-strong: $cnvs-base-palette-green-700; // Branded hover text
140
140
  $cnvs-sys-color-text-positive-default: $cnvs-base-palette-green-600; // Branded text
141
141
  $cnvs-sys-color-text-ai: $cnvs-base-palette-blue-950;
142
- $cnvs-sys-color-text-caution-softer: $cnvs-base-palette-amber-200; // Strong warning text
143
- $cnvs-sys-color-text-caution-stronger: $cnvs-base-palette-amber-975; // Strong warning text
144
- $cnvs-sys-color-text-caution-soft: $cnvs-base-palette-amber-400; // Strong warning text
142
+ $cnvs-sys-color-text-caution-softer: $cnvs-base-palette-amber-200; // Softer warning text
143
+ $cnvs-sys-color-text-caution-stronger: $cnvs-base-palette-amber-975; // Stronger warning text
144
+ $cnvs-sys-color-text-caution-soft: $cnvs-base-palette-amber-400; // Disabled warning text
145
145
  $cnvs-sys-color-text-caution-strong: $cnvs-base-palette-amber-950; // Strong warning text
146
146
  $cnvs-sys-color-text-caution-default: $cnvs-base-palette-amber-900; // Warning text
147
147
  $cnvs-sys-color-text-primary-softer: $cnvs-base-palette-blue-200; // Active links
@@ -191,7 +191,7 @@ $cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest su
191
191
  $cnvs-sys-color-bg-primary-stronger: $cnvs-base-palette-blue-800; // Brand active background
192
192
  $cnvs-sys-color-bg-primary-strong: $cnvs-base-palette-blue-700; // Brand hover background
193
193
  $cnvs-sys-color-bg-primary-default: $cnvs-base-palette-blue-600; // Primary brand color
194
- $cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-100; // Disabled
194
+ $cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-100; // Primary disabled
195
195
  $cnvs-sys-color-bg-primary-softer: $cnvs-base-palette-blue-50; // Select
196
196
  $cnvs-sys-color-bg-primary-softest: $cnvs-base-palette-blue-25; // Surface
197
197
  $cnvs-sys-color-bg-contrast-strong: $cnvs-base-palette-neutral-950; // Contrast backgrounds, like Secondary Buttons
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 19 Sep 2025 19:25:21 GMT
3
+ // Generated on Fri, 19 Sep 2025 22:18:52 GMT
4
4
 
5
5
  $cnvs-sys-space-zero: 0; // Stacks, rows in tables
6
6
  $cnvs-sys-shape-zero: 0rem; // This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels.
@@ -76,9 +76,9 @@ $cnvs-sys-color-fg-info-softer: $cnvs-base-palette-blue-200; // Link Inverse, Di
76
76
  $cnvs-sys-color-fg-ai: $cnvs-base-palette-blue-950; // AI icons and text
77
77
  $cnvs-sys-color-fg-contrast-strong: $cnvs-base-palette-neutral-950; // Strong contrast
78
78
  $cnvs-sys-color-fg-contrast-default: $cnvs-base-palette-neutral-900; // Contrast
79
- $cnvs-sys-color-fg-caution-softer: $cnvs-base-palette-amber-200; // Warning
79
+ $cnvs-sys-color-fg-caution-softer: $cnvs-base-palette-amber-500; // Warning
80
80
  $cnvs-sys-color-fg-caution-stronger: $cnvs-base-palette-amber-975; // Warning on hover
81
- $cnvs-sys-color-fg-caution-soft: $cnvs-base-palette-amber-400; // Warning
81
+ $cnvs-sys-color-fg-caution-soft: $cnvs-base-palette-amber-700; // Warning
82
82
  $cnvs-sys-color-fg-caution-strong: $cnvs-base-palette-amber-950; // Warning on hover
83
83
  $cnvs-sys-color-fg-caution-default: $cnvs-base-palette-amber-900; // Warning
84
84
  $cnvs-sys-color-fg-primary-stronger: $cnvs-base-palette-blue-800; // Links on hover
@@ -104,8 +104,8 @@ $cnvs-sys-color-icon-info-stronger: $cnvs-base-palette-blue-800; // Stronger bra
104
104
  $cnvs-sys-color-icon-info-strong: $cnvs-base-palette-blue-700; // Stronger brand icon color
105
105
  $cnvs-sys-color-icon-info-default: $cnvs-base-palette-blue-600; // Brand icon color
106
106
  $cnvs-sys-color-icon-disabled: $cnvs-base-palette-slate-400; // Disabled icon color
107
- $cnvs-sys-color-icon-caution-softer: $cnvs-base-palette-amber-200; // Strong caution icon color
108
- $cnvs-sys-color-icon-caution-soft: $cnvs-base-palette-amber-400; // Strong caution icon color
107
+ $cnvs-sys-color-icon-caution-softer: $cnvs-base-palette-amber-500; // Softer caution icon color
108
+ $cnvs-sys-color-icon-caution-soft: $cnvs-base-palette-amber-700; // Soft caution icon color
109
109
  $cnvs-sys-color-icon-caution-stronger: $cnvs-base-palette-amber-975; // Strong caution icon color
110
110
  $cnvs-sys-color-icon-caution-strong: $cnvs-base-palette-amber-950; // Strong caution icon color
111
111
  $cnvs-sys-color-icon-caution-default: $cnvs-base-palette-amber-900; // Caution icon color
@@ -139,9 +139,9 @@ $cnvs-sys-color-text-positive-stronger: $cnvs-base-palette-green-800; // Active
139
139
  $cnvs-sys-color-text-positive-strong: $cnvs-base-palette-green-700; // Branded hover text
140
140
  $cnvs-sys-color-text-positive-default: $cnvs-base-palette-green-600; // Branded text
141
141
  $cnvs-sys-color-text-ai: $cnvs-base-palette-blue-950;
142
- $cnvs-sys-color-text-caution-softer: $cnvs-base-palette-amber-200; // Strong warning text
143
- $cnvs-sys-color-text-caution-stronger: $cnvs-base-palette-amber-975; // Strong warning text
144
- $cnvs-sys-color-text-caution-soft: $cnvs-base-palette-amber-400; // Strong warning text
142
+ $cnvs-sys-color-text-caution-softer: $cnvs-base-palette-amber-200; // Softer warning text
143
+ $cnvs-sys-color-text-caution-stronger: $cnvs-base-palette-amber-975; // Stronger warning text
144
+ $cnvs-sys-color-text-caution-soft: $cnvs-base-palette-amber-400; // Disabled warning text
145
145
  $cnvs-sys-color-text-caution-strong: $cnvs-base-palette-amber-950; // Strong warning text
146
146
  $cnvs-sys-color-text-caution-default: $cnvs-base-palette-amber-900; // Warning text
147
147
  $cnvs-sys-color-text-primary-softer: $cnvs-base-palette-blue-200; // Active links
@@ -191,7 +191,7 @@ $cnvs-sys-color-bg-positive-softest: $cnvs-base-palette-green-25; // Lightest su
191
191
  $cnvs-sys-color-bg-primary-stronger: $cnvs-base-palette-blue-800; // Brand active background
192
192
  $cnvs-sys-color-bg-primary-strong: $cnvs-base-palette-blue-700; // Brand hover background
193
193
  $cnvs-sys-color-bg-primary-default: $cnvs-base-palette-blue-600; // Primary brand color
194
- $cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-100; // Disabled
194
+ $cnvs-sys-color-bg-primary-soft: $cnvs-base-palette-blue-100; // Primary disabled
195
195
  $cnvs-sys-color-bg-primary-softer: $cnvs-base-palette-blue-50; // Select
196
196
  $cnvs-sys-color-bg-primary-softest: $cnvs-base-palette-blue-25; // Surface
197
197
  $cnvs-sys-color-bg-contrast-strong: $cnvs-base-palette-neutral-950; // Contrast backgrounds, like Secondary Buttons