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