@workday/canvas-tokens-web 4.0.0-alpha.6 → 4.0.0-alpha.7

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 +100 -15
  2. package/css/brand/_variables.css +102 -4
  3. package/css/system/_variables.css +197 -80
  4. package/dist/common-js/base/index.d.ts +99 -14
  5. package/dist/common-js/base/index.js +99 -14
  6. package/dist/common-js/brand/index.d.ts +317 -3
  7. package/dist/common-js/brand/index.js +100 -2
  8. package/dist/common-js/index.d.ts +3 -3
  9. package/dist/common-js/index.js +3 -3
  10. package/dist/common-js/system/index.d.ts +1449 -1092
  11. package/dist/common-js/system/index.js +322 -117
  12. package/dist/es6/base/index.d.ts +99 -14
  13. package/dist/es6/base/index.js +99 -14
  14. package/dist/es6/brand/index.d.ts +317 -3
  15. package/dist/es6/brand/index.js +100 -2
  16. package/dist/es6/index.d.ts +3 -3
  17. package/dist/es6/index.js +3 -3
  18. package/dist/es6/system/index.d.ts +1449 -1092
  19. package/dist/es6/system/index.js +322 -117
  20. package/less/base/_variables.less +100 -15
  21. package/less/brand/_variables.less +102 -4
  22. package/less/system/_variables.less +197 -80
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +100 -15
  25. package/scss/base/_variables.scss +100 -15
  26. package/scss/brand/_variables.sass +102 -4
  27. package/scss/brand/_variables.scss +102 -4
  28. package/scss/system/_variables.sass +197 -80
  29. package/scss/system/_variables.scss +197 -80
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 08 Jan 2026 17:52:28 GMT
3
+ * Generated on Fri, 09 Jan 2026 19:47:01 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -26,6 +26,10 @@
26
26
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
27
27
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
28
28
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
29
+ --cnvs-base-palette-amber-a25: oklch(0.7982 0.159 92.57 / 0.1);
30
+ --cnvs-base-palette-amber-a50: oklch(0.8864 0.1845 100.28 / 0.22);
31
+ --cnvs-base-palette-amber-a100: oklch(0.8988 0.185 97.8 / 0.35);
32
+ --cnvs-base-palette-amber-a200: oklch(0.886 0.1822 96.83 / 0.64);
29
33
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
30
34
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
31
35
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
@@ -39,6 +43,10 @@
39
43
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
40
44
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
41
45
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
46
+ --cnvs-base-palette-azure-a25: oklch(0.7487 0.1547 233.36 / 0.06);
47
+ --cnvs-base-palette-azure-a50: oklch(0.7394 0.1572 235.46 / 0.14);
48
+ --cnvs-base-palette-azure-a100: oklch(0.7186 0.1639 239.76 / 0.2);
49
+ --cnvs-base-palette-azure-a200: oklch(0.7117 0.1663 241.15 / 0.42);
42
50
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
43
51
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
44
52
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
@@ -52,6 +60,10 @@
52
60
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
53
61
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
54
62
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
63
+ --cnvs-base-palette-blue-a25: oklch(0.6499 0.1912 253.52 / 0.08);
64
+ --cnvs-base-palette-blue-a50: oklch(0.6152 0.2108 256.1 / 0.11);
65
+ --cnvs-base-palette-blue-a100: oklch(0.6225 0.2064 255.9 / 0.17);
66
+ --cnvs-base-palette-blue-a200: oklch(0.6048 0.2166 257.21 / 0.31);
55
67
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
56
68
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
57
69
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
@@ -65,6 +77,10 @@
65
77
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
66
78
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
67
79
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
80
+ --cnvs-base-palette-coral-a25: oklch(0.6708 0.221 37.37 / 0.04);
81
+ --cnvs-base-palette-coral-a50: oklch(0.6598 0.229 34.15 / 0.08);
82
+ --cnvs-base-palette-coral-a100: oklch(0.6545 0.2337 33.76 / 0.15);
83
+ --cnvs-base-palette-coral-a200: oklch(0.6552 0.2332 34.09 / 0.36);
68
84
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
69
85
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
70
86
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
@@ -78,6 +94,10 @@
78
94
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
79
95
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
80
96
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
97
+ --cnvs-base-palette-green-a25: oklch(0.8695 0.2801 143.52 / 0.08);
98
+ --cnvs-base-palette-green-a50: oklch(0.8685 0.2814 143.77 / 0.15);
99
+ --cnvs-base-palette-green-a100: oklch(0.8316 0.2716 143.71 / 0.29);
100
+ --cnvs-base-palette-green-a200: oklch(0.796 0.2508 144.9 / 0.6);
81
101
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
82
102
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
83
103
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
@@ -91,6 +111,27 @@
91
111
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
92
112
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
93
113
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
114
+ --cnvs-base-palette-indigo-a25: oklch(0.4762 0.2966 267.42 / 0.05);
115
+ --cnvs-base-palette-indigo-a50: oklch(0.4661 0.3036 264.5 / 0.08);
116
+ --cnvs-base-palette-indigo-a100: oklch(0.4693 0.3013 265.31 / 0.13);
117
+ --cnvs-base-palette-indigo-a200: oklch(0.4666 0.3032 264.75 / 0.24);
118
+ --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
119
+ --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
120
+ --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
121
+ --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
122
+ --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
123
+ --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
124
+ --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
125
+ --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
126
+ --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
127
+ --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
128
+ --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
129
+ --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
130
+ --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
131
+ --cnvs-base-palette-magenta-a25: oklch(0.7091 0.3124 328.27 / 0.05);
132
+ --cnvs-base-palette-magenta-a50: oklch(0.7044 0.3188 328.33 / 0.08);
133
+ --cnvs-base-palette-magenta-a100: oklch(0.6892 0.3052 333.97 / 0.16);
134
+ --cnvs-base-palette-magenta-a200: oklch(0.6972 0.3174 330.1 / 0.24);
94
135
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
95
136
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
96
137
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
@@ -106,6 +147,20 @@
106
147
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
107
148
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
108
149
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
150
+ --cnvs-base-palette-neutral-a0: oklch(0 0 0 / 1);
151
+ --cnvs-base-palette-neutral-a25: oklch(0.1149 0 0 / 0.02);
152
+ --cnvs-base-palette-neutral-a50: oklch(0.1149 0 0 / 0.04);
153
+ --cnvs-base-palette-neutral-a100: oklch(0.1822 0 0 / 0.08);
154
+ --cnvs-base-palette-neutral-a200: oklch(0.0847 0 0 / 0.17);
155
+ --cnvs-base-palette-neutral-a300: oklch(0.1149 0 0 / 0.26);
156
+ --cnvs-base-palette-neutral-a400: oklch(0.0847 0 0 / 0.36);
157
+ --cnvs-base-palette-neutral-a500: oklch(0.1149 0 0 / 0.48);
158
+ --cnvs-base-palette-neutral-a600: oklch(0 0 0 / 0.6);
159
+ --cnvs-base-palette-neutral-a700: oklch(0.0672 0 0 / 0.67);
160
+ --cnvs-base-palette-neutral-a800: oklch(0 0 0 / 0.77);
161
+ --cnvs-base-palette-neutral-a900: oklch(0.0969 0 0 / 0.84);
162
+ --cnvs-base-palette-neutral-a950: oklch(0.0672 0 0 / 0.89);
163
+ --cnvs-base-palette-neutral-a975: oklch(0 0 0 / 0.95);
109
164
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
110
165
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
111
166
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
@@ -119,19 +174,10 @@
119
174
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
120
175
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
121
176
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
122
- --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
123
- --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
124
- --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
125
- --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
126
- --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
127
- --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
128
- --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
129
- --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
130
- --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
131
- --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
132
- --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
133
- --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
134
- --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
177
+ --cnvs-base-palette-orange-a25: oklch(0.7136 0.1784 53.73 / 0.1);
178
+ --cnvs-base-palette-orange-a50: oklch(0.7555 0.1769 59.35 / 0.17);
179
+ --cnvs-base-palette-orange-a100: oklch(0.7365 0.1837 54.12 / 0.25);
180
+ --cnvs-base-palette-orange-a200: oklch(0.7304 0.1863 52.52 / 0.46);
135
181
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
136
182
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
137
183
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
@@ -145,6 +191,10 @@
145
191
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
146
192
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
147
193
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
194
+ --cnvs-base-palette-purple-a25: oklch(0.5632 0.2948 302.45 / 0.04);
195
+ --cnvs-base-palette-purple-a50: oklch(0.5645 0.2935 302.36 / 0.09);
196
+ --cnvs-base-palette-purple-a100: oklch(0.5867 0.2975 307.8 / 0.17);
197
+ --cnvs-base-palette-purple-a200: oklch(0.6051 0.3009 311.78 / 0.25);
148
198
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
149
199
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
150
200
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
@@ -158,6 +208,10 @@
158
208
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
159
209
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
160
210
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
211
+ --cnvs-base-palette-red-a25: oklch(0.6289 0.2567 29.11 / 0.04);
212
+ --cnvs-base-palette-red-a50: oklch(0.6434 0.2428 30.17 / 0.1);
213
+ --cnvs-base-palette-red-a100: oklch(0.6382 0.248 30.42 / 0.16);
214
+ --cnvs-base-palette-red-a200: oklch(0.6375 0.2487 30.71 / 0.35);
161
215
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
162
216
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
163
217
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
@@ -171,6 +225,19 @@
171
225
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
172
226
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
173
227
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
228
+ --cnvs-base-palette-slate-a25: oklch(0.4688 0.0781 250.43 / 0.03);
229
+ --cnvs-base-palette-slate-a50: oklch(0.3343 0.0951 253.3 / 0.05);
230
+ --cnvs-base-palette-slate-a100: oklch(0.3337 0.0688 250.79 / 0.09);
231
+ --cnvs-base-palette-slate-a200: oklch(0.3057 0.079 256.22 / 0.13);
232
+ --cnvs-base-palette-slate-a300: oklch(0.2442 0.0693 257.66 / 0.21);
233
+ --cnvs-base-palette-slate-a400: oklch(0.2333 0.0665 257.09 / 0.35);
234
+ --cnvs-base-palette-slate-a500: oklch(0.2187 0.0685 255.77 / 0.51);
235
+ --cnvs-base-palette-slate-a600: oklch(0.1793 0.0503 254.55 / 0.64);
236
+ --cnvs-base-palette-slate-a700: oklch(0.1595 0.0431 250.87 / 0.7);
237
+ --cnvs-base-palette-slate-a800: oklch(0.157 0.0349 253.16 / 0.79);
238
+ --cnvs-base-palette-slate-a900: oklch(0.1351 0.0244 244.09 / 0.87);
239
+ --cnvs-base-palette-slate-a950: oklch(0.1312 0.0198 248.87 / 0.9);
240
+ --cnvs-base-palette-slate-a975: oklch(0.1168 0.014 231.47 / 0.95);
174
241
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
175
242
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
176
243
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
@@ -184,6 +251,24 @@
184
251
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
185
252
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
186
253
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
254
+ --cnvs-base-palette-teal-a25: oklch(0.8804 0.1478 200.72 / 0.09);
255
+ --cnvs-base-palette-teal-a50: oklch(0.8427 0.1433 206.66 / 0.19);
256
+ --cnvs-base-palette-teal-a100: oklch(0.7626 0.1316 209.35 / 0.22);
257
+ --cnvs-base-palette-teal-a200: oklch(0.7101 0.1219 207.98 / 0.37);
258
+ --cnvs-base-palette-white-a0: oklch(1 0 0 / 1);
259
+ --cnvs-base-palette-white-a25: oklch(1 0 0 / 0.02);
260
+ --cnvs-base-palette-white-a50: oklch(1 0 0 / 0.03);
261
+ --cnvs-base-palette-white-a100: oklch(1 0 0 / 0.08);
262
+ --cnvs-base-palette-white-a200: oklch(1 0 0 / 0.16);
263
+ --cnvs-base-palette-white-a300: oklch(1 0 0 / 0.26);
264
+ --cnvs-base-palette-white-a400: oklch(1 0 0 / 0.36);
265
+ --cnvs-base-palette-white-a500: oklch(1 0 0 / 0.47);
266
+ --cnvs-base-palette-white-a600: oklch(1 0 0 / 0.6);
267
+ --cnvs-base-palette-white-a700: oklch(1 0 0 / 0.67);
268
+ --cnvs-base-palette-white-a800: oklch(1 0 0 / 0.77);
269
+ --cnvs-base-palette-white-a900: oklch(1 0 0 / 0.83);
270
+ --cnvs-base-palette-white-a950: oklch(1 0 0 / 0.89);
271
+ --cnvs-base-palette-white-a975: oklch(1 0 0 / 0.95);
187
272
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
188
273
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
189
274
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
@@ -382,7 +467,7 @@
382
467
  --cnvs-base-letter-spacing-100: 0.02rem;
383
468
  --cnvs-base-letter-spacing-150: 0.015rem;
384
469
  --cnvs-base-letter-spacing-200: 0.01rem;
385
- --cnvs-base-unit: 0.25rem; /* The base unit used for the typographic grid system. */
470
+ --cnvs-base-unit: 0.25rem; /* The base unit used for the typographic grid system.; */
386
471
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
387
472
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
388
473
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
package/css/brand/_variables.css CHANGED
@@ -1,20 +1,96 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 08 Jan 2026 17:52:28 GMT
3
+ * Generated on Fri, 09 Jan 2026 19:47:01 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --cnvs-brand-positive-a200: var(--cnvs-base-palette-green-a200);
8
+ --cnvs-brand-positive-a100: var(--cnvs-base-palette-green-a100);
9
+ --cnvs-brand-positive-a50: var(--cnvs-base-palette-green-a50);
10
+ --cnvs-brand-positive-a25: var(--cnvs-base-palette-green-a25);
11
+ --cnvs-brand-positive-975: var(--cnvs-base-palette-green-975);
12
+ --cnvs-brand-positive-950: var(--cnvs-base-palette-green-950);
13
+ --cnvs-brand-positive-900: var(--cnvs-base-palette-green-900);
14
+ --cnvs-brand-positive-800: var(--cnvs-base-palette-green-800);
15
+ --cnvs-brand-positive-700: var(--cnvs-base-palette-green-700);
16
+ --cnvs-brand-positive-600: var(--cnvs-base-palette-green-600); /* Base success color. Use fg.inverse on this. */
17
+ --cnvs-brand-positive-500: var(--cnvs-base-palette-green-500);
18
+ --cnvs-brand-positive-400: var(--cnvs-base-palette-green-400);
19
+ --cnvs-brand-positive-300: var(--cnvs-base-palette-green-300);
20
+ --cnvs-brand-positive-200: var(--cnvs-base-palette-green-200);
21
+ --cnvs-brand-positive-100: var(--cnvs-base-palette-green-100);
22
+ --cnvs-brand-positive-50: var(--cnvs-base-palette-green-50);
23
+ --cnvs-brand-positive-25: var(--cnvs-base-palette-green-25);
24
+ --cnvs-brand-caution-a200: var(--cnvs-base-palette-amber-a200);
25
+ --cnvs-brand-caution-a100: var(--cnvs-base-palette-amber-a100);
26
+ --cnvs-brand-caution-a50: var(--cnvs-base-palette-amber-a50);
27
+ --cnvs-brand-caution-a25: var(--cnvs-base-palette-amber-a25);
28
+ --cnvs-brand-caution-975: var(--cnvs-base-palette-amber-975);
29
+ --cnvs-brand-caution-950: var(--cnvs-base-palette-amber-950);
30
+ --cnvs-brand-caution-900: var(--cnvs-base-palette-amber-900);
31
+ --cnvs-brand-caution-800: var(--cnvs-base-palette-amber-800);
32
+ --cnvs-brand-caution-700: var(--cnvs-base-palette-amber-700);
33
+ --cnvs-brand-caution-600: var(--cnvs-base-palette-amber-600);
34
+ --cnvs-brand-caution-500: var(--cnvs-base-palette-amber-500);
35
+ --cnvs-brand-caution-400: var(--cnvs-base-palette-amber-400); /* Base caution color (amber.400). Use fg.contrast on this. */
36
+ --cnvs-brand-caution-300: var(--cnvs-base-palette-amber-300);
37
+ --cnvs-brand-caution-200: var(--cnvs-base-palette-amber-200);
38
+ --cnvs-brand-caution-100: var(--cnvs-base-palette-amber-100);
39
+ --cnvs-brand-caution-50: var(--cnvs-base-palette-amber-50);
40
+ --cnvs-brand-caution-25: var(--cnvs-base-palette-amber-25);
41
+ --cnvs-brand-critical-a200: var(--cnvs-base-palette-red-a200);
42
+ --cnvs-brand-critical-a100: var(--cnvs-base-palette-red-a100);
43
+ --cnvs-brand-critical-a50: var(--cnvs-base-palette-red-a50);
44
+ --cnvs-brand-critical-a25: var(--cnvs-base-palette-red-a25);
45
+ --cnvs-brand-critical-975: var(--cnvs-base-palette-red-975);
46
+ --cnvs-brand-critical-950: var(--cnvs-base-palette-red-950);
47
+ --cnvs-brand-critical-900: var(--cnvs-base-palette-red-900);
48
+ --cnvs-brand-critical-800: var(--cnvs-base-palette-red-800);
49
+ --cnvs-brand-critical-700: var(--cnvs-base-palette-red-700);
50
+ --cnvs-brand-critical-600: var(--cnvs-base-palette-red-600); /* Base critical color. Use fg.inverse on this. */
51
+ --cnvs-brand-critical-500: var(--cnvs-base-palette-red-500);
52
+ --cnvs-brand-critical-400: var(--cnvs-base-palette-red-400);
53
+ --cnvs-brand-critical-300: var(--cnvs-base-palette-red-300);
54
+ --cnvs-brand-critical-200: var(--cnvs-base-palette-red-200);
55
+ --cnvs-brand-critical-100: var(--cnvs-base-palette-red-100);
56
+ --cnvs-brand-critical-50: var(--cnvs-base-palette-red-50);
57
+ --cnvs-brand-critical-25: var(--cnvs-base-palette-red-25);
7
58
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
8
59
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
9
60
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
10
61
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
62
+ --cnvs-brand-neutral-a975: var(--cnvs-base-palette-slate-a975);
63
+ --cnvs-brand-neutral-a950: var(--cnvs-base-palette-slate-a950);
64
+ --cnvs-brand-neutral-a900: var(--cnvs-base-palette-slate-a900);
65
+ --cnvs-brand-neutral-a800: var(--cnvs-base-palette-slate-a800);
66
+ --cnvs-brand-neutral-a700: var(--cnvs-base-palette-slate-a700);
67
+ --cnvs-brand-neutral-a600: var(--cnvs-base-palette-slate-a600);
68
+ --cnvs-brand-neutral-a500: var(--cnvs-base-palette-slate-a500);
69
+ --cnvs-brand-neutral-a400: var(--cnvs-base-palette-slate-a400);
70
+ --cnvs-brand-neutral-a300: var(--cnvs-base-palette-slate-a300);
71
+ --cnvs-brand-neutral-a200: var(--cnvs-base-palette-slate-a200);
72
+ --cnvs-brand-neutral-a100: var(--cnvs-base-palette-slate-a100);
73
+ --cnvs-brand-neutral-a50: var(--cnvs-base-palette-slate-a50);
74
+ --cnvs-brand-neutral-a25: var(--cnvs-base-palette-slate-a25);
11
75
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
12
76
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
13
- --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
14
77
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
15
78
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
16
79
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
17
80
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
81
+ --cnvs-brand-neutral-975: var(--cnvs-base-palette-slate-975);
82
+ --cnvs-brand-neutral-950: var(--cnvs-base-palette-slate-950);
83
+ --cnvs-brand-neutral-900: var(--cnvs-base-palette-slate-900);
84
+ --cnvs-brand-neutral-800: var(--cnvs-base-palette-slate-800);
85
+ --cnvs-brand-neutral-700: var(--cnvs-base-palette-slate-700);
86
+ --cnvs-brand-neutral-600: var(--cnvs-base-palette-slate-600);
87
+ --cnvs-brand-neutral-500: var(--cnvs-base-palette-slate-500);
88
+ --cnvs-brand-neutral-400: var(--cnvs-base-palette-slate-400);
89
+ --cnvs-brand-neutral-300: var(--cnvs-base-palette-slate-300);
90
+ --cnvs-brand-neutral-200: var(--cnvs-base-palette-slate-200);
91
+ --cnvs-brand-neutral-100: var(--cnvs-base-palette-slate-100);
92
+ --cnvs-brand-neutral-50: var(--cnvs-base-palette-slate-50);
93
+ --cnvs-brand-neutral-25: var(--cnvs-base-palette-slate-25);
18
94
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
19
95
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
20
96
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
@@ -23,7 +99,7 @@
23
99
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
24
100
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
25
101
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
26
- --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
102
+ --cnvs-brand-alert-accent: [object Object];
27
103
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
28
104
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
29
105
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
@@ -36,14 +112,36 @@
36
112
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
37
113
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
38
114
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
115
+ --cnvs-brand-primary-a200: var(--cnvs-base-palette-blue-a200);
116
+ --cnvs-brand-primary-a100: var(--cnvs-base-palette-blue-a100);
117
+ --cnvs-brand-primary-a50: var(--cnvs-base-palette-blue-a50);
118
+ --cnvs-brand-primary-a25: var(--cnvs-base-palette-blue-a25);
39
119
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
40
120
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
41
- --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
42
121
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
43
122
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
44
123
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
45
124
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
125
+ --cnvs-brand-primary-975: var(--cnvs-base-palette-blue-975);
126
+ --cnvs-brand-primary-950: var(--cnvs-base-palette-blue-950);
127
+ --cnvs-brand-primary-900: var(--cnvs-base-palette-blue-900);
128
+ --cnvs-brand-primary-800: var(--cnvs-base-palette-blue-800);
129
+ --cnvs-brand-primary-700: var(--cnvs-base-palette-blue-700);
130
+ --cnvs-brand-primary-600: var(--cnvs-base-palette-blue-600); /* Base primary color. Use fg.inverse on this. */
131
+ --cnvs-brand-primary-500: var(--cnvs-base-palette-blue-500);
132
+ --cnvs-brand-primary-400: var(--cnvs-base-palette-blue-400);
133
+ --cnvs-brand-primary-300: var(--cnvs-base-palette-blue-300);
134
+ --cnvs-brand-primary-200: var(--cnvs-base-palette-blue-200);
135
+ --cnvs-brand-primary-100: var(--cnvs-base-palette-blue-100);
136
+ --cnvs-brand-primary-50: var(--cnvs-base-palette-blue-50);
137
+ --cnvs-brand-primary-25: var(--cnvs-base-palette-blue-25);
46
138
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
139
+ --cnvs-brand-common-caution-outer: var(--cnvs-brand-caution-500);
140
+ --cnvs-brand-common-caution-inner: var(--cnvs-brand-caution-400);
141
+ --cnvs-brand-common-critical: var(--cnvs-brand-critical-500);
142
+ --cnvs-brand-common-focus: var(--cnvs-brand-primary-500);
143
+ --cnvs-brand-neutral-accent: var(--cnvs-sys-color-fg-inverse);
144
+ --cnvs-brand-primary-accent: var(--cnvs-sys-color-fg-inverse);
47
145
  }
48
146
 
49
147