@vellira-ui/tokens 2.28.0 → 2.30.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 (63) hide show
  1. package/dist/css/tokens.css +1045 -56
  2. package/dist/dark/components/button.d.ts +15 -15
  3. package/dist/dark/components/button.js +1 -1
  4. package/dist/dark/components/checkbox.d.ts +15 -15
  5. package/dist/dark/components/checkbox.js +1 -1
  6. package/dist/dark/components/formField.d.ts +52 -0
  7. package/dist/dark/components/formField.d.ts.map +1 -1
  8. package/dist/dark/components/formField.js +55 -0
  9. package/dist/dark/components/input.d.ts +109 -4
  10. package/dist/dark/components/input.d.ts.map +1 -1
  11. package/dist/dark/components/input.js +81 -4
  12. package/dist/dark/components/radio.d.ts +35 -25
  13. package/dist/dark/components/radio.d.ts.map +1 -1
  14. package/dist/dark/components/radio.js +117 -27
  15. package/dist/factories/createButtonPalette.d.ts.map +1 -0
  16. package/dist/factories/createCheckboxPalette.d.ts.map +1 -0
  17. package/dist/factories/createInputPalette.d.ts +78 -0
  18. package/dist/factories/createInputPalette.d.ts.map +1 -0
  19. package/dist/factories/createInputPalette.js +78 -0
  20. package/dist/factories/createRadioPalette.d.ts +19 -0
  21. package/dist/factories/createRadioPalette.d.ts.map +1 -0
  22. package/dist/factories/createRadioPalette.js +6 -0
  23. package/dist/factories/index.d.ts +5 -0
  24. package/dist/factories/index.d.ts.map +1 -0
  25. package/dist/factories/index.js +4 -0
  26. package/dist/generated/token-types.d.ts +4 -4
  27. package/dist/generated/token-types.d.ts.map +1 -1
  28. package/dist/generated/token-types.js +1388 -68
  29. package/dist/highContrast/components/button.d.ts +15 -15
  30. package/dist/highContrast/components/button.js +1 -1
  31. package/dist/highContrast/components/checkbox.d.ts +15 -15
  32. package/dist/highContrast/components/checkbox.js +1 -1
  33. package/dist/highContrast/components/formField.d.ts +52 -0
  34. package/dist/highContrast/components/formField.d.ts.map +1 -1
  35. package/dist/highContrast/components/formField.js +55 -0
  36. package/dist/highContrast/components/input.d.ts +109 -4
  37. package/dist/highContrast/components/input.d.ts.map +1 -1
  38. package/dist/highContrast/components/input.js +101 -4
  39. package/dist/highContrast/components/radio.d.ts +35 -25
  40. package/dist/highContrast/components/radio.d.ts.map +1 -1
  41. package/dist/highContrast/components/radio.js +117 -27
  42. package/dist/light/components/button.d.ts +15 -15
  43. package/dist/light/components/button.js +1 -1
  44. package/dist/light/components/checkbox.d.ts +15 -15
  45. package/dist/light/components/checkbox.js +1 -1
  46. package/dist/light/components/formField.d.ts +52 -0
  47. package/dist/light/components/formField.d.ts.map +1 -1
  48. package/dist/light/components/formField.js +55 -0
  49. package/dist/light/components/input.d.ts +110 -5
  50. package/dist/light/components/input.d.ts.map +1 -1
  51. package/dist/light/components/input.js +81 -4
  52. package/dist/light/components/radio.d.ts +35 -25
  53. package/dist/light/components/radio.d.ts.map +1 -1
  54. package/dist/light/components/radio.js +117 -27
  55. package/dist/light/semantic/icons.d.ts +1 -1
  56. package/dist/light/semantic/icons.js +1 -1
  57. package/package.json +3 -2
  58. package/dist/utils/createButtonPalette.d.ts.map +0 -1
  59. package/dist/utils/createCheckboxPalette.d.ts.map +0 -1
  60. /package/dist/{utils → factories}/createButtonPalette.d.ts +0 -0
  61. /package/dist/{utils → factories}/createButtonPalette.js +0 -0
  62. /package/dist/{utils → factories}/createCheckboxPalette.d.ts +0 -0
  63. /package/dist/{utils → factories}/createCheckboxPalette.js +0 -0
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-16T22:04:33.944Z
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;
@@ -851,22 +1127,71 @@
851
1127
  --radio-pressed-bg: #E9E6FF;
852
1128
  --radio-pressed-fg: #342580;
853
1129
  --radio-pressed-border: #402C9F;
854
- --radio-checked-default-bg: #FFFFFF;
855
- --radio-checked-default-fg: #6346E8;
856
- --radio-checked-default-border: #6346E8;
857
- --radio-checked-default-label-fg: #5037C8;
858
- --radio-checked-hover-bg: #F4F3FF;
859
- --radio-checked-hover-fg: #5037C8;
860
- --radio-checked-hover-border: #5037C8;
861
- --radio-checked-hover-label-fg: #402C9F;
862
- --radio-checked-pressed-bg: #E9E6FF;
863
- --radio-checked-pressed-fg: #402C9F;
864
- --radio-checked-pressed-border: #402C9F;
865
- --radio-checked-pressed-label-fg: #342580;
866
- --radio-checked-disabled-bg: #F4F1FB;
867
- --radio-checked-disabled-fg: #958CB0;
868
- --radio-checked-disabled-border: #E4DDF4;
869
- --radio-checked-disabled-label-fg: #958CB0;
1130
+ --radio-primary-ring: #9B7CFF;
1131
+ --radio-primary-default-bg: #F4F3FF;
1132
+ --radio-primary-default-fg: #6346E8;
1133
+ --radio-primary-default-border: #6346E8;
1134
+ --radio-primary-default-label-fg: #5037C8;
1135
+ --radio-primary-hover-bg: #E9E6FF;
1136
+ --radio-primary-hover-fg: #5037C8;
1137
+ --radio-primary-hover-border: #5037C8;
1138
+ --radio-primary-hover-label-fg: #402C9F;
1139
+ --radio-primary-pressed-bg: #D4CCFF;
1140
+ --radio-primary-pressed-fg: #402C9F;
1141
+ --radio-primary-pressed-border: #402C9F;
1142
+ --radio-primary-pressed-label-fg: #342580;
1143
+ --radio-neutral-ring: #958CB0;
1144
+ --radio-neutral-default-bg: #FAF8FF;
1145
+ --radio-neutral-default-fg: #4F4867;
1146
+ --radio-neutral-default-border: #6B6386;
1147
+ --radio-neutral-default-label-fg: #4F4867;
1148
+ --radio-neutral-hover-bg: #F4F1FB;
1149
+ --radio-neutral-hover-fg: #3D3754;
1150
+ --radio-neutral-hover-border: #4F4867;
1151
+ --radio-neutral-hover-label-fg: #3D3754;
1152
+ --radio-neutral-pressed-bg: #E4DDF4;
1153
+ --radio-neutral-pressed-fg: #2F2A42;
1154
+ --radio-neutral-pressed-border: #3D3754;
1155
+ --radio-neutral-pressed-label-fg: #2F2A42;
1156
+ --radio-success-ring: #14B8A6;
1157
+ --radio-success-default-bg: #F0FDFA;
1158
+ --radio-success-default-fg: #0F9E94;
1159
+ --radio-success-default-border: #0F9E94;
1160
+ --radio-success-default-label-fg: #0F766E;
1161
+ --radio-success-hover-bg: #CCFBF1;
1162
+ --radio-success-hover-fg: #0F766E;
1163
+ --radio-success-hover-border: #0F766E;
1164
+ --radio-success-hover-label-fg: #115E59;
1165
+ --radio-success-pressed-bg: #99F6E4;
1166
+ --radio-success-pressed-fg: #115E59;
1167
+ --radio-success-pressed-border: #115E59;
1168
+ --radio-success-pressed-label-fg: #134E4A;
1169
+ --radio-warning-ring: #F59E0B;
1170
+ --radio-warning-default-bg: #FFFBEB;
1171
+ --radio-warning-default-fg: #D97706;
1172
+ --radio-warning-default-border: #D97706;
1173
+ --radio-warning-default-label-fg: #B45309;
1174
+ --radio-warning-hover-bg: #FEF3C7;
1175
+ --radio-warning-hover-fg: #B45309;
1176
+ --radio-warning-hover-border: #B45309;
1177
+ --radio-warning-hover-label-fg: #92400E;
1178
+ --radio-warning-pressed-bg: #FDE68A;
1179
+ --radio-warning-pressed-fg: #92400E;
1180
+ --radio-warning-pressed-border: #92400E;
1181
+ --radio-warning-pressed-label-fg: #78350F;
1182
+ --radio-danger-ring: #F43F5E;
1183
+ --radio-danger-default-bg: #FFF1F2;
1184
+ --radio-danger-default-fg: #BE123C;
1185
+ --radio-danger-default-border: #BE123C;
1186
+ --radio-danger-default-label-fg: #BE123C;
1187
+ --radio-danger-hover-bg: #FFE4E6;
1188
+ --radio-danger-hover-fg: #9F1239;
1189
+ --radio-danger-hover-border: #9F1239;
1190
+ --radio-danger-hover-label-fg: #9F1239;
1191
+ --radio-danger-pressed-bg: #FECDD3;
1192
+ --radio-danger-pressed-fg: #881337;
1193
+ --radio-danger-pressed-border: #881337;
1194
+ --radio-danger-pressed-label-fg: #BE123C;
870
1195
  --radio-invalid-bg: #FFFFFF;
871
1196
  --radio-invalid-fg: #3D3754;
872
1197
  --radio-invalid-border: #E11D48;
@@ -876,6 +1201,10 @@
876
1201
  --radio-disabled-bg: #F4F1FB;
877
1202
  --radio-disabled-fg: #958CB0;
878
1203
  --radio-disabled-border: #E4DDF4;
1204
+ --radio-selected-disabled-bg: #F4F1FB;
1205
+ --radio-selected-disabled-fg: #958CB0;
1206
+ --radio-selected-disabled-border: #E4DDF4;
1207
+ --radio-selected-disabled-label-fg: #958CB0;
879
1208
  --select-trigger-default-bg: transparent;
880
1209
  --select-trigger-default-fg: #3D3754;
881
1210
  --select-trigger-default-border: #BBB2D2;
@@ -1667,6 +1996,10 @@
1667
1996
  --dropdown-separator-bg: #3D3754;
1668
1997
  --dropdown-separator-fg: #958CB0;
1669
1998
  --form-field-label-fg: #F4F1FB;
1999
+ --form-field-optional-fg: #BBB2D2;
2000
+ --form-field-label-info-fg: #BBB2D2;
2001
+ --form-field-label-info-border: #BBB2D2;
2002
+ --form-field-label-info-radius: 999px;
1670
2003
  --form-field-description-fg: #BBB2D2;
1671
2004
  --form-field-helper-text-default-fg: #958CB0;
1672
2005
  --form-field-helper-text-error-fg: #FB7185;
@@ -1677,6 +2010,272 @@
1677
2010
  --form-field-disabled-label-fg: #6B6386;
1678
2011
  --form-field-disabled-description-fg: #6B6386;
1679
2012
  --form-field-disabled-helper-text-fg: #6B6386;
2013
+ --form-field-size-sm-gap: 4px;
2014
+ --form-field-size-sm-horizontal-gap: 12px;
2015
+ --form-field-size-sm-label-font-size: 14px;
2016
+ --form-field-size-sm-label-line-height: 20px;
2017
+ --form-field-size-sm-description-font-size: 12px;
2018
+ --form-field-size-sm-description-line-height: 16px;
2019
+ --form-field-size-sm-helper-text-font-size: 12px;
2020
+ --form-field-size-sm-helper-text-line-height: 16px;
2021
+ --form-field-size-sm-optional-font-size: 12px;
2022
+ --form-field-size-sm-optional-line-height: 16px;
2023
+ --form-field-size-sm-label-info-size: 16px;
2024
+ --form-field-size-sm-label-info-font-size: 12px;
2025
+ --form-field-size-md-gap: 8px;
2026
+ --form-field-size-md-horizontal-gap: 16px;
2027
+ --form-field-size-md-label-font-size: 16px;
2028
+ --form-field-size-md-label-line-height: 24px;
2029
+ --form-field-size-md-description-font-size: 14px;
2030
+ --form-field-size-md-description-line-height: 20px;
2031
+ --form-field-size-md-helper-text-font-size: 14px;
2032
+ --form-field-size-md-helper-text-line-height: 20px;
2033
+ --form-field-size-md-optional-font-size: 12px;
2034
+ --form-field-size-md-optional-line-height: 16px;
2035
+ --form-field-size-md-label-info-size: 16px;
2036
+ --form-field-size-md-label-info-font-size: 12px;
2037
+ --form-field-size-lg-gap: 12px;
2038
+ --form-field-size-lg-horizontal-gap: 20px;
2039
+ --form-field-size-lg-label-font-size: 20px;
2040
+ --form-field-size-lg-label-line-height: 28px;
2041
+ --form-field-size-lg-description-font-size: 16px;
2042
+ --form-field-size-lg-description-line-height: 24px;
2043
+ --form-field-size-lg-helper-text-font-size: 16px;
2044
+ --form-field-size-lg-helper-text-line-height: 24px;
2045
+ --form-field-size-lg-optional-font-size: 14px;
2046
+ --form-field-size-lg-optional-line-height: 20px;
2047
+ --form-field-size-lg-label-info-size: 20px;
2048
+ --form-field-size-lg-label-info-font-size: 14px;
2049
+ --input-primary-ring: #9B7CFF;
2050
+ --input-primary-outline-default-bg: transparent;
2051
+ --input-primary-outline-default-fg: #F4F1FB;
2052
+ --input-primary-outline-default-border: #9B7CFF;
2053
+ --input-primary-outline-default-placeholder: #BBB2D2;
2054
+ --input-primary-outline-default-icon: #9B7CFF;
2055
+ --input-primary-outline-hover-bg: #2F2A42;
2056
+ --input-primary-outline-hover-fg: #F4F1FB;
2057
+ --input-primary-outline-hover-border: #7352F8;
2058
+ --input-primary-outline-hover-placeholder: #BBB2D2;
2059
+ --input-primary-outline-hover-icon: #7352F8;
2060
+ --input-primary-outline-focus-bg: transparent;
2061
+ --input-primary-outline-focus-fg: #F4F1FB;
2062
+ --input-primary-outline-focus-border: #7352F8;
2063
+ --input-primary-outline-focus-placeholder: #BBB2D2;
2064
+ --input-primary-outline-focus-icon: #7352F8;
2065
+ --input-primary-filled-default-bg: #21164F;
2066
+ --input-primary-filled-default-fg: #F4F1FB;
2067
+ --input-primary-filled-default-border: transparent;
2068
+ --input-primary-filled-default-placeholder: #BBB2D2;
2069
+ --input-primary-filled-default-icon: #9B7CFF;
2070
+ --input-primary-filled-hover-bg: #342580;
2071
+ --input-primary-filled-hover-fg: #F4F1FB;
2072
+ --input-primary-filled-hover-border: #9B7CFF;
2073
+ --input-primary-filled-hover-placeholder: #BBB2D2;
2074
+ --input-primary-filled-hover-icon: #7352F8;
2075
+ --input-primary-filled-focus-bg: #242034;
2076
+ --input-primary-filled-focus-fg: #F4F1FB;
2077
+ --input-primary-filled-focus-border: #7352F8;
2078
+ --input-primary-filled-focus-placeholder: #BBB2D2;
2079
+ --input-primary-filled-focus-icon: #7352F8;
2080
+ --input-primary-soft-default-bg: #342580;
2081
+ --input-primary-soft-default-fg: #F4F1FB;
2082
+ --input-primary-soft-default-border: transparent;
2083
+ --input-primary-soft-default-placeholder: #BBB2D2;
2084
+ --input-primary-soft-default-icon: #9B7CFF;
2085
+ --input-primary-soft-hover-bg: #342580;
2086
+ --input-primary-soft-hover-fg: #F4F1FB;
2087
+ --input-primary-soft-hover-border: #9B7CFF;
2088
+ --input-primary-soft-hover-placeholder: #BBB2D2;
2089
+ --input-primary-soft-hover-icon: #7352F8;
2090
+ --input-primary-soft-focus-bg: #342580;
2091
+ --input-primary-soft-focus-fg: #F4F1FB;
2092
+ --input-primary-soft-focus-border: #7352F8;
2093
+ --input-primary-soft-focus-placeholder: #BBB2D2;
2094
+ --input-primary-soft-focus-icon: #7352F8;
2095
+ --input-neutral-ring: #958CB0;
2096
+ --input-neutral-outline-default-bg: transparent;
2097
+ --input-neutral-outline-default-fg: #F4F1FB;
2098
+ --input-neutral-outline-default-border: #BBB2D2;
2099
+ --input-neutral-outline-default-placeholder: #BBB2D2;
2100
+ --input-neutral-outline-default-icon: #BBB2D2;
2101
+ --input-neutral-outline-hover-bg: #231F31;
2102
+ --input-neutral-outline-hover-fg: #F4F1FB;
2103
+ --input-neutral-outline-hover-border: #958CB0;
2104
+ --input-neutral-outline-hover-placeholder: #BBB2D2;
2105
+ --input-neutral-outline-hover-icon: #958CB0;
2106
+ --input-neutral-outline-focus-bg: transparent;
2107
+ --input-neutral-outline-focus-fg: #F4F1FB;
2108
+ --input-neutral-outline-focus-border: #958CB0;
2109
+ --input-neutral-outline-focus-placeholder: #BBB2D2;
2110
+ --input-neutral-outline-focus-icon: #958CB0;
2111
+ --input-neutral-filled-default-bg: #231F31;
2112
+ --input-neutral-filled-default-fg: #F4F1FB;
2113
+ --input-neutral-filled-default-border: transparent;
2114
+ --input-neutral-filled-default-placeholder: #BBB2D2;
2115
+ --input-neutral-filled-default-icon: #BBB2D2;
2116
+ --input-neutral-filled-hover-bg: #2F2A42;
2117
+ --input-neutral-filled-hover-fg: #F4F1FB;
2118
+ --input-neutral-filled-hover-border: #BBB2D2;
2119
+ --input-neutral-filled-hover-placeholder: #BBB2D2;
2120
+ --input-neutral-filled-hover-icon: #958CB0;
2121
+ --input-neutral-filled-focus-bg: #242034;
2122
+ --input-neutral-filled-focus-fg: #F4F1FB;
2123
+ --input-neutral-filled-focus-border: #958CB0;
2124
+ --input-neutral-filled-focus-placeholder: #BBB2D2;
2125
+ --input-neutral-filled-focus-icon: #958CB0;
2126
+ --input-neutral-soft-default-bg: #2F2A42;
2127
+ --input-neutral-soft-default-fg: #F4F1FB;
2128
+ --input-neutral-soft-default-border: transparent;
2129
+ --input-neutral-soft-default-placeholder: #BBB2D2;
2130
+ --input-neutral-soft-default-icon: #BBB2D2;
2131
+ --input-neutral-soft-hover-bg: #2F2A42;
2132
+ --input-neutral-soft-hover-fg: #F4F1FB;
2133
+ --input-neutral-soft-hover-border: #BBB2D2;
2134
+ --input-neutral-soft-hover-placeholder: #BBB2D2;
2135
+ --input-neutral-soft-hover-icon: #958CB0;
2136
+ --input-neutral-soft-focus-bg: #2F2A42;
2137
+ --input-neutral-soft-focus-fg: #F4F1FB;
2138
+ --input-neutral-soft-focus-border: #958CB0;
2139
+ --input-neutral-soft-focus-placeholder: #BBB2D2;
2140
+ --input-neutral-soft-focus-icon: #958CB0;
2141
+ --input-success-ring: #14B8A6;
2142
+ --input-success-outline-default-bg: transparent;
2143
+ --input-success-outline-default-fg: #F4F1FB;
2144
+ --input-success-outline-default-border: #2DD4BF;
2145
+ --input-success-outline-default-placeholder: #BBB2D2;
2146
+ --input-success-outline-default-icon: #2DD4BF;
2147
+ --input-success-outline-hover-bg: #042F2E;
2148
+ --input-success-outline-hover-fg: #F4F1FB;
2149
+ --input-success-outline-hover-border: #14B8A6;
2150
+ --input-success-outline-hover-placeholder: #BBB2D2;
2151
+ --input-success-outline-hover-icon: #14B8A6;
2152
+ --input-success-outline-focus-bg: transparent;
2153
+ --input-success-outline-focus-fg: #F4F1FB;
2154
+ --input-success-outline-focus-border: #14B8A6;
2155
+ --input-success-outline-focus-placeholder: #BBB2D2;
2156
+ --input-success-outline-focus-icon: #14B8A6;
2157
+ --input-success-filled-default-bg: #042F2E;
2158
+ --input-success-filled-default-fg: #F4F1FB;
2159
+ --input-success-filled-default-border: transparent;
2160
+ --input-success-filled-default-placeholder: #BBB2D2;
2161
+ --input-success-filled-default-icon: #2DD4BF;
2162
+ --input-success-filled-hover-bg: #134E4A;
2163
+ --input-success-filled-hover-fg: #F4F1FB;
2164
+ --input-success-filled-hover-border: #2DD4BF;
2165
+ --input-success-filled-hover-placeholder: #BBB2D2;
2166
+ --input-success-filled-hover-icon: #14B8A6;
2167
+ --input-success-filled-focus-bg: #242034;
2168
+ --input-success-filled-focus-fg: #F4F1FB;
2169
+ --input-success-filled-focus-border: #14B8A6;
2170
+ --input-success-filled-focus-placeholder: #BBB2D2;
2171
+ --input-success-filled-focus-icon: #14B8A6;
2172
+ --input-success-soft-default-bg: #134E4A;
2173
+ --input-success-soft-default-fg: #F4F1FB;
2174
+ --input-success-soft-default-border: transparent;
2175
+ --input-success-soft-default-placeholder: #BBB2D2;
2176
+ --input-success-soft-default-icon: #2DD4BF;
2177
+ --input-success-soft-hover-bg: #134E4A;
2178
+ --input-success-soft-hover-fg: #F4F1FB;
2179
+ --input-success-soft-hover-border: #2DD4BF;
2180
+ --input-success-soft-hover-placeholder: #BBB2D2;
2181
+ --input-success-soft-hover-icon: #14B8A6;
2182
+ --input-success-soft-focus-bg: #134E4A;
2183
+ --input-success-soft-focus-fg: #F4F1FB;
2184
+ --input-success-soft-focus-border: #14B8A6;
2185
+ --input-success-soft-focus-placeholder: #BBB2D2;
2186
+ --input-success-soft-focus-icon: #14B8A6;
2187
+ --input-warning-ring: #F59E0B;
2188
+ --input-warning-outline-default-bg: transparent;
2189
+ --input-warning-outline-default-fg: #F4F1FB;
2190
+ --input-warning-outline-default-border: #FBBF24;
2191
+ --input-warning-outline-default-placeholder: #BBB2D2;
2192
+ --input-warning-outline-default-icon: #FBBF24;
2193
+ --input-warning-outline-hover-bg: #451A03;
2194
+ --input-warning-outline-hover-fg: #F4F1FB;
2195
+ --input-warning-outline-hover-border: #F59E0B;
2196
+ --input-warning-outline-hover-placeholder: #BBB2D2;
2197
+ --input-warning-outline-hover-icon: #F59E0B;
2198
+ --input-warning-outline-focus-bg: transparent;
2199
+ --input-warning-outline-focus-fg: #F4F1FB;
2200
+ --input-warning-outline-focus-border: #F59E0B;
2201
+ --input-warning-outline-focus-placeholder: #BBB2D2;
2202
+ --input-warning-outline-focus-icon: #F59E0B;
2203
+ --input-warning-filled-default-bg: #451A03;
2204
+ --input-warning-filled-default-fg: #F4F1FB;
2205
+ --input-warning-filled-default-border: transparent;
2206
+ --input-warning-filled-default-placeholder: #BBB2D2;
2207
+ --input-warning-filled-default-icon: #FBBF24;
2208
+ --input-warning-filled-hover-bg: #78350F;
2209
+ --input-warning-filled-hover-fg: #F4F1FB;
2210
+ --input-warning-filled-hover-border: #FBBF24;
2211
+ --input-warning-filled-hover-placeholder: #BBB2D2;
2212
+ --input-warning-filled-hover-icon: #F59E0B;
2213
+ --input-warning-filled-focus-bg: #242034;
2214
+ --input-warning-filled-focus-fg: #F4F1FB;
2215
+ --input-warning-filled-focus-border: #F59E0B;
2216
+ --input-warning-filled-focus-placeholder: #BBB2D2;
2217
+ --input-warning-filled-focus-icon: #F59E0B;
2218
+ --input-warning-soft-default-bg: #78350F;
2219
+ --input-warning-soft-default-fg: #F4F1FB;
2220
+ --input-warning-soft-default-border: transparent;
2221
+ --input-warning-soft-default-placeholder: #BBB2D2;
2222
+ --input-warning-soft-default-icon: #FBBF24;
2223
+ --input-warning-soft-hover-bg: #78350F;
2224
+ --input-warning-soft-hover-fg: #F4F1FB;
2225
+ --input-warning-soft-hover-border: #FBBF24;
2226
+ --input-warning-soft-hover-placeholder: #BBB2D2;
2227
+ --input-warning-soft-hover-icon: #F59E0B;
2228
+ --input-warning-soft-focus-bg: #78350F;
2229
+ --input-warning-soft-focus-fg: #F4F1FB;
2230
+ --input-warning-soft-focus-border: #F59E0B;
2231
+ --input-warning-soft-focus-placeholder: #BBB2D2;
2232
+ --input-warning-soft-focus-icon: #F59E0B;
2233
+ --input-danger-ring: #F43F5E;
2234
+ --input-danger-outline-default-bg: transparent;
2235
+ --input-danger-outline-default-fg: #F4F1FB;
2236
+ --input-danger-outline-default-border: #FB7185;
2237
+ --input-danger-outline-default-placeholder: #BBB2D2;
2238
+ --input-danger-outline-default-icon: #FB7185;
2239
+ --input-danger-outline-hover-bg: #4C0519;
2240
+ --input-danger-outline-hover-fg: #F4F1FB;
2241
+ --input-danger-outline-hover-border: #F43F5E;
2242
+ --input-danger-outline-hover-placeholder: #BBB2D2;
2243
+ --input-danger-outline-hover-icon: #F43F5E;
2244
+ --input-danger-outline-focus-bg: transparent;
2245
+ --input-danger-outline-focus-fg: #F4F1FB;
2246
+ --input-danger-outline-focus-border: #F43F5E;
2247
+ --input-danger-outline-focus-placeholder: #BBB2D2;
2248
+ --input-danger-outline-focus-icon: #F43F5E;
2249
+ --input-danger-filled-default-bg: #4C0519;
2250
+ --input-danger-filled-default-fg: #F4F1FB;
2251
+ --input-danger-filled-default-border: transparent;
2252
+ --input-danger-filled-default-placeholder: #BBB2D2;
2253
+ --input-danger-filled-default-icon: #FB7185;
2254
+ --input-danger-filled-hover-bg: #881337;
2255
+ --input-danger-filled-hover-fg: #F4F1FB;
2256
+ --input-danger-filled-hover-border: #FB7185;
2257
+ --input-danger-filled-hover-placeholder: #BBB2D2;
2258
+ --input-danger-filled-hover-icon: #F43F5E;
2259
+ --input-danger-filled-focus-bg: #242034;
2260
+ --input-danger-filled-focus-fg: #F4F1FB;
2261
+ --input-danger-filled-focus-border: #F43F5E;
2262
+ --input-danger-filled-focus-placeholder: #BBB2D2;
2263
+ --input-danger-filled-focus-icon: #F43F5E;
2264
+ --input-danger-soft-default-bg: #881337;
2265
+ --input-danger-soft-default-fg: #F4F1FB;
2266
+ --input-danger-soft-default-border: transparent;
2267
+ --input-danger-soft-default-placeholder: #BBB2D2;
2268
+ --input-danger-soft-default-icon: #FB7185;
2269
+ --input-danger-soft-hover-bg: #881337;
2270
+ --input-danger-soft-hover-fg: #F4F1FB;
2271
+ --input-danger-soft-hover-border: #FB7185;
2272
+ --input-danger-soft-hover-placeholder: #BBB2D2;
2273
+ --input-danger-soft-hover-icon: #F43F5E;
2274
+ --input-danger-soft-focus-bg: #881337;
2275
+ --input-danger-soft-focus-fg: #F4F1FB;
2276
+ --input-danger-soft-focus-border: #F43F5E;
2277
+ --input-danger-soft-focus-placeholder: #BBB2D2;
2278
+ --input-danger-soft-focus-icon: #F43F5E;
1680
2279
  --input-default-bg: transparent;
1681
2280
  --input-default-fg: #F4F1FB;
1682
2281
  --input-default-border: #4F4867;
@@ -1700,8 +2299,6 @@
1700
2299
  --input-disabled-icon: #6B6386;
1701
2300
  --input-error-border: #FB7185;
1702
2301
  --input-error-ring: #FB7185;
1703
- --input-success-border: #2DD4BF;
1704
- --input-success-ring: #2DD4BF;
1705
2302
  --input-read-only-bg: #242034;
1706
2303
  --input-read-only-fg: #BBB2D2;
1707
2304
  --input-read-only-border: #3D3754;
@@ -1720,6 +2317,15 @@
1720
2317
  --input-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
1721
2318
  --input-clear-button-focus-bg: #242034;
1722
2319
  --input-clear-button-pressed-bg: #3D3754;
2320
+ --input-reveal-button-fg: #F4F1FB;
2321
+ --input-reveal-button-hover-fg: #F4F1FB;
2322
+ --input-reveal-button-hover-bg: #2F2A42;
2323
+ --input-addon-bg: #231F31;
2324
+ --input-addon-fg: #BBB2D2;
2325
+ --input-addon-border: #4F4867;
2326
+ --input-affix-fg: #F4F1FB;
2327
+ --input-counter-fg: #BBB2D2;
2328
+ --input-spinner-fg: #958CB0;
1723
2329
  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
1724
2330
  --modal-content-bg: #242034;
1725
2331
  --modal-content-fg: #F4F1FB;
@@ -1752,22 +2358,71 @@
1752
2358
  --radio-pressed-bg: #3D3754;
1753
2359
  --radio-pressed-fg: #B8A8FF;
1754
2360
  --radio-pressed-border: #B8A8FF;
1755
- --radio-checked-default-bg: #181521;
1756
- --radio-checked-default-fg: #B8A8FF;
1757
- --radio-checked-default-border: #7352F8;
1758
- --radio-checked-default-label-fg: #B8A8FF;
1759
- --radio-checked-hover-bg: #2F2A42;
1760
- --radio-checked-hover-fg: #D4CCFF;
1761
- --radio-checked-hover-border: #9B7CFF;
1762
- --radio-checked-hover-label-fg: #9B7CFF;
1763
- --radio-checked-pressed-bg: #3D3754;
1764
- --radio-checked-pressed-fg: #9B7CFF;
1765
- --radio-checked-pressed-border: #6346E8;
1766
- --radio-checked-pressed-label-fg: #B8A8FF;
1767
- --radio-checked-disabled-bg: #2F2A42;
1768
- --radio-checked-disabled-fg: #6B6386;
1769
- --radio-checked-disabled-border: #3D3754;
1770
- --radio-checked-disabled-label-fg: #6B6386;
2361
+ --radio-primary-ring: #9B7CFF;
2362
+ --radio-primary-default-bg: #21164F;
2363
+ --radio-primary-default-fg: #B8A8FF;
2364
+ --radio-primary-default-border: #7352F8;
2365
+ --radio-primary-default-label-fg: #9B7CFF;
2366
+ --radio-primary-hover-bg: #342580;
2367
+ --radio-primary-hover-fg: #D4CCFF;
2368
+ --radio-primary-hover-border: #9B7CFF;
2369
+ --radio-primary-hover-label-fg: #9B7CFF;
2370
+ --radio-primary-pressed-bg: #21164F;
2371
+ --radio-primary-pressed-fg: #9B7CFF;
2372
+ --radio-primary-pressed-border: #6346E8;
2373
+ --radio-primary-pressed-label-fg: #7352F8;
2374
+ --radio-neutral-ring: #958CB0;
2375
+ --radio-neutral-default-bg: #181521;
2376
+ --radio-neutral-default-fg: #E4DDF4;
2377
+ --radio-neutral-default-border: #BBB2D2;
2378
+ --radio-neutral-default-label-fg: #E4DDF4;
2379
+ --radio-neutral-hover-bg: #231F31;
2380
+ --radio-neutral-hover-fg: #F4F1FB;
2381
+ --radio-neutral-hover-border: #E4DDF4;
2382
+ --radio-neutral-hover-label-fg: #BBB2D2;
2383
+ --radio-neutral-pressed-bg: #181521;
2384
+ --radio-neutral-pressed-fg: #BBB2D2;
2385
+ --radio-neutral-pressed-border: #958CB0;
2386
+ --radio-neutral-pressed-label-fg: #958CB0;
2387
+ --radio-success-ring: #14B8A6;
2388
+ --radio-success-default-bg: #042F2E;
2389
+ --radio-success-default-fg: #14B8A6;
2390
+ --radio-success-default-border: #14B8A6;
2391
+ --radio-success-default-label-fg: #2DD4BF;
2392
+ --radio-success-hover-bg: #134E4A;
2393
+ --radio-success-hover-fg: #2DD4BF;
2394
+ --radio-success-hover-border: #2DD4BF;
2395
+ --radio-success-hover-label-fg: #14B8A6;
2396
+ --radio-success-pressed-bg: #042F2E;
2397
+ --radio-success-pressed-fg: #0F9E94;
2398
+ --radio-success-pressed-border: #0F9E94;
2399
+ --radio-success-pressed-label-fg: #0F9E94;
2400
+ --radio-warning-ring: #F59E0B;
2401
+ --radio-warning-default-bg: #451A03;
2402
+ --radio-warning-default-fg: #F59E0B;
2403
+ --radio-warning-default-border: #F59E0B;
2404
+ --radio-warning-default-label-fg: #FBBF24;
2405
+ --radio-warning-hover-bg: #78350F;
2406
+ --radio-warning-hover-fg: #FBBF24;
2407
+ --radio-warning-hover-border: #FBBF24;
2408
+ --radio-warning-hover-label-fg: #F59E0B;
2409
+ --radio-warning-pressed-bg: #451A03;
2410
+ --radio-warning-pressed-fg: #D97706;
2411
+ --radio-warning-pressed-border: #D97706;
2412
+ --radio-warning-pressed-label-fg: #D97706;
2413
+ --radio-danger-ring: #F43F5E;
2414
+ --radio-danger-default-bg: #4C0519;
2415
+ --radio-danger-default-fg: #FB7185;
2416
+ --radio-danger-default-border: #F43F5E;
2417
+ --radio-danger-default-label-fg: #FB7185;
2418
+ --radio-danger-hover-bg: #881337;
2419
+ --radio-danger-hover-fg: #FDA4AF;
2420
+ --radio-danger-hover-border: #FB7185;
2421
+ --radio-danger-hover-label-fg: #F43F5E;
2422
+ --radio-danger-pressed-bg: #4C0519;
2423
+ --radio-danger-pressed-fg: #F43F5E;
2424
+ --radio-danger-pressed-border: #E11D48;
2425
+ --radio-danger-pressed-label-fg: #E11D48;
1771
2426
  --radio-focus-ring: #B8A8FF;
1772
2427
  --radio-focus-border: #B8A8FF;
1773
2428
  --radio-invalid-bg: #2F2A42;
@@ -1777,6 +2432,10 @@
1777
2432
  --radio-disabled-bg: #2F2A42;
1778
2433
  --radio-disabled-fg: #6B6386;
1779
2434
  --radio-disabled-border: #3D3754;
2435
+ --radio-selected-disabled-bg: #2F2A42;
2436
+ --radio-selected-disabled-fg: #6B6386;
2437
+ --radio-selected-disabled-border: #3D3754;
2438
+ --radio-selected-disabled-label-fg: #6B6386;
1780
2439
  --select-trigger-default-bg: transparent;
1781
2440
  --select-trigger-default-fg: #F4F1FB;
1782
2441
  --select-trigger-default-border: #4F4867;
@@ -2579,6 +3238,10 @@
2579
3238
  --dropdown-separator-bg: #9CA3AF;
2580
3239
  --dropdown-separator-fg: #D1D5DB;
2581
3240
  --form-field-label-fg: #FFFFFF;
3241
+ --form-field-optional-fg: #EEE8FA;
3242
+ --form-field-label-info-fg: #EEE8FA;
3243
+ --form-field-label-info-border: #EEE8FA;
3244
+ --form-field-label-info-radius: 999px;
2582
3245
  --form-field-description-fg: #EEE8FA;
2583
3246
  --form-field-helper-text-default-fg: #D1D5DB;
2584
3247
  --form-field-helper-text-error-fg: #FB7185;
@@ -2589,6 +3252,272 @@
2589
3252
  --form-field-disabled-label-fg: #6B7280;
2590
3253
  --form-field-disabled-description-fg: #6B7280;
2591
3254
  --form-field-disabled-helper-text-fg: #6B7280;
3255
+ --form-field-size-sm-gap: 4px;
3256
+ --form-field-size-sm-horizontal-gap: 12px;
3257
+ --form-field-size-sm-label-font-size: 14px;
3258
+ --form-field-size-sm-label-line-height: 20px;
3259
+ --form-field-size-sm-description-font-size: 12px;
3260
+ --form-field-size-sm-description-line-height: 16px;
3261
+ --form-field-size-sm-helper-text-font-size: 12px;
3262
+ --form-field-size-sm-helper-text-line-height: 16px;
3263
+ --form-field-size-sm-optional-font-size: 12px;
3264
+ --form-field-size-sm-optional-line-height: 16px;
3265
+ --form-field-size-sm-label-info-size: 16px;
3266
+ --form-field-size-sm-label-info-font-size: 12px;
3267
+ --form-field-size-md-gap: 8px;
3268
+ --form-field-size-md-horizontal-gap: 16px;
3269
+ --form-field-size-md-label-font-size: 16px;
3270
+ --form-field-size-md-label-line-height: 24px;
3271
+ --form-field-size-md-description-font-size: 14px;
3272
+ --form-field-size-md-description-line-height: 20px;
3273
+ --form-field-size-md-helper-text-font-size: 14px;
3274
+ --form-field-size-md-helper-text-line-height: 20px;
3275
+ --form-field-size-md-optional-font-size: 12px;
3276
+ --form-field-size-md-optional-line-height: 16px;
3277
+ --form-field-size-md-label-info-size: 16px;
3278
+ --form-field-size-md-label-info-font-size: 12px;
3279
+ --form-field-size-lg-gap: 12px;
3280
+ --form-field-size-lg-horizontal-gap: 20px;
3281
+ --form-field-size-lg-label-font-size: 20px;
3282
+ --form-field-size-lg-label-line-height: 28px;
3283
+ --form-field-size-lg-description-font-size: 16px;
3284
+ --form-field-size-lg-description-line-height: 24px;
3285
+ --form-field-size-lg-helper-text-font-size: 16px;
3286
+ --form-field-size-lg-helper-text-line-height: 24px;
3287
+ --form-field-size-lg-optional-font-size: 14px;
3288
+ --form-field-size-lg-optional-line-height: 20px;
3289
+ --form-field-size-lg-label-info-size: 20px;
3290
+ --form-field-size-lg-label-info-font-size: 14px;
3291
+ --input-primary-ring: #9B7CFF;
3292
+ --input-primary-outline-default-bg: transparent;
3293
+ --input-primary-outline-default-fg: #FFFFFF;
3294
+ --input-primary-outline-default-border: #B8A8FF;
3295
+ --input-primary-outline-default-placeholder: #EEE8FA;
3296
+ --input-primary-outline-default-icon: #B8A8FF;
3297
+ --input-primary-outline-hover-bg: #374151;
3298
+ --input-primary-outline-hover-fg: #FFFFFF;
3299
+ --input-primary-outline-hover-border: #9B7CFF;
3300
+ --input-primary-outline-hover-placeholder: #EEE8FA;
3301
+ --input-primary-outline-hover-icon: #9B7CFF;
3302
+ --input-primary-outline-focus-bg: transparent;
3303
+ --input-primary-outline-focus-fg: #FFFFFF;
3304
+ --input-primary-outline-focus-border: #9B7CFF;
3305
+ --input-primary-outline-focus-placeholder: #EEE8FA;
3306
+ --input-primary-outline-focus-icon: #9B7CFF;
3307
+ --input-primary-filled-default-bg: #21164F;
3308
+ --input-primary-filled-default-fg: #FFFFFF;
3309
+ --input-primary-filled-default-border: #B8A8FF;
3310
+ --input-primary-filled-default-placeholder: #EEE8FA;
3311
+ --input-primary-filled-default-icon: #B8A8FF;
3312
+ --input-primary-filled-hover-bg: #342580;
3313
+ --input-primary-filled-hover-fg: #FFFFFF;
3314
+ --input-primary-filled-hover-border: #9B7CFF;
3315
+ --input-primary-filled-hover-placeholder: #EEE8FA;
3316
+ --input-primary-filled-hover-icon: #9B7CFF;
3317
+ --input-primary-filled-focus-bg: #1F2937;
3318
+ --input-primary-filled-focus-fg: #FFFFFF;
3319
+ --input-primary-filled-focus-border: #9B7CFF;
3320
+ --input-primary-filled-focus-placeholder: #EEE8FA;
3321
+ --input-primary-filled-focus-icon: #9B7CFF;
3322
+ --input-primary-soft-default-bg: #342580;
3323
+ --input-primary-soft-default-fg: #FFFFFF;
3324
+ --input-primary-soft-default-border: #B8A8FF;
3325
+ --input-primary-soft-default-placeholder: #EEE8FA;
3326
+ --input-primary-soft-default-icon: #B8A8FF;
3327
+ --input-primary-soft-hover-bg: #342580;
3328
+ --input-primary-soft-hover-fg: #FFFFFF;
3329
+ --input-primary-soft-hover-border: #9B7CFF;
3330
+ --input-primary-soft-hover-placeholder: #EEE8FA;
3331
+ --input-primary-soft-hover-icon: #9B7CFF;
3332
+ --input-primary-soft-focus-bg: #342580;
3333
+ --input-primary-soft-focus-fg: #FFFFFF;
3334
+ --input-primary-soft-focus-border: #9B7CFF;
3335
+ --input-primary-soft-focus-placeholder: #EEE8FA;
3336
+ --input-primary-soft-focus-icon: #9B7CFF;
3337
+ --input-neutral-ring: #98A8BD;
3338
+ --input-neutral-outline-default-bg: transparent;
3339
+ --input-neutral-outline-default-fg: #FFFFFF;
3340
+ --input-neutral-outline-default-border: #D8E4F2;
3341
+ --input-neutral-outline-default-placeholder: #EEE8FA;
3342
+ --input-neutral-outline-default-icon: #D8E4F2;
3343
+ --input-neutral-outline-hover-bg: #111C2E;
3344
+ --input-neutral-outline-hover-fg: #FFFFFF;
3345
+ --input-neutral-outline-hover-border: #E5E7EB;
3346
+ --input-neutral-outline-hover-placeholder: #EEE8FA;
3347
+ --input-neutral-outline-hover-icon: #E5E7EB;
3348
+ --input-neutral-outline-focus-bg: transparent;
3349
+ --input-neutral-outline-focus-fg: #FFFFFF;
3350
+ --input-neutral-outline-focus-border: #E5E7EB;
3351
+ --input-neutral-outline-focus-placeholder: #EEE8FA;
3352
+ --input-neutral-outline-focus-icon: #E5E7EB;
3353
+ --input-neutral-filled-default-bg: #111C2E;
3354
+ --input-neutral-filled-default-fg: #FFFFFF;
3355
+ --input-neutral-filled-default-border: #D8E4F2;
3356
+ --input-neutral-filled-default-placeholder: #EEE8FA;
3357
+ --input-neutral-filled-default-icon: #D8E4F2;
3358
+ --input-neutral-filled-hover-bg: #1E2A44;
3359
+ --input-neutral-filled-hover-fg: #FFFFFF;
3360
+ --input-neutral-filled-hover-border: #E5E7EB;
3361
+ --input-neutral-filled-hover-placeholder: #EEE8FA;
3362
+ --input-neutral-filled-hover-icon: #E5E7EB;
3363
+ --input-neutral-filled-focus-bg: #1F2937;
3364
+ --input-neutral-filled-focus-fg: #FFFFFF;
3365
+ --input-neutral-filled-focus-border: #E5E7EB;
3366
+ --input-neutral-filled-focus-placeholder: #EEE8FA;
3367
+ --input-neutral-filled-focus-icon: #E5E7EB;
3368
+ --input-neutral-soft-default-bg: #1E2A44;
3369
+ --input-neutral-soft-default-fg: #FFFFFF;
3370
+ --input-neutral-soft-default-border: #D8E4F2;
3371
+ --input-neutral-soft-default-placeholder: #EEE8FA;
3372
+ --input-neutral-soft-default-icon: #D8E4F2;
3373
+ --input-neutral-soft-hover-bg: #1E2A44;
3374
+ --input-neutral-soft-hover-fg: #FFFFFF;
3375
+ --input-neutral-soft-hover-border: #E5E7EB;
3376
+ --input-neutral-soft-hover-placeholder: #EEE8FA;
3377
+ --input-neutral-soft-hover-icon: #E5E7EB;
3378
+ --input-neutral-soft-focus-bg: #1E2A44;
3379
+ --input-neutral-soft-focus-fg: #FFFFFF;
3380
+ --input-neutral-soft-focus-border: #E5E7EB;
3381
+ --input-neutral-soft-focus-placeholder: #EEE8FA;
3382
+ --input-neutral-soft-focus-icon: #E5E7EB;
3383
+ --input-success-ring: #14B8A6;
3384
+ --input-success-outline-default-bg: transparent;
3385
+ --input-success-outline-default-fg: #FFFFFF;
3386
+ --input-success-outline-default-border: #5EEAD4;
3387
+ --input-success-outline-default-placeholder: #EEE8FA;
3388
+ --input-success-outline-default-icon: #5EEAD4;
3389
+ --input-success-outline-hover-bg: #042F2E;
3390
+ --input-success-outline-hover-fg: #FFFFFF;
3391
+ --input-success-outline-hover-border: #2DD4BF;
3392
+ --input-success-outline-hover-placeholder: #EEE8FA;
3393
+ --input-success-outline-hover-icon: #2DD4BF;
3394
+ --input-success-outline-focus-bg: transparent;
3395
+ --input-success-outline-focus-fg: #FFFFFF;
3396
+ --input-success-outline-focus-border: #2DD4BF;
3397
+ --input-success-outline-focus-placeholder: #EEE8FA;
3398
+ --input-success-outline-focus-icon: #2DD4BF;
3399
+ --input-success-filled-default-bg: #042F2E;
3400
+ --input-success-filled-default-fg: #FFFFFF;
3401
+ --input-success-filled-default-border: #5EEAD4;
3402
+ --input-success-filled-default-placeholder: #EEE8FA;
3403
+ --input-success-filled-default-icon: #5EEAD4;
3404
+ --input-success-filled-hover-bg: #134E4A;
3405
+ --input-success-filled-hover-fg: #FFFFFF;
3406
+ --input-success-filled-hover-border: #2DD4BF;
3407
+ --input-success-filled-hover-placeholder: #EEE8FA;
3408
+ --input-success-filled-hover-icon: #2DD4BF;
3409
+ --input-success-filled-focus-bg: #1F2937;
3410
+ --input-success-filled-focus-fg: #FFFFFF;
3411
+ --input-success-filled-focus-border: #2DD4BF;
3412
+ --input-success-filled-focus-placeholder: #EEE8FA;
3413
+ --input-success-filled-focus-icon: #2DD4BF;
3414
+ --input-success-soft-default-bg: #134E4A;
3415
+ --input-success-soft-default-fg: #FFFFFF;
3416
+ --input-success-soft-default-border: #5EEAD4;
3417
+ --input-success-soft-default-placeholder: #EEE8FA;
3418
+ --input-success-soft-default-icon: #5EEAD4;
3419
+ --input-success-soft-hover-bg: #134E4A;
3420
+ --input-success-soft-hover-fg: #FFFFFF;
3421
+ --input-success-soft-hover-border: #2DD4BF;
3422
+ --input-success-soft-hover-placeholder: #EEE8FA;
3423
+ --input-success-soft-hover-icon: #2DD4BF;
3424
+ --input-success-soft-focus-bg: #134E4A;
3425
+ --input-success-soft-focus-fg: #FFFFFF;
3426
+ --input-success-soft-focus-border: #2DD4BF;
3427
+ --input-success-soft-focus-placeholder: #EEE8FA;
3428
+ --input-success-soft-focus-icon: #2DD4BF;
3429
+ --input-warning-ring: #F59E0B;
3430
+ --input-warning-outline-default-bg: transparent;
3431
+ --input-warning-outline-default-fg: #FFFFFF;
3432
+ --input-warning-outline-default-border: #F59E0B;
3433
+ --input-warning-outline-default-placeholder: #EEE8FA;
3434
+ --input-warning-outline-default-icon: #F59E0B;
3435
+ --input-warning-outline-hover-bg: #451A03;
3436
+ --input-warning-outline-hover-fg: #FFFFFF;
3437
+ --input-warning-outline-hover-border: #FBBF24;
3438
+ --input-warning-outline-hover-placeholder: #EEE8FA;
3439
+ --input-warning-outline-hover-icon: #FBBF24;
3440
+ --input-warning-outline-focus-bg: transparent;
3441
+ --input-warning-outline-focus-fg: #FFFFFF;
3442
+ --input-warning-outline-focus-border: #FBBF24;
3443
+ --input-warning-outline-focus-placeholder: #EEE8FA;
3444
+ --input-warning-outline-focus-icon: #FBBF24;
3445
+ --input-warning-filled-default-bg: #78350F;
3446
+ --input-warning-filled-default-fg: #FFFFFF;
3447
+ --input-warning-filled-default-border: #F59E0B;
3448
+ --input-warning-filled-default-placeholder: #EEE8FA;
3449
+ --input-warning-filled-default-icon: #F59E0B;
3450
+ --input-warning-filled-hover-bg: #92400E;
3451
+ --input-warning-filled-hover-fg: #FFFFFF;
3452
+ --input-warning-filled-hover-border: #FBBF24;
3453
+ --input-warning-filled-hover-placeholder: #EEE8FA;
3454
+ --input-warning-filled-hover-icon: #FBBF24;
3455
+ --input-warning-filled-focus-bg: #1F2937;
3456
+ --input-warning-filled-focus-fg: #FFFFFF;
3457
+ --input-warning-filled-focus-border: #FBBF24;
3458
+ --input-warning-filled-focus-placeholder: #EEE8FA;
3459
+ --input-warning-filled-focus-icon: #FBBF24;
3460
+ --input-warning-soft-default-bg: #78350F;
3461
+ --input-warning-soft-default-fg: #FFFFFF;
3462
+ --input-warning-soft-default-border: #F59E0B;
3463
+ --input-warning-soft-default-placeholder: #EEE8FA;
3464
+ --input-warning-soft-default-icon: #F59E0B;
3465
+ --input-warning-soft-hover-bg: #78350F;
3466
+ --input-warning-soft-hover-fg: #FFFFFF;
3467
+ --input-warning-soft-hover-border: #FBBF24;
3468
+ --input-warning-soft-hover-placeholder: #EEE8FA;
3469
+ --input-warning-soft-hover-icon: #FBBF24;
3470
+ --input-warning-soft-focus-bg: #78350F;
3471
+ --input-warning-soft-focus-fg: #FFFFFF;
3472
+ --input-warning-soft-focus-border: #FBBF24;
3473
+ --input-warning-soft-focus-placeholder: #EEE8FA;
3474
+ --input-warning-soft-focus-icon: #FBBF24;
3475
+ --input-danger-ring: #F43F5E;
3476
+ --input-danger-outline-default-bg: transparent;
3477
+ --input-danger-outline-default-fg: #FFFFFF;
3478
+ --input-danger-outline-default-border: #FB7185;
3479
+ --input-danger-outline-default-placeholder: #EEE8FA;
3480
+ --input-danger-outline-default-icon: #FB7185;
3481
+ --input-danger-outline-hover-bg: #4C0519;
3482
+ --input-danger-outline-hover-fg: #FFFFFF;
3483
+ --input-danger-outline-hover-border: #FDA4AF;
3484
+ --input-danger-outline-hover-placeholder: #EEE8FA;
3485
+ --input-danger-outline-hover-icon: #FDA4AF;
3486
+ --input-danger-outline-focus-bg: transparent;
3487
+ --input-danger-outline-focus-fg: #FFFFFF;
3488
+ --input-danger-outline-focus-border: #FDA4AF;
3489
+ --input-danger-outline-focus-placeholder: #EEE8FA;
3490
+ --input-danger-outline-focus-icon: #FDA4AF;
3491
+ --input-danger-filled-default-bg: #4C0519;
3492
+ --input-danger-filled-default-fg: #FFFFFF;
3493
+ --input-danger-filled-default-border: #FB7185;
3494
+ --input-danger-filled-default-placeholder: #EEE8FA;
3495
+ --input-danger-filled-default-icon: #FB7185;
3496
+ --input-danger-filled-hover-bg: #881337;
3497
+ --input-danger-filled-hover-fg: #FFFFFF;
3498
+ --input-danger-filled-hover-border: #FDA4AF;
3499
+ --input-danger-filled-hover-placeholder: #EEE8FA;
3500
+ --input-danger-filled-hover-icon: #FDA4AF;
3501
+ --input-danger-filled-focus-bg: #1F2937;
3502
+ --input-danger-filled-focus-fg: #FFFFFF;
3503
+ --input-danger-filled-focus-border: #FDA4AF;
3504
+ --input-danger-filled-focus-placeholder: #EEE8FA;
3505
+ --input-danger-filled-focus-icon: #FDA4AF;
3506
+ --input-danger-soft-default-bg: #881337;
3507
+ --input-danger-soft-default-fg: #FFFFFF;
3508
+ --input-danger-soft-default-border: #FB7185;
3509
+ --input-danger-soft-default-placeholder: #EEE8FA;
3510
+ --input-danger-soft-default-icon: #FB7185;
3511
+ --input-danger-soft-hover-bg: #881337;
3512
+ --input-danger-soft-hover-fg: #FFFFFF;
3513
+ --input-danger-soft-hover-border: #FDA4AF;
3514
+ --input-danger-soft-hover-placeholder: #EEE8FA;
3515
+ --input-danger-soft-hover-icon: #FDA4AF;
3516
+ --input-danger-soft-focus-bg: #881337;
3517
+ --input-danger-soft-focus-fg: #FFFFFF;
3518
+ --input-danger-soft-focus-border: #FDA4AF;
3519
+ --input-danger-soft-focus-placeholder: #EEE8FA;
3520
+ --input-danger-soft-focus-icon: #FDA4AF;
2592
3521
  --input-default-bg: transparent;
2593
3522
  --input-default-fg: #FFFFFF;
2594
3523
  --input-default-border: #9CA3AF;
@@ -2612,8 +3541,6 @@
2612
3541
  --input-disabled-icon: #6B7280;
2613
3542
  --input-error-border: #FB7185;
2614
3543
  --input-error-ring: #FB7185;
2615
- --input-success-border: #5EEAD4;
2616
- --input-success-ring: #5EEAD4;
2617
3544
  --input-read-only-bg: #1F2937;
2618
3545
  --input-read-only-fg: #EEE8FA;
2619
3546
  --input-read-only-border: #6B7280;
@@ -2632,6 +3559,15 @@
2632
3559
  --input-clear-button-hover-bg: #4C0519;
2633
3560
  --input-clear-button-focus-bg: #1F2937;
2634
3561
  --input-clear-button-pressed-bg: #374151;
3562
+ --input-reveal-button-fg: #FFFFFF;
3563
+ --input-reveal-button-hover-fg: #FFFFFF;
3564
+ --input-reveal-button-hover-bg: #374151;
3565
+ --input-addon-bg: #111827;
3566
+ --input-addon-fg: #EEE8FA;
3567
+ --input-addon-border: #9CA3AF;
3568
+ --input-affix-fg: #FFFFFF;
3569
+ --input-counter-fg: #EEE8FA;
3570
+ --input-spinner-fg: #9CA3AF;
2635
3571
  --modal-overlay-bg: rgba(0, 0, 0, 0.82);
2636
3572
  --modal-content-bg: #111827;
2637
3573
  --modal-content-fg: #FFFFFF;
@@ -2664,22 +3600,71 @@
2664
3600
  --radio-pressed-bg: #374151;
2665
3601
  --radio-pressed-fg: #FFFFFF;
2666
3602
  --radio-pressed-border: #FDE68A;
2667
- --radio-checked-default-bg: #000000;
2668
- --radio-checked-default-fg: #FCD34D;
2669
- --radio-checked-default-border: #FCD34D;
2670
- --radio-checked-default-label-fg: #FBBF24;
2671
- --radio-checked-hover-bg: #374151;
2672
- --radio-checked-hover-fg: #FDE68A;
2673
- --radio-checked-hover-border: #FDE68A;
2674
- --radio-checked-hover-label-fg: #FCD34D;
2675
- --radio-checked-pressed-bg: #374151;
2676
- --radio-checked-pressed-fg: #FBBF24;
2677
- --radio-checked-pressed-border: #FBBF24;
2678
- --radio-checked-pressed-label-fg: #FDE68A;
2679
- --radio-checked-disabled-bg: #111827;
2680
- --radio-checked-disabled-fg: #6B7280;
2681
- --radio-checked-disabled-border: #4B5563;
2682
- --radio-checked-disabled-label-fg: #6B7280;
3603
+ --radio-primary-ring: #9B7CFF;
3604
+ --radio-primary-default-bg: #6346E8;
3605
+ --radio-primary-default-fg: #F4F3FF;
3606
+ --radio-primary-default-border: #6346E8;
3607
+ --radio-primary-default-label-fg: #B8A8FF;
3608
+ --radio-primary-hover-bg: #5037C8;
3609
+ --radio-primary-hover-fg: #D4CCFF;
3610
+ --radio-primary-hover-border: #5037C8;
3611
+ --radio-primary-hover-label-fg: #9B7CFF;
3612
+ --radio-primary-pressed-bg: #402C9F;
3613
+ --radio-primary-pressed-fg: #B8A8FF;
3614
+ --radio-primary-pressed-border: #402C9F;
3615
+ --radio-primary-pressed-label-fg: #7352F8;
3616
+ --radio-neutral-ring: #98A8BD;
3617
+ --radio-neutral-default-bg: #F7FBFF;
3618
+ --radio-neutral-default-fg: #0B1120;
3619
+ --radio-neutral-default-border: #F7FBFF;
3620
+ --radio-neutral-default-label-fg: #F7FBFF;
3621
+ --radio-neutral-hover-bg: #D8E4F2;
3622
+ --radio-neutral-hover-fg: #111C2E;
3623
+ --radio-neutral-hover-border: #D8E4F2;
3624
+ --radio-neutral-hover-label-fg: #E5E7EB;
3625
+ --radio-neutral-pressed-bg: #98A8BD;
3626
+ --radio-neutral-pressed-fg: #1E2A44;
3627
+ --radio-neutral-pressed-border: #98A8BD;
3628
+ --radio-neutral-pressed-label-fg: #C4D0DD;
3629
+ --radio-success-ring: #14B8A6;
3630
+ --radio-success-default-bg: #14B8A6;
3631
+ --radio-success-default-fg: #042F2E;
3632
+ --radio-success-default-border: #14B8A6;
3633
+ --radio-success-default-label-fg: #5EEAD4;
3634
+ --radio-success-hover-bg: #0F9E94;
3635
+ --radio-success-hover-fg: #134E4A;
3636
+ --radio-success-hover-border: #0F9E94;
3637
+ --radio-success-hover-label-fg: #2DD4BF;
3638
+ --radio-success-pressed-bg: #0F766E;
3639
+ --radio-success-pressed-fg: #115E59;
3640
+ --radio-success-pressed-border: #0F766E;
3641
+ --radio-success-pressed-label-fg: #14B8A6;
3642
+ --radio-warning-ring: #F59E0B;
3643
+ --radio-warning-default-bg: #F59E0B;
3644
+ --radio-warning-default-fg: #451A03;
3645
+ --radio-warning-default-border: #F59E0B;
3646
+ --radio-warning-default-label-fg: #F59E0B;
3647
+ --radio-warning-hover-bg: #D97706;
3648
+ --radio-warning-hover-fg: #78350F;
3649
+ --radio-warning-hover-border: #D97706;
3650
+ --radio-warning-hover-label-fg: #FBBF24;
3651
+ --radio-warning-pressed-bg: #B45309;
3652
+ --radio-warning-pressed-fg: #92400E;
3653
+ --radio-warning-pressed-border: #B45309;
3654
+ --radio-warning-pressed-label-fg: #D97706;
3655
+ --radio-danger-ring: #F43F5E;
3656
+ --radio-danger-default-bg: #BE123C;
3657
+ --radio-danger-default-fg: #FFF1F2;
3658
+ --radio-danger-default-border: #BE123C;
3659
+ --radio-danger-default-label-fg: #FB7185;
3660
+ --radio-danger-hover-bg: #E11D48;
3661
+ --radio-danger-hover-fg: #FECDD3;
3662
+ --radio-danger-hover-border: #E11D48;
3663
+ --radio-danger-hover-label-fg: #FECDD3;
3664
+ --radio-danger-pressed-bg: #9F1239;
3665
+ --radio-danger-pressed-fg: #FDA4AF;
3666
+ --radio-danger-pressed-border: #9F1239;
3667
+ --radio-danger-pressed-label-fg: #FDA4AF;
2683
3668
  --radio-focus-ring: #FCD34D;
2684
3669
  --radio-focus-border: #FCD34D;
2685
3670
  --radio-invalid-bg: #000000;
@@ -2689,6 +3674,10 @@
2689
3674
  --radio-disabled-bg: #111827;
2690
3675
  --radio-disabled-fg: #6B7280;
2691
3676
  --radio-disabled-border: #4B5563;
3677
+ --radio-selected-disabled-bg: #111827;
3678
+ --radio-selected-disabled-fg: #6B7280;
3679
+ --radio-selected-disabled-border: #4B5563;
3680
+ --radio-selected-disabled-label-fg: #6B7280;
2692
3681
  --select-trigger-default-bg: transparent;
2693
3682
  --select-trigger-default-fg: #FFFFFF;
2694
3683
  --select-trigger-default-border: #9CA3AF;