@vellira-ui/tokens 2.29.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 (31) hide show
  1. package/dist/css/tokens.css +838 -8
  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/factories/createInputPalette.d.ts +78 -0
  9. package/dist/factories/createInputPalette.d.ts.map +1 -0
  10. package/dist/factories/createInputPalette.js +78 -0
  11. package/dist/factories/index.d.ts +1 -0
  12. package/dist/factories/index.d.ts.map +1 -1
  13. package/dist/factories/index.js +1 -0
  14. package/dist/generated/token-types.d.ts +4 -4
  15. package/dist/generated/token-types.d.ts.map +1 -1
  16. package/dist/generated/token-types.js +1112 -4
  17. package/dist/highContrast/components/formField.d.ts +52 -0
  18. package/dist/highContrast/components/formField.d.ts.map +1 -1
  19. package/dist/highContrast/components/formField.js +55 -0
  20. package/dist/highContrast/components/input.d.ts +109 -4
  21. package/dist/highContrast/components/input.d.ts.map +1 -1
  22. package/dist/highContrast/components/input.js +101 -4
  23. package/dist/light/components/formField.d.ts +52 -0
  24. package/dist/light/components/formField.d.ts.map +1 -1
  25. package/dist/light/components/formField.js +55 -0
  26. package/dist/light/components/input.d.ts +110 -5
  27. package/dist/light/components/input.d.ts.map +1 -1
  28. package/dist/light/components/input.js +81 -4
  29. package/dist/light/semantic/icons.d.ts +1 -1
  30. package/dist/light/semantic/icons.js +1 -1
  31. 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;
@@ -1720,6 +1996,10 @@
1720
1996
  --dropdown-separator-bg: #3D3754;
1721
1997
  --dropdown-separator-fg: #958CB0;
1722
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;
1723
2003
  --form-field-description-fg: #BBB2D2;
1724
2004
  --form-field-helper-text-default-fg: #958CB0;
1725
2005
  --form-field-helper-text-error-fg: #FB7185;
@@ -1730,6 +2010,272 @@
1730
2010
  --form-field-disabled-label-fg: #6B6386;
1731
2011
  --form-field-disabled-description-fg: #6B6386;
1732
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;
1733
2279
  --input-default-bg: transparent;
1734
2280
  --input-default-fg: #F4F1FB;
1735
2281
  --input-default-border: #4F4867;
@@ -1753,8 +2299,6 @@
1753
2299
  --input-disabled-icon: #6B6386;
1754
2300
  --input-error-border: #FB7185;
1755
2301
  --input-error-ring: #FB7185;
1756
- --input-success-border: #2DD4BF;
1757
- --input-success-ring: #2DD4BF;
1758
2302
  --input-read-only-bg: #242034;
1759
2303
  --input-read-only-fg: #BBB2D2;
1760
2304
  --input-read-only-border: #3D3754;
@@ -1773,6 +2317,15 @@
1773
2317
  --input-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
1774
2318
  --input-clear-button-focus-bg: #242034;
1775
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;
1776
2329
  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
1777
2330
  --modal-content-bg: #242034;
1778
2331
  --modal-content-fg: #F4F1FB;
@@ -2685,6 +3238,10 @@
2685
3238
  --dropdown-separator-bg: #9CA3AF;
2686
3239
  --dropdown-separator-fg: #D1D5DB;
2687
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;
2688
3245
  --form-field-description-fg: #EEE8FA;
2689
3246
  --form-field-helper-text-default-fg: #D1D5DB;
2690
3247
  --form-field-helper-text-error-fg: #FB7185;
@@ -2695,6 +3252,272 @@
2695
3252
  --form-field-disabled-label-fg: #6B7280;
2696
3253
  --form-field-disabled-description-fg: #6B7280;
2697
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;
2698
3521
  --input-default-bg: transparent;
2699
3522
  --input-default-fg: #FFFFFF;
2700
3523
  --input-default-border: #9CA3AF;
@@ -2718,8 +3541,6 @@
2718
3541
  --input-disabled-icon: #6B7280;
2719
3542
  --input-error-border: #FB7185;
2720
3543
  --input-error-ring: #FB7185;
2721
- --input-success-border: #5EEAD4;
2722
- --input-success-ring: #5EEAD4;
2723
3544
  --input-read-only-bg: #1F2937;
2724
3545
  --input-read-only-fg: #EEE8FA;
2725
3546
  --input-read-only-border: #6B7280;
@@ -2738,6 +3559,15 @@
2738
3559
  --input-clear-button-hover-bg: #4C0519;
2739
3560
  --input-clear-button-focus-bg: #1F2937;
2740
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;
2741
3571
  --modal-overlay-bg: rgba(0, 0, 0, 0.82);
2742
3572
  --modal-content-bg: #111827;
2743
3573
  --modal-content-fg: #FFFFFF;