@workday/canvas-tokens-web 5.0.0-alpha.0 → 5.0.0-alpha.2

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 (41) hide show
  1. package/css/base/_variables.css +141 -100
  2. package/css/brand/_variables.css +39 -31
  3. package/css/component/_variables.css +1 -1
  4. package/css/legacy/base.css +340 -0
  5. package/css/legacy/brand.css +121 -0
  6. package/css/legacy/component.css +23 -0
  7. package/css/legacy/system.css +232 -0
  8. package/css/system/_variables.css +126 -53
  9. package/dist/common-js/base/index.d.ts +908 -732
  10. package/dist/common-js/base/index.js +378 -1
  11. package/dist/common-js/brand/index.d.ts +260 -77
  12. package/dist/common-js/brand/index.js +131 -1
  13. package/dist/common-js/component/index.d.ts +36 -1
  14. package/dist/common-js/component/index.js +31 -1
  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 +956 -70
  18. package/dist/common-js/system/index.js +520 -14
  19. package/dist/es6/base/index.d.ts +908 -732
  20. package/dist/es6/base/index.js +378 -1
  21. package/dist/es6/brand/index.d.ts +260 -77
  22. package/dist/es6/brand/index.js +131 -1
  23. package/dist/es6/component/index.d.ts +36 -1
  24. package/dist/es6/component/index.js +31 -1
  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 +956 -70
  28. package/dist/es6/system/index.js +520 -14
  29. package/less/base/_variables.less +141 -100
  30. package/less/brand/_variables.less +39 -31
  31. package/less/component/_variables.less +1 -1
  32. package/less/system/_variables.less +126 -53
  33. package/package.json +1 -1
  34. package/scss/base/_variables.sass +141 -100
  35. package/scss/base/_variables.scss +141 -100
  36. package/scss/brand/_variables.sass +39 -31
  37. package/scss/brand/_variables.scss +39 -31
  38. package/scss/component/_variables.sass +1 -1
  39. package/scss/component/_variables.scss +1 -1
  40. package/scss/system/_variables.sass +126 -53
  41. package/scss/system/_variables.scss +126 -53
package/dist/common-js/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Mar 2026 22:28:09 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -32,6 +32,7 @@ exports.primaryA25 = "--cnvs-brand-primary-a25";
32
32
  exports.primaryA50 = "--cnvs-brand-primary-a50";
33
33
  exports.primaryA100 = "--cnvs-brand-primary-a100";
34
34
  exports.primaryA200 = "--cnvs-brand-primary-a200";
35
+ exports.primaryA300 = "--cnvs-brand-primary-a300";
35
36
  exports.error = {
36
37
  "base": "--cnvs-brand-error-base",
37
38
  "lightest": "--cnvs-brand-error-lightest",
@@ -62,6 +63,7 @@ exports.success = {
62
63
  exports.neutral25 = "--cnvs-brand-neutral-25";
63
64
  exports.neutral50 = "--cnvs-brand-neutral-50";
64
65
  exports.neutral100 = "--cnvs-brand-neutral-100";
66
+ exports.neutral150 = "--cnvs-brand-neutral-150";
65
67
  exports.neutral200 = "--cnvs-brand-neutral-200";
66
68
  exports.neutral300 = "--cnvs-brand-neutral-300";
67
69
  exports.neutral400 = "--cnvs-brand-neutral-400";
@@ -69,6 +71,7 @@ exports.neutral500 = "--cnvs-brand-neutral-500";
69
71
  exports.neutral600 = "--cnvs-brand-neutral-600";
70
72
  exports.neutral700 = "--cnvs-brand-neutral-700";
71
73
  exports.neutral800 = "--cnvs-brand-neutral-800";
74
+ exports.neutral850 = "--cnvs-brand-neutral-850";
72
75
  exports.neutral900 = "--cnvs-brand-neutral-900";
73
76
  exports.neutral950 = "--cnvs-brand-neutral-950";
74
77
  exports.neutral975 = "--cnvs-brand-neutral-975";
@@ -84,6 +87,7 @@ exports.neutral = {
84
87
  exports.neutralA25 = "--cnvs-brand-neutral-a25";
85
88
  exports.neutralA50 = "--cnvs-brand-neutral-a50";
86
89
  exports.neutralA100 = "--cnvs-brand-neutral-a100";
90
+ exports.neutralA150 = "--cnvs-brand-neutral-a150";
87
91
  exports.neutralA200 = "--cnvs-brand-neutral-a200";
88
92
  exports.neutralA300 = "--cnvs-brand-neutral-a300";
89
93
  exports.neutralA400 = "--cnvs-brand-neutral-a400";
@@ -91,6 +95,7 @@ exports.neutralA500 = "--cnvs-brand-neutral-a500";
91
95
  exports.neutralA600 = "--cnvs-brand-neutral-a600";
92
96
  exports.neutralA700 = "--cnvs-brand-neutral-a700";
93
97
  exports.neutralA800 = "--cnvs-brand-neutral-a800";
98
+ exports.neutralA850 = "--cnvs-brand-neutral-a850";
94
99
  exports.neutralA900 = "--cnvs-brand-neutral-a900";
95
100
  exports.neutralA950 = "--cnvs-brand-neutral-a950";
96
101
  exports.neutralA975 = "--cnvs-brand-neutral-a975";
@@ -123,6 +128,7 @@ exports.criticalA25 = "--cnvs-brand-critical-a25";
123
128
  exports.criticalA50 = "--cnvs-brand-critical-a50";
124
129
  exports.criticalA100 = "--cnvs-brand-critical-a100";
125
130
  exports.criticalA200 = "--cnvs-brand-critical-a200";
131
+ exports.criticalA300 = "--cnvs-brand-critical-a300";
126
132
  exports.caution25 = "--cnvs-brand-caution-25";
127
133
  exports.caution50 = "--cnvs-brand-caution-50";
128
134
  exports.caution100 = "--cnvs-brand-caution-100";
@@ -140,6 +146,7 @@ exports.cautionA25 = "--cnvs-brand-caution-a25";
140
146
  exports.cautionA50 = "--cnvs-brand-caution-a50";
141
147
  exports.cautionA100 = "--cnvs-brand-caution-a100";
142
148
  exports.cautionA200 = "--cnvs-brand-caution-a200";
149
+ exports.cautionA300 = "--cnvs-brand-caution-a300";
143
150
  exports.positive25 = "--cnvs-brand-positive-25";
144
151
  exports.positive50 = "--cnvs-brand-positive-50";
145
152
  exports.positive100 = "--cnvs-brand-positive-100";
@@ -157,6 +164,7 @@ exports.positiveA25 = "--cnvs-brand-positive-a25";
157
164
  exports.positiveA50 = "--cnvs-brand-positive-a50";
158
165
  exports.positiveA100 = "--cnvs-brand-positive-a100";
159
166
  exports.positiveA200 = "--cnvs-brand-positive-a200";
167
+ exports.positiveA300 = "--cnvs-brand-positive-a300";
160
168
  exports.action = {
161
169
  "base": "--cnvs-brand-action-base",
162
170
  "lightest": "--cnvs-brand-action-lightest",
@@ -170,3 +178,125 @@ exports.action = {
170
178
  exports.gradient = {
171
179
  "primary": "--cnvs-brand-gradient-primary"
172
180
  };
181
+ exports.legacy = {
182
+ "primary25": "var(--cnvs-brand-primary-25, var(--cnvs-brand-primary-lightest, oklch(0.969 0.0155 248.07 / 1)))",
183
+ "primary50": "var(--cnvs-brand-primary-50, var(--cnvs-brand-primary-lighter, oklch(0.9523 0.0239 248.12 / 1)))",
184
+ "primary100": "var(--cnvs-brand-primary-100, oklch(0.928 0.0359 250.6 / 1))",
185
+ "primary200": "var(--cnvs-brand-primary-200, var(--cnvs-brand-primary-light, oklch(0.8627 0.0701 250.6 / 1)))",
186
+ "primary300": "var(--cnvs-brand-primary-300, oklch(0.7933 0.1076 252.08 / 1))",
187
+ "primary400": "var(--cnvs-brand-primary-400, oklch(0.708 0.1549 255.41 / 1))",
188
+ "primary500": "var(--cnvs-brand-primary-500, oklch(0.6023 0.2032 255.68 / 1))",
189
+ "primary600": "var(--cnvs-brand-primary-600, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)))",
190
+ "primary700": "var(--cnvs-brand-primary-700, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)))",
191
+ "primary800": "var(--cnvs-brand-primary-800, var(--cnvs-brand-primary-darkest, oklch(0.3908 0.128 256 / 1)))",
192
+ "primary900": "var(--cnvs-brand-primary-900, oklch(0.3152 0.1054 261.09 / 1))",
193
+ "primary950": "var(--cnvs-brand-primary-950, oklch(0.2452 0.0752 254.55 / 1))",
194
+ "primary975": "var(--cnvs-brand-primary-975, oklch(0.209 0.07 255.61 / 1))",
195
+ "primaryA25": "var(--cnvs-brand-primary-a25, oklch(0.6141 0.2114 256.22 / 0.0706))",
196
+ "primaryA50": "var(--cnvs-brand-primary-a50, oklch(0.6141 0.2114 256.22 / 0.1098))",
197
+ "primaryA100": "var(--cnvs-brand-primary-a100, oklch(0.6077 0.215 256.92 / 0.1608))",
198
+ "primaryA200": "var(--cnvs-brand-primary-a200, oklch(0.6048 0.2166 257.21 / 0.31))",
199
+ "primaryA300": "var(--cnvs-brand-primary-a300, oklch(0.5987 0.22 257.83 / 0.4667))",
200
+ "neutral25": "var(--cnvs-brand-neutral-25, var(--cnvs-brand-neutral-lightest, oklch(0.9851 0 0 / 1)))",
201
+ "neutral50": "var(--cnvs-brand-neutral-50, var(--cnvs-brand-neutral-lighter, oklch(0.9702 0 0 / 1)))",
202
+ "neutral100": "var(--cnvs-brand-neutral-100, oklch(0.9431 0 0 / 1))",
203
+ "neutral150": "var(--cnvs-brand-neutral-150, oklch(0.906 0 89.88 / 1))",
204
+ "neutral200": "var(--cnvs-brand-neutral-200, var(--cnvs-brand-neutral-light, oklch(0.8699 0 0 / 1)))",
205
+ "neutral300": "var(--cnvs-brand-neutral-300, oklch(0.8047 0 89.88 / 1))",
206
+ "neutral400": "var(--cnvs-brand-neutral-400, oklch(0.7219 0 89.88 / 1))",
207
+ "neutral500": "var(--cnvs-brand-neutral-500, oklch(0.6234 0 0 / 1))",
208
+ "neutral600": "var(--cnvs-brand-neutral-600, var(--cnvs-brand-neutral-base, oklch(0.5103 0 0 / 1)))",
209
+ "neutral700": "var(--cnvs-brand-neutral-700, var(--cnvs-brand-neutral-dark, oklch(0.4386 0 89.88 / 1)))",
210
+ "neutral800": "var(--cnvs-brand-neutral-800, var(--cnvs-brand-neutral-darkest, oklch(0.3171 0 89.88 / 1)))",
211
+ "neutral850": "var(--cnvs-brand-neutral-850, oklch(0.2645 0 89.88 / 1))",
212
+ "neutral900": "var(--cnvs-brand-neutral-900, oklch(0.2478 0 89.88 / 1))",
213
+ "neutral950": "var(--cnvs-brand-neutral-950, oklch(0.228 0 89.88 / 1))",
214
+ "neutral975": "var(--cnvs-brand-neutral-975, oklch(0.196 0 89.88 / 1))",
215
+ "neutralA25": "var(--cnvs-brand-neutral-a25, oklch(0 0 0 / 0.0196))",
216
+ "neutralA50": "var(--cnvs-brand-neutral-a50, oklch(0 0 0 / 0.0392))",
217
+ "neutralA100": "var(--cnvs-brand-neutral-a100, oklch(0 0 0 / 0.0745))",
218
+ "neutralA150": "var(--cnvs-brand-neutral-a150, oklch(0 0 0 / 0.1216))",
219
+ "neutralA200": "var(--cnvs-brand-neutral-a200, oklch(0 0 0 / 0.1686))",
220
+ "neutralA300": "var(--cnvs-brand-neutral-a300, oklch(0 0 0 / 0.251))",
221
+ "neutralA400": "var(--cnvs-brand-neutral-a400, oklch(0 0 0 / 0.3529))",
222
+ "neutralA500": "var(--cnvs-brand-neutral-a500, oklch(0 0 0 / 0.4706))",
223
+ "neutralA600": "var(--cnvs-brand-neutral-a600, oklch(0 0 0 / 0.6))",
224
+ "neutralA700": "var(--cnvs-brand-neutral-a700, oklch(0 0 0 / 0.6784))",
225
+ "neutralA800": "var(--cnvs-brand-neutral-a800, oklch(0 0 0 / 0.8039))",
226
+ "neutralA850": "var(--cnvs-brand-neutral-a850, oklch(0 0 0 / 0.8549))",
227
+ "neutralA900": "var(--cnvs-brand-neutral-a900, oklch(0 0 0 / 0.8706))",
228
+ "neutralA950": "var(--cnvs-brand-neutral-a950, oklch(0 0 0 / 0.8902))",
229
+ "neutralA975": "var(--cnvs-brand-neutral-a975, oklch(0 0 0 / 0.9176))",
230
+ "common": {
231
+ "focus": "var(--cnvs-brand-common-focus, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)))",
232
+ "critical": "var(--cnvs-brand-common-critical, var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1)))",
233
+ "caution": {
234
+ "inner": "var(--cnvs-brand-common-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)))",
235
+ "outer": "var(--cnvs-brand-common-caution-outer, var(--cnvs-brand-common-alert-outer, oklch(0.6601 0.1537 60.7 / 1)))"
236
+ }
237
+ },
238
+ "critical25": "var(--cnvs-brand-critical-25, var(--cnvs-brand-error-lightest, oklch(0.9667 0.0163 21.82 / 1)))",
239
+ "critical50": "var(--cnvs-brand-critical-50, var(--cnvs-brand-error-lighter, oklch(0.9533 0.0231 23.95 / 1)))",
240
+ "critical100": "var(--cnvs-brand-critical-100, oklch(0.9225 0.0394 25.51 / 1))",
241
+ "critical200": "var(--cnvs-brand-critical-200, var(--cnvs-brand-error-light, oklch(0.8339 0.092 28.19 / 1)))",
242
+ "critical300": "var(--cnvs-brand-critical-300, oklch(0.7533 0.1484 28.45 / 1))",
243
+ "critical400": "var(--cnvs-brand-critical-400, oklch(0.6857 0.2037 29.76 / 1))",
244
+ "critical500": "var(--cnvs-brand-critical-500, oklch(0.6495 0.2369 30.04 / 1))",
245
+ "critical600": "var(--cnvs-brand-critical-600, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
246
+ "critical700": "var(--cnvs-brand-critical-700, var(--cnvs-brand-error-dark, oklch(0.4517 0.1847 28.2 / 1)))",
247
+ "critical800": "var(--cnvs-brand-critical-800, var(--cnvs-brand-error-darkest, oklch(0.3712 0.1509 26.08 / 1)))",
248
+ "critical900": "var(--cnvs-brand-critical-900, oklch(0.291 0.118 25.59 / 1))",
249
+ "critical950": "var(--cnvs-brand-critical-950, oklch(0.2318 0.0937 24.02 / 1))",
250
+ "critical975": "var(--cnvs-brand-critical-975, oklch(0.1988 0.0718 20.63 / 1))",
251
+ "criticalA25": "var(--cnvs-brand-critical-a25, oklch(0.6329 0.253 30.1 / 0.0431))",
252
+ "criticalA50": "var(--cnvs-brand-critical-a50, oklch(0.6326 0.2533 30.04 / 0.0902))",
253
+ "criticalA100": "var(--cnvs-brand-critical-a100, oklch(0.6339 0.2521 30.28 / 0.1529))",
254
+ "criticalA200": "var(--cnvs-brand-critical-a200, oklch(0.6361 0.25 30.68 / 0.3451))",
255
+ "criticalA300": "var(--cnvs-brand-critical-a300, oklch(0.6347 0.2513 30.42 / 0.5294))",
256
+ "caution25": "var(--cnvs-brand-caution-25, var(--cnvs-brand-alert-lightest, oklch(0.9779 0.0214 95.33 / 1)))",
257
+ "caution50": "var(--cnvs-brand-caution-50, var(--cnvs-brand-alert-lighter, oklch(0.969 0.0619 101.63 / 1)))",
258
+ "caution100": "var(--cnvs-brand-caution-100, oklch(0.9567 0.0948 100.22 / 1))",
259
+ "caution200": "var(--cnvs-brand-caution-200, var(--cnvs-brand-alert-light, oklch(0.9191 0.1547 99.7 / 1)))",
260
+ "caution300": "var(--cnvs-brand-caution-300, oklch(0.8432 0.1713 85.24 / 1))",
261
+ "caution400": "var(--cnvs-brand-caution-400, var(--cnvs-brand-alert-base, oklch(0.7909 0.1711 70.15 / 1)))",
262
+ "caution500": "var(--cnvs-brand-caution-500, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)))",
263
+ "caution600": "var(--cnvs-brand-caution-600, var(--cnvs-brand-alert-darkest, oklch(0.5505 0.1439 50.78 / 1)))",
264
+ "caution700": "var(--cnvs-brand-caution-700, oklch(0.4824 0.1353 46.11 / 1))",
265
+ "caution800": "var(--cnvs-brand-caution-800, oklch(0.4143 0.1245 42.21 / 1))",
266
+ "caution900": "var(--cnvs-brand-caution-900, oklch(0.32 0.098 41.19 / 1))",
267
+ "caution950": "var(--cnvs-brand-caution-950, oklch(0.2489 0.0771 40.64 / 1))",
268
+ "caution975": "var(--cnvs-brand-caution-975, oklch(0.2165 0.0674 40.35 / 1))",
269
+ "cautionA25": "var(--cnvs-brand-caution-a25, oklch(0.7792 0.1592 90.57 / 0.0902))",
270
+ "cautionA50": "var(--cnvs-brand-caution-a50, oklch(0.8854 0.1841 100.16 / 0.2196))",
271
+ "cautionA100": "var(--cnvs-brand-caution-a100, oklch(0.8964 0.1849 97.38 / 0.3412))",
272
+ "cautionA200": "var(--cnvs-brand-caution-a200, oklch(0.8846 0.1822 96.67 / 0.6314))",
273
+ "cautionA300": "var(--cnvs-brand-caution-a300, oklch(0.8372 0.1718 83.95 / 0.9529))",
274
+ "positive25": "var(--cnvs-brand-positive-25, var(--cnvs-brand-success-lightest, oklch(0.9824 0.0282 148.77 / 1)))",
275
+ "positive50": "var(--cnvs-brand-positive-50, var(--cnvs-brand-success-lighter, oklch(0.9655 0.0561 149.93 / 1)))",
276
+ "positive100": "var(--cnvs-brand-positive-100, oklch(0.9278 0.1024 149.88 / 1))",
277
+ "positive200": "var(--cnvs-brand-positive-200, var(--cnvs-brand-success-light, oklch(0.8506 0.1804 149.93 / 1)))",
278
+ "positive300": "var(--cnvs-brand-positive-300, oklch(0.7817 0.1928 150.67 / 1))",
279
+ "positive400": "var(--cnvs-brand-positive-400, oklch(0.702 0.1952 148.39 / 1))",
280
+ "positive500": "var(--cnvs-brand-positive-500, oklch(0.6362 0.1974 145.47 / 1))",
281
+ "positive600": "var(--cnvs-brand-positive-600, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
282
+ "positive700": "var(--cnvs-brand-positive-700, var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1)))",
283
+ "positive800": "var(--cnvs-brand-positive-800, var(--cnvs-brand-success-darkest, oklch(0.3955 0.1156 147.66 / 1)))",
284
+ "positive900": "var(--cnvs-brand-positive-900, oklch(0.3197 0.0997 145.3 / 1))",
285
+ "positive950": "var(--cnvs-brand-positive-950, oklch(0.2548 0.0796 145.23 / 1))",
286
+ "positive975": "var(--cnvs-brand-positive-975, oklch(0.2118 0.0653 145.69 / 1))",
287
+ "positiveA25": "var(--cnvs-brand-positive-a25, oklch(0.8669 0.2908 142.93 / 0.0706))",
288
+ "positiveA50": "var(--cnvs-brand-positive-a50, oklch(0.8673 0.2872 143.33 / 0.1451))",
289
+ "positiveA100": "var(--cnvs-brand-positive-a100, oklch(0.8314 0.2728 143.62 / 0.2863))",
290
+ "positiveA200": "var(--cnvs-brand-positive-a200, oklch(0.7945 0.2509 144.87 / 0.5961))",
291
+ "positiveA300": "var(--cnvs-brand-positive-a300, oklch(0.7417 0.2214 146.84 / 0.7765))",
292
+ "action": {
293
+ "base": "var(--cnvs-brand-action-base, oklch(0.196 0 89.88 / 1))",
294
+ "lightest": "var(--cnvs-brand-action-lightest, oklch(0.9851 0 0 / 1))",
295
+ "light": "var(--cnvs-brand-action-light, oklch(0.8699 0 0 / 1))",
296
+ "darkest": "var(--cnvs-brand-action-darkest, oklch(0.196 0 89.88 / 1))",
297
+ "dark": "var(--cnvs-brand-action-dark, oklch(0.196 0 89.88 / 1))",
298
+ "accent": "var(--cnvs-brand-action-accent, oklch(1 0 0 / 1))",
299
+ "darker": "var(--cnvs-brand-action-darker, oklch(0.196 0 89.88 / 1))",
300
+ "lighter": "var(--cnvs-brand-action-lighter, oklch(0.9431 0 0 / 1))"
301
+ }
302
+ };
package/dist/common-js/component/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Mar 2026 22:28:09 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  export declare const expressiveIcon: {
@@ -122,3 +122,38 @@ export declare const systemIcon: {
122
122
  "xl": "--cnvs-component-system-icon-size-xl",
123
123
  },
124
124
  };
125
+
126
+ /**
127
+ * Temporary legacy object including fallback values to older versions of the tokens
128
+ * for internal use only, will be removed in the future
129
+ */
130
+ export declare const legacy: {
131
+ "expressiveIcon": {
132
+ "color": {
133
+ "accent": "var(--cnvs-component-expressive-icon-color-accent, oklch(0 0 0 / 0.1686))",
134
+ "fill": "var(--cnvs-component-expressive-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3171 0 89.88 / 1)))"
135
+ },
136
+ "size": {
137
+ "xs": "var(--cnvs-component-expressive-icon-size-xs, var(--cnvs-sys-space-x10, 2.5rem))",
138
+ "sm": "var(--cnvs-component-expressive-icon-size-sm, 3rem)",
139
+ "md": "var(--cnvs-component-expressive-icon-size-md, var(--cnvs-sys-space-x14, 3.5rem))",
140
+ "lg": "var(--cnvs-component-expressive-icon-size-lg, var(--cnvs-sys-space-x16, 4rem))",
141
+ "xl": "var(--cnvs-component-expressive-icon-size-xl, 6rem)"
142
+ }
143
+ },
144
+ "systemIcon": {
145
+ "color": {
146
+ "accent": "var(--cnvs-component-system-icon-color-accent, var(--cnvs-sys-color-fg-default, oklch(0.3171 0 89.88 / 1)))",
147
+ "fill": "var(--cnvs-component-system-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3171 0 89.88 / 1)))",
148
+ "background": "var(--cnvs-component-system-icon-color-background, transparent)"
149
+ },
150
+ "size": {
151
+ "xxs": "var(--cnvs-component-system-icon-size-xxs, 0.875rem)",
152
+ "xs": "var(--cnvs-component-system-icon-size-xs, var(--cnvs-sys-space-x4, 1rem))",
153
+ "sm": "var(--cnvs-component-system-icon-size-sm, 1.125rem)",
154
+ "md": "var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem))",
155
+ "lg": "var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem))",
156
+ "xl": "var(--cnvs-component-system-icon-size-xl, var(--cnvs-sys-space-x8, 2rem))"
157
+ }
158
+ }
159
+ };
package/dist/common-js/component/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Mar 2026 22:28:09 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  "use strict";
@@ -34,3 +34,33 @@ exports.systemIcon = {
34
34
  "xl": "--cnvs-component-system-icon-size-xl"
35
35
  }
36
36
  };
37
+ exports.legacy = {
38
+ "expressiveIcon": {
39
+ "color": {
40
+ "accent": "var(--cnvs-component-expressive-icon-color-accent, oklch(0 0 0 / 0.1686))",
41
+ "fill": "var(--cnvs-component-expressive-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3171 0 89.88 / 1)))"
42
+ },
43
+ "size": {
44
+ "xs": "var(--cnvs-component-expressive-icon-size-xs, var(--cnvs-sys-space-x10, 2.5rem))",
45
+ "sm": "var(--cnvs-component-expressive-icon-size-sm, 3rem)",
46
+ "md": "var(--cnvs-component-expressive-icon-size-md, var(--cnvs-sys-space-x14, 3.5rem))",
47
+ "lg": "var(--cnvs-component-expressive-icon-size-lg, var(--cnvs-sys-space-x16, 4rem))",
48
+ "xl": "var(--cnvs-component-expressive-icon-size-xl, 6rem)"
49
+ }
50
+ },
51
+ "systemIcon": {
52
+ "color": {
53
+ "accent": "var(--cnvs-component-system-icon-color-accent, var(--cnvs-sys-color-fg-default, oklch(0.3171 0 89.88 / 1)))",
54
+ "fill": "var(--cnvs-component-system-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3171 0 89.88 / 1)))",
55
+ "background": "var(--cnvs-component-system-icon-color-background, transparent)"
56
+ },
57
+ "size": {
58
+ "xxs": "var(--cnvs-component-system-icon-size-xxs, 0.875rem)",
59
+ "xs": "var(--cnvs-component-system-icon-size-xs, var(--cnvs-sys-space-x4, 1rem))",
60
+ "sm": "var(--cnvs-component-system-icon-size-sm, 1.125rem)",
61
+ "md": "var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem))",
62
+ "lg": "var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem))",
63
+ "xl": "var(--cnvs-component-system-icon-size-xl, var(--cnvs-sys-space-x8, 2rem))"
64
+ }
65
+ }
66
+ };
package/dist/common-js/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 25 Mar 2026 22:28:09 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 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 Wed, 25 Mar 2026 22:28:09 GMT
3
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
4
4
  */
5
5
 
6
6
  "use strict";