@vellira-ui/tokens 2.19.6 → 2.20.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 (69) hide show
  1. package/dist/css/tokens.css +485 -205
  2. package/dist/dark/components/button.d.ts +198 -37
  3. package/dist/dark/components/button.d.ts.map +1 -1
  4. package/dist/dark/components/button.js +161 -9
  5. package/dist/dark/components/checkbox.d.ts +2 -2
  6. package/dist/dark/components/checkbox.js +1 -1
  7. package/dist/dark/components/dropdown.d.ts +2 -2
  8. package/dist/dark/components/formField.d.ts +4 -4
  9. package/dist/dark/components/input.d.ts +2 -2
  10. package/dist/dark/components/menu.d.ts +1 -1
  11. package/dist/dark/components/modal.d.ts +1 -1
  12. package/dist/dark/components/radio.d.ts +2 -2
  13. package/dist/dark/components/radio.js +1 -1
  14. package/dist/dark/components/select.d.ts +3 -3
  15. package/dist/dark/components/select.js +1 -1
  16. package/dist/dark/components/tabs.d.ts +2 -2
  17. package/dist/dark/semantic/action.d.ts +37 -19
  18. package/dist/dark/semantic/action.d.ts.map +1 -1
  19. package/dist/dark/semantic/action.js +37 -19
  20. package/dist/dark/semantic/status.d.ts +3 -3
  21. package/dist/dark/semantic/surface.d.ts +1 -0
  22. package/dist/dark/semantic/surface.d.ts.map +1 -1
  23. package/dist/dark/semantic/surface.js +1 -0
  24. package/dist/dark/semantic/text.d.ts +1 -1
  25. package/dist/dark/semantic/text.js +1 -1
  26. package/dist/dark/theme.d.ts +14 -12
  27. package/dist/dark/theme.d.ts.map +1 -1
  28. package/dist/generated/token-types.d.ts +6 -6
  29. package/dist/generated/token-types.d.ts.map +1 -1
  30. package/dist/generated/token-types.js +484 -108
  31. package/dist/highContrast/components/button.d.ts +198 -37
  32. package/dist/highContrast/components/button.d.ts.map +1 -1
  33. package/dist/highContrast/components/button.js +162 -10
  34. package/dist/highContrast/components/checkbox.d.ts +2 -2
  35. package/dist/highContrast/components/formField.d.ts +1 -1
  36. package/dist/highContrast/components/menu.d.ts +1 -1
  37. package/dist/highContrast/components/radio.d.ts +2 -2
  38. package/dist/highContrast/components/tabs.d.ts +1 -1
  39. package/dist/highContrast/semantic/action.d.ts +30 -13
  40. package/dist/highContrast/semantic/action.d.ts.map +1 -1
  41. package/dist/highContrast/semantic/action.js +30 -13
  42. package/dist/highContrast/semantic/control.d.ts +2 -2
  43. package/dist/highContrast/semantic/skeleton.d.ts +1 -1
  44. package/dist/highContrast/semantic/status.d.ts +3 -3
  45. package/dist/highContrast/semantic/surface.d.ts +1 -0
  46. package/dist/highContrast/semantic/surface.d.ts.map +1 -1
  47. package/dist/highContrast/semantic/surface.js +1 -0
  48. package/dist/highContrast/theme.d.ts +14 -12
  49. package/dist/highContrast/theme.d.ts.map +1 -1
  50. package/dist/light/components/button.d.ts +198 -37
  51. package/dist/light/components/button.d.ts.map +1 -1
  52. package/dist/light/components/button.js +162 -10
  53. package/dist/light/components/formField.d.ts +1 -1
  54. package/dist/light/semantic/action.d.ts +21 -4
  55. package/dist/light/semantic/action.d.ts.map +1 -1
  56. package/dist/light/semantic/action.js +17 -0
  57. package/dist/light/semantic/status.d.ts +3 -3
  58. package/dist/light/semantic/surface.d.ts +1 -0
  59. package/dist/light/semantic/surface.d.ts.map +1 -1
  60. package/dist/light/semantic/surface.js +1 -0
  61. package/dist/light/semantic/text.d.ts +1 -1
  62. package/dist/light/semantic/text.d.ts.map +1 -1
  63. package/dist/light/semantic/text.js +2 -3
  64. package/dist/light/theme.d.ts +14 -12
  65. package/dist/light/theme.d.ts.map +1 -1
  66. package/dist/primitives/colors.d.ts +14 -12
  67. package/dist/primitives/colors.d.ts.map +1 -1
  68. package/dist/primitives/colors.js +14 -12
  69. package/package.json +1 -1
package/dist/generated/token-types.js CHANGED
@@ -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,15 @@ 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',
123
134
  'semantic.action.danger.active.bg',
124
135
  'semantic.action.danger.active.border',
125
136
  'semantic.action.danger.active.fg',
@@ -132,6 +143,7 @@ export const semanticTokenPaths = [
132
143
  'semantic.action.danger.muted.bg',
133
144
  'semantic.action.danger.muted.fg',
134
145
  'semantic.action.danger.subtle.bg',
146
+ 'semantic.action.danger.subtle.border',
135
147
  'semantic.action.danger.subtle.fg',
136
148
  'semantic.action.primary.active.bg',
137
149
  'semantic.action.primary.active.border',
@@ -236,6 +248,7 @@ export const semanticTokenPaths = [
236
248
  'semantic.surface.hover',
237
249
  'semantic.surface.inverse',
238
250
  'semantic.surface.muted',
251
+ 'semantic.surface.pressed',
239
252
  'semantic.surface.subtle',
240
253
  'semantic.text.brand',
241
254
  'semantic.text.disabled',
@@ -248,36 +261,117 @@ export const semanticTokenPaths = [
248
261
  'semantic.text.subtle',
249
262
  ];
250
263
  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',
264
+ 'components.button.close.ghost.default.bg',
265
+ 'components.button.close.ghost.default.border',
266
+ 'components.button.close.ghost.default.fg',
267
+ 'components.button.close.ghost.hover.bg',
268
+ 'components.button.close.ghost.hover.border',
269
+ 'components.button.close.ghost.hover.fg',
270
+ 'components.button.close.ghost.pressed.bg',
271
+ 'components.button.close.ghost.pressed.border',
272
+ 'components.button.close.ghost.pressed.fg',
273
+ 'components.button.close.outline.default.bg',
274
+ 'components.button.close.outline.default.border',
275
+ 'components.button.close.outline.default.fg',
276
+ 'components.button.close.outline.hover.bg',
277
+ 'components.button.close.outline.hover.border',
278
+ 'components.button.close.outline.hover.fg',
279
+ 'components.button.close.outline.pressed.bg',
280
+ 'components.button.close.outline.pressed.border',
281
+ 'components.button.close.outline.pressed.fg',
282
+ 'components.button.close.solid.default.bg',
283
+ 'components.button.close.solid.default.border',
284
+ 'components.button.close.solid.default.fg',
285
+ 'components.button.close.solid.hover.bg',
286
+ 'components.button.close.solid.hover.border',
287
+ 'components.button.close.solid.hover.fg',
288
+ 'components.button.close.solid.pressed.bg',
289
+ 'components.button.close.solid.pressed.border',
290
+ 'components.button.close.solid.pressed.fg',
291
+ 'components.button.danger.ghost.default.bg',
292
+ 'components.button.danger.ghost.default.border',
293
+ 'components.button.danger.ghost.default.fg',
294
+ 'components.button.danger.ghost.hover.bg',
295
+ 'components.button.danger.ghost.hover.border',
296
+ 'components.button.danger.ghost.hover.fg',
297
+ 'components.button.danger.ghost.pressed.bg',
298
+ 'components.button.danger.ghost.pressed.border',
299
+ 'components.button.danger.ghost.pressed.fg',
300
+ 'components.button.danger.outline.default.bg',
301
+ 'components.button.danger.outline.default.border',
302
+ 'components.button.danger.outline.default.fg',
303
+ 'components.button.danger.outline.hover.bg',
304
+ 'components.button.danger.outline.hover.border',
305
+ 'components.button.danger.outline.hover.fg',
306
+ 'components.button.danger.outline.pressed.bg',
307
+ 'components.button.danger.outline.pressed.border',
308
+ 'components.button.danger.outline.pressed.fg',
309
+ 'components.button.danger.solid.default.bg',
310
+ 'components.button.danger.solid.default.border',
311
+ 'components.button.danger.solid.default.fg',
312
+ 'components.button.danger.solid.hover.bg',
313
+ 'components.button.danger.solid.hover.border',
314
+ 'components.button.danger.solid.hover.fg',
315
+ 'components.button.danger.solid.pressed.bg',
316
+ 'components.button.danger.solid.pressed.border',
317
+ 'components.button.danger.solid.pressed.fg',
260
318
  'components.button.disabled.bg',
261
319
  'components.button.disabled.border',
262
320
  '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',
321
+ 'components.button.primary.ghost.default.bg',
322
+ 'components.button.primary.ghost.default.border',
323
+ 'components.button.primary.ghost.default.fg',
324
+ 'components.button.primary.ghost.hover.bg',
325
+ 'components.button.primary.ghost.hover.border',
326
+ 'components.button.primary.ghost.hover.fg',
327
+ 'components.button.primary.ghost.pressed.bg',
328
+ 'components.button.primary.ghost.pressed.border',
329
+ 'components.button.primary.ghost.pressed.fg',
330
+ 'components.button.primary.outline.default.bg',
331
+ 'components.button.primary.outline.default.border',
332
+ 'components.button.primary.outline.default.fg',
333
+ 'components.button.primary.outline.hover.bg',
334
+ 'components.button.primary.outline.hover.border',
335
+ 'components.button.primary.outline.hover.fg',
336
+ 'components.button.primary.outline.pressed.bg',
337
+ 'components.button.primary.outline.pressed.border',
338
+ 'components.button.primary.outline.pressed.fg',
339
+ 'components.button.primary.solid.default.bg',
340
+ 'components.button.primary.solid.default.border',
341
+ 'components.button.primary.solid.default.fg',
342
+ 'components.button.primary.solid.hover.bg',
343
+ 'components.button.primary.solid.hover.border',
344
+ 'components.button.primary.solid.hover.fg',
345
+ 'components.button.primary.solid.pressed.bg',
346
+ 'components.button.primary.solid.pressed.border',
347
+ 'components.button.primary.solid.pressed.fg',
348
+ 'components.button.secondary.ghost.default.bg',
349
+ 'components.button.secondary.ghost.default.border',
350
+ 'components.button.secondary.ghost.default.fg',
351
+ 'components.button.secondary.ghost.hover.bg',
352
+ 'components.button.secondary.ghost.hover.border',
353
+ 'components.button.secondary.ghost.hover.fg',
354
+ 'components.button.secondary.ghost.pressed.bg',
355
+ 'components.button.secondary.ghost.pressed.border',
356
+ 'components.button.secondary.ghost.pressed.fg',
357
+ 'components.button.secondary.outline.default.bg',
358
+ 'components.button.secondary.outline.default.border',
359
+ 'components.button.secondary.outline.default.fg',
360
+ 'components.button.secondary.outline.hover.bg',
361
+ 'components.button.secondary.outline.hover.border',
362
+ 'components.button.secondary.outline.hover.fg',
363
+ 'components.button.secondary.outline.pressed.bg',
364
+ 'components.button.secondary.outline.pressed.border',
365
+ 'components.button.secondary.outline.pressed.fg',
366
+ 'components.button.secondary.solid.default.bg',
367
+ 'components.button.secondary.solid.default.border',
368
+ 'components.button.secondary.solid.default.fg',
369
+ 'components.button.secondary.solid.hover.bg',
370
+ 'components.button.secondary.solid.hover.border',
371
+ 'components.button.secondary.solid.hover.fg',
372
+ 'components.button.secondary.solid.pressed.bg',
373
+ 'components.button.secondary.solid.pressed.border',
374
+ 'components.button.secondary.solid.pressed.fg',
281
375
  'components.checkbox.checked.default.bg',
282
376
  'components.checkbox.checked.default.border',
283
377
  'components.checkbox.checked.default.fg',
@@ -581,7 +675,9 @@ export const tokenPaths = [
581
675
  'colors.grayBlue.950',
582
676
  'colors.info.50',
583
677
  'colors.info.100',
678
+ 'colors.info.150',
584
679
  'colors.info.200',
680
+ 'colors.info.250',
585
681
  'colors.info.300',
586
682
  'colors.info.400',
587
683
  'colors.info.500',
@@ -659,36 +755,117 @@ export const tokenPaths = [
659
755
  'colors.warning.800',
660
756
  'colors.warning.900',
661
757
  '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',
758
+ 'components.button.close.ghost.default.bg',
759
+ 'components.button.close.ghost.default.border',
760
+ 'components.button.close.ghost.default.fg',
761
+ 'components.button.close.ghost.hover.bg',
762
+ 'components.button.close.ghost.hover.border',
763
+ 'components.button.close.ghost.hover.fg',
764
+ 'components.button.close.ghost.pressed.bg',
765
+ 'components.button.close.ghost.pressed.border',
766
+ 'components.button.close.ghost.pressed.fg',
767
+ 'components.button.close.outline.default.bg',
768
+ 'components.button.close.outline.default.border',
769
+ 'components.button.close.outline.default.fg',
770
+ 'components.button.close.outline.hover.bg',
771
+ 'components.button.close.outline.hover.border',
772
+ 'components.button.close.outline.hover.fg',
773
+ 'components.button.close.outline.pressed.bg',
774
+ 'components.button.close.outline.pressed.border',
775
+ 'components.button.close.outline.pressed.fg',
776
+ 'components.button.close.solid.default.bg',
777
+ 'components.button.close.solid.default.border',
778
+ 'components.button.close.solid.default.fg',
779
+ 'components.button.close.solid.hover.bg',
780
+ 'components.button.close.solid.hover.border',
781
+ 'components.button.close.solid.hover.fg',
782
+ 'components.button.close.solid.pressed.bg',
783
+ 'components.button.close.solid.pressed.border',
784
+ 'components.button.close.solid.pressed.fg',
785
+ 'components.button.danger.ghost.default.bg',
786
+ 'components.button.danger.ghost.default.border',
787
+ 'components.button.danger.ghost.default.fg',
788
+ 'components.button.danger.ghost.hover.bg',
789
+ 'components.button.danger.ghost.hover.border',
790
+ 'components.button.danger.ghost.hover.fg',
791
+ 'components.button.danger.ghost.pressed.bg',
792
+ 'components.button.danger.ghost.pressed.border',
793
+ 'components.button.danger.ghost.pressed.fg',
794
+ 'components.button.danger.outline.default.bg',
795
+ 'components.button.danger.outline.default.border',
796
+ 'components.button.danger.outline.default.fg',
797
+ 'components.button.danger.outline.hover.bg',
798
+ 'components.button.danger.outline.hover.border',
799
+ 'components.button.danger.outline.hover.fg',
800
+ 'components.button.danger.outline.pressed.bg',
801
+ 'components.button.danger.outline.pressed.border',
802
+ 'components.button.danger.outline.pressed.fg',
803
+ 'components.button.danger.solid.default.bg',
804
+ 'components.button.danger.solid.default.border',
805
+ 'components.button.danger.solid.default.fg',
806
+ 'components.button.danger.solid.hover.bg',
807
+ 'components.button.danger.solid.hover.border',
808
+ 'components.button.danger.solid.hover.fg',
809
+ 'components.button.danger.solid.pressed.bg',
810
+ 'components.button.danger.solid.pressed.border',
811
+ 'components.button.danger.solid.pressed.fg',
671
812
  'components.button.disabled.bg',
672
813
  'components.button.disabled.border',
673
814
  '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',
815
+ 'components.button.primary.ghost.default.bg',
816
+ 'components.button.primary.ghost.default.border',
817
+ 'components.button.primary.ghost.default.fg',
818
+ 'components.button.primary.ghost.hover.bg',
819
+ 'components.button.primary.ghost.hover.border',
820
+ 'components.button.primary.ghost.hover.fg',
821
+ 'components.button.primary.ghost.pressed.bg',
822
+ 'components.button.primary.ghost.pressed.border',
823
+ 'components.button.primary.ghost.pressed.fg',
824
+ 'components.button.primary.outline.default.bg',
825
+ 'components.button.primary.outline.default.border',
826
+ 'components.button.primary.outline.default.fg',
827
+ 'components.button.primary.outline.hover.bg',
828
+ 'components.button.primary.outline.hover.border',
829
+ 'components.button.primary.outline.hover.fg',
830
+ 'components.button.primary.outline.pressed.bg',
831
+ 'components.button.primary.outline.pressed.border',
832
+ 'components.button.primary.outline.pressed.fg',
833
+ 'components.button.primary.solid.default.bg',
834
+ 'components.button.primary.solid.default.border',
835
+ 'components.button.primary.solid.default.fg',
836
+ 'components.button.primary.solid.hover.bg',
837
+ 'components.button.primary.solid.hover.border',
838
+ 'components.button.primary.solid.hover.fg',
839
+ 'components.button.primary.solid.pressed.bg',
840
+ 'components.button.primary.solid.pressed.border',
841
+ 'components.button.primary.solid.pressed.fg',
842
+ 'components.button.secondary.ghost.default.bg',
843
+ 'components.button.secondary.ghost.default.border',
844
+ 'components.button.secondary.ghost.default.fg',
845
+ 'components.button.secondary.ghost.hover.bg',
846
+ 'components.button.secondary.ghost.hover.border',
847
+ 'components.button.secondary.ghost.hover.fg',
848
+ 'components.button.secondary.ghost.pressed.bg',
849
+ 'components.button.secondary.ghost.pressed.border',
850
+ 'components.button.secondary.ghost.pressed.fg',
851
+ 'components.button.secondary.outline.default.bg',
852
+ 'components.button.secondary.outline.default.border',
853
+ 'components.button.secondary.outline.default.fg',
854
+ 'components.button.secondary.outline.hover.bg',
855
+ 'components.button.secondary.outline.hover.border',
856
+ 'components.button.secondary.outline.hover.fg',
857
+ 'components.button.secondary.outline.pressed.bg',
858
+ 'components.button.secondary.outline.pressed.border',
859
+ 'components.button.secondary.outline.pressed.fg',
860
+ 'components.button.secondary.solid.default.bg',
861
+ 'components.button.secondary.solid.default.border',
862
+ 'components.button.secondary.solid.default.fg',
863
+ 'components.button.secondary.solid.hover.bg',
864
+ 'components.button.secondary.solid.hover.border',
865
+ 'components.button.secondary.solid.hover.fg',
866
+ 'components.button.secondary.solid.pressed.bg',
867
+ 'components.button.secondary.solid.pressed.border',
868
+ 'components.button.secondary.solid.pressed.fg',
692
869
  'components.checkbox.checked.default.bg',
693
870
  'components.checkbox.checked.default.border',
694
871
  'components.checkbox.checked.default.fg',
@@ -894,6 +1071,15 @@ export const tokenPaths = [
894
1071
  'components.tooltip.content.bg',
895
1072
  'components.tooltip.content.border',
896
1073
  'components.tooltip.content.fg',
1074
+ 'semantic.action.close.active.bg',
1075
+ 'semantic.action.close.active.border',
1076
+ 'semantic.action.close.active.fg',
1077
+ 'semantic.action.close.default.bg',
1078
+ 'semantic.action.close.default.border',
1079
+ 'semantic.action.close.default.fg',
1080
+ 'semantic.action.close.hover.bg',
1081
+ 'semantic.action.close.hover.border',
1082
+ 'semantic.action.close.hover.fg',
897
1083
  'semantic.action.danger.active.bg',
898
1084
  'semantic.action.danger.active.border',
899
1085
  'semantic.action.danger.active.fg',
@@ -906,6 +1092,7 @@ export const tokenPaths = [
906
1092
  'semantic.action.danger.muted.bg',
907
1093
  'semantic.action.danger.muted.fg',
908
1094
  'semantic.action.danger.subtle.bg',
1095
+ 'semantic.action.danger.subtle.border',
909
1096
  'semantic.action.danger.subtle.fg',
910
1097
  'semantic.action.primary.active.bg',
911
1098
  'semantic.action.primary.active.border',
@@ -1010,6 +1197,7 @@ export const tokenPaths = [
1010
1197
  'semantic.surface.hover',
1011
1198
  'semantic.surface.inverse',
1012
1199
  'semantic.surface.muted',
1200
+ 'semantic.surface.pressed',
1013
1201
  'semantic.surface.subtle',
1014
1202
  'semantic.text.brand',
1015
1203
  'semantic.text.disabled',
@@ -1127,6 +1315,15 @@ export const baseCssVariableNames = [
1127
1315
  '--z-index-tooltip',
1128
1316
  ];
1129
1317
  export const themeCssVariableNames = [
1318
+ '--action-close-active-bg',
1319
+ '--action-close-active-border',
1320
+ '--action-close-active-fg',
1321
+ '--action-close-default-bg',
1322
+ '--action-close-default-border',
1323
+ '--action-close-default-fg',
1324
+ '--action-close-hover-bg',
1325
+ '--action-close-hover-border',
1326
+ '--action-close-hover-fg',
1130
1327
  '--action-danger-active-bg',
1131
1328
  '--action-danger-active-border',
1132
1329
  '--action-danger-active-fg',
@@ -1139,6 +1336,7 @@ export const themeCssVariableNames = [
1139
1336
  '--action-danger-muted-bg',
1140
1337
  '--action-danger-muted-fg',
1141
1338
  '--action-danger-subtle-bg',
1339
+ '--action-danger-subtle-border',
1142
1340
  '--action-danger-subtle-fg',
1143
1341
  '--action-primary-active-bg',
1144
1342
  '--action-primary-active-border',
@@ -1171,36 +1369,117 @@ export const themeCssVariableNames = [
1171
1369
  '--border-muted',
1172
1370
  '--border-strong',
1173
1371
  '--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',
1372
+ '--button-close-ghost-default-bg',
1373
+ '--button-close-ghost-default-border',
1374
+ '--button-close-ghost-default-fg',
1375
+ '--button-close-ghost-hover-bg',
1376
+ '--button-close-ghost-hover-border',
1377
+ '--button-close-ghost-hover-fg',
1378
+ '--button-close-ghost-pressed-bg',
1379
+ '--button-close-ghost-pressed-border',
1380
+ '--button-close-ghost-pressed-fg',
1381
+ '--button-close-outline-default-bg',
1382
+ '--button-close-outline-default-border',
1383
+ '--button-close-outline-default-fg',
1384
+ '--button-close-outline-hover-bg',
1385
+ '--button-close-outline-hover-border',
1386
+ '--button-close-outline-hover-fg',
1387
+ '--button-close-outline-pressed-bg',
1388
+ '--button-close-outline-pressed-border',
1389
+ '--button-close-outline-pressed-fg',
1390
+ '--button-close-solid-default-bg',
1391
+ '--button-close-solid-default-border',
1392
+ '--button-close-solid-default-fg',
1393
+ '--button-close-solid-hover-bg',
1394
+ '--button-close-solid-hover-border',
1395
+ '--button-close-solid-hover-fg',
1396
+ '--button-close-solid-pressed-bg',
1397
+ '--button-close-solid-pressed-border',
1398
+ '--button-close-solid-pressed-fg',
1399
+ '--button-danger-ghost-default-bg',
1400
+ '--button-danger-ghost-default-border',
1401
+ '--button-danger-ghost-default-fg',
1402
+ '--button-danger-ghost-hover-bg',
1403
+ '--button-danger-ghost-hover-border',
1404
+ '--button-danger-ghost-hover-fg',
1405
+ '--button-danger-ghost-pressed-bg',
1406
+ '--button-danger-ghost-pressed-border',
1407
+ '--button-danger-ghost-pressed-fg',
1408
+ '--button-danger-outline-default-bg',
1409
+ '--button-danger-outline-default-border',
1410
+ '--button-danger-outline-default-fg',
1411
+ '--button-danger-outline-hover-bg',
1412
+ '--button-danger-outline-hover-border',
1413
+ '--button-danger-outline-hover-fg',
1414
+ '--button-danger-outline-pressed-bg',
1415
+ '--button-danger-outline-pressed-border',
1416
+ '--button-danger-outline-pressed-fg',
1417
+ '--button-danger-solid-default-bg',
1418
+ '--button-danger-solid-default-border',
1419
+ '--button-danger-solid-default-fg',
1420
+ '--button-danger-solid-hover-bg',
1421
+ '--button-danger-solid-hover-border',
1422
+ '--button-danger-solid-hover-fg',
1423
+ '--button-danger-solid-pressed-bg',
1424
+ '--button-danger-solid-pressed-border',
1425
+ '--button-danger-solid-pressed-fg',
1183
1426
  '--button-disabled-bg',
1184
1427
  '--button-disabled-border',
1185
1428
  '--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',
1429
+ '--button-primary-ghost-default-bg',
1430
+ '--button-primary-ghost-default-border',
1431
+ '--button-primary-ghost-default-fg',
1432
+ '--button-primary-ghost-hover-bg',
1433
+ '--button-primary-ghost-hover-border',
1434
+ '--button-primary-ghost-hover-fg',
1435
+ '--button-primary-ghost-pressed-bg',
1436
+ '--button-primary-ghost-pressed-border',
1437
+ '--button-primary-ghost-pressed-fg',
1438
+ '--button-primary-outline-default-bg',
1439
+ '--button-primary-outline-default-border',
1440
+ '--button-primary-outline-default-fg',
1441
+ '--button-primary-outline-hover-bg',
1442
+ '--button-primary-outline-hover-border',
1443
+ '--button-primary-outline-hover-fg',
1444
+ '--button-primary-outline-pressed-bg',
1445
+ '--button-primary-outline-pressed-border',
1446
+ '--button-primary-outline-pressed-fg',
1447
+ '--button-primary-solid-default-bg',
1448
+ '--button-primary-solid-default-border',
1449
+ '--button-primary-solid-default-fg',
1450
+ '--button-primary-solid-hover-bg',
1451
+ '--button-primary-solid-hover-border',
1452
+ '--button-primary-solid-hover-fg',
1453
+ '--button-primary-solid-pressed-bg',
1454
+ '--button-primary-solid-pressed-border',
1455
+ '--button-primary-solid-pressed-fg',
1456
+ '--button-secondary-ghost-default-bg',
1457
+ '--button-secondary-ghost-default-border',
1458
+ '--button-secondary-ghost-default-fg',
1459
+ '--button-secondary-ghost-hover-bg',
1460
+ '--button-secondary-ghost-hover-border',
1461
+ '--button-secondary-ghost-hover-fg',
1462
+ '--button-secondary-ghost-pressed-bg',
1463
+ '--button-secondary-ghost-pressed-border',
1464
+ '--button-secondary-ghost-pressed-fg',
1465
+ '--button-secondary-outline-default-bg',
1466
+ '--button-secondary-outline-default-border',
1467
+ '--button-secondary-outline-default-fg',
1468
+ '--button-secondary-outline-hover-bg',
1469
+ '--button-secondary-outline-hover-border',
1470
+ '--button-secondary-outline-hover-fg',
1471
+ '--button-secondary-outline-pressed-bg',
1472
+ '--button-secondary-outline-pressed-border',
1473
+ '--button-secondary-outline-pressed-fg',
1474
+ '--button-secondary-solid-default-bg',
1475
+ '--button-secondary-solid-default-border',
1476
+ '--button-secondary-solid-default-fg',
1477
+ '--button-secondary-solid-hover-bg',
1478
+ '--button-secondary-solid-hover-border',
1479
+ '--button-secondary-solid-hover-fg',
1480
+ '--button-secondary-solid-pressed-bg',
1481
+ '--button-secondary-solid-pressed-border',
1482
+ '--button-secondary-solid-pressed-fg',
1204
1483
  '--checkbox-checked-default-bg',
1205
1484
  '--checkbox-checked-default-border',
1206
1485
  '--checkbox-checked-default-fg',
@@ -1257,7 +1536,9 @@ export const themeCssVariableNames = [
1257
1536
  '--color-gray-blue-950',
1258
1537
  '--color-info-50',
1259
1538
  '--color-info-100',
1539
+ '--color-info-150',
1260
1540
  '--color-info-200',
1541
+ '--color-info-250',
1261
1542
  '--color-info-300',
1262
1543
  '--color-info-400',
1263
1544
  '--color-info-500',
@@ -1557,6 +1838,7 @@ export const themeCssVariableNames = [
1557
1838
  '--surface-hover',
1558
1839
  '--surface-inverse',
1559
1840
  '--surface-muted',
1841
+ '--surface-pressed',
1560
1842
  '--surface-subtle',
1561
1843
  '--tabs-indicator-active-bg',
1562
1844
  '--tabs-indicator-default-bg',
@@ -1603,6 +1885,15 @@ export const themeCssVariableNames = [
1603
1885
  '--tooltip-content-fg',
1604
1886
  ];
1605
1887
  export const cssVariableNames = [
1888
+ '--action-close-active-bg',
1889
+ '--action-close-active-border',
1890
+ '--action-close-active-fg',
1891
+ '--action-close-default-bg',
1892
+ '--action-close-default-border',
1893
+ '--action-close-default-fg',
1894
+ '--action-close-hover-bg',
1895
+ '--action-close-hover-border',
1896
+ '--action-close-hover-fg',
1606
1897
  '--action-danger-active-bg',
1607
1898
  '--action-danger-active-border',
1608
1899
  '--action-danger-active-fg',
@@ -1615,6 +1906,7 @@ export const cssVariableNames = [
1615
1906
  '--action-danger-muted-bg',
1616
1907
  '--action-danger-muted-fg',
1617
1908
  '--action-danger-subtle-bg',
1909
+ '--action-danger-subtle-border',
1618
1910
  '--action-danger-subtle-fg',
1619
1911
  '--action-primary-active-bg',
1620
1912
  '--action-primary-active-border',
@@ -1647,36 +1939,117 @@ export const cssVariableNames = [
1647
1939
  '--border-muted',
1648
1940
  '--border-strong',
1649
1941
  '--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',
1942
+ '--button-close-ghost-default-bg',
1943
+ '--button-close-ghost-default-border',
1944
+ '--button-close-ghost-default-fg',
1945
+ '--button-close-ghost-hover-bg',
1946
+ '--button-close-ghost-hover-border',
1947
+ '--button-close-ghost-hover-fg',
1948
+ '--button-close-ghost-pressed-bg',
1949
+ '--button-close-ghost-pressed-border',
1950
+ '--button-close-ghost-pressed-fg',
1951
+ '--button-close-outline-default-bg',
1952
+ '--button-close-outline-default-border',
1953
+ '--button-close-outline-default-fg',
1954
+ '--button-close-outline-hover-bg',
1955
+ '--button-close-outline-hover-border',
1956
+ '--button-close-outline-hover-fg',
1957
+ '--button-close-outline-pressed-bg',
1958
+ '--button-close-outline-pressed-border',
1959
+ '--button-close-outline-pressed-fg',
1960
+ '--button-close-solid-default-bg',
1961
+ '--button-close-solid-default-border',
1962
+ '--button-close-solid-default-fg',
1963
+ '--button-close-solid-hover-bg',
1964
+ '--button-close-solid-hover-border',
1965
+ '--button-close-solid-hover-fg',
1966
+ '--button-close-solid-pressed-bg',
1967
+ '--button-close-solid-pressed-border',
1968
+ '--button-close-solid-pressed-fg',
1969
+ '--button-danger-ghost-default-bg',
1970
+ '--button-danger-ghost-default-border',
1971
+ '--button-danger-ghost-default-fg',
1972
+ '--button-danger-ghost-hover-bg',
1973
+ '--button-danger-ghost-hover-border',
1974
+ '--button-danger-ghost-hover-fg',
1975
+ '--button-danger-ghost-pressed-bg',
1976
+ '--button-danger-ghost-pressed-border',
1977
+ '--button-danger-ghost-pressed-fg',
1978
+ '--button-danger-outline-default-bg',
1979
+ '--button-danger-outline-default-border',
1980
+ '--button-danger-outline-default-fg',
1981
+ '--button-danger-outline-hover-bg',
1982
+ '--button-danger-outline-hover-border',
1983
+ '--button-danger-outline-hover-fg',
1984
+ '--button-danger-outline-pressed-bg',
1985
+ '--button-danger-outline-pressed-border',
1986
+ '--button-danger-outline-pressed-fg',
1987
+ '--button-danger-solid-default-bg',
1988
+ '--button-danger-solid-default-border',
1989
+ '--button-danger-solid-default-fg',
1990
+ '--button-danger-solid-hover-bg',
1991
+ '--button-danger-solid-hover-border',
1992
+ '--button-danger-solid-hover-fg',
1993
+ '--button-danger-solid-pressed-bg',
1994
+ '--button-danger-solid-pressed-border',
1995
+ '--button-danger-solid-pressed-fg',
1659
1996
  '--button-disabled-bg',
1660
1997
  '--button-disabled-border',
1661
1998
  '--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',
1999
+ '--button-primary-ghost-default-bg',
2000
+ '--button-primary-ghost-default-border',
2001
+ '--button-primary-ghost-default-fg',
2002
+ '--button-primary-ghost-hover-bg',
2003
+ '--button-primary-ghost-hover-border',
2004
+ '--button-primary-ghost-hover-fg',
2005
+ '--button-primary-ghost-pressed-bg',
2006
+ '--button-primary-ghost-pressed-border',
2007
+ '--button-primary-ghost-pressed-fg',
2008
+ '--button-primary-outline-default-bg',
2009
+ '--button-primary-outline-default-border',
2010
+ '--button-primary-outline-default-fg',
2011
+ '--button-primary-outline-hover-bg',
2012
+ '--button-primary-outline-hover-border',
2013
+ '--button-primary-outline-hover-fg',
2014
+ '--button-primary-outline-pressed-bg',
2015
+ '--button-primary-outline-pressed-border',
2016
+ '--button-primary-outline-pressed-fg',
2017
+ '--button-primary-solid-default-bg',
2018
+ '--button-primary-solid-default-border',
2019
+ '--button-primary-solid-default-fg',
2020
+ '--button-primary-solid-hover-bg',
2021
+ '--button-primary-solid-hover-border',
2022
+ '--button-primary-solid-hover-fg',
2023
+ '--button-primary-solid-pressed-bg',
2024
+ '--button-primary-solid-pressed-border',
2025
+ '--button-primary-solid-pressed-fg',
2026
+ '--button-secondary-ghost-default-bg',
2027
+ '--button-secondary-ghost-default-border',
2028
+ '--button-secondary-ghost-default-fg',
2029
+ '--button-secondary-ghost-hover-bg',
2030
+ '--button-secondary-ghost-hover-border',
2031
+ '--button-secondary-ghost-hover-fg',
2032
+ '--button-secondary-ghost-pressed-bg',
2033
+ '--button-secondary-ghost-pressed-border',
2034
+ '--button-secondary-ghost-pressed-fg',
2035
+ '--button-secondary-outline-default-bg',
2036
+ '--button-secondary-outline-default-border',
2037
+ '--button-secondary-outline-default-fg',
2038
+ '--button-secondary-outline-hover-bg',
2039
+ '--button-secondary-outline-hover-border',
2040
+ '--button-secondary-outline-hover-fg',
2041
+ '--button-secondary-outline-pressed-bg',
2042
+ '--button-secondary-outline-pressed-border',
2043
+ '--button-secondary-outline-pressed-fg',
2044
+ '--button-secondary-solid-default-bg',
2045
+ '--button-secondary-solid-default-border',
2046
+ '--button-secondary-solid-default-fg',
2047
+ '--button-secondary-solid-hover-bg',
2048
+ '--button-secondary-solid-hover-border',
2049
+ '--button-secondary-solid-hover-fg',
2050
+ '--button-secondary-solid-pressed-bg',
2051
+ '--button-secondary-solid-pressed-border',
2052
+ '--button-secondary-solid-pressed-fg',
1680
2053
  '--checkbox-checked-default-bg',
1681
2054
  '--checkbox-checked-default-border',
1682
2055
  '--checkbox-checked-default-fg',
@@ -1733,7 +2106,9 @@ export const cssVariableNames = [
1733
2106
  '--color-gray-blue-950',
1734
2107
  '--color-info-50',
1735
2108
  '--color-info-100',
2109
+ '--color-info-150',
1736
2110
  '--color-info-200',
2111
+ '--color-info-250',
1737
2112
  '--color-info-300',
1738
2113
  '--color-info-400',
1739
2114
  '--color-info-500',
@@ -2071,6 +2446,7 @@ export const cssVariableNames = [
2071
2446
  '--surface-hover',
2072
2447
  '--surface-inverse',
2073
2448
  '--surface-muted',
2449
+ '--surface-pressed',
2074
2450
  '--surface-subtle',
2075
2451
  '--tabs-indicator-active-bg',
2076
2452
  '--tabs-indicator-default-bg',