@vellira-ui/tokens 2.29.0 → 2.31.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 (43) hide show
  1. package/dist/css/tokens.css +2427 -16
  2. package/dist/dark/components/formField.d.ts +52 -0
  3. package/dist/dark/components/formField.d.ts.map +1 -1
  4. package/dist/dark/components/formField.js +55 -0
  5. package/dist/dark/components/input.d.ts +109 -4
  6. package/dist/dark/components/input.d.ts.map +1 -1
  7. package/dist/dark/components/input.js +81 -4
  8. package/dist/dark/components/select.d.ts +1702 -3
  9. package/dist/dark/components/select.d.ts.map +1 -1
  10. package/dist/dark/components/select.js +163 -6
  11. package/dist/factories/createInputPalette.d.ts +78 -0
  12. package/dist/factories/createInputPalette.d.ts.map +1 -0
  13. package/dist/factories/createInputPalette.js +78 -0
  14. package/dist/factories/createSelectPalette.d.ts +347 -0
  15. package/dist/factories/createSelectPalette.d.ts.map +1 -0
  16. package/dist/factories/createSelectPalette.js +41 -0
  17. package/dist/factories/index.d.ts +1 -0
  18. package/dist/factories/index.d.ts.map +1 -1
  19. package/dist/factories/index.js +1 -0
  20. package/dist/generated/token-types.d.ts +4 -4
  21. package/dist/generated/token-types.d.ts.map +1 -1
  22. package/dist/generated/token-types.js +3220 -4
  23. package/dist/highContrast/components/formField.d.ts +52 -0
  24. package/dist/highContrast/components/formField.d.ts.map +1 -1
  25. package/dist/highContrast/components/formField.js +55 -0
  26. package/dist/highContrast/components/input.d.ts +109 -4
  27. package/dist/highContrast/components/input.d.ts.map +1 -1
  28. package/dist/highContrast/components/input.js +101 -4
  29. package/dist/highContrast/components/select.d.ts +1701 -2
  30. package/dist/highContrast/components/select.d.ts.map +1 -1
  31. package/dist/highContrast/components/select.js +187 -5
  32. package/dist/light/components/formField.d.ts +52 -0
  33. package/dist/light/components/formField.d.ts.map +1 -1
  34. package/dist/light/components/formField.js +55 -0
  35. package/dist/light/components/input.d.ts +110 -5
  36. package/dist/light/components/input.d.ts.map +1 -1
  37. package/dist/light/components/input.js +81 -4
  38. package/dist/light/components/select.d.ts +1702 -3
  39. package/dist/light/components/select.d.ts.map +1 -1
  40. package/dist/light/components/select.js +164 -6
  41. package/dist/light/semantic/icons.d.ts +1 -1
  42. package/dist/light/semantic/icons.js +1 -1
  43. package/package.json +3 -2
package/dist/css/tokens.css CHANGED
@@ -1,7 +1,6 @@
1
1
  /**
2
2
  * AUTO-GENERATED FILE
3
3
  * DO NOT EDIT MANUALLY
4
- * Generated: 2026-07-17T08:19:53.048Z
5
4
  */
6
5
 
7
6
  :root {
@@ -766,6 +765,10 @@
766
765
  --dropdown-separator-bg: #E4DDF4;
767
766
  --dropdown-separator-fg: #958CB0;
768
767
  --form-field-label-fg: #3D3754;
768
+ --form-field-optional-fg: #6B6386;
769
+ --form-field-label-info-fg: #6B6386;
770
+ --form-field-label-info-border: #6B6386;
771
+ --form-field-label-info-radius: 999px;
769
772
  --form-field-description-fg: #6B6386;
770
773
  --form-field-helper-text-default-fg: #958CB0;
771
774
  --form-field-helper-text-error-fg: #BE123C;
@@ -776,6 +779,272 @@
776
779
  --form-field-disabled-label-fg: #958CB0;
777
780
  --form-field-disabled-description-fg: #958CB0;
778
781
  --form-field-disabled-helper-text-fg: #958CB0;
782
+ --form-field-size-sm-gap: 4px;
783
+ --form-field-size-sm-horizontal-gap: 12px;
784
+ --form-field-size-sm-label-font-size: 14px;
785
+ --form-field-size-sm-label-line-height: 20px;
786
+ --form-field-size-sm-description-font-size: 12px;
787
+ --form-field-size-sm-description-line-height: 16px;
788
+ --form-field-size-sm-helper-text-font-size: 12px;
789
+ --form-field-size-sm-helper-text-line-height: 16px;
790
+ --form-field-size-sm-optional-font-size: 12px;
791
+ --form-field-size-sm-optional-line-height: 16px;
792
+ --form-field-size-sm-label-info-size: 16px;
793
+ --form-field-size-sm-label-info-font-size: 12px;
794
+ --form-field-size-md-gap: 8px;
795
+ --form-field-size-md-horizontal-gap: 16px;
796
+ --form-field-size-md-label-font-size: 16px;
797
+ --form-field-size-md-label-line-height: 24px;
798
+ --form-field-size-md-description-font-size: 14px;
799
+ --form-field-size-md-description-line-height: 20px;
800
+ --form-field-size-md-helper-text-font-size: 14px;
801
+ --form-field-size-md-helper-text-line-height: 20px;
802
+ --form-field-size-md-optional-font-size: 12px;
803
+ --form-field-size-md-optional-line-height: 16px;
804
+ --form-field-size-md-label-info-size: 16px;
805
+ --form-field-size-md-label-info-font-size: 12px;
806
+ --form-field-size-lg-gap: 12px;
807
+ --form-field-size-lg-horizontal-gap: 20px;
808
+ --form-field-size-lg-label-font-size: 20px;
809
+ --form-field-size-lg-label-line-height: 28px;
810
+ --form-field-size-lg-description-font-size: 16px;
811
+ --form-field-size-lg-description-line-height: 24px;
812
+ --form-field-size-lg-helper-text-font-size: 16px;
813
+ --form-field-size-lg-helper-text-line-height: 24px;
814
+ --form-field-size-lg-optional-font-size: 14px;
815
+ --form-field-size-lg-optional-line-height: 20px;
816
+ --form-field-size-lg-label-info-size: 20px;
817
+ --form-field-size-lg-label-info-font-size: 14px;
818
+ --input-primary-ring: #9B7CFF;
819
+ --input-primary-outline-default-bg: transparent;
820
+ --input-primary-outline-default-fg: #3D3754;
821
+ --input-primary-outline-default-border: #7352F8;
822
+ --input-primary-outline-default-placeholder: #6B6386;
823
+ --input-primary-outline-default-icon: #7352F8;
824
+ --input-primary-outline-hover-bg: #F4F1FB;
825
+ --input-primary-outline-hover-fg: #3D3754;
826
+ --input-primary-outline-hover-border: #5037C8;
827
+ --input-primary-outline-hover-placeholder: #6B6386;
828
+ --input-primary-outline-hover-icon: #5037C8;
829
+ --input-primary-outline-focus-bg: transparent;
830
+ --input-primary-outline-focus-fg: #3D3754;
831
+ --input-primary-outline-focus-border: #5037C8;
832
+ --input-primary-outline-focus-placeholder: #6B6386;
833
+ --input-primary-outline-focus-icon: #5037C8;
834
+ --input-primary-filled-default-bg: #E9E6FF;
835
+ --input-primary-filled-default-fg: #3D3754;
836
+ --input-primary-filled-default-border: transparent;
837
+ --input-primary-filled-default-placeholder: #6B6386;
838
+ --input-primary-filled-default-icon: #7352F8;
839
+ --input-primary-filled-hover-bg: #D4CCFF;
840
+ --input-primary-filled-hover-fg: #3D3754;
841
+ --input-primary-filled-hover-border: #7352F8;
842
+ --input-primary-filled-hover-placeholder: #6B6386;
843
+ --input-primary-filled-hover-icon: #5037C8;
844
+ --input-primary-filled-focus-bg: #FDFCFF;
845
+ --input-primary-filled-focus-fg: #3D3754;
846
+ --input-primary-filled-focus-border: #5037C8;
847
+ --input-primary-filled-focus-placeholder: #6B6386;
848
+ --input-primary-filled-focus-icon: #5037C8;
849
+ --input-primary-soft-default-bg: #F4F3FF;
850
+ --input-primary-soft-default-fg: #3D3754;
851
+ --input-primary-soft-default-border: transparent;
852
+ --input-primary-soft-default-placeholder: #6B6386;
853
+ --input-primary-soft-default-icon: #7352F8;
854
+ --input-primary-soft-hover-bg: #F4F3FF;
855
+ --input-primary-soft-hover-fg: #3D3754;
856
+ --input-primary-soft-hover-border: #7352F8;
857
+ --input-primary-soft-hover-placeholder: #6B6386;
858
+ --input-primary-soft-hover-icon: #5037C8;
859
+ --input-primary-soft-focus-bg: #F4F3FF;
860
+ --input-primary-soft-focus-fg: #3D3754;
861
+ --input-primary-soft-focus-border: #5037C8;
862
+ --input-primary-soft-focus-placeholder: #6B6386;
863
+ --input-primary-soft-focus-icon: #5037C8;
864
+ --input-neutral-ring: #958CB0;
865
+ --input-neutral-outline-default-bg: transparent;
866
+ --input-neutral-outline-default-fg: #3D3754;
867
+ --input-neutral-outline-default-border: #958CB0;
868
+ --input-neutral-outline-default-placeholder: #6B6386;
869
+ --input-neutral-outline-default-icon: #958CB0;
870
+ --input-neutral-outline-hover-bg: #F4F1FB;
871
+ --input-neutral-outline-hover-fg: #3D3754;
872
+ --input-neutral-outline-hover-border: #4F4867;
873
+ --input-neutral-outline-hover-placeholder: #6B6386;
874
+ --input-neutral-outline-hover-icon: #4F4867;
875
+ --input-neutral-outline-focus-bg: transparent;
876
+ --input-neutral-outline-focus-fg: #3D3754;
877
+ --input-neutral-outline-focus-border: #4F4867;
878
+ --input-neutral-outline-focus-placeholder: #6B6386;
879
+ --input-neutral-outline-focus-icon: #4F4867;
880
+ --input-neutral-filled-default-bg: #EEE8FA;
881
+ --input-neutral-filled-default-fg: #3D3754;
882
+ --input-neutral-filled-default-border: transparent;
883
+ --input-neutral-filled-default-placeholder: #6B6386;
884
+ --input-neutral-filled-default-icon: #958CB0;
885
+ --input-neutral-filled-hover-bg: #E4DDF4;
886
+ --input-neutral-filled-hover-fg: #3D3754;
887
+ --input-neutral-filled-hover-border: #958CB0;
888
+ --input-neutral-filled-hover-placeholder: #6B6386;
889
+ --input-neutral-filled-hover-icon: #4F4867;
890
+ --input-neutral-filled-focus-bg: #FDFCFF;
891
+ --input-neutral-filled-focus-fg: #3D3754;
892
+ --input-neutral-filled-focus-border: #4F4867;
893
+ --input-neutral-filled-focus-placeholder: #6B6386;
894
+ --input-neutral-filled-focus-icon: #4F4867;
895
+ --input-neutral-soft-default-bg: #F4F1FB;
896
+ --input-neutral-soft-default-fg: #3D3754;
897
+ --input-neutral-soft-default-border: transparent;
898
+ --input-neutral-soft-default-placeholder: #6B6386;
899
+ --input-neutral-soft-default-icon: #958CB0;
900
+ --input-neutral-soft-hover-bg: #F4F1FB;
901
+ --input-neutral-soft-hover-fg: #3D3754;
902
+ --input-neutral-soft-hover-border: #958CB0;
903
+ --input-neutral-soft-hover-placeholder: #6B6386;
904
+ --input-neutral-soft-hover-icon: #4F4867;
905
+ --input-neutral-soft-focus-bg: #F4F1FB;
906
+ --input-neutral-soft-focus-fg: #3D3754;
907
+ --input-neutral-soft-focus-border: #4F4867;
908
+ --input-neutral-soft-focus-placeholder: #6B6386;
909
+ --input-neutral-soft-focus-icon: #4F4867;
910
+ --input-success-ring: #14B8A6;
911
+ --input-success-outline-default-bg: transparent;
912
+ --input-success-outline-default-fg: #3D3754;
913
+ --input-success-outline-default-border: #0F9E94;
914
+ --input-success-outline-default-placeholder: #6B6386;
915
+ --input-success-outline-default-icon: #0F9E94;
916
+ --input-success-outline-hover-bg: #F0FDFA;
917
+ --input-success-outline-hover-fg: #3D3754;
918
+ --input-success-outline-hover-border: #0F766E;
919
+ --input-success-outline-hover-placeholder: #6B6386;
920
+ --input-success-outline-hover-icon: #0F766E;
921
+ --input-success-outline-focus-bg: transparent;
922
+ --input-success-outline-focus-fg: #3D3754;
923
+ --input-success-outline-focus-border: #0F766E;
924
+ --input-success-outline-focus-placeholder: #6B6386;
925
+ --input-success-outline-focus-icon: #0F766E;
926
+ --input-success-filled-default-bg: #CCFBF1;
927
+ --input-success-filled-default-fg: #3D3754;
928
+ --input-success-filled-default-border: transparent;
929
+ --input-success-filled-default-placeholder: #6B6386;
930
+ --input-success-filled-default-icon: #0F9E94;
931
+ --input-success-filled-hover-bg: #99F6E4;
932
+ --input-success-filled-hover-fg: #3D3754;
933
+ --input-success-filled-hover-border: #0F9E94;
934
+ --input-success-filled-hover-placeholder: #6B6386;
935
+ --input-success-filled-hover-icon: #0F766E;
936
+ --input-success-filled-focus-bg: #FDFCFF;
937
+ --input-success-filled-focus-fg: #3D3754;
938
+ --input-success-filled-focus-border: #0F766E;
939
+ --input-success-filled-focus-placeholder: #6B6386;
940
+ --input-success-filled-focus-icon: #0F766E;
941
+ --input-success-soft-default-bg: #F0FDFA;
942
+ --input-success-soft-default-fg: #3D3754;
943
+ --input-success-soft-default-border: transparent;
944
+ --input-success-soft-default-placeholder: #6B6386;
945
+ --input-success-soft-default-icon: #0F9E94;
946
+ --input-success-soft-hover-bg: #F0FDFA;
947
+ --input-success-soft-hover-fg: #3D3754;
948
+ --input-success-soft-hover-border: #0F9E94;
949
+ --input-success-soft-hover-placeholder: #6B6386;
950
+ --input-success-soft-hover-icon: #0F766E;
951
+ --input-success-soft-focus-bg: #F0FDFA;
952
+ --input-success-soft-focus-fg: #3D3754;
953
+ --input-success-soft-focus-border: #0F766E;
954
+ --input-success-soft-focus-placeholder: #6B6386;
955
+ --input-success-soft-focus-icon: #0F766E;
956
+ --input-warning-ring: #F59E0B;
957
+ --input-warning-outline-default-bg: transparent;
958
+ --input-warning-outline-default-fg: #3D3754;
959
+ --input-warning-outline-default-border: #D97706;
960
+ --input-warning-outline-default-placeholder: #6B6386;
961
+ --input-warning-outline-default-icon: #D97706;
962
+ --input-warning-outline-hover-bg: #FFFBEB;
963
+ --input-warning-outline-hover-fg: #3D3754;
964
+ --input-warning-outline-hover-border: #B45309;
965
+ --input-warning-outline-hover-placeholder: #6B6386;
966
+ --input-warning-outline-hover-icon: #B45309;
967
+ --input-warning-outline-focus-bg: transparent;
968
+ --input-warning-outline-focus-fg: #3D3754;
969
+ --input-warning-outline-focus-border: #B45309;
970
+ --input-warning-outline-focus-placeholder: #6B6386;
971
+ --input-warning-outline-focus-icon: #B45309;
972
+ --input-warning-filled-default-bg: #FEF3C7;
973
+ --input-warning-filled-default-fg: #3D3754;
974
+ --input-warning-filled-default-border: transparent;
975
+ --input-warning-filled-default-placeholder: #6B6386;
976
+ --input-warning-filled-default-icon: #D97706;
977
+ --input-warning-filled-hover-bg: #FDE68A;
978
+ --input-warning-filled-hover-fg: #3D3754;
979
+ --input-warning-filled-hover-border: #D97706;
980
+ --input-warning-filled-hover-placeholder: #6B6386;
981
+ --input-warning-filled-hover-icon: #B45309;
982
+ --input-warning-filled-focus-bg: #FDFCFF;
983
+ --input-warning-filled-focus-fg: #3D3754;
984
+ --input-warning-filled-focus-border: #B45309;
985
+ --input-warning-filled-focus-placeholder: #6B6386;
986
+ --input-warning-filled-focus-icon: #B45309;
987
+ --input-warning-soft-default-bg: #FFFBEB;
988
+ --input-warning-soft-default-fg: #3D3754;
989
+ --input-warning-soft-default-border: transparent;
990
+ --input-warning-soft-default-placeholder: #6B6386;
991
+ --input-warning-soft-default-icon: #D97706;
992
+ --input-warning-soft-hover-bg: #FFFBEB;
993
+ --input-warning-soft-hover-fg: #3D3754;
994
+ --input-warning-soft-hover-border: #D97706;
995
+ --input-warning-soft-hover-placeholder: #6B6386;
996
+ --input-warning-soft-hover-icon: #B45309;
997
+ --input-warning-soft-focus-bg: #FFFBEB;
998
+ --input-warning-soft-focus-fg: #3D3754;
999
+ --input-warning-soft-focus-border: #B45309;
1000
+ --input-warning-soft-focus-placeholder: #6B6386;
1001
+ --input-warning-soft-focus-icon: #B45309;
1002
+ --input-danger-ring: #F43F5E;
1003
+ --input-danger-outline-default-bg: transparent;
1004
+ --input-danger-outline-default-fg: #3D3754;
1005
+ --input-danger-outline-default-border: #E11D48;
1006
+ --input-danger-outline-default-placeholder: #6B6386;
1007
+ --input-danger-outline-default-icon: #E11D48;
1008
+ --input-danger-outline-hover-bg: #FFF1F2;
1009
+ --input-danger-outline-hover-fg: #3D3754;
1010
+ --input-danger-outline-hover-border: #BE123C;
1011
+ --input-danger-outline-hover-placeholder: #6B6386;
1012
+ --input-danger-outline-hover-icon: #BE123C;
1013
+ --input-danger-outline-focus-bg: transparent;
1014
+ --input-danger-outline-focus-fg: #3D3754;
1015
+ --input-danger-outline-focus-border: #BE123C;
1016
+ --input-danger-outline-focus-placeholder: #6B6386;
1017
+ --input-danger-outline-focus-icon: #BE123C;
1018
+ --input-danger-filled-default-bg: #FFE4E6;
1019
+ --input-danger-filled-default-fg: #3D3754;
1020
+ --input-danger-filled-default-border: transparent;
1021
+ --input-danger-filled-default-placeholder: #6B6386;
1022
+ --input-danger-filled-default-icon: #E11D48;
1023
+ --input-danger-filled-hover-bg: #FECDD3;
1024
+ --input-danger-filled-hover-fg: #3D3754;
1025
+ --input-danger-filled-hover-border: #E11D48;
1026
+ --input-danger-filled-hover-placeholder: #6B6386;
1027
+ --input-danger-filled-hover-icon: #BE123C;
1028
+ --input-danger-filled-focus-bg: #FDFCFF;
1029
+ --input-danger-filled-focus-fg: #3D3754;
1030
+ --input-danger-filled-focus-border: #BE123C;
1031
+ --input-danger-filled-focus-placeholder: #6B6386;
1032
+ --input-danger-filled-focus-icon: #BE123C;
1033
+ --input-danger-soft-default-bg: #FFF1F2;
1034
+ --input-danger-soft-default-fg: #3D3754;
1035
+ --input-danger-soft-default-border: transparent;
1036
+ --input-danger-soft-default-placeholder: #6B6386;
1037
+ --input-danger-soft-default-icon: #E11D48;
1038
+ --input-danger-soft-hover-bg: #FFF1F2;
1039
+ --input-danger-soft-hover-fg: #3D3754;
1040
+ --input-danger-soft-hover-border: #E11D48;
1041
+ --input-danger-soft-hover-placeholder: #6B6386;
1042
+ --input-danger-soft-hover-icon: #BE123C;
1043
+ --input-danger-soft-focus-bg: #FFF1F2;
1044
+ --input-danger-soft-focus-fg: #3D3754;
1045
+ --input-danger-soft-focus-border: #BE123C;
1046
+ --input-danger-soft-focus-placeholder: #6B6386;
1047
+ --input-danger-soft-focus-icon: #BE123C;
779
1048
  --input-default-bg: transparent;
780
1049
  --input-default-fg: #3D3754;
781
1050
  --input-default-border: #BBB2D2;
@@ -799,8 +1068,6 @@
799
1068
  --input-disabled-icon: #958CB0;
800
1069
  --input-error-border: #E11D48;
801
1070
  --input-error-ring: #F43F5E;
802
- --input-success-border: #0F766E;
803
- --input-success-ring: #14B8A6;
804
1071
  --input-read-only-bg: #FDFCFF;
805
1072
  --input-read-only-fg: #6B6386;
806
1073
  --input-read-only-border: #E4DDF4;
@@ -809,7 +1076,7 @@
809
1076
  --input-icon-default: #3D3754;
810
1077
  --input-icon-primary: #5037C8;
811
1078
  --input-icon-secondary: #6B6386;
812
- --input-icon-success: #0F766E;
1079
+ --input-icon-success: #14B8A6;
813
1080
  --input-icon-danger: #BE123C;
814
1081
  --input-icon-muted: #958CB0;
815
1082
  --input-icon-inverse: #FFFFFF;
@@ -819,6 +1086,15 @@
819
1086
  --input-clear-button-hover-bg: #FFF1F2;
820
1087
  --input-clear-button-focus-bg: #FDFCFF;
821
1088
  --input-clear-button-pressed-bg: #EEE8FA;
1089
+ --input-reveal-button-fg: #3D3754;
1090
+ --input-reveal-button-hover-fg: #3D3754;
1091
+ --input-reveal-button-hover-bg: #F4F1FB;
1092
+ --input-addon-bg: #F4F1FB;
1093
+ --input-addon-fg: #6B6386;
1094
+ --input-addon-border: #BBB2D2;
1095
+ --input-affix-fg: #3D3754;
1096
+ --input-counter-fg: #6B6386;
1097
+ --input-spinner-fg: #958CB0;
822
1098
  --modal-overlay-bg: rgba(24, 21, 33, 0.52);
823
1099
  --modal-content-bg: #FFFFFF;
824
1100
  --modal-content-fg: #3D3754;
@@ -929,26 +1205,542 @@
929
1205
  --radio-selected-disabled-fg: #958CB0;
930
1206
  --radio-selected-disabled-border: #E4DDF4;
931
1207
  --radio-selected-disabled-label-fg: #958CB0;
1208
+ --select-primary-ring: #9B7CFF;
1209
+ --select-primary-outline-default-bg: transparent;
1210
+ --select-primary-outline-default-fg: #3D3754;
1211
+ --select-primary-outline-default-border: #7352F8;
1212
+ --select-primary-outline-default-placeholder: #6B6386;
1213
+ --select-primary-outline-default-icon: #7352F8;
1214
+ --select-primary-outline-hover-bg: #F4F1FB;
1215
+ --select-primary-outline-hover-fg: #3D3754;
1216
+ --select-primary-outline-hover-border: #5037C8;
1217
+ --select-primary-outline-hover-placeholder: #6B6386;
1218
+ --select-primary-outline-hover-icon: #5037C8;
1219
+ --select-primary-outline-focus-bg: transparent;
1220
+ --select-primary-outline-focus-fg: #3D3754;
1221
+ --select-primary-outline-focus-border: #5037C8;
1222
+ --select-primary-outline-focus-placeholder: #6B6386;
1223
+ --select-primary-outline-focus-icon: #5037C8;
1224
+ --select-primary-outline-dropdown-border: transparent;
1225
+ --select-primary-outline-dropdown-ring: #9B7CFF;
1226
+ --select-primary-outline-option-active-bg: #F4F1FB;
1227
+ --select-primary-outline-option-active-fg: #3D3754;
1228
+ --select-primary-outline-option-active-border: transparent;
1229
+ --select-primary-outline-option-active-ring: transparent;
1230
+ --select-primary-outline-option-hover-bg: #F4F3FF;
1231
+ --select-primary-outline-option-hover-fg: #3D3754;
1232
+ --select-primary-outline-option-hover-border: transparent;
1233
+ --select-primary-outline-option-selected-bg: #E9E6FF;
1234
+ --select-primary-outline-option-selected-fg: #3D3754;
1235
+ --select-primary-outline-option-selected-border: #7352F8;
1236
+ --select-primary-outline-option-pressed-bg: #D4CCFF;
1237
+ --select-primary-outline-option-pressed-fg: #3D3754;
1238
+ --select-primary-outline-option-pressed-border: transparent;
1239
+ --select-primary-outline-option-badge-bg: #F4F3FF;
1240
+ --select-primary-outline-option-badge-fg: #3D3754;
1241
+ --select-primary-outline-option-badge-border: transparent;
1242
+ --select-primary-filled-default-bg: #E9E6FF;
1243
+ --select-primary-filled-default-fg: #3D3754;
1244
+ --select-primary-filled-default-border: transparent;
1245
+ --select-primary-filled-default-placeholder: #6B6386;
1246
+ --select-primary-filled-default-icon: #7352F8;
1247
+ --select-primary-filled-hover-bg: #D4CCFF;
1248
+ --select-primary-filled-hover-fg: #3D3754;
1249
+ --select-primary-filled-hover-border: #7352F8;
1250
+ --select-primary-filled-hover-placeholder: #6B6386;
1251
+ --select-primary-filled-hover-icon: #5037C8;
1252
+ --select-primary-filled-focus-bg: #FDFCFF;
1253
+ --select-primary-filled-focus-fg: #3D3754;
1254
+ --select-primary-filled-focus-border: #5037C8;
1255
+ --select-primary-filled-focus-placeholder: #6B6386;
1256
+ --select-primary-filled-focus-icon: #5037C8;
1257
+ --select-primary-filled-dropdown-border: transparent;
1258
+ --select-primary-filled-dropdown-ring: #9B7CFF;
1259
+ --select-primary-filled-option-active-bg: #D4CCFF;
1260
+ --select-primary-filled-option-active-fg: #3D3754;
1261
+ --select-primary-filled-option-active-border: transparent;
1262
+ --select-primary-filled-option-active-ring: transparent;
1263
+ --select-primary-filled-option-hover-bg: #F4F3FF;
1264
+ --select-primary-filled-option-hover-fg: #3D3754;
1265
+ --select-primary-filled-option-hover-border: transparent;
1266
+ --select-primary-filled-option-selected-bg: #E9E6FF;
1267
+ --select-primary-filled-option-selected-fg: #3D3754;
1268
+ --select-primary-filled-option-selected-border: #7352F8;
1269
+ --select-primary-filled-option-pressed-bg: #D4CCFF;
1270
+ --select-primary-filled-option-pressed-fg: #3D3754;
1271
+ --select-primary-filled-option-pressed-border: transparent;
1272
+ --select-primary-filled-option-badge-bg: #F4F3FF;
1273
+ --select-primary-filled-option-badge-fg: #3D3754;
1274
+ --select-primary-filled-option-badge-border: transparent;
1275
+ --select-primary-soft-default-bg: #F4F3FF;
1276
+ --select-primary-soft-default-fg: #3D3754;
1277
+ --select-primary-soft-default-border: transparent;
1278
+ --select-primary-soft-default-placeholder: #6B6386;
1279
+ --select-primary-soft-default-icon: #7352F8;
1280
+ --select-primary-soft-hover-bg: #F4F3FF;
1281
+ --select-primary-soft-hover-fg: #3D3754;
1282
+ --select-primary-soft-hover-border: #7352F8;
1283
+ --select-primary-soft-hover-placeholder: #6B6386;
1284
+ --select-primary-soft-hover-icon: #5037C8;
1285
+ --select-primary-soft-focus-bg: #F4F3FF;
1286
+ --select-primary-soft-focus-fg: #3D3754;
1287
+ --select-primary-soft-focus-border: #5037C8;
1288
+ --select-primary-soft-focus-placeholder: #6B6386;
1289
+ --select-primary-soft-focus-icon: #5037C8;
1290
+ --select-primary-soft-dropdown-border: transparent;
1291
+ --select-primary-soft-dropdown-ring: #9B7CFF;
1292
+ --select-primary-soft-option-active-bg: #F4F3FF;
1293
+ --select-primary-soft-option-active-fg: #3D3754;
1294
+ --select-primary-soft-option-active-border: transparent;
1295
+ --select-primary-soft-option-active-ring: transparent;
1296
+ --select-primary-soft-option-hover-bg: #F4F3FF;
1297
+ --select-primary-soft-option-hover-fg: #3D3754;
1298
+ --select-primary-soft-option-hover-border: transparent;
1299
+ --select-primary-soft-option-selected-bg: #E9E6FF;
1300
+ --select-primary-soft-option-selected-fg: #3D3754;
1301
+ --select-primary-soft-option-selected-border: #7352F8;
1302
+ --select-primary-soft-option-pressed-bg: #D4CCFF;
1303
+ --select-primary-soft-option-pressed-fg: #3D3754;
1304
+ --select-primary-soft-option-pressed-border: transparent;
1305
+ --select-primary-soft-option-badge-bg: #F4F3FF;
1306
+ --select-primary-soft-option-badge-fg: #3D3754;
1307
+ --select-primary-soft-option-badge-border: transparent;
1308
+ --select-neutral-ring: #958CB0;
1309
+ --select-neutral-outline-default-bg: transparent;
1310
+ --select-neutral-outline-default-fg: #3D3754;
1311
+ --select-neutral-outline-default-border: #958CB0;
1312
+ --select-neutral-outline-default-placeholder: #6B6386;
1313
+ --select-neutral-outline-default-icon: #958CB0;
1314
+ --select-neutral-outline-hover-bg: #F4F1FB;
1315
+ --select-neutral-outline-hover-fg: #3D3754;
1316
+ --select-neutral-outline-hover-border: #4F4867;
1317
+ --select-neutral-outline-hover-placeholder: #6B6386;
1318
+ --select-neutral-outline-hover-icon: #4F4867;
1319
+ --select-neutral-outline-focus-bg: transparent;
1320
+ --select-neutral-outline-focus-fg: #3D3754;
1321
+ --select-neutral-outline-focus-border: #4F4867;
1322
+ --select-neutral-outline-focus-placeholder: #6B6386;
1323
+ --select-neutral-outline-focus-icon: #4F4867;
1324
+ --select-neutral-outline-dropdown-border: transparent;
1325
+ --select-neutral-outline-dropdown-ring: #958CB0;
1326
+ --select-neutral-outline-option-active-bg: #F4F1FB;
1327
+ --select-neutral-outline-option-active-fg: #3D3754;
1328
+ --select-neutral-outline-option-active-border: transparent;
1329
+ --select-neutral-outline-option-active-ring: transparent;
1330
+ --select-neutral-outline-option-hover-bg: #F4F1FB;
1331
+ --select-neutral-outline-option-hover-fg: #3D3754;
1332
+ --select-neutral-outline-option-hover-border: transparent;
1333
+ --select-neutral-outline-option-selected-bg: #EEE8FA;
1334
+ --select-neutral-outline-option-selected-fg: #3D3754;
1335
+ --select-neutral-outline-option-selected-border: #958CB0;
1336
+ --select-neutral-outline-option-pressed-bg: #E4DDF4;
1337
+ --select-neutral-outline-option-pressed-fg: #3D3754;
1338
+ --select-neutral-outline-option-pressed-border: transparent;
1339
+ --select-neutral-outline-option-badge-bg: #F4F1FB;
1340
+ --select-neutral-outline-option-badge-fg: #3D3754;
1341
+ --select-neutral-outline-option-badge-border: transparent;
1342
+ --select-neutral-filled-default-bg: #EEE8FA;
1343
+ --select-neutral-filled-default-fg: #3D3754;
1344
+ --select-neutral-filled-default-border: transparent;
1345
+ --select-neutral-filled-default-placeholder: #6B6386;
1346
+ --select-neutral-filled-default-icon: #958CB0;
1347
+ --select-neutral-filled-hover-bg: #E4DDF4;
1348
+ --select-neutral-filled-hover-fg: #3D3754;
1349
+ --select-neutral-filled-hover-border: #958CB0;
1350
+ --select-neutral-filled-hover-placeholder: #6B6386;
1351
+ --select-neutral-filled-hover-icon: #4F4867;
1352
+ --select-neutral-filled-focus-bg: #FDFCFF;
1353
+ --select-neutral-filled-focus-fg: #3D3754;
1354
+ --select-neutral-filled-focus-border: #4F4867;
1355
+ --select-neutral-filled-focus-placeholder: #6B6386;
1356
+ --select-neutral-filled-focus-icon: #4F4867;
1357
+ --select-neutral-filled-dropdown-border: transparent;
1358
+ --select-neutral-filled-dropdown-ring: #958CB0;
1359
+ --select-neutral-filled-option-active-bg: #E4DDF4;
1360
+ --select-neutral-filled-option-active-fg: #3D3754;
1361
+ --select-neutral-filled-option-active-border: transparent;
1362
+ --select-neutral-filled-option-active-ring: transparent;
1363
+ --select-neutral-filled-option-hover-bg: #E4DDF4;
1364
+ --select-neutral-filled-option-hover-fg: #3D3754;
1365
+ --select-neutral-filled-option-hover-border: transparent;
1366
+ --select-neutral-filled-option-selected-bg: #EEE8FA;
1367
+ --select-neutral-filled-option-selected-fg: #3D3754;
1368
+ --select-neutral-filled-option-selected-border: #958CB0;
1369
+ --select-neutral-filled-option-pressed-bg: #E4DDF4;
1370
+ --select-neutral-filled-option-pressed-fg: #3D3754;
1371
+ --select-neutral-filled-option-pressed-border: transparent;
1372
+ --select-neutral-filled-option-badge-bg: #F4F1FB;
1373
+ --select-neutral-filled-option-badge-fg: #3D3754;
1374
+ --select-neutral-filled-option-badge-border: transparent;
1375
+ --select-neutral-soft-default-bg: #F4F1FB;
1376
+ --select-neutral-soft-default-fg: #3D3754;
1377
+ --select-neutral-soft-default-border: transparent;
1378
+ --select-neutral-soft-default-placeholder: #6B6386;
1379
+ --select-neutral-soft-default-icon: #958CB0;
1380
+ --select-neutral-soft-hover-bg: #F4F1FB;
1381
+ --select-neutral-soft-hover-fg: #3D3754;
1382
+ --select-neutral-soft-hover-border: #958CB0;
1383
+ --select-neutral-soft-hover-placeholder: #6B6386;
1384
+ --select-neutral-soft-hover-icon: #4F4867;
1385
+ --select-neutral-soft-focus-bg: #F4F1FB;
1386
+ --select-neutral-soft-focus-fg: #3D3754;
1387
+ --select-neutral-soft-focus-border: #4F4867;
1388
+ --select-neutral-soft-focus-placeholder: #6B6386;
1389
+ --select-neutral-soft-focus-icon: #4F4867;
1390
+ --select-neutral-soft-dropdown-border: transparent;
1391
+ --select-neutral-soft-dropdown-ring: #958CB0;
1392
+ --select-neutral-soft-option-active-bg: #F4F1FB;
1393
+ --select-neutral-soft-option-active-fg: #3D3754;
1394
+ --select-neutral-soft-option-active-border: transparent;
1395
+ --select-neutral-soft-option-active-ring: transparent;
1396
+ --select-neutral-soft-option-hover-bg: #F4F1FB;
1397
+ --select-neutral-soft-option-hover-fg: #3D3754;
1398
+ --select-neutral-soft-option-hover-border: transparent;
1399
+ --select-neutral-soft-option-selected-bg: #EEE8FA;
1400
+ --select-neutral-soft-option-selected-fg: #3D3754;
1401
+ --select-neutral-soft-option-selected-border: #958CB0;
1402
+ --select-neutral-soft-option-pressed-bg: #E4DDF4;
1403
+ --select-neutral-soft-option-pressed-fg: #3D3754;
1404
+ --select-neutral-soft-option-pressed-border: transparent;
1405
+ --select-neutral-soft-option-badge-bg: #F4F1FB;
1406
+ --select-neutral-soft-option-badge-fg: #3D3754;
1407
+ --select-neutral-soft-option-badge-border: transparent;
1408
+ --select-success-ring: #14B8A6;
1409
+ --select-success-outline-default-bg: transparent;
1410
+ --select-success-outline-default-fg: #3D3754;
1411
+ --select-success-outline-default-border: #0F9E94;
1412
+ --select-success-outline-default-placeholder: #6B6386;
1413
+ --select-success-outline-default-icon: #0F9E94;
1414
+ --select-success-outline-hover-bg: #F0FDFA;
1415
+ --select-success-outline-hover-fg: #3D3754;
1416
+ --select-success-outline-hover-border: #0F766E;
1417
+ --select-success-outline-hover-placeholder: #6B6386;
1418
+ --select-success-outline-hover-icon: #0F766E;
1419
+ --select-success-outline-focus-bg: transparent;
1420
+ --select-success-outline-focus-fg: #3D3754;
1421
+ --select-success-outline-focus-border: #0F766E;
1422
+ --select-success-outline-focus-placeholder: #6B6386;
1423
+ --select-success-outline-focus-icon: #0F766E;
1424
+ --select-success-outline-dropdown-border: transparent;
1425
+ --select-success-outline-dropdown-ring: #14B8A6;
1426
+ --select-success-outline-option-active-bg: #F0FDFA;
1427
+ --select-success-outline-option-active-fg: #3D3754;
1428
+ --select-success-outline-option-active-border: transparent;
1429
+ --select-success-outline-option-active-ring: transparent;
1430
+ --select-success-outline-option-hover-bg: #F0FDFA;
1431
+ --select-success-outline-option-hover-fg: #3D3754;
1432
+ --select-success-outline-option-hover-border: transparent;
1433
+ --select-success-outline-option-selected-bg: #CCFBF1;
1434
+ --select-success-outline-option-selected-fg: #3D3754;
1435
+ --select-success-outline-option-selected-border: #0F9E94;
1436
+ --select-success-outline-option-pressed-bg: #99F6E4;
1437
+ --select-success-outline-option-pressed-fg: #3D3754;
1438
+ --select-success-outline-option-pressed-border: transparent;
1439
+ --select-success-outline-option-badge-bg: #F0FDFA;
1440
+ --select-success-outline-option-badge-fg: #3D3754;
1441
+ --select-success-outline-option-badge-border: transparent;
1442
+ --select-success-filled-default-bg: #CCFBF1;
1443
+ --select-success-filled-default-fg: #3D3754;
1444
+ --select-success-filled-default-border: transparent;
1445
+ --select-success-filled-default-placeholder: #6B6386;
1446
+ --select-success-filled-default-icon: #0F9E94;
1447
+ --select-success-filled-hover-bg: #99F6E4;
1448
+ --select-success-filled-hover-fg: #3D3754;
1449
+ --select-success-filled-hover-border: #0F9E94;
1450
+ --select-success-filled-hover-placeholder: #6B6386;
1451
+ --select-success-filled-hover-icon: #0F766E;
1452
+ --select-success-filled-focus-bg: #FDFCFF;
1453
+ --select-success-filled-focus-fg: #3D3754;
1454
+ --select-success-filled-focus-border: #0F766E;
1455
+ --select-success-filled-focus-placeholder: #6B6386;
1456
+ --select-success-filled-focus-icon: #0F766E;
1457
+ --select-success-filled-dropdown-border: transparent;
1458
+ --select-success-filled-dropdown-ring: #14B8A6;
1459
+ --select-success-filled-option-active-bg: #99F6E4;
1460
+ --select-success-filled-option-active-fg: #3D3754;
1461
+ --select-success-filled-option-active-border: transparent;
1462
+ --select-success-filled-option-active-ring: transparent;
1463
+ --select-success-filled-option-hover-bg: #99F6E4;
1464
+ --select-success-filled-option-hover-fg: #3D3754;
1465
+ --select-success-filled-option-hover-border: transparent;
1466
+ --select-success-filled-option-selected-bg: #CCFBF1;
1467
+ --select-success-filled-option-selected-fg: #3D3754;
1468
+ --select-success-filled-option-selected-border: #0F9E94;
1469
+ --select-success-filled-option-pressed-bg: #99F6E4;
1470
+ --select-success-filled-option-pressed-fg: #3D3754;
1471
+ --select-success-filled-option-pressed-border: transparent;
1472
+ --select-success-filled-option-badge-bg: #F0FDFA;
1473
+ --select-success-filled-option-badge-fg: #3D3754;
1474
+ --select-success-filled-option-badge-border: transparent;
1475
+ --select-success-soft-default-bg: #F0FDFA;
1476
+ --select-success-soft-default-fg: #3D3754;
1477
+ --select-success-soft-default-border: transparent;
1478
+ --select-success-soft-default-placeholder: #6B6386;
1479
+ --select-success-soft-default-icon: #0F9E94;
1480
+ --select-success-soft-hover-bg: #F0FDFA;
1481
+ --select-success-soft-hover-fg: #3D3754;
1482
+ --select-success-soft-hover-border: #0F9E94;
1483
+ --select-success-soft-hover-placeholder: #6B6386;
1484
+ --select-success-soft-hover-icon: #0F766E;
1485
+ --select-success-soft-focus-bg: #F0FDFA;
1486
+ --select-success-soft-focus-fg: #3D3754;
1487
+ --select-success-soft-focus-border: #0F766E;
1488
+ --select-success-soft-focus-placeholder: #6B6386;
1489
+ --select-success-soft-focus-icon: #0F766E;
1490
+ --select-success-soft-dropdown-border: transparent;
1491
+ --select-success-soft-dropdown-ring: #14B8A6;
1492
+ --select-success-soft-option-active-bg: #F0FDFA;
1493
+ --select-success-soft-option-active-fg: #3D3754;
1494
+ --select-success-soft-option-active-border: transparent;
1495
+ --select-success-soft-option-active-ring: transparent;
1496
+ --select-success-soft-option-hover-bg: #F0FDFA;
1497
+ --select-success-soft-option-hover-fg: #3D3754;
1498
+ --select-success-soft-option-hover-border: transparent;
1499
+ --select-success-soft-option-selected-bg: #CCFBF1;
1500
+ --select-success-soft-option-selected-fg: #3D3754;
1501
+ --select-success-soft-option-selected-border: #0F9E94;
1502
+ --select-success-soft-option-pressed-bg: #99F6E4;
1503
+ --select-success-soft-option-pressed-fg: #3D3754;
1504
+ --select-success-soft-option-pressed-border: transparent;
1505
+ --select-success-soft-option-badge-bg: #F0FDFA;
1506
+ --select-success-soft-option-badge-fg: #3D3754;
1507
+ --select-success-soft-option-badge-border: transparent;
1508
+ --select-warning-ring: #F59E0B;
1509
+ --select-warning-outline-default-bg: transparent;
1510
+ --select-warning-outline-default-fg: #3D3754;
1511
+ --select-warning-outline-default-border: #D97706;
1512
+ --select-warning-outline-default-placeholder: #6B6386;
1513
+ --select-warning-outline-default-icon: #D97706;
1514
+ --select-warning-outline-hover-bg: #FFFBEB;
1515
+ --select-warning-outline-hover-fg: #3D3754;
1516
+ --select-warning-outline-hover-border: #B45309;
1517
+ --select-warning-outline-hover-placeholder: #6B6386;
1518
+ --select-warning-outline-hover-icon: #B45309;
1519
+ --select-warning-outline-focus-bg: transparent;
1520
+ --select-warning-outline-focus-fg: #3D3754;
1521
+ --select-warning-outline-focus-border: #B45309;
1522
+ --select-warning-outline-focus-placeholder: #6B6386;
1523
+ --select-warning-outline-focus-icon: #B45309;
1524
+ --select-warning-outline-dropdown-border: transparent;
1525
+ --select-warning-outline-dropdown-ring: #F59E0B;
1526
+ --select-warning-outline-option-active-bg: #FFFBEB;
1527
+ --select-warning-outline-option-active-fg: #3D3754;
1528
+ --select-warning-outline-option-active-border: transparent;
1529
+ --select-warning-outline-option-active-ring: transparent;
1530
+ --select-warning-outline-option-hover-bg: #FFFBEB;
1531
+ --select-warning-outline-option-hover-fg: #3D3754;
1532
+ --select-warning-outline-option-hover-border: transparent;
1533
+ --select-warning-outline-option-selected-bg: #FEF3C7;
1534
+ --select-warning-outline-option-selected-fg: #3D3754;
1535
+ --select-warning-outline-option-selected-border: #D97706;
1536
+ --select-warning-outline-option-pressed-bg: #FDE68A;
1537
+ --select-warning-outline-option-pressed-fg: #3D3754;
1538
+ --select-warning-outline-option-pressed-border: transparent;
1539
+ --select-warning-outline-option-badge-bg: #FFFBEB;
1540
+ --select-warning-outline-option-badge-fg: #3D3754;
1541
+ --select-warning-outline-option-badge-border: transparent;
1542
+ --select-warning-filled-default-bg: #FEF3C7;
1543
+ --select-warning-filled-default-fg: #3D3754;
1544
+ --select-warning-filled-default-border: transparent;
1545
+ --select-warning-filled-default-placeholder: #6B6386;
1546
+ --select-warning-filled-default-icon: #D97706;
1547
+ --select-warning-filled-hover-bg: #FDE68A;
1548
+ --select-warning-filled-hover-fg: #3D3754;
1549
+ --select-warning-filled-hover-border: #D97706;
1550
+ --select-warning-filled-hover-placeholder: #6B6386;
1551
+ --select-warning-filled-hover-icon: #B45309;
1552
+ --select-warning-filled-focus-bg: #FDFCFF;
1553
+ --select-warning-filled-focus-fg: #3D3754;
1554
+ --select-warning-filled-focus-border: #B45309;
1555
+ --select-warning-filled-focus-placeholder: #6B6386;
1556
+ --select-warning-filled-focus-icon: #B45309;
1557
+ --select-warning-filled-dropdown-border: transparent;
1558
+ --select-warning-filled-dropdown-ring: #F59E0B;
1559
+ --select-warning-filled-option-active-bg: #FDE68A;
1560
+ --select-warning-filled-option-active-fg: #3D3754;
1561
+ --select-warning-filled-option-active-border: transparent;
1562
+ --select-warning-filled-option-active-ring: transparent;
1563
+ --select-warning-filled-option-hover-bg: #FDE68A;
1564
+ --select-warning-filled-option-hover-fg: #3D3754;
1565
+ --select-warning-filled-option-hover-border: transparent;
1566
+ --select-warning-filled-option-selected-bg: #FEF3C7;
1567
+ --select-warning-filled-option-selected-fg: #3D3754;
1568
+ --select-warning-filled-option-selected-border: #D97706;
1569
+ --select-warning-filled-option-pressed-bg: #FDE68A;
1570
+ --select-warning-filled-option-pressed-fg: #3D3754;
1571
+ --select-warning-filled-option-pressed-border: transparent;
1572
+ --select-warning-filled-option-badge-bg: #FFFBEB;
1573
+ --select-warning-filled-option-badge-fg: #3D3754;
1574
+ --select-warning-filled-option-badge-border: transparent;
1575
+ --select-warning-soft-default-bg: #FFFBEB;
1576
+ --select-warning-soft-default-fg: #3D3754;
1577
+ --select-warning-soft-default-border: transparent;
1578
+ --select-warning-soft-default-placeholder: #6B6386;
1579
+ --select-warning-soft-default-icon: #D97706;
1580
+ --select-warning-soft-hover-bg: #FFFBEB;
1581
+ --select-warning-soft-hover-fg: #3D3754;
1582
+ --select-warning-soft-hover-border: #D97706;
1583
+ --select-warning-soft-hover-placeholder: #6B6386;
1584
+ --select-warning-soft-hover-icon: #B45309;
1585
+ --select-warning-soft-focus-bg: #FFFBEB;
1586
+ --select-warning-soft-focus-fg: #3D3754;
1587
+ --select-warning-soft-focus-border: #B45309;
1588
+ --select-warning-soft-focus-placeholder: #6B6386;
1589
+ --select-warning-soft-focus-icon: #B45309;
1590
+ --select-warning-soft-dropdown-border: transparent;
1591
+ --select-warning-soft-dropdown-ring: #F59E0B;
1592
+ --select-warning-soft-option-active-bg: #FFFBEB;
1593
+ --select-warning-soft-option-active-fg: #3D3754;
1594
+ --select-warning-soft-option-active-border: transparent;
1595
+ --select-warning-soft-option-active-ring: transparent;
1596
+ --select-warning-soft-option-hover-bg: #FFFBEB;
1597
+ --select-warning-soft-option-hover-fg: #3D3754;
1598
+ --select-warning-soft-option-hover-border: transparent;
1599
+ --select-warning-soft-option-selected-bg: #FEF3C7;
1600
+ --select-warning-soft-option-selected-fg: #3D3754;
1601
+ --select-warning-soft-option-selected-border: #D97706;
1602
+ --select-warning-soft-option-pressed-bg: #FDE68A;
1603
+ --select-warning-soft-option-pressed-fg: #3D3754;
1604
+ --select-warning-soft-option-pressed-border: transparent;
1605
+ --select-warning-soft-option-badge-bg: #FFFBEB;
1606
+ --select-warning-soft-option-badge-fg: #3D3754;
1607
+ --select-warning-soft-option-badge-border: transparent;
1608
+ --select-danger-ring: #F43F5E;
1609
+ --select-danger-outline-default-bg: transparent;
1610
+ --select-danger-outline-default-fg: #3D3754;
1611
+ --select-danger-outline-default-border: #E11D48;
1612
+ --select-danger-outline-default-placeholder: #6B6386;
1613
+ --select-danger-outline-default-icon: #E11D48;
1614
+ --select-danger-outline-hover-bg: #FFF1F2;
1615
+ --select-danger-outline-hover-fg: #3D3754;
1616
+ --select-danger-outline-hover-border: #BE123C;
1617
+ --select-danger-outline-hover-placeholder: #6B6386;
1618
+ --select-danger-outline-hover-icon: #BE123C;
1619
+ --select-danger-outline-focus-bg: transparent;
1620
+ --select-danger-outline-focus-fg: #3D3754;
1621
+ --select-danger-outline-focus-border: #BE123C;
1622
+ --select-danger-outline-focus-placeholder: #6B6386;
1623
+ --select-danger-outline-focus-icon: #BE123C;
1624
+ --select-danger-outline-dropdown-border: transparent;
1625
+ --select-danger-outline-dropdown-ring: #F43F5E;
1626
+ --select-danger-outline-option-active-bg: #FFF1F2;
1627
+ --select-danger-outline-option-active-fg: #3D3754;
1628
+ --select-danger-outline-option-active-border: transparent;
1629
+ --select-danger-outline-option-active-ring: transparent;
1630
+ --select-danger-outline-option-hover-bg: #FFF1F2;
1631
+ --select-danger-outline-option-hover-fg: #3D3754;
1632
+ --select-danger-outline-option-hover-border: transparent;
1633
+ --select-danger-outline-option-selected-bg: #FFE4E6;
1634
+ --select-danger-outline-option-selected-fg: #3D3754;
1635
+ --select-danger-outline-option-selected-border: #E11D48;
1636
+ --select-danger-outline-option-pressed-bg: #FECDD3;
1637
+ --select-danger-outline-option-pressed-fg: #3D3754;
1638
+ --select-danger-outline-option-pressed-border: transparent;
1639
+ --select-danger-outline-option-badge-bg: #FFF1F2;
1640
+ --select-danger-outline-option-badge-fg: #3D3754;
1641
+ --select-danger-outline-option-badge-border: transparent;
1642
+ --select-danger-filled-default-bg: #FFE4E6;
1643
+ --select-danger-filled-default-fg: #3D3754;
1644
+ --select-danger-filled-default-border: transparent;
1645
+ --select-danger-filled-default-placeholder: #6B6386;
1646
+ --select-danger-filled-default-icon: #E11D48;
1647
+ --select-danger-filled-hover-bg: #FECDD3;
1648
+ --select-danger-filled-hover-fg: #3D3754;
1649
+ --select-danger-filled-hover-border: #E11D48;
1650
+ --select-danger-filled-hover-placeholder: #6B6386;
1651
+ --select-danger-filled-hover-icon: #BE123C;
1652
+ --select-danger-filled-focus-bg: #FDFCFF;
1653
+ --select-danger-filled-focus-fg: #3D3754;
1654
+ --select-danger-filled-focus-border: #BE123C;
1655
+ --select-danger-filled-focus-placeholder: #6B6386;
1656
+ --select-danger-filled-focus-icon: #BE123C;
1657
+ --select-danger-filled-dropdown-border: transparent;
1658
+ --select-danger-filled-dropdown-ring: #F43F5E;
1659
+ --select-danger-filled-option-active-bg: #FECDD3;
1660
+ --select-danger-filled-option-active-fg: #3D3754;
1661
+ --select-danger-filled-option-active-border: transparent;
1662
+ --select-danger-filled-option-active-ring: transparent;
1663
+ --select-danger-filled-option-hover-bg: #FECDD3;
1664
+ --select-danger-filled-option-hover-fg: #3D3754;
1665
+ --select-danger-filled-option-hover-border: transparent;
1666
+ --select-danger-filled-option-selected-bg: #FFE4E6;
1667
+ --select-danger-filled-option-selected-fg: #3D3754;
1668
+ --select-danger-filled-option-selected-border: #E11D48;
1669
+ --select-danger-filled-option-pressed-bg: #FECDD3;
1670
+ --select-danger-filled-option-pressed-fg: #3D3754;
1671
+ --select-danger-filled-option-pressed-border: transparent;
1672
+ --select-danger-filled-option-badge-bg: #FFF1F2;
1673
+ --select-danger-filled-option-badge-fg: #3D3754;
1674
+ --select-danger-filled-option-badge-border: transparent;
1675
+ --select-danger-soft-default-bg: #FFF1F2;
1676
+ --select-danger-soft-default-fg: #3D3754;
1677
+ --select-danger-soft-default-border: transparent;
1678
+ --select-danger-soft-default-placeholder: #6B6386;
1679
+ --select-danger-soft-default-icon: #E11D48;
1680
+ --select-danger-soft-hover-bg: #FFF1F2;
1681
+ --select-danger-soft-hover-fg: #3D3754;
1682
+ --select-danger-soft-hover-border: #E11D48;
1683
+ --select-danger-soft-hover-placeholder: #6B6386;
1684
+ --select-danger-soft-hover-icon: #BE123C;
1685
+ --select-danger-soft-focus-bg: #FFF1F2;
1686
+ --select-danger-soft-focus-fg: #3D3754;
1687
+ --select-danger-soft-focus-border: #BE123C;
1688
+ --select-danger-soft-focus-placeholder: #6B6386;
1689
+ --select-danger-soft-focus-icon: #BE123C;
1690
+ --select-danger-soft-dropdown-border: transparent;
1691
+ --select-danger-soft-dropdown-ring: #F43F5E;
1692
+ --select-danger-soft-option-active-bg: #FFF1F2;
1693
+ --select-danger-soft-option-active-fg: #3D3754;
1694
+ --select-danger-soft-option-active-border: transparent;
1695
+ --select-danger-soft-option-active-ring: transparent;
1696
+ --select-danger-soft-option-hover-bg: #FFF1F2;
1697
+ --select-danger-soft-option-hover-fg: #3D3754;
1698
+ --select-danger-soft-option-hover-border: transparent;
1699
+ --select-danger-soft-option-selected-bg: #FFE4E6;
1700
+ --select-danger-soft-option-selected-fg: #3D3754;
1701
+ --select-danger-soft-option-selected-border: #E11D48;
1702
+ --select-danger-soft-option-pressed-bg: #FECDD3;
1703
+ --select-danger-soft-option-pressed-fg: #3D3754;
1704
+ --select-danger-soft-option-pressed-border: transparent;
1705
+ --select-danger-soft-option-badge-bg: #FFF1F2;
1706
+ --select-danger-soft-option-badge-fg: #3D3754;
1707
+ --select-danger-soft-option-badge-border: transparent;
932
1708
  --select-trigger-default-bg: transparent;
933
1709
  --select-trigger-default-fg: #3D3754;
934
1710
  --select-trigger-default-border: #BBB2D2;
1711
+ --select-trigger-default-icon: #5037C8;
1712
+ --select-trigger-default-placeholder: #6B6386;
935
1713
  --select-trigger-hover-bg: #F4F3FF;
936
1714
  --select-trigger-hover-fg: #402C9F;
937
1715
  --select-trigger-hover-border: #5037C8;
1716
+ --select-trigger-hover-icon: #402C9F;
1717
+ --select-trigger-hover-placeholder: #6B6386;
938
1718
  --select-trigger-focus-bg: transparent;
939
1719
  --select-trigger-focus-fg: #3D3754;
940
1720
  --select-trigger-focus-border: #5037C8;
941
1721
  --select-trigger-focus-ring: #5037C8;
1722
+ --select-trigger-focus-icon: #5037C8;
1723
+ --select-trigger-focus-placeholder: #6B6386;
942
1724
  --select-trigger-disabled-bg: #F4F1FB;
943
1725
  --select-trigger-disabled-fg: #958CB0;
944
1726
  --select-trigger-disabled-border: #E4DDF4;
1727
+ --select-trigger-disabled-icon: #958CB0;
1728
+ --select-trigger-disabled-placeholder: #958CB0;
945
1729
  --select-trigger-placeholder-fg: #6B6386;
946
1730
  --select-trigger-error-border: #E11D48;
947
1731
  --select-trigger-error-ring: #F43F5E;
948
1732
  --select-dropdown-bg: #FFFFFF;
949
1733
  --select-dropdown-fg: #3D3754;
950
- --select-dropdown-border: #E4DDF4;
951
- --select-dropdown-shadow: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
1734
+ --select-dropdown-border: transparent;
1735
+ --select-dropdown-shadow: none;
1736
+ --select-dropdown-search-bg: #FAF8FF;
1737
+ --select-dropdown-search-fg: #3D3754;
1738
+ --select-dropdown-search-border: #E4DDF4;
1739
+ --select-dropdown-search-placeholder: #6B6386;
1740
+ --select-dropdown-search-ring: #5037C8;
1741
+ --select-dropdown-empty-fg: #6B6386;
1742
+ --select-dropdown-group-label-fg: #7352F8;
1743
+ --select-dropdown-separator-bg: #E4DDF4;
952
1744
  --select-option-default-bg: transparent;
953
1745
  --select-option-default-fg: #3D3754;
954
1746
  --select-option-default-border: transparent;
@@ -965,10 +1757,21 @@
965
1757
  --select-option-selected-bg: #E9E6FF;
966
1758
  --select-option-selected-fg: #342580;
967
1759
  --select-option-selected-border: #B8A8FF;
968
- --select-option-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
1760
+ --select-option-selected-shadow: none;
969
1761
  --select-option-disabled-bg: transparent;
970
1762
  --select-option-disabled-fg: #958CB0;
971
1763
  --select-option-disabled-border: transparent;
1764
+ --select-option-description-fg: #6B6386;
1765
+ --select-option-icon-fg: #3D3754;
1766
+ --select-option-badge-bg: #FDFCFF;
1767
+ --select-option-badge-fg: #6B6386;
1768
+ --select-option-badge-border: #E4DDF4;
1769
+ --select-option-shortcut-bg: #FDFCFF;
1770
+ --select-option-shortcut-fg: #6B6386;
1771
+ --select-option-shortcut-border: #E4DDF4;
1772
+ --select-option-success-fg: #0F766E;
1773
+ --select-option-warning-fg: #B45309;
1774
+ --select-option-danger-fg: #BE123C;
972
1775
  --tabs-list-border: #E4DDF4;
973
1776
  --tabs-trigger-default-bg: transparent;
974
1777
  --tabs-trigger-default-fg: #6B6386;
@@ -1720,6 +2523,10 @@
1720
2523
  --dropdown-separator-bg: #3D3754;
1721
2524
  --dropdown-separator-fg: #958CB0;
1722
2525
  --form-field-label-fg: #F4F1FB;
2526
+ --form-field-optional-fg: #BBB2D2;
2527
+ --form-field-label-info-fg: #BBB2D2;
2528
+ --form-field-label-info-border: #BBB2D2;
2529
+ --form-field-label-info-radius: 999px;
1723
2530
  --form-field-description-fg: #BBB2D2;
1724
2531
  --form-field-helper-text-default-fg: #958CB0;
1725
2532
  --form-field-helper-text-error-fg: #FB7185;
@@ -1730,6 +2537,272 @@
1730
2537
  --form-field-disabled-label-fg: #6B6386;
1731
2538
  --form-field-disabled-description-fg: #6B6386;
1732
2539
  --form-field-disabled-helper-text-fg: #6B6386;
2540
+ --form-field-size-sm-gap: 4px;
2541
+ --form-field-size-sm-horizontal-gap: 12px;
2542
+ --form-field-size-sm-label-font-size: 14px;
2543
+ --form-field-size-sm-label-line-height: 20px;
2544
+ --form-field-size-sm-description-font-size: 12px;
2545
+ --form-field-size-sm-description-line-height: 16px;
2546
+ --form-field-size-sm-helper-text-font-size: 12px;
2547
+ --form-field-size-sm-helper-text-line-height: 16px;
2548
+ --form-field-size-sm-optional-font-size: 12px;
2549
+ --form-field-size-sm-optional-line-height: 16px;
2550
+ --form-field-size-sm-label-info-size: 16px;
2551
+ --form-field-size-sm-label-info-font-size: 12px;
2552
+ --form-field-size-md-gap: 8px;
2553
+ --form-field-size-md-horizontal-gap: 16px;
2554
+ --form-field-size-md-label-font-size: 16px;
2555
+ --form-field-size-md-label-line-height: 24px;
2556
+ --form-field-size-md-description-font-size: 14px;
2557
+ --form-field-size-md-description-line-height: 20px;
2558
+ --form-field-size-md-helper-text-font-size: 14px;
2559
+ --form-field-size-md-helper-text-line-height: 20px;
2560
+ --form-field-size-md-optional-font-size: 12px;
2561
+ --form-field-size-md-optional-line-height: 16px;
2562
+ --form-field-size-md-label-info-size: 16px;
2563
+ --form-field-size-md-label-info-font-size: 12px;
2564
+ --form-field-size-lg-gap: 12px;
2565
+ --form-field-size-lg-horizontal-gap: 20px;
2566
+ --form-field-size-lg-label-font-size: 20px;
2567
+ --form-field-size-lg-label-line-height: 28px;
2568
+ --form-field-size-lg-description-font-size: 16px;
2569
+ --form-field-size-lg-description-line-height: 24px;
2570
+ --form-field-size-lg-helper-text-font-size: 16px;
2571
+ --form-field-size-lg-helper-text-line-height: 24px;
2572
+ --form-field-size-lg-optional-font-size: 14px;
2573
+ --form-field-size-lg-optional-line-height: 20px;
2574
+ --form-field-size-lg-label-info-size: 20px;
2575
+ --form-field-size-lg-label-info-font-size: 14px;
2576
+ --input-primary-ring: #9B7CFF;
2577
+ --input-primary-outline-default-bg: transparent;
2578
+ --input-primary-outline-default-fg: #F4F1FB;
2579
+ --input-primary-outline-default-border: #9B7CFF;
2580
+ --input-primary-outline-default-placeholder: #BBB2D2;
2581
+ --input-primary-outline-default-icon: #9B7CFF;
2582
+ --input-primary-outline-hover-bg: #2F2A42;
2583
+ --input-primary-outline-hover-fg: #F4F1FB;
2584
+ --input-primary-outline-hover-border: #7352F8;
2585
+ --input-primary-outline-hover-placeholder: #BBB2D2;
2586
+ --input-primary-outline-hover-icon: #7352F8;
2587
+ --input-primary-outline-focus-bg: transparent;
2588
+ --input-primary-outline-focus-fg: #F4F1FB;
2589
+ --input-primary-outline-focus-border: #7352F8;
2590
+ --input-primary-outline-focus-placeholder: #BBB2D2;
2591
+ --input-primary-outline-focus-icon: #7352F8;
2592
+ --input-primary-filled-default-bg: #21164F;
2593
+ --input-primary-filled-default-fg: #F4F1FB;
2594
+ --input-primary-filled-default-border: transparent;
2595
+ --input-primary-filled-default-placeholder: #BBB2D2;
2596
+ --input-primary-filled-default-icon: #9B7CFF;
2597
+ --input-primary-filled-hover-bg: #342580;
2598
+ --input-primary-filled-hover-fg: #F4F1FB;
2599
+ --input-primary-filled-hover-border: #9B7CFF;
2600
+ --input-primary-filled-hover-placeholder: #BBB2D2;
2601
+ --input-primary-filled-hover-icon: #7352F8;
2602
+ --input-primary-filled-focus-bg: #242034;
2603
+ --input-primary-filled-focus-fg: #F4F1FB;
2604
+ --input-primary-filled-focus-border: #7352F8;
2605
+ --input-primary-filled-focus-placeholder: #BBB2D2;
2606
+ --input-primary-filled-focus-icon: #7352F8;
2607
+ --input-primary-soft-default-bg: #342580;
2608
+ --input-primary-soft-default-fg: #F4F1FB;
2609
+ --input-primary-soft-default-border: transparent;
2610
+ --input-primary-soft-default-placeholder: #BBB2D2;
2611
+ --input-primary-soft-default-icon: #9B7CFF;
2612
+ --input-primary-soft-hover-bg: #342580;
2613
+ --input-primary-soft-hover-fg: #F4F1FB;
2614
+ --input-primary-soft-hover-border: #9B7CFF;
2615
+ --input-primary-soft-hover-placeholder: #BBB2D2;
2616
+ --input-primary-soft-hover-icon: #7352F8;
2617
+ --input-primary-soft-focus-bg: #342580;
2618
+ --input-primary-soft-focus-fg: #F4F1FB;
2619
+ --input-primary-soft-focus-border: #7352F8;
2620
+ --input-primary-soft-focus-placeholder: #BBB2D2;
2621
+ --input-primary-soft-focus-icon: #7352F8;
2622
+ --input-neutral-ring: #958CB0;
2623
+ --input-neutral-outline-default-bg: transparent;
2624
+ --input-neutral-outline-default-fg: #F4F1FB;
2625
+ --input-neutral-outline-default-border: #BBB2D2;
2626
+ --input-neutral-outline-default-placeholder: #BBB2D2;
2627
+ --input-neutral-outline-default-icon: #BBB2D2;
2628
+ --input-neutral-outline-hover-bg: #231F31;
2629
+ --input-neutral-outline-hover-fg: #F4F1FB;
2630
+ --input-neutral-outline-hover-border: #958CB0;
2631
+ --input-neutral-outline-hover-placeholder: #BBB2D2;
2632
+ --input-neutral-outline-hover-icon: #958CB0;
2633
+ --input-neutral-outline-focus-bg: transparent;
2634
+ --input-neutral-outline-focus-fg: #F4F1FB;
2635
+ --input-neutral-outline-focus-border: #958CB0;
2636
+ --input-neutral-outline-focus-placeholder: #BBB2D2;
2637
+ --input-neutral-outline-focus-icon: #958CB0;
2638
+ --input-neutral-filled-default-bg: #231F31;
2639
+ --input-neutral-filled-default-fg: #F4F1FB;
2640
+ --input-neutral-filled-default-border: transparent;
2641
+ --input-neutral-filled-default-placeholder: #BBB2D2;
2642
+ --input-neutral-filled-default-icon: #BBB2D2;
2643
+ --input-neutral-filled-hover-bg: #2F2A42;
2644
+ --input-neutral-filled-hover-fg: #F4F1FB;
2645
+ --input-neutral-filled-hover-border: #BBB2D2;
2646
+ --input-neutral-filled-hover-placeholder: #BBB2D2;
2647
+ --input-neutral-filled-hover-icon: #958CB0;
2648
+ --input-neutral-filled-focus-bg: #242034;
2649
+ --input-neutral-filled-focus-fg: #F4F1FB;
2650
+ --input-neutral-filled-focus-border: #958CB0;
2651
+ --input-neutral-filled-focus-placeholder: #BBB2D2;
2652
+ --input-neutral-filled-focus-icon: #958CB0;
2653
+ --input-neutral-soft-default-bg: #2F2A42;
2654
+ --input-neutral-soft-default-fg: #F4F1FB;
2655
+ --input-neutral-soft-default-border: transparent;
2656
+ --input-neutral-soft-default-placeholder: #BBB2D2;
2657
+ --input-neutral-soft-default-icon: #BBB2D2;
2658
+ --input-neutral-soft-hover-bg: #2F2A42;
2659
+ --input-neutral-soft-hover-fg: #F4F1FB;
2660
+ --input-neutral-soft-hover-border: #BBB2D2;
2661
+ --input-neutral-soft-hover-placeholder: #BBB2D2;
2662
+ --input-neutral-soft-hover-icon: #958CB0;
2663
+ --input-neutral-soft-focus-bg: #2F2A42;
2664
+ --input-neutral-soft-focus-fg: #F4F1FB;
2665
+ --input-neutral-soft-focus-border: #958CB0;
2666
+ --input-neutral-soft-focus-placeholder: #BBB2D2;
2667
+ --input-neutral-soft-focus-icon: #958CB0;
2668
+ --input-success-ring: #14B8A6;
2669
+ --input-success-outline-default-bg: transparent;
2670
+ --input-success-outline-default-fg: #F4F1FB;
2671
+ --input-success-outline-default-border: #2DD4BF;
2672
+ --input-success-outline-default-placeholder: #BBB2D2;
2673
+ --input-success-outline-default-icon: #2DD4BF;
2674
+ --input-success-outline-hover-bg: #042F2E;
2675
+ --input-success-outline-hover-fg: #F4F1FB;
2676
+ --input-success-outline-hover-border: #14B8A6;
2677
+ --input-success-outline-hover-placeholder: #BBB2D2;
2678
+ --input-success-outline-hover-icon: #14B8A6;
2679
+ --input-success-outline-focus-bg: transparent;
2680
+ --input-success-outline-focus-fg: #F4F1FB;
2681
+ --input-success-outline-focus-border: #14B8A6;
2682
+ --input-success-outline-focus-placeholder: #BBB2D2;
2683
+ --input-success-outline-focus-icon: #14B8A6;
2684
+ --input-success-filled-default-bg: #042F2E;
2685
+ --input-success-filled-default-fg: #F4F1FB;
2686
+ --input-success-filled-default-border: transparent;
2687
+ --input-success-filled-default-placeholder: #BBB2D2;
2688
+ --input-success-filled-default-icon: #2DD4BF;
2689
+ --input-success-filled-hover-bg: #134E4A;
2690
+ --input-success-filled-hover-fg: #F4F1FB;
2691
+ --input-success-filled-hover-border: #2DD4BF;
2692
+ --input-success-filled-hover-placeholder: #BBB2D2;
2693
+ --input-success-filled-hover-icon: #14B8A6;
2694
+ --input-success-filled-focus-bg: #242034;
2695
+ --input-success-filled-focus-fg: #F4F1FB;
2696
+ --input-success-filled-focus-border: #14B8A6;
2697
+ --input-success-filled-focus-placeholder: #BBB2D2;
2698
+ --input-success-filled-focus-icon: #14B8A6;
2699
+ --input-success-soft-default-bg: #134E4A;
2700
+ --input-success-soft-default-fg: #F4F1FB;
2701
+ --input-success-soft-default-border: transparent;
2702
+ --input-success-soft-default-placeholder: #BBB2D2;
2703
+ --input-success-soft-default-icon: #2DD4BF;
2704
+ --input-success-soft-hover-bg: #134E4A;
2705
+ --input-success-soft-hover-fg: #F4F1FB;
2706
+ --input-success-soft-hover-border: #2DD4BF;
2707
+ --input-success-soft-hover-placeholder: #BBB2D2;
2708
+ --input-success-soft-hover-icon: #14B8A6;
2709
+ --input-success-soft-focus-bg: #134E4A;
2710
+ --input-success-soft-focus-fg: #F4F1FB;
2711
+ --input-success-soft-focus-border: #14B8A6;
2712
+ --input-success-soft-focus-placeholder: #BBB2D2;
2713
+ --input-success-soft-focus-icon: #14B8A6;
2714
+ --input-warning-ring: #F59E0B;
2715
+ --input-warning-outline-default-bg: transparent;
2716
+ --input-warning-outline-default-fg: #F4F1FB;
2717
+ --input-warning-outline-default-border: #FBBF24;
2718
+ --input-warning-outline-default-placeholder: #BBB2D2;
2719
+ --input-warning-outline-default-icon: #FBBF24;
2720
+ --input-warning-outline-hover-bg: #451A03;
2721
+ --input-warning-outline-hover-fg: #F4F1FB;
2722
+ --input-warning-outline-hover-border: #F59E0B;
2723
+ --input-warning-outline-hover-placeholder: #BBB2D2;
2724
+ --input-warning-outline-hover-icon: #F59E0B;
2725
+ --input-warning-outline-focus-bg: transparent;
2726
+ --input-warning-outline-focus-fg: #F4F1FB;
2727
+ --input-warning-outline-focus-border: #F59E0B;
2728
+ --input-warning-outline-focus-placeholder: #BBB2D2;
2729
+ --input-warning-outline-focus-icon: #F59E0B;
2730
+ --input-warning-filled-default-bg: #451A03;
2731
+ --input-warning-filled-default-fg: #F4F1FB;
2732
+ --input-warning-filled-default-border: transparent;
2733
+ --input-warning-filled-default-placeholder: #BBB2D2;
2734
+ --input-warning-filled-default-icon: #FBBF24;
2735
+ --input-warning-filled-hover-bg: #78350F;
2736
+ --input-warning-filled-hover-fg: #F4F1FB;
2737
+ --input-warning-filled-hover-border: #FBBF24;
2738
+ --input-warning-filled-hover-placeholder: #BBB2D2;
2739
+ --input-warning-filled-hover-icon: #F59E0B;
2740
+ --input-warning-filled-focus-bg: #242034;
2741
+ --input-warning-filled-focus-fg: #F4F1FB;
2742
+ --input-warning-filled-focus-border: #F59E0B;
2743
+ --input-warning-filled-focus-placeholder: #BBB2D2;
2744
+ --input-warning-filled-focus-icon: #F59E0B;
2745
+ --input-warning-soft-default-bg: #78350F;
2746
+ --input-warning-soft-default-fg: #F4F1FB;
2747
+ --input-warning-soft-default-border: transparent;
2748
+ --input-warning-soft-default-placeholder: #BBB2D2;
2749
+ --input-warning-soft-default-icon: #FBBF24;
2750
+ --input-warning-soft-hover-bg: #78350F;
2751
+ --input-warning-soft-hover-fg: #F4F1FB;
2752
+ --input-warning-soft-hover-border: #FBBF24;
2753
+ --input-warning-soft-hover-placeholder: #BBB2D2;
2754
+ --input-warning-soft-hover-icon: #F59E0B;
2755
+ --input-warning-soft-focus-bg: #78350F;
2756
+ --input-warning-soft-focus-fg: #F4F1FB;
2757
+ --input-warning-soft-focus-border: #F59E0B;
2758
+ --input-warning-soft-focus-placeholder: #BBB2D2;
2759
+ --input-warning-soft-focus-icon: #F59E0B;
2760
+ --input-danger-ring: #F43F5E;
2761
+ --input-danger-outline-default-bg: transparent;
2762
+ --input-danger-outline-default-fg: #F4F1FB;
2763
+ --input-danger-outline-default-border: #FB7185;
2764
+ --input-danger-outline-default-placeholder: #BBB2D2;
2765
+ --input-danger-outline-default-icon: #FB7185;
2766
+ --input-danger-outline-hover-bg: #4C0519;
2767
+ --input-danger-outline-hover-fg: #F4F1FB;
2768
+ --input-danger-outline-hover-border: #F43F5E;
2769
+ --input-danger-outline-hover-placeholder: #BBB2D2;
2770
+ --input-danger-outline-hover-icon: #F43F5E;
2771
+ --input-danger-outline-focus-bg: transparent;
2772
+ --input-danger-outline-focus-fg: #F4F1FB;
2773
+ --input-danger-outline-focus-border: #F43F5E;
2774
+ --input-danger-outline-focus-placeholder: #BBB2D2;
2775
+ --input-danger-outline-focus-icon: #F43F5E;
2776
+ --input-danger-filled-default-bg: #4C0519;
2777
+ --input-danger-filled-default-fg: #F4F1FB;
2778
+ --input-danger-filled-default-border: transparent;
2779
+ --input-danger-filled-default-placeholder: #BBB2D2;
2780
+ --input-danger-filled-default-icon: #FB7185;
2781
+ --input-danger-filled-hover-bg: #881337;
2782
+ --input-danger-filled-hover-fg: #F4F1FB;
2783
+ --input-danger-filled-hover-border: #FB7185;
2784
+ --input-danger-filled-hover-placeholder: #BBB2D2;
2785
+ --input-danger-filled-hover-icon: #F43F5E;
2786
+ --input-danger-filled-focus-bg: #242034;
2787
+ --input-danger-filled-focus-fg: #F4F1FB;
2788
+ --input-danger-filled-focus-border: #F43F5E;
2789
+ --input-danger-filled-focus-placeholder: #BBB2D2;
2790
+ --input-danger-filled-focus-icon: #F43F5E;
2791
+ --input-danger-soft-default-bg: #881337;
2792
+ --input-danger-soft-default-fg: #F4F1FB;
2793
+ --input-danger-soft-default-border: transparent;
2794
+ --input-danger-soft-default-placeholder: #BBB2D2;
2795
+ --input-danger-soft-default-icon: #FB7185;
2796
+ --input-danger-soft-hover-bg: #881337;
2797
+ --input-danger-soft-hover-fg: #F4F1FB;
2798
+ --input-danger-soft-hover-border: #FB7185;
2799
+ --input-danger-soft-hover-placeholder: #BBB2D2;
2800
+ --input-danger-soft-hover-icon: #F43F5E;
2801
+ --input-danger-soft-focus-bg: #881337;
2802
+ --input-danger-soft-focus-fg: #F4F1FB;
2803
+ --input-danger-soft-focus-border: #F43F5E;
2804
+ --input-danger-soft-focus-placeholder: #BBB2D2;
2805
+ --input-danger-soft-focus-icon: #F43F5E;
1733
2806
  --input-default-bg: transparent;
1734
2807
  --input-default-fg: #F4F1FB;
1735
2808
  --input-default-border: #4F4867;
@@ -1753,8 +2826,6 @@
1753
2826
  --input-disabled-icon: #6B6386;
1754
2827
  --input-error-border: #FB7185;
1755
2828
  --input-error-ring: #FB7185;
1756
- --input-success-border: #2DD4BF;
1757
- --input-success-ring: #2DD4BF;
1758
2829
  --input-read-only-bg: #242034;
1759
2830
  --input-read-only-fg: #BBB2D2;
1760
2831
  --input-read-only-border: #3D3754;
@@ -1773,6 +2844,15 @@
1773
2844
  --input-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
1774
2845
  --input-clear-button-focus-bg: #242034;
1775
2846
  --input-clear-button-pressed-bg: #3D3754;
2847
+ --input-reveal-button-fg: #F4F1FB;
2848
+ --input-reveal-button-hover-fg: #F4F1FB;
2849
+ --input-reveal-button-hover-bg: #2F2A42;
2850
+ --input-addon-bg: #231F31;
2851
+ --input-addon-fg: #BBB2D2;
2852
+ --input-addon-border: #4F4867;
2853
+ --input-affix-fg: #F4F1FB;
2854
+ --input-counter-fg: #BBB2D2;
2855
+ --input-spinner-fg: #958CB0;
1776
2856
  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
1777
2857
  --modal-content-bg: #242034;
1778
2858
  --modal-content-fg: #F4F1FB;
@@ -1883,26 +2963,542 @@
1883
2963
  --radio-selected-disabled-fg: #6B6386;
1884
2964
  --radio-selected-disabled-border: #3D3754;
1885
2965
  --radio-selected-disabled-label-fg: #6B6386;
2966
+ --select-primary-ring: #9B7CFF;
2967
+ --select-primary-outline-default-bg: transparent;
2968
+ --select-primary-outline-default-fg: #F4F1FB;
2969
+ --select-primary-outline-default-border: #9B7CFF;
2970
+ --select-primary-outline-default-placeholder: #BBB2D2;
2971
+ --select-primary-outline-default-icon: #9B7CFF;
2972
+ --select-primary-outline-hover-bg: #2F2A42;
2973
+ --select-primary-outline-hover-fg: #F4F1FB;
2974
+ --select-primary-outline-hover-border: #7352F8;
2975
+ --select-primary-outline-hover-placeholder: #BBB2D2;
2976
+ --select-primary-outline-hover-icon: #7352F8;
2977
+ --select-primary-outline-focus-bg: transparent;
2978
+ --select-primary-outline-focus-fg: #F4F1FB;
2979
+ --select-primary-outline-focus-border: #7352F8;
2980
+ --select-primary-outline-focus-placeholder: #BBB2D2;
2981
+ --select-primary-outline-focus-icon: #7352F8;
2982
+ --select-primary-outline-dropdown-border: transparent;
2983
+ --select-primary-outline-dropdown-ring: #9B7CFF;
2984
+ --select-primary-outline-option-active-bg: #2F2A42;
2985
+ --select-primary-outline-option-active-fg: #F4F1FB;
2986
+ --select-primary-outline-option-active-border: transparent;
2987
+ --select-primary-outline-option-active-ring: transparent;
2988
+ --select-primary-outline-option-hover-bg: #2F2A42;
2989
+ --select-primary-outline-option-hover-fg: #F4F1FB;
2990
+ --select-primary-outline-option-hover-border: transparent;
2991
+ --select-primary-outline-option-selected-bg: #402C9F;
2992
+ --select-primary-outline-option-selected-fg: #F4F1FB;
2993
+ --select-primary-outline-option-selected-border: #9B7CFF;
2994
+ --select-primary-outline-option-pressed-bg: #5037C8;
2995
+ --select-primary-outline-option-pressed-fg: #F4F1FB;
2996
+ --select-primary-outline-option-pressed-border: transparent;
2997
+ --select-primary-outline-option-badge-bg: #342580;
2998
+ --select-primary-outline-option-badge-fg: #F4F1FB;
2999
+ --select-primary-outline-option-badge-border: transparent;
3000
+ --select-primary-filled-default-bg: #21164F;
3001
+ --select-primary-filled-default-fg: #F4F1FB;
3002
+ --select-primary-filled-default-border: transparent;
3003
+ --select-primary-filled-default-placeholder: #BBB2D2;
3004
+ --select-primary-filled-default-icon: #9B7CFF;
3005
+ --select-primary-filled-hover-bg: #342580;
3006
+ --select-primary-filled-hover-fg: #F4F1FB;
3007
+ --select-primary-filled-hover-border: #9B7CFF;
3008
+ --select-primary-filled-hover-placeholder: #BBB2D2;
3009
+ --select-primary-filled-hover-icon: #7352F8;
3010
+ --select-primary-filled-focus-bg: #242034;
3011
+ --select-primary-filled-focus-fg: #F4F1FB;
3012
+ --select-primary-filled-focus-border: #7352F8;
3013
+ --select-primary-filled-focus-placeholder: #BBB2D2;
3014
+ --select-primary-filled-focus-icon: #7352F8;
3015
+ --select-primary-filled-dropdown-border: transparent;
3016
+ --select-primary-filled-dropdown-ring: #9B7CFF;
3017
+ --select-primary-filled-option-active-bg: #342580;
3018
+ --select-primary-filled-option-active-fg: #F4F1FB;
3019
+ --select-primary-filled-option-active-border: transparent;
3020
+ --select-primary-filled-option-active-ring: transparent;
3021
+ --select-primary-filled-option-hover-bg: #342580;
3022
+ --select-primary-filled-option-hover-fg: #F4F1FB;
3023
+ --select-primary-filled-option-hover-border: transparent;
3024
+ --select-primary-filled-option-selected-bg: #402C9F;
3025
+ --select-primary-filled-option-selected-fg: #F4F1FB;
3026
+ --select-primary-filled-option-selected-border: #9B7CFF;
3027
+ --select-primary-filled-option-pressed-bg: #5037C8;
3028
+ --select-primary-filled-option-pressed-fg: #F4F1FB;
3029
+ --select-primary-filled-option-pressed-border: transparent;
3030
+ --select-primary-filled-option-badge-bg: #342580;
3031
+ --select-primary-filled-option-badge-fg: #F4F1FB;
3032
+ --select-primary-filled-option-badge-border: transparent;
3033
+ --select-primary-soft-default-bg: #342580;
3034
+ --select-primary-soft-default-fg: #F4F1FB;
3035
+ --select-primary-soft-default-border: transparent;
3036
+ --select-primary-soft-default-placeholder: #BBB2D2;
3037
+ --select-primary-soft-default-icon: #9B7CFF;
3038
+ --select-primary-soft-hover-bg: #342580;
3039
+ --select-primary-soft-hover-fg: #F4F1FB;
3040
+ --select-primary-soft-hover-border: #9B7CFF;
3041
+ --select-primary-soft-hover-placeholder: #BBB2D2;
3042
+ --select-primary-soft-hover-icon: #7352F8;
3043
+ --select-primary-soft-focus-bg: #342580;
3044
+ --select-primary-soft-focus-fg: #F4F1FB;
3045
+ --select-primary-soft-focus-border: #7352F8;
3046
+ --select-primary-soft-focus-placeholder: #BBB2D2;
3047
+ --select-primary-soft-focus-icon: #7352F8;
3048
+ --select-primary-soft-dropdown-border: transparent;
3049
+ --select-primary-soft-dropdown-ring: #9B7CFF;
3050
+ --select-primary-soft-option-active-bg: #342580;
3051
+ --select-primary-soft-option-active-fg: #F4F1FB;
3052
+ --select-primary-soft-option-active-border: transparent;
3053
+ --select-primary-soft-option-active-ring: transparent;
3054
+ --select-primary-soft-option-hover-bg: #342580;
3055
+ --select-primary-soft-option-hover-fg: #F4F1FB;
3056
+ --select-primary-soft-option-hover-border: transparent;
3057
+ --select-primary-soft-option-selected-bg: #402C9F;
3058
+ --select-primary-soft-option-selected-fg: #F4F1FB;
3059
+ --select-primary-soft-option-selected-border: #9B7CFF;
3060
+ --select-primary-soft-option-pressed-bg: #5037C8;
3061
+ --select-primary-soft-option-pressed-fg: #F4F1FB;
3062
+ --select-primary-soft-option-pressed-border: transparent;
3063
+ --select-primary-soft-option-badge-bg: #342580;
3064
+ --select-primary-soft-option-badge-fg: #F4F1FB;
3065
+ --select-primary-soft-option-badge-border: transparent;
3066
+ --select-neutral-ring: #958CB0;
3067
+ --select-neutral-outline-default-bg: transparent;
3068
+ --select-neutral-outline-default-fg: #F4F1FB;
3069
+ --select-neutral-outline-default-border: #BBB2D2;
3070
+ --select-neutral-outline-default-placeholder: #BBB2D2;
3071
+ --select-neutral-outline-default-icon: #BBB2D2;
3072
+ --select-neutral-outline-hover-bg: #231F31;
3073
+ --select-neutral-outline-hover-fg: #F4F1FB;
3074
+ --select-neutral-outline-hover-border: #958CB0;
3075
+ --select-neutral-outline-hover-placeholder: #BBB2D2;
3076
+ --select-neutral-outline-hover-icon: #958CB0;
3077
+ --select-neutral-outline-focus-bg: transparent;
3078
+ --select-neutral-outline-focus-fg: #F4F1FB;
3079
+ --select-neutral-outline-focus-border: #958CB0;
3080
+ --select-neutral-outline-focus-placeholder: #BBB2D2;
3081
+ --select-neutral-outline-focus-icon: #958CB0;
3082
+ --select-neutral-outline-dropdown-border: transparent;
3083
+ --select-neutral-outline-dropdown-ring: #958CB0;
3084
+ --select-neutral-outline-option-active-bg: #231F31;
3085
+ --select-neutral-outline-option-active-fg: #F4F1FB;
3086
+ --select-neutral-outline-option-active-border: transparent;
3087
+ --select-neutral-outline-option-active-ring: transparent;
3088
+ --select-neutral-outline-option-hover-bg: #231F31;
3089
+ --select-neutral-outline-option-hover-fg: #F4F1FB;
3090
+ --select-neutral-outline-option-hover-border: transparent;
3091
+ --select-neutral-outline-option-selected-bg: #242034;
3092
+ --select-neutral-outline-option-selected-fg: #F4F1FB;
3093
+ --select-neutral-outline-option-selected-border: #BBB2D2;
3094
+ --select-neutral-outline-option-pressed-bg: #2F2A42;
3095
+ --select-neutral-outline-option-pressed-fg: #F4F1FB;
3096
+ --select-neutral-outline-option-pressed-border: transparent;
3097
+ --select-neutral-outline-option-badge-bg: #2F2A42;
3098
+ --select-neutral-outline-option-badge-fg: #F4F1FB;
3099
+ --select-neutral-outline-option-badge-border: transparent;
3100
+ --select-neutral-filled-default-bg: #231F31;
3101
+ --select-neutral-filled-default-fg: #F4F1FB;
3102
+ --select-neutral-filled-default-border: transparent;
3103
+ --select-neutral-filled-default-placeholder: #BBB2D2;
3104
+ --select-neutral-filled-default-icon: #BBB2D2;
3105
+ --select-neutral-filled-hover-bg: #2F2A42;
3106
+ --select-neutral-filled-hover-fg: #F4F1FB;
3107
+ --select-neutral-filled-hover-border: #BBB2D2;
3108
+ --select-neutral-filled-hover-placeholder: #BBB2D2;
3109
+ --select-neutral-filled-hover-icon: #958CB0;
3110
+ --select-neutral-filled-focus-bg: #242034;
3111
+ --select-neutral-filled-focus-fg: #F4F1FB;
3112
+ --select-neutral-filled-focus-border: #958CB0;
3113
+ --select-neutral-filled-focus-placeholder: #BBB2D2;
3114
+ --select-neutral-filled-focus-icon: #958CB0;
3115
+ --select-neutral-filled-dropdown-border: transparent;
3116
+ --select-neutral-filled-dropdown-ring: #958CB0;
3117
+ --select-neutral-filled-option-active-bg: #2F2A42;
3118
+ --select-neutral-filled-option-active-fg: #F4F1FB;
3119
+ --select-neutral-filled-option-active-border: transparent;
3120
+ --select-neutral-filled-option-active-ring: transparent;
3121
+ --select-neutral-filled-option-hover-bg: #2F2A42;
3122
+ --select-neutral-filled-option-hover-fg: #F4F1FB;
3123
+ --select-neutral-filled-option-hover-border: transparent;
3124
+ --select-neutral-filled-option-selected-bg: #242034;
3125
+ --select-neutral-filled-option-selected-fg: #F4F1FB;
3126
+ --select-neutral-filled-option-selected-border: #BBB2D2;
3127
+ --select-neutral-filled-option-pressed-bg: #2F2A42;
3128
+ --select-neutral-filled-option-pressed-fg: #F4F1FB;
3129
+ --select-neutral-filled-option-pressed-border: transparent;
3130
+ --select-neutral-filled-option-badge-bg: #2F2A42;
3131
+ --select-neutral-filled-option-badge-fg: #F4F1FB;
3132
+ --select-neutral-filled-option-badge-border: transparent;
3133
+ --select-neutral-soft-default-bg: #2F2A42;
3134
+ --select-neutral-soft-default-fg: #F4F1FB;
3135
+ --select-neutral-soft-default-border: transparent;
3136
+ --select-neutral-soft-default-placeholder: #BBB2D2;
3137
+ --select-neutral-soft-default-icon: #BBB2D2;
3138
+ --select-neutral-soft-hover-bg: #2F2A42;
3139
+ --select-neutral-soft-hover-fg: #F4F1FB;
3140
+ --select-neutral-soft-hover-border: #BBB2D2;
3141
+ --select-neutral-soft-hover-placeholder: #BBB2D2;
3142
+ --select-neutral-soft-hover-icon: #958CB0;
3143
+ --select-neutral-soft-focus-bg: #2F2A42;
3144
+ --select-neutral-soft-focus-fg: #F4F1FB;
3145
+ --select-neutral-soft-focus-border: #958CB0;
3146
+ --select-neutral-soft-focus-placeholder: #BBB2D2;
3147
+ --select-neutral-soft-focus-icon: #958CB0;
3148
+ --select-neutral-soft-dropdown-border: transparent;
3149
+ --select-neutral-soft-dropdown-ring: #958CB0;
3150
+ --select-neutral-soft-option-active-bg: #2F2A42;
3151
+ --select-neutral-soft-option-active-fg: #F4F1FB;
3152
+ --select-neutral-soft-option-active-border: transparent;
3153
+ --select-neutral-soft-option-active-ring: transparent;
3154
+ --select-neutral-soft-option-hover-bg: #2F2A42;
3155
+ --select-neutral-soft-option-hover-fg: #F4F1FB;
3156
+ --select-neutral-soft-option-hover-border: transparent;
3157
+ --select-neutral-soft-option-selected-bg: #242034;
3158
+ --select-neutral-soft-option-selected-fg: #F4F1FB;
3159
+ --select-neutral-soft-option-selected-border: #BBB2D2;
3160
+ --select-neutral-soft-option-pressed-bg: #2F2A42;
3161
+ --select-neutral-soft-option-pressed-fg: #F4F1FB;
3162
+ --select-neutral-soft-option-pressed-border: transparent;
3163
+ --select-neutral-soft-option-badge-bg: #2F2A42;
3164
+ --select-neutral-soft-option-badge-fg: #F4F1FB;
3165
+ --select-neutral-soft-option-badge-border: transparent;
3166
+ --select-success-ring: #14B8A6;
3167
+ --select-success-outline-default-bg: transparent;
3168
+ --select-success-outline-default-fg: #F4F1FB;
3169
+ --select-success-outline-default-border: #2DD4BF;
3170
+ --select-success-outline-default-placeholder: #BBB2D2;
3171
+ --select-success-outline-default-icon: #2DD4BF;
3172
+ --select-success-outline-hover-bg: #042F2E;
3173
+ --select-success-outline-hover-fg: #F4F1FB;
3174
+ --select-success-outline-hover-border: #14B8A6;
3175
+ --select-success-outline-hover-placeholder: #BBB2D2;
3176
+ --select-success-outline-hover-icon: #14B8A6;
3177
+ --select-success-outline-focus-bg: transparent;
3178
+ --select-success-outline-focus-fg: #F4F1FB;
3179
+ --select-success-outline-focus-border: #14B8A6;
3180
+ --select-success-outline-focus-placeholder: #BBB2D2;
3181
+ --select-success-outline-focus-icon: #14B8A6;
3182
+ --select-success-outline-dropdown-border: transparent;
3183
+ --select-success-outline-dropdown-ring: #14B8A6;
3184
+ --select-success-outline-option-active-bg: #042F2E;
3185
+ --select-success-outline-option-active-fg: #F4F1FB;
3186
+ --select-success-outline-option-active-border: transparent;
3187
+ --select-success-outline-option-active-ring: transparent;
3188
+ --select-success-outline-option-hover-bg: #042F2E;
3189
+ --select-success-outline-option-hover-fg: #F4F1FB;
3190
+ --select-success-outline-option-hover-border: transparent;
3191
+ --select-success-outline-option-selected-bg: #134E4A;
3192
+ --select-success-outline-option-selected-fg: #F4F1FB;
3193
+ --select-success-outline-option-selected-border: #2DD4BF;
3194
+ --select-success-outline-option-pressed-bg: #115E59;
3195
+ --select-success-outline-option-pressed-fg: #F4F1FB;
3196
+ --select-success-outline-option-pressed-border: transparent;
3197
+ --select-success-outline-option-badge-bg: #134E4A;
3198
+ --select-success-outline-option-badge-fg: #F4F1FB;
3199
+ --select-success-outline-option-badge-border: transparent;
3200
+ --select-success-filled-default-bg: #042F2E;
3201
+ --select-success-filled-default-fg: #F4F1FB;
3202
+ --select-success-filled-default-border: transparent;
3203
+ --select-success-filled-default-placeholder: #BBB2D2;
3204
+ --select-success-filled-default-icon: #2DD4BF;
3205
+ --select-success-filled-hover-bg: #134E4A;
3206
+ --select-success-filled-hover-fg: #F4F1FB;
3207
+ --select-success-filled-hover-border: #2DD4BF;
3208
+ --select-success-filled-hover-placeholder: #BBB2D2;
3209
+ --select-success-filled-hover-icon: #14B8A6;
3210
+ --select-success-filled-focus-bg: #242034;
3211
+ --select-success-filled-focus-fg: #F4F1FB;
3212
+ --select-success-filled-focus-border: #14B8A6;
3213
+ --select-success-filled-focus-placeholder: #BBB2D2;
3214
+ --select-success-filled-focus-icon: #14B8A6;
3215
+ --select-success-filled-dropdown-border: transparent;
3216
+ --select-success-filled-dropdown-ring: #14B8A6;
3217
+ --select-success-filled-option-active-bg: #134E4A;
3218
+ --select-success-filled-option-active-fg: #F4F1FB;
3219
+ --select-success-filled-option-active-border: transparent;
3220
+ --select-success-filled-option-active-ring: transparent;
3221
+ --select-success-filled-option-hover-bg: #134E4A;
3222
+ --select-success-filled-option-hover-fg: #F4F1FB;
3223
+ --select-success-filled-option-hover-border: transparent;
3224
+ --select-success-filled-option-selected-bg: #134E4A;
3225
+ --select-success-filled-option-selected-fg: #F4F1FB;
3226
+ --select-success-filled-option-selected-border: #2DD4BF;
3227
+ --select-success-filled-option-pressed-bg: #115E59;
3228
+ --select-success-filled-option-pressed-fg: #F4F1FB;
3229
+ --select-success-filled-option-pressed-border: transparent;
3230
+ --select-success-filled-option-badge-bg: #134E4A;
3231
+ --select-success-filled-option-badge-fg: #F4F1FB;
3232
+ --select-success-filled-option-badge-border: transparent;
3233
+ --select-success-soft-default-bg: #134E4A;
3234
+ --select-success-soft-default-fg: #F4F1FB;
3235
+ --select-success-soft-default-border: transparent;
3236
+ --select-success-soft-default-placeholder: #BBB2D2;
3237
+ --select-success-soft-default-icon: #2DD4BF;
3238
+ --select-success-soft-hover-bg: #134E4A;
3239
+ --select-success-soft-hover-fg: #F4F1FB;
3240
+ --select-success-soft-hover-border: #2DD4BF;
3241
+ --select-success-soft-hover-placeholder: #BBB2D2;
3242
+ --select-success-soft-hover-icon: #14B8A6;
3243
+ --select-success-soft-focus-bg: #134E4A;
3244
+ --select-success-soft-focus-fg: #F4F1FB;
3245
+ --select-success-soft-focus-border: #14B8A6;
3246
+ --select-success-soft-focus-placeholder: #BBB2D2;
3247
+ --select-success-soft-focus-icon: #14B8A6;
3248
+ --select-success-soft-dropdown-border: transparent;
3249
+ --select-success-soft-dropdown-ring: #14B8A6;
3250
+ --select-success-soft-option-active-bg: #134E4A;
3251
+ --select-success-soft-option-active-fg: #F4F1FB;
3252
+ --select-success-soft-option-active-border: transparent;
3253
+ --select-success-soft-option-active-ring: transparent;
3254
+ --select-success-soft-option-hover-bg: #134E4A;
3255
+ --select-success-soft-option-hover-fg: #F4F1FB;
3256
+ --select-success-soft-option-hover-border: transparent;
3257
+ --select-success-soft-option-selected-bg: #134E4A;
3258
+ --select-success-soft-option-selected-fg: #F4F1FB;
3259
+ --select-success-soft-option-selected-border: #2DD4BF;
3260
+ --select-success-soft-option-pressed-bg: #115E59;
3261
+ --select-success-soft-option-pressed-fg: #F4F1FB;
3262
+ --select-success-soft-option-pressed-border: transparent;
3263
+ --select-success-soft-option-badge-bg: #134E4A;
3264
+ --select-success-soft-option-badge-fg: #F4F1FB;
3265
+ --select-success-soft-option-badge-border: transparent;
3266
+ --select-warning-ring: #F59E0B;
3267
+ --select-warning-outline-default-bg: transparent;
3268
+ --select-warning-outline-default-fg: #F4F1FB;
3269
+ --select-warning-outline-default-border: #FBBF24;
3270
+ --select-warning-outline-default-placeholder: #BBB2D2;
3271
+ --select-warning-outline-default-icon: #FBBF24;
3272
+ --select-warning-outline-hover-bg: #451A03;
3273
+ --select-warning-outline-hover-fg: #F4F1FB;
3274
+ --select-warning-outline-hover-border: #F59E0B;
3275
+ --select-warning-outline-hover-placeholder: #BBB2D2;
3276
+ --select-warning-outline-hover-icon: #F59E0B;
3277
+ --select-warning-outline-focus-bg: transparent;
3278
+ --select-warning-outline-focus-fg: #F4F1FB;
3279
+ --select-warning-outline-focus-border: #F59E0B;
3280
+ --select-warning-outline-focus-placeholder: #BBB2D2;
3281
+ --select-warning-outline-focus-icon: #F59E0B;
3282
+ --select-warning-outline-dropdown-border: transparent;
3283
+ --select-warning-outline-dropdown-ring: #F59E0B;
3284
+ --select-warning-outline-option-active-bg: #451A03;
3285
+ --select-warning-outline-option-active-fg: #F4F1FB;
3286
+ --select-warning-outline-option-active-border: transparent;
3287
+ --select-warning-outline-option-active-ring: transparent;
3288
+ --select-warning-outline-option-hover-bg: #451A03;
3289
+ --select-warning-outline-option-hover-fg: #F4F1FB;
3290
+ --select-warning-outline-option-hover-border: transparent;
3291
+ --select-warning-outline-option-selected-bg: #78350F;
3292
+ --select-warning-outline-option-selected-fg: #F4F1FB;
3293
+ --select-warning-outline-option-selected-border: #FBBF24;
3294
+ --select-warning-outline-option-pressed-bg: #92400E;
3295
+ --select-warning-outline-option-pressed-fg: #F4F1FB;
3296
+ --select-warning-outline-option-pressed-border: transparent;
3297
+ --select-warning-outline-option-badge-bg: #78350F;
3298
+ --select-warning-outline-option-badge-fg: #F4F1FB;
3299
+ --select-warning-outline-option-badge-border: transparent;
3300
+ --select-warning-filled-default-bg: #451A03;
3301
+ --select-warning-filled-default-fg: #F4F1FB;
3302
+ --select-warning-filled-default-border: transparent;
3303
+ --select-warning-filled-default-placeholder: #BBB2D2;
3304
+ --select-warning-filled-default-icon: #FBBF24;
3305
+ --select-warning-filled-hover-bg: #78350F;
3306
+ --select-warning-filled-hover-fg: #F4F1FB;
3307
+ --select-warning-filled-hover-border: #FBBF24;
3308
+ --select-warning-filled-hover-placeholder: #BBB2D2;
3309
+ --select-warning-filled-hover-icon: #F59E0B;
3310
+ --select-warning-filled-focus-bg: #242034;
3311
+ --select-warning-filled-focus-fg: #F4F1FB;
3312
+ --select-warning-filled-focus-border: #F59E0B;
3313
+ --select-warning-filled-focus-placeholder: #BBB2D2;
3314
+ --select-warning-filled-focus-icon: #F59E0B;
3315
+ --select-warning-filled-dropdown-border: transparent;
3316
+ --select-warning-filled-dropdown-ring: #F59E0B;
3317
+ --select-warning-filled-option-active-bg: #78350F;
3318
+ --select-warning-filled-option-active-fg: #F4F1FB;
3319
+ --select-warning-filled-option-active-border: transparent;
3320
+ --select-warning-filled-option-active-ring: transparent;
3321
+ --select-warning-filled-option-hover-bg: #78350F;
3322
+ --select-warning-filled-option-hover-fg: #F4F1FB;
3323
+ --select-warning-filled-option-hover-border: transparent;
3324
+ --select-warning-filled-option-selected-bg: #78350F;
3325
+ --select-warning-filled-option-selected-fg: #F4F1FB;
3326
+ --select-warning-filled-option-selected-border: #FBBF24;
3327
+ --select-warning-filled-option-pressed-bg: #92400E;
3328
+ --select-warning-filled-option-pressed-fg: #F4F1FB;
3329
+ --select-warning-filled-option-pressed-border: transparent;
3330
+ --select-warning-filled-option-badge-bg: #78350F;
3331
+ --select-warning-filled-option-badge-fg: #F4F1FB;
3332
+ --select-warning-filled-option-badge-border: transparent;
3333
+ --select-warning-soft-default-bg: #78350F;
3334
+ --select-warning-soft-default-fg: #F4F1FB;
3335
+ --select-warning-soft-default-border: transparent;
3336
+ --select-warning-soft-default-placeholder: #BBB2D2;
3337
+ --select-warning-soft-default-icon: #FBBF24;
3338
+ --select-warning-soft-hover-bg: #78350F;
3339
+ --select-warning-soft-hover-fg: #F4F1FB;
3340
+ --select-warning-soft-hover-border: #FBBF24;
3341
+ --select-warning-soft-hover-placeholder: #BBB2D2;
3342
+ --select-warning-soft-hover-icon: #F59E0B;
3343
+ --select-warning-soft-focus-bg: #78350F;
3344
+ --select-warning-soft-focus-fg: #F4F1FB;
3345
+ --select-warning-soft-focus-border: #F59E0B;
3346
+ --select-warning-soft-focus-placeholder: #BBB2D2;
3347
+ --select-warning-soft-focus-icon: #F59E0B;
3348
+ --select-warning-soft-dropdown-border: transparent;
3349
+ --select-warning-soft-dropdown-ring: #F59E0B;
3350
+ --select-warning-soft-option-active-bg: #78350F;
3351
+ --select-warning-soft-option-active-fg: #F4F1FB;
3352
+ --select-warning-soft-option-active-border: transparent;
3353
+ --select-warning-soft-option-active-ring: transparent;
3354
+ --select-warning-soft-option-hover-bg: #78350F;
3355
+ --select-warning-soft-option-hover-fg: #F4F1FB;
3356
+ --select-warning-soft-option-hover-border: transparent;
3357
+ --select-warning-soft-option-selected-bg: #78350F;
3358
+ --select-warning-soft-option-selected-fg: #F4F1FB;
3359
+ --select-warning-soft-option-selected-border: #FBBF24;
3360
+ --select-warning-soft-option-pressed-bg: #92400E;
3361
+ --select-warning-soft-option-pressed-fg: #F4F1FB;
3362
+ --select-warning-soft-option-pressed-border: transparent;
3363
+ --select-warning-soft-option-badge-bg: #78350F;
3364
+ --select-warning-soft-option-badge-fg: #F4F1FB;
3365
+ --select-warning-soft-option-badge-border: transparent;
3366
+ --select-danger-ring: #F43F5E;
3367
+ --select-danger-outline-default-bg: transparent;
3368
+ --select-danger-outline-default-fg: #F4F1FB;
3369
+ --select-danger-outline-default-border: #FB7185;
3370
+ --select-danger-outline-default-placeholder: #BBB2D2;
3371
+ --select-danger-outline-default-icon: #FB7185;
3372
+ --select-danger-outline-hover-bg: #4C0519;
3373
+ --select-danger-outline-hover-fg: #F4F1FB;
3374
+ --select-danger-outline-hover-border: #F43F5E;
3375
+ --select-danger-outline-hover-placeholder: #BBB2D2;
3376
+ --select-danger-outline-hover-icon: #F43F5E;
3377
+ --select-danger-outline-focus-bg: transparent;
3378
+ --select-danger-outline-focus-fg: #F4F1FB;
3379
+ --select-danger-outline-focus-border: #F43F5E;
3380
+ --select-danger-outline-focus-placeholder: #BBB2D2;
3381
+ --select-danger-outline-focus-icon: #F43F5E;
3382
+ --select-danger-outline-dropdown-border: transparent;
3383
+ --select-danger-outline-dropdown-ring: #F43F5E;
3384
+ --select-danger-outline-option-active-bg: #4C0519;
3385
+ --select-danger-outline-option-active-fg: #F4F1FB;
3386
+ --select-danger-outline-option-active-border: transparent;
3387
+ --select-danger-outline-option-active-ring: transparent;
3388
+ --select-danger-outline-option-hover-bg: #4C0519;
3389
+ --select-danger-outline-option-hover-fg: #F4F1FB;
3390
+ --select-danger-outline-option-hover-border: transparent;
3391
+ --select-danger-outline-option-selected-bg: #881337;
3392
+ --select-danger-outline-option-selected-fg: #F4F1FB;
3393
+ --select-danger-outline-option-selected-border: #FB7185;
3394
+ --select-danger-outline-option-pressed-bg: #9F1239;
3395
+ --select-danger-outline-option-pressed-fg: #F4F1FB;
3396
+ --select-danger-outline-option-pressed-border: transparent;
3397
+ --select-danger-outline-option-badge-bg: #881337;
3398
+ --select-danger-outline-option-badge-fg: #F4F1FB;
3399
+ --select-danger-outline-option-badge-border: transparent;
3400
+ --select-danger-filled-default-bg: #4C0519;
3401
+ --select-danger-filled-default-fg: #F4F1FB;
3402
+ --select-danger-filled-default-border: transparent;
3403
+ --select-danger-filled-default-placeholder: #BBB2D2;
3404
+ --select-danger-filled-default-icon: #FB7185;
3405
+ --select-danger-filled-hover-bg: #881337;
3406
+ --select-danger-filled-hover-fg: #F4F1FB;
3407
+ --select-danger-filled-hover-border: #FB7185;
3408
+ --select-danger-filled-hover-placeholder: #BBB2D2;
3409
+ --select-danger-filled-hover-icon: #F43F5E;
3410
+ --select-danger-filled-focus-bg: #242034;
3411
+ --select-danger-filled-focus-fg: #F4F1FB;
3412
+ --select-danger-filled-focus-border: #F43F5E;
3413
+ --select-danger-filled-focus-placeholder: #BBB2D2;
3414
+ --select-danger-filled-focus-icon: #F43F5E;
3415
+ --select-danger-filled-dropdown-border: transparent;
3416
+ --select-danger-filled-dropdown-ring: #F43F5E;
3417
+ --select-danger-filled-option-active-bg: #881337;
3418
+ --select-danger-filled-option-active-fg: #F4F1FB;
3419
+ --select-danger-filled-option-active-border: transparent;
3420
+ --select-danger-filled-option-active-ring: transparent;
3421
+ --select-danger-filled-option-hover-bg: #881337;
3422
+ --select-danger-filled-option-hover-fg: #F4F1FB;
3423
+ --select-danger-filled-option-hover-border: transparent;
3424
+ --select-danger-filled-option-selected-bg: #881337;
3425
+ --select-danger-filled-option-selected-fg: #F4F1FB;
3426
+ --select-danger-filled-option-selected-border: #FB7185;
3427
+ --select-danger-filled-option-pressed-bg: #9F1239;
3428
+ --select-danger-filled-option-pressed-fg: #F4F1FB;
3429
+ --select-danger-filled-option-pressed-border: transparent;
3430
+ --select-danger-filled-option-badge-bg: #881337;
3431
+ --select-danger-filled-option-badge-fg: #F4F1FB;
3432
+ --select-danger-filled-option-badge-border: transparent;
3433
+ --select-danger-soft-default-bg: #881337;
3434
+ --select-danger-soft-default-fg: #F4F1FB;
3435
+ --select-danger-soft-default-border: transparent;
3436
+ --select-danger-soft-default-placeholder: #BBB2D2;
3437
+ --select-danger-soft-default-icon: #FB7185;
3438
+ --select-danger-soft-hover-bg: #881337;
3439
+ --select-danger-soft-hover-fg: #F4F1FB;
3440
+ --select-danger-soft-hover-border: #FB7185;
3441
+ --select-danger-soft-hover-placeholder: #BBB2D2;
3442
+ --select-danger-soft-hover-icon: #F43F5E;
3443
+ --select-danger-soft-focus-bg: #881337;
3444
+ --select-danger-soft-focus-fg: #F4F1FB;
3445
+ --select-danger-soft-focus-border: #F43F5E;
3446
+ --select-danger-soft-focus-placeholder: #BBB2D2;
3447
+ --select-danger-soft-focus-icon: #F43F5E;
3448
+ --select-danger-soft-dropdown-border: transparent;
3449
+ --select-danger-soft-dropdown-ring: #F43F5E;
3450
+ --select-danger-soft-option-active-bg: #881337;
3451
+ --select-danger-soft-option-active-fg: #F4F1FB;
3452
+ --select-danger-soft-option-active-border: transparent;
3453
+ --select-danger-soft-option-active-ring: transparent;
3454
+ --select-danger-soft-option-hover-bg: #881337;
3455
+ --select-danger-soft-option-hover-fg: #F4F1FB;
3456
+ --select-danger-soft-option-hover-border: transparent;
3457
+ --select-danger-soft-option-selected-bg: #881337;
3458
+ --select-danger-soft-option-selected-fg: #F4F1FB;
3459
+ --select-danger-soft-option-selected-border: #FB7185;
3460
+ --select-danger-soft-option-pressed-bg: #9F1239;
3461
+ --select-danger-soft-option-pressed-fg: #F4F1FB;
3462
+ --select-danger-soft-option-pressed-border: transparent;
3463
+ --select-danger-soft-option-badge-bg: #881337;
3464
+ --select-danger-soft-option-badge-fg: #F4F1FB;
3465
+ --select-danger-soft-option-badge-border: transparent;
1886
3466
  --select-trigger-default-bg: transparent;
1887
3467
  --select-trigger-default-fg: #F4F1FB;
1888
3468
  --select-trigger-default-border: #4F4867;
3469
+ --select-trigger-default-icon: #B8A8FF;
3470
+ --select-trigger-default-placeholder: #BBB2D2;
1889
3471
  --select-trigger-hover-bg: #2F2A42;
1890
3472
  --select-trigger-hover-fg: #B8A8FF;
1891
3473
  --select-trigger-hover-border: #B8A8FF;
3474
+ --select-trigger-hover-icon: #D4CCFF;
3475
+ --select-trigger-hover-placeholder: #BBB2D2;
1892
3476
  --select-trigger-focus-bg: transparent;
1893
3477
  --select-trigger-focus-fg: #F4F1FB;
1894
3478
  --select-trigger-focus-border: #B8A8FF;
1895
3479
  --select-trigger-focus-ring: #B8A8FF;
3480
+ --select-trigger-focus-icon: #B8A8FF;
3481
+ --select-trigger-focus-placeholder: #BBB2D2;
1896
3482
  --select-trigger-disabled-bg: #2F2A42;
1897
3483
  --select-trigger-disabled-fg: #6B6386;
1898
3484
  --select-trigger-disabled-border: #3D3754;
3485
+ --select-trigger-disabled-icon: #6B6386;
3486
+ --select-trigger-disabled-placeholder: #6B6386;
1899
3487
  --select-trigger-placeholder-fg: #BBB2D2;
1900
3488
  --select-trigger-error-border: #FB7185;
1901
3489
  --select-trigger-error-ring: #FB7185;
1902
3490
  --select-dropdown-bg: #2F2A42;
1903
3491
  --select-dropdown-fg: #F4F1FB;
1904
- --select-dropdown-border: #4F4867;
1905
- --select-dropdown-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
3492
+ --select-dropdown-border: transparent;
3493
+ --select-dropdown-shadow: none;
3494
+ --select-dropdown-search-bg: #181521;
3495
+ --select-dropdown-search-fg: #F4F1FB;
3496
+ --select-dropdown-search-border: #3D3754;
3497
+ --select-dropdown-search-placeholder: #BBB2D2;
3498
+ --select-dropdown-search-ring: #B8A8FF;
3499
+ --select-dropdown-empty-fg: #BBB2D2;
3500
+ --select-dropdown-group-label-fg: #B8A8FF;
3501
+ --select-dropdown-separator-bg: #3D3754;
1906
3502
  --select-option-default-bg: transparent;
1907
3503
  --select-option-default-fg: #F4F1FB;
1908
3504
  --select-option-default-border: transparent;
@@ -1919,10 +3515,21 @@
1919
3515
  --select-option-selected-bg: #402C9F;
1920
3516
  --select-option-selected-fg: #E9E6FF;
1921
3517
  --select-option-selected-border: #6346E8;
1922
- --select-option-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
3518
+ --select-option-selected-shadow: none;
1923
3519
  --select-option-disabled-bg: transparent;
1924
3520
  --select-option-disabled-fg: #6B6386;
1925
3521
  --select-option-disabled-border: transparent;
3522
+ --select-option-description-fg: #BBB2D2;
3523
+ --select-option-icon-fg: #F4F1FB;
3524
+ --select-option-badge-bg: #242034;
3525
+ --select-option-badge-fg: #BBB2D2;
3526
+ --select-option-badge-border: #3D3754;
3527
+ --select-option-shortcut-bg: #242034;
3528
+ --select-option-shortcut-fg: #BBB2D2;
3529
+ --select-option-shortcut-border: #3D3754;
3530
+ --select-option-success-fg: #2DD4BF;
3531
+ --select-option-warning-fg: #FBBF24;
3532
+ --select-option-danger-fg: #FB7185;
1926
3533
  --tabs-list-border: #3D3754;
1927
3534
  --tabs-trigger-default-bg: transparent;
1928
3535
  --tabs-trigger-default-fg: #BBB2D2;
@@ -2685,6 +4292,10 @@
2685
4292
  --dropdown-separator-bg: #9CA3AF;
2686
4293
  --dropdown-separator-fg: #D1D5DB;
2687
4294
  --form-field-label-fg: #FFFFFF;
4295
+ --form-field-optional-fg: #EEE8FA;
4296
+ --form-field-label-info-fg: #EEE8FA;
4297
+ --form-field-label-info-border: #EEE8FA;
4298
+ --form-field-label-info-radius: 999px;
2688
4299
  --form-field-description-fg: #EEE8FA;
2689
4300
  --form-field-helper-text-default-fg: #D1D5DB;
2690
4301
  --form-field-helper-text-error-fg: #FB7185;
@@ -2695,6 +4306,272 @@
2695
4306
  --form-field-disabled-label-fg: #6B7280;
2696
4307
  --form-field-disabled-description-fg: #6B7280;
2697
4308
  --form-field-disabled-helper-text-fg: #6B7280;
4309
+ --form-field-size-sm-gap: 4px;
4310
+ --form-field-size-sm-horizontal-gap: 12px;
4311
+ --form-field-size-sm-label-font-size: 14px;
4312
+ --form-field-size-sm-label-line-height: 20px;
4313
+ --form-field-size-sm-description-font-size: 12px;
4314
+ --form-field-size-sm-description-line-height: 16px;
4315
+ --form-field-size-sm-helper-text-font-size: 12px;
4316
+ --form-field-size-sm-helper-text-line-height: 16px;
4317
+ --form-field-size-sm-optional-font-size: 12px;
4318
+ --form-field-size-sm-optional-line-height: 16px;
4319
+ --form-field-size-sm-label-info-size: 16px;
4320
+ --form-field-size-sm-label-info-font-size: 12px;
4321
+ --form-field-size-md-gap: 8px;
4322
+ --form-field-size-md-horizontal-gap: 16px;
4323
+ --form-field-size-md-label-font-size: 16px;
4324
+ --form-field-size-md-label-line-height: 24px;
4325
+ --form-field-size-md-description-font-size: 14px;
4326
+ --form-field-size-md-description-line-height: 20px;
4327
+ --form-field-size-md-helper-text-font-size: 14px;
4328
+ --form-field-size-md-helper-text-line-height: 20px;
4329
+ --form-field-size-md-optional-font-size: 12px;
4330
+ --form-field-size-md-optional-line-height: 16px;
4331
+ --form-field-size-md-label-info-size: 16px;
4332
+ --form-field-size-md-label-info-font-size: 12px;
4333
+ --form-field-size-lg-gap: 12px;
4334
+ --form-field-size-lg-horizontal-gap: 20px;
4335
+ --form-field-size-lg-label-font-size: 20px;
4336
+ --form-field-size-lg-label-line-height: 28px;
4337
+ --form-field-size-lg-description-font-size: 16px;
4338
+ --form-field-size-lg-description-line-height: 24px;
4339
+ --form-field-size-lg-helper-text-font-size: 16px;
4340
+ --form-field-size-lg-helper-text-line-height: 24px;
4341
+ --form-field-size-lg-optional-font-size: 14px;
4342
+ --form-field-size-lg-optional-line-height: 20px;
4343
+ --form-field-size-lg-label-info-size: 20px;
4344
+ --form-field-size-lg-label-info-font-size: 14px;
4345
+ --input-primary-ring: #9B7CFF;
4346
+ --input-primary-outline-default-bg: transparent;
4347
+ --input-primary-outline-default-fg: #FFFFFF;
4348
+ --input-primary-outline-default-border: #B8A8FF;
4349
+ --input-primary-outline-default-placeholder: #EEE8FA;
4350
+ --input-primary-outline-default-icon: #B8A8FF;
4351
+ --input-primary-outline-hover-bg: #374151;
4352
+ --input-primary-outline-hover-fg: #FFFFFF;
4353
+ --input-primary-outline-hover-border: #9B7CFF;
4354
+ --input-primary-outline-hover-placeholder: #EEE8FA;
4355
+ --input-primary-outline-hover-icon: #9B7CFF;
4356
+ --input-primary-outline-focus-bg: transparent;
4357
+ --input-primary-outline-focus-fg: #FFFFFF;
4358
+ --input-primary-outline-focus-border: #9B7CFF;
4359
+ --input-primary-outline-focus-placeholder: #EEE8FA;
4360
+ --input-primary-outline-focus-icon: #9B7CFF;
4361
+ --input-primary-filled-default-bg: #21164F;
4362
+ --input-primary-filled-default-fg: #FFFFFF;
4363
+ --input-primary-filled-default-border: #B8A8FF;
4364
+ --input-primary-filled-default-placeholder: #EEE8FA;
4365
+ --input-primary-filled-default-icon: #B8A8FF;
4366
+ --input-primary-filled-hover-bg: #342580;
4367
+ --input-primary-filled-hover-fg: #FFFFFF;
4368
+ --input-primary-filled-hover-border: #9B7CFF;
4369
+ --input-primary-filled-hover-placeholder: #EEE8FA;
4370
+ --input-primary-filled-hover-icon: #9B7CFF;
4371
+ --input-primary-filled-focus-bg: #1F2937;
4372
+ --input-primary-filled-focus-fg: #FFFFFF;
4373
+ --input-primary-filled-focus-border: #9B7CFF;
4374
+ --input-primary-filled-focus-placeholder: #EEE8FA;
4375
+ --input-primary-filled-focus-icon: #9B7CFF;
4376
+ --input-primary-soft-default-bg: #342580;
4377
+ --input-primary-soft-default-fg: #FFFFFF;
4378
+ --input-primary-soft-default-border: #B8A8FF;
4379
+ --input-primary-soft-default-placeholder: #EEE8FA;
4380
+ --input-primary-soft-default-icon: #B8A8FF;
4381
+ --input-primary-soft-hover-bg: #342580;
4382
+ --input-primary-soft-hover-fg: #FFFFFF;
4383
+ --input-primary-soft-hover-border: #9B7CFF;
4384
+ --input-primary-soft-hover-placeholder: #EEE8FA;
4385
+ --input-primary-soft-hover-icon: #9B7CFF;
4386
+ --input-primary-soft-focus-bg: #342580;
4387
+ --input-primary-soft-focus-fg: #FFFFFF;
4388
+ --input-primary-soft-focus-border: #9B7CFF;
4389
+ --input-primary-soft-focus-placeholder: #EEE8FA;
4390
+ --input-primary-soft-focus-icon: #9B7CFF;
4391
+ --input-neutral-ring: #98A8BD;
4392
+ --input-neutral-outline-default-bg: transparent;
4393
+ --input-neutral-outline-default-fg: #FFFFFF;
4394
+ --input-neutral-outline-default-border: #D8E4F2;
4395
+ --input-neutral-outline-default-placeholder: #EEE8FA;
4396
+ --input-neutral-outline-default-icon: #D8E4F2;
4397
+ --input-neutral-outline-hover-bg: #111C2E;
4398
+ --input-neutral-outline-hover-fg: #FFFFFF;
4399
+ --input-neutral-outline-hover-border: #E5E7EB;
4400
+ --input-neutral-outline-hover-placeholder: #EEE8FA;
4401
+ --input-neutral-outline-hover-icon: #E5E7EB;
4402
+ --input-neutral-outline-focus-bg: transparent;
4403
+ --input-neutral-outline-focus-fg: #FFFFFF;
4404
+ --input-neutral-outline-focus-border: #E5E7EB;
4405
+ --input-neutral-outline-focus-placeholder: #EEE8FA;
4406
+ --input-neutral-outline-focus-icon: #E5E7EB;
4407
+ --input-neutral-filled-default-bg: #111C2E;
4408
+ --input-neutral-filled-default-fg: #FFFFFF;
4409
+ --input-neutral-filled-default-border: #D8E4F2;
4410
+ --input-neutral-filled-default-placeholder: #EEE8FA;
4411
+ --input-neutral-filled-default-icon: #D8E4F2;
4412
+ --input-neutral-filled-hover-bg: #1E2A44;
4413
+ --input-neutral-filled-hover-fg: #FFFFFF;
4414
+ --input-neutral-filled-hover-border: #E5E7EB;
4415
+ --input-neutral-filled-hover-placeholder: #EEE8FA;
4416
+ --input-neutral-filled-hover-icon: #E5E7EB;
4417
+ --input-neutral-filled-focus-bg: #1F2937;
4418
+ --input-neutral-filled-focus-fg: #FFFFFF;
4419
+ --input-neutral-filled-focus-border: #E5E7EB;
4420
+ --input-neutral-filled-focus-placeholder: #EEE8FA;
4421
+ --input-neutral-filled-focus-icon: #E5E7EB;
4422
+ --input-neutral-soft-default-bg: #1E2A44;
4423
+ --input-neutral-soft-default-fg: #FFFFFF;
4424
+ --input-neutral-soft-default-border: #D8E4F2;
4425
+ --input-neutral-soft-default-placeholder: #EEE8FA;
4426
+ --input-neutral-soft-default-icon: #D8E4F2;
4427
+ --input-neutral-soft-hover-bg: #1E2A44;
4428
+ --input-neutral-soft-hover-fg: #FFFFFF;
4429
+ --input-neutral-soft-hover-border: #E5E7EB;
4430
+ --input-neutral-soft-hover-placeholder: #EEE8FA;
4431
+ --input-neutral-soft-hover-icon: #E5E7EB;
4432
+ --input-neutral-soft-focus-bg: #1E2A44;
4433
+ --input-neutral-soft-focus-fg: #FFFFFF;
4434
+ --input-neutral-soft-focus-border: #E5E7EB;
4435
+ --input-neutral-soft-focus-placeholder: #EEE8FA;
4436
+ --input-neutral-soft-focus-icon: #E5E7EB;
4437
+ --input-success-ring: #14B8A6;
4438
+ --input-success-outline-default-bg: transparent;
4439
+ --input-success-outline-default-fg: #FFFFFF;
4440
+ --input-success-outline-default-border: #5EEAD4;
4441
+ --input-success-outline-default-placeholder: #EEE8FA;
4442
+ --input-success-outline-default-icon: #5EEAD4;
4443
+ --input-success-outline-hover-bg: #042F2E;
4444
+ --input-success-outline-hover-fg: #FFFFFF;
4445
+ --input-success-outline-hover-border: #2DD4BF;
4446
+ --input-success-outline-hover-placeholder: #EEE8FA;
4447
+ --input-success-outline-hover-icon: #2DD4BF;
4448
+ --input-success-outline-focus-bg: transparent;
4449
+ --input-success-outline-focus-fg: #FFFFFF;
4450
+ --input-success-outline-focus-border: #2DD4BF;
4451
+ --input-success-outline-focus-placeholder: #EEE8FA;
4452
+ --input-success-outline-focus-icon: #2DD4BF;
4453
+ --input-success-filled-default-bg: #042F2E;
4454
+ --input-success-filled-default-fg: #FFFFFF;
4455
+ --input-success-filled-default-border: #5EEAD4;
4456
+ --input-success-filled-default-placeholder: #EEE8FA;
4457
+ --input-success-filled-default-icon: #5EEAD4;
4458
+ --input-success-filled-hover-bg: #134E4A;
4459
+ --input-success-filled-hover-fg: #FFFFFF;
4460
+ --input-success-filled-hover-border: #2DD4BF;
4461
+ --input-success-filled-hover-placeholder: #EEE8FA;
4462
+ --input-success-filled-hover-icon: #2DD4BF;
4463
+ --input-success-filled-focus-bg: #1F2937;
4464
+ --input-success-filled-focus-fg: #FFFFFF;
4465
+ --input-success-filled-focus-border: #2DD4BF;
4466
+ --input-success-filled-focus-placeholder: #EEE8FA;
4467
+ --input-success-filled-focus-icon: #2DD4BF;
4468
+ --input-success-soft-default-bg: #134E4A;
4469
+ --input-success-soft-default-fg: #FFFFFF;
4470
+ --input-success-soft-default-border: #5EEAD4;
4471
+ --input-success-soft-default-placeholder: #EEE8FA;
4472
+ --input-success-soft-default-icon: #5EEAD4;
4473
+ --input-success-soft-hover-bg: #134E4A;
4474
+ --input-success-soft-hover-fg: #FFFFFF;
4475
+ --input-success-soft-hover-border: #2DD4BF;
4476
+ --input-success-soft-hover-placeholder: #EEE8FA;
4477
+ --input-success-soft-hover-icon: #2DD4BF;
4478
+ --input-success-soft-focus-bg: #134E4A;
4479
+ --input-success-soft-focus-fg: #FFFFFF;
4480
+ --input-success-soft-focus-border: #2DD4BF;
4481
+ --input-success-soft-focus-placeholder: #EEE8FA;
4482
+ --input-success-soft-focus-icon: #2DD4BF;
4483
+ --input-warning-ring: #F59E0B;
4484
+ --input-warning-outline-default-bg: transparent;
4485
+ --input-warning-outline-default-fg: #FFFFFF;
4486
+ --input-warning-outline-default-border: #F59E0B;
4487
+ --input-warning-outline-default-placeholder: #EEE8FA;
4488
+ --input-warning-outline-default-icon: #F59E0B;
4489
+ --input-warning-outline-hover-bg: #451A03;
4490
+ --input-warning-outline-hover-fg: #FFFFFF;
4491
+ --input-warning-outline-hover-border: #FBBF24;
4492
+ --input-warning-outline-hover-placeholder: #EEE8FA;
4493
+ --input-warning-outline-hover-icon: #FBBF24;
4494
+ --input-warning-outline-focus-bg: transparent;
4495
+ --input-warning-outline-focus-fg: #FFFFFF;
4496
+ --input-warning-outline-focus-border: #FBBF24;
4497
+ --input-warning-outline-focus-placeholder: #EEE8FA;
4498
+ --input-warning-outline-focus-icon: #FBBF24;
4499
+ --input-warning-filled-default-bg: #78350F;
4500
+ --input-warning-filled-default-fg: #FFFFFF;
4501
+ --input-warning-filled-default-border: #F59E0B;
4502
+ --input-warning-filled-default-placeholder: #EEE8FA;
4503
+ --input-warning-filled-default-icon: #F59E0B;
4504
+ --input-warning-filled-hover-bg: #92400E;
4505
+ --input-warning-filled-hover-fg: #FFFFFF;
4506
+ --input-warning-filled-hover-border: #FBBF24;
4507
+ --input-warning-filled-hover-placeholder: #EEE8FA;
4508
+ --input-warning-filled-hover-icon: #FBBF24;
4509
+ --input-warning-filled-focus-bg: #1F2937;
4510
+ --input-warning-filled-focus-fg: #FFFFFF;
4511
+ --input-warning-filled-focus-border: #FBBF24;
4512
+ --input-warning-filled-focus-placeholder: #EEE8FA;
4513
+ --input-warning-filled-focus-icon: #FBBF24;
4514
+ --input-warning-soft-default-bg: #78350F;
4515
+ --input-warning-soft-default-fg: #FFFFFF;
4516
+ --input-warning-soft-default-border: #F59E0B;
4517
+ --input-warning-soft-default-placeholder: #EEE8FA;
4518
+ --input-warning-soft-default-icon: #F59E0B;
4519
+ --input-warning-soft-hover-bg: #78350F;
4520
+ --input-warning-soft-hover-fg: #FFFFFF;
4521
+ --input-warning-soft-hover-border: #FBBF24;
4522
+ --input-warning-soft-hover-placeholder: #EEE8FA;
4523
+ --input-warning-soft-hover-icon: #FBBF24;
4524
+ --input-warning-soft-focus-bg: #78350F;
4525
+ --input-warning-soft-focus-fg: #FFFFFF;
4526
+ --input-warning-soft-focus-border: #FBBF24;
4527
+ --input-warning-soft-focus-placeholder: #EEE8FA;
4528
+ --input-warning-soft-focus-icon: #FBBF24;
4529
+ --input-danger-ring: #F43F5E;
4530
+ --input-danger-outline-default-bg: transparent;
4531
+ --input-danger-outline-default-fg: #FFFFFF;
4532
+ --input-danger-outline-default-border: #FB7185;
4533
+ --input-danger-outline-default-placeholder: #EEE8FA;
4534
+ --input-danger-outline-default-icon: #FB7185;
4535
+ --input-danger-outline-hover-bg: #4C0519;
4536
+ --input-danger-outline-hover-fg: #FFFFFF;
4537
+ --input-danger-outline-hover-border: #FDA4AF;
4538
+ --input-danger-outline-hover-placeholder: #EEE8FA;
4539
+ --input-danger-outline-hover-icon: #FDA4AF;
4540
+ --input-danger-outline-focus-bg: transparent;
4541
+ --input-danger-outline-focus-fg: #FFFFFF;
4542
+ --input-danger-outline-focus-border: #FDA4AF;
4543
+ --input-danger-outline-focus-placeholder: #EEE8FA;
4544
+ --input-danger-outline-focus-icon: #FDA4AF;
4545
+ --input-danger-filled-default-bg: #4C0519;
4546
+ --input-danger-filled-default-fg: #FFFFFF;
4547
+ --input-danger-filled-default-border: #FB7185;
4548
+ --input-danger-filled-default-placeholder: #EEE8FA;
4549
+ --input-danger-filled-default-icon: #FB7185;
4550
+ --input-danger-filled-hover-bg: #881337;
4551
+ --input-danger-filled-hover-fg: #FFFFFF;
4552
+ --input-danger-filled-hover-border: #FDA4AF;
4553
+ --input-danger-filled-hover-placeholder: #EEE8FA;
4554
+ --input-danger-filled-hover-icon: #FDA4AF;
4555
+ --input-danger-filled-focus-bg: #1F2937;
4556
+ --input-danger-filled-focus-fg: #FFFFFF;
4557
+ --input-danger-filled-focus-border: #FDA4AF;
4558
+ --input-danger-filled-focus-placeholder: #EEE8FA;
4559
+ --input-danger-filled-focus-icon: #FDA4AF;
4560
+ --input-danger-soft-default-bg: #881337;
4561
+ --input-danger-soft-default-fg: #FFFFFF;
4562
+ --input-danger-soft-default-border: #FB7185;
4563
+ --input-danger-soft-default-placeholder: #EEE8FA;
4564
+ --input-danger-soft-default-icon: #FB7185;
4565
+ --input-danger-soft-hover-bg: #881337;
4566
+ --input-danger-soft-hover-fg: #FFFFFF;
4567
+ --input-danger-soft-hover-border: #FDA4AF;
4568
+ --input-danger-soft-hover-placeholder: #EEE8FA;
4569
+ --input-danger-soft-hover-icon: #FDA4AF;
4570
+ --input-danger-soft-focus-bg: #881337;
4571
+ --input-danger-soft-focus-fg: #FFFFFF;
4572
+ --input-danger-soft-focus-border: #FDA4AF;
4573
+ --input-danger-soft-focus-placeholder: #EEE8FA;
4574
+ --input-danger-soft-focus-icon: #FDA4AF;
2698
4575
  --input-default-bg: transparent;
2699
4576
  --input-default-fg: #FFFFFF;
2700
4577
  --input-default-border: #9CA3AF;
@@ -2718,8 +4595,6 @@
2718
4595
  --input-disabled-icon: #6B7280;
2719
4596
  --input-error-border: #FB7185;
2720
4597
  --input-error-ring: #FB7185;
2721
- --input-success-border: #5EEAD4;
2722
- --input-success-ring: #5EEAD4;
2723
4598
  --input-read-only-bg: #1F2937;
2724
4599
  --input-read-only-fg: #EEE8FA;
2725
4600
  --input-read-only-border: #6B7280;
@@ -2738,6 +4613,15 @@
2738
4613
  --input-clear-button-hover-bg: #4C0519;
2739
4614
  --input-clear-button-focus-bg: #1F2937;
2740
4615
  --input-clear-button-pressed-bg: #374151;
4616
+ --input-reveal-button-fg: #FFFFFF;
4617
+ --input-reveal-button-hover-fg: #FFFFFF;
4618
+ --input-reveal-button-hover-bg: #374151;
4619
+ --input-addon-bg: #111827;
4620
+ --input-addon-fg: #EEE8FA;
4621
+ --input-addon-border: #9CA3AF;
4622
+ --input-affix-fg: #FFFFFF;
4623
+ --input-counter-fg: #EEE8FA;
4624
+ --input-spinner-fg: #9CA3AF;
2741
4625
  --modal-overlay-bg: rgba(0, 0, 0, 0.82);
2742
4626
  --modal-content-bg: #111827;
2743
4627
  --modal-content-fg: #FFFFFF;
@@ -2848,26 +4732,542 @@
2848
4732
  --radio-selected-disabled-fg: #6B7280;
2849
4733
  --radio-selected-disabled-border: #4B5563;
2850
4734
  --radio-selected-disabled-label-fg: #6B7280;
4735
+ --select-primary-ring: #9B7CFF;
4736
+ --select-primary-outline-default-bg: transparent;
4737
+ --select-primary-outline-default-fg: #FFFFFF;
4738
+ --select-primary-outline-default-border: #B8A8FF;
4739
+ --select-primary-outline-default-placeholder: #EEE8FA;
4740
+ --select-primary-outline-default-icon: #B8A8FF;
4741
+ --select-primary-outline-hover-bg: #374151;
4742
+ --select-primary-outline-hover-fg: #FFFFFF;
4743
+ --select-primary-outline-hover-border: #9B7CFF;
4744
+ --select-primary-outline-hover-placeholder: #EEE8FA;
4745
+ --select-primary-outline-hover-icon: #9B7CFF;
4746
+ --select-primary-outline-focus-bg: transparent;
4747
+ --select-primary-outline-focus-fg: #FFFFFF;
4748
+ --select-primary-outline-focus-border: #9B7CFF;
4749
+ --select-primary-outline-focus-placeholder: #EEE8FA;
4750
+ --select-primary-outline-focus-icon: #9B7CFF;
4751
+ --select-primary-outline-dropdown-border: #B8A8FF;
4752
+ --select-primary-outline-dropdown-ring: #9B7CFF;
4753
+ --select-primary-outline-option-active-bg: #374151;
4754
+ --select-primary-outline-option-active-fg: #FFFFFF;
4755
+ --select-primary-outline-option-active-border: transparent;
4756
+ --select-primary-outline-option-active-ring: transparent;
4757
+ --select-primary-outline-option-hover-bg: #FCD34D;
4758
+ --select-primary-outline-option-hover-fg: #000000;
4759
+ --select-primary-outline-option-hover-border: transparent;
4760
+ --select-primary-outline-option-selected-bg: #342580;
4761
+ --select-primary-outline-option-selected-fg: #FFFFFF;
4762
+ --select-primary-outline-option-selected-border: #B8A8FF;
4763
+ --select-primary-outline-option-pressed-bg: #F59E0B;
4764
+ --select-primary-outline-option-pressed-fg: #000000;
4765
+ --select-primary-outline-option-pressed-border: transparent;
4766
+ --select-primary-outline-option-badge-bg: #342580;
4767
+ --select-primary-outline-option-badge-fg: #FFFFFF;
4768
+ --select-primary-outline-option-badge-border: #B8A8FF;
4769
+ --select-primary-filled-default-bg: #21164F;
4770
+ --select-primary-filled-default-fg: #FFFFFF;
4771
+ --select-primary-filled-default-border: #B8A8FF;
4772
+ --select-primary-filled-default-placeholder: #EEE8FA;
4773
+ --select-primary-filled-default-icon: #B8A8FF;
4774
+ --select-primary-filled-hover-bg: #342580;
4775
+ --select-primary-filled-hover-fg: #FFFFFF;
4776
+ --select-primary-filled-hover-border: #9B7CFF;
4777
+ --select-primary-filled-hover-placeholder: #EEE8FA;
4778
+ --select-primary-filled-hover-icon: #9B7CFF;
4779
+ --select-primary-filled-focus-bg: #1F2937;
4780
+ --select-primary-filled-focus-fg: #FFFFFF;
4781
+ --select-primary-filled-focus-border: #9B7CFF;
4782
+ --select-primary-filled-focus-placeholder: #EEE8FA;
4783
+ --select-primary-filled-focus-icon: #9B7CFF;
4784
+ --select-primary-filled-dropdown-border: #B8A8FF;
4785
+ --select-primary-filled-dropdown-ring: #9B7CFF;
4786
+ --select-primary-filled-option-active-bg: #342580;
4787
+ --select-primary-filled-option-active-fg: #FFFFFF;
4788
+ --select-primary-filled-option-active-border: transparent;
4789
+ --select-primary-filled-option-active-ring: transparent;
4790
+ --select-primary-filled-option-hover-bg: #FCD34D;
4791
+ --select-primary-filled-option-hover-fg: #000000;
4792
+ --select-primary-filled-option-hover-border: transparent;
4793
+ --select-primary-filled-option-selected-bg: #342580;
4794
+ --select-primary-filled-option-selected-fg: #FFFFFF;
4795
+ --select-primary-filled-option-selected-border: #B8A8FF;
4796
+ --select-primary-filled-option-pressed-bg: #F59E0B;
4797
+ --select-primary-filled-option-pressed-fg: #000000;
4798
+ --select-primary-filled-option-pressed-border: transparent;
4799
+ --select-primary-filled-option-badge-bg: #342580;
4800
+ --select-primary-filled-option-badge-fg: #FFFFFF;
4801
+ --select-primary-filled-option-badge-border: #B8A8FF;
4802
+ --select-primary-soft-default-bg: #342580;
4803
+ --select-primary-soft-default-fg: #FFFFFF;
4804
+ --select-primary-soft-default-border: #B8A8FF;
4805
+ --select-primary-soft-default-placeholder: #EEE8FA;
4806
+ --select-primary-soft-default-icon: #B8A8FF;
4807
+ --select-primary-soft-hover-bg: #342580;
4808
+ --select-primary-soft-hover-fg: #FFFFFF;
4809
+ --select-primary-soft-hover-border: #9B7CFF;
4810
+ --select-primary-soft-hover-placeholder: #EEE8FA;
4811
+ --select-primary-soft-hover-icon: #9B7CFF;
4812
+ --select-primary-soft-focus-bg: #342580;
4813
+ --select-primary-soft-focus-fg: #FFFFFF;
4814
+ --select-primary-soft-focus-border: #9B7CFF;
4815
+ --select-primary-soft-focus-placeholder: #EEE8FA;
4816
+ --select-primary-soft-focus-icon: #9B7CFF;
4817
+ --select-primary-soft-dropdown-border: #B8A8FF;
4818
+ --select-primary-soft-dropdown-ring: #9B7CFF;
4819
+ --select-primary-soft-option-active-bg: #342580;
4820
+ --select-primary-soft-option-active-fg: #FFFFFF;
4821
+ --select-primary-soft-option-active-border: transparent;
4822
+ --select-primary-soft-option-active-ring: transparent;
4823
+ --select-primary-soft-option-hover-bg: #FCD34D;
4824
+ --select-primary-soft-option-hover-fg: #000000;
4825
+ --select-primary-soft-option-hover-border: transparent;
4826
+ --select-primary-soft-option-selected-bg: #342580;
4827
+ --select-primary-soft-option-selected-fg: #FFFFFF;
4828
+ --select-primary-soft-option-selected-border: #B8A8FF;
4829
+ --select-primary-soft-option-pressed-bg: #F59E0B;
4830
+ --select-primary-soft-option-pressed-fg: #000000;
4831
+ --select-primary-soft-option-pressed-border: transparent;
4832
+ --select-primary-soft-option-badge-bg: #342580;
4833
+ --select-primary-soft-option-badge-fg: #FFFFFF;
4834
+ --select-primary-soft-option-badge-border: #B8A8FF;
4835
+ --select-neutral-ring: #98A8BD;
4836
+ --select-neutral-outline-default-bg: transparent;
4837
+ --select-neutral-outline-default-fg: #FFFFFF;
4838
+ --select-neutral-outline-default-border: #D8E4F2;
4839
+ --select-neutral-outline-default-placeholder: #EEE8FA;
4840
+ --select-neutral-outline-default-icon: #D8E4F2;
4841
+ --select-neutral-outline-hover-bg: #111C2E;
4842
+ --select-neutral-outline-hover-fg: #FFFFFF;
4843
+ --select-neutral-outline-hover-border: #E5E7EB;
4844
+ --select-neutral-outline-hover-placeholder: #EEE8FA;
4845
+ --select-neutral-outline-hover-icon: #E5E7EB;
4846
+ --select-neutral-outline-focus-bg: transparent;
4847
+ --select-neutral-outline-focus-fg: #FFFFFF;
4848
+ --select-neutral-outline-focus-border: #E5E7EB;
4849
+ --select-neutral-outline-focus-placeholder: #EEE8FA;
4850
+ --select-neutral-outline-focus-icon: #E5E7EB;
4851
+ --select-neutral-outline-dropdown-border: #D8E4F2;
4852
+ --select-neutral-outline-dropdown-ring: #98A8BD;
4853
+ --select-neutral-outline-option-active-bg: #111C2E;
4854
+ --select-neutral-outline-option-active-fg: #FFFFFF;
4855
+ --select-neutral-outline-option-active-border: transparent;
4856
+ --select-neutral-outline-option-active-ring: transparent;
4857
+ --select-neutral-outline-option-hover-bg: #FCD34D;
4858
+ --select-neutral-outline-option-hover-fg: #000000;
4859
+ --select-neutral-outline-option-hover-border: transparent;
4860
+ --select-neutral-outline-option-selected-bg: #1E2A44;
4861
+ --select-neutral-outline-option-selected-fg: #FFFFFF;
4862
+ --select-neutral-outline-option-selected-border: #D8E4F2;
4863
+ --select-neutral-outline-option-pressed-bg: #F59E0B;
4864
+ --select-neutral-outline-option-pressed-fg: #000000;
4865
+ --select-neutral-outline-option-pressed-border: transparent;
4866
+ --select-neutral-outline-option-badge-bg: #1E2A44;
4867
+ --select-neutral-outline-option-badge-fg: #FFFFFF;
4868
+ --select-neutral-outline-option-badge-border: #D8E4F2;
4869
+ --select-neutral-filled-default-bg: #111C2E;
4870
+ --select-neutral-filled-default-fg: #FFFFFF;
4871
+ --select-neutral-filled-default-border: #D8E4F2;
4872
+ --select-neutral-filled-default-placeholder: #EEE8FA;
4873
+ --select-neutral-filled-default-icon: #D8E4F2;
4874
+ --select-neutral-filled-hover-bg: #1E2A44;
4875
+ --select-neutral-filled-hover-fg: #FFFFFF;
4876
+ --select-neutral-filled-hover-border: #E5E7EB;
4877
+ --select-neutral-filled-hover-placeholder: #EEE8FA;
4878
+ --select-neutral-filled-hover-icon: #E5E7EB;
4879
+ --select-neutral-filled-focus-bg: #1F2937;
4880
+ --select-neutral-filled-focus-fg: #FFFFFF;
4881
+ --select-neutral-filled-focus-border: #E5E7EB;
4882
+ --select-neutral-filled-focus-placeholder: #EEE8FA;
4883
+ --select-neutral-filled-focus-icon: #E5E7EB;
4884
+ --select-neutral-filled-dropdown-border: #D8E4F2;
4885
+ --select-neutral-filled-dropdown-ring: #98A8BD;
4886
+ --select-neutral-filled-option-active-bg: #1E2A44;
4887
+ --select-neutral-filled-option-active-fg: #FFFFFF;
4888
+ --select-neutral-filled-option-active-border: transparent;
4889
+ --select-neutral-filled-option-active-ring: transparent;
4890
+ --select-neutral-filled-option-hover-bg: #FCD34D;
4891
+ --select-neutral-filled-option-hover-fg: #000000;
4892
+ --select-neutral-filled-option-hover-border: transparent;
4893
+ --select-neutral-filled-option-selected-bg: #1E2A44;
4894
+ --select-neutral-filled-option-selected-fg: #FFFFFF;
4895
+ --select-neutral-filled-option-selected-border: #D8E4F2;
4896
+ --select-neutral-filled-option-pressed-bg: #F59E0B;
4897
+ --select-neutral-filled-option-pressed-fg: #000000;
4898
+ --select-neutral-filled-option-pressed-border: transparent;
4899
+ --select-neutral-filled-option-badge-bg: #1E2A44;
4900
+ --select-neutral-filled-option-badge-fg: #FFFFFF;
4901
+ --select-neutral-filled-option-badge-border: #D8E4F2;
4902
+ --select-neutral-soft-default-bg: #1E2A44;
4903
+ --select-neutral-soft-default-fg: #FFFFFF;
4904
+ --select-neutral-soft-default-border: #D8E4F2;
4905
+ --select-neutral-soft-default-placeholder: #EEE8FA;
4906
+ --select-neutral-soft-default-icon: #D8E4F2;
4907
+ --select-neutral-soft-hover-bg: #1E2A44;
4908
+ --select-neutral-soft-hover-fg: #FFFFFF;
4909
+ --select-neutral-soft-hover-border: #E5E7EB;
4910
+ --select-neutral-soft-hover-placeholder: #EEE8FA;
4911
+ --select-neutral-soft-hover-icon: #E5E7EB;
4912
+ --select-neutral-soft-focus-bg: #1E2A44;
4913
+ --select-neutral-soft-focus-fg: #FFFFFF;
4914
+ --select-neutral-soft-focus-border: #E5E7EB;
4915
+ --select-neutral-soft-focus-placeholder: #EEE8FA;
4916
+ --select-neutral-soft-focus-icon: #E5E7EB;
4917
+ --select-neutral-soft-dropdown-border: #D8E4F2;
4918
+ --select-neutral-soft-dropdown-ring: #98A8BD;
4919
+ --select-neutral-soft-option-active-bg: #1E2A44;
4920
+ --select-neutral-soft-option-active-fg: #FFFFFF;
4921
+ --select-neutral-soft-option-active-border: transparent;
4922
+ --select-neutral-soft-option-active-ring: transparent;
4923
+ --select-neutral-soft-option-hover-bg: #FCD34D;
4924
+ --select-neutral-soft-option-hover-fg: #000000;
4925
+ --select-neutral-soft-option-hover-border: transparent;
4926
+ --select-neutral-soft-option-selected-bg: #1E2A44;
4927
+ --select-neutral-soft-option-selected-fg: #FFFFFF;
4928
+ --select-neutral-soft-option-selected-border: #D8E4F2;
4929
+ --select-neutral-soft-option-pressed-bg: #F59E0B;
4930
+ --select-neutral-soft-option-pressed-fg: #000000;
4931
+ --select-neutral-soft-option-pressed-border: transparent;
4932
+ --select-neutral-soft-option-badge-bg: #1E2A44;
4933
+ --select-neutral-soft-option-badge-fg: #FFFFFF;
4934
+ --select-neutral-soft-option-badge-border: #D8E4F2;
4935
+ --select-success-ring: #14B8A6;
4936
+ --select-success-outline-default-bg: transparent;
4937
+ --select-success-outline-default-fg: #FFFFFF;
4938
+ --select-success-outline-default-border: #5EEAD4;
4939
+ --select-success-outline-default-placeholder: #EEE8FA;
4940
+ --select-success-outline-default-icon: #5EEAD4;
4941
+ --select-success-outline-hover-bg: #042F2E;
4942
+ --select-success-outline-hover-fg: #FFFFFF;
4943
+ --select-success-outline-hover-border: #2DD4BF;
4944
+ --select-success-outline-hover-placeholder: #EEE8FA;
4945
+ --select-success-outline-hover-icon: #2DD4BF;
4946
+ --select-success-outline-focus-bg: transparent;
4947
+ --select-success-outline-focus-fg: #FFFFFF;
4948
+ --select-success-outline-focus-border: #2DD4BF;
4949
+ --select-success-outline-focus-placeholder: #EEE8FA;
4950
+ --select-success-outline-focus-icon: #2DD4BF;
4951
+ --select-success-outline-dropdown-border: #5EEAD4;
4952
+ --select-success-outline-dropdown-ring: #14B8A6;
4953
+ --select-success-outline-option-active-bg: #042F2E;
4954
+ --select-success-outline-option-active-fg: #FFFFFF;
4955
+ --select-success-outline-option-active-border: transparent;
4956
+ --select-success-outline-option-active-ring: transparent;
4957
+ --select-success-outline-option-hover-bg: #FCD34D;
4958
+ --select-success-outline-option-hover-fg: #000000;
4959
+ --select-success-outline-option-hover-border: transparent;
4960
+ --select-success-outline-option-selected-bg: #134E4A;
4961
+ --select-success-outline-option-selected-fg: #FFFFFF;
4962
+ --select-success-outline-option-selected-border: #5EEAD4;
4963
+ --select-success-outline-option-pressed-bg: #F59E0B;
4964
+ --select-success-outline-option-pressed-fg: #000000;
4965
+ --select-success-outline-option-pressed-border: transparent;
4966
+ --select-success-outline-option-badge-bg: #134E4A;
4967
+ --select-success-outline-option-badge-fg: #FFFFFF;
4968
+ --select-success-outline-option-badge-border: #5EEAD4;
4969
+ --select-success-filled-default-bg: #042F2E;
4970
+ --select-success-filled-default-fg: #FFFFFF;
4971
+ --select-success-filled-default-border: #5EEAD4;
4972
+ --select-success-filled-default-placeholder: #EEE8FA;
4973
+ --select-success-filled-default-icon: #5EEAD4;
4974
+ --select-success-filled-hover-bg: #134E4A;
4975
+ --select-success-filled-hover-fg: #FFFFFF;
4976
+ --select-success-filled-hover-border: #2DD4BF;
4977
+ --select-success-filled-hover-placeholder: #EEE8FA;
4978
+ --select-success-filled-hover-icon: #2DD4BF;
4979
+ --select-success-filled-focus-bg: #1F2937;
4980
+ --select-success-filled-focus-fg: #FFFFFF;
4981
+ --select-success-filled-focus-border: #2DD4BF;
4982
+ --select-success-filled-focus-placeholder: #EEE8FA;
4983
+ --select-success-filled-focus-icon: #2DD4BF;
4984
+ --select-success-filled-dropdown-border: #5EEAD4;
4985
+ --select-success-filled-dropdown-ring: #14B8A6;
4986
+ --select-success-filled-option-active-bg: #134E4A;
4987
+ --select-success-filled-option-active-fg: #FFFFFF;
4988
+ --select-success-filled-option-active-border: transparent;
4989
+ --select-success-filled-option-active-ring: transparent;
4990
+ --select-success-filled-option-hover-bg: #FCD34D;
4991
+ --select-success-filled-option-hover-fg: #000000;
4992
+ --select-success-filled-option-hover-border: transparent;
4993
+ --select-success-filled-option-selected-bg: #134E4A;
4994
+ --select-success-filled-option-selected-fg: #FFFFFF;
4995
+ --select-success-filled-option-selected-border: #5EEAD4;
4996
+ --select-success-filled-option-pressed-bg: #F59E0B;
4997
+ --select-success-filled-option-pressed-fg: #000000;
4998
+ --select-success-filled-option-pressed-border: transparent;
4999
+ --select-success-filled-option-badge-bg: #134E4A;
5000
+ --select-success-filled-option-badge-fg: #FFFFFF;
5001
+ --select-success-filled-option-badge-border: #5EEAD4;
5002
+ --select-success-soft-default-bg: #134E4A;
5003
+ --select-success-soft-default-fg: #FFFFFF;
5004
+ --select-success-soft-default-border: #5EEAD4;
5005
+ --select-success-soft-default-placeholder: #EEE8FA;
5006
+ --select-success-soft-default-icon: #5EEAD4;
5007
+ --select-success-soft-hover-bg: #134E4A;
5008
+ --select-success-soft-hover-fg: #FFFFFF;
5009
+ --select-success-soft-hover-border: #2DD4BF;
5010
+ --select-success-soft-hover-placeholder: #EEE8FA;
5011
+ --select-success-soft-hover-icon: #2DD4BF;
5012
+ --select-success-soft-focus-bg: #134E4A;
5013
+ --select-success-soft-focus-fg: #FFFFFF;
5014
+ --select-success-soft-focus-border: #2DD4BF;
5015
+ --select-success-soft-focus-placeholder: #EEE8FA;
5016
+ --select-success-soft-focus-icon: #2DD4BF;
5017
+ --select-success-soft-dropdown-border: #5EEAD4;
5018
+ --select-success-soft-dropdown-ring: #14B8A6;
5019
+ --select-success-soft-option-active-bg: #134E4A;
5020
+ --select-success-soft-option-active-fg: #FFFFFF;
5021
+ --select-success-soft-option-active-border: transparent;
5022
+ --select-success-soft-option-active-ring: transparent;
5023
+ --select-success-soft-option-hover-bg: #FCD34D;
5024
+ --select-success-soft-option-hover-fg: #000000;
5025
+ --select-success-soft-option-hover-border: transparent;
5026
+ --select-success-soft-option-selected-bg: #134E4A;
5027
+ --select-success-soft-option-selected-fg: #FFFFFF;
5028
+ --select-success-soft-option-selected-border: #5EEAD4;
5029
+ --select-success-soft-option-pressed-bg: #F59E0B;
5030
+ --select-success-soft-option-pressed-fg: #000000;
5031
+ --select-success-soft-option-pressed-border: transparent;
5032
+ --select-success-soft-option-badge-bg: #134E4A;
5033
+ --select-success-soft-option-badge-fg: #FFFFFF;
5034
+ --select-success-soft-option-badge-border: #5EEAD4;
5035
+ --select-warning-ring: #F59E0B;
5036
+ --select-warning-outline-default-bg: transparent;
5037
+ --select-warning-outline-default-fg: #FFFFFF;
5038
+ --select-warning-outline-default-border: #F59E0B;
5039
+ --select-warning-outline-default-placeholder: #EEE8FA;
5040
+ --select-warning-outline-default-icon: #F59E0B;
5041
+ --select-warning-outline-hover-bg: #451A03;
5042
+ --select-warning-outline-hover-fg: #FFFFFF;
5043
+ --select-warning-outline-hover-border: #FBBF24;
5044
+ --select-warning-outline-hover-placeholder: #EEE8FA;
5045
+ --select-warning-outline-hover-icon: #FBBF24;
5046
+ --select-warning-outline-focus-bg: transparent;
5047
+ --select-warning-outline-focus-fg: #FFFFFF;
5048
+ --select-warning-outline-focus-border: #FBBF24;
5049
+ --select-warning-outline-focus-placeholder: #EEE8FA;
5050
+ --select-warning-outline-focus-icon: #FBBF24;
5051
+ --select-warning-outline-dropdown-border: #F59E0B;
5052
+ --select-warning-outline-dropdown-ring: #F59E0B;
5053
+ --select-warning-outline-option-active-bg: #451A03;
5054
+ --select-warning-outline-option-active-fg: #FFFFFF;
5055
+ --select-warning-outline-option-active-border: transparent;
5056
+ --select-warning-outline-option-active-ring: transparent;
5057
+ --select-warning-outline-option-hover-bg: #FCD34D;
5058
+ --select-warning-outline-option-hover-fg: #000000;
5059
+ --select-warning-outline-option-hover-border: transparent;
5060
+ --select-warning-outline-option-selected-bg: #78350F;
5061
+ --select-warning-outline-option-selected-fg: #FFFFFF;
5062
+ --select-warning-outline-option-selected-border: #F59E0B;
5063
+ --select-warning-outline-option-pressed-bg: #F59E0B;
5064
+ --select-warning-outline-option-pressed-fg: #000000;
5065
+ --select-warning-outline-option-pressed-border: transparent;
5066
+ --select-warning-outline-option-badge-bg: #78350F;
5067
+ --select-warning-outline-option-badge-fg: #FFFFFF;
5068
+ --select-warning-outline-option-badge-border: #F59E0B;
5069
+ --select-warning-filled-default-bg: #78350F;
5070
+ --select-warning-filled-default-fg: #FFFFFF;
5071
+ --select-warning-filled-default-border: #F59E0B;
5072
+ --select-warning-filled-default-placeholder: #EEE8FA;
5073
+ --select-warning-filled-default-icon: #F59E0B;
5074
+ --select-warning-filled-hover-bg: #92400E;
5075
+ --select-warning-filled-hover-fg: #FFFFFF;
5076
+ --select-warning-filled-hover-border: #FBBF24;
5077
+ --select-warning-filled-hover-placeholder: #EEE8FA;
5078
+ --select-warning-filled-hover-icon: #FBBF24;
5079
+ --select-warning-filled-focus-bg: #1F2937;
5080
+ --select-warning-filled-focus-fg: #FFFFFF;
5081
+ --select-warning-filled-focus-border: #FBBF24;
5082
+ --select-warning-filled-focus-placeholder: #EEE8FA;
5083
+ --select-warning-filled-focus-icon: #FBBF24;
5084
+ --select-warning-filled-dropdown-border: #F59E0B;
5085
+ --select-warning-filled-dropdown-ring: #F59E0B;
5086
+ --select-warning-filled-option-active-bg: #92400E;
5087
+ --select-warning-filled-option-active-fg: #FFFFFF;
5088
+ --select-warning-filled-option-active-border: transparent;
5089
+ --select-warning-filled-option-active-ring: transparent;
5090
+ --select-warning-filled-option-hover-bg: #FCD34D;
5091
+ --select-warning-filled-option-hover-fg: #000000;
5092
+ --select-warning-filled-option-hover-border: transparent;
5093
+ --select-warning-filled-option-selected-bg: #78350F;
5094
+ --select-warning-filled-option-selected-fg: #FFFFFF;
5095
+ --select-warning-filled-option-selected-border: #F59E0B;
5096
+ --select-warning-filled-option-pressed-bg: #F59E0B;
5097
+ --select-warning-filled-option-pressed-fg: #000000;
5098
+ --select-warning-filled-option-pressed-border: transparent;
5099
+ --select-warning-filled-option-badge-bg: #78350F;
5100
+ --select-warning-filled-option-badge-fg: #FFFFFF;
5101
+ --select-warning-filled-option-badge-border: #F59E0B;
5102
+ --select-warning-soft-default-bg: #78350F;
5103
+ --select-warning-soft-default-fg: #FFFFFF;
5104
+ --select-warning-soft-default-border: #F59E0B;
5105
+ --select-warning-soft-default-placeholder: #EEE8FA;
5106
+ --select-warning-soft-default-icon: #F59E0B;
5107
+ --select-warning-soft-hover-bg: #78350F;
5108
+ --select-warning-soft-hover-fg: #FFFFFF;
5109
+ --select-warning-soft-hover-border: #FBBF24;
5110
+ --select-warning-soft-hover-placeholder: #EEE8FA;
5111
+ --select-warning-soft-hover-icon: #FBBF24;
5112
+ --select-warning-soft-focus-bg: #78350F;
5113
+ --select-warning-soft-focus-fg: #FFFFFF;
5114
+ --select-warning-soft-focus-border: #FBBF24;
5115
+ --select-warning-soft-focus-placeholder: #EEE8FA;
5116
+ --select-warning-soft-focus-icon: #FBBF24;
5117
+ --select-warning-soft-dropdown-border: #F59E0B;
5118
+ --select-warning-soft-dropdown-ring: #F59E0B;
5119
+ --select-warning-soft-option-active-bg: #78350F;
5120
+ --select-warning-soft-option-active-fg: #FFFFFF;
5121
+ --select-warning-soft-option-active-border: transparent;
5122
+ --select-warning-soft-option-active-ring: transparent;
5123
+ --select-warning-soft-option-hover-bg: #FCD34D;
5124
+ --select-warning-soft-option-hover-fg: #000000;
5125
+ --select-warning-soft-option-hover-border: transparent;
5126
+ --select-warning-soft-option-selected-bg: #78350F;
5127
+ --select-warning-soft-option-selected-fg: #FFFFFF;
5128
+ --select-warning-soft-option-selected-border: #F59E0B;
5129
+ --select-warning-soft-option-pressed-bg: #F59E0B;
5130
+ --select-warning-soft-option-pressed-fg: #000000;
5131
+ --select-warning-soft-option-pressed-border: transparent;
5132
+ --select-warning-soft-option-badge-bg: #78350F;
5133
+ --select-warning-soft-option-badge-fg: #FFFFFF;
5134
+ --select-warning-soft-option-badge-border: #F59E0B;
5135
+ --select-danger-ring: #F43F5E;
5136
+ --select-danger-outline-default-bg: transparent;
5137
+ --select-danger-outline-default-fg: #FFFFFF;
5138
+ --select-danger-outline-default-border: #FB7185;
5139
+ --select-danger-outline-default-placeholder: #EEE8FA;
5140
+ --select-danger-outline-default-icon: #FB7185;
5141
+ --select-danger-outline-hover-bg: #4C0519;
5142
+ --select-danger-outline-hover-fg: #FFFFFF;
5143
+ --select-danger-outline-hover-border: #FDA4AF;
5144
+ --select-danger-outline-hover-placeholder: #EEE8FA;
5145
+ --select-danger-outline-hover-icon: #FDA4AF;
5146
+ --select-danger-outline-focus-bg: transparent;
5147
+ --select-danger-outline-focus-fg: #FFFFFF;
5148
+ --select-danger-outline-focus-border: #FDA4AF;
5149
+ --select-danger-outline-focus-placeholder: #EEE8FA;
5150
+ --select-danger-outline-focus-icon: #FDA4AF;
5151
+ --select-danger-outline-dropdown-border: #FB7185;
5152
+ --select-danger-outline-dropdown-ring: #F43F5E;
5153
+ --select-danger-outline-option-active-bg: #4C0519;
5154
+ --select-danger-outline-option-active-fg: #FFFFFF;
5155
+ --select-danger-outline-option-active-border: transparent;
5156
+ --select-danger-outline-option-active-ring: transparent;
5157
+ --select-danger-outline-option-hover-bg: #FCD34D;
5158
+ --select-danger-outline-option-hover-fg: #000000;
5159
+ --select-danger-outline-option-hover-border: transparent;
5160
+ --select-danger-outline-option-selected-bg: #881337;
5161
+ --select-danger-outline-option-selected-fg: #FFFFFF;
5162
+ --select-danger-outline-option-selected-border: #FB7185;
5163
+ --select-danger-outline-option-pressed-bg: #F59E0B;
5164
+ --select-danger-outline-option-pressed-fg: #000000;
5165
+ --select-danger-outline-option-pressed-border: transparent;
5166
+ --select-danger-outline-option-badge-bg: #881337;
5167
+ --select-danger-outline-option-badge-fg: #FFFFFF;
5168
+ --select-danger-outline-option-badge-border: #FB7185;
5169
+ --select-danger-filled-default-bg: #4C0519;
5170
+ --select-danger-filled-default-fg: #FFFFFF;
5171
+ --select-danger-filled-default-border: #FB7185;
5172
+ --select-danger-filled-default-placeholder: #EEE8FA;
5173
+ --select-danger-filled-default-icon: #FB7185;
5174
+ --select-danger-filled-hover-bg: #881337;
5175
+ --select-danger-filled-hover-fg: #FFFFFF;
5176
+ --select-danger-filled-hover-border: #FDA4AF;
5177
+ --select-danger-filled-hover-placeholder: #EEE8FA;
5178
+ --select-danger-filled-hover-icon: #FDA4AF;
5179
+ --select-danger-filled-focus-bg: #1F2937;
5180
+ --select-danger-filled-focus-fg: #FFFFFF;
5181
+ --select-danger-filled-focus-border: #FDA4AF;
5182
+ --select-danger-filled-focus-placeholder: #EEE8FA;
5183
+ --select-danger-filled-focus-icon: #FDA4AF;
5184
+ --select-danger-filled-dropdown-border: #FB7185;
5185
+ --select-danger-filled-dropdown-ring: #F43F5E;
5186
+ --select-danger-filled-option-active-bg: #881337;
5187
+ --select-danger-filled-option-active-fg: #FFFFFF;
5188
+ --select-danger-filled-option-active-border: transparent;
5189
+ --select-danger-filled-option-active-ring: transparent;
5190
+ --select-danger-filled-option-hover-bg: #FCD34D;
5191
+ --select-danger-filled-option-hover-fg: #000000;
5192
+ --select-danger-filled-option-hover-border: transparent;
5193
+ --select-danger-filled-option-selected-bg: #881337;
5194
+ --select-danger-filled-option-selected-fg: #FFFFFF;
5195
+ --select-danger-filled-option-selected-border: #FB7185;
5196
+ --select-danger-filled-option-pressed-bg: #F59E0B;
5197
+ --select-danger-filled-option-pressed-fg: #000000;
5198
+ --select-danger-filled-option-pressed-border: transparent;
5199
+ --select-danger-filled-option-badge-bg: #881337;
5200
+ --select-danger-filled-option-badge-fg: #FFFFFF;
5201
+ --select-danger-filled-option-badge-border: #FB7185;
5202
+ --select-danger-soft-default-bg: #881337;
5203
+ --select-danger-soft-default-fg: #FFFFFF;
5204
+ --select-danger-soft-default-border: #FB7185;
5205
+ --select-danger-soft-default-placeholder: #EEE8FA;
5206
+ --select-danger-soft-default-icon: #FB7185;
5207
+ --select-danger-soft-hover-bg: #881337;
5208
+ --select-danger-soft-hover-fg: #FFFFFF;
5209
+ --select-danger-soft-hover-border: #FDA4AF;
5210
+ --select-danger-soft-hover-placeholder: #EEE8FA;
5211
+ --select-danger-soft-hover-icon: #FDA4AF;
5212
+ --select-danger-soft-focus-bg: #881337;
5213
+ --select-danger-soft-focus-fg: #FFFFFF;
5214
+ --select-danger-soft-focus-border: #FDA4AF;
5215
+ --select-danger-soft-focus-placeholder: #EEE8FA;
5216
+ --select-danger-soft-focus-icon: #FDA4AF;
5217
+ --select-danger-soft-dropdown-border: #FB7185;
5218
+ --select-danger-soft-dropdown-ring: #F43F5E;
5219
+ --select-danger-soft-option-active-bg: #881337;
5220
+ --select-danger-soft-option-active-fg: #FFFFFF;
5221
+ --select-danger-soft-option-active-border: transparent;
5222
+ --select-danger-soft-option-active-ring: transparent;
5223
+ --select-danger-soft-option-hover-bg: #FCD34D;
5224
+ --select-danger-soft-option-hover-fg: #000000;
5225
+ --select-danger-soft-option-hover-border: transparent;
5226
+ --select-danger-soft-option-selected-bg: #881337;
5227
+ --select-danger-soft-option-selected-fg: #FFFFFF;
5228
+ --select-danger-soft-option-selected-border: #FB7185;
5229
+ --select-danger-soft-option-pressed-bg: #F59E0B;
5230
+ --select-danger-soft-option-pressed-fg: #000000;
5231
+ --select-danger-soft-option-pressed-border: transparent;
5232
+ --select-danger-soft-option-badge-bg: #881337;
5233
+ --select-danger-soft-option-badge-fg: #FFFFFF;
5234
+ --select-danger-soft-option-badge-border: #FB7185;
2851
5235
  --select-trigger-default-bg: transparent;
2852
5236
  --select-trigger-default-fg: #FFFFFF;
2853
5237
  --select-trigger-default-border: #9CA3AF;
5238
+ --select-trigger-default-icon: #FCD34D;
5239
+ --select-trigger-default-placeholder: #EEE8FA;
2854
5240
  --select-trigger-hover-bg: #374151;
2855
5241
  --select-trigger-hover-fg: #FBBF24;
2856
5242
  --select-trigger-hover-border: #FCD34D;
5243
+ --select-trigger-hover-icon: #FDE68A;
5244
+ --select-trigger-hover-placeholder: #EEE8FA;
2857
5245
  --select-trigger-focus-bg: transparent;
2858
5246
  --select-trigger-focus-fg: #FFFFFF;
2859
5247
  --select-trigger-focus-border: #FCD34D;
2860
5248
  --select-trigger-focus-ring: #FCD34D;
5249
+ --select-trigger-focus-icon: #FCD34D;
5250
+ --select-trigger-focus-placeholder: #EEE8FA;
2861
5251
  --select-trigger-disabled-bg: #111827;
2862
5252
  --select-trigger-disabled-fg: #6B7280;
2863
5253
  --select-trigger-disabled-border: #4B5563;
5254
+ --select-trigger-disabled-icon: #6B7280;
5255
+ --select-trigger-disabled-placeholder: #6B7280;
2864
5256
  --select-trigger-placeholder-fg: #EEE8FA;
2865
5257
  --select-trigger-error-border: #FB7185;
2866
5258
  --select-trigger-error-ring: #FB7185;
2867
5259
  --select-dropdown-bg: #111827;
2868
5260
  --select-dropdown-fg: #FFFFFF;
2869
5261
  --select-dropdown-border: #FFFFFF;
2870
- --select-dropdown-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
5262
+ --select-dropdown-shadow: none;
5263
+ --select-dropdown-search-bg: #000000;
5264
+ --select-dropdown-search-fg: #FFFFFF;
5265
+ --select-dropdown-search-border: #6B7280;
5266
+ --select-dropdown-search-placeholder: #EEE8FA;
5267
+ --select-dropdown-search-ring: #FCD34D;
5268
+ --select-dropdown-empty-fg: #EEE8FA;
5269
+ --select-dropdown-group-label-fg: #B8A8FF;
5270
+ --select-dropdown-separator-bg: #6B7280;
2871
5271
  --select-option-default-bg: transparent;
2872
5272
  --select-option-default-fg: #FFFFFF;
2873
5273
  --select-option-default-border: transparent;
@@ -2884,10 +5284,21 @@
2884
5284
  --select-option-selected-bg: #1F2937;
2885
5285
  --select-option-selected-fg: #FDE68A;
2886
5286
  --select-option-selected-border: #FCD34D;
2887
- --select-option-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
5287
+ --select-option-selected-shadow: none;
2888
5288
  --select-option-disabled-bg: transparent;
2889
5289
  --select-option-disabled-fg: #6B7280;
2890
5290
  --select-option-disabled-border: transparent;
5291
+ --select-option-description-fg: #EEE8FA;
5292
+ --select-option-icon-fg: #FFFFFF;
5293
+ --select-option-badge-bg: #1F2937;
5294
+ --select-option-badge-fg: #EEE8FA;
5295
+ --select-option-badge-border: #6B7280;
5296
+ --select-option-shortcut-bg: #1F2937;
5297
+ --select-option-shortcut-fg: #EEE8FA;
5298
+ --select-option-shortcut-border: #6B7280;
5299
+ --select-option-success-fg: #5EEAD4;
5300
+ --select-option-warning-fg: #FCD34D;
5301
+ --select-option-danger-fg: #FB7185;
2891
5302
  --tabs-list-border: #9CA3AF;
2892
5303
  --tabs-trigger-default-bg: transparent;
2893
5304
  --tabs-trigger-default-fg: #EEE8FA;