@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/material-dark.css CHANGED
@@ -809,8 +809,10 @@
809
809
  }
810
810
  .e-btn-group .e-btn:focus,
811
811
  .e-btn-group input:focus-visible + label.e-btn,
812
+ .e-btn-group input:focus + label.e-btn,
812
813
  .e-css.e-btn-group .e-btn:focus,
813
- .e-css.e-btn-group input:focus-visible + label.e-btn {
814
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
815
+ .e-css.e-btn-group input:focus + label.e-btn {
814
816
  background: #878787;
815
817
  border-color: transparent;
816
818
  color: #fff;
@@ -822,8 +824,10 @@
822
824
  }
823
825
  .e-btn-group .e-btn:focus.e-primary,
824
826
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
827
+ .e-btn-group input:focus + label.e-btn.e-primary,
825
828
  .e-css.e-btn-group .e-btn:focus.e-primary,
826
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
829
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
830
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
831
  background: #0086c2;
828
832
  border-color: transparent;
829
833
  color: #000;
@@ -834,8 +838,10 @@
834
838
  }
835
839
  .e-btn-group .e-btn:focus.e-success,
836
840
  .e-btn-group input:focus-visible + label.e-btn.e-success,
841
+ .e-btn-group input:focus + label.e-btn.e-success,
837
842
  .e-css.e-btn-group .e-btn:focus.e-success,
838
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
843
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
844
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
845
  background: #77c27a;
840
846
  border-color: transparent;
841
847
  color: #fff;
@@ -845,8 +851,10 @@
845
851
  }
846
852
  .e-btn-group .e-btn:focus.e-info,
847
853
  .e-btn-group input:focus-visible + label.e-btn.e-info,
854
+ .e-btn-group input:focus + label.e-btn.e-info,
848
855
  .e-css.e-btn-group .e-btn:focus.e-info,
849
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
856
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
857
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
858
  background: #3fbef7;
851
859
  border-color: transparent;
852
860
  color: #fff;
@@ -856,8 +864,10 @@
856
864
  }
857
865
  .e-btn-group .e-btn:focus.e-warning,
858
866
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
867
+ .e-btn-group input:focus + label.e-btn.e-warning,
859
868
  .e-css.e-btn-group .e-btn:focus.e-warning,
860
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
869
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
870
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
871
  background: #ffb13d;
862
872
  border-color: transparent;
863
873
  color: #fff;
@@ -867,8 +877,10 @@
867
877
  }
868
878
  .e-btn-group .e-btn:focus.e-danger,
869
879
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
880
+ .e-btn-group input:focus + label.e-btn.e-danger,
870
881
  .e-css.e-btn-group .e-btn:focus.e-danger,
871
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
882
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
883
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
884
  background: #ff8b7c;
873
885
  border-color: transparent;
874
886
  color: #fff;
@@ -878,8 +890,10 @@
878
890
  }
879
891
  .e-btn-group .e-btn:focus.e-link,
880
892
  .e-btn-group input:focus-visible + label.e-btn.e-link,
893
+ .e-btn-group input:focus + label.e-btn.e-link,
881
894
  .e-css.e-btn-group .e-btn:focus.e-link,
882
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
895
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
896
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
883
897
  border-radius: 0;
884
898
  text-decoration: underline;
885
899
  color: #20b0e9;
@@ -890,39 +904,51 @@
890
904
  }
891
905
  .e-btn-group .e-btn:focus.e-outline,
892
906
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
907
+ .e-btn-group input:focus + label.e-btn.e-outline,
893
908
  .e-css.e-btn-group .e-btn:focus.e-outline,
894
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
899
915
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
901
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
918
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
905
923
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
907
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
926
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
911
931
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
913
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
934
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
917
939
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
919
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
942
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
923
947
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
925
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
950
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
951
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
926
952
  box-shadow: none;
927
953
  }
928
954
  .e-btn-group .e-btn:active,
package/styles/material.css CHANGED
@@ -810,8 +810,10 @@
810
810
  }
811
811
  .e-btn-group .e-btn:focus,
812
812
  .e-btn-group input:focus-visible + label.e-btn,
813
+ .e-btn-group input:focus + label.e-btn,
813
814
  .e-css.e-btn-group .e-btn:focus,
814
- .e-css.e-btn-group input:focus-visible + label.e-btn {
815
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
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;
817
819
  color: rgba(0, 0, 0, 0.87);
@@ -823,8 +825,10 @@
823
825
  }
824
826
  .e-btn-group .e-btn:focus.e-primary,
825
827
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
828
+ .e-btn-group input:focus + label.e-btn.e-primary,
826
829
  .e-css.e-btn-group .e-btn:focus.e-primary,
827
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
830
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
831
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
828
832
  background: #ea4e82;
829
833
  border-color: transparent;
830
834
  color: #fff;
@@ -835,8 +839,10 @@
835
839
  }
836
840
  .e-btn-group .e-btn:focus.e-success,
837
841
  .e-btn-group input:focus-visible + label.e-btn.e-success,
842
+ .e-btn-group input:focus + label.e-btn.e-success,
838
843
  .e-css.e-btn-group .e-btn:focus.e-success,
839
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
844
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
845
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
840
846
  background: #78a253;
841
847
  border-color: transparent;
842
848
  color: #fff;
@@ -846,8 +852,10 @@
846
852
  }
847
853
  .e-btn-group .e-btn:focus.e-info,
848
854
  .e-btn-group input:focus-visible + label.e-btn.e-info,
855
+ .e-btn-group input:focus + label.e-btn.e-info,
849
856
  .e-css.e-btn-group .e-btn:focus.e-info,
850
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
857
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
858
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
851
859
  background: #3f98df;
852
860
  border-color: transparent;
853
861
  color: #fff;
@@ -857,8 +865,10 @@
857
865
  }
858
866
  .e-btn-group .e-btn:focus.e-warning,
859
867
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
868
+ .e-btn-group input:focus + label.e-btn.e-warning,
860
869
  .e-css.e-btn-group .e-btn:focus.e-warning,
861
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
870
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
871
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
862
872
  background: #d07f3d;
863
873
  border-color: transparent;
864
874
  color: #fff;
@@ -868,8 +878,10 @@
868
878
  }
869
879
  .e-btn-group .e-btn:focus.e-danger,
870
880
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
881
+ .e-btn-group input:focus + label.e-btn.e-danger,
871
882
  .e-css.e-btn-group .e-btn:focus.e-danger,
872
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
883
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
884
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
873
885
  background: #e06f4c;
874
886
  border-color: transparent;
875
887
  color: #fff;
@@ -879,8 +891,10 @@
879
891
  }
880
892
  .e-btn-group .e-btn:focus.e-link,
881
893
  .e-btn-group input:focus-visible + label.e-btn.e-link,
894
+ .e-btn-group input:focus + label.e-btn.e-link,
882
895
  .e-css.e-btn-group .e-btn:focus.e-link,
883
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
896
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
897
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
884
898
  border-radius: 0;
885
899
  text-decoration: underline;
886
900
  color: #0a3576;
@@ -891,39 +905,51 @@
891
905
  }
892
906
  .e-btn-group .e-btn:focus.e-outline,
893
907
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
908
+ .e-btn-group input:focus + label.e-btn.e-outline,
894
909
  .e-css.e-btn-group .e-btn:focus.e-outline,
895
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
910
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
900
916
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
902
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
919
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
906
924
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
908
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
927
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
912
932
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
914
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
935
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
918
940
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
920
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
943
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
924
948
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
926
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
951
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
952
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
927
953
  box-shadow: none;
928
954
  }
929
955
  .e-btn-group .e-btn:active,
package/styles/material3-dark.css CHANGED
@@ -947,8 +947,10 @@
947
947
  }
948
948
  .e-btn-group .e-btn:focus,
949
949
  .e-btn-group input:focus-visible + label.e-btn,
950
+ .e-btn-group input:focus + label.e-btn,
950
951
  .e-css.e-btn-group .e-btn:focus,
951
- .e-css.e-btn-group input:focus-visible + label.e-btn {
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
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));
954
956
  color: rgba(var(--color-sf-on-surface));
@@ -960,8 +962,10 @@
960
962
  }
961
963
  .e-btn-group .e-btn:focus.e-primary,
962
964
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
965
+ .e-btn-group input:focus + label.e-btn.e-primary,
963
966
  .e-css.e-btn-group .e-btn:focus.e-primary,
964
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
967
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
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));
967
971
  color: rgba(var(--color-sf-on-primary));
@@ -972,8 +976,10 @@
972
976
  }
973
977
  .e-btn-group .e-btn:focus.e-success,
974
978
  .e-btn-group input:focus-visible + label.e-btn.e-success,
979
+ .e-btn-group input:focus + label.e-btn.e-success,
975
980
  .e-css.e-btn-group .e-btn:focus.e-success,
976
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
981
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
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));
979
985
  color: rgba(var(--color-sf-success-text));
@@ -983,8 +989,10 @@
983
989
  }
984
990
  .e-btn-group .e-btn:focus.e-info,
985
991
  .e-btn-group input:focus-visible + label.e-btn.e-info,
992
+ .e-btn-group input:focus + label.e-btn.e-info,
986
993
  .e-css.e-btn-group .e-btn:focus.e-info,
987
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
994
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
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));
990
998
  color: rgba(var(--color-sf-info-text));
@@ -994,8 +1002,10 @@
994
1002
  }
995
1003
  .e-btn-group .e-btn:focus.e-warning,
996
1004
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
1005
+ .e-btn-group input:focus + label.e-btn.e-warning,
997
1006
  .e-css.e-btn-group .e-btn:focus.e-warning,
998
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
1007
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
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));
1001
1011
  color: rgba(var(--color-sf-warning-text));
@@ -1005,8 +1015,10 @@
1005
1015
  }
1006
1016
  .e-btn-group .e-btn:focus.e-danger,
1007
1017
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
1018
+ .e-btn-group input:focus + label.e-btn.e-danger,
1008
1019
  .e-css.e-btn-group .e-btn:focus.e-danger,
1009
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1020
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
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));
1012
1024
  color: rgba(var(--color-sf-danger-text));
@@ -1016,8 +1028,10 @@
1016
1028
  }
1017
1029
  .e-btn-group .e-btn:focus.e-link,
1018
1030
  .e-btn-group input:focus-visible + label.e-btn.e-link,
1031
+ .e-btn-group input:focus + label.e-btn.e-link,
1019
1032
  .e-css.e-btn-group .e-btn:focus.e-link,
1020
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
1033
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1034
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
1021
1035
  border-radius: 0;
1022
1036
  text-decoration: underline;
1023
1037
  color: rgba(var(--color-sf-info));
@@ -1028,8 +1042,10 @@
1028
1042
  }
1029
1043
  .e-btn-group .e-btn:focus.e-outline,
1030
1044
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
1045
+ .e-btn-group input:focus + label.e-btn.e-outline,
1031
1046
  .e-css.e-btn-group .e-btn:focus.e-outline,
1032
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1047
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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));
1035
1051
  color: rgba(var(--color-sf-on-surface));
@@ -1037,8 +1053,10 @@
1037
1053
  }
1038
1054
  .e-btn-group .e-btn:focus.e-outline.e-primary,
1039
1055
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
1041
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
1058
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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));
1044
1062
  color: rgba(var(--color-sf-primary));
@@ -1046,8 +1064,10 @@
1046
1064
  }
1047
1065
  .e-btn-group .e-btn:focus.e-outline.e-success,
1048
1066
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
1050
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
1069
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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));
1053
1073
  color: rgba(var(--color-sf-success));
@@ -1055,8 +1075,10 @@
1055
1075
  }
1056
1076
  .e-btn-group .e-btn:focus.e-outline.e-info,
1057
1077
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
1059
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
1080
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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));
1062
1084
  color: rgba(var(--color-sf-info));
@@ -1064,8 +1086,10 @@
1064
1086
  }
1065
1087
  .e-btn-group .e-btn:focus.e-outline.e-warning,
1066
1088
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
1068
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
1091
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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));
1071
1095
  color: rgba(var(--color-sf-warning));
@@ -1073,8 +1097,10 @@
1073
1097
  }
1074
1098
  .e-btn-group .e-btn:focus.e-outline.e-danger,
1075
1099
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
1077
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1102
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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));
1080
1106
  color: rgba(var(--color-sf-error));
package/styles/material3.css CHANGED
@@ -997,8 +997,10 @@
997
997
  }
998
998
  .e-btn-group .e-btn:focus,
999
999
  .e-btn-group input:focus-visible + label.e-btn,
1000
+ .e-btn-group input:focus + label.e-btn,
1000
1001
  .e-css.e-btn-group .e-btn:focus,
1001
- .e-css.e-btn-group input:focus-visible + label.e-btn {
1002
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
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));
1004
1006
  color: rgba(var(--color-sf-on-surface));
@@ -1010,8 +1012,10 @@
1010
1012
  }
1011
1013
  .e-btn-group .e-btn:focus.e-primary,
1012
1014
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
1015
+ .e-btn-group input:focus + label.e-btn.e-primary,
1013
1016
  .e-css.e-btn-group .e-btn:focus.e-primary,
1014
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
1017
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
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));
1017
1021
  color: rgba(var(--color-sf-on-primary));
@@ -1022,8 +1026,10 @@
1022
1026
  }
1023
1027
  .e-btn-group .e-btn:focus.e-success,
1024
1028
  .e-btn-group input:focus-visible + label.e-btn.e-success,
1029
+ .e-btn-group input:focus + label.e-btn.e-success,
1025
1030
  .e-css.e-btn-group .e-btn:focus.e-success,
1026
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
1031
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
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));
1029
1035
  color: rgba(var(--color-sf-success-text));
@@ -1033,8 +1039,10 @@
1033
1039
  }
1034
1040
  .e-btn-group .e-btn:focus.e-info,
1035
1041
  .e-btn-group input:focus-visible + label.e-btn.e-info,
1042
+ .e-btn-group input:focus + label.e-btn.e-info,
1036
1043
  .e-css.e-btn-group .e-btn:focus.e-info,
1037
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
1044
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
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));
1040
1048
  color: rgba(var(--color-sf-info-text));
@@ -1044,8 +1052,10 @@
1044
1052
  }
1045
1053
  .e-btn-group .e-btn:focus.e-warning,
1046
1054
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
1055
+ .e-btn-group input:focus + label.e-btn.e-warning,
1047
1056
  .e-css.e-btn-group .e-btn:focus.e-warning,
1048
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
1057
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
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));
1051
1061
  color: rgba(var(--color-sf-warning-text));
@@ -1055,8 +1065,10 @@
1055
1065
  }
1056
1066
  .e-btn-group .e-btn:focus.e-danger,
1057
1067
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
1068
+ .e-btn-group input:focus + label.e-btn.e-danger,
1058
1069
  .e-css.e-btn-group .e-btn:focus.e-danger,
1059
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1070
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
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));
1062
1074
  color: rgba(var(--color-sf-danger-text));
@@ -1066,8 +1078,10 @@
1066
1078
  }
1067
1079
  .e-btn-group .e-btn:focus.e-link,
1068
1080
  .e-btn-group input:focus-visible + label.e-btn.e-link,
1081
+ .e-btn-group input:focus + label.e-btn.e-link,
1069
1082
  .e-css.e-btn-group .e-btn:focus.e-link,
1070
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
1083
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1084
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
1071
1085
  border-radius: 0;
1072
1086
  text-decoration: underline;
1073
1087
  color: rgba(var(--color-sf-info));
@@ -1078,8 +1092,10 @@
1078
1092
  }
1079
1093
  .e-btn-group .e-btn:focus.e-outline,
1080
1094
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
1095
+ .e-btn-group input:focus + label.e-btn.e-outline,
1081
1096
  .e-css.e-btn-group .e-btn:focus.e-outline,
1082
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1097
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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));
1085
1101
  color: rgba(var(--color-sf-on-surface));
@@ -1087,8 +1103,10 @@
1087
1103
  }
1088
1104
  .e-btn-group .e-btn:focus.e-outline.e-primary,
1089
1105
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
1091
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
1108
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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));
1094
1112
  color: rgba(var(--color-sf-primary));
@@ -1096,8 +1114,10 @@
1096
1114
  }
1097
1115
  .e-btn-group .e-btn:focus.e-outline.e-success,
1098
1116
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
1100
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
1119
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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));
1103
1123
  color: rgba(var(--color-sf-success));
@@ -1105,8 +1125,10 @@
1105
1125
  }
1106
1126
  .e-btn-group .e-btn:focus.e-outline.e-info,
1107
1127
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
1109
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
1130
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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));
1112
1134
  color: rgba(var(--color-sf-info));
@@ -1114,8 +1136,10 @@
1114
1136
  }
1115
1137
  .e-btn-group .e-btn:focus.e-outline.e-warning,
1116
1138
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
1118
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
1141
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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));
1121
1145
  color: rgba(var(--color-sf-warning));
@@ -1123,8 +1147,10 @@
1123
1147
  }
1124
1148
  .e-btn-group .e-btn:focus.e-outline.e-danger,
1125
1149
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
1127
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1152
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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));
1130
1156
  color: rgba(var(--color-sf-error));