@workday/canvas-tokens-web 1.2.0 → 1.3.0

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 +8 -2
  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 +37 -3
  11. package/dist/common-js/system/index.js +12 -4
  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 +37 -3
  19. package/dist/es6/system/index.js +12 -4
  20. package/less/base/_variables.less +1 -1
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +8 -2
  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 +8 -2
  29. package/scss/system/_variables.scss +8 -2
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -57,6 +57,7 @@
57
57
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-apple-600); /* Stronger green */
58
58
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-apple-100); /* Light green */
59
59
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-apple-400); /* Default green */
60
+ --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-toasted-marshmallow-600); /* Foregrounds in low emphasis status indicators */
60
61
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blueberry-500); /* Stronger blue */
61
62
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blueberry-100); /* Light blue */
62
63
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blueberry-400); /* Blue */
@@ -71,6 +72,7 @@
71
72
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blueberry-400); /* Brand, Focus */
72
73
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-black-pepper-500); /* Secondary Button Hover */
73
74
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-black-pepper-400); /* Secondary Button */
75
+ --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-soap-300); /* Borders on checkboxes and radios */
74
76
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-licorice-500); /* Input hover */
75
77
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-licorice-200); /* Inputs */
76
78
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-licorice-100); /* Disabled inputs */
@@ -83,6 +85,7 @@
83
85
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-licorice-500);
84
86
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-licorice-400);
85
87
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-licorice-300); /* Hint text */
88
+ --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-licorice-200); /* Tab item text */
86
89
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-cinnamon-500); /* Error */
87
90
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-french-vanilla-100); /* Inverse */
88
91
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-licorice-100); /* Disabled */
@@ -99,6 +102,7 @@
99
102
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-licorice-500); /* Hover icon color */
100
103
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-licorice-100); /* Disabled icon color */
101
104
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-licorice-200); /* Default icon color */
105
+ --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blueberry-600); /* Active links */
102
106
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blueberry-500); /* Branded hover text */
103
107
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blueberry-400); /* Branded text */
104
108
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-cinnamon-500); /* Error text */
@@ -126,10 +130,12 @@
126
130
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-black-pepper-500); /* Contrast backgrounds, like Secondary Buttons */
127
131
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-black-pepper-400); /* Contrast backgrounds, like Secondary Buttons */
128
132
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-licorice-500);
129
- --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-licorice-100);
130
133
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-licorice-300);
134
+ --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-licorice-200);
135
+ --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-licorice-100);
131
136
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-soap-500); /* Active states */
132
137
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-soap-400); /* Active states */
138
+ --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-soap-100); /* Disabled inputs and column headers */
133
139
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-soap-200); /* Page background */
134
140
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-soap-300); /* Hover states */
135
141
  --cnvs-sys-color-bg-translucent: rgba(var(--cnvs-base-palette-black-pepper-600) ,var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
package/dist/common-js/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
  */
5
5
 
6
6
  export declare const cinnamon100 = "--cnvs-base-palette-cinnamon-100" as const;
package/dist/common-js/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
  */
5
5
 
6
6
  export declare const color = {
@@ -43,6 +43,12 @@ export declare const color = {
43
43
  * Page background
44
44
  */
45
45
  "soft": "--cnvs-sys-color-bg-alt-soft",
46
+ /**
47
+ * #f6f7f8
48
+ *
49
+ * Disabled inputs and column headers
50
+ */
51
+ "softer": "--cnvs-sys-color-bg-alt-softer",
46
52
  /**
47
53
  * #DFE2E6
48
54
  *
@@ -57,10 +63,12 @@ export declare const color = {
57
63
  "stronger": "--cnvs-sys-color-bg-alt-stronger",
58
64
  },
59
65
  "muted": {
60
- /** #5E6A75 */
61
- "default": "--cnvs-sys-color-bg-muted-default",
62
66
  /** #A1AAB3 */
67
+ "softer": "--cnvs-sys-color-bg-muted-softer",
68
+ /** #7b858f */
63
69
  "soft": "--cnvs-sys-color-bg-muted-soft",
70
+ /** #5E6A75 */
71
+ "default": "--cnvs-sys-color-bg-muted-default",
64
72
  /** #333d47 */
65
73
  "strong": "--cnvs-sys-color-bg-muted-strong",
66
74
  },
@@ -241,6 +249,12 @@ export declare const color = {
241
249
  * Branded hover text
242
250
  */
243
251
  "strong": "--cnvs-sys-color-text-primary-strong",
252
+ /**
253
+ * #004387
254
+ *
255
+ * Active links
256
+ */
257
+ "stronger": "--cnvs-sys-color-text-primary-stronger",
244
258
  },
245
259
  "caution": {
246
260
  /**
@@ -367,6 +381,12 @@ export declare const color = {
367
381
  "default": "--cnvs-sys-color-fg-critical-default",
368
382
  },
369
383
  "muted": {
384
+ /**
385
+ * #7b858f
386
+ *
387
+ * Tab item text
388
+ */
389
+ "soft": "--cnvs-sys-color-fg-muted-soft",
370
390
  /**
371
391
  * #5E6A75
372
392
  *
@@ -441,6 +461,12 @@ export declare const color = {
441
461
  * Input hover
442
462
  */
443
463
  "strong": "--cnvs-sys-color-border-input-strong",
464
+ /**
465
+ * #e8ebed
466
+ *
467
+ * Borders on checkboxes and radios
468
+ */
469
+ "inverse": "--cnvs-sys-color-border-input-inverse",
444
470
  },
445
471
  "contrast": {
446
472
  /**
@@ -552,6 +578,14 @@ export declare const color = {
552
578
  */
553
579
  "strong": "--cnvs-sys-color-static-blue-strong",
554
580
  },
581
+ "gold": {
582
+ /**
583
+ * #8C6000
584
+ *
585
+ * Foregrounds in low emphasis status indicators
586
+ */
587
+ "stronger": "--cnvs-sys-color-static-gold-stronger",
588
+ },
555
589
  "green": {
556
590
  /**
557
591
  * #43c463
package/dist/common-js/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -15,12 +15,14 @@ exports.color = {
15
15
  "alt": {
16
16
  "default": "--cnvs-sys-color-bg-alt-default",
17
17
  "soft": "--cnvs-sys-color-bg-alt-soft",
18
+ "softer": "--cnvs-sys-color-bg-alt-softer",
18
19
  "strong": "--cnvs-sys-color-bg-alt-strong",
19
20
  "stronger": "--cnvs-sys-color-bg-alt-stronger"
20
21
  },
21
22
  "muted": {
22
- "default": "--cnvs-sys-color-bg-muted-default",
23
+ "softer": "--cnvs-sys-color-bg-muted-softer",
23
24
  "soft": "--cnvs-sys-color-bg-muted-soft",
25
+ "default": "--cnvs-sys-color-bg-muted-default",
24
26
  "strong": "--cnvs-sys-color-bg-muted-strong"
25
27
  },
26
28
  "contrast": {
@@ -64,7 +66,8 @@ exports.color = {
64
66
  },
65
67
  "primary": {
66
68
  "default": "--cnvs-sys-color-text-primary-default",
67
- "strong": "--cnvs-sys-color-text-primary-strong"
69
+ "strong": "--cnvs-sys-color-text-primary-strong",
70
+ "stronger": "--cnvs-sys-color-text-primary-stronger"
68
71
  },
69
72
  "caution": {
70
73
  "default": "--cnvs-sys-color-text-caution-default",
@@ -101,6 +104,7 @@ exports.color = {
101
104
  "default": "--cnvs-sys-color-fg-critical-default"
102
105
  },
103
106
  "muted": {
107
+ "soft": "--cnvs-sys-color-fg-muted-soft",
104
108
  "default": "--cnvs-sys-color-fg-muted-default",
105
109
  "strong": "--cnvs-sys-color-fg-muted-strong",
106
110
  "stronger": "--cnvs-sys-color-fg-muted-stronger"
@@ -122,7 +126,8 @@ exports.color = {
122
126
  "input": {
123
127
  "disabled": "--cnvs-sys-color-border-input-disabled",
124
128
  "default": "--cnvs-sys-color-border-input-default",
125
- "strong": "--cnvs-sys-color-border-input-strong"
129
+ "strong": "--cnvs-sys-color-border-input-strong",
130
+ "inverse": "--cnvs-sys-color-border-input-inverse"
126
131
  },
127
132
  "contrast": {
128
133
  "default": "--cnvs-sys-color-border-contrast-default",
@@ -154,6 +159,9 @@ exports.color = {
154
159
  "soft": "--cnvs-sys-color-static-blue-soft",
155
160
  "strong": "--cnvs-sys-color-static-blue-strong"
156
161
  },
162
+ "gold": {
163
+ "stronger": "--cnvs-sys-color-static-gold-stronger"
164
+ },
157
165
  "green": {
158
166
  "default": "--cnvs-sys-color-static-green-default",
159
167
  "soft": "--cnvs-sys-color-static-green-soft",
package/dist/es6/base/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
  */
5
5
 
6
6
  export declare const cinnamon100 = "--cnvs-base-palette-cinnamon-100" as const;
package/dist/es6/base/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
  */
5
5
 
6
6
  export const cinnamon100 = "--cnvs-base-palette-cinnamon-100";
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
  */
5
5
 
6
6
  export declare const color = {
@@ -43,6 +43,12 @@ export declare const color = {
43
43
  * Page background
44
44
  */
45
45
  "soft": "--cnvs-sys-color-bg-alt-soft",
46
+ /**
47
+ * #f6f7f8
48
+ *
49
+ * Disabled inputs and column headers
50
+ */
51
+ "softer": "--cnvs-sys-color-bg-alt-softer",
46
52
  /**
47
53
  * #DFE2E6
48
54
  *
@@ -57,10 +63,12 @@ export declare const color = {
57
63
  "stronger": "--cnvs-sys-color-bg-alt-stronger",
58
64
  },
59
65
  "muted": {
60
- /** #5E6A75 */
61
- "default": "--cnvs-sys-color-bg-muted-default",
62
66
  /** #A1AAB3 */
67
+ "softer": "--cnvs-sys-color-bg-muted-softer",
68
+ /** #7b858f */
63
69
  "soft": "--cnvs-sys-color-bg-muted-soft",
70
+ /** #5E6A75 */
71
+ "default": "--cnvs-sys-color-bg-muted-default",
64
72
  /** #333d47 */
65
73
  "strong": "--cnvs-sys-color-bg-muted-strong",
66
74
  },
@@ -241,6 +249,12 @@ export declare const color = {
241
249
  * Branded hover text
242
250
  */
243
251
  "strong": "--cnvs-sys-color-text-primary-strong",
252
+ /**
253
+ * #004387
254
+ *
255
+ * Active links
256
+ */
257
+ "stronger": "--cnvs-sys-color-text-primary-stronger",
244
258
  },
245
259
  "caution": {
246
260
  /**
@@ -367,6 +381,12 @@ export declare const color = {
367
381
  "default": "--cnvs-sys-color-fg-critical-default",
368
382
  },
369
383
  "muted": {
384
+ /**
385
+ * #7b858f
386
+ *
387
+ * Tab item text
388
+ */
389
+ "soft": "--cnvs-sys-color-fg-muted-soft",
370
390
  /**
371
391
  * #5E6A75
372
392
  *
@@ -441,6 +461,12 @@ export declare const color = {
441
461
  * Input hover
442
462
  */
443
463
  "strong": "--cnvs-sys-color-border-input-strong",
464
+ /**
465
+ * #e8ebed
466
+ *
467
+ * Borders on checkboxes and radios
468
+ */
469
+ "inverse": "--cnvs-sys-color-border-input-inverse",
444
470
  },
445
471
  "contrast": {
446
472
  /**
@@ -552,6 +578,14 @@ export declare const color = {
552
578
  */
553
579
  "strong": "--cnvs-sys-color-static-blue-strong",
554
580
  },
581
+ "gold": {
582
+ /**
583
+ * #8C6000
584
+ *
585
+ * Foregrounds in low emphasis status indicators
586
+ */
587
+ "stronger": "--cnvs-sys-color-static-gold-stronger",
588
+ },
555
589
  "green": {
556
590
  /**
557
591
  * #43c463
package/dist/es6/system/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ * Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
  */
5
5
 
6
6
  export const color = {
@@ -12,12 +12,14 @@ export const color = {
12
12
  "alt": {
13
13
  "default": "--cnvs-sys-color-bg-alt-default",
14
14
  "soft": "--cnvs-sys-color-bg-alt-soft",
15
+ "softer": "--cnvs-sys-color-bg-alt-softer",
15
16
  "strong": "--cnvs-sys-color-bg-alt-strong",
16
17
  "stronger": "--cnvs-sys-color-bg-alt-stronger"
17
18
  },
18
19
  "muted": {
19
- "default": "--cnvs-sys-color-bg-muted-default",
20
+ "softer": "--cnvs-sys-color-bg-muted-softer",
20
21
  "soft": "--cnvs-sys-color-bg-muted-soft",
22
+ "default": "--cnvs-sys-color-bg-muted-default",
21
23
  "strong": "--cnvs-sys-color-bg-muted-strong"
22
24
  },
23
25
  "contrast": {
@@ -61,7 +63,8 @@ export const color = {
61
63
  },
62
64
  "primary": {
63
65
  "default": "--cnvs-sys-color-text-primary-default",
64
- "strong": "--cnvs-sys-color-text-primary-strong"
66
+ "strong": "--cnvs-sys-color-text-primary-strong",
67
+ "stronger": "--cnvs-sys-color-text-primary-stronger"
65
68
  },
66
69
  "caution": {
67
70
  "default": "--cnvs-sys-color-text-caution-default",
@@ -98,6 +101,7 @@ export const color = {
98
101
  "default": "--cnvs-sys-color-fg-critical-default"
99
102
  },
100
103
  "muted": {
104
+ "soft": "--cnvs-sys-color-fg-muted-soft",
101
105
  "default": "--cnvs-sys-color-fg-muted-default",
102
106
  "strong": "--cnvs-sys-color-fg-muted-strong",
103
107
  "stronger": "--cnvs-sys-color-fg-muted-stronger"
@@ -119,7 +123,8 @@ export const color = {
119
123
  "input": {
120
124
  "disabled": "--cnvs-sys-color-border-input-disabled",
121
125
  "default": "--cnvs-sys-color-border-input-default",
122
- "strong": "--cnvs-sys-color-border-input-strong"
126
+ "strong": "--cnvs-sys-color-border-input-strong",
127
+ "inverse": "--cnvs-sys-color-border-input-inverse"
123
128
  },
124
129
  "contrast": {
125
130
  "default": "--cnvs-sys-color-border-contrast-default",
@@ -151,6 +156,9 @@ export const color = {
151
156
  "soft": "--cnvs-sys-color-static-blue-soft",
152
157
  "strong": "--cnvs-sys-color-static-blue-strong"
153
158
  },
159
+ "gold": {
160
+ "stronger": "--cnvs-sys-color-static-gold-stronger"
161
+ },
154
162
  "green": {
155
163
  "default": "--cnvs-sys-color-static-green-default",
156
164
  "soft": "--cnvs-sys-color-static-green-soft",
package/less/base/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
 
5
5
  @cnvs-base-palette-cinnamon-100: rgba(255,239,238,1);
6
6
  @cnvs-base-palette-cinnamon-200: rgba(252,201,197,1);
package/less/brand/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
 
5
5
  @cnvs-brand-error-darkest: rgba(128,22,14,1);
6
6
  @cnvs-brand-common-alert-inner: @cnvs-base-palette-cantaloupe-400;
package/less/system/_variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Mon, 01 Apr 2024 22:01:39 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.
@@ -55,6 +55,7 @@
55
55
  @cnvs-sys-color-static-green-strong: @cnvs-base-palette-green-apple-600; // Stronger green
56
56
  @cnvs-sys-color-static-green-soft: @cnvs-base-palette-green-apple-100; // Light green
57
57
  @cnvs-sys-color-static-green-default: @cnvs-base-palette-green-apple-400; // Default green
58
+ @cnvs-sys-color-static-gold-stronger: @cnvs-base-palette-toasted-marshmallow-600; // Foregrounds in low emphasis status indicators
58
59
  @cnvs-sys-color-static-blue-strong: @cnvs-base-palette-blueberry-500; // Stronger blue
59
60
  @cnvs-sys-color-static-blue-soft: @cnvs-base-palette-blueberry-100; // Light blue
60
61
  @cnvs-sys-color-static-blue-default: @cnvs-base-palette-blueberry-400; // Blue
@@ -69,6 +70,7 @@
69
70
  @cnvs-sys-color-border-primary-default: @cnvs-base-palette-blueberry-400; // Brand, Focus
70
71
  @cnvs-sys-color-border-contrast-strong: @cnvs-base-palette-black-pepper-500; // Secondary Button Hover
71
72
  @cnvs-sys-color-border-contrast-default: @cnvs-base-palette-black-pepper-400; // Secondary Button
73
+ @cnvs-sys-color-border-input-inverse: @cnvs-base-palette-soap-300; // Borders on checkboxes and radios
72
74
  @cnvs-sys-color-border-input-strong: @cnvs-base-palette-licorice-500; // Input hover
73
75
  @cnvs-sys-color-border-input-default: @cnvs-base-palette-licorice-200; // Inputs
74
76
  @cnvs-sys-color-border-input-disabled: @cnvs-base-palette-licorice-100; // Disabled inputs
@@ -81,6 +83,7 @@
81
83
  @cnvs-sys-color-fg-muted-stronger: @cnvs-base-palette-licorice-500;
82
84
  @cnvs-sys-color-fg-muted-strong: @cnvs-base-palette-licorice-400;
83
85
  @cnvs-sys-color-fg-muted-default: @cnvs-base-palette-licorice-300; // Hint text
86
+ @cnvs-sys-color-fg-muted-soft: @cnvs-base-palette-licorice-200; // Tab item text
84
87
  @cnvs-sys-color-fg-critical-default: @cnvs-base-palette-cinnamon-500; // Error
85
88
  @cnvs-sys-color-fg-inverse: @cnvs-base-palette-french-vanilla-100; // Inverse
86
89
  @cnvs-sys-color-fg-disabled: @cnvs-base-palette-licorice-100; // Disabled
@@ -97,6 +100,7 @@
97
100
  @cnvs-sys-color-icon-strong: @cnvs-base-palette-licorice-500; // Hover icon color
98
101
  @cnvs-sys-color-icon-soft: @cnvs-base-palette-licorice-100; // Disabled icon color
99
102
  @cnvs-sys-color-icon-default: @cnvs-base-palette-licorice-200; // Default icon color
103
+ @cnvs-sys-color-text-primary-stronger: @cnvs-base-palette-blueberry-600; // Active links
100
104
  @cnvs-sys-color-text-primary-strong: @cnvs-base-palette-blueberry-500; // Branded hover text
101
105
  @cnvs-sys-color-text-primary-default: @cnvs-base-palette-blueberry-400; // Branded text
102
106
  @cnvs-sys-color-text-critical-default: @cnvs-base-palette-cinnamon-500; // Error text
@@ -124,10 +128,12 @@
124
128
  @cnvs-sys-color-bg-contrast-strong: @cnvs-base-palette-black-pepper-500; // Contrast backgrounds, like Secondary Buttons
125
129
  @cnvs-sys-color-bg-contrast-default: @cnvs-base-palette-black-pepper-400; // Contrast backgrounds, like Secondary Buttons
126
130
  @cnvs-sys-color-bg-muted-strong: @cnvs-base-palette-licorice-500;
127
- @cnvs-sys-color-bg-muted-soft: @cnvs-base-palette-licorice-100;
128
131
  @cnvs-sys-color-bg-muted-default: @cnvs-base-palette-licorice-300;
132
+ @cnvs-sys-color-bg-muted-soft: @cnvs-base-palette-licorice-200;
133
+ @cnvs-sys-color-bg-muted-softer: @cnvs-base-palette-licorice-100;
129
134
  @cnvs-sys-color-bg-alt-stronger: @cnvs-base-palette-soap-500; // Active states
130
135
  @cnvs-sys-color-bg-alt-strong: @cnvs-base-palette-soap-400; // Active states
136
+ @cnvs-sys-color-bg-alt-softer: @cnvs-base-palette-soap-100; // Disabled inputs and column headers
131
137
  @cnvs-sys-color-bg-alt-soft: @cnvs-base-palette-soap-200; // Page background
132
138
  @cnvs-sys-color-bg-alt-default: @cnvs-base-palette-soap-300; // Hover states
133
139
  @cnvs-sys-color-bg-translucent: rgba(@cnvs-base-palette-black-pepper-600 ,@cnvs-base-opacity-500); // Tooltip, Status Indicator
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-tokens-web",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
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 Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
 
5
5
  $cnvs-base-palette-cinnamon-100: rgba(255,239,238,1);
6
6
  $cnvs-base-palette-cinnamon-200: rgba(252,201,197,1);
package/scss/base/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
 
5
5
  $cnvs-base-palette-cinnamon-100: rgba(255,239,238,1);
6
6
  $cnvs-base-palette-cinnamon-200: rgba(252,201,197,1);
package/scss/brand/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
 
5
5
  $cnvs-brand-error-darkest: rgba(128,22,14,1);
6
6
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-cantaloupe-400;
package/scss/brand/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Mon, 01 Apr 2024 22:01:39 GMT
4
4
 
5
5
  $cnvs-brand-error-darkest: rgba(128,22,14,1);
6
6
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-cantaloupe-400;
package/scss/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Mon, 01 Apr 2024 22:01:39 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.
@@ -55,6 +55,7 @@ $cnvs-sys-color-static-red-default: $cnvs-base-palette-cinnamon-500; // Red
55
55
  $cnvs-sys-color-static-green-strong: $cnvs-base-palette-green-apple-600; // Stronger green
56
56
  $cnvs-sys-color-static-green-soft: $cnvs-base-palette-green-apple-100; // Light green
57
57
  $cnvs-sys-color-static-green-default: $cnvs-base-palette-green-apple-400; // Default green
58
+ $cnvs-sys-color-static-gold-stronger: $cnvs-base-palette-toasted-marshmallow-600; // Foregrounds in low emphasis status indicators
58
59
  $cnvs-sys-color-static-blue-strong: $cnvs-base-palette-blueberry-500; // Stronger blue
59
60
  $cnvs-sys-color-static-blue-soft: $cnvs-base-palette-blueberry-100; // Light blue
60
61
  $cnvs-sys-color-static-blue-default: $cnvs-base-palette-blueberry-400; // Blue
@@ -69,6 +70,7 @@ $cnvs-sys-color-border-critical-default: $cnvs-base-palette-cinnamon-500; // Err
69
70
  $cnvs-sys-color-border-primary-default: $cnvs-base-palette-blueberry-400; // Brand, Focus
70
71
  $cnvs-sys-color-border-contrast-strong: $cnvs-base-palette-black-pepper-500; // Secondary Button Hover
71
72
  $cnvs-sys-color-border-contrast-default: $cnvs-base-palette-black-pepper-400; // Secondary Button
73
+ $cnvs-sys-color-border-input-inverse: $cnvs-base-palette-soap-300; // Borders on checkboxes and radios
72
74
  $cnvs-sys-color-border-input-strong: $cnvs-base-palette-licorice-500; // Input hover
73
75
  $cnvs-sys-color-border-input-default: $cnvs-base-palette-licorice-200; // Inputs
74
76
  $cnvs-sys-color-border-input-disabled: $cnvs-base-palette-licorice-100; // Disabled inputs
@@ -81,6 +83,7 @@ $cnvs-sys-color-fg-primary-default: $cnvs-base-palette-blueberry-400; // Interac
81
83
  $cnvs-sys-color-fg-muted-stronger: $cnvs-base-palette-licorice-500;
82
84
  $cnvs-sys-color-fg-muted-strong: $cnvs-base-palette-licorice-400;
83
85
  $cnvs-sys-color-fg-muted-default: $cnvs-base-palette-licorice-300; // Hint text
86
+ $cnvs-sys-color-fg-muted-soft: $cnvs-base-palette-licorice-200; // Tab item text
84
87
  $cnvs-sys-color-fg-critical-default: $cnvs-base-palette-cinnamon-500; // Error
85
88
  $cnvs-sys-color-fg-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
86
89
  $cnvs-sys-color-fg-disabled: $cnvs-base-palette-licorice-100; // Disabled
@@ -97,6 +100,7 @@ $cnvs-sys-color-icon-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
97
100
  $cnvs-sys-color-icon-strong: $cnvs-base-palette-licorice-500; // Hover icon color
98
101
  $cnvs-sys-color-icon-soft: $cnvs-base-palette-licorice-100; // Disabled icon color
99
102
  $cnvs-sys-color-icon-default: $cnvs-base-palette-licorice-200; // Default icon color
103
+ $cnvs-sys-color-text-primary-stronger: $cnvs-base-palette-blueberry-600; // Active links
100
104
  $cnvs-sys-color-text-primary-strong: $cnvs-base-palette-blueberry-500; // Branded hover text
101
105
  $cnvs-sys-color-text-primary-default: $cnvs-base-palette-blueberry-400; // Branded text
102
106
  $cnvs-sys-color-text-critical-default: $cnvs-base-palette-cinnamon-500; // Error text
@@ -124,10 +128,12 @@ $cnvs-sys-color-bg-primary-default: $cnvs-base-palette-blueberry-400; // Primary
124
128
  $cnvs-sys-color-bg-contrast-strong: $cnvs-base-palette-black-pepper-500; // Contrast backgrounds, like Secondary Buttons
125
129
  $cnvs-sys-color-bg-contrast-default: $cnvs-base-palette-black-pepper-400; // Contrast backgrounds, like Secondary Buttons
126
130
  $cnvs-sys-color-bg-muted-strong: $cnvs-base-palette-licorice-500;
127
- $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-licorice-100;
128
131
  $cnvs-sys-color-bg-muted-default: $cnvs-base-palette-licorice-300;
132
+ $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-licorice-200;
133
+ $cnvs-sys-color-bg-muted-softer: $cnvs-base-palette-licorice-100;
129
134
  $cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-soap-500; // Active states
130
135
  $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-soap-400; // Active states
136
+ $cnvs-sys-color-bg-alt-softer: $cnvs-base-palette-soap-100; // Disabled inputs and column headers
131
137
  $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-soap-200; // Page background
132
138
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-soap-300; // Hover states
133
139
  $cnvs-sys-color-bg-translucent: rgba($cnvs-base-palette-black-pepper-600 ,$cnvs-base-opacity-500); // Tooltip, Status Indicator
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Mar 2024 03:34:06 GMT
3
+ // Generated on Mon, 01 Apr 2024 22:01:39 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.
@@ -55,6 +55,7 @@ $cnvs-sys-color-static-red-default: $cnvs-base-palette-cinnamon-500; // Red
55
55
  $cnvs-sys-color-static-green-strong: $cnvs-base-palette-green-apple-600; // Stronger green
56
56
  $cnvs-sys-color-static-green-soft: $cnvs-base-palette-green-apple-100; // Light green
57
57
  $cnvs-sys-color-static-green-default: $cnvs-base-palette-green-apple-400; // Default green
58
+ $cnvs-sys-color-static-gold-stronger: $cnvs-base-palette-toasted-marshmallow-600; // Foregrounds in low emphasis status indicators
58
59
  $cnvs-sys-color-static-blue-strong: $cnvs-base-palette-blueberry-500; // Stronger blue
59
60
  $cnvs-sys-color-static-blue-soft: $cnvs-base-palette-blueberry-100; // Light blue
60
61
  $cnvs-sys-color-static-blue-default: $cnvs-base-palette-blueberry-400; // Blue
@@ -69,6 +70,7 @@ $cnvs-sys-color-border-critical-default: $cnvs-base-palette-cinnamon-500; // Err
69
70
  $cnvs-sys-color-border-primary-default: $cnvs-base-palette-blueberry-400; // Brand, Focus
70
71
  $cnvs-sys-color-border-contrast-strong: $cnvs-base-palette-black-pepper-500; // Secondary Button Hover
71
72
  $cnvs-sys-color-border-contrast-default: $cnvs-base-palette-black-pepper-400; // Secondary Button
73
+ $cnvs-sys-color-border-input-inverse: $cnvs-base-palette-soap-300; // Borders on checkboxes and radios
72
74
  $cnvs-sys-color-border-input-strong: $cnvs-base-palette-licorice-500; // Input hover
73
75
  $cnvs-sys-color-border-input-default: $cnvs-base-palette-licorice-200; // Inputs
74
76
  $cnvs-sys-color-border-input-disabled: $cnvs-base-palette-licorice-100; // Disabled inputs
@@ -81,6 +83,7 @@ $cnvs-sys-color-fg-primary-default: $cnvs-base-palette-blueberry-400; // Interac
81
83
  $cnvs-sys-color-fg-muted-stronger: $cnvs-base-palette-licorice-500;
82
84
  $cnvs-sys-color-fg-muted-strong: $cnvs-base-palette-licorice-400;
83
85
  $cnvs-sys-color-fg-muted-default: $cnvs-base-palette-licorice-300; // Hint text
86
+ $cnvs-sys-color-fg-muted-soft: $cnvs-base-palette-licorice-200; // Tab item text
84
87
  $cnvs-sys-color-fg-critical-default: $cnvs-base-palette-cinnamon-500; // Error
85
88
  $cnvs-sys-color-fg-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
86
89
  $cnvs-sys-color-fg-disabled: $cnvs-base-palette-licorice-100; // Disabled
@@ -97,6 +100,7 @@ $cnvs-sys-color-icon-inverse: $cnvs-base-palette-french-vanilla-100; // Inverse
97
100
  $cnvs-sys-color-icon-strong: $cnvs-base-palette-licorice-500; // Hover icon color
98
101
  $cnvs-sys-color-icon-soft: $cnvs-base-palette-licorice-100; // Disabled icon color
99
102
  $cnvs-sys-color-icon-default: $cnvs-base-palette-licorice-200; // Default icon color
103
+ $cnvs-sys-color-text-primary-stronger: $cnvs-base-palette-blueberry-600; // Active links
100
104
  $cnvs-sys-color-text-primary-strong: $cnvs-base-palette-blueberry-500; // Branded hover text
101
105
  $cnvs-sys-color-text-primary-default: $cnvs-base-palette-blueberry-400; // Branded text
102
106
  $cnvs-sys-color-text-critical-default: $cnvs-base-palette-cinnamon-500; // Error text
@@ -124,10 +128,12 @@ $cnvs-sys-color-bg-primary-default: $cnvs-base-palette-blueberry-400; // Primary
124
128
  $cnvs-sys-color-bg-contrast-strong: $cnvs-base-palette-black-pepper-500; // Contrast backgrounds, like Secondary Buttons
125
129
  $cnvs-sys-color-bg-contrast-default: $cnvs-base-palette-black-pepper-400; // Contrast backgrounds, like Secondary Buttons
126
130
  $cnvs-sys-color-bg-muted-strong: $cnvs-base-palette-licorice-500;
127
- $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-licorice-100;
128
131
  $cnvs-sys-color-bg-muted-default: $cnvs-base-palette-licorice-300;
132
+ $cnvs-sys-color-bg-muted-soft: $cnvs-base-palette-licorice-200;
133
+ $cnvs-sys-color-bg-muted-softer: $cnvs-base-palette-licorice-100;
129
134
  $cnvs-sys-color-bg-alt-stronger: $cnvs-base-palette-soap-500; // Active states
130
135
  $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-soap-400; // Active states
136
+ $cnvs-sys-color-bg-alt-softer: $cnvs-base-palette-soap-100; // Disabled inputs and column headers
131
137
  $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-soap-200; // Page background
132
138
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-soap-300; // Hover states
133
139
  $cnvs-sys-color-bg-translucent: rgba($cnvs-base-palette-black-pepper-600 ,$cnvs-base-opacity-500); // Tooltip, Status Indicator