@vellira-ui/tokens 2.22.5 → 2.24.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 (74) hide show
  1. package/dist/css/tokens.css +120 -78
  2. package/dist/dark/components/checkbox.d.ts +3 -3
  3. package/dist/dark/components/checkbox.js +1 -1
  4. package/dist/dark/components/dropdown.d.ts +1 -1
  5. package/dist/dark/components/input.d.ts +1 -1
  6. package/dist/dark/components/menu.d.ts +1 -1
  7. package/dist/dark/components/radio.d.ts +21 -5
  8. package/dist/dark/components/radio.d.ts.map +1 -1
  9. package/dist/dark/components/radio.js +19 -3
  10. package/dist/dark/semantic/control.d.ts +7 -2
  11. package/dist/dark/semantic/control.d.ts.map +1 -1
  12. package/dist/dark/semantic/control.js +7 -2
  13. package/dist/dark/semantic/status.d.ts +1 -1
  14. package/dist/dark/semantic/status.js +1 -1
  15. package/dist/dark/theme.d.ts +5 -3
  16. package/dist/dark/theme.d.ts.map +1 -1
  17. package/dist/generated/token-types.d.ts +7 -7
  18. package/dist/generated/token-types.d.ts.map +1 -1
  19. package/dist/generated/token-types.js +64 -0
  20. package/dist/highContrast/components/button.d.ts +4 -4
  21. package/dist/highContrast/components/button.d.ts.map +1 -1
  22. package/dist/highContrast/components/button.js +4 -5
  23. package/dist/highContrast/components/checkbox.d.ts +5 -5
  24. package/dist/highContrast/components/formField.d.ts +1 -1
  25. package/dist/highContrast/components/formField.js +1 -1
  26. package/dist/highContrast/components/input.d.ts +2 -2
  27. package/dist/highContrast/components/radio.d.ts +23 -7
  28. package/dist/highContrast/components/radio.d.ts.map +1 -1
  29. package/dist/highContrast/components/radio.js +22 -6
  30. package/dist/highContrast/components/select.d.ts +2 -2
  31. package/dist/highContrast/components/tabs.d.ts +1 -1
  32. package/dist/highContrast/components/tooltip.d.ts +1 -1
  33. package/dist/highContrast/semantic/action.d.ts +1 -1
  34. package/dist/highContrast/semantic/action.js +7 -7
  35. package/dist/highContrast/semantic/control.d.ts +10 -5
  36. package/dist/highContrast/semantic/control.d.ts.map +1 -1
  37. package/dist/highContrast/semantic/control.js +8 -3
  38. package/dist/highContrast/semantic/navigation.d.ts +1 -1
  39. package/dist/highContrast/semantic/status.d.ts +2 -2
  40. package/dist/highContrast/semantic/status.js +2 -2
  41. package/dist/highContrast/semantic/surface.d.ts +1 -1
  42. package/dist/highContrast/semantic/surface.js +1 -1
  43. package/dist/highContrast/semantic/text.d.ts +2 -1
  44. package/dist/highContrast/semantic/text.d.ts.map +1 -1
  45. package/dist/highContrast/semantic/text.js +3 -3
  46. package/dist/highContrast/theme.d.ts +5 -3
  47. package/dist/highContrast/theme.d.ts.map +1 -1
  48. package/dist/index.d.ts +5 -3
  49. package/dist/index.d.ts.map +1 -1
  50. package/dist/light/components/checkbox.d.ts +4 -4
  51. package/dist/light/components/dropdown.d.ts +3 -3
  52. package/dist/light/components/formField.d.ts +2 -2
  53. package/dist/light/components/input.d.ts +3 -3
  54. package/dist/light/components/menu.d.ts +1 -1
  55. package/dist/light/components/radio.d.ts +18 -2
  56. package/dist/light/components/radio.d.ts.map +1 -1
  57. package/dist/light/components/radio.js +17 -1
  58. package/dist/light/components/select.d.ts +2 -2
  59. package/dist/light/components/tabs.d.ts +1 -1
  60. package/dist/light/components/tooltip.d.ts +1 -1
  61. package/dist/light/semantic/action.js +17 -17
  62. package/dist/light/semantic/control.d.ts +8 -3
  63. package/dist/light/semantic/control.d.ts.map +1 -1
  64. package/dist/light/semantic/control.js +8 -3
  65. package/dist/light/semantic/status.d.ts +2 -2
  66. package/dist/light/semantic/status.js +2 -2
  67. package/dist/light/semantic/text.d.ts +2 -2
  68. package/dist/light/semantic/text.js +2 -2
  69. package/dist/light/theme.d.ts +5 -3
  70. package/dist/light/theme.d.ts.map +1 -1
  71. package/dist/tokens/typography.d.ts +5 -3
  72. package/dist/tokens/typography.d.ts.map +1 -1
  73. package/dist/tokens/typography.js +5 -3
  74. package/package.json +2 -2
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * AUTO-GENERATED FILE
3
3
  * DO NOT EDIT MANUALLY
4
- * Generated: 2026-07-11T09:37:48.703Z
4
+ * Generated: 2026-07-13T14:39:55.502Z
5
5
  */
6
6
 
7
7
  :root {
@@ -43,10 +43,12 @@
43
43
  --font-size-lg: 20px;
44
44
  --font-size-xl: 24px;
45
45
  --font-size-xxl: 32px;
46
- --line-height-sm: 16px;
46
+ --line-height-xs: 16px;
47
+ --line-height-sm: 20px;
47
48
  --line-height-md: 24px;
48
- --line-height-lg: 32px;
49
- --line-height-xl: 40px;
49
+ --line-height-lg: 28px;
50
+ --line-height-xl: 32px;
51
+ --line-height-xxl: 40px;
50
52
  --shadow-sm: 0px 1px 3px rgba(0,0,0,0.04);
51
53
  --shadow-md: 0px 6px 16px rgba(0,0,0,0.08);
52
54
  --shadow-lg: 0px 12px 32px rgba(0,0,0,0.1);
@@ -239,8 +241,11 @@
239
241
  --control-default-fg: #4F4867;
240
242
  --control-default-border: #D4CEE8;
241
243
  --control-hover-bg: #F4F3FF;
242
- --control-hover-fg: #342580;
244
+ --control-hover-fg: #5037C8;
243
245
  --control-hover-border: #5037C8;
246
+ --control-active-bg: #E9E6FF;
247
+ --control-active-fg: #342580;
248
+ --control-active-border: #402C9F;
244
249
  --control-selected-default-bg: #5037C8;
245
250
  --control-selected-default-fg: #FFFFFF;
246
251
  --control-selected-default-border: #5037C8;
@@ -248,10 +253,10 @@
248
253
  --control-selected-hover-fg: #FFFFFF;
249
254
  --control-selected-hover-border: #402C9F;
250
255
  --control-selected-active-bg: #21164F;
251
- --control-selected-active-fg: #FFFFFF;
256
+ --control-selected-active-fg: #0F0F0F;
252
257
  --control-selected-active-border: #21164F;
253
258
  --control-selected-muted-bg: #5037C8;
254
- --control-selected-muted-fg: #FFFFFF;
259
+ --control-selected-muted-fg: #0F0F0F;
255
260
  --control-selected-muted-border: #7C5CFF;
256
261
  --divider-default: #E5E7EB;
257
262
  --divider-muted: #EDF5FF;
@@ -277,9 +282,9 @@
277
282
  --status-success-bg: #ECFDF5;
278
283
  --status-success-border: #6EE7B7;
279
284
  --status-success-strong: #047857;
280
- --status-error-fg: #F43F5E;
285
+ --status-error-fg: #E11D48;
281
286
  --status-error-bg: #FFE4E6;
282
- --status-error-border: #FDA4AF;
287
+ --status-error-border: #E11D48;
283
288
  --status-error-strong: #BE123C;
284
289
  --status-warning-fg: #B45309;
285
290
  --status-warning-bg: #FFFBEB;
@@ -304,8 +309,8 @@
304
309
  --text-muted: #958CB0;
305
310
  --text-disabled: #9CA3AF;
306
311
  --text-subtle: #1A1A1A;
307
- --text-inverse: #FFFFFF;
308
- --text-on-inverse: #0F0F0F;
312
+ --text-inverse: #0F0F0F;
313
+ --text-on-inverse: #FFFFFF;
309
314
  --text-brand: #5037C8;
310
315
  --button-primary-solid-default-bg: #6346E8;
311
316
  --button-primary-solid-default-fg: #FFFFFF;
@@ -422,7 +427,7 @@
422
427
  --checkbox-default-fg: #4F4867;
423
428
  --checkbox-default-border: #D4CEE8;
424
429
  --checkbox-hover-bg: #F4F3FF;
425
- --checkbox-hover-fg: #342580;
430
+ --checkbox-hover-fg: #5037C8;
426
431
  --checkbox-hover-border: #5037C8;
427
432
  --checkbox-checked-default-bg: #5037C8;
428
433
  --checkbox-checked-default-fg: #FFFFFF;
@@ -431,14 +436,14 @@
431
436
  --checkbox-checked-hover-fg: #FFFFFF;
432
437
  --checkbox-checked-hover-border: #402C9F;
433
438
  --checkbox-checked-pressed-bg: #21164F;
434
- --checkbox-checked-pressed-fg: #FFFFFF;
439
+ --checkbox-checked-pressed-fg: #0F0F0F;
435
440
  --checkbox-checked-pressed-border: #21164F;
436
441
  --checkbox-focus-ring: #5037C8;
437
442
  --checkbox-disabled-bg: #FFFFFF;
438
443
  --checkbox-disabled-fg: #9CA3AF;
439
444
  --checkbox-disabled-border: #EEE8FA;
440
- --checkbox-error-fg: #F43F5E;
441
- --checkbox-error-border: #F43F5E;
445
+ --checkbox-error-fg: #E11D48;
446
+ --checkbox-error-border: #E11D48;
442
447
  --dropdown-trigger-default-bg: transparent;
443
448
  --dropdown-trigger-default-fg: #5037C8;
444
449
  --dropdown-trigger-default-border: transparent;
@@ -466,11 +471,11 @@
466
471
  --dropdown-item-focus-ring: #5037C8;
467
472
  --dropdown-item-disabled-bg: transparent;
468
473
  --dropdown-item-disabled-fg: #9CA3AF;
469
- --dropdown-item-danger-default-fg: #F43F5E;
474
+ --dropdown-item-danger-default-fg: #E11D48;
470
475
  --dropdown-item-danger-hover-bg: #FFE4E6;
471
- --dropdown-item-danger-hover-fg: #F43F5E;
476
+ --dropdown-item-danger-hover-fg: #E11D48;
472
477
  --dropdown-item-danger-active-bg: #FFE4E6;
473
- --dropdown-item-danger-active-fg: #F43F5E;
478
+ --dropdown-item-danger-active-fg: #E11D48;
474
479
  --dropdown-item-danger-active-ring: transparent;
475
480
  --dropdown-group-label-fg: #958CB0;
476
481
  --dropdown-separator-bg: #EEE8FA;
@@ -478,11 +483,11 @@
478
483
  --form-field-label-fg: #1A1A1A;
479
484
  --form-field-description-fg: #6B6386;
480
485
  --form-field-helper-text-default-fg: #958CB0;
481
- --form-field-helper-text-error-fg: #F43F5E;
486
+ --form-field-helper-text-error-fg: #E11D48;
482
487
  --form-field-helper-text-success-fg: #047857;
483
488
  --form-field-helper-text-warning-fg: #B45309;
484
489
  --form-field-helper-text-info-fg: #0C4A6E;
485
- --form-field-required-mark-fg: #F43F5E;
490
+ --form-field-required-mark-fg: #E11D48;
486
491
  --form-field-disabled-label-fg: #9CA3AF;
487
492
  --form-field-disabled-description-fg: #9CA3AF;
488
493
  --form-field-disabled-helper-text-fg: #9CA3AF;
@@ -508,7 +513,7 @@
508
513
  --input-disabled-placeholder: #9CA3AF;
509
514
  --input-disabled-icon: #958CB0;
510
515
  --input-error-border: #BE123C;
511
- --input-error-ring: #F43F5E;
516
+ --input-error-ring: #E11D48;
512
517
  --input-success-border: #047857;
513
518
  --input-success-ring: #047857;
514
519
  --input-read-only-bg: #FFFFFF;
@@ -523,8 +528,8 @@
523
528
  --input-icon-danger: #E11D48;
524
529
  --input-icon-muted: #6B6386;
525
530
  --input-icon-inverse: #1A1A1A;
526
- --input-clear-button-fg: #F43F5E;
527
- --input-clear-button-hover-fg: #F43F5E;
531
+ --input-clear-button-fg: #E11D48;
532
+ --input-clear-button-hover-fg: #E11D48;
528
533
  --input-clear-button-hover-bg: #FFE4E680;
529
534
  --input-clear-button-focus-bg: #181521;
530
535
  --input-clear-button-pressed-bg: #BBB2D2;
@@ -537,7 +542,7 @@
537
542
  --menu-item-focus-ring: transparent;
538
543
  --menu-item-disabled-bg: #FFFFFF;
539
544
  --menu-item-disabled-fg: #9CA3AF;
540
- --menu-item-danger-default-fg: #F43F5E;
545
+ --menu-item-danger-default-fg: #E11D48;
541
546
  --menu-item-danger-hover-bg: #FFF1F2;
542
547
  --menu-item-danger-hover-fg: #BE123C;
543
548
  --menu-item-danger-active-bg: #FFE4E6;
@@ -563,8 +568,11 @@
563
568
  --radio-default-fg: #4F4867;
564
569
  --radio-default-border: #BBB2D2;
565
570
  --radio-hover-bg: #F4F3FF;
566
- --radio-hover-fg: #342580;
571
+ --radio-hover-fg: #5037C8;
567
572
  --radio-hover-border: #5037C8;
573
+ --radio-pressed-bg: #E9E6FF;
574
+ --radio-pressed-fg: #342580;
575
+ --radio-pressed-border: #402C9F;
568
576
  --radio-checked-default-bg: #5037C8;
569
577
  --radio-checked-default-fg: #5037C8;
570
578
  --radio-checked-default-border: #5037C8;
@@ -572,9 +580,16 @@
572
580
  --radio-checked-hover-fg: #5037C8;
573
581
  --radio-checked-hover-border: #402C9F;
574
582
  --radio-checked-pressed-bg: #21164F;
575
- --radio-checked-pressed-fg: #FFFFFF;
583
+ --radio-checked-pressed-fg: #5037C8;
576
584
  --radio-checked-pressed-border: #21164F;
585
+ --radio-checked-disabled-bg: #FFFFFF;
586
+ --radio-checked-disabled-fg: #9CA3AF;
587
+ --radio-checked-disabled-border: #BBB2D2;
588
+ --radio-invalid-bg: #F4F1FB;
589
+ --radio-invalid-fg: #0F0F0F;
590
+ --radio-invalid-border: #E11D48;
577
591
  --radio-focus-ring: #5037C8;
592
+ --radio-focus-border: #5037C8;
578
593
  --radio-disabled-bg: #FFFFFF;
579
594
  --radio-disabled-fg: #9CA3AF;
580
595
  --radio-disabled-border: #BBB2D2;
@@ -582,7 +597,7 @@
582
597
  --select-trigger-default-fg: #1A1A1A;
583
598
  --select-trigger-default-border: #BBB2D2;
584
599
  --select-trigger-hover-bg: #F4F3FF;
585
- --select-trigger-hover-fg: #342580;
600
+ --select-trigger-hover-fg: #5037C8;
586
601
  --select-trigger-hover-border: #5037C8;
587
602
  --select-trigger-focus-bg: #F4F1FB;
588
603
  --select-trigger-focus-fg: #4F4867;
@@ -592,7 +607,7 @@
592
607
  --select-trigger-disabled-fg: #9CA3AF;
593
608
  --select-trigger-disabled-border: #EEE8FA;
594
609
  --select-trigger-placeholder-fg: #6B6386;
595
- --select-trigger-error-border: #F43F5E;
610
+ --select-trigger-error-border: #E11D48;
596
611
  --select-trigger-error-ring: #FFE4E6;
597
612
  --select-dropdown-bg: #FFFFFF;
598
613
  --select-dropdown-fg: #4F4867;
@@ -631,7 +646,7 @@
631
646
  --tabs-pills-hover-fg: #4F4867;
632
647
  --tabs-pills-hover-border: transparent;
633
648
  --tabs-pills-active-bg: #5037C8;
634
- --tabs-pills-active-fg: #FFFFFF;
649
+ --tabs-pills-active-fg: #0F0F0F;
635
650
  --tabs-pills-active-border: #7C5CFF;
636
651
  --tabs-pills-disabled-bg: transparent;
637
652
  --tabs-pills-disabled-fg: #9CA3AF;
@@ -641,7 +656,7 @@
641
656
  --tabs-indicator-active-bg: #5037C8;
642
657
  --tabs-panel-fg: #4F4867;
643
658
  --tooltip-content-bg: #181521;
644
- --tooltip-content-fg: #FFFFFF;
659
+ --tooltip-content-fg: #0F0F0F;
645
660
  --tooltip-content-border: #BBB2D2;
646
661
  --tooltip-arrow-bg: #181521;
647
662
  }
@@ -835,9 +850,12 @@
835
850
  --control-hover-bg: #3D3754;
836
851
  --control-hover-fg: #B8A8FF;
837
852
  --control-hover-border: #B8A8FF;
838
- --control-selected-default-bg: #6346E8;
853
+ --control-active-bg: #E9E6FF;
854
+ --control-active-fg: #342580;
855
+ --control-active-border: #402C9F;
856
+ --control-selected-default-bg: #9B7CFF;
839
857
  --control-selected-default-fg: #FFFFFF;
840
- --control-selected-default-border: #6346E8;
858
+ --control-selected-default-border: #9B7CFF;
841
859
  --control-selected-hover-bg: #5037C8;
842
860
  --control-selected-hover-fg: #FFFFFF;
843
861
  --control-selected-hover-border: #5037C8;
@@ -875,7 +893,7 @@
875
893
  --status-success-strong: #059669;
876
894
  --status-error-fg: #FB7185;
877
895
  --status-error-bg: rgba(251, 113, 133, 0.16);
878
- --status-error-border: #FB7185;
896
+ --status-error-border: #F43F5E;
879
897
  --status-error-strong: #E11D48;
880
898
  --status-warning-fg: #FBBF24;
881
899
  --status-warning-bg: rgba(251, 191, 36, 0.14);
@@ -1016,13 +1034,13 @@
1016
1034
  --button-disabled-border: #3D3754;
1017
1035
  --checkbox-default-bg: #3D3754;
1018
1036
  --checkbox-default-fg: #FFFFFF;
1019
- --checkbox-default-border: #231F31;
1037
+ --checkbox-default-border: #4F4867;
1020
1038
  --checkbox-hover-bg: #3D3754;
1021
1039
  --checkbox-hover-fg: #FFFFFF;
1022
1040
  --checkbox-hover-border: #B8A8FF;
1023
- --checkbox-checked-default-bg: #6346E8;
1041
+ --checkbox-checked-default-bg: #9B7CFF;
1024
1042
  --checkbox-checked-default-fg: #FFFFFF;
1025
- --checkbox-checked-default-border: #6346E8;
1043
+ --checkbox-checked-default-border: #9B7CFF;
1026
1044
  --checkbox-checked-hover-bg: #5037C8;
1027
1045
  --checkbox-checked-hover-fg: #FFFFFF;
1028
1046
  --checkbox-checked-hover-border: #5037C8;
@@ -1065,7 +1083,7 @@
1065
1083
  --dropdown-item-danger-default-fg: #FB7185;
1066
1084
  --dropdown-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
1067
1085
  --dropdown-item-danger-hover-fg: #FB7185;
1068
- --dropdown-item-danger-active-bg: #FB7185;
1086
+ --dropdown-item-danger-active-bg: #F43F5E;
1069
1087
  --dropdown-item-danger-active-fg: #FB7185;
1070
1088
  --dropdown-item-danger-active-ring: transparent;
1071
1089
  --dropdown-group-label-fg: #BBB2D2;
@@ -1103,7 +1121,7 @@
1103
1121
  --input-disabled-border: #4F4867;
1104
1122
  --input-disabled-placeholder: #958CB0;
1105
1123
  --input-disabled-icon: #D1D5DB;
1106
- --input-error-border: #FB7185;
1124
+ --input-error-border: #F43F5E;
1107
1125
  --input-error-ring: #FB7185;
1108
1126
  --input-success-border: #059669;
1109
1127
  --input-success-ring: #34D399;
@@ -1136,7 +1154,7 @@
1136
1154
  --menu-item-danger-default-fg: #FB7185;
1137
1155
  --menu-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
1138
1156
  --menu-item-danger-hover-fg: #FB7185;
1139
- --menu-item-danger-active-bg: #FB7185;
1157
+ --menu-item-danger-active-bg: #F43F5E;
1140
1158
  --menu-item-danger-active-fg: #FB7185;
1141
1159
  --menu-trigger-default-fg: #B8A8FF;
1142
1160
  --menu-trigger-hover-bg: #3D3754;
@@ -1155,22 +1173,32 @@
1155
1173
  --modal-close-button-hover-fg: #F4F1FB;
1156
1174
  --modal-close-button-disabled-bg: transparent;
1157
1175
  --modal-close-button-disabled-fg: #958CB0;
1158
- --radio-default-bg: #3D3754;
1176
+ --radio-default-bg: #181521;
1159
1177
  --radio-default-fg: #F4F1FB;
1160
- --radio-default-border: #231F31;
1178
+ --radio-default-border: #4F4867;
1161
1179
  --radio-hover-bg: #3D3754;
1162
1180
  --radio-hover-fg: #B8A8FF;
1163
1181
  --radio-hover-border: #B8A8FF;
1164
- --radio-checked-default-bg: #6346E8;
1182
+ --radio-pressed-bg: #E9E6FF;
1183
+ --radio-pressed-fg: #342580;
1184
+ --radio-pressed-border: #402C9F;
1185
+ --radio-checked-default-bg: #9B7CFF;
1165
1186
  --radio-checked-default-fg: #B8A8FF;
1166
- --radio-checked-default-border: #6346E8;
1187
+ --radio-checked-default-border: #9B7CFF;
1167
1188
  --radio-checked-hover-bg: #5037C8;
1168
1189
  --radio-checked-hover-fg: #B8A8FF;
1169
1190
  --radio-checked-hover-border: #5037C8;
1170
1191
  --radio-checked-pressed-bg: #402C9F;
1171
- --radio-checked-pressed-fg: #FFFFFF;
1192
+ --radio-checked-pressed-fg: #B8A8FF;
1172
1193
  --radio-checked-pressed-border: #402C9F;
1194
+ --radio-checked-disabled-bg: #2F2A42;
1195
+ --radio-checked-disabled-fg: #958CB0;
1196
+ --radio-checked-disabled-border: #4F4867;
1173
1197
  --radio-focus-ring: #B8A8FF;
1198
+ --radio-focus-border: #B8A8FF;
1199
+ --radio-invalid-bg: #181521;
1200
+ --radio-invalid-fg: #FFFFFF;
1201
+ --radio-invalid-border: #F43F5E;
1174
1202
  --radio-disabled-bg: #2F2A42;
1175
1203
  --radio-disabled-fg: #958CB0;
1176
1204
  --radio-disabled-border: #4F4867;
@@ -1372,7 +1400,7 @@
1372
1400
  --action-primary-muted-fg: #FFFFFF;
1373
1401
  --action-primary-muted-border: #B8A8FF;
1374
1402
  --action-primary-subtle-bg: #D4CCFF;
1375
- --action-primary-subtle-fg: #000000;
1403
+ --action-primary-subtle-fg: #F9FAFB;
1376
1404
  --action-primary-subtle-border: #D4CCFF;
1377
1405
  --action-secondary-default-bg: #3ED5EE;
1378
1406
  --action-secondary-default-fg: #000000;
@@ -1424,19 +1452,22 @@
1424
1452
  --control-default-fg: #FFFFFF;
1425
1453
  --control-default-border: #4B5563;
1426
1454
  --control-hover-bg: #111827;
1427
- --control-hover-fg: #000000;
1455
+ --control-hover-fg: #B8A8FF;
1428
1456
  --control-hover-border: #7C5CFF;
1457
+ --control-active-bg: #E9E6FF;
1458
+ --control-active-fg: #342580;
1459
+ --control-active-border: #402C9F;
1429
1460
  --control-radio-hover-bg: #111827;
1430
1461
  --control-radio-hover-fg: #B8A8FF;
1431
1462
  --control-radio-hover-border: #B8A8FF;
1432
- --control-selected-default-bg: #7C5CFF;
1463
+ --control-selected-default-bg: #9B7CFF;
1433
1464
  --control-selected-default-fg: #FFFFFF;
1434
- --control-selected-default-border: #7C5CFF;
1465
+ --control-selected-default-border: #9B7CFF;
1435
1466
  --control-selected-hover-bg: #0369A1;
1436
- --control-selected-hover-fg: #000000;
1467
+ --control-selected-hover-fg: #F9FAFB;
1437
1468
  --control-selected-hover-border: #0369A1;
1438
1469
  --control-selected-active-bg: #402C9F;
1439
- --control-selected-active-fg: #000000;
1470
+ --control-selected-active-fg: #F9FAFB;
1440
1471
  --control-selected-active-border: #402C9F;
1441
1472
  --control-selected-muted-bg: #6346E8;
1442
1473
  --control-selected-muted-fg: #FFFFFF;
@@ -1459,7 +1490,7 @@
1459
1490
  --navigation-tab-focus-ring: #F59E0B;
1460
1491
  --navigation-option-hover-bg: #1F2937;
1461
1492
  --navigation-option-hover-fg: #FFFFFF;
1462
- --navigation-option-active-bg: #111827;
1493
+ --navigation-option-active-bg: #6B7280;
1463
1494
  --navigation-option-active-fg: #FFFFFF;
1464
1495
  --navigation-disabled-bg: #111827;
1465
1496
  --navigation-disabled-fg: #4B5563;
@@ -1476,8 +1507,8 @@
1476
1507
  --status-success-border: #6EE7B7;
1477
1508
  --status-success-strong: #6EE7B7;
1478
1509
  --status-error-fg: #FB7185;
1479
- --status-error-bg: #111827;
1480
- --status-error-border: #FB7185;
1510
+ --status-error-bg: #E11D48;
1511
+ --status-error-border: #F43F5E;
1481
1512
  --status-error-strong: #FDA4AF;
1482
1513
  --status-warning-fg: #FBBF24;
1483
1514
  --status-warning-bg: #111827;
@@ -1494,14 +1525,15 @@
1494
1525
  --surface-pressed: #111827;
1495
1526
  --surface-danger: #9F123980;
1496
1527
  --surface-hover: #1F2937;
1497
- --surface-active: #111827;
1528
+ --surface-active: #6B7280;
1498
1529
  --surface-inverse: #FFFFFF;
1499
1530
  --text-primary: #FFFFFF;
1500
1531
  --text-secondary: #EEE8FA;
1501
1532
  --text-muted: #E5E7EB;
1502
1533
  --text-disabled: #6B7280;
1503
1534
  --text-subtle: #F3F4F6;
1504
- --text-inverse: #000000;
1535
+ --text-elevated: #9CA3AF;
1536
+ --text-inverse: #F9FAFB;
1505
1537
  --text-on-inverse: #000000;
1506
1538
  --text-brand: #B8A8FF;
1507
1539
  --button-primary-solid-default-bg: #6346E8;
@@ -1597,19 +1629,19 @@
1597
1629
  --button-danger-outline-default-bg: transparent;
1598
1630
  --button-danger-outline-default-fg: #FB7185;
1599
1631
  --button-danger-outline-default-border: #FB7185;
1600
- --button-danger-outline-hover-bg: #111827;
1632
+ --button-danger-outline-hover-bg: #9F123980;
1601
1633
  --button-danger-outline-hover-fg: #FDA4AF;
1602
1634
  --button-danger-outline-hover-border: #FDA4AF;
1603
- --button-danger-outline-pressed-bg: #111827;
1635
+ --button-danger-outline-pressed-bg: #9F123980;
1604
1636
  --button-danger-outline-pressed-fg: #9F1239;
1605
1637
  --button-danger-outline-pressed-border: #9F1239;
1606
1638
  --button-danger-ghost-default-bg: transparent;
1607
1639
  --button-danger-ghost-default-fg: #FB7185;
1608
1640
  --button-danger-ghost-default-border: transparent;
1609
- --button-danger-ghost-hover-bg: #111827;
1641
+ --button-danger-ghost-hover-bg: #9F123980;
1610
1642
  --button-danger-ghost-hover-fg: #FDA4AF;
1611
1643
  --button-danger-ghost-hover-border: transparent;
1612
- --button-danger-ghost-pressed-bg: #111827;
1644
+ --button-danger-ghost-pressed-bg: #9F123980;
1613
1645
  --button-danger-ghost-pressed-fg: #9F1239;
1614
1646
  --button-danger-ghost-pressed-border: transparent;
1615
1647
  --button-disabled-bg: #374151;
@@ -1619,16 +1651,16 @@
1619
1651
  --checkbox-default-fg: #FFFFFF;
1620
1652
  --checkbox-default-border: #4B5563;
1621
1653
  --checkbox-hover-bg: #111827;
1622
- --checkbox-hover-fg: #000000;
1654
+ --checkbox-hover-fg: #B8A8FF;
1623
1655
  --checkbox-hover-border: #7C5CFF;
1624
- --checkbox-checked-default-bg: #7C5CFF;
1656
+ --checkbox-checked-default-bg: #9B7CFF;
1625
1657
  --checkbox-checked-default-fg: #FFFFFF;
1626
- --checkbox-checked-default-border: #7C5CFF;
1658
+ --checkbox-checked-default-border: #9B7CFF;
1627
1659
  --checkbox-checked-hover-bg: #0369A1;
1628
- --checkbox-checked-hover-fg: #000000;
1660
+ --checkbox-checked-hover-fg: #F9FAFB;
1629
1661
  --checkbox-checked-hover-border: #0369A1;
1630
1662
  --checkbox-checked-pressed-bg: #402C9F;
1631
- --checkbox-checked-pressed-fg: #000000;
1663
+ --checkbox-checked-pressed-fg: #F9FAFB;
1632
1664
  --checkbox-checked-pressed-border: #402C9F;
1633
1665
  --checkbox-focus-ring: #F59E0B;
1634
1666
  --checkbox-disabled-bg: #111827;
@@ -1673,7 +1705,7 @@
1673
1705
  --dropdown-separator-bg: #4B5563;
1674
1706
  --dropdown-separator-fg: #E5E7EB;
1675
1707
  --form-field-label-fg: #EEE8FA;
1676
- --form-field-description-fg: #E5E7EB;
1708
+ --form-field-description-fg: #9CA3AF;
1677
1709
  --form-field-helper-text-default-fg: #E5E7EB;
1678
1710
  --form-field-helper-text-error-fg: #FB7185;
1679
1711
  --form-field-helper-text-success-fg: #6EE7B7;
@@ -1704,7 +1736,7 @@
1704
1736
  --input-disabled-border: #4B5563;
1705
1737
  --input-disabled-placeholder: #6B7280;
1706
1738
  --input-disabled-icon: #D1D5DB;
1707
- --input-error-border: #FB7185;
1739
+ --input-error-border: #F43F5E;
1708
1740
  --input-error-ring: #FB7185;
1709
1741
  --input-success-border: #6EE7B7;
1710
1742
  --input-success-ring: #6EE7B7;
@@ -1724,7 +1756,7 @@
1724
1756
  --input-clear-button-hover-fg: #FB7185;
1725
1757
  --input-clear-button-hover-bg: #9F123980;
1726
1758
  --input-clear-button-focus-bg: #FFFFFF;
1727
- --input-clear-button-pressed-bg: #111827;
1759
+ --input-clear-button-pressed-bg: #6B7280;
1728
1760
  --menu-item-default-bg: transparent;
1729
1761
  --menu-item-default-fg: #FFFFFF;
1730
1762
  --menu-item-hover-bg: #1F2937;
@@ -1757,24 +1789,34 @@
1757
1789
  --modal-close-button-disabled-bg: transparent;
1758
1790
  --modal-close-button-disabled-fg: #6B7280;
1759
1791
  --radio-default-bg: #000000;
1760
- --radio-default-fg: #FFFFFF;
1792
+ --radio-default-fg: #F9FAFB;
1761
1793
  --radio-default-border: #FFFFFF;
1762
1794
  --radio-hover-bg: #111827;
1763
1795
  --radio-hover-fg: #B8A8FF;
1764
- --radio-hover-border: #B8A8FF;
1796
+ --radio-hover-border: #7C5CFF;
1797
+ --radio-pressed-bg: #E9E6FF;
1798
+ --radio-pressed-fg: #342580;
1799
+ --radio-pressed-border: #402C9F;
1765
1800
  --radio-checked-default-bg: #9B7CFF;
1766
- --radio-checked-default-fg: #7C5CFF;
1767
- --radio-checked-default-border: #B8A8FF;
1801
+ --radio-checked-default-fg: #B8A8FF;
1802
+ --radio-checked-default-border: #9B7CFF;
1768
1803
  --radio-checked-hover-bg: #0369A1;
1769
- --radio-checked-hover-fg: #FFFFFF;
1804
+ --radio-checked-hover-fg: #B8A8FF;
1770
1805
  --radio-checked-hover-border: #0369A1;
1771
1806
  --radio-checked-pressed-bg: #402C9F;
1772
- --radio-checked-pressed-fg: #FFFFFF;
1807
+ --radio-checked-pressed-fg: #B8A8FF;
1773
1808
  --radio-checked-pressed-border: #402C9F;
1809
+ --radio-checked-disabled-bg: #111827;
1810
+ --radio-checked-disabled-fg: #6B7280;
1811
+ --radio-checked-disabled-border: #4B5563;
1774
1812
  --radio-focus-ring: #F59E0B;
1813
+ --radio-focus-border: #FBBF24;
1814
+ --radio-invalid-bg: #000000;
1815
+ --radio-invalid-fg: #F9FAFB;
1816
+ --radio-invalid-border: #F43F5E;
1775
1817
  --radio-disabled-bg: #111827;
1776
1818
  --radio-disabled-fg: #6B7280;
1777
- --radio-disabled-border: #FFFFFF;
1819
+ --radio-disabled-border: #4B5563;
1778
1820
  --select-trigger-default-bg: transparent;
1779
1821
  --select-trigger-default-fg: #FFFFFF;
1780
1822
  --select-trigger-default-border: #FFFFFF;
@@ -1790,7 +1832,7 @@
1790
1832
  --select-trigger-disabled-border: #4B5563;
1791
1833
  --select-trigger-placeholder-fg: #E5E7EB;
1792
1834
  --select-trigger-error-border: #FB7185;
1793
- --select-trigger-error-ring: #111827;
1835
+ --select-trigger-error-ring: #E11D48;
1794
1836
  --select-dropdown-bg: #374151;
1795
1837
  --select-dropdown-fg: #FFFFFF;
1796
1838
  --select-dropdown-border: #FBBF24;
@@ -1802,7 +1844,7 @@
1802
1844
  --select-option-active-bg: #FBBF24;
1803
1845
  --select-option-active-fg: #000000;
1804
1846
  --select-option-active-ring: transparent;
1805
- --select-option-selected-bg: #7C5CFF;
1847
+ --select-option-selected-bg: #9B7CFF;
1806
1848
  --select-option-selected-fg: #FFFFFF;
1807
1849
  --select-option-disabled-bg: transparent;
1808
1850
  --select-option-disabled-fg: #6B7280;
@@ -1825,7 +1867,7 @@
1825
1867
  --tabs-pills-default-fg: #FFFFFF;
1826
1868
  --tabs-pills-default-border: transparent;
1827
1869
  --tabs-pills-hover-bg: #FBBF24;
1828
- --tabs-pills-hover-fg: #000000;
1870
+ --tabs-pills-hover-fg: #F9FAFB;
1829
1871
  --tabs-pills-hover-border: transparent;
1830
1872
  --tabs-pills-active-bg: #B8A8FF;
1831
1873
  --tabs-pills-active-fg: #FFFFFF;
@@ -1838,7 +1880,7 @@
1838
1880
  --tabs-indicator-active-bg: #B8A8FF;
1839
1881
  --tabs-panel-fg: #FFFFFF;
1840
1882
  --tooltip-content-bg: #FFFFFF;
1841
- --tooltip-content-fg: #000000;
1883
+ --tooltip-content-fg: #F9FAFB;
1842
1884
  --tooltip-content-border: #FFFFFF;
1843
1885
  --tooltip-arrow-bg: #FFFFFF;
1844
1886
  }
@@ -2,7 +2,7 @@ export declare const checkbox: {
2
2
  readonly default: {
3
3
  readonly bg: "#3D3754";
4
4
  readonly fg: "#FFFFFF";
5
- readonly border: "#231F31";
5
+ readonly border: "#4F4867";
6
6
  };
7
7
  readonly hover: {
8
8
  readonly fg: "#FFFFFF";
@@ -11,9 +11,9 @@ export declare const checkbox: {
11
11
  };
12
12
  readonly checked: {
13
13
  readonly default: {
14
- readonly bg: "#6346E8";
14
+ readonly bg: "#9B7CFF";
15
15
  readonly fg: "#FFFFFF";
16
- readonly border: "#6346E8";
16
+ readonly border: "#9B7CFF";
17
17
  };
18
18
  readonly hover: {
19
19
  readonly bg: "#5037C8";
@@ -8,7 +8,7 @@ export const checkbox = {
8
8
  default: {
9
9
  bg: surface.elevated,
10
10
  fg: text.inverse,
11
- border: border.subtle,
11
+ border: border.default,
12
12
  },
13
13
  hover: {
14
14
  ...control.hover,
@@ -58,7 +58,7 @@ export declare const dropdown: {
58
58
  readonly fg: "#FB7185";
59
59
  };
60
60
  readonly active: {
61
- readonly bg: "#FB7185";
61
+ readonly bg: "#F43F5E";
62
62
  readonly fg: "#FB7185";
63
63
  readonly ring: "transparent";
64
64
  };
@@ -29,7 +29,7 @@ export declare const input: {
29
29
  readonly icon: "#D1D5DB";
30
30
  };
31
31
  readonly error: {
32
- readonly border: "#FB7185";
32
+ readonly border: "#F43F5E";
33
33
  readonly ring: "#FB7185";
34
34
  };
35
35
  readonly success: {
@@ -28,7 +28,7 @@ export declare const menu: {
28
28
  readonly fg: "#FB7185";
29
29
  };
30
30
  readonly active: {
31
- readonly bg: "#FB7185";
31
+ readonly bg: "#F43F5E";
32
32
  readonly fg: "#FB7185";
33
33
  };
34
34
  };
@@ -1,19 +1,24 @@
1
1
  export declare const radio: {
2
2
  readonly default: {
3
- readonly bg: "#3D3754";
3
+ readonly bg: "#181521";
4
4
  readonly fg: "#F4F1FB";
5
- readonly border: "#231F31";
5
+ readonly border: "#4F4867";
6
6
  };
7
7
  readonly hover: {
8
8
  readonly bg: "#3D3754";
9
9
  readonly fg: "#B8A8FF";
10
10
  readonly border: "#B8A8FF";
11
11
  };
12
+ readonly pressed: {
13
+ readonly bg: "#E9E6FF";
14
+ readonly fg: "#342580";
15
+ readonly border: "#402C9F";
16
+ };
12
17
  readonly checked: {
13
18
  readonly default: {
14
19
  readonly fg: "#B8A8FF";
15
- readonly bg: "#6346E8";
16
- readonly border: "#6346E8";
20
+ readonly bg: "#9B7CFF";
21
+ readonly border: "#9B7CFF";
17
22
  };
18
23
  readonly hover: {
19
24
  readonly fg: "#B8A8FF";
@@ -21,13 +26,24 @@ export declare const radio: {
21
26
  readonly border: "#5037C8";
22
27
  };
23
28
  readonly pressed: {
29
+ readonly fg: "#B8A8FF";
24
30
  readonly bg: "#402C9F";
25
- readonly fg: "#FFFFFF";
26
31
  readonly border: "#402C9F";
27
32
  };
33
+ readonly disabled: {
34
+ readonly bg: "#2F2A42";
35
+ readonly fg: "#958CB0";
36
+ readonly border: "#4F4867";
37
+ };
28
38
  };
29
39
  readonly focus: {
30
40
  readonly ring: "#B8A8FF";
41
+ readonly border: "#B8A8FF";
42
+ };
43
+ readonly invalid: {
44
+ readonly bg: "#181521";
45
+ readonly fg: "#FFFFFF";
46
+ readonly border: "#F43F5E";
31
47
  };
32
48
  readonly disabled: {
33
49
  readonly bg: "#2F2A42";
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/dark/components/radio.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BR,CAAC"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/dark/components/radio.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDR,CAAC"}