@syncfusion/ej2-splitbuttons 25.1.38 → 25.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/CHANGELOG.md +9 -1
  2. package/dist/ej2-splitbuttons.min.js +1 -1
  3. package/dist/ej2-splitbuttons.umd.min.js +1 -1
  4. package/dist/global/ej2-splitbuttons.min.js +1 -1
  5. package/dist/global/index.d.ts +1 -1
  6. package/package.json +7 -7
  7. package/styles/bootstrap-dark.css +26 -0
  8. package/styles/bootstrap.css +26 -0
  9. package/styles/bootstrap4.css +26 -0
  10. package/styles/bootstrap5-dark.css +26 -0
  11. package/styles/bootstrap5.css +26 -0
  12. package/styles/button-group/_theme.scss +1 -0
  13. package/styles/button-group/bootstrap-dark.css +26 -0
  14. package/styles/button-group/bootstrap.css +26 -0
  15. package/styles/button-group/bootstrap4.css +26 -0
  16. package/styles/button-group/bootstrap5-dark.css +26 -0
  17. package/styles/button-group/bootstrap5.css +26 -0
  18. package/styles/button-group/fabric-dark.css +26 -0
  19. package/styles/button-group/fabric.css +26 -0
  20. package/styles/button-group/fluent-dark.css +26 -0
  21. package/styles/button-group/fluent.css +26 -0
  22. package/styles/button-group/highcontrast-light.css +26 -0
  23. package/styles/button-group/highcontrast.css +26 -0
  24. package/styles/button-group/material-dark.css +26 -0
  25. package/styles/button-group/material.css +26 -0
  26. package/styles/button-group/material3-dark.css +26 -0
  27. package/styles/button-group/material3.css +26 -0
  28. package/styles/button-group/tailwind-dark.css +26 -0
  29. package/styles/button-group/tailwind.css +26 -0
  30. package/styles/fabric-dark.css +26 -0
  31. package/styles/fabric.css +26 -0
  32. package/styles/fluent-dark.css +26 -0
  33. package/styles/fluent.css +26 -0
  34. package/styles/highcontrast-light.css +26 -0
  35. package/styles/highcontrast.css +26 -0
  36. package/styles/material-dark.css +26 -0
  37. package/styles/material.css +26 -0
  38. package/styles/material3-dark.css +26 -0
  39. package/styles/material3.css +26 -0
  40. package/styles/tailwind-dark.css +26 -0
  41. package/styles/tailwind.css +26 -0
package/styles/bootstrap5.css CHANGED
@@ -814,8 +814,10 @@
814
814
  box-shadow: none;
815
815
  }
816
816
  .e-btn-group .e-btn:focus,
817
+ .e-btn-group input:focus-visible + label.e-btn,
817
818
  .e-btn-group input:focus + label.e-btn,
818
819
  .e-css.e-btn-group .e-btn:focus,
820
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
819
821
  .e-css.e-btn-group input:focus + label.e-btn {
820
822
  background: #5c636a;
821
823
  border-color: #6c757d;
@@ -827,8 +829,10 @@
827
829
  outline-color: inherit;
828
830
  }
829
831
  .e-btn-group .e-btn:focus.e-primary,
832
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
830
833
  .e-btn-group input:focus + label.e-btn.e-primary,
831
834
  .e-css.e-btn-group .e-btn:focus.e-primary,
835
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
832
836
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
833
837
  background: #0b5ed7;
834
838
  border-color: #0d6efd;
@@ -839,8 +843,10 @@
839
843
  outline-color: inherit;
840
844
  }
841
845
  .e-btn-group .e-btn:focus.e-success,
846
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
842
847
  .e-btn-group input:focus + label.e-btn.e-success,
843
848
  .e-css.e-btn-group .e-btn:focus.e-success,
849
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
844
850
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
845
851
  background: #157347;
846
852
  border-color: #198754;
@@ -850,8 +856,10 @@
850
856
  outline-color: inherit;
851
857
  }
852
858
  .e-btn-group .e-btn:focus.e-info,
859
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
853
860
  .e-btn-group input:focus + label.e-btn.e-info,
854
861
  .e-css.e-btn-group .e-btn:focus.e-info,
862
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
855
863
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
856
864
  background: #31d2f2;
857
865
  border-color: #0dcaf0;
@@ -861,8 +869,10 @@
861
869
  outline-color: inherit;
862
870
  }
863
871
  .e-btn-group .e-btn:focus.e-warning,
872
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
864
873
  .e-btn-group input:focus + label.e-btn.e-warning,
865
874
  .e-css.e-btn-group .e-btn:focus.e-warning,
875
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
866
876
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
867
877
  background: #ffca2c;
868
878
  border-color: #ffc107;
@@ -872,8 +882,10 @@
872
882
  outline-color: inherit;
873
883
  }
874
884
  .e-btn-group .e-btn:focus.e-danger,
885
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
875
886
  .e-btn-group input:focus + label.e-btn.e-danger,
876
887
  .e-css.e-btn-group .e-btn:focus.e-danger,
888
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
877
889
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
878
890
  background: #bb2d3b;
879
891
  border-color: #dc3545;
@@ -883,8 +895,10 @@
883
895
  outline-color: inherit;
884
896
  }
885
897
  .e-btn-group .e-btn:focus.e-link,
898
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
886
899
  .e-btn-group input:focus + label.e-btn.e-link,
887
900
  .e-css.e-btn-group .e-btn:focus.e-link,
901
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
888
902
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
889
903
  border-radius: 0;
890
904
  text-decoration: underline;
@@ -895,44 +909,56 @@
895
909
  outline: none;
896
910
  }
897
911
  .e-btn-group .e-btn:focus.e-outline,
912
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
898
913
  .e-btn-group input:focus + label.e-btn.e-outline,
899
914
  .e-css.e-btn-group .e-btn:focus.e-outline,
915
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
900
916
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
901
917
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
902
918
  box-shadow: none;
903
919
  border-color: #5c636a;
904
920
  }
905
921
  .e-btn-group .e-btn:focus.e-outline.e-primary,
922
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
906
923
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
907
924
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
925
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
908
926
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
909
927
  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
910
928
  border-color: #0d6efd;
911
929
  }
912
930
  .e-btn-group .e-btn:focus.e-outline.e-success,
931
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
913
932
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
914
933
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
934
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
915
935
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
916
936
  box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
917
937
  border-color: #157347;
918
938
  }
919
939
  .e-btn-group .e-btn:focus.e-outline.e-info,
940
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
920
941
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
921
942
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
943
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
922
944
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
923
945
  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
924
946
  border-color: #31d2f2;
925
947
  }
926
948
  .e-btn-group .e-btn:focus.e-outline.e-warning,
949
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
927
950
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
928
951
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
929
953
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
930
954
  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
931
955
  border-color: #ffca2c;
932
956
  }
933
957
  .e-btn-group .e-btn:focus.e-outline.e-danger,
958
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
934
959
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
935
960
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
961
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
936
962
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
937
963
  box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
938
964
  border-color: #bb2d3b;
package/styles/button-group/_theme.scss CHANGED
@@ -52,6 +52,7 @@
52
52
 
53
53
  //Focus state for Normal and Outline GroupButton
54
54
  .e-btn:focus,
55
+ input:focus-visible+label.e-btn,
55
56
  input:focus+label.e-btn {
56
57
  @include button-focus;
57
58
  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
package/styles/button-group/bootstrap-dark.css CHANGED
@@ -245,8 +245,10 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
+ .e-btn-group input:focus-visible + label.e-btn,
248
249
  .e-btn-group input:focus + label.e-btn,
249
250
  .e-css.e-btn-group .e-btn:focus,
251
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
250
252
  .e-css.e-btn-group input:focus + label.e-btn {
251
253
  background: #2a2a2a;
252
254
  border-color: #585858;
@@ -258,8 +260,10 @@
258
260
  outline-color: inherit;
259
261
  }
260
262
  .e-btn-group .e-btn:focus.e-primary,
263
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
261
264
  .e-btn-group input:focus + label.e-btn.e-primary,
262
265
  .e-css.e-btn-group .e-btn:focus.e-primary,
266
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
263
267
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
268
  background: #0058bd;
265
269
  border-color: #0058bd;
@@ -270,8 +274,10 @@
270
274
  outline-color: inherit;
271
275
  }
272
276
  .e-btn-group .e-btn:focus.e-success,
277
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
273
278
  .e-btn-group input:focus + label.e-btn.e-success,
274
279
  .e-css.e-btn-group .e-btn:focus.e-success,
280
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
275
281
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
282
  background: #265e28;
277
283
  border-color: #265e28;
@@ -281,8 +287,10 @@
281
287
  outline-color: inherit;
282
288
  }
283
289
  .e-btn-group .e-btn:focus.e-info,
290
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
284
291
  .e-btn-group input:focus + label.e-btn.e-info,
285
292
  .e-css.e-btn-group .e-btn:focus.e-info,
293
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
286
294
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
295
  background: #175b66;
288
296
  border-color: #175b66;
@@ -292,8 +300,10 @@
292
300
  outline-color: inherit;
293
301
  }
294
302
  .e-btn-group .e-btn:focus.e-warning,
303
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
295
304
  .e-btn-group input:focus + label.e-btn.e-warning,
296
305
  .e-css.e-btn-group .e-btn:focus.e-warning,
306
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
297
307
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
308
  background: #f69807;
299
309
  border-color: #7a4c04;
@@ -303,8 +313,10 @@
303
313
  outline-color: inherit;
304
314
  }
305
315
  .e-btn-group .e-btn:focus.e-danger,
316
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
306
317
  .e-btn-group input:focus + label.e-btn.e-danger,
307
318
  .e-css.e-btn-group .e-btn:focus.e-danger,
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
308
320
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
321
  background: #982525;
310
322
  border-color: #982525;
@@ -314,8 +326,10 @@
314
326
  outline-color: inherit;
315
327
  }
316
328
  .e-btn-group .e-btn:focus.e-link,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
317
330
  .e-btn-group input:focus + label.e-btn.e-link,
318
331
  .e-css.e-btn-group .e-btn:focus.e-link,
332
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
319
333
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
334
  border-radius: 0;
321
335
  text-decoration: underline;
@@ -326,39 +340,51 @@
326
340
  outline: none;
327
341
  }
328
342
  .e-btn-group .e-btn:focus.e-outline,
343
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
329
344
  .e-btn-group input:focus + label.e-btn.e-outline,
330
345
  .e-css.e-btn-group .e-btn:focus.e-outline,
346
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
331
347
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
332
348
  box-shadow: none;
333
349
  box-shadow: none;
334
350
  }
335
351
  .e-btn-group .e-btn:focus.e-outline.e-primary,
352
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
336
353
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
337
354
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
355
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
338
356
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
339
357
  box-shadow: none;
340
358
  }
341
359
  .e-btn-group .e-btn:focus.e-outline.e-success,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
342
361
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
362
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
363
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
344
364
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
345
365
  box-shadow: none;
346
366
  }
347
367
  .e-btn-group .e-btn:focus.e-outline.e-info,
368
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
348
369
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
349
370
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
350
372
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
351
373
  box-shadow: none;
352
374
  }
353
375
  .e-btn-group .e-btn:focus.e-outline.e-warning,
376
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
354
377
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
355
378
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
379
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
356
380
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
357
381
  box-shadow: none;
358
382
  }
359
383
  .e-btn-group .e-btn:focus.e-outline.e-danger,
384
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
360
385
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
361
386
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
387
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
362
388
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
363
389
  box-shadow: none;
364
390
  }
package/styles/button-group/bootstrap.css CHANGED
@@ -245,8 +245,10 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
+ .e-btn-group input:focus-visible + label.e-btn,
248
249
  .e-btn-group input:focus + label.e-btn,
249
250
  .e-css.e-btn-group .e-btn:focus,
251
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
250
252
  .e-css.e-btn-group input:focus + label.e-btn {
251
253
  background: #e6e6e6;
252
254
  border-color: #8c8c8c;
@@ -258,8 +260,10 @@
258
260
  outline-color: inherit;
259
261
  }
260
262
  .e-btn-group .e-btn:focus.e-primary,
263
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
261
264
  .e-btn-group input:focus + label.e-btn.e-primary,
262
265
  .e-css.e-btn-group .e-btn:focus.e-primary,
266
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
263
267
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
268
  background: #21527d;
265
269
  border-color: #0c1d2c;
@@ -270,8 +274,10 @@
270
274
  outline-color: inherit;
271
275
  }
272
276
  .e-btn-group .e-btn:focus.e-success,
277
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
273
278
  .e-btn-group input:focus + label.e-btn.e-success,
274
279
  .e-css.e-btn-group .e-btn:focus.e-success,
280
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
275
281
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
282
  background: #124a1f;
277
283
  border-color: black;
@@ -281,8 +287,10 @@
281
287
  outline-color: inherit;
282
288
  }
283
289
  .e-btn-group .e-btn:focus.e-info,
290
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
284
291
  .e-btn-group input:focus + label.e-btn.e-info,
285
292
  .e-css.e-btn-group .e-btn:focus.e-info,
293
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
286
294
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
295
  background: #104b5d;
288
296
  border-color: #010406;
@@ -292,8 +300,10 @@
292
300
  outline-color: inherit;
293
301
  }
294
302
  .e-btn-group .e-btn:focus.e-warning,
303
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
295
304
  .e-btn-group input:focus + label.e-btn.e-warning,
296
305
  .e-css.e-btn-group .e-btn:focus.e-warning,
306
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
297
307
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
308
  background: #613b05;
299
309
  border-color: black;
@@ -303,8 +313,10 @@
303
313
  outline-color: inherit;
304
314
  }
305
315
  .e-btn-group .e-btn:focus.e-danger,
316
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
306
317
  .e-btn-group input:focus + label.e-btn.e-danger,
307
318
  .e-css.e-btn-group .e-btn:focus.e-danger,
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
308
320
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
321
  background: #a51c2a;
310
322
  border-color: #4e0d14;
@@ -314,8 +326,10 @@
314
326
  outline-color: inherit;
315
327
  }
316
328
  .e-btn-group .e-btn:focus.e-link,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
317
330
  .e-btn-group input:focus + label.e-btn.e-link,
318
331
  .e-css.e-btn-group .e-btn:focus.e-link,
332
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
319
333
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
334
  border-radius: 0;
321
335
  text-decoration: underline;
@@ -326,39 +340,51 @@
326
340
  outline: none;
327
341
  }
328
342
  .e-btn-group .e-btn:focus.e-outline,
343
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
329
344
  .e-btn-group input:focus + label.e-btn.e-outline,
330
345
  .e-css.e-btn-group .e-btn:focus.e-outline,
346
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
331
347
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
332
348
  box-shadow: none;
333
349
  box-shadow: none;
334
350
  }
335
351
  .e-btn-group .e-btn:focus.e-outline.e-primary,
352
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
336
353
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
337
354
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
355
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
338
356
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
339
357
  box-shadow: none;
340
358
  }
341
359
  .e-btn-group .e-btn:focus.e-outline.e-success,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
342
361
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
362
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
363
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
344
364
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
345
365
  box-shadow: none;
346
366
  }
347
367
  .e-btn-group .e-btn:focus.e-outline.e-info,
368
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
348
369
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
349
370
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
350
372
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
351
373
  box-shadow: none;
352
374
  }
353
375
  .e-btn-group .e-btn:focus.e-outline.e-warning,
376
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
354
377
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
355
378
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
379
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
356
380
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
357
381
  box-shadow: none;
358
382
  }
359
383
  .e-btn-group .e-btn:focus.e-outline.e-danger,
384
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
360
385
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
361
386
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
387
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
362
388
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
363
389
  box-shadow: none;
364
390
  }
package/styles/button-group/bootstrap4.css CHANGED
@@ -253,8 +253,10 @@
253
253
  box-shadow: none;
254
254
  }
255
255
  .e-btn-group .e-btn:focus,
256
+ .e-btn-group input:focus-visible + label.e-btn,
256
257
  .e-btn-group input:focus + label.e-btn,
257
258
  .e-css.e-btn-group .e-btn:focus,
259
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
258
260
  .e-css.e-btn-group input:focus + label.e-btn {
259
261
  background: #5b636a;
260
262
  border-color: #60686f;
@@ -265,8 +267,10 @@
265
267
  outline-color: inherit;
266
268
  }
267
269
  .e-btn-group .e-btn:focus.e-primary,
270
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
268
271
  .e-btn-group input:focus + label.e-btn.e-primary,
269
272
  .e-css.e-btn-group .e-btn:focus.e-primary,
273
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
270
274
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
271
275
  background: #006adb;
272
276
  border-color: #006fe6;
@@ -276,8 +280,10 @@
276
280
  outline-color: inherit;
277
281
  }
278
282
  .e-btn-group .e-btn:focus.e-success,
283
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
279
284
  .e-btn-group input:focus + label.e-btn.e-success,
280
285
  .e-css.e-btn-group .e-btn:focus.e-success,
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
281
287
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
282
288
  background: #218a39;
283
289
  border-color: #23923d;
@@ -286,8 +292,10 @@
286
292
  outline-color: inherit;
287
293
  }
288
294
  .e-btn-group .e-btn:focus.e-info,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
289
296
  .e-btn-group input:focus + label.e-btn.e-info,
290
297
  .e-css.e-btn-group .e-btn:focus.e-info,
298
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
291
299
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
292
300
  background: #138698;
293
301
  border-color: #148ea1;
@@ -296,8 +304,10 @@
296
304
  outline-color: inherit;
297
305
  }
298
306
  .e-btn-group .e-btn:focus.e-warning,
307
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
299
308
  .e-btn-group input:focus + label.e-btn.e-warning,
300
309
  .e-css.e-btn-group .e-btn:focus.e-warning,
310
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
301
311
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
302
312
  background: #e2aa00;
303
313
  border-color: #edb100;
@@ -306,8 +316,10 @@
306
316
  outline-color: inherit;
307
317
  }
308
318
  .e-btn-group .e-btn:focus.e-danger,
319
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
309
320
  .e-btn-group input:focus + label.e-btn.e-danger,
310
321
  .e-css.e-btn-group .e-btn:focus.e-danger,
322
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
311
323
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
312
324
  background: #ca2333;
313
325
  border-color: #d32535;
@@ -316,8 +328,10 @@
316
328
  outline-color: inherit;
317
329
  }
318
330
  .e-btn-group .e-btn:focus.e-link,
331
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
319
332
  .e-btn-group input:focus + label.e-btn.e-link,
320
333
  .e-css.e-btn-group .e-btn:focus.e-link,
334
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
321
335
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
322
336
  border-radius: 0;
323
337
  text-decoration: underline;
@@ -331,39 +345,51 @@
331
345
  outline: none;
332
346
  }
333
347
  .e-btn-group .e-btn:focus.e-outline,
348
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
334
349
  .e-btn-group input:focus + label.e-btn.e-outline,
335
350
  .e-css.e-btn-group .e-btn:focus.e-outline,
351
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
336
352
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
337
353
  box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
338
354
  box-shadow: none;
339
355
  }
340
356
  .e-btn-group .e-btn:focus.e-outline.e-primary,
357
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
341
358
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
342
359
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
360
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
343
361
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
344
362
  box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
345
363
  }
346
364
  .e-btn-group .e-btn:focus.e-outline.e-success,
365
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
347
366
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
348
367
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
368
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
349
369
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
350
370
  box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
351
371
  }
352
372
  .e-btn-group .e-btn:focus.e-outline.e-info,
373
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
353
374
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
354
375
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
376
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
355
377
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
356
378
  box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
357
379
  }
358
380
  .e-btn-group .e-btn:focus.e-outline.e-warning,
381
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
359
382
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
360
383
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
384
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
361
385
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
362
386
  box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
363
387
  }
364
388
  .e-btn-group .e-btn:focus.e-outline.e-danger,
389
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
365
390
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
366
391
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
392
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
367
393
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
368
394
  box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
369
395
  }
package/styles/button-group/bootstrap5-dark.css CHANGED
@@ -253,8 +253,10 @@
253
253
  box-shadow: none;
254
254
  }
255
255
  .e-btn-group .e-btn:focus,
256
+ .e-btn-group input:focus-visible + label.e-btn,
256
257
  .e-btn-group input:focus + label.e-btn,
257
258
  .e-css.e-btn-group .e-btn:focus,
259
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
258
260
  .e-css.e-btn-group input:focus + label.e-btn {
259
261
  background: #5c636a;
260
262
  border-color: #6c757d;
@@ -266,8 +268,10 @@
266
268
  outline-color: inherit;
267
269
  }
268
270
  .e-btn-group .e-btn:focus.e-primary,
271
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
269
272
  .e-btn-group input:focus + label.e-btn.e-primary,
270
273
  .e-css.e-btn-group .e-btn:focus.e-primary,
274
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
271
275
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
272
276
  background: #0b5ed7;
273
277
  border-color: #0d6efd;
@@ -278,8 +282,10 @@
278
282
  outline-color: inherit;
279
283
  }
280
284
  .e-btn-group .e-btn:focus.e-success,
285
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
281
286
  .e-btn-group input:focus + label.e-btn.e-success,
282
287
  .e-css.e-btn-group .e-btn:focus.e-success,
288
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
283
289
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
284
290
  background: #157347;
285
291
  border-color: #198754;
@@ -289,8 +295,10 @@
289
295
  outline-color: inherit;
290
296
  }
291
297
  .e-btn-group .e-btn:focus.e-info,
298
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
292
299
  .e-btn-group input:focus + label.e-btn.e-info,
293
300
  .e-css.e-btn-group .e-btn:focus.e-info,
301
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
294
302
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
295
303
  background: #31d2f2;
296
304
  border-color: #0dcaf0;
@@ -300,8 +308,10 @@
300
308
  outline-color: inherit;
301
309
  }
302
310
  .e-btn-group .e-btn:focus.e-warning,
311
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
303
312
  .e-btn-group input:focus + label.e-btn.e-warning,
304
313
  .e-css.e-btn-group .e-btn:focus.e-warning,
314
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
305
315
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
306
316
  background: #ffca2c;
307
317
  border-color: #ffc107;
@@ -311,8 +321,10 @@
311
321
  outline-color: inherit;
312
322
  }
313
323
  .e-btn-group .e-btn:focus.e-danger,
324
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
314
325
  .e-btn-group input:focus + label.e-btn.e-danger,
315
326
  .e-css.e-btn-group .e-btn:focus.e-danger,
327
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
316
328
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
317
329
  background: #bb2d3b;
318
330
  border-color: #dc3545;
@@ -322,8 +334,10 @@
322
334
  outline-color: inherit;
323
335
  }
324
336
  .e-btn-group .e-btn:focus.e-link,
337
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
325
338
  .e-btn-group input:focus + label.e-btn.e-link,
326
339
  .e-css.e-btn-group .e-btn:focus.e-link,
340
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
327
341
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
328
342
  border-radius: 0;
329
343
  text-decoration: underline;
@@ -334,44 +348,56 @@
334
348
  outline: none;
335
349
  }
336
350
  .e-btn-group .e-btn:focus.e-outline,
351
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
337
352
  .e-btn-group input:focus + label.e-btn.e-outline,
338
353
  .e-css.e-btn-group .e-btn:focus.e-outline,
354
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
339
355
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
340
356
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
341
357
  box-shadow: none;
342
358
  border-color: #5c636a;
343
359
  }
344
360
  .e-btn-group .e-btn:focus.e-outline.e-primary,
361
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
345
362
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
346
363
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
364
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
347
365
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
348
366
  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
349
367
  border-color: #0d6efd;
350
368
  }
351
369
  .e-btn-group .e-btn:focus.e-outline.e-success,
370
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
352
371
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
353
372
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
373
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
354
374
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
355
375
  box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
356
376
  border-color: #157347;
357
377
  }
358
378
  .e-btn-group .e-btn:focus.e-outline.e-info,
379
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
359
380
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
360
381
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
382
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
361
383
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
362
384
  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
363
385
  border-color: #31d2f2;
364
386
  }
365
387
  .e-btn-group .e-btn:focus.e-outline.e-warning,
388
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
366
389
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
367
390
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
391
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
368
392
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
369
393
  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
370
394
  border-color: #ffca2c;
371
395
  }
372
396
  .e-btn-group .e-btn:focus.e-outline.e-danger,
397
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
373
398
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
374
399
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
400
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
375
401
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
376
402
  box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
377
403
  border-color: #bb2d3b;