@workday/canvas-tokens-web 4.4.0-beta.0 → 5.0.0-alpha.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 (57) hide show
  1. package/css/base/_variables.css +140 -99
  2. package/css/brand/_variables.css +35 -27
  3. package/css/component/_variables.css +1 -1
  4. package/css/legacy/base.css +139 -97
  5. package/css/legacy/brand.css +58 -42
  6. package/css/legacy/component.css +5 -5
  7. package/css/legacy/system.css +128 -61
  8. package/css/system/_variables.css +123 -50
  9. package/dist/common-js/base/index.d.ts +181 -100
  10. package/dist/common-js/base/index.js +181 -100
  11. package/dist/common-js/brand/index.d.ts +149 -77
  12. package/dist/common-js/brand/index.js +68 -43
  13. package/dist/common-js/component/index.d.ts +5 -5
  14. package/dist/common-js/component/index.js +5 -5
  15. package/dist/common-js/index.d.ts +1 -1
  16. package/dist/common-js/index.js +1 -1
  17. package/dist/common-js/system/index.d.ts +693 -186
  18. package/dist/common-js/system/index.js +279 -146
  19. package/dist/es6/base/index.d.ts +181 -100
  20. package/dist/es6/base/index.js +181 -100
  21. package/dist/es6/brand/index.d.ts +149 -77
  22. package/dist/es6/brand/index.js +68 -43
  23. package/dist/es6/component/index.d.ts +5 -5
  24. package/dist/es6/component/index.js +5 -5
  25. package/dist/es6/index.d.ts +1 -1
  26. package/dist/es6/index.js +1 -1
  27. package/dist/es6/system/index.d.ts +693 -186
  28. package/dist/es6/system/index.js +279 -146
  29. package/less/base/_variables.less +140 -99
  30. package/less/brand/_variables.less +35 -27
  31. package/less/component/_variables.less +1 -1
  32. package/less/system/_variables.less +123 -50
  33. package/package.json +1 -1
  34. package/scss/base/_variables.sass +140 -99
  35. package/scss/base/_variables.scss +140 -99
  36. package/scss/brand/_variables.sass +35 -27
  37. package/scss/brand/_variables.scss +35 -27
  38. package/scss/component/_variables.sass +1 -1
  39. package/scss/component/_variables.scss +1 -1
  40. package/scss/system/_variables.sass +123 -50
  41. package/scss/system/_variables.scss +123 -50
  42. package/css/sana/_variables.css +0 -362
  43. package/dist/common-js/base/sana.d.ts +0 -151
  44. package/dist/common-js/base/sana.js +0 -154
  45. package/dist/common-js/brand/sana.d.ts +0 -41
  46. package/dist/common-js/brand/sana.js +0 -44
  47. package/dist/common-js/system/sana.d.ts +0 -379
  48. package/dist/common-js/system/sana.js +0 -382
  49. package/dist/es6/base/sana.d.ts +0 -151
  50. package/dist/es6/base/sana.js +0 -151
  51. package/dist/es6/brand/sana.d.ts +0 -41
  52. package/dist/es6/brand/sana.js +0 -41
  53. package/dist/es6/system/sana.d.ts +0 -379
  54. package/dist/es6/system/sana.js +0 -379
  55. package/less/sana/_variables.less +0 -362
  56. package/scss/sana/_variables.sass +0 -362
  57. package/scss/sana/_variables.scss +0 -362
package/css/base/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Jun 2026 16:53:28 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:26:13 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -58,10 +58,11 @@
58
58
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
59
59
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
60
60
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
61
- --cnvs-base-palette-amber-a25: oklch(0.7982 0.159 92.57 / 0.1);
62
- --cnvs-base-palette-amber-a50: oklch(0.8864 0.1845 100.28 / 0.22);
63
- --cnvs-base-palette-amber-a100: oklch(0.8988 0.185 97.8 / 0.35);
64
- --cnvs-base-palette-amber-a200: oklch(0.886 0.1822 96.83 / 0.64);
61
+ --cnvs-base-palette-amber-a25: oklch(0.7792 0.1592 90.57 / 0.0902);
62
+ --cnvs-base-palette-amber-a50: oklch(0.8854 0.1841 100.16 / 0.2196);
63
+ --cnvs-base-palette-amber-a100: oklch(0.8964 0.1849 97.38 / 0.3412);
64
+ --cnvs-base-palette-amber-a200: oklch(0.8846 0.1822 96.67 / 0.6314);
65
+ --cnvs-base-palette-amber-a300: oklch(0.8372 0.1718 83.95 / 0.9529);
65
66
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
66
67
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
67
68
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
@@ -75,10 +76,11 @@
75
76
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
76
77
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
77
78
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
78
- --cnvs-base-palette-azure-a25: oklch(0.7487 0.1547 233.36 / 0.06);
79
- --cnvs-base-palette-azure-a50: oklch(0.7394 0.1572 235.46 / 0.14);
79
+ --cnvs-base-palette-azure-a25: oklch(0.7461 0.1557 233.78 / 0.0588);
80
+ --cnvs-base-palette-azure-a50: oklch(0.7349 0.1588 236.29 / 0.1373);
80
81
  --cnvs-base-palette-azure-a100: oklch(0.7186 0.1639 239.76 / 0.2);
81
82
  --cnvs-base-palette-azure-a200: oklch(0.7117 0.1663 241.15 / 0.42);
83
+ --cnvs-base-palette-azure-a300: oklch(0.6542 0.1794 248.76 / 0.5255);
82
84
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
83
85
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
84
86
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
@@ -92,10 +94,11 @@
92
94
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
93
95
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
94
96
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
95
- --cnvs-base-palette-blue-a25: oklch(0.6499 0.1912 253.52 / 0.08);
96
- --cnvs-base-palette-blue-a50: oklch(0.6152 0.2108 256.1 / 0.11);
97
- --cnvs-base-palette-blue-a100: oklch(0.6225 0.2064 255.9 / 0.17);
97
+ --cnvs-base-palette-blue-a25: oklch(0.6141 0.2114 256.22 / 0.0706);
98
+ --cnvs-base-palette-blue-a50: oklch(0.6141 0.2114 256.22 / 0.1098);
99
+ --cnvs-base-palette-blue-a100: oklch(0.6077 0.215 256.92 / 0.1608);
98
100
  --cnvs-base-palette-blue-a200: oklch(0.6048 0.2166 257.21 / 0.31);
101
+ --cnvs-base-palette-blue-a300: oklch(0.5987 0.22 257.83 / 0.4667);
99
102
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
100
103
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
101
104
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
@@ -109,10 +112,11 @@
109
112
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
110
113
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
111
114
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
112
- --cnvs-base-palette-coral-a25: oklch(0.6708 0.221 37.37 / 0.04);
113
- --cnvs-base-palette-coral-a50: oklch(0.6598 0.229 34.15 / 0.08);
114
- --cnvs-base-palette-coral-a100: oklch(0.6545 0.2337 33.76 / 0.15);
115
- --cnvs-base-palette-coral-a200: oklch(0.6552 0.2332 34.09 / 0.36);
115
+ --cnvs-base-palette-coral-a25: oklch(0.6672 0.2239 36.87 / 0.0392);
116
+ --cnvs-base-palette-coral-a50: oklch(0.6482 0.2393 32.96 / 0.0745);
117
+ --cnvs-base-palette-coral-a100: oklch(0.6492 0.2384 33.16 / 0.1451);
118
+ --cnvs-base-palette-coral-a200: oklch(0.6524 0.2357 33.8 / 0.3529);
119
+ --cnvs-base-palette-coral-a300: oklch(0.654 0.2344 34.12 / 0.5686);
116
120
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
117
121
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
118
122
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
@@ -126,10 +130,11 @@
126
130
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
127
131
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
128
132
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
129
- --cnvs-base-palette-green-a25: oklch(0.8695 0.2801 143.52 / 0.08);
130
- --cnvs-base-palette-green-a50: oklch(0.8685 0.2814 143.77 / 0.15);
131
- --cnvs-base-palette-green-a100: oklch(0.8316 0.2716 143.71 / 0.29);
132
- --cnvs-base-palette-green-a200: oklch(0.796 0.2508 144.9 / 0.6);
133
+ --cnvs-base-palette-green-a25: oklch(0.8669 0.2908 142.93 / 0.0706);
134
+ --cnvs-base-palette-green-a50: oklch(0.8673 0.2872 143.33 / 0.1451);
135
+ --cnvs-base-palette-green-a100: oklch(0.8314 0.2728 143.62 / 0.2863);
136
+ --cnvs-base-palette-green-a200: oklch(0.7945 0.2509 144.87 / 0.5961);
137
+ --cnvs-base-palette-green-a300: oklch(0.7417 0.2214 146.84 / 0.7765);
133
138
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
134
139
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
135
140
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
@@ -143,10 +148,11 @@
143
148
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
144
149
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
145
150
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
146
- --cnvs-base-palette-indigo-a25: oklch(0.4762 0.2966 267.42 / 0.05);
147
- --cnvs-base-palette-indigo-a50: oklch(0.4661 0.3036 264.5 / 0.08);
148
- --cnvs-base-palette-indigo-a100: oklch(0.4693 0.3013 265.31 / 0.13);
149
- --cnvs-base-palette-indigo-a200: oklch(0.4666 0.3032 264.75 / 0.24);
151
+ --cnvs-base-palette-indigo-a25: oklch(0.452 0.3132 264.06 / 0.0431);
152
+ --cnvs-base-palette-indigo-a50: oklch(0.4624 0.3062 264.19 / 0.0784);
153
+ --cnvs-base-palette-indigo-a100: oklch(0.4576 0.3094 264.14 / 0.1216);
154
+ --cnvs-base-palette-indigo-a200: oklch(0.4602 0.3077 264.17 / 0.2314);
155
+ --cnvs-base-palette-indigo-a300: oklch(0.4556 0.3108 264.11 / 0.3569);
150
156
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
151
157
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
152
158
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
@@ -161,38 +167,43 @@
161
167
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
162
168
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
163
169
  --cnvs-base-palette-magenta-a25: oklch(0.7091 0.3124 328.27 / 0.05);
164
- --cnvs-base-palette-magenta-a50: oklch(0.7044 0.3188 328.33 / 0.08);
165
- --cnvs-base-palette-magenta-a100: oklch(0.6892 0.3052 333.97 / 0.16);
170
+ --cnvs-base-palette-magenta-a50: oklch(0.7017 0.3225 328.36 / 0.0745);
171
+ --cnvs-base-palette-magenta-a100: oklch(0.687 0.3067 334.22 / 0.1529);
166
172
  --cnvs-base-palette-magenta-a200: oklch(0.6972 0.3174 330.1 / 0.24);
173
+ --cnvs-base-palette-magenta-a300: oklch(0.6773 0.2957 338.89 / 0.4196);
167
174
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
168
175
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
169
176
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
170
177
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
178
+ --cnvs-base-palette-neutral-150: oklch(0.906 0 89.88 / 1);
171
179
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
172
- --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
173
- --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
180
+ --cnvs-base-palette-neutral-300: oklch(0.8047 0 89.88 / 1);
181
+ --cnvs-base-palette-neutral-400: oklch(0.7219 0 89.88 / 1);
174
182
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
175
183
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
176
- --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
177
- --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
178
- --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
179
- --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
180
- --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
184
+ --cnvs-base-palette-neutral-700: oklch(0.4386 0 89.88 / 1);
185
+ --cnvs-base-palette-neutral-800: oklch(0.3171 0 89.88 / 1);
186
+ --cnvs-base-palette-neutral-850: oklch(0.2645 0 89.88 / 1);
187
+ --cnvs-base-palette-neutral-900: oklch(0.2478 0 89.88 / 1);
188
+ --cnvs-base-palette-neutral-950: oklch(0.228 0 89.88 / 1);
189
+ --cnvs-base-palette-neutral-975: oklch(0.196 0 89.88 / 1);
181
190
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
182
191
  --cnvs-base-palette-neutral-a0: oklch(0 0 0 / 0);
183
- --cnvs-base-palette-neutral-a25: oklch(0.1149 0 0 / 0.02);
184
- --cnvs-base-palette-neutral-a50: oklch(0.1149 0 0 / 0.04);
185
- --cnvs-base-palette-neutral-a100: oklch(0.1822 0 0 / 0.08);
186
- --cnvs-base-palette-neutral-a200: oklch(0.0847 0 0 / 0.17);
187
- --cnvs-base-palette-neutral-a300: oklch(0.1149 0 0 / 0.26);
188
- --cnvs-base-palette-neutral-a400: oklch(0.0847 0 0 / 0.36);
189
- --cnvs-base-palette-neutral-a500: oklch(0.1149 0 0 / 0.48);
192
+ --cnvs-base-palette-neutral-a25: oklch(0 0 0 / 0.0196);
193
+ --cnvs-base-palette-neutral-a50: oklch(0 0 0 / 0.0392);
194
+ --cnvs-base-palette-neutral-a100: oklch(0 0 0 / 0.0745);
195
+ --cnvs-base-palette-neutral-a150: oklch(0 0 0 / 0.1216);
196
+ --cnvs-base-palette-neutral-a200: oklch(0 0 0 / 0.1686);
197
+ --cnvs-base-palette-neutral-a300: oklch(0 0 0 / 0.251);
198
+ --cnvs-base-palette-neutral-a400: oklch(0 0 0 / 0.3529);
199
+ --cnvs-base-palette-neutral-a500: oklch(0 0 0 / 0.4706);
190
200
  --cnvs-base-palette-neutral-a600: oklch(0 0 0 / 0.6);
191
- --cnvs-base-palette-neutral-a700: oklch(0.0672 0 0 / 0.67);
192
- --cnvs-base-palette-neutral-a800: oklch(0 0 0 / 0.77);
193
- --cnvs-base-palette-neutral-a900: oklch(0.0969 0 0 / 0.84);
194
- --cnvs-base-palette-neutral-a950: oklch(0.0672 0 0 / 0.89);
195
- --cnvs-base-palette-neutral-a975: oklch(0 0 0 / 0.95);
201
+ --cnvs-base-palette-neutral-a700: oklch(0 0 0 / 0.6784);
202
+ --cnvs-base-palette-neutral-a800: oklch(0 0 0 / 0.8039);
203
+ --cnvs-base-palette-neutral-a850: oklch(0 0 0 / 0.8549);
204
+ --cnvs-base-palette-neutral-a900: oklch(0 0 0 / 0.8706);
205
+ --cnvs-base-palette-neutral-a950: oklch(0 0 0 / 0.8902);
206
+ --cnvs-base-palette-neutral-a975: oklch(0 0 0 / 0.9176);
196
207
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
197
208
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
198
209
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
@@ -206,10 +217,11 @@
206
217
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
207
218
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
208
219
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
209
- --cnvs-base-palette-orange-a25: oklch(0.7136 0.1784 53.73 / 0.1);
210
- --cnvs-base-palette-orange-a50: oklch(0.7555 0.1769 59.35 / 0.17);
211
- --cnvs-base-palette-orange-a100: oklch(0.7365 0.1837 54.12 / 0.25);
212
- --cnvs-base-palette-orange-a200: oklch(0.7304 0.1863 52.52 / 0.46);
220
+ --cnvs-base-palette-orange-a25: oklch(0.7093 0.1802 52.88 / 0.098);
221
+ --cnvs-base-palette-orange-a50: oklch(0.75 0.1792 58.11 / 0.1647);
222
+ --cnvs-base-palette-orange-a100: oklch(0.7342 0.1848 53.62 / 0.2471);
223
+ --cnvs-base-palette-orange-a200: oklch(0.7295 0.1867 52.32 / 0.4588);
224
+ --cnvs-base-palette-orange-a300: oklch(0.7426 0.1817 56.01 / 0.8);
213
225
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
214
226
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
215
227
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
@@ -223,10 +235,11 @@
223
235
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
224
236
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
225
237
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
226
- --cnvs-base-palette-purple-a25: oklch(0.5632 0.2948 302.45 / 0.04);
227
- --cnvs-base-palette-purple-a50: oklch(0.5645 0.2935 302.36 / 0.09);
228
- --cnvs-base-palette-purple-a100: oklch(0.5867 0.2975 307.8 / 0.17);
229
- --cnvs-base-palette-purple-a200: oklch(0.6051 0.3009 311.78 / 0.25);
238
+ --cnvs-base-palette-purple-a25: oklch(0.5597 0.2956 301.91 / 0.0392);
239
+ --cnvs-base-palette-purple-a50: oklch(0.5569 0.2953 301.2 / 0.0863);
240
+ --cnvs-base-palette-purple-a100: oklch(0.5812 0.2986 307.02 / 0.1647);
241
+ --cnvs-base-palette-purple-a200: oklch(0.6012 0.302 311.32 / 0.2431);
242
+ --cnvs-base-palette-purple-a300: oklch(0.5935 0.3006 309.71 / 0.3569);
230
243
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
231
244
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
232
245
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
@@ -240,36 +253,41 @@
240
253
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
241
254
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
242
255
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
243
- --cnvs-base-palette-red-a25: oklch(0.6289 0.2567 29.11 / 0.04);
244
- --cnvs-base-palette-red-a50: oklch(0.6434 0.2428 30.17 / 0.1);
245
- --cnvs-base-palette-red-a100: oklch(0.6382 0.248 30.42 / 0.16);
246
- --cnvs-base-palette-red-a200: oklch(0.6375 0.2487 30.71 / 0.35);
247
- --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
248
- --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
249
- --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
250
- --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
251
- --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
252
- --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
253
- --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
254
- --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
255
- --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
256
- --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
257
- --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
258
- --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
259
- --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
260
- --cnvs-base-palette-slate-a25: oklch(0.4688 0.0781 250.43 / 0.03);
261
- --cnvs-base-palette-slate-a50: oklch(0.3343 0.0951 253.3 / 0.05);
262
- --cnvs-base-palette-slate-a100: oklch(0.3337 0.0688 250.79 / 0.09);
263
- --cnvs-base-palette-slate-a200: oklch(0.3057 0.079 256.22 / 0.13);
264
- --cnvs-base-palette-slate-a300: oklch(0.2442 0.0693 257.66 / 0.21);
265
- --cnvs-base-palette-slate-a400: oklch(0.2333 0.0665 257.09 / 0.35);
266
- --cnvs-base-palette-slate-a500: oklch(0.2187 0.0685 255.77 / 0.51);
267
- --cnvs-base-palette-slate-a600: oklch(0.1793 0.0503 254.55 / 0.64);
268
- --cnvs-base-palette-slate-a700: oklch(0.1595 0.0431 250.87 / 0.7);
269
- --cnvs-base-palette-slate-a800: oklch(0.157 0.0349 253.16 / 0.79);
270
- --cnvs-base-palette-slate-a900: oklch(0.1351 0.0244 244.09 / 0.87);
271
- --cnvs-base-palette-slate-a950: oklch(0.1312 0.0198 248.87 / 0.9);
272
- --cnvs-base-palette-slate-a975: oklch(0.1168 0.014 231.47 / 0.95);
256
+ --cnvs-base-palette-red-a25: oklch(0.6329 0.253 30.1 / 0.0431);
257
+ --cnvs-base-palette-red-a50: oklch(0.6326 0.2533 30.04 / 0.0902);
258
+ --cnvs-base-palette-red-a100: oklch(0.6339 0.2521 30.28 / 0.1529);
259
+ --cnvs-base-palette-red-a200: oklch(0.6361 0.25 30.68 / 0.3451);
260
+ --cnvs-base-palette-red-a300: oklch(0.6347 0.2513 30.42 / 0.5294);
261
+ --cnvs-base-palette-slate-25: oklch(0.9849 0.0029 264.51 / 1);
262
+ --cnvs-base-palette-slate-50: oklch(0.9695 0.0046 258.42 / 1);
263
+ --cnvs-base-palette-slate-100: oklch(0.9442 0.007 248.08 / 1);
264
+ --cnvs-base-palette-slate-150: oklch(0.908 0.011 256.7 / 1);
265
+ --cnvs-base-palette-slate-200: oklch(0.8706 0.0158 257.2 / 1);
266
+ --cnvs-base-palette-slate-300: oklch(0.804 0.0214 254.94 / 1);
267
+ --cnvs-base-palette-slate-400: oklch(0.721 0.024 254.4 / 1);
268
+ --cnvs-base-palette-slate-500: oklch(0.6225 0.0248 254.47 / 1);
269
+ --cnvs-base-palette-slate-600: oklch(0.5099 0.0241 255.01 / 1);
270
+ --cnvs-base-palette-slate-700: oklch(0.44 0.023 255.6 / 1);
271
+ --cnvs-base-palette-slate-800: oklch(0.3147 0.0128 253 / 1);
272
+ --cnvs-base-palette-slate-850: oklch(0.2667 0.011 254.03 / 1);
273
+ --cnvs-base-palette-slate-900: oklch(0.2458 0.0112 254.05 / 1);
274
+ --cnvs-base-palette-slate-950: oklch(0.2202 0.0115 254.08 / 1);
275
+ --cnvs-base-palette-slate-975: oklch(0.1933 0.0102 248.36 / 1);
276
+ --cnvs-base-palette-slate-a25: oklch(0.3276 0.1499 261.85 / 0.0235);
277
+ --cnvs-base-palette-slate-a50: oklch(0.3064 0.1202 259.24 / 0.0471);
278
+ --cnvs-base-palette-slate-a100: oklch(0.3039 0.0952 253.5 / 0.0863);
279
+ --cnvs-base-palette-slate-a150: oklch(0.2742 0.101 257.89 / 0.1373);
280
+ --cnvs-base-palette-slate-a200: oklch(0.2751 0.1026 258.16 / 0.1922);
281
+ --cnvs-base-palette-slate-a300: oklch(0.2639 0.0924 256.67 / 0.2863);
282
+ --cnvs-base-palette-slate-a400: oklch(0.2307 0.0767 255.27 / 0.3922);
283
+ --cnvs-base-palette-slate-a500: oklch(0.1993 0.0626 253.59 / 0.5098);
284
+ --cnvs-base-palette-slate-a600: oklch(0.1704 0.05 251.35 / 0.6353);
285
+ --cnvs-base-palette-slate-a700: oklch(0.1549 0.0434 249.61 / 0.7098);
286
+ --cnvs-base-palette-slate-a800: oklch(0.1165 0.026 238.48 / 0.8235);
287
+ --cnvs-base-palette-slate-a850: oklch(0.1063 0.0237 238.42 / 0.8667);
288
+ --cnvs-base-palette-slate-a900: oklch(0.1055 0.0236 238.48 / 0.8863);
289
+ --cnvs-base-palette-slate-a950: oklch(0.1046 0.0233 238.41 / 0.9098);
290
+ --cnvs-base-palette-slate-a975: oklch(0.1028 0.0214 233.55 / 0.9333);
273
291
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
274
292
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
275
293
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
@@ -283,24 +301,27 @@
283
301
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
284
302
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
285
303
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
286
- --cnvs-base-palette-teal-a25: oklch(0.8804 0.1478 200.72 / 0.09);
287
- --cnvs-base-palette-teal-a50: oklch(0.8427 0.1433 206.66 / 0.19);
304
+ --cnvs-base-palette-teal-a25: oklch(0.8768 0.1491 201.26 / 0.0824);
305
+ --cnvs-base-palette-teal-a50: oklch(0.838 0.1438 207.32 / 0.1804);
288
306
  --cnvs-base-palette-teal-a100: oklch(0.7626 0.1316 209.35 / 0.22);
289
- --cnvs-base-palette-teal-a200: oklch(0.7101 0.1219 207.98 / 0.37);
307
+ --cnvs-base-palette-teal-a200: oklch(0.7093 0.1219 208.01 / 0.3686);
308
+ --cnvs-base-palette-teal-a300: oklch(0.644 0.1109 208.68 / 0.5647);
290
309
  --cnvs-base-palette-white-a0: oklch(1 0 0 / 0);
291
- --cnvs-base-palette-white-a25: oklch(1 0 0 / 0.02);
292
- --cnvs-base-palette-white-a50: oklch(1 0 0 / 0.03);
293
- --cnvs-base-palette-white-a100: oklch(1 0 0 / 0.08);
294
- --cnvs-base-palette-white-a200: oklch(1 0 0 / 0.16);
295
- --cnvs-base-palette-white-a300: oklch(1 0 0 / 0.26);
296
- --cnvs-base-palette-white-a400: oklch(1 0 0 / 0.36);
297
- --cnvs-base-palette-white-a500: oklch(1 0 0 / 0.47);
298
- --cnvs-base-palette-white-a600: oklch(1 0 0 / 0.6);
299
- --cnvs-base-palette-white-a700: oklch(1 0 0 / 0.67);
300
- --cnvs-base-palette-white-a800: oklch(1 0 0 / 0.77);
301
- --cnvs-base-palette-white-a900: oklch(1 0 0 / 0.83);
302
- --cnvs-base-palette-white-a950: oklch(1 0 0 / 0.89);
303
- --cnvs-base-palette-white-a975: oklch(1 0 0 / 0.95);
310
+ --cnvs-base-palette-white-a25: oklch(1 0 89.88 / 0.023);
311
+ --cnvs-base-palette-white-a50: oklch(1 0 89.88 / 0.045);
312
+ --cnvs-base-palette-white-a100: oklch(1 0 89.88 / 0.118);
313
+ --cnvs-base-palette-white-a150: oklch(1 0 89.88 / 0.1841);
314
+ --cnvs-base-palette-white-a200: oklch(1 0 89.88 / 0.25);
315
+ --cnvs-base-palette-white-a300: oklch(1 0 89.88 / 0.374);
316
+ --cnvs-base-palette-white-a400: oklch(1 0 89.88 / 0.489);
317
+ --cnvs-base-palette-white-a500: oklch(1 0 89.88 / 0.591);
318
+ --cnvs-base-palette-white-a600: oklch(1 0 89.88 / 0.698);
319
+ --cnvs-base-palette-white-a700: oklch(1 0 89.88 / 0.788);
320
+ --cnvs-base-palette-white-a800: oklch(1 0 89.88 / 0.861);
321
+ --cnvs-base-palette-white-a850: oklch(1 0 89.88 / 0.8909);
322
+ --cnvs-base-palette-white-a900: oklch(1 0 89.88 / 0.921);
323
+ --cnvs-base-palette-white-a950: oklch(1 0 89.88 / 0.947);
324
+ --cnvs-base-palette-white-a975: oklch(1 0 89.88 / 0.974);
304
325
  --cnvs-base-palette-cinnamon-100: #ffefee;
305
326
  --cnvs-base-palette-cinnamon-200: #FCC9C5;
306
327
  --cnvs-base-palette-cinnamon-300: #ff867d;
@@ -488,13 +509,33 @@
488
509
  --cnvs-base-size-1200: 6rem; /* 96px / 6rem */
489
510
  --cnvs-base-size-1300: 6.5rem; /* 104px / 6.5rem */
490
511
  --cnvs-base-size-1400: 7rem; /* 112px / 7rem */
491
- --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
492
- --cnvs-base-font-family-100: "Roboto Mono";
512
+ --cnvs-base-size-1600: 8rem; /* 128px / 8rem */
513
+ --cnvs-base-size-1800: 9rem; /* 144px / 9rem */
514
+ --cnvs-base-size-2000: 10rem; /* 160px / 10rem */
515
+ --cnvs-base-size-2400: 12rem; /* 192px / 12rem */
516
+ --cnvs-base-size-2800: 14rem; /* 224px / 14rem */
517
+ --cnvs-base-size-3200: 16rem; /* 256px / 16rem */
518
+ --cnvs-base-font-family-0: "-apple-system, BlinkMacSystemFont, "Sana Serif", Roboto, Inter, system-ui, Avenir, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif";
519
+ --cnvs-base-font-family-50: "Sana Sans LCG 05 VF";
520
+ --cnvs-base-font-family-100: "IBM Plex Mono";
493
521
  --cnvs-base-font-family-200: "Noto Sans";
494
522
  --cnvs-base-font-weight-300: 300;
495
523
  --cnvs-base-font-weight-400: 400;
496
524
  --cnvs-base-font-weight-500: 500;
525
+ --cnvs-base-font-weight-600: 600;
497
526
  --cnvs-base-font-weight-700: 700;
527
+ --cnvs-base-letter-spacing-1: 0.008125rem;
528
+ --cnvs-base-letter-spacing-2: 0.0075rem;
529
+ --cnvs-base-letter-spacing-3: 0.006875rem;
530
+ --cnvs-base-letter-spacing-4: 0.00625rem;
531
+ --cnvs-base-letter-spacing-5: 0rem;
532
+ --cnvs-base-letter-spacing-6: -0.00625rem;
533
+ --cnvs-base-letter-spacing-7: -0.01875rem;
534
+ --cnvs-base-letter-spacing-8: -0.02125rem;
535
+ --cnvs-base-letter-spacing-9: -0.02375rem;
536
+ --cnvs-base-letter-spacing-10: -0.02875rem;
537
+ --cnvs-base-letter-spacing-11: -0.03375rem;
538
+ --cnvs-base-letter-spacing-12: -0.03875rem;
498
539
  --cnvs-base-letter-spacing-50: 0.025rem;
499
540
  --cnvs-base-letter-spacing-100: 0.02rem;
500
541
  --cnvs-base-letter-spacing-150: 0.015rem;
package/css/brand/_variables.css CHANGED
@@ -1,9 +1,10 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Jun 2026 16:53:28 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:26:13 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --cnvs-brand-positive-a300: var(--cnvs-base-palette-green-a300);
7
8
  --cnvs-brand-positive-a200: var(--cnvs-base-palette-green-a200);
8
9
  --cnvs-brand-positive-a100: var(--cnvs-base-palette-green-a100);
9
10
  --cnvs-brand-positive-a50: var(--cnvs-base-palette-green-a50);
@@ -21,6 +22,7 @@
21
22
  --cnvs-brand-positive-100: var(--cnvs-base-palette-green-100);
22
23
  --cnvs-brand-positive-50: var(--cnvs-base-palette-green-50);
23
24
  --cnvs-brand-positive-25: var(--cnvs-base-palette-green-25);
25
+ --cnvs-brand-caution-a300: var(--cnvs-base-palette-amber-a300);
24
26
  --cnvs-brand-caution-a200: var(--cnvs-base-palette-amber-a200);
25
27
  --cnvs-brand-caution-a100: var(--cnvs-base-palette-amber-a100);
26
28
  --cnvs-brand-caution-a50: var(--cnvs-base-palette-amber-a50);
@@ -38,6 +40,7 @@
38
40
  --cnvs-brand-caution-100: var(--cnvs-base-palette-amber-100);
39
41
  --cnvs-brand-caution-50: var(--cnvs-base-palette-amber-50);
40
42
  --cnvs-brand-caution-25: var(--cnvs-base-palette-amber-25);
43
+ --cnvs-brand-critical-a300: var(--cnvs-base-palette-red-a300);
41
44
  --cnvs-brand-critical-a200: var(--cnvs-base-palette-red-a200);
42
45
  --cnvs-brand-critical-a100: var(--cnvs-base-palette-red-a100);
43
46
  --cnvs-brand-critical-a50: var(--cnvs-base-palette-red-a50);
@@ -59,19 +62,21 @@
59
62
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
60
63
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
61
64
  --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);
65
+ --cnvs-brand-neutral-a975: var(--cnvs-base-palette-neutral-a975);
66
+ --cnvs-brand-neutral-a950: var(--cnvs-base-palette-neutral-a950);
67
+ --cnvs-brand-neutral-a900: var(--cnvs-base-palette-neutral-a900);
68
+ --cnvs-brand-neutral-a850: var(--cnvs-base-palette-neutral-a850);
69
+ --cnvs-brand-neutral-a800: var(--cnvs-base-palette-neutral-a800);
70
+ --cnvs-brand-neutral-a700: var(--cnvs-base-palette-neutral-a700);
71
+ --cnvs-brand-neutral-a600: var(--cnvs-base-palette-neutral-a600);
72
+ --cnvs-brand-neutral-a500: var(--cnvs-base-palette-neutral-a500);
73
+ --cnvs-brand-neutral-a400: var(--cnvs-base-palette-neutral-a400);
74
+ --cnvs-brand-neutral-a300: var(--cnvs-base-palette-neutral-a300);
75
+ --cnvs-brand-neutral-a200: var(--cnvs-base-palette-neutral-a200);
76
+ --cnvs-brand-neutral-a150: var(--cnvs-base-palette-neutral-a150);
77
+ --cnvs-brand-neutral-a100: var(--cnvs-base-palette-neutral-a100);
78
+ --cnvs-brand-neutral-a50: var(--cnvs-base-palette-neutral-a50);
79
+ --cnvs-brand-neutral-a25: var(--cnvs-base-palette-neutral-a25);
75
80
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-neutral-200);
76
81
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-neutral-50);
77
82
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
@@ -79,19 +84,21 @@
79
84
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-neutral-700);
80
85
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-neutral-600);
81
86
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-neutral-25);
82
- --cnvs-brand-neutral-975: var(--cnvs-base-palette-slate-975);
83
- --cnvs-brand-neutral-950: var(--cnvs-base-palette-slate-950);
84
- --cnvs-brand-neutral-900: var(--cnvs-base-palette-slate-900);
85
- --cnvs-brand-neutral-800: var(--cnvs-base-palette-slate-800);
86
- --cnvs-brand-neutral-700: var(--cnvs-base-palette-slate-700);
87
- --cnvs-brand-neutral-600: var(--cnvs-base-palette-slate-600);
88
- --cnvs-brand-neutral-500: var(--cnvs-base-palette-slate-500);
89
- --cnvs-brand-neutral-400: var(--cnvs-base-palette-slate-400);
90
- --cnvs-brand-neutral-300: var(--cnvs-base-palette-slate-300);
91
- --cnvs-brand-neutral-200: var(--cnvs-base-palette-slate-200);
92
- --cnvs-brand-neutral-100: var(--cnvs-base-palette-slate-100);
93
- --cnvs-brand-neutral-50: var(--cnvs-base-palette-slate-50);
94
- --cnvs-brand-neutral-25: var(--cnvs-base-palette-slate-25);
87
+ --cnvs-brand-neutral-975: var(--cnvs-base-palette-neutral-975);
88
+ --cnvs-brand-neutral-950: var(--cnvs-base-palette-neutral-950);
89
+ --cnvs-brand-neutral-900: var(--cnvs-base-palette-neutral-900);
90
+ --cnvs-brand-neutral-850: var(--cnvs-base-palette-neutral-850);
91
+ --cnvs-brand-neutral-800: var(--cnvs-base-palette-neutral-800);
92
+ --cnvs-brand-neutral-700: var(--cnvs-base-palette-neutral-700);
93
+ --cnvs-brand-neutral-600: var(--cnvs-base-palette-neutral-600);
94
+ --cnvs-brand-neutral-500: var(--cnvs-base-palette-neutral-500);
95
+ --cnvs-brand-neutral-400: var(--cnvs-base-palette-neutral-400);
96
+ --cnvs-brand-neutral-300: var(--cnvs-base-palette-neutral-300);
97
+ --cnvs-brand-neutral-200: var(--cnvs-base-palette-neutral-200);
98
+ --cnvs-brand-neutral-150: var(--cnvs-base-palette-neutral-150);
99
+ --cnvs-brand-neutral-100: var(--cnvs-base-palette-neutral-100);
100
+ --cnvs-brand-neutral-50: var(--cnvs-base-palette-neutral-50);
101
+ --cnvs-brand-neutral-25: var(--cnvs-base-palette-neutral-25);
95
102
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
96
103
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
97
104
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
@@ -113,6 +120,7 @@
113
120
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
114
121
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
115
122
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
123
+ --cnvs-brand-primary-a300: var(--cnvs-base-palette-blue-a300);
116
124
  --cnvs-brand-primary-a200: var(--cnvs-base-palette-blue-a200);
117
125
  --cnvs-brand-primary-a100: var(--cnvs-base-palette-blue-a100);
118
126
  --cnvs-brand-primary-a50: var(--cnvs-base-palette-blue-a50);
package/css/component/_variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 09 Jun 2026 16:53:28 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:26:13 GMT
4
4
  */
5
5
 
6
6
  :root {