@workday/canvas-tokens-web 4.3.0-beta.2 → 4.3.0-beta.3

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 +2 -2
  2. package/css/brand/_variables.css +1 -1
  3. package/css/component/_variables.css +1 -1
  4. package/css/legacy/base.css +298 -0
  5. package/css/legacy/brand.css +105 -0
  6. package/css/legacy/component.css +23 -0
  7. package/css/legacy/system.css +163 -0
  8. package/css/system/_variables.css +4 -4
  9. package/dist/common-js/base/index.d.ts +825 -732
  10. package/dist/common-js/base/index.js +295 -1
  11. package/dist/common-js/brand/index.d.ts +149 -40
  12. package/dist/common-js/brand/index.js +105 -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 +391 -18
  18. package/dist/common-js/system/index.js +369 -1
  19. package/dist/es6/base/index.d.ts +825 -732
  20. package/dist/es6/base/index.js +295 -1
  21. package/dist/es6/brand/index.d.ts +149 -40
  22. package/dist/es6/brand/index.js +105 -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 +391 -18
  28. package/dist/es6/system/index.js +369 -1
  29. package/less/base/_variables.less +2 -2
  30. package/less/brand/_variables.less +1 -1
  31. package/less/component/_variables.less +1 -1
  32. package/less/system/_variables.less +4 -4
  33. package/package.json +1 -1
  34. package/scss/base/_variables.sass +2 -2
  35. package/scss/base/_variables.scss +2 -2
  36. package/scss/brand/_variables.sass +1 -1
  37. package/scss/brand/_variables.scss +1 -1
  38. package/scss/component/_variables.sass +1 -1
  39. package/scss/component/_variables.scss +1 -1
  40. package/scss/system/_variables.sass +4 -4
  41. package/scss/system/_variables.scss +4 -4
package/dist/es6/brand/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 24 Apr 2026 22:00:59 GMT
3
+ * Generated on Tue, 28 Apr 2026 16:42:53 GMT
4
4
  */
5
5
 
6
6
  /**
@@ -102,7 +102,7 @@ export declare const primary: {
102
102
  *
103
103
  * **CSS Var**: `--cnvs-brand-primary-base`
104
104
  *
105
- * @deprecated replace primary.base with {brand.primary.600}
105
+ * @deprecated replace primary.base with `brand.primary.600`
106
106
  */
107
107
  "base": "--cnvs-brand-primary-base",
108
108
  /**
@@ -110,7 +110,7 @@ export declare const primary: {
110
110
  *
111
111
  * **CSS Var**: `--cnvs-brand-primary-lightest`
112
112
  *
113
- * @deprecated replace primary.lightest with {brand.primary.25}
113
+ * @deprecated replace primary.lightest with `brand.primary.25`
114
114
  */
115
115
  "lightest": "--cnvs-brand-primary-lightest",
116
116
  /**
@@ -118,7 +118,7 @@ export declare const primary: {
118
118
  *
119
119
  * **CSS Var**: `--cnvs-brand-primary-darkest`
120
120
  *
121
- * @deprecated replace primary.darkest with {brand.primary.800}
121
+ * @deprecated replace primary.darkest with `brand.primary.800`
122
122
  */
123
123
  "darkest": "--cnvs-brand-primary-darkest",
124
124
  /**
@@ -126,7 +126,7 @@ export declare const primary: {
126
126
  *
127
127
  * **CSS Var**: `--cnvs-brand-primary-dark`
128
128
  *
129
- * @deprecated replace primary.dark with {brand.primary.700}
129
+ * @deprecated replace primary.dark with `brand.primary.700`
130
130
  */
131
131
  "dark": "--cnvs-brand-primary-dark",
132
132
  /**
@@ -134,7 +134,7 @@ export declare const primary: {
134
134
  *
135
135
  * **CSS Var**: `--cnvs-brand-primary-accent`
136
136
  *
137
- * @deprecated replace primary.accent with {sys.color.fg.inverse}
137
+ * @deprecated replace primary.accent with `sys.color.fg.inverse`
138
138
  */
139
139
  "accent": "--cnvs-brand-primary-accent",
140
140
  /**
@@ -142,7 +142,7 @@ export declare const primary: {
142
142
  *
143
143
  * **CSS Var**: `--cnvs-brand-primary-lighter`
144
144
  *
145
- * @deprecated replace primary.lighter with {brand.primary.50}
145
+ * @deprecated replace primary.lighter with `brand.primary.50`
146
146
  */
147
147
  "lighter": "--cnvs-brand-primary-lighter",
148
148
  /**
@@ -150,7 +150,7 @@ export declare const primary: {
150
150
  *
151
151
  * **CSS Var**: `--cnvs-brand-primary-light`
152
152
  *
153
- * @deprecated replace primary.light with {brand.primary.200}
153
+ * @deprecated replace primary.light with `brand.primary.200`
154
154
  */
155
155
  "light": "--cnvs-brand-primary-light",
156
156
  };
@@ -189,7 +189,7 @@ export declare const error: {
189
189
  *
190
190
  * **CSS Var**: `--cnvs-brand-error-base`
191
191
  *
192
- * @deprecated replace error.base with {brand.critical.600}
192
+ * @deprecated replace error.base with `brand.critical.600`
193
193
  */
194
194
  "base": "--cnvs-brand-error-base",
195
195
  /**
@@ -197,7 +197,7 @@ export declare const error: {
197
197
  *
198
198
  * **CSS Var**: `--cnvs-brand-error-lightest`
199
199
  *
200
- * @deprecated replace error.lightest with {brand.critical.25}
200
+ * @deprecated replace error.lightest with `brand.critical.25`
201
201
  */
202
202
  "lightest": "--cnvs-brand-error-lightest",
203
203
  /**
@@ -205,7 +205,7 @@ export declare const error: {
205
205
  *
206
206
  * **CSS Var**: `--cnvs-brand-error-dark`
207
207
  *
208
- * @deprecated replace error.dark with {brand.critical.700}
208
+ * @deprecated replace error.dark with `brand.critical.700`
209
209
  */
210
210
  "dark": "--cnvs-brand-error-dark",
211
211
  /**
@@ -213,7 +213,7 @@ export declare const error: {
213
213
  *
214
214
  * **CSS Var**: `--cnvs-brand-error-darkest`
215
215
  *
216
- * @deprecated replace error.darkest with {brand.critical.800}
216
+ * @deprecated replace error.darkest with `brand.critical.800`
217
217
  */
218
218
  "darkest": "--cnvs-brand-error-darkest",
219
219
  /**
@@ -221,7 +221,7 @@ export declare const error: {
221
221
  *
222
222
  * **CSS Var**: `--cnvs-brand-error-accent`
223
223
  *
224
- * @deprecated replace error.accent with {sys.color.fg.inverse}
224
+ * @deprecated replace error.accent with `sys.color.fg.inverse`
225
225
  */
226
226
  "accent": "--cnvs-brand-error-accent",
227
227
  /**
@@ -229,7 +229,7 @@ export declare const error: {
229
229
  *
230
230
  * **CSS Var**: `--cnvs-brand-error-lighter`
231
231
  *
232
- * @deprecated replace error.lighter with {brand.critical.50}
232
+ * @deprecated replace error.lighter with `brand.critical.50`
233
233
  */
234
234
  "lighter": "--cnvs-brand-error-lighter",
235
235
  /**
@@ -237,7 +237,7 @@ export declare const error: {
237
237
  *
238
238
  * **CSS Var**: `--cnvs-brand-error-light`
239
239
  *
240
- * @deprecated replace error.light with {brand.critical.200}
240
+ * @deprecated replace error.light with `brand.critical.200`
241
241
  */
242
242
  "light": "--cnvs-brand-error-light",
243
243
  };
@@ -248,7 +248,7 @@ export declare const alert: {
248
248
  *
249
249
  * **CSS Var**: `--cnvs-brand-alert-base`
250
250
  *
251
- * @deprecated replace alert.base with {brand.caution.400}
251
+ * @deprecated replace alert.base with `brand.caution.400`
252
252
  */
253
253
  "base": "--cnvs-brand-alert-base",
254
254
  /**
@@ -256,7 +256,7 @@ export declare const alert: {
256
256
  *
257
257
  * **CSS Var**: `--cnvs-brand-alert-lighter`
258
258
  *
259
- * @deprecated replace alert.lighter with {brand.caution.50}
259
+ * @deprecated replace alert.lighter with `brand.caution.50`
260
260
  */
261
261
  "lighter": "--cnvs-brand-alert-lighter",
262
262
  /**
@@ -264,7 +264,7 @@ export declare const alert: {
264
264
  *
265
265
  * **CSS Var**: `--cnvs-brand-alert-lightest`
266
266
  *
267
- * @deprecated replace alert.lightest with {brand.caution.25}
267
+ * @deprecated replace alert.lightest with `brand.caution.25`
268
268
  */
269
269
  "lightest": "--cnvs-brand-alert-lightest",
270
270
  /**
@@ -272,7 +272,7 @@ export declare const alert: {
272
272
  *
273
273
  * **CSS Var**: `--cnvs-brand-alert-dark`
274
274
  *
275
- * @deprecated replace alert.dark with {brand.caution.500}
275
+ * @deprecated replace alert.dark with `brand.caution.500`
276
276
  */
277
277
  "dark": "--cnvs-brand-alert-dark",
278
278
  /**
@@ -280,7 +280,7 @@ export declare const alert: {
280
280
  *
281
281
  * **CSS Var**: `--cnvs-brand-alert-darkest`
282
282
  *
283
- * @deprecated replace alert.darkest with {brand.caution.600}
283
+ * @deprecated replace alert.darkest with `brand.caution.600`
284
284
  */
285
285
  "darkest": "--cnvs-brand-alert-darkest",
286
286
  /**
@@ -288,7 +288,7 @@ export declare const alert: {
288
288
  *
289
289
  * **CSS Var**: `--cnvs-brand-alert-accent`
290
290
  *
291
- * @deprecated replace alert.accent with {sys.color.fg.contrast.default}
291
+ * @deprecated replace alert.accent with `sys.color.fg.contrast.default`
292
292
  */
293
293
  "accent": "--cnvs-brand-alert-accent",
294
294
  /**
@@ -296,7 +296,7 @@ export declare const alert: {
296
296
  *
297
297
  * **CSS Var**: `--cnvs-brand-alert-light`
298
298
  *
299
- * @deprecated replace alert.light with {brand.caution.200}
299
+ * @deprecated replace alert.light with `brand.caution.200`
300
300
  */
301
301
  "light": "--cnvs-brand-alert-light",
302
302
  };
@@ -307,7 +307,7 @@ export declare const success: {
307
307
  *
308
308
  * **CSS Var**: `--cnvs-brand-success-base`
309
309
  *
310
- * @deprecated replace success.base with {brand.positive.600}
310
+ * @deprecated replace success.base with `brand.positive.600`
311
311
  */
312
312
  "base": "--cnvs-brand-success-base",
313
313
  /**
@@ -315,7 +315,7 @@ export declare const success: {
315
315
  *
316
316
  * **CSS Var**: `--cnvs-brand-success-lightest`
317
317
  *
318
- * @deprecated replace success.lightest with {brand.positive.25}
318
+ * @deprecated replace success.lightest with `brand.positive.25`
319
319
  */
320
320
  "lightest": "--cnvs-brand-success-lightest",
321
321
  /**
@@ -323,7 +323,7 @@ export declare const success: {
323
323
  *
324
324
  * **CSS Var**: `--cnvs-brand-success-lighter`
325
325
  *
326
- * @deprecated replace success.lighter with {brand.positive.50}
326
+ * @deprecated replace success.lighter with `brand.positive.50`
327
327
  */
328
328
  "lighter": "--cnvs-brand-success-lighter",
329
329
  /**
@@ -331,7 +331,7 @@ export declare const success: {
331
331
  *
332
332
  * **CSS Var**: `--cnvs-brand-success-dark`
333
333
  *
334
- * @deprecated replace success.dark with {brand.positive.700}
334
+ * @deprecated replace success.dark with `brand.positive.700`
335
335
  */
336
336
  "dark": "--cnvs-brand-success-dark",
337
337
  /**
@@ -339,7 +339,7 @@ export declare const success: {
339
339
  *
340
340
  * **CSS Var**: `--cnvs-brand-success-darkest`
341
341
  *
342
- * @deprecated replace success.darkest with {brand.positive.800}
342
+ * @deprecated replace success.darkest with `brand.positive.800`
343
343
  */
344
344
  "darkest": "--cnvs-brand-success-darkest",
345
345
  /**
@@ -347,7 +347,7 @@ export declare const success: {
347
347
  *
348
348
  * **CSS Var**: `--cnvs-brand-success-accent`
349
349
  *
350
- * @deprecated replace success.accent with {sys.color.fg.inverse}
350
+ * @deprecated replace success.accent with `sys.color.fg.inverse`
351
351
  */
352
352
  "accent": "--cnvs-brand-success-accent",
353
353
  /**
@@ -355,7 +355,7 @@ export declare const success: {
355
355
  *
356
356
  * **CSS Var**: `--cnvs-brand-success-light`
357
357
  *
358
- * @deprecated replace success.light with {brand.positive.200}
358
+ * @deprecated replace success.light with `brand.positive.200`
359
359
  */
360
360
  "light": "--cnvs-brand-success-light",
361
361
  };
@@ -457,7 +457,7 @@ export declare const neutral: {
457
457
  *
458
458
  * **CSS Var**: `--cnvs-brand-neutral-lightest`
459
459
  *
460
- * @deprecated replace neutral.lightest with {brand.neutral.25}
460
+ * @deprecated replace neutral.lightest with `brand.neutral.25`
461
461
  */
462
462
  "lightest": "--cnvs-brand-neutral-lightest",
463
463
  /**
@@ -465,7 +465,7 @@ export declare const neutral: {
465
465
  *
466
466
  * **CSS Var**: `--cnvs-brand-neutral-base`
467
467
  *
468
- * @deprecated replace neutral.base with {brand.neutral.600}
468
+ * @deprecated replace neutral.base with `brand.neutral.600`
469
469
  */
470
470
  "base": "--cnvs-brand-neutral-base",
471
471
  /**
@@ -473,7 +473,7 @@ export declare const neutral: {
473
473
  *
474
474
  * **CSS Var**: `--cnvs-brand-neutral-dark`
475
475
  *
476
- * @deprecated replace neutral.dark with {brand.neutral.700}
476
+ * @deprecated replace neutral.dark with `brand.neutral.700`
477
477
  */
478
478
  "dark": "--cnvs-brand-neutral-dark",
479
479
  /**
@@ -481,7 +481,7 @@ export declare const neutral: {
481
481
  *
482
482
  * **CSS Var**: `--cnvs-brand-neutral-darkest`
483
483
  *
484
- * @deprecated replace neutral.darkest with {brand.neutral.800}
484
+ * @deprecated replace neutral.darkest with `brand.neutral.800`
485
485
  */
486
486
  "darkest": "--cnvs-brand-neutral-darkest",
487
487
  /**
@@ -489,7 +489,7 @@ export declare const neutral: {
489
489
  *
490
490
  * **CSS Var**: `--cnvs-brand-neutral-accent`
491
491
  *
492
- * @deprecated replace neutral.accent with {sys.color.fg.inverse}
492
+ * @deprecated replace neutral.accent with `sys.color.fg.inverse`
493
493
  */
494
494
  "accent": "--cnvs-brand-neutral-accent",
495
495
  /**
@@ -497,7 +497,7 @@ export declare const neutral: {
497
497
  *
498
498
  * **CSS Var**: `--cnvs-brand-neutral-lighter`
499
499
  *
500
- * @deprecated replace neutral.lighter with {brand.neutral.50}
500
+ * @deprecated replace neutral.lighter with `brand.neutral.50`
501
501
  */
502
502
  "lighter": "--cnvs-brand-neutral-lighter",
503
503
  /**
@@ -505,7 +505,7 @@ export declare const neutral: {
505
505
  *
506
506
  * **CSS Var**: `--cnvs-brand-neutral-light`
507
507
  *
508
- * @deprecated replace neutral.light with {brand.neutral.200}
508
+ * @deprecated replace neutral.light with `brand.neutral.200`
509
509
  */
510
510
  "light": "--cnvs-brand-neutral-light",
511
511
  };
@@ -607,7 +607,7 @@ export declare const common: {
607
607
  *
608
608
  * **CSS Var**: `--cnvs-brand-common-focus-outline`
609
609
  *
610
- * @deprecated replace focus-outline with {brand.common.focus}
610
+ * @deprecated replace focus-outline with `brand.common.focus`
611
611
  */
612
612
  "focusOutline": "--cnvs-brand-common-focus-outline",
613
613
  /**
@@ -615,7 +615,7 @@ export declare const common: {
615
615
  *
616
616
  * **CSS Var**: `--cnvs-brand-common-error-inner`
617
617
  *
618
- * @deprecated replace error-inner with {brand.common.critical}
618
+ * @deprecated replace error-inner with `brand.common.critical`
619
619
  */
620
620
  "errorInner": "--cnvs-brand-common-error-inner",
621
621
  /**
@@ -623,7 +623,7 @@ export declare const common: {
623
623
  *
624
624
  * **CSS Var**: `--cnvs-brand-common-alert-inner`
625
625
  *
626
- * @deprecated replace alert-inner with {brand.common.caution.inner}
626
+ * @deprecated replace alert-inner with `brand.common.caution.inner`
627
627
  */
628
628
  "alertInner": "--cnvs-brand-common-alert-inner",
629
629
  /**
@@ -631,7 +631,7 @@ export declare const common: {
631
631
  *
632
632
  * **CSS Var**: `--cnvs-brand-common-alert-outer`
633
633
  *
634
- * @deprecated replace alert-outer with {brand.common.caution.outer}
634
+ * @deprecated replace alert-outer with `brand.common.caution.outer`
635
635
  */
636
636
  "alertOuter": "--cnvs-brand-common-alert-outer",
637
637
  /**
@@ -1100,3 +1100,112 @@ export declare const gradient: {
1100
1100
  */
1101
1101
  "primary": "--cnvs-brand-gradient-primary",
1102
1102
  };
1103
+
1104
+ /**
1105
+ * Temporary legacy object including fallback values to older versions of the tokens
1106
+ * for internal use only, will be removed in the future
1107
+ */
1108
+ export declare const legacy: {
1109
+ "primary25": "var(--cnvs-brand-primary-25, var(--cnvs-brand-primary-lightest, oklch(0.969 0.0155 248.07 / 1)))",
1110
+ "primary50": "var(--cnvs-brand-primary-50, var(--cnvs-brand-primary-lighter, oklch(0.9523 0.0239 248.12 / 1)))",
1111
+ "primary100": "var(--cnvs-brand-primary-100, oklch(0.928 0.0359 250.6 / 1))",
1112
+ "primary200": "var(--cnvs-brand-primary-200, var(--cnvs-brand-primary-light, oklch(0.8627 0.0701 250.6 / 1)))",
1113
+ "primary300": "var(--cnvs-brand-primary-300, oklch(0.7933 0.1076 252.08 / 1))",
1114
+ "primary400": "var(--cnvs-brand-primary-400, oklch(0.708 0.1549 255.41 / 1))",
1115
+ "primary500": "var(--cnvs-brand-primary-500, oklch(0.6023 0.2032 255.68 / 1))",
1116
+ "primary600": "var(--cnvs-brand-primary-600, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)))",
1117
+ "primary700": "var(--cnvs-brand-primary-700, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)))",
1118
+ "primary800": "var(--cnvs-brand-primary-800, var(--cnvs-brand-primary-darkest, oklch(0.3908 0.128 256 / 1)))",
1119
+ "primary900": "var(--cnvs-brand-primary-900, oklch(0.3152 0.1054 261.09 / 1))",
1120
+ "primary950": "var(--cnvs-brand-primary-950, oklch(0.2452 0.0752 254.55 / 1))",
1121
+ "primary975": "var(--cnvs-brand-primary-975, oklch(0.209 0.07 255.61 / 1))",
1122
+ "primaryA25": "var(--cnvs-brand-primary-a25, oklch(0.6499 0.1912 253.52 / 0.08))",
1123
+ "primaryA50": "var(--cnvs-brand-primary-a50, oklch(0.6152 0.2108 256.1 / 0.11))",
1124
+ "primaryA100": "var(--cnvs-brand-primary-a100, oklch(0.6225 0.2064 255.9 / 0.17))",
1125
+ "primaryA200": "var(--cnvs-brand-primary-a200, oklch(0.6048 0.2166 257.21 / 0.31))",
1126
+ "neutral25": "var(--cnvs-brand-neutral-25, var(--cnvs-brand-neutral-lightest, oklch(0.9846 0.0018 248.57 / 1)))",
1127
+ "neutral50": "var(--cnvs-brand-neutral-50, var(--cnvs-brand-neutral-lighter, oklch(0.9692 0.0035 248.23 / 1)))",
1128
+ "neutral100": "var(--cnvs-brand-neutral-100, oklch(0.9447 0.0053 248.12 / 1))",
1129
+ "neutral200": "var(--cnvs-brand-neutral-200, var(--cnvs-brand-neutral-light, oklch(0.917 0.0081 254 / 1)))",
1130
+ "neutral300": "var(--cnvs-brand-neutral-300, oklch(0.856 0.0111 256.85 / 1))",
1131
+ "neutral400": "var(--cnvs-brand-neutral-400, oklch(0.754 0.0181 256.33 / 1))",
1132
+ "neutral500": "var(--cnvs-brand-neutral-500, oklch(0.629 0.0281 255.62 / 1))",
1133
+ "neutral600": "var(--cnvs-brand-neutral-600, var(--cnvs-brand-neutral-base, oklch(0.5103 0.0255 256.8 / 1)))",
1134
+ "neutral700": "var(--cnvs-brand-neutral-700, var(--cnvs-brand-neutral-dark, oklch(0.45 0.022 255.52 / 1)))",
1135
+ "neutral800": "var(--cnvs-brand-neutral-800, var(--cnvs-brand-neutral-darkest, oklch(0.3685 0.0218 256.4 / 1)))",
1136
+ "neutral900": "var(--cnvs-brand-neutral-900, oklch(0.278 0.0156 252.4 / 1))",
1137
+ "neutral950": "var(--cnvs-brand-neutral-950, oklch(0.2453 0.0136 253.1 / 1))",
1138
+ "neutral975": "var(--cnvs-brand-neutral-975, oklch(0.18 0.008 248.33 / 1))",
1139
+ "neutralA25": "var(--cnvs-brand-neutral-a25, oklch(0.4688 0.0781 250.43 / 0.03))",
1140
+ "neutralA50": "var(--cnvs-brand-neutral-a50, oklch(0.3343 0.0951 253.3 / 0.05))",
1141
+ "neutralA100": "var(--cnvs-brand-neutral-a100, oklch(0.3337 0.0688 250.79 / 0.09))",
1142
+ "neutralA200": "var(--cnvs-brand-neutral-a200, oklch(0.3057 0.079 256.22 / 0.13))",
1143
+ "neutralA300": "var(--cnvs-brand-neutral-a300, oklch(0.2442 0.0693 257.66 / 0.21))",
1144
+ "neutralA400": "var(--cnvs-brand-neutral-a400, oklch(0.2333 0.0665 257.09 / 0.35))",
1145
+ "neutralA500": "var(--cnvs-brand-neutral-a500, oklch(0.2187 0.0685 255.77 / 0.51))",
1146
+ "neutralA600": "var(--cnvs-brand-neutral-a600, oklch(0.1793 0.0503 254.55 / 0.64))",
1147
+ "neutralA700": "var(--cnvs-brand-neutral-a700, oklch(0.1595 0.0431 250.87 / 0.7))",
1148
+ "neutralA800": "var(--cnvs-brand-neutral-a800, oklch(0.157 0.0349 253.16 / 0.79))",
1149
+ "neutralA900": "var(--cnvs-brand-neutral-a900, oklch(0.1351 0.0244 244.09 / 0.87))",
1150
+ "neutralA950": "var(--cnvs-brand-neutral-a950, oklch(0.1312 0.0198 248.87 / 0.9))",
1151
+ "neutralA975": "var(--cnvs-brand-neutral-a975, oklch(0.1168 0.014 231.47 / 0.95))",
1152
+ "common": {
1153
+ "focus": "var(--cnvs-brand-common-focus, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)))",
1154
+ "critical": "var(--cnvs-brand-common-critical, var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1)))",
1155
+ "caution": {
1156
+ "inner": "var(--cnvs-brand-common-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)))",
1157
+ "outer": "var(--cnvs-brand-common-caution-outer, var(--cnvs-brand-common-alert-outer, oklch(0.6601 0.1537 60.7 / 1)))"
1158
+ }
1159
+ },
1160
+ "critical25": "var(--cnvs-brand-critical-25, var(--cnvs-brand-error-lightest, oklch(0.9667 0.0163 21.82 / 1)))",
1161
+ "critical50": "var(--cnvs-brand-critical-50, var(--cnvs-brand-error-lighter, oklch(0.9533 0.0231 23.95 / 1)))",
1162
+ "critical100": "var(--cnvs-brand-critical-100, oklch(0.9225 0.0394 25.51 / 1))",
1163
+ "critical200": "var(--cnvs-brand-critical-200, var(--cnvs-brand-error-light, oklch(0.8339 0.092 28.19 / 1)))",
1164
+ "critical300": "var(--cnvs-brand-critical-300, oklch(0.7533 0.1484 28.45 / 1))",
1165
+ "critical400": "var(--cnvs-brand-critical-400, oklch(0.6857 0.2037 29.76 / 1))",
1166
+ "critical500": "var(--cnvs-brand-critical-500, oklch(0.6495 0.2369 30.04 / 1))",
1167
+ "critical600": "var(--cnvs-brand-critical-600, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
1168
+ "critical700": "var(--cnvs-brand-critical-700, var(--cnvs-brand-error-dark, oklch(0.4517 0.1847 28.2 / 1)))",
1169
+ "critical800": "var(--cnvs-brand-critical-800, var(--cnvs-brand-error-darkest, oklch(0.3712 0.1509 26.08 / 1)))",
1170
+ "critical900": "var(--cnvs-brand-critical-900, oklch(0.291 0.118 25.59 / 1))",
1171
+ "critical950": "var(--cnvs-brand-critical-950, oklch(0.2318 0.0937 24.02 / 1))",
1172
+ "critical975": "var(--cnvs-brand-critical-975, oklch(0.1988 0.0718 20.63 / 1))",
1173
+ "criticalA25": "var(--cnvs-brand-critical-a25, oklch(0.6289 0.2567 29.11 / 0.04))",
1174
+ "criticalA50": "var(--cnvs-brand-critical-a50, oklch(0.6434 0.2428 30.17 / 0.1))",
1175
+ "criticalA100": "var(--cnvs-brand-critical-a100, oklch(0.6382 0.248 30.42 / 0.16))",
1176
+ "criticalA200": "var(--cnvs-brand-critical-a200, oklch(0.6375 0.2487 30.71 / 0.35))",
1177
+ "caution25": "var(--cnvs-brand-caution-25, var(--cnvs-brand-alert-lightest, oklch(0.9779 0.0214 95.33 / 1)))",
1178
+ "caution50": "var(--cnvs-brand-caution-50, var(--cnvs-brand-alert-lighter, oklch(0.969 0.0619 101.63 / 1)))",
1179
+ "caution100": "var(--cnvs-brand-caution-100, oklch(0.9567 0.0948 100.22 / 1))",
1180
+ "caution200": "var(--cnvs-brand-caution-200, var(--cnvs-brand-alert-light, oklch(0.9191 0.1547 99.7 / 1)))",
1181
+ "caution300": "var(--cnvs-brand-caution-300, oklch(0.8432 0.1713 85.24 / 1))",
1182
+ "caution400": "var(--cnvs-brand-caution-400, var(--cnvs-brand-alert-base, oklch(0.7909 0.1711 70.15 / 1)))",
1183
+ "caution500": "var(--cnvs-brand-caution-500, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)))",
1184
+ "caution600": "var(--cnvs-brand-caution-600, var(--cnvs-brand-alert-darkest, oklch(0.5505 0.1439 50.78 / 1)))",
1185
+ "caution700": "var(--cnvs-brand-caution-700, oklch(0.4824 0.1353 46.11 / 1))",
1186
+ "caution800": "var(--cnvs-brand-caution-800, oklch(0.4143 0.1245 42.21 / 1))",
1187
+ "caution900": "var(--cnvs-brand-caution-900, oklch(0.32 0.098 41.19 / 1))",
1188
+ "caution950": "var(--cnvs-brand-caution-950, oklch(0.2489 0.0771 40.64 / 1))",
1189
+ "caution975": "var(--cnvs-brand-caution-975, oklch(0.2165 0.0674 40.35 / 1))",
1190
+ "cautionA25": "var(--cnvs-brand-caution-a25, oklch(0.7982 0.159 92.57 / 0.1))",
1191
+ "cautionA50": "var(--cnvs-brand-caution-a50, oklch(0.8864 0.1845 100.28 / 0.22))",
1192
+ "cautionA100": "var(--cnvs-brand-caution-a100, oklch(0.8988 0.185 97.8 / 0.35))",
1193
+ "cautionA200": "var(--cnvs-brand-caution-a200, oklch(0.886 0.1822 96.83 / 0.64))",
1194
+ "positive25": "var(--cnvs-brand-positive-25, var(--cnvs-brand-success-lightest, oklch(0.9824 0.0282 148.77 / 1)))",
1195
+ "positive50": "var(--cnvs-brand-positive-50, var(--cnvs-brand-success-lighter, oklch(0.9655 0.0561 149.93 / 1)))",
1196
+ "positive100": "var(--cnvs-brand-positive-100, oklch(0.9278 0.1024 149.88 / 1))",
1197
+ "positive200": "var(--cnvs-brand-positive-200, var(--cnvs-brand-success-light, oklch(0.8506 0.1804 149.93 / 1)))",
1198
+ "positive300": "var(--cnvs-brand-positive-300, oklch(0.7817 0.1928 150.67 / 1))",
1199
+ "positive400": "var(--cnvs-brand-positive-400, oklch(0.702 0.1952 148.39 / 1))",
1200
+ "positive500": "var(--cnvs-brand-positive-500, oklch(0.6362 0.1974 145.47 / 1))",
1201
+ "positive600": "var(--cnvs-brand-positive-600, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
1202
+ "positive700": "var(--cnvs-brand-positive-700, var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1)))",
1203
+ "positive800": "var(--cnvs-brand-positive-800, var(--cnvs-brand-success-darkest, oklch(0.3955 0.1156 147.66 / 1)))",
1204
+ "positive900": "var(--cnvs-brand-positive-900, oklch(0.3197 0.0997 145.3 / 1))",
1205
+ "positive950": "var(--cnvs-brand-positive-950, oklch(0.2548 0.0796 145.23 / 1))",
1206
+ "positive975": "var(--cnvs-brand-positive-975, oklch(0.2118 0.0653 145.69 / 1))",
1207
+ "positiveA25": "var(--cnvs-brand-positive-a25, oklch(0.8695 0.2801 143.52 / 0.08))",
1208
+ "positiveA50": "var(--cnvs-brand-positive-a50, oklch(0.8685 0.2814 143.77 / 0.15))",
1209
+ "positiveA100": "var(--cnvs-brand-positive-a100, oklch(0.8316 0.2716 143.71 / 0.29))",
1210
+ "positiveA200": "var(--cnvs-brand-positive-a200, oklch(0.796 0.2508 144.9 / 0.6))"
1211
+ };
package/dist/es6/brand/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 24 Apr 2026 22:00:59 GMT
3
+ * Generated on Tue, 28 Apr 2026 16:42:53 GMT
4
4
  */
5
5
 
6
6
  export const primary25 = "--cnvs-brand-primary-25";
@@ -167,3 +167,107 @@ export const action = {
167
167
  export const gradient = {
168
168
  "primary": "--cnvs-brand-gradient-primary"
169
169
  };
170
+ export const legacy = {
171
+ "primary25": "var(--cnvs-brand-primary-25, var(--cnvs-brand-primary-lightest, oklch(0.969 0.0155 248.07 / 1)))",
172
+ "primary50": "var(--cnvs-brand-primary-50, var(--cnvs-brand-primary-lighter, oklch(0.9523 0.0239 248.12 / 1)))",
173
+ "primary100": "var(--cnvs-brand-primary-100, oklch(0.928 0.0359 250.6 / 1))",
174
+ "primary200": "var(--cnvs-brand-primary-200, var(--cnvs-brand-primary-light, oklch(0.8627 0.0701 250.6 / 1)))",
175
+ "primary300": "var(--cnvs-brand-primary-300, oklch(0.7933 0.1076 252.08 / 1))",
176
+ "primary400": "var(--cnvs-brand-primary-400, oklch(0.708 0.1549 255.41 / 1))",
177
+ "primary500": "var(--cnvs-brand-primary-500, oklch(0.6023 0.2032 255.68 / 1))",
178
+ "primary600": "var(--cnvs-brand-primary-600, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)))",
179
+ "primary700": "var(--cnvs-brand-primary-700, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)))",
180
+ "primary800": "var(--cnvs-brand-primary-800, var(--cnvs-brand-primary-darkest, oklch(0.3908 0.128 256 / 1)))",
181
+ "primary900": "var(--cnvs-brand-primary-900, oklch(0.3152 0.1054 261.09 / 1))",
182
+ "primary950": "var(--cnvs-brand-primary-950, oklch(0.2452 0.0752 254.55 / 1))",
183
+ "primary975": "var(--cnvs-brand-primary-975, oklch(0.209 0.07 255.61 / 1))",
184
+ "primaryA25": "var(--cnvs-brand-primary-a25, oklch(0.6499 0.1912 253.52 / 0.08))",
185
+ "primaryA50": "var(--cnvs-brand-primary-a50, oklch(0.6152 0.2108 256.1 / 0.11))",
186
+ "primaryA100": "var(--cnvs-brand-primary-a100, oklch(0.6225 0.2064 255.9 / 0.17))",
187
+ "primaryA200": "var(--cnvs-brand-primary-a200, oklch(0.6048 0.2166 257.21 / 0.31))",
188
+ "neutral25": "var(--cnvs-brand-neutral-25, var(--cnvs-brand-neutral-lightest, oklch(0.9846 0.0018 248.57 / 1)))",
189
+ "neutral50": "var(--cnvs-brand-neutral-50, var(--cnvs-brand-neutral-lighter, oklch(0.9692 0.0035 248.23 / 1)))",
190
+ "neutral100": "var(--cnvs-brand-neutral-100, oklch(0.9447 0.0053 248.12 / 1))",
191
+ "neutral200": "var(--cnvs-brand-neutral-200, var(--cnvs-brand-neutral-light, oklch(0.917 0.0081 254 / 1)))",
192
+ "neutral300": "var(--cnvs-brand-neutral-300, oklch(0.856 0.0111 256.85 / 1))",
193
+ "neutral400": "var(--cnvs-brand-neutral-400, oklch(0.754 0.0181 256.33 / 1))",
194
+ "neutral500": "var(--cnvs-brand-neutral-500, oklch(0.629 0.0281 255.62 / 1))",
195
+ "neutral600": "var(--cnvs-brand-neutral-600, var(--cnvs-brand-neutral-base, oklch(0.5103 0.0255 256.8 / 1)))",
196
+ "neutral700": "var(--cnvs-brand-neutral-700, var(--cnvs-brand-neutral-dark, oklch(0.45 0.022 255.52 / 1)))",
197
+ "neutral800": "var(--cnvs-brand-neutral-800, var(--cnvs-brand-neutral-darkest, oklch(0.3685 0.0218 256.4 / 1)))",
198
+ "neutral900": "var(--cnvs-brand-neutral-900, oklch(0.278 0.0156 252.4 / 1))",
199
+ "neutral950": "var(--cnvs-brand-neutral-950, oklch(0.2453 0.0136 253.1 / 1))",
200
+ "neutral975": "var(--cnvs-brand-neutral-975, oklch(0.18 0.008 248.33 / 1))",
201
+ "neutralA25": "var(--cnvs-brand-neutral-a25, oklch(0.4688 0.0781 250.43 / 0.03))",
202
+ "neutralA50": "var(--cnvs-brand-neutral-a50, oklch(0.3343 0.0951 253.3 / 0.05))",
203
+ "neutralA100": "var(--cnvs-brand-neutral-a100, oklch(0.3337 0.0688 250.79 / 0.09))",
204
+ "neutralA200": "var(--cnvs-brand-neutral-a200, oklch(0.3057 0.079 256.22 / 0.13))",
205
+ "neutralA300": "var(--cnvs-brand-neutral-a300, oklch(0.2442 0.0693 257.66 / 0.21))",
206
+ "neutralA400": "var(--cnvs-brand-neutral-a400, oklch(0.2333 0.0665 257.09 / 0.35))",
207
+ "neutralA500": "var(--cnvs-brand-neutral-a500, oklch(0.2187 0.0685 255.77 / 0.51))",
208
+ "neutralA600": "var(--cnvs-brand-neutral-a600, oklch(0.1793 0.0503 254.55 / 0.64))",
209
+ "neutralA700": "var(--cnvs-brand-neutral-a700, oklch(0.1595 0.0431 250.87 / 0.7))",
210
+ "neutralA800": "var(--cnvs-brand-neutral-a800, oklch(0.157 0.0349 253.16 / 0.79))",
211
+ "neutralA900": "var(--cnvs-brand-neutral-a900, oklch(0.1351 0.0244 244.09 / 0.87))",
212
+ "neutralA950": "var(--cnvs-brand-neutral-a950, oklch(0.1312 0.0198 248.87 / 0.9))",
213
+ "neutralA975": "var(--cnvs-brand-neutral-a975, oklch(0.1168 0.014 231.47 / 0.95))",
214
+ "common": {
215
+ "focus": "var(--cnvs-brand-common-focus, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)))",
216
+ "critical": "var(--cnvs-brand-common-critical, var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1)))",
217
+ "caution": {
218
+ "inner": "var(--cnvs-brand-common-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)))",
219
+ "outer": "var(--cnvs-brand-common-caution-outer, var(--cnvs-brand-common-alert-outer, oklch(0.6601 0.1537 60.7 / 1)))"
220
+ }
221
+ },
222
+ "critical25": "var(--cnvs-brand-critical-25, var(--cnvs-brand-error-lightest, oklch(0.9667 0.0163 21.82 / 1)))",
223
+ "critical50": "var(--cnvs-brand-critical-50, var(--cnvs-brand-error-lighter, oklch(0.9533 0.0231 23.95 / 1)))",
224
+ "critical100": "var(--cnvs-brand-critical-100, oklch(0.9225 0.0394 25.51 / 1))",
225
+ "critical200": "var(--cnvs-brand-critical-200, var(--cnvs-brand-error-light, oklch(0.8339 0.092 28.19 / 1)))",
226
+ "critical300": "var(--cnvs-brand-critical-300, oklch(0.7533 0.1484 28.45 / 1))",
227
+ "critical400": "var(--cnvs-brand-critical-400, oklch(0.6857 0.2037 29.76 / 1))",
228
+ "critical500": "var(--cnvs-brand-critical-500, oklch(0.6495 0.2369 30.04 / 1))",
229
+ "critical600": "var(--cnvs-brand-critical-600, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
230
+ "critical700": "var(--cnvs-brand-critical-700, var(--cnvs-brand-error-dark, oklch(0.4517 0.1847 28.2 / 1)))",
231
+ "critical800": "var(--cnvs-brand-critical-800, var(--cnvs-brand-error-darkest, oklch(0.3712 0.1509 26.08 / 1)))",
232
+ "critical900": "var(--cnvs-brand-critical-900, oklch(0.291 0.118 25.59 / 1))",
233
+ "critical950": "var(--cnvs-brand-critical-950, oklch(0.2318 0.0937 24.02 / 1))",
234
+ "critical975": "var(--cnvs-brand-critical-975, oklch(0.1988 0.0718 20.63 / 1))",
235
+ "criticalA25": "var(--cnvs-brand-critical-a25, oklch(0.6289 0.2567 29.11 / 0.04))",
236
+ "criticalA50": "var(--cnvs-brand-critical-a50, oklch(0.6434 0.2428 30.17 / 0.1))",
237
+ "criticalA100": "var(--cnvs-brand-critical-a100, oklch(0.6382 0.248 30.42 / 0.16))",
238
+ "criticalA200": "var(--cnvs-brand-critical-a200, oklch(0.6375 0.2487 30.71 / 0.35))",
239
+ "caution25": "var(--cnvs-brand-caution-25, var(--cnvs-brand-alert-lightest, oklch(0.9779 0.0214 95.33 / 1)))",
240
+ "caution50": "var(--cnvs-brand-caution-50, var(--cnvs-brand-alert-lighter, oklch(0.969 0.0619 101.63 / 1)))",
241
+ "caution100": "var(--cnvs-brand-caution-100, oklch(0.9567 0.0948 100.22 / 1))",
242
+ "caution200": "var(--cnvs-brand-caution-200, var(--cnvs-brand-alert-light, oklch(0.9191 0.1547 99.7 / 1)))",
243
+ "caution300": "var(--cnvs-brand-caution-300, oklch(0.8432 0.1713 85.24 / 1))",
244
+ "caution400": "var(--cnvs-brand-caution-400, var(--cnvs-brand-alert-base, oklch(0.7909 0.1711 70.15 / 1)))",
245
+ "caution500": "var(--cnvs-brand-caution-500, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)))",
246
+ "caution600": "var(--cnvs-brand-caution-600, var(--cnvs-brand-alert-darkest, oklch(0.5505 0.1439 50.78 / 1)))",
247
+ "caution700": "var(--cnvs-brand-caution-700, oklch(0.4824 0.1353 46.11 / 1))",
248
+ "caution800": "var(--cnvs-brand-caution-800, oklch(0.4143 0.1245 42.21 / 1))",
249
+ "caution900": "var(--cnvs-brand-caution-900, oklch(0.32 0.098 41.19 / 1))",
250
+ "caution950": "var(--cnvs-brand-caution-950, oklch(0.2489 0.0771 40.64 / 1))",
251
+ "caution975": "var(--cnvs-brand-caution-975, oklch(0.2165 0.0674 40.35 / 1))",
252
+ "cautionA25": "var(--cnvs-brand-caution-a25, oklch(0.7982 0.159 92.57 / 0.1))",
253
+ "cautionA50": "var(--cnvs-brand-caution-a50, oklch(0.8864 0.1845 100.28 / 0.22))",
254
+ "cautionA100": "var(--cnvs-brand-caution-a100, oklch(0.8988 0.185 97.8 / 0.35))",
255
+ "cautionA200": "var(--cnvs-brand-caution-a200, oklch(0.886 0.1822 96.83 / 0.64))",
256
+ "positive25": "var(--cnvs-brand-positive-25, var(--cnvs-brand-success-lightest, oklch(0.9824 0.0282 148.77 / 1)))",
257
+ "positive50": "var(--cnvs-brand-positive-50, var(--cnvs-brand-success-lighter, oklch(0.9655 0.0561 149.93 / 1)))",
258
+ "positive100": "var(--cnvs-brand-positive-100, oklch(0.9278 0.1024 149.88 / 1))",
259
+ "positive200": "var(--cnvs-brand-positive-200, var(--cnvs-brand-success-light, oklch(0.8506 0.1804 149.93 / 1)))",
260
+ "positive300": "var(--cnvs-brand-positive-300, oklch(0.7817 0.1928 150.67 / 1))",
261
+ "positive400": "var(--cnvs-brand-positive-400, oklch(0.702 0.1952 148.39 / 1))",
262
+ "positive500": "var(--cnvs-brand-positive-500, oklch(0.6362 0.1974 145.47 / 1))",
263
+ "positive600": "var(--cnvs-brand-positive-600, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
264
+ "positive700": "var(--cnvs-brand-positive-700, var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1)))",
265
+ "positive800": "var(--cnvs-brand-positive-800, var(--cnvs-brand-success-darkest, oklch(0.3955 0.1156 147.66 / 1)))",
266
+ "positive900": "var(--cnvs-brand-positive-900, oklch(0.3197 0.0997 145.3 / 1))",
267
+ "positive950": "var(--cnvs-brand-positive-950, oklch(0.2548 0.0796 145.23 / 1))",
268
+ "positive975": "var(--cnvs-brand-positive-975, oklch(0.2118 0.0653 145.69 / 1))",
269
+ "positiveA25": "var(--cnvs-brand-positive-a25, oklch(0.8695 0.2801 143.52 / 0.08))",
270
+ "positiveA50": "var(--cnvs-brand-positive-a50, oklch(0.8685 0.2814 143.77 / 0.15))",
271
+ "positiveA100": "var(--cnvs-brand-positive-a100, oklch(0.8316 0.2716 143.71 / 0.29))",
272
+ "positiveA200": "var(--cnvs-brand-positive-a200, oklch(0.796 0.2508 144.9 / 0.6))"
273
+ };
package/dist/es6/component/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 24 Apr 2026 22:00:59 GMT
3
+ * Generated on Tue, 28 Apr 2026 16:42:53 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.0847 0 0 / 0.17))",
134
+ "fill": "var(--cnvs-component-expressive-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 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.3523 0 0 / 1)))",
147
+ "fill": "var(--cnvs-component-system-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 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
+ };