@syncfusion/ej2-splitbuttons 25.2.3 → 25.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/dist/ej2-splitbuttons.min.js +1 -1
  3. package/dist/ej2-splitbuttons.umd.min.js +1 -1
  4. package/dist/global/ej2-splitbuttons.min.js +1 -1
  5. package/dist/global/index.d.ts +1 -1
  6. package/package.json +6 -6
  7. package/styles/bootstrap-dark.css +39 -13
  8. package/styles/bootstrap.css +39 -13
  9. package/styles/bootstrap4.css +39 -13
  10. package/styles/bootstrap5-dark.css +39 -13
  11. package/styles/bootstrap5.css +39 -13
  12. package/styles/button-group/_theme.scss +2 -1
  13. package/styles/button-group/bootstrap-dark.css +39 -13
  14. package/styles/button-group/bootstrap.css +39 -13
  15. package/styles/button-group/bootstrap4.css +39 -13
  16. package/styles/button-group/bootstrap5-dark.css +39 -13
  17. package/styles/button-group/bootstrap5.css +39 -13
  18. package/styles/button-group/fabric-dark.css +39 -13
  19. package/styles/button-group/fabric.css +39 -13
  20. package/styles/button-group/fluent-dark.css +39 -13
  21. package/styles/button-group/fluent.css +39 -13
  22. package/styles/button-group/highcontrast-light.css +39 -13
  23. package/styles/button-group/highcontrast.css +39 -13
  24. package/styles/button-group/material-dark.css +39 -13
  25. package/styles/button-group/material.css +39 -13
  26. package/styles/button-group/material3-dark.css +39 -13
  27. package/styles/button-group/material3.css +39 -13
  28. package/styles/button-group/tailwind-dark.css +39 -13
  29. package/styles/button-group/tailwind.css +39 -13
  30. package/styles/fabric-dark.css +39 -13
  31. package/styles/fabric.css +39 -13
  32. package/styles/fluent-dark.css +39 -13
  33. package/styles/fluent.css +39 -13
  34. package/styles/highcontrast-light.css +39 -13
  35. package/styles/highcontrast.css +39 -13
  36. package/styles/material-dark.css +39 -13
  37. package/styles/material.css +39 -13
  38. package/styles/material3-dark.css +39 -13
  39. package/styles/material3.css +39 -13
  40. package/styles/tailwind-dark.css +39 -13
  41. package/styles/tailwind.css +39 -13
@@ -815,8 +815,10 @@
815
815
  }
816
816
  .e-btn-group .e-btn:focus,
817
817
  .e-btn-group input:focus-visible + label.e-btn,
818
+ .e-btn-group input:focus + label.e-btn,
818
819
  .e-css.e-btn-group .e-btn:focus,
819
- .e-css.e-btn-group input:focus-visible + label.e-btn {
820
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
821
+ .e-css.e-btn-group input:focus + label.e-btn {
820
822
  background: #5c636a;
821
823
  border-color: #6c757d;
822
824
  color: #fff;
@@ -828,8 +830,10 @@
828
830
  }
829
831
  .e-btn-group .e-btn:focus.e-primary,
830
832
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
833
+ .e-btn-group input:focus + label.e-btn.e-primary,
831
834
  .e-css.e-btn-group .e-btn:focus.e-primary,
832
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
835
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
836
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
833
837
  background: #0b5ed7;
834
838
  border-color: #0d6efd;
835
839
  color: #fff;
@@ -840,8 +844,10 @@
840
844
  }
841
845
  .e-btn-group .e-btn:focus.e-success,
842
846
  .e-btn-group input:focus-visible + label.e-btn.e-success,
847
+ .e-btn-group input:focus + label.e-btn.e-success,
843
848
  .e-css.e-btn-group .e-btn:focus.e-success,
844
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
849
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
850
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
845
851
  background: #157347;
846
852
  border-color: #198754;
847
853
  color: #fff;
@@ -851,8 +857,10 @@
851
857
  }
852
858
  .e-btn-group .e-btn:focus.e-info,
853
859
  .e-btn-group input:focus-visible + label.e-btn.e-info,
860
+ .e-btn-group input:focus + label.e-btn.e-info,
854
861
  .e-css.e-btn-group .e-btn:focus.e-info,
855
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
862
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
863
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
856
864
  background: #31d2f2;
857
865
  border-color: #0dcaf0;
858
866
  color: #000;
@@ -862,8 +870,10 @@
862
870
  }
863
871
  .e-btn-group .e-btn:focus.e-warning,
864
872
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
873
+ .e-btn-group input:focus + label.e-btn.e-warning,
865
874
  .e-css.e-btn-group .e-btn:focus.e-warning,
866
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
875
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
876
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
867
877
  background: #ffca2c;
868
878
  border-color: #ffc107;
869
879
  color: #000;
@@ -873,8 +883,10 @@
873
883
  }
874
884
  .e-btn-group .e-btn:focus.e-danger,
875
885
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
886
+ .e-btn-group input:focus + label.e-btn.e-danger,
876
887
  .e-css.e-btn-group .e-btn:focus.e-danger,
877
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
888
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
889
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
878
890
  background: #bb2d3b;
879
891
  border-color: #dc3545;
880
892
  color: #fff;
@@ -884,8 +896,10 @@
884
896
  }
885
897
  .e-btn-group .e-btn:focus.e-link,
886
898
  .e-btn-group input:focus-visible + label.e-btn.e-link,
899
+ .e-btn-group input:focus + label.e-btn.e-link,
887
900
  .e-css.e-btn-group .e-btn:focus.e-link,
888
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
901
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
902
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
889
903
  border-radius: 0;
890
904
  text-decoration: underline;
891
905
  color: #0a58ca;
@@ -896,44 +910,56 @@
896
910
  }
897
911
  .e-btn-group .e-btn:focus.e-outline,
898
912
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
913
+ .e-btn-group input:focus + label.e-btn.e-outline,
899
914
  .e-css.e-btn-group .e-btn:focus.e-outline,
900
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
915
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
906
922
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
908
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
925
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
913
931
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
915
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
934
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
920
940
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
922
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
943
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
927
949
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
929
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
934
958
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
936
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
961
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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;
939
965
  }
@@ -52,7 +52,8 @@
52
52
 
53
53
  //Focus state for Normal and Outline GroupButton
54
54
  .e-btn:focus,
55
- input:focus-visible+label.e-btn {
55
+ input:focus-visible+label.e-btn,
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' {
58
59
  box-shadow: none;
@@ -246,8 +246,10 @@
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
248
  .e-btn-group input:focus-visible + label.e-btn,
249
+ .e-btn-group input:focus + label.e-btn,
249
250
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus-visible + label.e-btn {
251
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
252
+ .e-css.e-btn-group input:focus + label.e-btn {
251
253
  background: #2a2a2a;
252
254
  border-color: #585858;
253
255
  color: #fff;
@@ -259,8 +261,10 @@
259
261
  }
260
262
  .e-btn-group .e-btn:focus.e-primary,
261
263
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
264
+ .e-btn-group input:focus + label.e-btn.e-primary,
262
265
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
266
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
267
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
268
  background: #0058bd;
265
269
  border-color: #0058bd;
266
270
  color: #fff;
@@ -271,8 +275,10 @@
271
275
  }
272
276
  .e-btn-group .e-btn:focus.e-success,
273
277
  .e-btn-group input:focus-visible + label.e-btn.e-success,
278
+ .e-btn-group input:focus + label.e-btn.e-success,
274
279
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
280
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
281
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
282
  background: #265e28;
277
283
  border-color: #265e28;
278
284
  color: #fff;
@@ -282,8 +288,10 @@
282
288
  }
283
289
  .e-btn-group .e-btn:focus.e-info,
284
290
  .e-btn-group input:focus-visible + label.e-btn.e-info,
291
+ .e-btn-group input:focus + label.e-btn.e-info,
285
292
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
293
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
294
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
295
  background: #175b66;
288
296
  border-color: #175b66;
289
297
  color: #fff;
@@ -293,8 +301,10 @@
293
301
  }
294
302
  .e-btn-group .e-btn:focus.e-warning,
295
303
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
304
+ .e-btn-group input:focus + label.e-btn.e-warning,
296
305
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
306
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
307
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
308
  background: #f69807;
299
309
  border-color: #7a4c04;
300
310
  color: #000;
@@ -304,8 +314,10 @@
304
314
  }
305
315
  .e-btn-group .e-btn:focus.e-danger,
306
316
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
317
+ .e-btn-group input:focus + label.e-btn.e-danger,
307
318
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
320
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
321
  background: #982525;
310
322
  border-color: #982525;
311
323
  color: #fff;
@@ -315,8 +327,10 @@
315
327
  }
316
328
  .e-btn-group .e-btn:focus.e-link,
317
329
  .e-btn-group input:focus-visible + label.e-btn.e-link,
330
+ .e-btn-group input:focus + label.e-btn.e-link,
318
331
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
332
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
333
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
334
  border-radius: 0;
321
335
  text-decoration: underline;
322
336
  color: #0a3576;
@@ -327,39 +341,51 @@
327
341
  }
328
342
  .e-btn-group .e-btn:focus.e-outline,
329
343
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
344
+ .e-btn-group input:focus + label.e-btn.e-outline,
330
345
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
346
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
336
352
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
338
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
355
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
342
360
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
344
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
363
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
348
368
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
350
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
354
376
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
356
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
379
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
360
384
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
362
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
387
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
388
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
363
389
  box-shadow: none;
364
390
  }
365
391
  .e-btn-group .e-btn:active,
@@ -246,8 +246,10 @@
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
248
  .e-btn-group input:focus-visible + label.e-btn,
249
+ .e-btn-group input:focus + label.e-btn,
249
250
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus-visible + label.e-btn {
251
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
252
+ .e-css.e-btn-group input:focus + label.e-btn {
251
253
  background: #e6e6e6;
252
254
  border-color: #8c8c8c;
253
255
  color: #333;
@@ -259,8 +261,10 @@
259
261
  }
260
262
  .e-btn-group .e-btn:focus.e-primary,
261
263
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
264
+ .e-btn-group input:focus + label.e-btn.e-primary,
262
265
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
266
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
267
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
268
  background: #21527d;
265
269
  border-color: #0c1d2c;
266
270
  color: #fff;
@@ -271,8 +275,10 @@
271
275
  }
272
276
  .e-btn-group .e-btn:focus.e-success,
273
277
  .e-btn-group input:focus-visible + label.e-btn.e-success,
278
+ .e-btn-group input:focus + label.e-btn.e-success,
274
279
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
280
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
281
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
282
  background: #124a1f;
277
283
  border-color: black;
278
284
  color: #fff;
@@ -282,8 +288,10 @@
282
288
  }
283
289
  .e-btn-group .e-btn:focus.e-info,
284
290
  .e-btn-group input:focus-visible + label.e-btn.e-info,
291
+ .e-btn-group input:focus + label.e-btn.e-info,
285
292
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
293
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
294
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
295
  background: #104b5d;
288
296
  border-color: #010406;
289
297
  color: #fff;
@@ -293,8 +301,10 @@
293
301
  }
294
302
  .e-btn-group .e-btn:focus.e-warning,
295
303
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
304
+ .e-btn-group input:focus + label.e-btn.e-warning,
296
305
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
306
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
307
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
308
  background: #613b05;
299
309
  border-color: black;
300
310
  color: #fff;
@@ -304,8 +314,10 @@
304
314
  }
305
315
  .e-btn-group .e-btn:focus.e-danger,
306
316
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
317
+ .e-btn-group input:focus + label.e-btn.e-danger,
307
318
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
320
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
321
  background: #a51c2a;
310
322
  border-color: #4e0d14;
311
323
  color: #fff;
@@ -315,8 +327,10 @@
315
327
  }
316
328
  .e-btn-group .e-btn:focus.e-link,
317
329
  .e-btn-group input:focus-visible + label.e-btn.e-link,
330
+ .e-btn-group input:focus + label.e-btn.e-link,
318
331
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
332
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
333
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
334
  border-radius: 0;
321
335
  text-decoration: underline;
322
336
  color: #0a3576;
@@ -327,39 +341,51 @@
327
341
  }
328
342
  .e-btn-group .e-btn:focus.e-outline,
329
343
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
344
+ .e-btn-group input:focus + label.e-btn.e-outline,
330
345
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
346
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
336
352
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
338
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
355
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
342
360
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
344
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
363
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
348
368
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
350
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
354
376
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
356
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
379
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
360
384
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
362
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
387
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
388
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
363
389
  box-shadow: none;
364
390
  }
365
391
  .e-btn-group .e-btn:active,
@@ -254,8 +254,10 @@
254
254
  }
255
255
  .e-btn-group .e-btn:focus,
256
256
  .e-btn-group input:focus-visible + label.e-btn,
257
+ .e-btn-group input:focus + label.e-btn,
257
258
  .e-css.e-btn-group .e-btn:focus,
258
- .e-css.e-btn-group input:focus-visible + label.e-btn {
259
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
260
+ .e-css.e-btn-group input:focus + label.e-btn {
259
261
  background: #5b636a;
260
262
  border-color: #60686f;
261
263
  color: #fff;
@@ -266,8 +268,10 @@
266
268
  }
267
269
  .e-btn-group .e-btn:focus.e-primary,
268
270
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
271
+ .e-btn-group input:focus + label.e-btn.e-primary,
269
272
  .e-css.e-btn-group .e-btn:focus.e-primary,
270
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
273
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
274
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
271
275
  background: #006adb;
272
276
  border-color: #006fe6;
273
277
  color: #fff;
@@ -277,8 +281,10 @@
277
281
  }
278
282
  .e-btn-group .e-btn:focus.e-success,
279
283
  .e-btn-group input:focus-visible + label.e-btn.e-success,
284
+ .e-btn-group input:focus + label.e-btn.e-success,
280
285
  .e-css.e-btn-group .e-btn:focus.e-success,
281
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
287
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
282
288
  background: #218a39;
283
289
  border-color: #23923d;
284
290
  color: #fff;
@@ -287,8 +293,10 @@
287
293
  }
288
294
  .e-btn-group .e-btn:focus.e-info,
289
295
  .e-btn-group input:focus-visible + label.e-btn.e-info,
296
+ .e-btn-group input:focus + label.e-btn.e-info,
290
297
  .e-css.e-btn-group .e-btn:focus.e-info,
291
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
298
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
299
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
292
300
  background: #138698;
293
301
  border-color: #148ea1;
294
302
  color: #fff;
@@ -297,8 +305,10 @@
297
305
  }
298
306
  .e-btn-group .e-btn:focus.e-warning,
299
307
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
308
+ .e-btn-group input:focus + label.e-btn.e-warning,
300
309
  .e-css.e-btn-group .e-btn:focus.e-warning,
301
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
310
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
311
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
302
312
  background: #e2aa00;
303
313
  border-color: #edb100;
304
314
  color: #212529;
@@ -307,8 +317,10 @@
307
317
  }
308
318
  .e-btn-group .e-btn:focus.e-danger,
309
319
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
320
+ .e-btn-group input:focus + label.e-btn.e-danger,
310
321
  .e-css.e-btn-group .e-btn:focus.e-danger,
311
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
322
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
323
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
312
324
  background: #ca2333;
313
325
  border-color: #d32535;
314
326
  color: #fff;
@@ -317,8 +329,10 @@
317
329
  }
318
330
  .e-btn-group .e-btn:focus.e-link,
319
331
  .e-btn-group input:focus-visible + label.e-btn.e-link,
332
+ .e-btn-group input:focus + label.e-btn.e-link,
320
333
  .e-css.e-btn-group .e-btn:focus.e-link,
321
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
334
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
335
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
322
336
  border-radius: 0;
323
337
  text-decoration: underline;
324
338
  background: transparent;
@@ -332,39 +346,51 @@
332
346
  }
333
347
  .e-btn-group .e-btn:focus.e-outline,
334
348
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
349
+ .e-btn-group input:focus + label.e-btn.e-outline,
335
350
  .e-css.e-btn-group .e-btn:focus.e-outline,
336
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
351
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
341
357
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
343
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
360
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
347
365
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
349
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
368
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
353
373
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
355
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
376
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
359
381
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
361
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
384
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
365
389
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
367
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
392
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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
  }
370
396
  .e-btn-group .e-btn:active,