@syncfusion/ej2-splitbuttons 25.2.3 → 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 +7 -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 +6 -6
  7. package/styles/bootstrap-dark.css +39 -13
  8. package/styles/bootstrap.css +39 -13
  9. package/styles/bootstrap4.css +39 -13
  10. package/styles/bootstrap5-dark.css +39 -13
  11. package/styles/bootstrap5.css +39 -13
  12. package/styles/button-group/_theme.scss +2 -1
  13. package/styles/button-group/bootstrap-dark.css +39 -13
  14. package/styles/button-group/bootstrap.css +39 -13
  15. package/styles/button-group/bootstrap4.css +39 -13
  16. package/styles/button-group/bootstrap5-dark.css +39 -13
  17. package/styles/button-group/bootstrap5.css +39 -13
  18. package/styles/button-group/fabric-dark.css +39 -13
  19. package/styles/button-group/fabric.css +39 -13
  20. package/styles/button-group/fluent-dark.css +39 -13
  21. package/styles/button-group/fluent.css +39 -13
  22. package/styles/button-group/highcontrast-light.css +39 -13
  23. package/styles/button-group/highcontrast.css +39 -13
  24. package/styles/button-group/material-dark.css +39 -13
  25. package/styles/button-group/material.css +39 -13
  26. package/styles/button-group/material3-dark.css +39 -13
  27. package/styles/button-group/material3.css +39 -13
  28. package/styles/button-group/tailwind-dark.css +39 -13
  29. package/styles/button-group/tailwind.css +39 -13
  30. package/styles/fabric-dark.css +39 -13
  31. package/styles/fabric.css +39 -13
  32. package/styles/fluent-dark.css +39 -13
  33. package/styles/fluent.css +39 -13
  34. package/styles/highcontrast-light.css +39 -13
  35. package/styles/highcontrast.css +39 -13
  36. package/styles/material-dark.css +39 -13
  37. package/styles/material.css +39 -13
  38. package/styles/material3-dark.css +39 -13
  39. package/styles/material3.css +39 -13
  40. package/styles/tailwind-dark.css +39 -13
  41. package/styles/tailwind.css +39 -13
package/styles/tailwind-dark.css CHANGED
@@ -841,8 +841,10 @@
841
841
  }
842
842
  .e-btn-group .e-btn:focus,
843
843
  .e-btn-group input:focus-visible + label.e-btn,
844
+ .e-btn-group input:focus + label.e-btn,
844
845
  .e-css.e-btn-group .e-btn:focus,
845
- .e-css.e-btn-group input:focus-visible + label.e-btn {
846
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
847
+ .e-css.e-btn-group input:focus + label.e-btn {
846
848
  background: #374151;
847
849
  border-color: #6b7280;
848
850
  color: #fff;
@@ -853,8 +855,10 @@
853
855
  }
854
856
  .e-btn-group .e-btn:focus.e-primary,
855
857
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
858
+ .e-btn-group input:focus + label.e-btn.e-primary,
856
859
  .e-css.e-btn-group .e-btn:focus.e-primary,
857
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
860
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
861
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
858
862
  background: #06b6d4;
859
863
  border-color: #22d3ee;
860
864
  color: #000;
@@ -864,8 +868,10 @@
864
868
  }
865
869
  .e-btn-group .e-btn:focus.e-success,
866
870
  .e-btn-group input:focus-visible + label.e-btn.e-success,
871
+ .e-btn-group input:focus + label.e-btn.e-success,
867
872
  .e-css.e-btn-group .e-btn:focus.e-success,
868
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
873
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
874
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
869
875
  background: #16a34a;
870
876
  border-color: #22c55e;
871
877
  color: #000;
@@ -874,8 +880,10 @@
874
880
  }
875
881
  .e-btn-group .e-btn:focus.e-info,
876
882
  .e-btn-group input:focus-visible + label.e-btn.e-info,
883
+ .e-btn-group input:focus + label.e-btn.e-info,
877
884
  .e-css.e-btn-group .e-btn:focus.e-info,
878
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
885
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
886
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
879
887
  background: #0284c7;
880
888
  border-color: #0ea5e9;
881
889
  color: #fff;
@@ -884,8 +892,10 @@
884
892
  }
885
893
  .e-btn-group .e-btn:focus.e-warning,
886
894
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
895
+ .e-btn-group input:focus + label.e-btn.e-warning,
887
896
  .e-css.e-btn-group .e-btn:focus.e-warning,
888
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
897
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
898
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
889
899
  background: #c2410c;
890
900
  border-color: #ea580c;
891
901
  color: #fff;
@@ -894,8 +904,10 @@
894
904
  }
895
905
  .e-btn-group .e-btn:focus.e-danger,
896
906
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
907
+ .e-btn-group input:focus + label.e-btn.e-danger,
897
908
  .e-css.e-btn-group .e-btn:focus.e-danger,
898
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
910
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
899
911
  background: #ef4444;
900
912
  border-color: #f87171;
901
913
  color: #000;
@@ -904,8 +916,10 @@
904
916
  }
905
917
  .e-btn-group .e-btn:focus.e-link,
906
918
  .e-btn-group input:focus-visible + label.e-btn.e-link,
919
+ .e-btn-group input:focus + label.e-btn.e-link,
907
920
  .e-css.e-btn-group .e-btn:focus.e-link,
908
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
921
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
922
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
909
923
  border-radius: 0;
910
924
  text-decoration: underline;
911
925
  color: #67e8f9;
@@ -916,39 +930,51 @@
916
930
  }
917
931
  .e-btn-group .e-btn:focus.e-outline,
918
932
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
933
+ .e-btn-group input:focus + label.e-btn.e-outline,
919
934
  .e-css.e-btn-group .e-btn:focus.e-outline,
920
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
935
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
925
941
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
927
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
944
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
931
949
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
933
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
937
957
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
939
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
960
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
943
965
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
945
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
968
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
949
973
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
951
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
976
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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
  }
954
980
  .e-btn-group .e-btn:active,
package/styles/tailwind.css CHANGED
@@ -841,8 +841,10 @@
841
841
  }
842
842
  .e-btn-group .e-btn:focus,
843
843
  .e-btn-group input:focus-visible + label.e-btn,
844
+ .e-btn-group input:focus + label.e-btn,
844
845
  .e-css.e-btn-group .e-btn:focus,
845
- .e-css.e-btn-group input:focus-visible + label.e-btn {
846
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
847
+ .e-css.e-btn-group input:focus + label.e-btn {
846
848
  background: #f3f4f6;
847
849
  border-color: #d1d5db;
848
850
  color: #374151;
@@ -853,8 +855,10 @@
853
855
  }
854
856
  .e-btn-group .e-btn:focus.e-primary,
855
857
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
858
+ .e-btn-group input:focus + label.e-btn.e-primary,
856
859
  .e-css.e-btn-group .e-btn:focus.e-primary,
857
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
860
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
861
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
858
862
  background: #4338ca;
859
863
  border-color: #4f46e5;
860
864
  color: #fff;
@@ -864,8 +868,10 @@
864
868
  }
865
869
  .e-btn-group .e-btn:focus.e-success,
866
870
  .e-btn-group input:focus-visible + label.e-btn.e-success,
871
+ .e-btn-group input:focus + label.e-btn.e-success,
867
872
  .e-css.e-btn-group .e-btn:focus.e-success,
868
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
873
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
874
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
869
875
  background: #166534;
870
876
  border-color: #15803d;
871
877
  color: #fff;
@@ -874,8 +880,10 @@
874
880
  }
875
881
  .e-btn-group .e-btn:focus.e-info,
876
882
  .e-btn-group input:focus-visible + label.e-btn.e-info,
883
+ .e-btn-group input:focus + label.e-btn.e-info,
877
884
  .e-css.e-btn-group .e-btn:focus.e-info,
878
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
885
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
886
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
879
887
  background: #155e75;
880
888
  border-color: #0e7490;
881
889
  color: #fff;
@@ -884,8 +892,10 @@
884
892
  }
885
893
  .e-btn-group .e-btn:focus.e-warning,
886
894
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
895
+ .e-btn-group input:focus + label.e-btn.e-warning,
887
896
  .e-css.e-btn-group .e-btn:focus.e-warning,
888
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
897
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
898
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
889
899
  background: #9a3412;
890
900
  border-color: #c2410c;
891
901
  color: #fff;
@@ -894,8 +904,10 @@
894
904
  }
895
905
  .e-btn-group .e-btn:focus.e-danger,
896
906
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
907
+ .e-btn-group input:focus + label.e-btn.e-danger,
897
908
  .e-css.e-btn-group .e-btn:focus.e-danger,
898
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
910
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
899
911
  background: #b91c1c;
900
912
  border-color: #dc2626;
901
913
  color: #fff;
@@ -904,8 +916,10 @@
904
916
  }
905
917
  .e-btn-group .e-btn:focus.e-link,
906
918
  .e-btn-group input:focus-visible + label.e-btn.e-link,
919
+ .e-btn-group input:focus + label.e-btn.e-link,
907
920
  .e-css.e-btn-group .e-btn:focus.e-link,
908
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
921
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
922
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
909
923
  border-radius: 0;
910
924
  text-decoration: underline;
911
925
  color: #3730a3;
@@ -916,39 +930,51 @@
916
930
  }
917
931
  .e-btn-group .e-btn:focus.e-outline,
918
932
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
933
+ .e-btn-group input:focus + label.e-btn.e-outline,
919
934
  .e-css.e-btn-group .e-btn:focus.e-outline,
920
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
935
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
925
941
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
927
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
944
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
931
949
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
933
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
937
957
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
939
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
960
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
943
965
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
945
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
968
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
949
973
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
951
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
976
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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
  }
954
980
  .e-btn-group .e-btn:active,