@vellira-ui/tokens 2.19.6 → 2.21.0

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 (114) hide show
  1. package/dist/css/tokens.css +1156 -841
  2. package/dist/dark/components/button.d.ts +200 -39
  3. package/dist/dark/components/button.d.ts.map +1 -1
  4. package/dist/dark/components/button.js +164 -11
  5. package/dist/dark/components/checkbox.d.ts +14 -14
  6. package/dist/dark/components/checkbox.js +1 -1
  7. package/dist/dark/components/dropdown.d.ts +19 -19
  8. package/dist/dark/components/formField.d.ts +8 -8
  9. package/dist/dark/components/input.d.ts +15 -15
  10. package/dist/dark/components/menu.d.ts +8 -8
  11. package/dist/dark/components/modal.d.ts +6 -6
  12. package/dist/dark/components/radio.d.ts +17 -17
  13. package/dist/dark/components/radio.js +1 -1
  14. package/dist/dark/components/select.d.ts +20 -20
  15. package/dist/dark/components/select.js +1 -1
  16. package/dist/dark/components/tabs.d.ts +14 -14
  17. package/dist/dark/components/tooltip.d.ts +1 -1
  18. package/dist/dark/semantic/action.d.ts +67 -28
  19. package/dist/dark/semantic/action.d.ts.map +1 -1
  20. package/dist/dark/semantic/action.js +64 -25
  21. package/dist/dark/semantic/border.d.ts +6 -6
  22. package/dist/dark/semantic/border.js +4 -4
  23. package/dist/dark/semantic/control.d.ts +11 -11
  24. package/dist/dark/semantic/focus.d.ts +1 -1
  25. package/dist/dark/semantic/navigation.d.ts +10 -10
  26. package/dist/dark/semantic/status.d.ts +9 -9
  27. package/dist/dark/semantic/surface.d.ts +7 -6
  28. package/dist/dark/semantic/surface.d.ts.map +1 -1
  29. package/dist/dark/semantic/surface.js +1 -0
  30. package/dist/dark/semantic/text.d.ts +5 -5
  31. package/dist/dark/semantic/text.js +1 -1
  32. package/dist/dark/theme.d.ts +74 -71
  33. package/dist/dark/theme.d.ts.map +1 -1
  34. package/dist/generated/token-types.d.ts +8 -8
  35. package/dist/generated/token-types.d.ts.map +1 -1
  36. package/dist/generated/token-types.js +544 -108
  37. package/dist/highContrast/components/button.d.ts +198 -37
  38. package/dist/highContrast/components/button.d.ts.map +1 -1
  39. package/dist/highContrast/components/button.js +164 -11
  40. package/dist/highContrast/components/checkbox.d.ts +11 -11
  41. package/dist/highContrast/components/dropdown.d.ts +11 -11
  42. package/dist/highContrast/components/formField.d.ts +5 -5
  43. package/dist/highContrast/components/input.d.ts +9 -9
  44. package/dist/highContrast/components/input.js +1 -1
  45. package/dist/highContrast/components/menu.d.ts +8 -8
  46. package/dist/highContrast/components/modal.d.ts +1 -1
  47. package/dist/highContrast/components/radio.d.ts +11 -11
  48. package/dist/highContrast/components/select.d.ts +13 -13
  49. package/dist/highContrast/components/select.js +2 -2
  50. package/dist/highContrast/components/tabs.d.ts +11 -11
  51. package/dist/highContrast/semantic/action.d.ts +56 -27
  52. package/dist/highContrast/semantic/action.d.ts.map +1 -1
  53. package/dist/highContrast/semantic/action.js +53 -24
  54. package/dist/highContrast/semantic/border.d.ts +2 -2
  55. package/dist/highContrast/semantic/border.js +2 -2
  56. package/dist/highContrast/semantic/control.d.ts +14 -14
  57. package/dist/highContrast/semantic/control.js +3 -3
  58. package/dist/highContrast/semantic/focus.d.ts +1 -1
  59. package/dist/highContrast/semantic/navigation.d.ts +5 -5
  60. package/dist/highContrast/semantic/navigation.js +2 -2
  61. package/dist/highContrast/semantic/skeleton.d.ts +1 -1
  62. package/dist/highContrast/semantic/status.d.ts +12 -12
  63. package/dist/highContrast/semantic/status.js +5 -5
  64. package/dist/highContrast/semantic/surface.d.ts +3 -2
  65. package/dist/highContrast/semantic/surface.d.ts.map +1 -1
  66. package/dist/highContrast/semantic/surface.js +3 -2
  67. package/dist/highContrast/semantic/text.d.ts +1 -1
  68. package/dist/highContrast/theme.d.ts +74 -71
  69. package/dist/highContrast/theme.d.ts.map +1 -1
  70. package/dist/index.d.ts +5 -4
  71. package/dist/index.d.ts.map +1 -1
  72. package/dist/light/components/button.d.ts +199 -38
  73. package/dist/light/components/button.d.ts.map +1 -1
  74. package/dist/light/components/button.js +164 -11
  75. package/dist/light/components/checkbox.d.ts +16 -16
  76. package/dist/light/components/dropdown.d.ts +18 -18
  77. package/dist/light/components/dropdown.js +2 -2
  78. package/dist/light/components/formField.d.ts +8 -8
  79. package/dist/light/components/formField.js +1 -1
  80. package/dist/light/components/input.d.ts +17 -17
  81. package/dist/light/components/menu.d.ts +12 -12
  82. package/dist/light/components/modal.d.ts +7 -7
  83. package/dist/light/components/modal.js +1 -1
  84. package/dist/light/components/radio.d.ts +17 -17
  85. package/dist/light/components/select.d.ts +20 -20
  86. package/dist/light/components/select.js +4 -4
  87. package/dist/light/components/tabs.d.ts +12 -12
  88. package/dist/light/components/tooltip.d.ts +3 -3
  89. package/dist/light/semantic/action.d.ts +64 -27
  90. package/dist/light/semantic/action.d.ts.map +1 -1
  91. package/dist/light/semantic/action.js +49 -12
  92. package/dist/light/semantic/border.d.ts +5 -5
  93. package/dist/light/semantic/border.js +1 -1
  94. package/dist/light/semantic/control.d.ts +11 -11
  95. package/dist/light/semantic/focus.d.ts +1 -1
  96. package/dist/light/semantic/navigation.d.ts +8 -8
  97. package/dist/light/semantic/status.d.ts +13 -13
  98. package/dist/light/semantic/status.js +1 -1
  99. package/dist/light/semantic/surface.d.ts +7 -5
  100. package/dist/light/semantic/surface.d.ts.map +1 -1
  101. package/dist/light/semantic/surface.js +6 -4
  102. package/dist/light/semantic/text.d.ts +5 -5
  103. package/dist/light/semantic/text.d.ts.map +1 -1
  104. package/dist/light/semantic/text.js +2 -3
  105. package/dist/light/theme.d.ts +74 -71
  106. package/dist/light/theme.d.ts.map +1 -1
  107. package/dist/primitives/colors.d.ts +73 -69
  108. package/dist/primitives/colors.d.ts.map +1 -1
  109. package/dist/primitives/colors.js +73 -69
  110. package/dist/semantic/selection.d.ts +1 -1
  111. package/dist/tokens/radius.d.ts +5 -4
  112. package/dist/tokens/radius.d.ts.map +1 -1
  113. package/dist/tokens/radius.js +5 -4
  114. package/package.json +1 -1
@@ -40,7 +40,9 @@ export const colorTokenPaths = [
40
40
  'colors.grayBlue.950',
41
41
  'colors.info.50',
42
42
  'colors.info.100',
43
+ 'colors.info.150',
43
44
  'colors.info.200',
45
+ 'colors.info.250',
44
46
  'colors.info.300',
45
47
  'colors.info.400',
46
48
  'colors.info.500',
@@ -120,6 +122,21 @@ export const colorTokenPaths = [
120
122
  'colors.warning.950',
121
123
  ];
122
124
  export const semanticTokenPaths = [
125
+ 'semantic.action.close.active.bg',
126
+ 'semantic.action.close.active.border',
127
+ 'semantic.action.close.active.fg',
128
+ 'semantic.action.close.default.bg',
129
+ 'semantic.action.close.default.border',
130
+ 'semantic.action.close.default.fg',
131
+ 'semantic.action.close.hover.bg',
132
+ 'semantic.action.close.hover.border',
133
+ 'semantic.action.close.hover.fg',
134
+ 'semantic.action.close.muted.bg',
135
+ 'semantic.action.close.muted.border',
136
+ 'semantic.action.close.muted.fg',
137
+ 'semantic.action.close.subtle.bg',
138
+ 'semantic.action.close.subtle.border',
139
+ 'semantic.action.close.subtle.fg',
123
140
  'semantic.action.danger.active.bg',
124
141
  'semantic.action.danger.active.border',
125
142
  'semantic.action.danger.active.fg',
@@ -130,8 +147,10 @@ export const semanticTokenPaths = [
130
147
  'semantic.action.danger.hover.border',
131
148
  'semantic.action.danger.hover.fg',
132
149
  'semantic.action.danger.muted.bg',
150
+ 'semantic.action.danger.muted.border',
133
151
  'semantic.action.danger.muted.fg',
134
152
  'semantic.action.danger.subtle.bg',
153
+ 'semantic.action.danger.subtle.border',
135
154
  'semantic.action.danger.subtle.fg',
136
155
  'semantic.action.primary.active.bg',
137
156
  'semantic.action.primary.active.border',
@@ -157,6 +176,12 @@ export const semanticTokenPaths = [
157
176
  'semantic.action.secondary.hover.bg',
158
177
  'semantic.action.secondary.hover.border',
159
178
  'semantic.action.secondary.hover.fg',
179
+ 'semantic.action.secondary.muted.bg',
180
+ 'semantic.action.secondary.muted.border',
181
+ 'semantic.action.secondary.muted.fg',
182
+ 'semantic.action.secondary.subtle.bg',
183
+ 'semantic.action.secondary.subtle.border',
184
+ 'semantic.action.secondary.subtle.fg',
160
185
  'semantic.border.default',
161
186
  'semantic.border.disabled',
162
187
  'semantic.border.elevated',
@@ -232,10 +257,12 @@ export const semanticTokenPaths = [
232
257
  'semantic.status.warning.strong',
233
258
  'semantic.surface.active',
234
259
  'semantic.surface.default',
260
+ 'semantic.surface.disabled',
235
261
  'semantic.surface.elevated',
236
262
  'semantic.surface.hover',
237
263
  'semantic.surface.inverse',
238
264
  'semantic.surface.muted',
265
+ 'semantic.surface.pressed',
239
266
  'semantic.surface.subtle',
240
267
  'semantic.text.brand',
241
268
  'semantic.text.disabled',
@@ -248,36 +275,117 @@ export const semanticTokenPaths = [
248
275
  'semantic.text.subtle',
249
276
  ];
250
277
  export const componentTokenPaths = [
251
- 'components.button.danger.default.bg',
252
- 'components.button.danger.default.border',
253
- 'components.button.danger.default.fg',
254
- 'components.button.danger.hover.bg',
255
- 'components.button.danger.hover.border',
256
- 'components.button.danger.hover.fg',
257
- 'components.button.danger.pressed.bg',
258
- 'components.button.danger.pressed.border',
259
- 'components.button.danger.pressed.fg',
278
+ 'components.button.close.ghost.default.bg',
279
+ 'components.button.close.ghost.default.border',
280
+ 'components.button.close.ghost.default.fg',
281
+ 'components.button.close.ghost.hover.bg',
282
+ 'components.button.close.ghost.hover.border',
283
+ 'components.button.close.ghost.hover.fg',
284
+ 'components.button.close.ghost.pressed.bg',
285
+ 'components.button.close.ghost.pressed.border',
286
+ 'components.button.close.ghost.pressed.fg',
287
+ 'components.button.close.outline.default.bg',
288
+ 'components.button.close.outline.default.border',
289
+ 'components.button.close.outline.default.fg',
290
+ 'components.button.close.outline.hover.bg',
291
+ 'components.button.close.outline.hover.border',
292
+ 'components.button.close.outline.hover.fg',
293
+ 'components.button.close.outline.pressed.bg',
294
+ 'components.button.close.outline.pressed.border',
295
+ 'components.button.close.outline.pressed.fg',
296
+ 'components.button.close.solid.default.bg',
297
+ 'components.button.close.solid.default.border',
298
+ 'components.button.close.solid.default.fg',
299
+ 'components.button.close.solid.hover.bg',
300
+ 'components.button.close.solid.hover.border',
301
+ 'components.button.close.solid.hover.fg',
302
+ 'components.button.close.solid.pressed.bg',
303
+ 'components.button.close.solid.pressed.border',
304
+ 'components.button.close.solid.pressed.fg',
305
+ 'components.button.danger.ghost.default.bg',
306
+ 'components.button.danger.ghost.default.border',
307
+ 'components.button.danger.ghost.default.fg',
308
+ 'components.button.danger.ghost.hover.bg',
309
+ 'components.button.danger.ghost.hover.border',
310
+ 'components.button.danger.ghost.hover.fg',
311
+ 'components.button.danger.ghost.pressed.bg',
312
+ 'components.button.danger.ghost.pressed.border',
313
+ 'components.button.danger.ghost.pressed.fg',
314
+ 'components.button.danger.outline.default.bg',
315
+ 'components.button.danger.outline.default.border',
316
+ 'components.button.danger.outline.default.fg',
317
+ 'components.button.danger.outline.hover.bg',
318
+ 'components.button.danger.outline.hover.border',
319
+ 'components.button.danger.outline.hover.fg',
320
+ 'components.button.danger.outline.pressed.bg',
321
+ 'components.button.danger.outline.pressed.border',
322
+ 'components.button.danger.outline.pressed.fg',
323
+ 'components.button.danger.solid.default.bg',
324
+ 'components.button.danger.solid.default.border',
325
+ 'components.button.danger.solid.default.fg',
326
+ 'components.button.danger.solid.hover.bg',
327
+ 'components.button.danger.solid.hover.border',
328
+ 'components.button.danger.solid.hover.fg',
329
+ 'components.button.danger.solid.pressed.bg',
330
+ 'components.button.danger.solid.pressed.border',
331
+ 'components.button.danger.solid.pressed.fg',
260
332
  'components.button.disabled.bg',
261
333
  'components.button.disabled.border',
262
334
  'components.button.disabled.fg',
263
- 'components.button.primary.default.bg',
264
- 'components.button.primary.default.border',
265
- 'components.button.primary.default.fg',
266
- 'components.button.primary.hover.bg',
267
- 'components.button.primary.hover.border',
268
- 'components.button.primary.hover.fg',
269
- 'components.button.primary.pressed.bg',
270
- 'components.button.primary.pressed.border',
271
- 'components.button.primary.pressed.fg',
272
- 'components.button.secondary.default.bg',
273
- 'components.button.secondary.default.border',
274
- 'components.button.secondary.default.fg',
275
- 'components.button.secondary.hover.bg',
276
- 'components.button.secondary.hover.border',
277
- 'components.button.secondary.hover.fg',
278
- 'components.button.secondary.pressed.bg',
279
- 'components.button.secondary.pressed.border',
280
- 'components.button.secondary.pressed.fg',
335
+ 'components.button.primary.ghost.default.bg',
336
+ 'components.button.primary.ghost.default.border',
337
+ 'components.button.primary.ghost.default.fg',
338
+ 'components.button.primary.ghost.hover.bg',
339
+ 'components.button.primary.ghost.hover.border',
340
+ 'components.button.primary.ghost.hover.fg',
341
+ 'components.button.primary.ghost.pressed.bg',
342
+ 'components.button.primary.ghost.pressed.border',
343
+ 'components.button.primary.ghost.pressed.fg',
344
+ 'components.button.primary.outline.default.bg',
345
+ 'components.button.primary.outline.default.border',
346
+ 'components.button.primary.outline.default.fg',
347
+ 'components.button.primary.outline.hover.bg',
348
+ 'components.button.primary.outline.hover.border',
349
+ 'components.button.primary.outline.hover.fg',
350
+ 'components.button.primary.outline.pressed.bg',
351
+ 'components.button.primary.outline.pressed.border',
352
+ 'components.button.primary.outline.pressed.fg',
353
+ 'components.button.primary.solid.default.bg',
354
+ 'components.button.primary.solid.default.border',
355
+ 'components.button.primary.solid.default.fg',
356
+ 'components.button.primary.solid.hover.bg',
357
+ 'components.button.primary.solid.hover.border',
358
+ 'components.button.primary.solid.hover.fg',
359
+ 'components.button.primary.solid.pressed.bg',
360
+ 'components.button.primary.solid.pressed.border',
361
+ 'components.button.primary.solid.pressed.fg',
362
+ 'components.button.secondary.ghost.default.bg',
363
+ 'components.button.secondary.ghost.default.border',
364
+ 'components.button.secondary.ghost.default.fg',
365
+ 'components.button.secondary.ghost.hover.bg',
366
+ 'components.button.secondary.ghost.hover.border',
367
+ 'components.button.secondary.ghost.hover.fg',
368
+ 'components.button.secondary.ghost.pressed.bg',
369
+ 'components.button.secondary.ghost.pressed.border',
370
+ 'components.button.secondary.ghost.pressed.fg',
371
+ 'components.button.secondary.outline.default.bg',
372
+ 'components.button.secondary.outline.default.border',
373
+ 'components.button.secondary.outline.default.fg',
374
+ 'components.button.secondary.outline.hover.bg',
375
+ 'components.button.secondary.outline.hover.border',
376
+ 'components.button.secondary.outline.hover.fg',
377
+ 'components.button.secondary.outline.pressed.bg',
378
+ 'components.button.secondary.outline.pressed.border',
379
+ 'components.button.secondary.outline.pressed.fg',
380
+ 'components.button.secondary.solid.default.bg',
381
+ 'components.button.secondary.solid.default.border',
382
+ 'components.button.secondary.solid.default.fg',
383
+ 'components.button.secondary.solid.hover.bg',
384
+ 'components.button.secondary.solid.hover.border',
385
+ 'components.button.secondary.solid.hover.fg',
386
+ 'components.button.secondary.solid.pressed.bg',
387
+ 'components.button.secondary.solid.pressed.border',
388
+ 'components.button.secondary.solid.pressed.fg',
281
389
  'components.checkbox.checked.default.bg',
282
390
  'components.checkbox.checked.default.border',
283
391
  'components.checkbox.checked.default.fg',
@@ -490,6 +598,7 @@ export const baseTokenPaths = [
490
598
  'tokens.radius.md',
491
599
  'tokens.radius.sm',
492
600
  'tokens.radius.xl',
601
+ 'tokens.radius.xs',
493
602
  'tokens.shadows.lg.blur',
494
603
  'tokens.shadows.lg.color',
495
604
  'tokens.shadows.lg.elevation',
@@ -581,7 +690,9 @@ export const tokenPaths = [
581
690
  'colors.grayBlue.950',
582
691
  'colors.info.50',
583
692
  'colors.info.100',
693
+ 'colors.info.150',
584
694
  'colors.info.200',
695
+ 'colors.info.250',
585
696
  'colors.info.300',
586
697
  'colors.info.400',
587
698
  'colors.info.500',
@@ -659,36 +770,117 @@ export const tokenPaths = [
659
770
  'colors.warning.800',
660
771
  'colors.warning.900',
661
772
  'colors.warning.950',
662
- 'components.button.danger.default.bg',
663
- 'components.button.danger.default.border',
664
- 'components.button.danger.default.fg',
665
- 'components.button.danger.hover.bg',
666
- 'components.button.danger.hover.border',
667
- 'components.button.danger.hover.fg',
668
- 'components.button.danger.pressed.bg',
669
- 'components.button.danger.pressed.border',
670
- 'components.button.danger.pressed.fg',
773
+ 'components.button.close.ghost.default.bg',
774
+ 'components.button.close.ghost.default.border',
775
+ 'components.button.close.ghost.default.fg',
776
+ 'components.button.close.ghost.hover.bg',
777
+ 'components.button.close.ghost.hover.border',
778
+ 'components.button.close.ghost.hover.fg',
779
+ 'components.button.close.ghost.pressed.bg',
780
+ 'components.button.close.ghost.pressed.border',
781
+ 'components.button.close.ghost.pressed.fg',
782
+ 'components.button.close.outline.default.bg',
783
+ 'components.button.close.outline.default.border',
784
+ 'components.button.close.outline.default.fg',
785
+ 'components.button.close.outline.hover.bg',
786
+ 'components.button.close.outline.hover.border',
787
+ 'components.button.close.outline.hover.fg',
788
+ 'components.button.close.outline.pressed.bg',
789
+ 'components.button.close.outline.pressed.border',
790
+ 'components.button.close.outline.pressed.fg',
791
+ 'components.button.close.solid.default.bg',
792
+ 'components.button.close.solid.default.border',
793
+ 'components.button.close.solid.default.fg',
794
+ 'components.button.close.solid.hover.bg',
795
+ 'components.button.close.solid.hover.border',
796
+ 'components.button.close.solid.hover.fg',
797
+ 'components.button.close.solid.pressed.bg',
798
+ 'components.button.close.solid.pressed.border',
799
+ 'components.button.close.solid.pressed.fg',
800
+ 'components.button.danger.ghost.default.bg',
801
+ 'components.button.danger.ghost.default.border',
802
+ 'components.button.danger.ghost.default.fg',
803
+ 'components.button.danger.ghost.hover.bg',
804
+ 'components.button.danger.ghost.hover.border',
805
+ 'components.button.danger.ghost.hover.fg',
806
+ 'components.button.danger.ghost.pressed.bg',
807
+ 'components.button.danger.ghost.pressed.border',
808
+ 'components.button.danger.ghost.pressed.fg',
809
+ 'components.button.danger.outline.default.bg',
810
+ 'components.button.danger.outline.default.border',
811
+ 'components.button.danger.outline.default.fg',
812
+ 'components.button.danger.outline.hover.bg',
813
+ 'components.button.danger.outline.hover.border',
814
+ 'components.button.danger.outline.hover.fg',
815
+ 'components.button.danger.outline.pressed.bg',
816
+ 'components.button.danger.outline.pressed.border',
817
+ 'components.button.danger.outline.pressed.fg',
818
+ 'components.button.danger.solid.default.bg',
819
+ 'components.button.danger.solid.default.border',
820
+ 'components.button.danger.solid.default.fg',
821
+ 'components.button.danger.solid.hover.bg',
822
+ 'components.button.danger.solid.hover.border',
823
+ 'components.button.danger.solid.hover.fg',
824
+ 'components.button.danger.solid.pressed.bg',
825
+ 'components.button.danger.solid.pressed.border',
826
+ 'components.button.danger.solid.pressed.fg',
671
827
  'components.button.disabled.bg',
672
828
  'components.button.disabled.border',
673
829
  'components.button.disabled.fg',
674
- 'components.button.primary.default.bg',
675
- 'components.button.primary.default.border',
676
- 'components.button.primary.default.fg',
677
- 'components.button.primary.hover.bg',
678
- 'components.button.primary.hover.border',
679
- 'components.button.primary.hover.fg',
680
- 'components.button.primary.pressed.bg',
681
- 'components.button.primary.pressed.border',
682
- 'components.button.primary.pressed.fg',
683
- 'components.button.secondary.default.bg',
684
- 'components.button.secondary.default.border',
685
- 'components.button.secondary.default.fg',
686
- 'components.button.secondary.hover.bg',
687
- 'components.button.secondary.hover.border',
688
- 'components.button.secondary.hover.fg',
689
- 'components.button.secondary.pressed.bg',
690
- 'components.button.secondary.pressed.border',
691
- 'components.button.secondary.pressed.fg',
830
+ 'components.button.primary.ghost.default.bg',
831
+ 'components.button.primary.ghost.default.border',
832
+ 'components.button.primary.ghost.default.fg',
833
+ 'components.button.primary.ghost.hover.bg',
834
+ 'components.button.primary.ghost.hover.border',
835
+ 'components.button.primary.ghost.hover.fg',
836
+ 'components.button.primary.ghost.pressed.bg',
837
+ 'components.button.primary.ghost.pressed.border',
838
+ 'components.button.primary.ghost.pressed.fg',
839
+ 'components.button.primary.outline.default.bg',
840
+ 'components.button.primary.outline.default.border',
841
+ 'components.button.primary.outline.default.fg',
842
+ 'components.button.primary.outline.hover.bg',
843
+ 'components.button.primary.outline.hover.border',
844
+ 'components.button.primary.outline.hover.fg',
845
+ 'components.button.primary.outline.pressed.bg',
846
+ 'components.button.primary.outline.pressed.border',
847
+ 'components.button.primary.outline.pressed.fg',
848
+ 'components.button.primary.solid.default.bg',
849
+ 'components.button.primary.solid.default.border',
850
+ 'components.button.primary.solid.default.fg',
851
+ 'components.button.primary.solid.hover.bg',
852
+ 'components.button.primary.solid.hover.border',
853
+ 'components.button.primary.solid.hover.fg',
854
+ 'components.button.primary.solid.pressed.bg',
855
+ 'components.button.primary.solid.pressed.border',
856
+ 'components.button.primary.solid.pressed.fg',
857
+ 'components.button.secondary.ghost.default.bg',
858
+ 'components.button.secondary.ghost.default.border',
859
+ 'components.button.secondary.ghost.default.fg',
860
+ 'components.button.secondary.ghost.hover.bg',
861
+ 'components.button.secondary.ghost.hover.border',
862
+ 'components.button.secondary.ghost.hover.fg',
863
+ 'components.button.secondary.ghost.pressed.bg',
864
+ 'components.button.secondary.ghost.pressed.border',
865
+ 'components.button.secondary.ghost.pressed.fg',
866
+ 'components.button.secondary.outline.default.bg',
867
+ 'components.button.secondary.outline.default.border',
868
+ 'components.button.secondary.outline.default.fg',
869
+ 'components.button.secondary.outline.hover.bg',
870
+ 'components.button.secondary.outline.hover.border',
871
+ 'components.button.secondary.outline.hover.fg',
872
+ 'components.button.secondary.outline.pressed.bg',
873
+ 'components.button.secondary.outline.pressed.border',
874
+ 'components.button.secondary.outline.pressed.fg',
875
+ 'components.button.secondary.solid.default.bg',
876
+ 'components.button.secondary.solid.default.border',
877
+ 'components.button.secondary.solid.default.fg',
878
+ 'components.button.secondary.solid.hover.bg',
879
+ 'components.button.secondary.solid.hover.border',
880
+ 'components.button.secondary.solid.hover.fg',
881
+ 'components.button.secondary.solid.pressed.bg',
882
+ 'components.button.secondary.solid.pressed.border',
883
+ 'components.button.secondary.solid.pressed.fg',
692
884
  'components.checkbox.checked.default.bg',
693
885
  'components.checkbox.checked.default.border',
694
886
  'components.checkbox.checked.default.fg',
@@ -894,6 +1086,21 @@ export const tokenPaths = [
894
1086
  'components.tooltip.content.bg',
895
1087
  'components.tooltip.content.border',
896
1088
  'components.tooltip.content.fg',
1089
+ 'semantic.action.close.active.bg',
1090
+ 'semantic.action.close.active.border',
1091
+ 'semantic.action.close.active.fg',
1092
+ 'semantic.action.close.default.bg',
1093
+ 'semantic.action.close.default.border',
1094
+ 'semantic.action.close.default.fg',
1095
+ 'semantic.action.close.hover.bg',
1096
+ 'semantic.action.close.hover.border',
1097
+ 'semantic.action.close.hover.fg',
1098
+ 'semantic.action.close.muted.bg',
1099
+ 'semantic.action.close.muted.border',
1100
+ 'semantic.action.close.muted.fg',
1101
+ 'semantic.action.close.subtle.bg',
1102
+ 'semantic.action.close.subtle.border',
1103
+ 'semantic.action.close.subtle.fg',
897
1104
  'semantic.action.danger.active.bg',
898
1105
  'semantic.action.danger.active.border',
899
1106
  'semantic.action.danger.active.fg',
@@ -904,8 +1111,10 @@ export const tokenPaths = [
904
1111
  'semantic.action.danger.hover.border',
905
1112
  'semantic.action.danger.hover.fg',
906
1113
  'semantic.action.danger.muted.bg',
1114
+ 'semantic.action.danger.muted.border',
907
1115
  'semantic.action.danger.muted.fg',
908
1116
  'semantic.action.danger.subtle.bg',
1117
+ 'semantic.action.danger.subtle.border',
909
1118
  'semantic.action.danger.subtle.fg',
910
1119
  'semantic.action.primary.active.bg',
911
1120
  'semantic.action.primary.active.border',
@@ -931,6 +1140,12 @@ export const tokenPaths = [
931
1140
  'semantic.action.secondary.hover.bg',
932
1141
  'semantic.action.secondary.hover.border',
933
1142
  'semantic.action.secondary.hover.fg',
1143
+ 'semantic.action.secondary.muted.bg',
1144
+ 'semantic.action.secondary.muted.border',
1145
+ 'semantic.action.secondary.muted.fg',
1146
+ 'semantic.action.secondary.subtle.bg',
1147
+ 'semantic.action.secondary.subtle.border',
1148
+ 'semantic.action.secondary.subtle.fg',
934
1149
  'semantic.border.default',
935
1150
  'semantic.border.disabled',
936
1151
  'semantic.border.elevated',
@@ -1006,10 +1221,12 @@ export const tokenPaths = [
1006
1221
  'semantic.status.warning.strong',
1007
1222
  'semantic.surface.active',
1008
1223
  'semantic.surface.default',
1224
+ 'semantic.surface.disabled',
1009
1225
  'semantic.surface.elevated',
1010
1226
  'semantic.surface.hover',
1011
1227
  'semantic.surface.inverse',
1012
1228
  'semantic.surface.muted',
1229
+ 'semantic.surface.pressed',
1013
1230
  'semantic.surface.subtle',
1014
1231
  'semantic.text.brand',
1015
1232
  'semantic.text.disabled',
@@ -1025,6 +1242,7 @@ export const tokenPaths = [
1025
1242
  'tokens.radius.md',
1026
1243
  'tokens.radius.sm',
1027
1244
  'tokens.radius.xl',
1245
+ 'tokens.radius.xs',
1028
1246
  'tokens.shadows.lg.blur',
1029
1247
  'tokens.shadows.lg.color',
1030
1248
  'tokens.shadows.lg.elevation',
@@ -1105,6 +1323,7 @@ export const baseCssVariableNames = [
1105
1323
  '--radius-md',
1106
1324
  '--radius-sm',
1107
1325
  '--radius-xl',
1326
+ '--radius-xs',
1108
1327
  '--shadow-lg',
1109
1328
  '--shadow-md',
1110
1329
  '--shadow-sm',
@@ -1127,6 +1346,21 @@ export const baseCssVariableNames = [
1127
1346
  '--z-index-tooltip',
1128
1347
  ];
1129
1348
  export const themeCssVariableNames = [
1349
+ '--action-close-active-bg',
1350
+ '--action-close-active-border',
1351
+ '--action-close-active-fg',
1352
+ '--action-close-default-bg',
1353
+ '--action-close-default-border',
1354
+ '--action-close-default-fg',
1355
+ '--action-close-hover-bg',
1356
+ '--action-close-hover-border',
1357
+ '--action-close-hover-fg',
1358
+ '--action-close-muted-bg',
1359
+ '--action-close-muted-border',
1360
+ '--action-close-muted-fg',
1361
+ '--action-close-subtle-bg',
1362
+ '--action-close-subtle-border',
1363
+ '--action-close-subtle-fg',
1130
1364
  '--action-danger-active-bg',
1131
1365
  '--action-danger-active-border',
1132
1366
  '--action-danger-active-fg',
@@ -1137,8 +1371,10 @@ export const themeCssVariableNames = [
1137
1371
  '--action-danger-hover-border',
1138
1372
  '--action-danger-hover-fg',
1139
1373
  '--action-danger-muted-bg',
1374
+ '--action-danger-muted-border',
1140
1375
  '--action-danger-muted-fg',
1141
1376
  '--action-danger-subtle-bg',
1377
+ '--action-danger-subtle-border',
1142
1378
  '--action-danger-subtle-fg',
1143
1379
  '--action-primary-active-bg',
1144
1380
  '--action-primary-active-border',
@@ -1164,6 +1400,12 @@ export const themeCssVariableNames = [
1164
1400
  '--action-secondary-hover-bg',
1165
1401
  '--action-secondary-hover-border',
1166
1402
  '--action-secondary-hover-fg',
1403
+ '--action-secondary-muted-bg',
1404
+ '--action-secondary-muted-border',
1405
+ '--action-secondary-muted-fg',
1406
+ '--action-secondary-subtle-bg',
1407
+ '--action-secondary-subtle-border',
1408
+ '--action-secondary-subtle-fg',
1167
1409
  '--border-default',
1168
1410
  '--border-disabled',
1169
1411
  '--border-elevated',
@@ -1171,36 +1413,117 @@ export const themeCssVariableNames = [
1171
1413
  '--border-muted',
1172
1414
  '--border-strong',
1173
1415
  '--border-subtle',
1174
- '--button-danger-default-bg',
1175
- '--button-danger-default-border',
1176
- '--button-danger-default-fg',
1177
- '--button-danger-hover-bg',
1178
- '--button-danger-hover-border',
1179
- '--button-danger-hover-fg',
1180
- '--button-danger-pressed-bg',
1181
- '--button-danger-pressed-border',
1182
- '--button-danger-pressed-fg',
1416
+ '--button-close-ghost-default-bg',
1417
+ '--button-close-ghost-default-border',
1418
+ '--button-close-ghost-default-fg',
1419
+ '--button-close-ghost-hover-bg',
1420
+ '--button-close-ghost-hover-border',
1421
+ '--button-close-ghost-hover-fg',
1422
+ '--button-close-ghost-pressed-bg',
1423
+ '--button-close-ghost-pressed-border',
1424
+ '--button-close-ghost-pressed-fg',
1425
+ '--button-close-outline-default-bg',
1426
+ '--button-close-outline-default-border',
1427
+ '--button-close-outline-default-fg',
1428
+ '--button-close-outline-hover-bg',
1429
+ '--button-close-outline-hover-border',
1430
+ '--button-close-outline-hover-fg',
1431
+ '--button-close-outline-pressed-bg',
1432
+ '--button-close-outline-pressed-border',
1433
+ '--button-close-outline-pressed-fg',
1434
+ '--button-close-solid-default-bg',
1435
+ '--button-close-solid-default-border',
1436
+ '--button-close-solid-default-fg',
1437
+ '--button-close-solid-hover-bg',
1438
+ '--button-close-solid-hover-border',
1439
+ '--button-close-solid-hover-fg',
1440
+ '--button-close-solid-pressed-bg',
1441
+ '--button-close-solid-pressed-border',
1442
+ '--button-close-solid-pressed-fg',
1443
+ '--button-danger-ghost-default-bg',
1444
+ '--button-danger-ghost-default-border',
1445
+ '--button-danger-ghost-default-fg',
1446
+ '--button-danger-ghost-hover-bg',
1447
+ '--button-danger-ghost-hover-border',
1448
+ '--button-danger-ghost-hover-fg',
1449
+ '--button-danger-ghost-pressed-bg',
1450
+ '--button-danger-ghost-pressed-border',
1451
+ '--button-danger-ghost-pressed-fg',
1452
+ '--button-danger-outline-default-bg',
1453
+ '--button-danger-outline-default-border',
1454
+ '--button-danger-outline-default-fg',
1455
+ '--button-danger-outline-hover-bg',
1456
+ '--button-danger-outline-hover-border',
1457
+ '--button-danger-outline-hover-fg',
1458
+ '--button-danger-outline-pressed-bg',
1459
+ '--button-danger-outline-pressed-border',
1460
+ '--button-danger-outline-pressed-fg',
1461
+ '--button-danger-solid-default-bg',
1462
+ '--button-danger-solid-default-border',
1463
+ '--button-danger-solid-default-fg',
1464
+ '--button-danger-solid-hover-bg',
1465
+ '--button-danger-solid-hover-border',
1466
+ '--button-danger-solid-hover-fg',
1467
+ '--button-danger-solid-pressed-bg',
1468
+ '--button-danger-solid-pressed-border',
1469
+ '--button-danger-solid-pressed-fg',
1183
1470
  '--button-disabled-bg',
1184
1471
  '--button-disabled-border',
1185
1472
  '--button-disabled-fg',
1186
- '--button-primary-default-bg',
1187
- '--button-primary-default-border',
1188
- '--button-primary-default-fg',
1189
- '--button-primary-hover-bg',
1190
- '--button-primary-hover-border',
1191
- '--button-primary-hover-fg',
1192
- '--button-primary-pressed-bg',
1193
- '--button-primary-pressed-border',
1194
- '--button-primary-pressed-fg',
1195
- '--button-secondary-default-bg',
1196
- '--button-secondary-default-border',
1197
- '--button-secondary-default-fg',
1198
- '--button-secondary-hover-bg',
1199
- '--button-secondary-hover-border',
1200
- '--button-secondary-hover-fg',
1201
- '--button-secondary-pressed-bg',
1202
- '--button-secondary-pressed-border',
1203
- '--button-secondary-pressed-fg',
1473
+ '--button-primary-ghost-default-bg',
1474
+ '--button-primary-ghost-default-border',
1475
+ '--button-primary-ghost-default-fg',
1476
+ '--button-primary-ghost-hover-bg',
1477
+ '--button-primary-ghost-hover-border',
1478
+ '--button-primary-ghost-hover-fg',
1479
+ '--button-primary-ghost-pressed-bg',
1480
+ '--button-primary-ghost-pressed-border',
1481
+ '--button-primary-ghost-pressed-fg',
1482
+ '--button-primary-outline-default-bg',
1483
+ '--button-primary-outline-default-border',
1484
+ '--button-primary-outline-default-fg',
1485
+ '--button-primary-outline-hover-bg',
1486
+ '--button-primary-outline-hover-border',
1487
+ '--button-primary-outline-hover-fg',
1488
+ '--button-primary-outline-pressed-bg',
1489
+ '--button-primary-outline-pressed-border',
1490
+ '--button-primary-outline-pressed-fg',
1491
+ '--button-primary-solid-default-bg',
1492
+ '--button-primary-solid-default-border',
1493
+ '--button-primary-solid-default-fg',
1494
+ '--button-primary-solid-hover-bg',
1495
+ '--button-primary-solid-hover-border',
1496
+ '--button-primary-solid-hover-fg',
1497
+ '--button-primary-solid-pressed-bg',
1498
+ '--button-primary-solid-pressed-border',
1499
+ '--button-primary-solid-pressed-fg',
1500
+ '--button-secondary-ghost-default-bg',
1501
+ '--button-secondary-ghost-default-border',
1502
+ '--button-secondary-ghost-default-fg',
1503
+ '--button-secondary-ghost-hover-bg',
1504
+ '--button-secondary-ghost-hover-border',
1505
+ '--button-secondary-ghost-hover-fg',
1506
+ '--button-secondary-ghost-pressed-bg',
1507
+ '--button-secondary-ghost-pressed-border',
1508
+ '--button-secondary-ghost-pressed-fg',
1509
+ '--button-secondary-outline-default-bg',
1510
+ '--button-secondary-outline-default-border',
1511
+ '--button-secondary-outline-default-fg',
1512
+ '--button-secondary-outline-hover-bg',
1513
+ '--button-secondary-outline-hover-border',
1514
+ '--button-secondary-outline-hover-fg',
1515
+ '--button-secondary-outline-pressed-bg',
1516
+ '--button-secondary-outline-pressed-border',
1517
+ '--button-secondary-outline-pressed-fg',
1518
+ '--button-secondary-solid-default-bg',
1519
+ '--button-secondary-solid-default-border',
1520
+ '--button-secondary-solid-default-fg',
1521
+ '--button-secondary-solid-hover-bg',
1522
+ '--button-secondary-solid-hover-border',
1523
+ '--button-secondary-solid-hover-fg',
1524
+ '--button-secondary-solid-pressed-bg',
1525
+ '--button-secondary-solid-pressed-border',
1526
+ '--button-secondary-solid-pressed-fg',
1204
1527
  '--checkbox-checked-default-bg',
1205
1528
  '--checkbox-checked-default-border',
1206
1529
  '--checkbox-checked-default-fg',
@@ -1257,7 +1580,9 @@ export const themeCssVariableNames = [
1257
1580
  '--color-gray-blue-950',
1258
1581
  '--color-info-50',
1259
1582
  '--color-info-100',
1583
+ '--color-info-150',
1260
1584
  '--color-info-200',
1585
+ '--color-info-250',
1261
1586
  '--color-info-300',
1262
1587
  '--color-info-400',
1263
1588
  '--color-info-500',
@@ -1553,10 +1878,12 @@ export const themeCssVariableNames = [
1553
1878
  '--status-warning-strong',
1554
1879
  '--surface-active',
1555
1880
  '--surface-default',
1881
+ '--surface-disabled',
1556
1882
  '--surface-elevated',
1557
1883
  '--surface-hover',
1558
1884
  '--surface-inverse',
1559
1885
  '--surface-muted',
1886
+ '--surface-pressed',
1560
1887
  '--surface-subtle',
1561
1888
  '--tabs-indicator-active-bg',
1562
1889
  '--tabs-indicator-default-bg',
@@ -1603,6 +1930,21 @@ export const themeCssVariableNames = [
1603
1930
  '--tooltip-content-fg',
1604
1931
  ];
1605
1932
  export const cssVariableNames = [
1933
+ '--action-close-active-bg',
1934
+ '--action-close-active-border',
1935
+ '--action-close-active-fg',
1936
+ '--action-close-default-bg',
1937
+ '--action-close-default-border',
1938
+ '--action-close-default-fg',
1939
+ '--action-close-hover-bg',
1940
+ '--action-close-hover-border',
1941
+ '--action-close-hover-fg',
1942
+ '--action-close-muted-bg',
1943
+ '--action-close-muted-border',
1944
+ '--action-close-muted-fg',
1945
+ '--action-close-subtle-bg',
1946
+ '--action-close-subtle-border',
1947
+ '--action-close-subtle-fg',
1606
1948
  '--action-danger-active-bg',
1607
1949
  '--action-danger-active-border',
1608
1950
  '--action-danger-active-fg',
@@ -1613,8 +1955,10 @@ export const cssVariableNames = [
1613
1955
  '--action-danger-hover-border',
1614
1956
  '--action-danger-hover-fg',
1615
1957
  '--action-danger-muted-bg',
1958
+ '--action-danger-muted-border',
1616
1959
  '--action-danger-muted-fg',
1617
1960
  '--action-danger-subtle-bg',
1961
+ '--action-danger-subtle-border',
1618
1962
  '--action-danger-subtle-fg',
1619
1963
  '--action-primary-active-bg',
1620
1964
  '--action-primary-active-border',
@@ -1640,6 +1984,12 @@ export const cssVariableNames = [
1640
1984
  '--action-secondary-hover-bg',
1641
1985
  '--action-secondary-hover-border',
1642
1986
  '--action-secondary-hover-fg',
1987
+ '--action-secondary-muted-bg',
1988
+ '--action-secondary-muted-border',
1989
+ '--action-secondary-muted-fg',
1990
+ '--action-secondary-subtle-bg',
1991
+ '--action-secondary-subtle-border',
1992
+ '--action-secondary-subtle-fg',
1643
1993
  '--border-default',
1644
1994
  '--border-disabled',
1645
1995
  '--border-elevated',
@@ -1647,36 +1997,117 @@ export const cssVariableNames = [
1647
1997
  '--border-muted',
1648
1998
  '--border-strong',
1649
1999
  '--border-subtle',
1650
- '--button-danger-default-bg',
1651
- '--button-danger-default-border',
1652
- '--button-danger-default-fg',
1653
- '--button-danger-hover-bg',
1654
- '--button-danger-hover-border',
1655
- '--button-danger-hover-fg',
1656
- '--button-danger-pressed-bg',
1657
- '--button-danger-pressed-border',
1658
- '--button-danger-pressed-fg',
2000
+ '--button-close-ghost-default-bg',
2001
+ '--button-close-ghost-default-border',
2002
+ '--button-close-ghost-default-fg',
2003
+ '--button-close-ghost-hover-bg',
2004
+ '--button-close-ghost-hover-border',
2005
+ '--button-close-ghost-hover-fg',
2006
+ '--button-close-ghost-pressed-bg',
2007
+ '--button-close-ghost-pressed-border',
2008
+ '--button-close-ghost-pressed-fg',
2009
+ '--button-close-outline-default-bg',
2010
+ '--button-close-outline-default-border',
2011
+ '--button-close-outline-default-fg',
2012
+ '--button-close-outline-hover-bg',
2013
+ '--button-close-outline-hover-border',
2014
+ '--button-close-outline-hover-fg',
2015
+ '--button-close-outline-pressed-bg',
2016
+ '--button-close-outline-pressed-border',
2017
+ '--button-close-outline-pressed-fg',
2018
+ '--button-close-solid-default-bg',
2019
+ '--button-close-solid-default-border',
2020
+ '--button-close-solid-default-fg',
2021
+ '--button-close-solid-hover-bg',
2022
+ '--button-close-solid-hover-border',
2023
+ '--button-close-solid-hover-fg',
2024
+ '--button-close-solid-pressed-bg',
2025
+ '--button-close-solid-pressed-border',
2026
+ '--button-close-solid-pressed-fg',
2027
+ '--button-danger-ghost-default-bg',
2028
+ '--button-danger-ghost-default-border',
2029
+ '--button-danger-ghost-default-fg',
2030
+ '--button-danger-ghost-hover-bg',
2031
+ '--button-danger-ghost-hover-border',
2032
+ '--button-danger-ghost-hover-fg',
2033
+ '--button-danger-ghost-pressed-bg',
2034
+ '--button-danger-ghost-pressed-border',
2035
+ '--button-danger-ghost-pressed-fg',
2036
+ '--button-danger-outline-default-bg',
2037
+ '--button-danger-outline-default-border',
2038
+ '--button-danger-outline-default-fg',
2039
+ '--button-danger-outline-hover-bg',
2040
+ '--button-danger-outline-hover-border',
2041
+ '--button-danger-outline-hover-fg',
2042
+ '--button-danger-outline-pressed-bg',
2043
+ '--button-danger-outline-pressed-border',
2044
+ '--button-danger-outline-pressed-fg',
2045
+ '--button-danger-solid-default-bg',
2046
+ '--button-danger-solid-default-border',
2047
+ '--button-danger-solid-default-fg',
2048
+ '--button-danger-solid-hover-bg',
2049
+ '--button-danger-solid-hover-border',
2050
+ '--button-danger-solid-hover-fg',
2051
+ '--button-danger-solid-pressed-bg',
2052
+ '--button-danger-solid-pressed-border',
2053
+ '--button-danger-solid-pressed-fg',
1659
2054
  '--button-disabled-bg',
1660
2055
  '--button-disabled-border',
1661
2056
  '--button-disabled-fg',
1662
- '--button-primary-default-bg',
1663
- '--button-primary-default-border',
1664
- '--button-primary-default-fg',
1665
- '--button-primary-hover-bg',
1666
- '--button-primary-hover-border',
1667
- '--button-primary-hover-fg',
1668
- '--button-primary-pressed-bg',
1669
- '--button-primary-pressed-border',
1670
- '--button-primary-pressed-fg',
1671
- '--button-secondary-default-bg',
1672
- '--button-secondary-default-border',
1673
- '--button-secondary-default-fg',
1674
- '--button-secondary-hover-bg',
1675
- '--button-secondary-hover-border',
1676
- '--button-secondary-hover-fg',
1677
- '--button-secondary-pressed-bg',
1678
- '--button-secondary-pressed-border',
1679
- '--button-secondary-pressed-fg',
2057
+ '--button-primary-ghost-default-bg',
2058
+ '--button-primary-ghost-default-border',
2059
+ '--button-primary-ghost-default-fg',
2060
+ '--button-primary-ghost-hover-bg',
2061
+ '--button-primary-ghost-hover-border',
2062
+ '--button-primary-ghost-hover-fg',
2063
+ '--button-primary-ghost-pressed-bg',
2064
+ '--button-primary-ghost-pressed-border',
2065
+ '--button-primary-ghost-pressed-fg',
2066
+ '--button-primary-outline-default-bg',
2067
+ '--button-primary-outline-default-border',
2068
+ '--button-primary-outline-default-fg',
2069
+ '--button-primary-outline-hover-bg',
2070
+ '--button-primary-outline-hover-border',
2071
+ '--button-primary-outline-hover-fg',
2072
+ '--button-primary-outline-pressed-bg',
2073
+ '--button-primary-outline-pressed-border',
2074
+ '--button-primary-outline-pressed-fg',
2075
+ '--button-primary-solid-default-bg',
2076
+ '--button-primary-solid-default-border',
2077
+ '--button-primary-solid-default-fg',
2078
+ '--button-primary-solid-hover-bg',
2079
+ '--button-primary-solid-hover-border',
2080
+ '--button-primary-solid-hover-fg',
2081
+ '--button-primary-solid-pressed-bg',
2082
+ '--button-primary-solid-pressed-border',
2083
+ '--button-primary-solid-pressed-fg',
2084
+ '--button-secondary-ghost-default-bg',
2085
+ '--button-secondary-ghost-default-border',
2086
+ '--button-secondary-ghost-default-fg',
2087
+ '--button-secondary-ghost-hover-bg',
2088
+ '--button-secondary-ghost-hover-border',
2089
+ '--button-secondary-ghost-hover-fg',
2090
+ '--button-secondary-ghost-pressed-bg',
2091
+ '--button-secondary-ghost-pressed-border',
2092
+ '--button-secondary-ghost-pressed-fg',
2093
+ '--button-secondary-outline-default-bg',
2094
+ '--button-secondary-outline-default-border',
2095
+ '--button-secondary-outline-default-fg',
2096
+ '--button-secondary-outline-hover-bg',
2097
+ '--button-secondary-outline-hover-border',
2098
+ '--button-secondary-outline-hover-fg',
2099
+ '--button-secondary-outline-pressed-bg',
2100
+ '--button-secondary-outline-pressed-border',
2101
+ '--button-secondary-outline-pressed-fg',
2102
+ '--button-secondary-solid-default-bg',
2103
+ '--button-secondary-solid-default-border',
2104
+ '--button-secondary-solid-default-fg',
2105
+ '--button-secondary-solid-hover-bg',
2106
+ '--button-secondary-solid-hover-border',
2107
+ '--button-secondary-solid-hover-fg',
2108
+ '--button-secondary-solid-pressed-bg',
2109
+ '--button-secondary-solid-pressed-border',
2110
+ '--button-secondary-solid-pressed-fg',
1680
2111
  '--checkbox-checked-default-bg',
1681
2112
  '--checkbox-checked-default-border',
1682
2113
  '--checkbox-checked-default-fg',
@@ -1733,7 +2164,9 @@ export const cssVariableNames = [
1733
2164
  '--color-gray-blue-950',
1734
2165
  '--color-info-50',
1735
2166
  '--color-info-100',
2167
+ '--color-info-150',
1736
2168
  '--color-info-200',
2169
+ '--color-info-250',
1737
2170
  '--color-info-300',
1738
2171
  '--color-info-400',
1739
2172
  '--color-info-500',
@@ -2001,6 +2434,7 @@ export const cssVariableNames = [
2001
2434
  '--radius-md',
2002
2435
  '--radius-sm',
2003
2436
  '--radius-xl',
2437
+ '--radius-xs',
2004
2438
  '--select-dropdown-bg',
2005
2439
  '--select-dropdown-border',
2006
2440
  '--select-dropdown-fg',
@@ -2067,10 +2501,12 @@ export const cssVariableNames = [
2067
2501
  '--status-warning-strong',
2068
2502
  '--surface-active',
2069
2503
  '--surface-default',
2504
+ '--surface-disabled',
2070
2505
  '--surface-elevated',
2071
2506
  '--surface-hover',
2072
2507
  '--surface-inverse',
2073
2508
  '--surface-muted',
2509
+ '--surface-pressed',
2074
2510
  '--surface-subtle',
2075
2511
  '--tabs-indicator-active-bg',
2076
2512
  '--tabs-indicator-default-bg',