@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/bootstrap5.css CHANGED
@@ -814,9 +814,9 @@
814
814
  box-shadow: none;
815
815
  }
816
816
  .e-btn-group .e-btn:focus,
817
- .e-btn-group input:focus + label.e-btn,
817
+ .e-btn-group input:focus-visible + label.e-btn,
818
818
  .e-css.e-btn-group .e-btn:focus,
819
- .e-css.e-btn-group input:focus + label.e-btn {
819
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
820
820
  background: #5c636a;
821
821
  border-color: #6c757d;
822
822
  color: #fff;
@@ -827,9 +827,9 @@
827
827
  outline-color: inherit;
828
828
  }
829
829
  .e-btn-group .e-btn:focus.e-primary,
830
- .e-btn-group input:focus + label.e-btn.e-primary,
830
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
831
831
  .e-css.e-btn-group .e-btn:focus.e-primary,
832
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
832
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
833
833
  background: #0b5ed7;
834
834
  border-color: #0d6efd;
835
835
  color: #fff;
@@ -839,9 +839,9 @@
839
839
  outline-color: inherit;
840
840
  }
841
841
  .e-btn-group .e-btn:focus.e-success,
842
- .e-btn-group input:focus + label.e-btn.e-success,
842
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
843
843
  .e-css.e-btn-group .e-btn:focus.e-success,
844
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
844
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
845
845
  background: #157347;
846
846
  border-color: #198754;
847
847
  color: #fff;
@@ -850,9 +850,9 @@
850
850
  outline-color: inherit;
851
851
  }
852
852
  .e-btn-group .e-btn:focus.e-info,
853
- .e-btn-group input:focus + label.e-btn.e-info,
853
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
854
854
  .e-css.e-btn-group .e-btn:focus.e-info,
855
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
855
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
856
856
  background: #31d2f2;
857
857
  border-color: #0dcaf0;
858
858
  color: #000;
@@ -861,9 +861,9 @@
861
861
  outline-color: inherit;
862
862
  }
863
863
  .e-btn-group .e-btn:focus.e-warning,
864
- .e-btn-group input:focus + label.e-btn.e-warning,
864
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
865
865
  .e-css.e-btn-group .e-btn:focus.e-warning,
866
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
866
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
867
867
  background: #ffca2c;
868
868
  border-color: #ffc107;
869
869
  color: #000;
@@ -872,9 +872,9 @@
872
872
  outline-color: inherit;
873
873
  }
874
874
  .e-btn-group .e-btn:focus.e-danger,
875
- .e-btn-group input:focus + label.e-btn.e-danger,
875
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
876
876
  .e-css.e-btn-group .e-btn:focus.e-danger,
877
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
877
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
878
878
  background: #bb2d3b;
879
879
  border-color: #dc3545;
880
880
  color: #fff;
@@ -883,9 +883,9 @@
883
883
  outline-color: inherit;
884
884
  }
885
885
  .e-btn-group .e-btn:focus.e-link,
886
- .e-btn-group input:focus + label.e-btn.e-link,
886
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
887
887
  .e-css.e-btn-group .e-btn:focus.e-link,
888
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
888
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
889
889
  border-radius: 0;
890
890
  text-decoration: underline;
891
891
  color: #0a58ca;
@@ -895,45 +895,45 @@
895
895
  outline: none;
896
896
  }
897
897
  .e-btn-group .e-btn:focus.e-outline,
898
- .e-btn-group input:focus + label.e-btn.e-outline,
898
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
899
899
  .e-css.e-btn-group .e-btn:focus.e-outline,
900
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
900
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
901
901
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
902
902
  box-shadow: none;
903
903
  border-color: #5c636a;
904
904
  }
905
905
  .e-btn-group .e-btn:focus.e-outline.e-primary,
906
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
906
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
907
907
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
908
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
908
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
909
909
  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
910
910
  border-color: #0d6efd;
911
911
  }
912
912
  .e-btn-group .e-btn:focus.e-outline.e-success,
913
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
913
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
914
914
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
915
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
915
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
916
916
  box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
917
917
  border-color: #157347;
918
918
  }
919
919
  .e-btn-group .e-btn:focus.e-outline.e-info,
920
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
920
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
921
921
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
922
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
922
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
923
923
  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
924
924
  border-color: #31d2f2;
925
925
  }
926
926
  .e-btn-group .e-btn:focus.e-outline.e-warning,
927
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
927
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
928
928
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
929
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
929
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
930
930
  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
931
931
  border-color: #ffca2c;
932
932
  }
933
933
  .e-btn-group .e-btn:focus.e-outline.e-danger,
934
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
934
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
935
935
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
936
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
936
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
937
937
  box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
938
938
  border-color: #bb2d3b;
939
939
  }
package/styles/button-group/_theme.scss CHANGED
@@ -52,7 +52,7 @@
52
52
 
53
53
  //Focus state for Normal and Outline GroupButton
54
54
  .e-btn:focus,
55
- input:focus+label.e-btn {
55
+ input:focus-visible+label.e-btn {
56
56
  @include button-focus;
57
57
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
58
58
  box-shadow: none;
package/styles/button-group/bootstrap-dark.css CHANGED
@@ -245,9 +245,9 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
- .e-btn-group input:focus + label.e-btn,
248
+ .e-btn-group input:focus-visible + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
251
251
  background: #2a2a2a;
252
252
  border-color: #585858;
253
253
  color: #fff;
@@ -258,9 +258,9 @@
258
258
  outline-color: inherit;
259
259
  }
260
260
  .e-btn-group .e-btn:focus.e-primary,
261
- .e-btn-group input:focus + label.e-btn.e-primary,
261
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
262
262
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
263
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
264
264
  background: #0058bd;
265
265
  border-color: #0058bd;
266
266
  color: #fff;
@@ -270,9 +270,9 @@
270
270
  outline-color: inherit;
271
271
  }
272
272
  .e-btn-group .e-btn:focus.e-success,
273
- .e-btn-group input:focus + label.e-btn.e-success,
273
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
274
274
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
275
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
276
276
  background: #265e28;
277
277
  border-color: #265e28;
278
278
  color: #fff;
@@ -281,9 +281,9 @@
281
281
  outline-color: inherit;
282
282
  }
283
283
  .e-btn-group .e-btn:focus.e-info,
284
- .e-btn-group input:focus + label.e-btn.e-info,
284
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
285
285
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
287
287
  background: #175b66;
288
288
  border-color: #175b66;
289
289
  color: #fff;
@@ -292,9 +292,9 @@
292
292
  outline-color: inherit;
293
293
  }
294
294
  .e-btn-group .e-btn:focus.e-warning,
295
- .e-btn-group input:focus + label.e-btn.e-warning,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
296
296
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
297
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
298
298
  background: #f69807;
299
299
  border-color: #7a4c04;
300
300
  color: #000;
@@ -303,9 +303,9 @@
303
303
  outline-color: inherit;
304
304
  }
305
305
  .e-btn-group .e-btn:focus.e-danger,
306
- .e-btn-group input:focus + label.e-btn.e-danger,
306
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
307
307
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
308
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
309
309
  background: #982525;
310
310
  border-color: #982525;
311
311
  color: #fff;
@@ -314,9 +314,9 @@
314
314
  outline-color: inherit;
315
315
  }
316
316
  .e-btn-group .e-btn:focus.e-link,
317
- .e-btn-group input:focus + label.e-btn.e-link,
317
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
318
318
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
320
320
  border-radius: 0;
321
321
  text-decoration: underline;
322
322
  color: #0a3576;
@@ -326,40 +326,40 @@
326
326
  outline: none;
327
327
  }
328
328
  .e-btn-group .e-btn:focus.e-outline,
329
- .e-btn-group input:focus + label.e-btn.e-outline,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
330
330
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
332
332
  box-shadow: none;
333
333
  box-shadow: none;
334
334
  }
335
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
336
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
337
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
338
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
339
339
  box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
342
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
344
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
345
345
  box-shadow: none;
346
346
  }
347
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
348
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
348
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
349
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
350
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
351
351
  box-shadow: none;
352
352
  }
353
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
354
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
355
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
356
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
357
357
  box-shadow: none;
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
360
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
361
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
362
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
362
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
363
363
  box-shadow: none;
364
364
  }
365
365
  .e-btn-group .e-btn:active,
package/styles/button-group/bootstrap.css CHANGED
@@ -245,9 +245,9 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
- .e-btn-group input:focus + label.e-btn,
248
+ .e-btn-group input:focus-visible + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
251
251
  background: #e6e6e6;
252
252
  border-color: #8c8c8c;
253
253
  color: #333;
@@ -258,9 +258,9 @@
258
258
  outline-color: inherit;
259
259
  }
260
260
  .e-btn-group .e-btn:focus.e-primary,
261
- .e-btn-group input:focus + label.e-btn.e-primary,
261
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
262
262
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
263
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
264
264
  background: #21527d;
265
265
  border-color: #0c1d2c;
266
266
  color: #fff;
@@ -270,9 +270,9 @@
270
270
  outline-color: inherit;
271
271
  }
272
272
  .e-btn-group .e-btn:focus.e-success,
273
- .e-btn-group input:focus + label.e-btn.e-success,
273
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
274
274
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
275
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
276
276
  background: #124a1f;
277
277
  border-color: black;
278
278
  color: #fff;
@@ -281,9 +281,9 @@
281
281
  outline-color: inherit;
282
282
  }
283
283
  .e-btn-group .e-btn:focus.e-info,
284
- .e-btn-group input:focus + label.e-btn.e-info,
284
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
285
285
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
287
287
  background: #104b5d;
288
288
  border-color: #010406;
289
289
  color: #fff;
@@ -292,9 +292,9 @@
292
292
  outline-color: inherit;
293
293
  }
294
294
  .e-btn-group .e-btn:focus.e-warning,
295
- .e-btn-group input:focus + label.e-btn.e-warning,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
296
296
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
297
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
298
298
  background: #613b05;
299
299
  border-color: black;
300
300
  color: #fff;
@@ -303,9 +303,9 @@
303
303
  outline-color: inherit;
304
304
  }
305
305
  .e-btn-group .e-btn:focus.e-danger,
306
- .e-btn-group input:focus + label.e-btn.e-danger,
306
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
307
307
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
308
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
309
309
  background: #a51c2a;
310
310
  border-color: #4e0d14;
311
311
  color: #fff;
@@ -314,9 +314,9 @@
314
314
  outline-color: inherit;
315
315
  }
316
316
  .e-btn-group .e-btn:focus.e-link,
317
- .e-btn-group input:focus + label.e-btn.e-link,
317
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
318
318
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
320
320
  border-radius: 0;
321
321
  text-decoration: underline;
322
322
  color: #0a3576;
@@ -326,40 +326,40 @@
326
326
  outline: none;
327
327
  }
328
328
  .e-btn-group .e-btn:focus.e-outline,
329
- .e-btn-group input:focus + label.e-btn.e-outline,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
330
330
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
332
332
  box-shadow: none;
333
333
  box-shadow: none;
334
334
  }
335
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
336
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
337
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
338
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
339
339
  box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
342
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
344
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
345
345
  box-shadow: none;
346
346
  }
347
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
348
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
348
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
349
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
350
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
351
351
  box-shadow: none;
352
352
  }
353
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
354
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
355
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
356
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
357
357
  box-shadow: none;
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
360
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
361
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
362
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
362
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
363
363
  box-shadow: none;
364
364
  }
365
365
  .e-btn-group .e-btn:active,
package/styles/button-group/bootstrap4.css CHANGED
@@ -253,9 +253,9 @@
253
253
  box-shadow: none;
254
254
  }
255
255
  .e-btn-group .e-btn:focus,
256
- .e-btn-group input:focus + label.e-btn,
256
+ .e-btn-group input:focus-visible + label.e-btn,
257
257
  .e-css.e-btn-group .e-btn:focus,
258
- .e-css.e-btn-group input:focus + label.e-btn {
258
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
259
259
  background: #5b636a;
260
260
  border-color: #60686f;
261
261
  color: #fff;
@@ -265,9 +265,9 @@
265
265
  outline-color: inherit;
266
266
  }
267
267
  .e-btn-group .e-btn:focus.e-primary,
268
- .e-btn-group input:focus + label.e-btn.e-primary,
268
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
269
269
  .e-css.e-btn-group .e-btn:focus.e-primary,
270
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
270
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
271
271
  background: #006adb;
272
272
  border-color: #006fe6;
273
273
  color: #fff;
@@ -276,9 +276,9 @@
276
276
  outline-color: inherit;
277
277
  }
278
278
  .e-btn-group .e-btn:focus.e-success,
279
- .e-btn-group input:focus + label.e-btn.e-success,
279
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
280
280
  .e-css.e-btn-group .e-btn:focus.e-success,
281
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
281
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
282
282
  background: #218a39;
283
283
  border-color: #23923d;
284
284
  color: #fff;
@@ -286,9 +286,9 @@
286
286
  outline-color: inherit;
287
287
  }
288
288
  .e-btn-group .e-btn:focus.e-info,
289
- .e-btn-group input:focus + label.e-btn.e-info,
289
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
290
290
  .e-css.e-btn-group .e-btn:focus.e-info,
291
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
291
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
292
292
  background: #138698;
293
293
  border-color: #148ea1;
294
294
  color: #fff;
@@ -296,9 +296,9 @@
296
296
  outline-color: inherit;
297
297
  }
298
298
  .e-btn-group .e-btn:focus.e-warning,
299
- .e-btn-group input:focus + label.e-btn.e-warning,
299
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
300
300
  .e-css.e-btn-group .e-btn:focus.e-warning,
301
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
301
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
302
302
  background: #e2aa00;
303
303
  border-color: #edb100;
304
304
  color: #212529;
@@ -306,9 +306,9 @@
306
306
  outline-color: inherit;
307
307
  }
308
308
  .e-btn-group .e-btn:focus.e-danger,
309
- .e-btn-group input:focus + label.e-btn.e-danger,
309
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
310
310
  .e-css.e-btn-group .e-btn:focus.e-danger,
311
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
311
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
312
312
  background: #ca2333;
313
313
  border-color: #d32535;
314
314
  color: #fff;
@@ -316,9 +316,9 @@
316
316
  outline-color: inherit;
317
317
  }
318
318
  .e-btn-group .e-btn:focus.e-link,
319
- .e-btn-group input:focus + label.e-btn.e-link,
319
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
320
320
  .e-css.e-btn-group .e-btn:focus.e-link,
321
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
321
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
322
322
  border-radius: 0;
323
323
  text-decoration: underline;
324
324
  background: transparent;
@@ -331,40 +331,40 @@
331
331
  outline: none;
332
332
  }
333
333
  .e-btn-group .e-btn:focus.e-outline,
334
- .e-btn-group input:focus + label.e-btn.e-outline,
334
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
335
335
  .e-css.e-btn-group .e-btn:focus.e-outline,
336
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
336
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
337
337
  box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
338
338
  box-shadow: none;
339
339
  }
340
340
  .e-btn-group .e-btn:focus.e-outline.e-primary,
341
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
341
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
342
342
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
343
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
343
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
344
344
  box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
345
345
  }
346
346
  .e-btn-group .e-btn:focus.e-outline.e-success,
347
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
347
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
348
348
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
349
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
349
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
350
350
  box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
351
351
  }
352
352
  .e-btn-group .e-btn:focus.e-outline.e-info,
353
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
353
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
354
354
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
355
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
355
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
356
356
  box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
357
357
  }
358
358
  .e-btn-group .e-btn:focus.e-outline.e-warning,
359
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
359
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
360
360
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
361
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
361
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
362
362
  box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
363
363
  }
364
364
  .e-btn-group .e-btn:focus.e-outline.e-danger,
365
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
365
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
366
366
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
367
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
367
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
368
368
  box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
369
369
  }
370
370
  .e-btn-group .e-btn:active,