@syncfusion/ej2-splitbuttons 25.1.38 → 25.2.4

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 (41) hide show
  1. package/CHANGELOG.md +9 -1
  2. package/dist/ej2-splitbuttons.min.js +1 -1
  3. package/dist/ej2-splitbuttons.umd.min.js +1 -1
  4. package/dist/global/ej2-splitbuttons.min.js +1 -1
  5. package/dist/global/index.d.ts +1 -1
  6. package/package.json +7 -7
  7. package/styles/bootstrap-dark.css +26 -0
  8. package/styles/bootstrap.css +26 -0
  9. package/styles/bootstrap4.css +26 -0
  10. package/styles/bootstrap5-dark.css +26 -0
  11. package/styles/bootstrap5.css +26 -0
  12. package/styles/button-group/_theme.scss +1 -0
  13. package/styles/button-group/bootstrap-dark.css +26 -0
  14. package/styles/button-group/bootstrap.css +26 -0
  15. package/styles/button-group/bootstrap4.css +26 -0
  16. package/styles/button-group/bootstrap5-dark.css +26 -0
  17. package/styles/button-group/bootstrap5.css +26 -0
  18. package/styles/button-group/fabric-dark.css +26 -0
  19. package/styles/button-group/fabric.css +26 -0
  20. package/styles/button-group/fluent-dark.css +26 -0
  21. package/styles/button-group/fluent.css +26 -0
  22. package/styles/button-group/highcontrast-light.css +26 -0
  23. package/styles/button-group/highcontrast.css +26 -0
  24. package/styles/button-group/material-dark.css +26 -0
  25. package/styles/button-group/material.css +26 -0
  26. package/styles/button-group/material3-dark.css +26 -0
  27. package/styles/button-group/material3.css +26 -0
  28. package/styles/button-group/tailwind-dark.css +26 -0
  29. package/styles/button-group/tailwind.css +26 -0
  30. package/styles/fabric-dark.css +26 -0
  31. package/styles/fabric.css +26 -0
  32. package/styles/fluent-dark.css +26 -0
  33. package/styles/fluent.css +26 -0
  34. package/styles/highcontrast-light.css +26 -0
  35. package/styles/highcontrast.css +26 -0
  36. package/styles/material-dark.css +26 -0
  37. package/styles/material.css +26 -0
  38. package/styles/material3-dark.css +26 -0
  39. package/styles/material3.css +26 -0
  40. package/styles/tailwind-dark.css +26 -0
  41. package/styles/tailwind.css +26 -0
package/styles/material.css CHANGED
@@ -809,8 +809,10 @@
809
809
  box-shadow: none;
810
810
  }
811
811
  .e-btn-group .e-btn:focus,
812
+ .e-btn-group input:focus-visible + label.e-btn,
812
813
  .e-btn-group input:focus + label.e-btn,
813
814
  .e-css.e-btn-group .e-btn:focus,
815
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
814
816
  .e-css.e-btn-group input:focus + label.e-btn {
815
817
  background: rgba(0, 0, 0, 0.18);
816
818
  border-color: transparent;
@@ -822,8 +824,10 @@
822
824
  outline-color: inherit;
823
825
  }
824
826
  .e-btn-group .e-btn:focus.e-primary,
827
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
825
828
  .e-btn-group input:focus + label.e-btn.e-primary,
826
829
  .e-css.e-btn-group .e-btn:focus.e-primary,
830
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
827
831
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
828
832
  background: #ea4e82;
829
833
  border-color: transparent;
@@ -834,8 +838,10 @@
834
838
  outline-color: inherit;
835
839
  }
836
840
  .e-btn-group .e-btn:focus.e-success,
841
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
837
842
  .e-btn-group input:focus + label.e-btn.e-success,
838
843
  .e-css.e-btn-group .e-btn:focus.e-success,
844
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
839
845
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
840
846
  background: #78a253;
841
847
  border-color: transparent;
@@ -845,8 +851,10 @@
845
851
  outline-color: inherit;
846
852
  }
847
853
  .e-btn-group .e-btn:focus.e-info,
854
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
848
855
  .e-btn-group input:focus + label.e-btn.e-info,
849
856
  .e-css.e-btn-group .e-btn:focus.e-info,
857
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
850
858
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
851
859
  background: #3f98df;
852
860
  border-color: transparent;
@@ -856,8 +864,10 @@
856
864
  outline-color: inherit;
857
865
  }
858
866
  .e-btn-group .e-btn:focus.e-warning,
867
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
859
868
  .e-btn-group input:focus + label.e-btn.e-warning,
860
869
  .e-css.e-btn-group .e-btn:focus.e-warning,
870
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
861
871
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
862
872
  background: #d07f3d;
863
873
  border-color: transparent;
@@ -867,8 +877,10 @@
867
877
  outline-color: inherit;
868
878
  }
869
879
  .e-btn-group .e-btn:focus.e-danger,
880
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
870
881
  .e-btn-group input:focus + label.e-btn.e-danger,
871
882
  .e-css.e-btn-group .e-btn:focus.e-danger,
883
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
872
884
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
873
885
  background: #e06f4c;
874
886
  border-color: transparent;
@@ -878,8 +890,10 @@
878
890
  outline-color: inherit;
879
891
  }
880
892
  .e-btn-group .e-btn:focus.e-link,
893
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
881
894
  .e-btn-group input:focus + label.e-btn.e-link,
882
895
  .e-css.e-btn-group .e-btn:focus.e-link,
896
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
883
897
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
884
898
  border-radius: 0;
885
899
  text-decoration: underline;
@@ -890,39 +904,51 @@
890
904
  outline: none;
891
905
  }
892
906
  .e-btn-group .e-btn:focus.e-outline,
907
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
893
908
  .e-btn-group input:focus + label.e-btn.e-outline,
894
909
  .e-css.e-btn-group .e-btn:focus.e-outline,
910
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
895
911
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
896
912
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
897
913
  box-shadow: none;
898
914
  }
899
915
  .e-btn-group .e-btn:focus.e-outline.e-primary,
916
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
900
917
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
901
918
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
919
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
902
920
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
903
921
  box-shadow: none;
904
922
  }
905
923
  .e-btn-group .e-btn:focus.e-outline.e-success,
924
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
906
925
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
907
926
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
927
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
908
928
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
909
929
  box-shadow: none;
910
930
  }
911
931
  .e-btn-group .e-btn:focus.e-outline.e-info,
932
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
912
933
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
913
934
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
935
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
914
936
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
915
937
  box-shadow: none;
916
938
  }
917
939
  .e-btn-group .e-btn:focus.e-outline.e-warning,
940
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
918
941
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
919
942
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
943
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
920
944
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
921
945
  box-shadow: none;
922
946
  }
923
947
  .e-btn-group .e-btn:focus.e-outline.e-danger,
948
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
924
949
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
925
950
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
951
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
926
952
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
927
953
  box-shadow: none;
928
954
  }
package/styles/material3-dark.css CHANGED
@@ -946,8 +946,10 @@
946
946
  z-index: 1;
947
947
  }
948
948
  .e-btn-group .e-btn:focus,
949
+ .e-btn-group input:focus-visible + label.e-btn,
949
950
  .e-btn-group input:focus + label.e-btn,
950
951
  .e-css.e-btn-group .e-btn:focus,
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
951
953
  .e-css.e-btn-group input:focus + label.e-btn {
952
954
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
953
955
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
@@ -959,8 +961,10 @@
959
961
  outline-color: inherit;
960
962
  }
961
963
  .e-btn-group .e-btn:focus.e-primary,
964
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
962
965
  .e-btn-group input:focus + label.e-btn.e-primary,
963
966
  .e-css.e-btn-group .e-btn:focus.e-primary,
967
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
964
968
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
965
969
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
966
970
  border-color: rgba(var(--color-sf-primary));
@@ -971,8 +975,10 @@
971
975
  outline-color: inherit;
972
976
  }
973
977
  .e-btn-group .e-btn:focus.e-success,
978
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
974
979
  .e-btn-group input:focus + label.e-btn.e-success,
975
980
  .e-css.e-btn-group .e-btn:focus.e-success,
981
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
976
982
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
977
983
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
978
984
  border-color: rgba(var(--color-sf-success));
@@ -982,8 +988,10 @@
982
988
  outline-color: inherit;
983
989
  }
984
990
  .e-btn-group .e-btn:focus.e-info,
991
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
985
992
  .e-btn-group input:focus + label.e-btn.e-info,
986
993
  .e-css.e-btn-group .e-btn:focus.e-info,
994
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
987
995
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
988
996
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
989
997
  border-color: rgba(var(--color-sf-info));
@@ -993,8 +1001,10 @@
993
1001
  outline-color: inherit;
994
1002
  }
995
1003
  .e-btn-group .e-btn:focus.e-warning,
1004
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
996
1005
  .e-btn-group input:focus + label.e-btn.e-warning,
997
1006
  .e-css.e-btn-group .e-btn:focus.e-warning,
1007
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
998
1008
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
999
1009
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1000
1010
  border-color: rgba(var(--color-sf-warning));
@@ -1004,8 +1014,10 @@
1004
1014
  outline-color: inherit;
1005
1015
  }
1006
1016
  .e-btn-group .e-btn:focus.e-danger,
1017
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1007
1018
  .e-btn-group input:focus + label.e-btn.e-danger,
1008
1019
  .e-css.e-btn-group .e-btn:focus.e-danger,
1020
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1009
1021
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1010
1022
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1011
1023
  border-color: rgba(var(--color-sf-error));
@@ -1015,8 +1027,10 @@
1015
1027
  outline-color: inherit;
1016
1028
  }
1017
1029
  .e-btn-group .e-btn:focus.e-link,
1030
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
1018
1031
  .e-btn-group input:focus + label.e-btn.e-link,
1019
1032
  .e-css.e-btn-group .e-btn:focus.e-link,
1033
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1020
1034
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
1021
1035
  border-radius: 0;
1022
1036
  text-decoration: underline;
@@ -1027,8 +1041,10 @@
1027
1041
  outline: none;
1028
1042
  }
1029
1043
  .e-btn-group .e-btn:focus.e-outline,
1044
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1030
1045
  .e-btn-group input:focus + label.e-btn.e-outline,
1031
1046
  .e-css.e-btn-group .e-btn:focus.e-outline,
1047
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1032
1048
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1033
1049
  background: rgba(var(--color-sf-on-surface), 0.12);
1034
1050
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1036,8 +1052,10 @@
1036
1052
  box-shadow: none;
1037
1053
  }
1038
1054
  .e-btn-group .e-btn:focus.e-outline.e-primary,
1055
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1039
1056
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1040
1057
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1058
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1041
1059
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1042
1060
  background: rgba(var(--color-sf-primary), 0.12);
1043
1061
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1045,8 +1063,10 @@
1045
1063
  box-shadow: none;
1046
1064
  }
1047
1065
  .e-btn-group .e-btn:focus.e-outline.e-success,
1066
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1048
1067
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1049
1068
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1069
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1050
1070
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1051
1071
  background: rgba(var(--color-sf-success), 0.12);
1052
1072
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1054,8 +1074,10 @@
1054
1074
  box-shadow: none;
1055
1075
  }
1056
1076
  .e-btn-group .e-btn:focus.e-outline.e-info,
1077
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1057
1078
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1058
1079
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1080
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1059
1081
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1060
1082
  background: rgba(var(--color-sf-info), 0.12);
1061
1083
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1063,8 +1085,10 @@
1063
1085
  box-shadow: none;
1064
1086
  }
1065
1087
  .e-btn-group .e-btn:focus.e-outline.e-warning,
1088
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1066
1089
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1067
1090
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1091
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1068
1092
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1069
1093
  background: rgba(var(--color-sf-warning), 0.12);
1070
1094
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1072,8 +1096,10 @@
1072
1096
  box-shadow: none;
1073
1097
  }
1074
1098
  .e-btn-group .e-btn:focus.e-outline.e-danger,
1099
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1075
1100
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1076
1101
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1102
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1077
1103
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1078
1104
  background: rgba(var(--color-sf-error), 0.12);
1079
1105
  border: 1px solid rgba(var(--color-sf-outline));
package/styles/material3.css CHANGED
@@ -996,8 +996,10 @@
996
996
  z-index: 1;
997
997
  }
998
998
  .e-btn-group .e-btn:focus,
999
+ .e-btn-group input:focus-visible + label.e-btn,
999
1000
  .e-btn-group input:focus + label.e-btn,
1000
1001
  .e-css.e-btn-group .e-btn:focus,
1002
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
1001
1003
  .e-css.e-btn-group input:focus + label.e-btn {
1002
1004
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1003
1005
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
@@ -1009,8 +1011,10 @@
1009
1011
  outline-color: inherit;
1010
1012
  }
1011
1013
  .e-btn-group .e-btn:focus.e-primary,
1014
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1012
1015
  .e-btn-group input:focus + label.e-btn.e-primary,
1013
1016
  .e-css.e-btn-group .e-btn:focus.e-primary,
1017
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1014
1018
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1015
1019
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1016
1020
  border-color: rgba(var(--color-sf-primary));
@@ -1021,8 +1025,10 @@
1021
1025
  outline-color: inherit;
1022
1026
  }
1023
1027
  .e-btn-group .e-btn:focus.e-success,
1028
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1024
1029
  .e-btn-group input:focus + label.e-btn.e-success,
1025
1030
  .e-css.e-btn-group .e-btn:focus.e-success,
1031
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1026
1032
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
1027
1033
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1028
1034
  border-color: rgba(var(--color-sf-success));
@@ -1032,8 +1038,10 @@
1032
1038
  outline-color: inherit;
1033
1039
  }
1034
1040
  .e-btn-group .e-btn:focus.e-info,
1041
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1035
1042
  .e-btn-group input:focus + label.e-btn.e-info,
1036
1043
  .e-css.e-btn-group .e-btn:focus.e-info,
1044
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1037
1045
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
1038
1046
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1039
1047
  border-color: rgba(var(--color-sf-info));
@@ -1043,8 +1051,10 @@
1043
1051
  outline-color: inherit;
1044
1052
  }
1045
1053
  .e-btn-group .e-btn:focus.e-warning,
1054
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1046
1055
  .e-btn-group input:focus + label.e-btn.e-warning,
1047
1056
  .e-css.e-btn-group .e-btn:focus.e-warning,
1057
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1048
1058
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1049
1059
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1050
1060
  border-color: rgba(var(--color-sf-warning));
@@ -1054,8 +1064,10 @@
1054
1064
  outline-color: inherit;
1055
1065
  }
1056
1066
  .e-btn-group .e-btn:focus.e-danger,
1067
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1057
1068
  .e-btn-group input:focus + label.e-btn.e-danger,
1058
1069
  .e-css.e-btn-group .e-btn:focus.e-danger,
1070
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1059
1071
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1060
1072
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1061
1073
  border-color: rgba(var(--color-sf-error));
@@ -1065,8 +1077,10 @@
1065
1077
  outline-color: inherit;
1066
1078
  }
1067
1079
  .e-btn-group .e-btn:focus.e-link,
1080
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
1068
1081
  .e-btn-group input:focus + label.e-btn.e-link,
1069
1082
  .e-css.e-btn-group .e-btn:focus.e-link,
1083
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1070
1084
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
1071
1085
  border-radius: 0;
1072
1086
  text-decoration: underline;
@@ -1077,8 +1091,10 @@
1077
1091
  outline: none;
1078
1092
  }
1079
1093
  .e-btn-group .e-btn:focus.e-outline,
1094
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1080
1095
  .e-btn-group input:focus + label.e-btn.e-outline,
1081
1096
  .e-css.e-btn-group .e-btn:focus.e-outline,
1097
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1082
1098
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1083
1099
  background: rgba(var(--color-sf-on-surface), 0.12);
1084
1100
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1086,8 +1102,10 @@
1086
1102
  box-shadow: none;
1087
1103
  }
1088
1104
  .e-btn-group .e-btn:focus.e-outline.e-primary,
1105
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1089
1106
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1090
1107
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1108
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1091
1109
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1092
1110
  background: rgba(var(--color-sf-primary), 0.12);
1093
1111
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1095,8 +1113,10 @@
1095
1113
  box-shadow: none;
1096
1114
  }
1097
1115
  .e-btn-group .e-btn:focus.e-outline.e-success,
1116
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1098
1117
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1099
1118
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1119
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1100
1120
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1101
1121
  background: rgba(var(--color-sf-success), 0.12);
1102
1122
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1104,8 +1124,10 @@
1104
1124
  box-shadow: none;
1105
1125
  }
1106
1126
  .e-btn-group .e-btn:focus.e-outline.e-info,
1127
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1107
1128
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1108
1129
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1130
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1109
1131
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1110
1132
  background: rgba(var(--color-sf-info), 0.12);
1111
1133
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1113,8 +1135,10 @@
1113
1135
  box-shadow: none;
1114
1136
  }
1115
1137
  .e-btn-group .e-btn:focus.e-outline.e-warning,
1138
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1116
1139
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1117
1140
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1141
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1118
1142
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1119
1143
  background: rgba(var(--color-sf-warning), 0.12);
1120
1144
  border: 1px solid rgba(var(--color-sf-outline));
@@ -1122,8 +1146,10 @@
1122
1146
  box-shadow: none;
1123
1147
  }
1124
1148
  .e-btn-group .e-btn:focus.e-outline.e-danger,
1149
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1125
1150
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1126
1151
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1152
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1127
1153
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1128
1154
  background: rgba(var(--color-sf-error), 0.12);
1129
1155
  border: 1px solid rgba(var(--color-sf-outline));
package/styles/tailwind-dark.css CHANGED
@@ -840,8 +840,10 @@
840
840
  box-shadow: none;
841
841
  }
842
842
  .e-btn-group .e-btn:focus,
843
+ .e-btn-group input:focus-visible + label.e-btn,
843
844
  .e-btn-group input:focus + label.e-btn,
844
845
  .e-css.e-btn-group .e-btn:focus,
846
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
845
847
  .e-css.e-btn-group input:focus + label.e-btn {
846
848
  background: #374151;
847
849
  border-color: #6b7280;
@@ -852,8 +854,10 @@
852
854
  outline-color: inherit;
853
855
  }
854
856
  .e-btn-group .e-btn:focus.e-primary,
857
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
855
858
  .e-btn-group input:focus + label.e-btn.e-primary,
856
859
  .e-css.e-btn-group .e-btn:focus.e-primary,
860
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
857
861
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
858
862
  background: #06b6d4;
859
863
  border-color: #22d3ee;
@@ -863,8 +867,10 @@
863
867
  outline-color: inherit;
864
868
  }
865
869
  .e-btn-group .e-btn:focus.e-success,
870
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
866
871
  .e-btn-group input:focus + label.e-btn.e-success,
867
872
  .e-css.e-btn-group .e-btn:focus.e-success,
873
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
868
874
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
869
875
  background: #16a34a;
870
876
  border-color: #22c55e;
@@ -873,8 +879,10 @@
873
879
  outline-color: inherit;
874
880
  }
875
881
  .e-btn-group .e-btn:focus.e-info,
882
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
876
883
  .e-btn-group input:focus + label.e-btn.e-info,
877
884
  .e-css.e-btn-group .e-btn:focus.e-info,
885
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
878
886
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
879
887
  background: #0284c7;
880
888
  border-color: #0ea5e9;
@@ -883,8 +891,10 @@
883
891
  outline-color: inherit;
884
892
  }
885
893
  .e-btn-group .e-btn:focus.e-warning,
894
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
886
895
  .e-btn-group input:focus + label.e-btn.e-warning,
887
896
  .e-css.e-btn-group .e-btn:focus.e-warning,
897
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
888
898
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
889
899
  background: #c2410c;
890
900
  border-color: #ea580c;
@@ -893,8 +903,10 @@
893
903
  outline-color: inherit;
894
904
  }
895
905
  .e-btn-group .e-btn:focus.e-danger,
906
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
896
907
  .e-btn-group input:focus + label.e-btn.e-danger,
897
908
  .e-css.e-btn-group .e-btn:focus.e-danger,
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
898
910
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
899
911
  background: #ef4444;
900
912
  border-color: #f87171;
@@ -903,8 +915,10 @@
903
915
  outline-color: inherit;
904
916
  }
905
917
  .e-btn-group .e-btn:focus.e-link,
918
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
906
919
  .e-btn-group input:focus + label.e-btn.e-link,
907
920
  .e-css.e-btn-group .e-btn:focus.e-link,
921
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
908
922
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
909
923
  border-radius: 0;
910
924
  text-decoration: underline;
@@ -915,39 +929,51 @@
915
929
  outline: none;
916
930
  }
917
931
  .e-btn-group .e-btn:focus.e-outline,
932
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
918
933
  .e-btn-group input:focus + label.e-btn.e-outline,
919
934
  .e-css.e-btn-group .e-btn:focus.e-outline,
935
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
920
936
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
921
937
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
922
938
  box-shadow: none;
923
939
  }
924
940
  .e-btn-group .e-btn:focus.e-outline.e-primary,
941
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
925
942
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
926
943
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
944
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
927
945
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
928
946
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
929
947
  }
930
948
  .e-btn-group .e-btn:focus.e-outline.e-success,
949
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
931
950
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
932
951
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
933
953
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
934
954
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
935
955
  }
936
956
  .e-btn-group .e-btn:focus.e-outline.e-info,
957
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
937
958
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
938
959
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
960
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
939
961
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
940
962
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
941
963
  }
942
964
  .e-btn-group .e-btn:focus.e-outline.e-warning,
965
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
943
966
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
944
967
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
968
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
945
969
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
946
970
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
947
971
  }
948
972
  .e-btn-group .e-btn:focus.e-outline.e-danger,
973
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
949
974
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
950
975
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
976
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
951
977
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
952
978
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
953
979
  }
package/styles/tailwind.css CHANGED
@@ -840,8 +840,10 @@
840
840
  box-shadow: none;
841
841
  }
842
842
  .e-btn-group .e-btn:focus,
843
+ .e-btn-group input:focus-visible + label.e-btn,
843
844
  .e-btn-group input:focus + label.e-btn,
844
845
  .e-css.e-btn-group .e-btn:focus,
846
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
845
847
  .e-css.e-btn-group input:focus + label.e-btn {
846
848
  background: #f3f4f6;
847
849
  border-color: #d1d5db;
@@ -852,8 +854,10 @@
852
854
  outline-color: inherit;
853
855
  }
854
856
  .e-btn-group .e-btn:focus.e-primary,
857
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
855
858
  .e-btn-group input:focus + label.e-btn.e-primary,
856
859
  .e-css.e-btn-group .e-btn:focus.e-primary,
860
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
857
861
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
858
862
  background: #4338ca;
859
863
  border-color: #4f46e5;
@@ -863,8 +867,10 @@
863
867
  outline-color: inherit;
864
868
  }
865
869
  .e-btn-group .e-btn:focus.e-success,
870
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
866
871
  .e-btn-group input:focus + label.e-btn.e-success,
867
872
  .e-css.e-btn-group .e-btn:focus.e-success,
873
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
868
874
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
869
875
  background: #166534;
870
876
  border-color: #15803d;
@@ -873,8 +879,10 @@
873
879
  outline-color: inherit;
874
880
  }
875
881
  .e-btn-group .e-btn:focus.e-info,
882
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
876
883
  .e-btn-group input:focus + label.e-btn.e-info,
877
884
  .e-css.e-btn-group .e-btn:focus.e-info,
885
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
878
886
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
879
887
  background: #155e75;
880
888
  border-color: #0e7490;
@@ -883,8 +891,10 @@
883
891
  outline-color: inherit;
884
892
  }
885
893
  .e-btn-group .e-btn:focus.e-warning,
894
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
886
895
  .e-btn-group input:focus + label.e-btn.e-warning,
887
896
  .e-css.e-btn-group .e-btn:focus.e-warning,
897
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
888
898
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
889
899
  background: #9a3412;
890
900
  border-color: #c2410c;
@@ -893,8 +903,10 @@
893
903
  outline-color: inherit;
894
904
  }
895
905
  .e-btn-group .e-btn:focus.e-danger,
906
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
896
907
  .e-btn-group input:focus + label.e-btn.e-danger,
897
908
  .e-css.e-btn-group .e-btn:focus.e-danger,
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
898
910
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
899
911
  background: #b91c1c;
900
912
  border-color: #dc2626;
@@ -903,8 +915,10 @@
903
915
  outline-color: inherit;
904
916
  }
905
917
  .e-btn-group .e-btn:focus.e-link,
918
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
906
919
  .e-btn-group input:focus + label.e-btn.e-link,
907
920
  .e-css.e-btn-group .e-btn:focus.e-link,
921
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
908
922
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
909
923
  border-radius: 0;
910
924
  text-decoration: underline;
@@ -915,39 +929,51 @@
915
929
  outline: none;
916
930
  }
917
931
  .e-btn-group .e-btn:focus.e-outline,
932
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
918
933
  .e-btn-group input:focus + label.e-btn.e-outline,
919
934
  .e-css.e-btn-group .e-btn:focus.e-outline,
935
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
920
936
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
921
937
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
922
938
  box-shadow: none;
923
939
  }
924
940
  .e-btn-group .e-btn:focus.e-outline.e-primary,
941
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
925
942
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
926
943
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
944
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
927
945
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
928
946
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
929
947
  }
930
948
  .e-btn-group .e-btn:focus.e-outline.e-success,
949
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
931
950
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
932
951
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
933
953
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
934
954
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
935
955
  }
936
956
  .e-btn-group .e-btn:focus.e-outline.e-info,
957
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
937
958
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
938
959
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
960
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
939
961
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
940
962
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
941
963
  }
942
964
  .e-btn-group .e-btn:focus.e-outline.e-warning,
965
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
943
966
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
944
967
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
968
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
945
969
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
946
970
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
947
971
  }
948
972
  .e-btn-group .e-btn:focus.e-outline.e-danger,
973
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
949
974
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
950
975
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
976
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
951
977
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
952
978
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
953
979
  }