@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/material3-dark.css CHANGED
@@ -946,9 +946,9 @@
946
946
  z-index: 1;
947
947
  }
948
948
  .e-btn-group .e-btn:focus,
949
- .e-btn-group input:focus + label.e-btn,
949
+ .e-btn-group input:focus-visible + label.e-btn,
950
950
  .e-css.e-btn-group .e-btn:focus,
951
- .e-css.e-btn-group input:focus + label.e-btn {
951
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
952
952
  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
953
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
954
954
  color: rgba(var(--color-sf-on-surface));
@@ -959,9 +959,9 @@
959
959
  outline-color: inherit;
960
960
  }
961
961
  .e-btn-group .e-btn:focus.e-primary,
962
- .e-btn-group input:focus + label.e-btn.e-primary,
962
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
963
963
  .e-css.e-btn-group .e-btn:focus.e-primary,
964
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
964
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
965
965
  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
966
  border-color: rgba(var(--color-sf-primary));
967
967
  color: rgba(var(--color-sf-on-primary));
@@ -971,9 +971,9 @@
971
971
  outline-color: inherit;
972
972
  }
973
973
  .e-btn-group .e-btn:focus.e-success,
974
- .e-btn-group input:focus + label.e-btn.e-success,
974
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
975
975
  .e-css.e-btn-group .e-btn:focus.e-success,
976
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
976
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
977
977
  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
978
  border-color: rgba(var(--color-sf-success));
979
979
  color: rgba(var(--color-sf-success-text));
@@ -982,9 +982,9 @@
982
982
  outline-color: inherit;
983
983
  }
984
984
  .e-btn-group .e-btn:focus.e-info,
985
- .e-btn-group input:focus + label.e-btn.e-info,
985
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
986
986
  .e-css.e-btn-group .e-btn:focus.e-info,
987
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
987
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
988
988
  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
989
  border-color: rgba(var(--color-sf-info));
990
990
  color: rgba(var(--color-sf-info-text));
@@ -993,9 +993,9 @@
993
993
  outline-color: inherit;
994
994
  }
995
995
  .e-btn-group .e-btn:focus.e-warning,
996
- .e-btn-group input:focus + label.e-btn.e-warning,
996
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
997
997
  .e-css.e-btn-group .e-btn:focus.e-warning,
998
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
998
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
999
999
  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
1000
  border-color: rgba(var(--color-sf-warning));
1001
1001
  color: rgba(var(--color-sf-warning-text));
@@ -1004,9 +1004,9 @@
1004
1004
  outline-color: inherit;
1005
1005
  }
1006
1006
  .e-btn-group .e-btn:focus.e-danger,
1007
- .e-btn-group input:focus + label.e-btn.e-danger,
1007
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1008
1008
  .e-css.e-btn-group .e-btn:focus.e-danger,
1009
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1009
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1010
1010
  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
1011
  border-color: rgba(var(--color-sf-error));
1012
1012
  color: rgba(var(--color-sf-danger-text));
@@ -1015,9 +1015,9 @@
1015
1015
  outline-color: inherit;
1016
1016
  }
1017
1017
  .e-btn-group .e-btn:focus.e-link,
1018
- .e-btn-group input:focus + label.e-btn.e-link,
1018
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
1019
1019
  .e-css.e-btn-group .e-btn:focus.e-link,
1020
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
1020
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
1021
1021
  border-radius: 0;
1022
1022
  text-decoration: underline;
1023
1023
  color: rgba(var(--color-sf-info));
@@ -1027,54 +1027,54 @@
1027
1027
  outline: none;
1028
1028
  }
1029
1029
  .e-btn-group .e-btn:focus.e-outline,
1030
- .e-btn-group input:focus + label.e-btn.e-outline,
1030
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1031
1031
  .e-css.e-btn-group .e-btn:focus.e-outline,
1032
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1032
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1033
1033
  background: rgba(var(--color-sf-on-surface), 0.12);
1034
1034
  border: 1px solid rgba(var(--color-sf-outline));
1035
1035
  color: rgba(var(--color-sf-on-surface));
1036
1036
  box-shadow: none;
1037
1037
  }
1038
1038
  .e-btn-group .e-btn:focus.e-outline.e-primary,
1039
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1039
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1040
1040
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1041
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1041
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
1042
1042
  background: rgba(var(--color-sf-primary), 0.12);
1043
1043
  border: 1px solid rgba(var(--color-sf-outline));
1044
1044
  color: rgba(var(--color-sf-primary));
1045
1045
  box-shadow: none;
1046
1046
  }
1047
1047
  .e-btn-group .e-btn:focus.e-outline.e-success,
1048
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1048
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1049
1049
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1050
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1050
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
1051
1051
  background: rgba(var(--color-sf-success), 0.12);
1052
1052
  border: 1px solid rgba(var(--color-sf-outline));
1053
1053
  color: rgba(var(--color-sf-success));
1054
1054
  box-shadow: none;
1055
1055
  }
1056
1056
  .e-btn-group .e-btn:focus.e-outline.e-info,
1057
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1057
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1058
1058
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1059
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1059
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
1060
1060
  background: rgba(var(--color-sf-info), 0.12);
1061
1061
  border: 1px solid rgba(var(--color-sf-outline));
1062
1062
  color: rgba(var(--color-sf-info));
1063
1063
  box-shadow: none;
1064
1064
  }
1065
1065
  .e-btn-group .e-btn:focus.e-outline.e-warning,
1066
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1066
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1067
1067
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1068
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1068
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
1069
1069
  background: rgba(var(--color-sf-warning), 0.12);
1070
1070
  border: 1px solid rgba(var(--color-sf-outline));
1071
1071
  color: rgba(var(--color-sf-warning));
1072
1072
  box-shadow: none;
1073
1073
  }
1074
1074
  .e-btn-group .e-btn:focus.e-outline.e-danger,
1075
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1075
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1076
1076
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1077
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1077
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1078
1078
  background: rgba(var(--color-sf-error), 0.12);
1079
1079
  border: 1px solid rgba(var(--color-sf-outline));
1080
1080
  color: rgba(var(--color-sf-error));
package/styles/material3.css CHANGED
@@ -996,9 +996,9 @@
996
996
  z-index: 1;
997
997
  }
998
998
  .e-btn-group .e-btn:focus,
999
- .e-btn-group input:focus + label.e-btn,
999
+ .e-btn-group input:focus-visible + label.e-btn,
1000
1000
  .e-css.e-btn-group .e-btn:focus,
1001
- .e-css.e-btn-group input:focus + label.e-btn {
1001
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
1002
1002
  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
1003
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1004
1004
  color: rgba(var(--color-sf-on-surface));
@@ -1009,9 +1009,9 @@
1009
1009
  outline-color: inherit;
1010
1010
  }
1011
1011
  .e-btn-group .e-btn:focus.e-primary,
1012
- .e-btn-group input:focus + label.e-btn.e-primary,
1012
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1013
1013
  .e-css.e-btn-group .e-btn:focus.e-primary,
1014
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1014
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
1015
1015
  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
1016
  border-color: rgba(var(--color-sf-primary));
1017
1017
  color: rgba(var(--color-sf-on-primary));
@@ -1021,9 +1021,9 @@
1021
1021
  outline-color: inherit;
1022
1022
  }
1023
1023
  .e-btn-group .e-btn:focus.e-success,
1024
- .e-btn-group input:focus + label.e-btn.e-success,
1024
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1025
1025
  .e-css.e-btn-group .e-btn:focus.e-success,
1026
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
1026
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
1027
1027
  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
1028
  border-color: rgba(var(--color-sf-success));
1029
1029
  color: rgba(var(--color-sf-success-text));
@@ -1032,9 +1032,9 @@
1032
1032
  outline-color: inherit;
1033
1033
  }
1034
1034
  .e-btn-group .e-btn:focus.e-info,
1035
- .e-btn-group input:focus + label.e-btn.e-info,
1035
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1036
1036
  .e-css.e-btn-group .e-btn:focus.e-info,
1037
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
1037
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
1038
1038
  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
1039
  border-color: rgba(var(--color-sf-info));
1040
1040
  color: rgba(var(--color-sf-info-text));
@@ -1043,9 +1043,9 @@
1043
1043
  outline-color: inherit;
1044
1044
  }
1045
1045
  .e-btn-group .e-btn:focus.e-warning,
1046
- .e-btn-group input:focus + label.e-btn.e-warning,
1046
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1047
1047
  .e-css.e-btn-group .e-btn:focus.e-warning,
1048
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1048
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
1049
1049
  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
1050
  border-color: rgba(var(--color-sf-warning));
1051
1051
  color: rgba(var(--color-sf-warning-text));
@@ -1054,9 +1054,9 @@
1054
1054
  outline-color: inherit;
1055
1055
  }
1056
1056
  .e-btn-group .e-btn:focus.e-danger,
1057
- .e-btn-group input:focus + label.e-btn.e-danger,
1057
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1058
1058
  .e-css.e-btn-group .e-btn:focus.e-danger,
1059
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1059
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1060
1060
  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
1061
  border-color: rgba(var(--color-sf-error));
1062
1062
  color: rgba(var(--color-sf-danger-text));
@@ -1065,9 +1065,9 @@
1065
1065
  outline-color: inherit;
1066
1066
  }
1067
1067
  .e-btn-group .e-btn:focus.e-link,
1068
- .e-btn-group input:focus + label.e-btn.e-link,
1068
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
1069
1069
  .e-css.e-btn-group .e-btn:focus.e-link,
1070
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
1070
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
1071
1071
  border-radius: 0;
1072
1072
  text-decoration: underline;
1073
1073
  color: rgba(var(--color-sf-info));
@@ -1077,54 +1077,54 @@
1077
1077
  outline: none;
1078
1078
  }
1079
1079
  .e-btn-group .e-btn:focus.e-outline,
1080
- .e-btn-group input:focus + label.e-btn.e-outline,
1080
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1081
1081
  .e-css.e-btn-group .e-btn:focus.e-outline,
1082
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1082
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1083
1083
  background: rgba(var(--color-sf-on-surface), 0.12);
1084
1084
  border: 1px solid rgba(var(--color-sf-outline));
1085
1085
  color: rgba(var(--color-sf-on-surface));
1086
1086
  box-shadow: none;
1087
1087
  }
1088
1088
  .e-btn-group .e-btn:focus.e-outline.e-primary,
1089
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1089
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1090
1090
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1091
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1091
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
1092
1092
  background: rgba(var(--color-sf-primary), 0.12);
1093
1093
  border: 1px solid rgba(var(--color-sf-outline));
1094
1094
  color: rgba(var(--color-sf-primary));
1095
1095
  box-shadow: none;
1096
1096
  }
1097
1097
  .e-btn-group .e-btn:focus.e-outline.e-success,
1098
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1098
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1099
1099
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1100
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1100
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
1101
1101
  background: rgba(var(--color-sf-success), 0.12);
1102
1102
  border: 1px solid rgba(var(--color-sf-outline));
1103
1103
  color: rgba(var(--color-sf-success));
1104
1104
  box-shadow: none;
1105
1105
  }
1106
1106
  .e-btn-group .e-btn:focus.e-outline.e-info,
1107
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1107
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1108
1108
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1109
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1109
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
1110
1110
  background: rgba(var(--color-sf-info), 0.12);
1111
1111
  border: 1px solid rgba(var(--color-sf-outline));
1112
1112
  color: rgba(var(--color-sf-info));
1113
1113
  box-shadow: none;
1114
1114
  }
1115
1115
  .e-btn-group .e-btn:focus.e-outline.e-warning,
1116
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1116
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1117
1117
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1118
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1118
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
1119
1119
  background: rgba(var(--color-sf-warning), 0.12);
1120
1120
  border: 1px solid rgba(var(--color-sf-outline));
1121
1121
  color: rgba(var(--color-sf-warning));
1122
1122
  box-shadow: none;
1123
1123
  }
1124
1124
  .e-btn-group .e-btn:focus.e-outline.e-danger,
1125
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1125
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1126
1126
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1127
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1127
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1128
1128
  background: rgba(var(--color-sf-error), 0.12);
1129
1129
  border: 1px solid rgba(var(--color-sf-outline));
1130
1130
  color: rgba(var(--color-sf-error));
package/styles/tailwind-dark.css CHANGED
@@ -840,9 +840,9 @@
840
840
  box-shadow: none;
841
841
  }
842
842
  .e-btn-group .e-btn:focus,
843
- .e-btn-group input:focus + label.e-btn,
843
+ .e-btn-group input:focus-visible + label.e-btn,
844
844
  .e-css.e-btn-group .e-btn:focus,
845
- .e-css.e-btn-group input:focus + label.e-btn {
845
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
846
846
  background: #374151;
847
847
  border-color: #6b7280;
848
848
  color: #fff;
@@ -852,9 +852,9 @@
852
852
  outline-color: inherit;
853
853
  }
854
854
  .e-btn-group .e-btn:focus.e-primary,
855
- .e-btn-group input:focus + label.e-btn.e-primary,
855
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
856
856
  .e-css.e-btn-group .e-btn:focus.e-primary,
857
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
857
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
858
858
  background: #06b6d4;
859
859
  border-color: #22d3ee;
860
860
  color: #000;
@@ -863,9 +863,9 @@
863
863
  outline-color: inherit;
864
864
  }
865
865
  .e-btn-group .e-btn:focus.e-success,
866
- .e-btn-group input:focus + label.e-btn.e-success,
866
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
867
867
  .e-css.e-btn-group .e-btn:focus.e-success,
868
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
868
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
869
869
  background: #16a34a;
870
870
  border-color: #22c55e;
871
871
  color: #000;
@@ -873,9 +873,9 @@
873
873
  outline-color: inherit;
874
874
  }
875
875
  .e-btn-group .e-btn:focus.e-info,
876
- .e-btn-group input:focus + label.e-btn.e-info,
876
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
877
877
  .e-css.e-btn-group .e-btn:focus.e-info,
878
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
878
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
879
879
  background: #0284c7;
880
880
  border-color: #0ea5e9;
881
881
  color: #fff;
@@ -883,9 +883,9 @@
883
883
  outline-color: inherit;
884
884
  }
885
885
  .e-btn-group .e-btn:focus.e-warning,
886
- .e-btn-group input:focus + label.e-btn.e-warning,
886
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
887
887
  .e-css.e-btn-group .e-btn:focus.e-warning,
888
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
888
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
889
889
  background: #c2410c;
890
890
  border-color: #ea580c;
891
891
  color: #fff;
@@ -893,9 +893,9 @@
893
893
  outline-color: inherit;
894
894
  }
895
895
  .e-btn-group .e-btn:focus.e-danger,
896
- .e-btn-group input:focus + label.e-btn.e-danger,
896
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
897
897
  .e-css.e-btn-group .e-btn:focus.e-danger,
898
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
898
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
899
899
  background: #ef4444;
900
900
  border-color: #f87171;
901
901
  color: #000;
@@ -903,9 +903,9 @@
903
903
  outline-color: inherit;
904
904
  }
905
905
  .e-btn-group .e-btn:focus.e-link,
906
- .e-btn-group input:focus + label.e-btn.e-link,
906
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
907
907
  .e-css.e-btn-group .e-btn:focus.e-link,
908
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
908
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
909
909
  border-radius: 0;
910
910
  text-decoration: underline;
911
911
  color: #67e8f9;
@@ -915,40 +915,40 @@
915
915
  outline: none;
916
916
  }
917
917
  .e-btn-group .e-btn:focus.e-outline,
918
- .e-btn-group input:focus + label.e-btn.e-outline,
918
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
919
919
  .e-css.e-btn-group .e-btn:focus.e-outline,
920
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
920
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
921
921
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
922
922
  box-shadow: none;
923
923
  }
924
924
  .e-btn-group .e-btn:focus.e-outline.e-primary,
925
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
925
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
926
926
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
927
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
927
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
928
928
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
929
929
  }
930
930
  .e-btn-group .e-btn:focus.e-outline.e-success,
931
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
931
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
932
932
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
933
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
933
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
934
934
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
935
935
  }
936
936
  .e-btn-group .e-btn:focus.e-outline.e-info,
937
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
937
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
938
938
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
939
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
939
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
940
940
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
941
941
  }
942
942
  .e-btn-group .e-btn:focus.e-outline.e-warning,
943
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
943
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
944
944
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
945
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
945
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
946
946
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
947
947
  }
948
948
  .e-btn-group .e-btn:focus.e-outline.e-danger,
949
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
949
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
950
950
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
951
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
951
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
952
952
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
953
953
  }
954
954
  .e-btn-group .e-btn:active,
package/styles/tailwind.css CHANGED
@@ -840,9 +840,9 @@
840
840
  box-shadow: none;
841
841
  }
842
842
  .e-btn-group .e-btn:focus,
843
- .e-btn-group input:focus + label.e-btn,
843
+ .e-btn-group input:focus-visible + label.e-btn,
844
844
  .e-css.e-btn-group .e-btn:focus,
845
- .e-css.e-btn-group input:focus + label.e-btn {
845
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
846
846
  background: #f3f4f6;
847
847
  border-color: #d1d5db;
848
848
  color: #374151;
@@ -852,9 +852,9 @@
852
852
  outline-color: inherit;
853
853
  }
854
854
  .e-btn-group .e-btn:focus.e-primary,
855
- .e-btn-group input:focus + label.e-btn.e-primary,
855
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
856
856
  .e-css.e-btn-group .e-btn:focus.e-primary,
857
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
857
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
858
858
  background: #4338ca;
859
859
  border-color: #4f46e5;
860
860
  color: #fff;
@@ -863,9 +863,9 @@
863
863
  outline-color: inherit;
864
864
  }
865
865
  .e-btn-group .e-btn:focus.e-success,
866
- .e-btn-group input:focus + label.e-btn.e-success,
866
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
867
867
  .e-css.e-btn-group .e-btn:focus.e-success,
868
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
868
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
869
869
  background: #166534;
870
870
  border-color: #15803d;
871
871
  color: #fff;
@@ -873,9 +873,9 @@
873
873
  outline-color: inherit;
874
874
  }
875
875
  .e-btn-group .e-btn:focus.e-info,
876
- .e-btn-group input:focus + label.e-btn.e-info,
876
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
877
877
  .e-css.e-btn-group .e-btn:focus.e-info,
878
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
878
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
879
879
  background: #155e75;
880
880
  border-color: #0e7490;
881
881
  color: #fff;
@@ -883,9 +883,9 @@
883
883
  outline-color: inherit;
884
884
  }
885
885
  .e-btn-group .e-btn:focus.e-warning,
886
- .e-btn-group input:focus + label.e-btn.e-warning,
886
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
887
887
  .e-css.e-btn-group .e-btn:focus.e-warning,
888
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
888
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
889
889
  background: #9a3412;
890
890
  border-color: #c2410c;
891
891
  color: #fff;
@@ -893,9 +893,9 @@
893
893
  outline-color: inherit;
894
894
  }
895
895
  .e-btn-group .e-btn:focus.e-danger,
896
- .e-btn-group input:focus + label.e-btn.e-danger,
896
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
897
897
  .e-css.e-btn-group .e-btn:focus.e-danger,
898
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
898
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
899
899
  background: #b91c1c;
900
900
  border-color: #dc2626;
901
901
  color: #fff;
@@ -903,9 +903,9 @@
903
903
  outline-color: inherit;
904
904
  }
905
905
  .e-btn-group .e-btn:focus.e-link,
906
- .e-btn-group input:focus + label.e-btn.e-link,
906
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
907
907
  .e-css.e-btn-group .e-btn:focus.e-link,
908
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
908
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
909
909
  border-radius: 0;
910
910
  text-decoration: underline;
911
911
  color: #3730a3;
@@ -915,40 +915,40 @@
915
915
  outline: none;
916
916
  }
917
917
  .e-btn-group .e-btn:focus.e-outline,
918
- .e-btn-group input:focus + label.e-btn.e-outline,
918
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
919
919
  .e-css.e-btn-group .e-btn:focus.e-outline,
920
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
920
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
921
921
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
922
922
  box-shadow: none;
923
923
  }
924
924
  .e-btn-group .e-btn:focus.e-outline.e-primary,
925
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
925
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
926
926
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
927
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
927
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
928
928
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
929
929
  }
930
930
  .e-btn-group .e-btn:focus.e-outline.e-success,
931
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
931
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
932
932
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
933
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
933
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
934
934
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
935
935
  }
936
936
  .e-btn-group .e-btn:focus.e-outline.e-info,
937
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
937
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
938
938
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
939
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
939
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
940
940
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
941
941
  }
942
942
  .e-btn-group .e-btn:focus.e-outline.e-warning,
943
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
943
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
944
944
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
945
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
945
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
946
946
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
947
947
  }
948
948
  .e-btn-group .e-btn:focus.e-outline.e-danger,
949
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
949
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
950
950
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
951
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
951
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
952
952
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
953
953
  }
954
954
  .e-btn-group .e-btn:active,