@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/fluent-dark.css CHANGED
@@ -802,8 +802,10 @@
802
802
  box-shadow: none;
803
803
  }
804
804
  .e-btn-group .e-btn:focus,
805
+ .e-btn-group input:focus-visible + label.e-btn,
805
806
  .e-btn-group input:focus + label.e-btn,
806
807
  .e-css.e-btn-group .e-btn:focus,
808
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
807
809
  .e-css.e-btn-group input:focus + label.e-btn {
808
810
  background: #252423;
809
811
  border-color: #8a8886;
@@ -815,8 +817,10 @@
815
817
  outline-color: inherit;
816
818
  }
817
819
  .e-btn-group .e-btn:focus.e-primary,
820
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
818
821
  .e-btn-group input:focus + label.e-btn.e-primary,
819
822
  .e-css.e-btn-group .e-btn:focus.e-primary,
823
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
820
824
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
821
825
  background: #006cbf;
822
826
  border-color: #0078d4;
@@ -827,8 +831,10 @@
827
831
  outline-color: inherit;
828
832
  }
829
833
  .e-btn-group .e-btn:focus.e-success,
834
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
830
835
  .e-btn-group input:focus + label.e-btn.e-success,
831
836
  .e-css.e-btn-group .e-btn:focus.e-success,
837
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
832
838
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
833
839
  background: #0a5f0a;
834
840
  border-color: #0b6a0b;
@@ -838,8 +844,10 @@
838
844
  outline-color: inherit;
839
845
  }
840
846
  .e-btn-group .e-btn:focus.e-info,
847
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
841
848
  .e-btn-group input:focus + label.e-btn.e-info,
842
849
  .e-css.e-btn-group .e-btn:focus.e-info,
850
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
843
851
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
844
852
  background: #03767a;
845
853
  border-color: #038387;
@@ -849,8 +857,10 @@
849
857
  outline-color: inherit;
850
858
  }
851
859
  .e-btn-group .e-btn:focus.e-warning,
860
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
852
861
  .e-btn-group input:focus + label.e-btn.e-warning,
853
862
  .e-css.e-btn-group .e-btn:focus.e-warning,
863
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
854
864
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
855
865
  background: #cf6228;
856
866
  border-color: #ca5010;
@@ -860,8 +870,10 @@
860
870
  outline-color: inherit;
861
871
  }
862
872
  .e-btn-group .e-btn:focus.e-danger,
873
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
863
874
  .e-btn-group input:focus + label.e-btn.e-danger,
864
875
  .e-css.e-btn-group .e-btn:focus.e-danger,
876
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
865
877
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
866
878
  background: #bc2f32;
867
879
  border-color: #d13438;
@@ -871,8 +883,10 @@
871
883
  outline-color: inherit;
872
884
  }
873
885
  .e-btn-group .e-btn:focus.e-link,
886
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
874
887
  .e-btn-group input:focus + label.e-btn.e-link,
875
888
  .e-css.e-btn-group .e-btn:focus.e-link,
889
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
876
890
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
877
891
  border-radius: 0;
878
892
  text-decoration: underline;
@@ -883,39 +897,51 @@
883
897
  outline: none;
884
898
  }
885
899
  .e-btn-group .e-btn:focus.e-outline,
900
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
886
901
  .e-btn-group input:focus + label.e-btn.e-outline,
887
902
  .e-css.e-btn-group .e-btn:focus.e-outline,
903
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
888
904
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
889
905
  box-shadow: 0 0 rgba(0, 0, 0, 0);
890
906
  box-shadow: none;
891
907
  }
892
908
  .e-btn-group .e-btn:focus.e-outline.e-primary,
909
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
893
910
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
894
911
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
912
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
895
913
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
896
914
  box-shadow: none;
897
915
  }
898
916
  .e-btn-group .e-btn:focus.e-outline.e-success,
917
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
899
918
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
900
919
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
920
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
901
921
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
902
922
  box-shadow: none;
903
923
  }
904
924
  .e-btn-group .e-btn:focus.e-outline.e-info,
925
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
905
926
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
906
927
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
928
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
907
929
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
908
930
  box-shadow: none;
909
931
  }
910
932
  .e-btn-group .e-btn:focus.e-outline.e-warning,
933
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
911
934
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
912
935
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
936
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
913
937
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
914
938
  box-shadow: none;
915
939
  }
916
940
  .e-btn-group .e-btn:focus.e-outline.e-danger,
941
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
917
942
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
918
943
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
944
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
919
945
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
920
946
  box-shadow: none;
921
947
  }
package/styles/fluent.css CHANGED
@@ -802,8 +802,10 @@
802
802
  box-shadow: none;
803
803
  }
804
804
  .e-btn-group .e-btn:focus,
805
+ .e-btn-group input:focus-visible + label.e-btn,
805
806
  .e-btn-group input:focus + label.e-btn,
806
807
  .e-css.e-btn-group .e-btn:focus,
808
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
807
809
  .e-css.e-btn-group input:focus + label.e-btn {
808
810
  background: #f3f2f1;
809
811
  border-color: #8a8886;
@@ -815,8 +817,10 @@
815
817
  outline-color: inherit;
816
818
  }
817
819
  .e-btn-group .e-btn:focus.e-primary,
820
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
818
821
  .e-btn-group input:focus + label.e-btn.e-primary,
819
822
  .e-css.e-btn-group .e-btn:focus.e-primary,
823
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
820
824
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
821
825
  background: #006cbf;
822
826
  border-color: #0078d4;
@@ -827,8 +831,10 @@
827
831
  outline-color: inherit;
828
832
  }
829
833
  .e-btn-group .e-btn:focus.e-success,
834
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
830
835
  .e-btn-group input:focus + label.e-btn.e-success,
831
836
  .e-css.e-btn-group .e-btn:focus.e-success,
837
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
832
838
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
833
839
  background: #0a5f0a;
834
840
  border-color: #0b6a0b;
@@ -838,8 +844,10 @@
838
844
  outline-color: inherit;
839
845
  }
840
846
  .e-btn-group .e-btn:focus.e-info,
847
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
841
848
  .e-btn-group input:focus + label.e-btn.e-info,
842
849
  .e-css.e-btn-group .e-btn:focus.e-info,
850
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
843
851
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
844
852
  background: #03767a;
845
853
  border-color: #038387;
@@ -849,8 +857,10 @@
849
857
  outline-color: inherit;
850
858
  }
851
859
  .e-btn-group .e-btn:focus.e-warning,
860
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
852
861
  .e-btn-group input:focus + label.e-btn.e-warning,
853
862
  .e-css.e-btn-group .e-btn:focus.e-warning,
863
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
854
864
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
855
865
  background: #cf6228;
856
866
  border-color: #ca5010;
@@ -860,8 +870,10 @@
860
870
  outline-color: inherit;
861
871
  }
862
872
  .e-btn-group .e-btn:focus.e-danger,
873
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
863
874
  .e-btn-group input:focus + label.e-btn.e-danger,
864
875
  .e-css.e-btn-group .e-btn:focus.e-danger,
876
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
865
877
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
866
878
  background: #bc2f32;
867
879
  border-color: #d13438;
@@ -871,8 +883,10 @@
871
883
  outline-color: inherit;
872
884
  }
873
885
  .e-btn-group .e-btn:focus.e-link,
886
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
874
887
  .e-btn-group input:focus + label.e-btn.e-link,
875
888
  .e-css.e-btn-group .e-btn:focus.e-link,
889
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
876
890
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
877
891
  border-radius: 0;
878
892
  text-decoration: underline;
@@ -883,39 +897,51 @@
883
897
  outline: none;
884
898
  }
885
899
  .e-btn-group .e-btn:focus.e-outline,
900
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
886
901
  .e-btn-group input:focus + label.e-btn.e-outline,
887
902
  .e-css.e-btn-group .e-btn:focus.e-outline,
903
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
888
904
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
889
905
  box-shadow: 0 0 rgba(0, 0, 0, 0);
890
906
  box-shadow: none;
891
907
  }
892
908
  .e-btn-group .e-btn:focus.e-outline.e-primary,
909
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
893
910
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
894
911
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
912
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
895
913
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
896
914
  box-shadow: none;
897
915
  }
898
916
  .e-btn-group .e-btn:focus.e-outline.e-success,
917
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
899
918
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
900
919
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
920
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
901
921
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
902
922
  box-shadow: none;
903
923
  }
904
924
  .e-btn-group .e-btn:focus.e-outline.e-info,
925
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
905
926
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
906
927
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
928
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
907
929
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
908
930
  box-shadow: none;
909
931
  }
910
932
  .e-btn-group .e-btn:focus.e-outline.e-warning,
933
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
911
934
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
912
935
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
936
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
913
937
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
914
938
  box-shadow: none;
915
939
  }
916
940
  .e-btn-group .e-btn:focus.e-outline.e-danger,
941
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
917
942
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
918
943
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
944
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
919
945
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
920
946
  box-shadow: none;
921
947
  }
package/styles/highcontrast-light.css CHANGED
@@ -808,8 +808,10 @@
808
808
  box-shadow: none;
809
809
  }
810
810
  .e-btn-group .e-btn:focus,
811
+ .e-btn-group input:focus-visible + label.e-btn,
811
812
  .e-btn-group input:focus + label.e-btn,
812
813
  .e-css.e-btn-group .e-btn:focus,
814
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
813
815
  .e-css.e-btn-group input:focus + label.e-btn {
814
816
  background: #fff;
815
817
  border-color: #000;
@@ -821,8 +823,10 @@
821
823
  outline-color: inherit;
822
824
  }
823
825
  .e-btn-group .e-btn:focus.e-primary,
826
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
824
827
  .e-btn-group input:focus + label.e-btn.e-primary,
825
828
  .e-css.e-btn-group .e-btn:focus.e-primary,
829
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
826
830
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
831
  background: #400074;
828
832
  border-color: #400074;
@@ -833,8 +837,10 @@
833
837
  outline-color: #fff;
834
838
  }
835
839
  .e-btn-group .e-btn:focus.e-success,
840
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
836
841
  .e-btn-group input:focus + label.e-btn.e-success,
837
842
  .e-css.e-btn-group .e-btn:focus.e-success,
843
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
838
844
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
845
  background: #2bc700;
840
846
  border-color: #166600;
@@ -844,8 +850,10 @@
844
850
  outline-color: inherit;
845
851
  }
846
852
  .e-btn-group .e-btn:focus.e-info,
853
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
847
854
  .e-btn-group input:focus + label.e-btn.e-info,
848
855
  .e-css.e-btn-group .e-btn:focus.e-info,
856
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
849
857
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
858
  background: #66b0ff;
851
859
  border-color: #0056b3;
@@ -855,8 +863,10 @@
855
863
  outline-color: inherit;
856
864
  }
857
865
  .e-btn-group .e-btn:focus.e-warning,
866
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
858
867
  .e-btn-group input:focus + label.e-btn.e-warning,
859
868
  .e-css.e-btn-group .e-btn:focus.e-warning,
869
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
860
870
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
871
  background: #ff7d1a;
862
872
  border-color: #944000;
@@ -866,8 +876,10 @@
866
876
  outline-color: inherit;
867
877
  }
868
878
  .e-btn-group .e-btn:focus.e-danger,
879
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
869
880
  .e-btn-group input:focus + label.e-btn.e-danger,
870
881
  .e-css.e-btn-group .e-btn:focus.e-danger,
882
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
871
883
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
884
  background: #ff6161;
873
885
  border-color: #b30900;
@@ -877,8 +889,10 @@
877
889
  outline-color: inherit;
878
890
  }
879
891
  .e-btn-group .e-btn:focus.e-link,
892
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
880
893
  .e-btn-group input:focus + label.e-btn.e-link,
881
894
  .e-css.e-btn-group .e-btn:focus.e-link,
895
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
882
896
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
883
897
  border-radius: 0;
884
898
  text-decoration: underline;
@@ -889,39 +903,51 @@
889
903
  outline: none;
890
904
  }
891
905
  .e-btn-group .e-btn:focus.e-outline,
906
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
892
907
  .e-btn-group input:focus + label.e-btn.e-outline,
893
908
  .e-css.e-btn-group .e-btn:focus.e-outline,
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
894
910
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
895
911
  box-shadow: none;
896
912
  box-shadow: none;
897
913
  }
898
914
  .e-btn-group .e-btn:focus.e-outline.e-primary,
915
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
899
916
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
900
917
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
918
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
901
919
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
902
920
  box-shadow: none;
903
921
  }
904
922
  .e-btn-group .e-btn:focus.e-outline.e-success,
923
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
905
924
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
906
925
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
926
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
907
927
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
908
928
  box-shadow: none;
909
929
  }
910
930
  .e-btn-group .e-btn:focus.e-outline.e-info,
931
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
911
932
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
912
933
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
934
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
913
935
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
914
936
  box-shadow: none;
915
937
  }
916
938
  .e-btn-group .e-btn:focus.e-outline.e-warning,
939
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
917
940
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
918
941
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
942
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
919
943
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
920
944
  box-shadow: none;
921
945
  }
922
946
  .e-btn-group .e-btn:focus.e-outline.e-danger,
947
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
923
948
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
924
949
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
950
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
925
951
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
926
952
  box-shadow: none;
927
953
  }
package/styles/highcontrast.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: #000;
816
818
  border-color: #fff;
@@ -823,8 +825,10 @@
823
825
  outline-offset: -4px;
824
826
  }
825
827
  .e-btn-group .e-btn:focus.e-primary,
828
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
826
829
  .e-btn-group input:focus + label.e-btn.e-primary,
827
830
  .e-css.e-btn-group .e-btn:focus.e-primary,
831
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
828
832
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
829
833
  background: #ffd939;
830
834
  border-color: #ffd939;
@@ -835,8 +839,10 @@
835
839
  outline-color: #000;
836
840
  }
837
841
  .e-btn-group .e-btn:focus.e-success,
842
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
838
843
  .e-btn-group input:focus + label.e-btn.e-success,
839
844
  .e-css.e-btn-group .e-btn:focus.e-success,
845
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
840
846
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
841
847
  background: #166600;
842
848
  border-color: #166600;
@@ -846,8 +852,10 @@
846
852
  outline-color: inherit;
847
853
  }
848
854
  .e-btn-group .e-btn:focus.e-info,
855
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
849
856
  .e-btn-group input:focus + label.e-btn.e-info,
850
857
  .e-css.e-btn-group .e-btn:focus.e-info,
858
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
851
859
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
852
860
  background: #0056b3;
853
861
  border-color: #0056b3;
@@ -857,8 +865,10 @@
857
865
  outline-color: inherit;
858
866
  }
859
867
  .e-btn-group .e-btn:focus.e-warning,
868
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
860
869
  .e-btn-group input:focus + label.e-btn.e-warning,
861
870
  .e-css.e-btn-group .e-btn:focus.e-warning,
871
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
862
872
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
863
873
  background: #944000;
864
874
  border-color: #944000;
@@ -868,8 +878,10 @@
868
878
  outline-color: inherit;
869
879
  }
870
880
  .e-btn-group .e-btn:focus.e-danger,
881
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
871
882
  .e-btn-group input:focus + label.e-btn.e-danger,
872
883
  .e-css.e-btn-group .e-btn:focus.e-danger,
884
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
873
885
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
874
886
  background: #b30900;
875
887
  border-color: #b30900;
@@ -879,8 +891,10 @@
879
891
  outline-color: inherit;
880
892
  }
881
893
  .e-btn-group .e-btn:focus.e-link,
894
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
882
895
  .e-btn-group input:focus + label.e-btn.e-link,
883
896
  .e-css.e-btn-group .e-btn:focus.e-link,
897
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
884
898
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
885
899
  border-radius: 0;
886
900
  text-decoration: underline;
@@ -891,39 +905,51 @@
891
905
  outline: none;
892
906
  }
893
907
  .e-btn-group .e-btn:focus.e-outline,
908
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
894
909
  .e-btn-group input:focus + label.e-btn.e-outline,
895
910
  .e-css.e-btn-group .e-btn:focus.e-outline,
911
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
896
912
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
897
913
  box-shadow: none;
898
914
  box-shadow: none;
899
915
  }
900
916
  .e-btn-group .e-btn:focus.e-outline.e-primary,
917
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
901
918
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
902
919
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
920
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
903
921
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
904
922
  box-shadow: none;
905
923
  }
906
924
  .e-btn-group .e-btn:focus.e-outline.e-success,
925
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
907
926
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
908
927
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
928
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
909
929
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
910
930
  box-shadow: none;
911
931
  }
912
932
  .e-btn-group .e-btn:focus.e-outline.e-info,
933
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
913
934
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
914
935
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
936
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
915
937
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
916
938
  box-shadow: none;
917
939
  }
918
940
  .e-btn-group .e-btn:focus.e-outline.e-warning,
941
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
919
942
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
920
943
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
944
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
921
945
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
922
946
  box-shadow: none;
923
947
  }
924
948
  .e-btn-group .e-btn:focus.e-outline.e-danger,
949
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
925
950
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
926
951
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
927
953
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
928
954
  box-shadow: none;
929
955
  }
package/styles/material-dark.css CHANGED
@@ -808,8 +808,10 @@
808
808
  box-shadow: none;
809
809
  }
810
810
  .e-btn-group .e-btn:focus,
811
+ .e-btn-group input:focus-visible + label.e-btn,
811
812
  .e-btn-group input:focus + label.e-btn,
812
813
  .e-css.e-btn-group .e-btn:focus,
814
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
813
815
  .e-css.e-btn-group input:focus + label.e-btn {
814
816
  background: #878787;
815
817
  border-color: transparent;
@@ -821,8 +823,10 @@
821
823
  outline-color: inherit;
822
824
  }
823
825
  .e-btn-group .e-btn:focus.e-primary,
826
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
824
827
  .e-btn-group input:focus + label.e-btn.e-primary,
825
828
  .e-css.e-btn-group .e-btn:focus.e-primary,
829
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
826
830
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
831
  background: #0086c2;
828
832
  border-color: transparent;
@@ -833,8 +837,10 @@
833
837
  outline-color: inherit;
834
838
  }
835
839
  .e-btn-group .e-btn:focus.e-success,
840
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
836
841
  .e-btn-group input:focus + label.e-btn.e-success,
837
842
  .e-css.e-btn-group .e-btn:focus.e-success,
843
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
838
844
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
845
  background: #77c27a;
840
846
  border-color: transparent;
@@ -844,8 +850,10 @@
844
850
  outline-color: inherit;
845
851
  }
846
852
  .e-btn-group .e-btn:focus.e-info,
853
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
847
854
  .e-btn-group input:focus + label.e-btn.e-info,
848
855
  .e-css.e-btn-group .e-btn:focus.e-info,
856
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
849
857
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
858
  background: #3fbef7;
851
859
  border-color: transparent;
@@ -855,8 +863,10 @@
855
863
  outline-color: inherit;
856
864
  }
857
865
  .e-btn-group .e-btn:focus.e-warning,
866
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
858
867
  .e-btn-group input:focus + label.e-btn.e-warning,
859
868
  .e-css.e-btn-group .e-btn:focus.e-warning,
869
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
860
870
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
871
  background: #ffb13d;
862
872
  border-color: transparent;
@@ -866,8 +876,10 @@
866
876
  outline-color: inherit;
867
877
  }
868
878
  .e-btn-group .e-btn:focus.e-danger,
879
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
869
880
  .e-btn-group input:focus + label.e-btn.e-danger,
870
881
  .e-css.e-btn-group .e-btn:focus.e-danger,
882
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
871
883
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
884
  background: #ff8b7c;
873
885
  border-color: transparent;
@@ -877,8 +889,10 @@
877
889
  outline-color: inherit;
878
890
  }
879
891
  .e-btn-group .e-btn:focus.e-link,
892
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
880
893
  .e-btn-group input:focus + label.e-btn.e-link,
881
894
  .e-css.e-btn-group .e-btn:focus.e-link,
895
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
882
896
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
883
897
  border-radius: 0;
884
898
  text-decoration: underline;
@@ -889,39 +903,51 @@
889
903
  outline: none;
890
904
  }
891
905
  .e-btn-group .e-btn:focus.e-outline,
906
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
892
907
  .e-btn-group input:focus + label.e-btn.e-outline,
893
908
  .e-css.e-btn-group .e-btn:focus.e-outline,
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
894
910
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
895
911
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
896
912
  box-shadow: none;
897
913
  }
898
914
  .e-btn-group .e-btn:focus.e-outline.e-primary,
915
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
899
916
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
900
917
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
918
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
901
919
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
902
920
  box-shadow: none;
903
921
  }
904
922
  .e-btn-group .e-btn:focus.e-outline.e-success,
923
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
905
924
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
906
925
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
926
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
907
927
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
908
928
  box-shadow: none;
909
929
  }
910
930
  .e-btn-group .e-btn:focus.e-outline.e-info,
931
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
911
932
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
912
933
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
934
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
913
935
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
914
936
  box-shadow: none;
915
937
  }
916
938
  .e-btn-group .e-btn:focus.e-outline.e-warning,
939
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
917
940
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
918
941
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
942
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
919
943
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
920
944
  box-shadow: none;
921
945
  }
922
946
  .e-btn-group .e-btn:focus.e-outline.e-danger,
947
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
923
948
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
924
949
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
950
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
925
951
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
926
952
  box-shadow: none;
927
953
  }