@syncfusion/ej2-splitbuttons 25.1.38 → 25.2.3

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 +2 -0
  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 -26
  8. package/styles/bootstrap.css +26 -26
  9. package/styles/bootstrap4.css +26 -26
  10. package/styles/bootstrap5-dark.css +26 -26
  11. package/styles/bootstrap5.css +26 -26
  12. package/styles/button-group/_theme.scss +1 -1
  13. package/styles/button-group/bootstrap-dark.css +26 -26
  14. package/styles/button-group/bootstrap.css +26 -26
  15. package/styles/button-group/bootstrap4.css +26 -26
  16. package/styles/button-group/bootstrap5-dark.css +26 -26
  17. package/styles/button-group/bootstrap5.css +26 -26
  18. package/styles/button-group/fabric-dark.css +26 -26
  19. package/styles/button-group/fabric.css +26 -26
  20. package/styles/button-group/fluent-dark.css +26 -26
  21. package/styles/button-group/fluent.css +26 -26
  22. package/styles/button-group/highcontrast-light.css +26 -26
  23. package/styles/button-group/highcontrast.css +26 -26
  24. package/styles/button-group/material-dark.css +26 -26
  25. package/styles/button-group/material.css +26 -26
  26. package/styles/button-group/material3-dark.css +26 -26
  27. package/styles/button-group/material3.css +26 -26
  28. package/styles/button-group/tailwind-dark.css +26 -26
  29. package/styles/button-group/tailwind.css +26 -26
  30. package/styles/fabric-dark.css +26 -26
  31. package/styles/fabric.css +26 -26
  32. package/styles/fluent-dark.css +26 -26
  33. package/styles/fluent.css +26 -26
  34. package/styles/highcontrast-light.css +26 -26
  35. package/styles/highcontrast.css +26 -26
  36. package/styles/material-dark.css +26 -26
  37. package/styles/material.css +26 -26
  38. package/styles/material3-dark.css +26 -26
  39. package/styles/material3.css +26 -26
  40. package/styles/tailwind-dark.css +26 -26
  41. package/styles/tailwind.css +26 -26
package/styles/highcontrast-light.css CHANGED
@@ -808,9 +808,9 @@
808
808
  box-shadow: none;
809
809
  }
810
810
  .e-btn-group .e-btn:focus,
811
- .e-btn-group input:focus + label.e-btn,
811
+ .e-btn-group input:focus-visible + label.e-btn,
812
812
  .e-css.e-btn-group .e-btn:focus,
813
- .e-css.e-btn-group input:focus + label.e-btn {
813
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
814
814
  background: #fff;
815
815
  border-color: #000;
816
816
  color: #000;
@@ -821,9 +821,9 @@
821
821
  outline-color: inherit;
822
822
  }
823
823
  .e-btn-group .e-btn:focus.e-primary,
824
- .e-btn-group input:focus + label.e-btn.e-primary,
824
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
825
825
  .e-css.e-btn-group .e-btn:focus.e-primary,
826
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
826
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
827
827
  background: #400074;
828
828
  border-color: #400074;
829
829
  color: #fff;
@@ -833,9 +833,9 @@
833
833
  outline-color: #fff;
834
834
  }
835
835
  .e-btn-group .e-btn:focus.e-success,
836
- .e-btn-group input:focus + label.e-btn.e-success,
836
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
837
837
  .e-css.e-btn-group .e-btn:focus.e-success,
838
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
838
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
839
839
  background: #2bc700;
840
840
  border-color: #166600;
841
841
  color: #000;
@@ -844,9 +844,9 @@
844
844
  outline-color: inherit;
845
845
  }
846
846
  .e-btn-group .e-btn:focus.e-info,
847
- .e-btn-group input:focus + label.e-btn.e-info,
847
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
848
848
  .e-css.e-btn-group .e-btn:focus.e-info,
849
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
849
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
850
850
  background: #66b0ff;
851
851
  border-color: #0056b3;
852
852
  color: #000;
@@ -855,9 +855,9 @@
855
855
  outline-color: inherit;
856
856
  }
857
857
  .e-btn-group .e-btn:focus.e-warning,
858
- .e-btn-group input:focus + label.e-btn.e-warning,
858
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
859
859
  .e-css.e-btn-group .e-btn:focus.e-warning,
860
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
860
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
861
861
  background: #ff7d1a;
862
862
  border-color: #944000;
863
863
  color: #000;
@@ -866,9 +866,9 @@
866
866
  outline-color: inherit;
867
867
  }
868
868
  .e-btn-group .e-btn:focus.e-danger,
869
- .e-btn-group input:focus + label.e-btn.e-danger,
869
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
870
870
  .e-css.e-btn-group .e-btn:focus.e-danger,
871
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
871
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
872
872
  background: #ff6161;
873
873
  border-color: #b30900;
874
874
  color: #000;
@@ -877,9 +877,9 @@
877
877
  outline-color: inherit;
878
878
  }
879
879
  .e-btn-group .e-btn:focus.e-link,
880
- .e-btn-group input:focus + label.e-btn.e-link,
880
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
881
881
  .e-css.e-btn-group .e-btn:focus.e-link,
882
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
882
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
883
883
  border-radius: 0;
884
884
  text-decoration: underline;
885
885
  color: #8a8aff;
@@ -889,40 +889,40 @@
889
889
  outline: none;
890
890
  }
891
891
  .e-btn-group .e-btn:focus.e-outline,
892
- .e-btn-group input:focus + label.e-btn.e-outline,
892
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
893
893
  .e-css.e-btn-group .e-btn:focus.e-outline,
894
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
894
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
895
895
  box-shadow: none;
896
896
  box-shadow: none;
897
897
  }
898
898
  .e-btn-group .e-btn:focus.e-outline.e-primary,
899
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
899
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
900
900
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
901
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
901
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
902
902
  box-shadow: none;
903
903
  }
904
904
  .e-btn-group .e-btn:focus.e-outline.e-success,
905
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
905
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
906
906
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
907
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
907
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
908
908
  box-shadow: none;
909
909
  }
910
910
  .e-btn-group .e-btn:focus.e-outline.e-info,
911
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
911
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
912
912
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
913
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
913
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
914
914
  box-shadow: none;
915
915
  }
916
916
  .e-btn-group .e-btn:focus.e-outline.e-warning,
917
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
917
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
918
918
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
919
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
919
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
920
920
  box-shadow: none;
921
921
  }
922
922
  .e-btn-group .e-btn:focus.e-outline.e-danger,
923
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
923
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
924
924
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
925
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
925
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
926
926
  box-shadow: none;
927
927
  }
928
928
  .e-btn-group .e-btn:active,
package/styles/highcontrast.css CHANGED
@@ -809,9 +809,9 @@
809
809
  box-shadow: none;
810
810
  }
811
811
  .e-btn-group .e-btn:focus,
812
- .e-btn-group input:focus + label.e-btn,
812
+ .e-btn-group input:focus-visible + label.e-btn,
813
813
  .e-css.e-btn-group .e-btn:focus,
814
- .e-css.e-btn-group input:focus + label.e-btn {
814
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
815
815
  background: #000;
816
816
  border-color: #fff;
817
817
  color: #fff;
@@ -823,9 +823,9 @@
823
823
  outline-offset: -4px;
824
824
  }
825
825
  .e-btn-group .e-btn:focus.e-primary,
826
- .e-btn-group input:focus + label.e-btn.e-primary,
826
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
827
827
  .e-css.e-btn-group .e-btn:focus.e-primary,
828
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
828
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
829
829
  background: #ffd939;
830
830
  border-color: #ffd939;
831
831
  color: #000;
@@ -835,9 +835,9 @@
835
835
  outline-color: #000;
836
836
  }
837
837
  .e-btn-group .e-btn:focus.e-success,
838
- .e-btn-group input:focus + label.e-btn.e-success,
838
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
839
839
  .e-css.e-btn-group .e-btn:focus.e-success,
840
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
840
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
841
841
  background: #166600;
842
842
  border-color: #166600;
843
843
  color: #fff;
@@ -846,9 +846,9 @@
846
846
  outline-color: inherit;
847
847
  }
848
848
  .e-btn-group .e-btn:focus.e-info,
849
- .e-btn-group input:focus + label.e-btn.e-info,
849
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
850
850
  .e-css.e-btn-group .e-btn:focus.e-info,
851
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
851
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
852
852
  background: #0056b3;
853
853
  border-color: #0056b3;
854
854
  color: #fff;
@@ -857,9 +857,9 @@
857
857
  outline-color: inherit;
858
858
  }
859
859
  .e-btn-group .e-btn:focus.e-warning,
860
- .e-btn-group input:focus + label.e-btn.e-warning,
860
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
861
861
  .e-css.e-btn-group .e-btn:focus.e-warning,
862
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
862
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
863
863
  background: #944000;
864
864
  border-color: #944000;
865
865
  color: #fff;
@@ -868,9 +868,9 @@
868
868
  outline-color: inherit;
869
869
  }
870
870
  .e-btn-group .e-btn:focus.e-danger,
871
- .e-btn-group input:focus + label.e-btn.e-danger,
871
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
872
872
  .e-css.e-btn-group .e-btn:focus.e-danger,
873
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
873
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
874
874
  background: #b30900;
875
875
  border-color: #b30900;
876
876
  color: #fff;
@@ -879,9 +879,9 @@
879
879
  outline-color: inherit;
880
880
  }
881
881
  .e-btn-group .e-btn:focus.e-link,
882
- .e-btn-group input:focus + label.e-btn.e-link,
882
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
883
883
  .e-css.e-btn-group .e-btn:focus.e-link,
884
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
884
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
885
885
  border-radius: 0;
886
886
  text-decoration: underline;
887
887
  color: #8a8aff;
@@ -891,40 +891,40 @@
891
891
  outline: none;
892
892
  }
893
893
  .e-btn-group .e-btn:focus.e-outline,
894
- .e-btn-group input:focus + label.e-btn.e-outline,
894
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
895
895
  .e-css.e-btn-group .e-btn:focus.e-outline,
896
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
896
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
897
897
  box-shadow: none;
898
898
  box-shadow: none;
899
899
  }
900
900
  .e-btn-group .e-btn:focus.e-outline.e-primary,
901
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
901
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
902
902
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
903
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
903
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
904
904
  box-shadow: none;
905
905
  }
906
906
  .e-btn-group .e-btn:focus.e-outline.e-success,
907
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
907
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
908
908
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
909
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
910
910
  box-shadow: none;
911
911
  }
912
912
  .e-btn-group .e-btn:focus.e-outline.e-info,
913
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
913
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
914
914
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
915
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
915
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
916
916
  box-shadow: none;
917
917
  }
918
918
  .e-btn-group .e-btn:focus.e-outline.e-warning,
919
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
919
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
920
920
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
921
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
921
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
922
922
  box-shadow: none;
923
923
  }
924
924
  .e-btn-group .e-btn:focus.e-outline.e-danger,
925
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
925
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
926
926
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
927
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
927
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
928
928
  box-shadow: none;
929
929
  }
930
930
  .e-btn-group .e-btn:active,
package/styles/material-dark.css CHANGED
@@ -808,9 +808,9 @@
808
808
  box-shadow: none;
809
809
  }
810
810
  .e-btn-group .e-btn:focus,
811
- .e-btn-group input:focus + label.e-btn,
811
+ .e-btn-group input:focus-visible + label.e-btn,
812
812
  .e-css.e-btn-group .e-btn:focus,
813
- .e-css.e-btn-group input:focus + label.e-btn {
813
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
814
814
  background: #878787;
815
815
  border-color: transparent;
816
816
  color: #fff;
@@ -821,9 +821,9 @@
821
821
  outline-color: inherit;
822
822
  }
823
823
  .e-btn-group .e-btn:focus.e-primary,
824
- .e-btn-group input:focus + label.e-btn.e-primary,
824
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
825
825
  .e-css.e-btn-group .e-btn:focus.e-primary,
826
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
826
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
827
827
  background: #0086c2;
828
828
  border-color: transparent;
829
829
  color: #000;
@@ -833,9 +833,9 @@
833
833
  outline-color: inherit;
834
834
  }
835
835
  .e-btn-group .e-btn:focus.e-success,
836
- .e-btn-group input:focus + label.e-btn.e-success,
836
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
837
837
  .e-css.e-btn-group .e-btn:focus.e-success,
838
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
838
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
839
839
  background: #77c27a;
840
840
  border-color: transparent;
841
841
  color: #fff;
@@ -844,9 +844,9 @@
844
844
  outline-color: inherit;
845
845
  }
846
846
  .e-btn-group .e-btn:focus.e-info,
847
- .e-btn-group input:focus + label.e-btn.e-info,
847
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
848
848
  .e-css.e-btn-group .e-btn:focus.e-info,
849
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
849
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
850
850
  background: #3fbef7;
851
851
  border-color: transparent;
852
852
  color: #fff;
@@ -855,9 +855,9 @@
855
855
  outline-color: inherit;
856
856
  }
857
857
  .e-btn-group .e-btn:focus.e-warning,
858
- .e-btn-group input:focus + label.e-btn.e-warning,
858
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
859
859
  .e-css.e-btn-group .e-btn:focus.e-warning,
860
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
860
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
861
861
  background: #ffb13d;
862
862
  border-color: transparent;
863
863
  color: #fff;
@@ -866,9 +866,9 @@
866
866
  outline-color: inherit;
867
867
  }
868
868
  .e-btn-group .e-btn:focus.e-danger,
869
- .e-btn-group input:focus + label.e-btn.e-danger,
869
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
870
870
  .e-css.e-btn-group .e-btn:focus.e-danger,
871
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
871
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
872
872
  background: #ff8b7c;
873
873
  border-color: transparent;
874
874
  color: #fff;
@@ -877,9 +877,9 @@
877
877
  outline-color: inherit;
878
878
  }
879
879
  .e-btn-group .e-btn:focus.e-link,
880
- .e-btn-group input:focus + label.e-btn.e-link,
880
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
881
881
  .e-css.e-btn-group .e-btn:focus.e-link,
882
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
882
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
883
883
  border-radius: 0;
884
884
  text-decoration: underline;
885
885
  color: #20b0e9;
@@ -889,40 +889,40 @@
889
889
  outline: none;
890
890
  }
891
891
  .e-btn-group .e-btn:focus.e-outline,
892
- .e-btn-group input:focus + label.e-btn.e-outline,
892
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
893
893
  .e-css.e-btn-group .e-btn:focus.e-outline,
894
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
894
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
895
895
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
896
896
  box-shadow: none;
897
897
  }
898
898
  .e-btn-group .e-btn:focus.e-outline.e-primary,
899
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
899
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
900
900
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
901
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
901
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
902
902
  box-shadow: none;
903
903
  }
904
904
  .e-btn-group .e-btn:focus.e-outline.e-success,
905
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
905
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
906
906
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
907
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
907
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
908
908
  box-shadow: none;
909
909
  }
910
910
  .e-btn-group .e-btn:focus.e-outline.e-info,
911
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
911
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
912
912
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
913
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
913
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
914
914
  box-shadow: none;
915
915
  }
916
916
  .e-btn-group .e-btn:focus.e-outline.e-warning,
917
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
917
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
918
918
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
919
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
919
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
920
920
  box-shadow: none;
921
921
  }
922
922
  .e-btn-group .e-btn:focus.e-outline.e-danger,
923
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
923
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
924
924
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
925
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
925
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
926
926
  box-shadow: none;
927
927
  }
928
928
  .e-btn-group .e-btn:active,
package/styles/material.css CHANGED
@@ -809,9 +809,9 @@
809
809
  box-shadow: none;
810
810
  }
811
811
  .e-btn-group .e-btn:focus,
812
- .e-btn-group input:focus + label.e-btn,
812
+ .e-btn-group input:focus-visible + label.e-btn,
813
813
  .e-css.e-btn-group .e-btn:focus,
814
- .e-css.e-btn-group input:focus + label.e-btn {
814
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
815
815
  background: rgba(0, 0, 0, 0.18);
816
816
  border-color: transparent;
817
817
  color: rgba(0, 0, 0, 0.87);
@@ -822,9 +822,9 @@
822
822
  outline-color: inherit;
823
823
  }
824
824
  .e-btn-group .e-btn:focus.e-primary,
825
- .e-btn-group input:focus + label.e-btn.e-primary,
825
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
826
826
  .e-css.e-btn-group .e-btn:focus.e-primary,
827
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
828
828
  background: #ea4e82;
829
829
  border-color: transparent;
830
830
  color: #fff;
@@ -834,9 +834,9 @@
834
834
  outline-color: inherit;
835
835
  }
836
836
  .e-btn-group .e-btn:focus.e-success,
837
- .e-btn-group input:focus + label.e-btn.e-success,
837
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
838
838
  .e-css.e-btn-group .e-btn:focus.e-success,
839
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
840
840
  background: #78a253;
841
841
  border-color: transparent;
842
842
  color: #fff;
@@ -845,9 +845,9 @@
845
845
  outline-color: inherit;
846
846
  }
847
847
  .e-btn-group .e-btn:focus.e-info,
848
- .e-btn-group input:focus + label.e-btn.e-info,
848
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
849
849
  .e-css.e-btn-group .e-btn:focus.e-info,
850
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
851
851
  background: #3f98df;
852
852
  border-color: transparent;
853
853
  color: #fff;
@@ -856,9 +856,9 @@
856
856
  outline-color: inherit;
857
857
  }
858
858
  .e-btn-group .e-btn:focus.e-warning,
859
- .e-btn-group input:focus + label.e-btn.e-warning,
859
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
860
860
  .e-css.e-btn-group .e-btn:focus.e-warning,
861
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
862
862
  background: #d07f3d;
863
863
  border-color: transparent;
864
864
  color: #fff;
@@ -867,9 +867,9 @@
867
867
  outline-color: inherit;
868
868
  }
869
869
  .e-btn-group .e-btn:focus.e-danger,
870
- .e-btn-group input:focus + label.e-btn.e-danger,
870
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
871
871
  .e-css.e-btn-group .e-btn:focus.e-danger,
872
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
873
873
  background: #e06f4c;
874
874
  border-color: transparent;
875
875
  color: #fff;
@@ -878,9 +878,9 @@
878
878
  outline-color: inherit;
879
879
  }
880
880
  .e-btn-group .e-btn:focus.e-link,
881
- .e-btn-group input:focus + label.e-btn.e-link,
881
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
882
882
  .e-css.e-btn-group .e-btn:focus.e-link,
883
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
883
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
884
884
  border-radius: 0;
885
885
  text-decoration: underline;
886
886
  color: #0a3576;
@@ -890,40 +890,40 @@
890
890
  outline: none;
891
891
  }
892
892
  .e-btn-group .e-btn:focus.e-outline,
893
- .e-btn-group input:focus + label.e-btn.e-outline,
893
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
894
894
  .e-css.e-btn-group .e-btn:focus.e-outline,
895
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
895
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
896
896
  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
897
  box-shadow: none;
898
898
  }
899
899
  .e-btn-group .e-btn:focus.e-outline.e-primary,
900
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
900
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
901
901
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
902
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
902
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
903
903
  box-shadow: none;
904
904
  }
905
905
  .e-btn-group .e-btn:focus.e-outline.e-success,
906
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
906
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
907
907
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
908
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
908
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
909
909
  box-shadow: none;
910
910
  }
911
911
  .e-btn-group .e-btn:focus.e-outline.e-info,
912
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
912
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
913
913
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
914
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
914
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
915
915
  box-shadow: none;
916
916
  }
917
917
  .e-btn-group .e-btn:focus.e-outline.e-warning,
918
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
918
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
919
919
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
920
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
920
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
921
921
  box-shadow: none;
922
922
  }
923
923
  .e-btn-group .e-btn:focus.e-outline.e-danger,
924
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
924
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
925
925
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
926
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
926
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
927
927
  box-shadow: none;
928
928
  }
929
929
  .e-btn-group .e-btn:active,