@syncfusion/ej2-splitbuttons 25.1.37 → 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 (48) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ej2-splitbuttons.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +1 -0
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +1 -0
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/drop-down-button/drop-down-button.js +1 -0
  14. package/styles/bootstrap-dark.css +26 -26
  15. package/styles/bootstrap.css +26 -26
  16. package/styles/bootstrap4.css +26 -26
  17. package/styles/bootstrap5-dark.css +26 -26
  18. package/styles/bootstrap5.css +26 -26
  19. package/styles/button-group/_theme.scss +1 -1
  20. package/styles/button-group/bootstrap-dark.css +26 -26
  21. package/styles/button-group/bootstrap.css +26 -26
  22. package/styles/button-group/bootstrap4.css +26 -26
  23. package/styles/button-group/bootstrap5-dark.css +26 -26
  24. package/styles/button-group/bootstrap5.css +26 -26
  25. package/styles/button-group/fabric-dark.css +26 -26
  26. package/styles/button-group/fabric.css +26 -26
  27. package/styles/button-group/fluent-dark.css +26 -26
  28. package/styles/button-group/fluent.css +26 -26
  29. package/styles/button-group/highcontrast-light.css +26 -26
  30. package/styles/button-group/highcontrast.css +26 -26
  31. package/styles/button-group/material-dark.css +26 -26
  32. package/styles/button-group/material.css +26 -26
  33. package/styles/button-group/material3-dark.css +26 -26
  34. package/styles/button-group/material3.css +26 -26
  35. package/styles/button-group/tailwind-dark.css +26 -26
  36. package/styles/button-group/tailwind.css +26 -26
  37. package/styles/fabric-dark.css +26 -26
  38. package/styles/fabric.css +26 -26
  39. package/styles/fluent-dark.css +26 -26
  40. package/styles/fluent.css +26 -26
  41. package/styles/highcontrast-light.css +26 -26
  42. package/styles/highcontrast.css +26 -26
  43. package/styles/material-dark.css +26 -26
  44. package/styles/material.css +26 -26
  45. package/styles/material3-dark.css +26 -26
  46. package/styles/material3.css +26 -26
  47. package/styles/tailwind-dark.css +26 -26
  48. package/styles/tailwind.css +26 -26
package/styles/button-group/tailwind.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: #f3f4f6;
260
260
  border-color: #d1d5db;
261
261
  color: #374151;
@@ -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: #4338ca;
272
272
  border-color: #4f46e5;
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: #166534;
283
283
  border-color: #15803d;
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: #155e75;
293
293
  border-color: #0e7490;
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: #9a3412;
303
303
  border-color: #c2410c;
304
304
  color: #fff;
@@ -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: #b91c1c;
313
313
  border-color: #dc2626;
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
  color: #3730a3;
@@ -328,40 +328,40 @@
328
328
  outline: none;
329
329
  }
330
330
  .e-btn-group .e-btn:focus.e-outline,
331
- .e-btn-group input:focus + label.e-btn.e-outline,
331
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
332
332
  .e-css.e-btn-group .e-btn:focus.e-outline,
333
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
333
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
334
334
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
335
335
  box-shadow: none;
336
336
  }
337
337
  .e-btn-group .e-btn:focus.e-outline.e-primary,
338
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
338
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
339
339
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
340
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
340
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
341
341
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
342
342
  }
343
343
  .e-btn-group .e-btn:focus.e-outline.e-success,
344
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
344
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
345
345
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
346
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
346
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
347
347
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
348
348
  }
349
349
  .e-btn-group .e-btn:focus.e-outline.e-info,
350
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
350
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
351
351
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
352
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
352
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
353
353
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
354
354
  }
355
355
  .e-btn-group .e-btn:focus.e-outline.e-warning,
356
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
356
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
357
357
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
358
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
358
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
359
359
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
360
360
  }
361
361
  .e-btn-group .e-btn:focus.e-outline.e-danger,
362
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
362
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
363
363
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
364
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
364
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
365
365
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
366
366
  }
367
367
  .e-btn-group .e-btn:active,
package/styles/fabric-dark.css CHANGED
@@ -808,9 +808,9 @@
808
808
  box-shadow: none;
809
809
  }
810
810
  .e-btn-group .e-btn:focus,
811
- .e-btn-group input:focus + label.e-btn,
811
+ .e-btn-group input:focus-visible + label.e-btn,
812
812
  .e-css.e-btn-group .e-btn:focus,
813
- .e-css.e-btn-group input:focus + label.e-btn {
813
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
814
814
  background: #414040;
815
815
  border-color: #201f1f;
816
816
  color: #fff;
@@ -821,9 +821,9 @@
821
821
  outline-color: #c8c8c8;
822
822
  }
823
823
  .e-btn-group .e-btn:focus.e-primary,
824
- .e-btn-group input:focus + label.e-btn.e-primary,
824
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
825
825
  .e-css.e-btn-group .e-btn:focus.e-primary,
826
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
826
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
827
827
  background: #0074cc;
828
828
  border-color: #201f1f;
829
829
  color: #fff;
@@ -833,9 +833,9 @@
833
833
  outline-color: #fff;
834
834
  }
835
835
  .e-btn-group .e-btn:focus.e-success,
836
- .e-btn-group input:focus + label.e-btn.e-success,
836
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
837
837
  .e-css.e-btn-group .e-btn:focus.e-success,
838
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
838
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
839
839
  background: #37844d;
840
840
  border-color: #201f1f;
841
841
  color: #fff;
@@ -844,9 +844,9 @@
844
844
  outline-color: #fff;
845
845
  }
846
846
  .e-btn-group .e-btn:focus.e-info,
847
- .e-btn-group input:focus + label.e-btn.e-info,
847
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
848
848
  .e-css.e-btn-group .e-btn:focus.e-info,
849
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
849
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
850
850
  background: #1e79cb;
851
851
  border-color: #201f1f;
852
852
  color: #fff;
@@ -855,9 +855,9 @@
855
855
  outline-color: #fff;
856
856
  }
857
857
  .e-btn-group .e-btn:focus.e-warning,
858
- .e-btn-group input:focus + label.e-btn.e-warning,
858
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
859
859
  .e-css.e-btn-group .e-btn:focus.e-warning,
860
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
860
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
861
861
  background: #bf7500;
862
862
  border-color: #201f1f;
863
863
  color: #fff;
@@ -866,9 +866,9 @@
866
866
  outline-color: #fff;
867
867
  }
868
868
  .e-btn-group .e-btn:focus.e-danger,
869
- .e-btn-group input:focus + label.e-btn.e-danger,
869
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
870
870
  .e-css.e-btn-group .e-btn:focus.e-danger,
871
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
871
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
872
872
  background: #cd2a19;
873
873
  border-color: #201f1f;
874
874
  color: #fff;
@@ -877,9 +877,9 @@
877
877
  outline-color: #fff;
878
878
  }
879
879
  .e-btn-group .e-btn:focus.e-link,
880
- .e-btn-group input:focus + label.e-btn.e-link,
880
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
881
881
  .e-css.e-btn-group .e-btn:focus.e-link,
882
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
882
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
883
883
  border-radius: 0;
884
884
  text-decoration: underline;
885
885
  color: #639df3;
@@ -889,40 +889,40 @@
889
889
  outline: none;
890
890
  }
891
891
  .e-btn-group .e-btn:focus.e-outline,
892
- .e-btn-group input:focus + label.e-btn.e-outline,
892
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
893
893
  .e-css.e-btn-group .e-btn:focus.e-outline,
894
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
894
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
895
895
  box-shadow: none;
896
896
  box-shadow: none;
897
897
  }
898
898
  .e-btn-group .e-btn:focus.e-outline.e-primary,
899
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
899
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
900
900
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
901
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
901
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
902
902
  box-shadow: none;
903
903
  }
904
904
  .e-btn-group .e-btn:focus.e-outline.e-success,
905
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
905
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
906
906
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
907
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
907
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
908
908
  box-shadow: none;
909
909
  }
910
910
  .e-btn-group .e-btn:focus.e-outline.e-info,
911
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
911
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
912
912
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
913
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
913
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
914
914
  box-shadow: none;
915
915
  }
916
916
  .e-btn-group .e-btn:focus.e-outline.e-warning,
917
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
917
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
918
918
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
919
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
919
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
920
920
  box-shadow: none;
921
921
  }
922
922
  .e-btn-group .e-btn:focus.e-outline.e-danger,
923
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
923
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
924
924
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
925
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
925
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
926
926
  box-shadow: none;
927
927
  }
928
928
  .e-btn-group .e-btn:active,
package/styles/fabric.css CHANGED
@@ -805,9 +805,9 @@
805
805
  box-shadow: none;
806
806
  }
807
807
  .e-btn-group .e-btn:focus,
808
- .e-btn-group input:focus + label.e-btn,
808
+ .e-btn-group input:focus-visible + label.e-btn,
809
809
  .e-css.e-btn-group .e-btn:focus,
810
- .e-css.e-btn-group input:focus + label.e-btn {
810
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
811
811
  background: #f4f4f4;
812
812
  border-color: #eaeaea;
813
813
  color: #333;
@@ -819,9 +819,9 @@
819
819
  outline-offset: -2px;
820
820
  }
821
821
  .e-btn-group .e-btn:focus.e-primary,
822
- .e-btn-group input:focus + label.e-btn.e-primary,
822
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
823
823
  .e-css.e-btn-group .e-btn:focus.e-primary,
824
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
824
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
825
825
  background: #0078d6;
826
826
  border-color: #fff;
827
827
  color: #fff;
@@ -832,9 +832,9 @@
832
832
  border-color: transparent;
833
833
  }
834
834
  .e-btn-group .e-btn:focus.e-success,
835
- .e-btn-group input:focus + label.e-btn.e-success,
835
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
836
836
  .e-css.e-btn-group .e-btn:focus.e-success,
837
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
837
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
838
838
  background: #137c10;
839
839
  border-color: #fff;
840
840
  color: #fff;
@@ -844,9 +844,9 @@
844
844
  border-color: transparent;
845
845
  }
846
846
  .e-btn-group .e-btn:focus.e-info,
847
- .e-btn-group input:focus + label.e-btn.e-info,
847
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
848
848
  .e-css.e-btn-group .e-btn:focus.e-info,
849
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
849
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
850
850
  background: #0378d5;
851
851
  border-color: #fff;
852
852
  color: #fff;
@@ -856,9 +856,9 @@
856
856
  border-color: transparent;
857
857
  }
858
858
  .e-btn-group .e-btn:focus.e-warning,
859
- .e-btn-group input:focus + label.e-btn.e-warning,
859
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
860
860
  .e-css.e-btn-group .e-btn:focus.e-warning,
861
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
862
862
  background: #d83b01;
863
863
  border-color: #fff;
864
864
  color: #fff;
@@ -868,9 +868,9 @@
868
868
  border-color: transparent;
869
869
  }
870
870
  .e-btn-group .e-btn:focus.e-danger,
871
- .e-btn-group input:focus + label.e-btn.e-danger,
871
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
872
872
  .e-css.e-btn-group .e-btn:focus.e-danger,
873
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
873
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
874
874
  background: #a80000;
875
875
  border-color: #fff;
876
876
  color: #fff;
@@ -880,9 +880,9 @@
880
880
  border-color: transparent;
881
881
  }
882
882
  .e-btn-group .e-btn:focus.e-link,
883
- .e-btn-group input:focus + label.e-btn.e-link,
883
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
884
884
  .e-css.e-btn-group .e-btn:focus.e-link,
885
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
885
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
886
886
  border-radius: 0;
887
887
  text-decoration: underline;
888
888
  color: #0a3576;
@@ -892,40 +892,40 @@
892
892
  outline: none;
893
893
  }
894
894
  .e-btn-group .e-btn:focus.e-outline,
895
- .e-btn-group input:focus + label.e-btn.e-outline,
895
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
896
896
  .e-css.e-btn-group .e-btn:focus.e-outline,
897
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
897
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
898
898
  box-shadow: none;
899
899
  box-shadow: none;
900
900
  }
901
901
  .e-btn-group .e-btn:focus.e-outline.e-primary,
902
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
902
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
903
903
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
904
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
904
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
905
905
  box-shadow: none;
906
906
  }
907
907
  .e-btn-group .e-btn:focus.e-outline.e-success,
908
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
908
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
909
909
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
910
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
910
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
911
911
  box-shadow: none;
912
912
  }
913
913
  .e-btn-group .e-btn:focus.e-outline.e-info,
914
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
914
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
915
915
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
916
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
916
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
917
917
  box-shadow: none;
918
918
  }
919
919
  .e-btn-group .e-btn:focus.e-outline.e-warning,
920
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
920
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
921
921
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
922
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
922
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
923
923
  box-shadow: none;
924
924
  }
925
925
  .e-btn-group .e-btn:focus.e-outline.e-danger,
926
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
926
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
927
927
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
928
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
928
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
929
929
  box-shadow: none;
930
930
  }
931
931
  .e-btn-group .e-btn:active,
package/styles/fluent-dark.css CHANGED
@@ -802,9 +802,9 @@
802
802
  box-shadow: none;
803
803
  }
804
804
  .e-btn-group .e-btn:focus,
805
- .e-btn-group input:focus + label.e-btn,
805
+ .e-btn-group input:focus-visible + label.e-btn,
806
806
  .e-css.e-btn-group .e-btn:focus,
807
- .e-css.e-btn-group input:focus + label.e-btn {
807
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
808
808
  background: #252423;
809
809
  border-color: #8a8886;
810
810
  color: #fff;
@@ -815,9 +815,9 @@
815
815
  outline-color: inherit;
816
816
  }
817
817
  .e-btn-group .e-btn:focus.e-primary,
818
- .e-btn-group input:focus + label.e-btn.e-primary,
818
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
819
819
  .e-css.e-btn-group .e-btn:focus.e-primary,
820
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
820
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
821
821
  background: #006cbf;
822
822
  border-color: #0078d4;
823
823
  color: #1b1a19;
@@ -827,9 +827,9 @@
827
827
  outline-color: inherit;
828
828
  }
829
829
  .e-btn-group .e-btn:focus.e-success,
830
- .e-btn-group input:focus + label.e-btn.e-success,
830
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
831
831
  .e-css.e-btn-group .e-btn:focus.e-success,
832
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
832
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
833
833
  background: #0a5f0a;
834
834
  border-color: #0b6a0b;
835
835
  color: #1b1a19;
@@ -838,9 +838,9 @@
838
838
  outline-color: inherit;
839
839
  }
840
840
  .e-btn-group .e-btn:focus.e-info,
841
- .e-btn-group input:focus + label.e-btn.e-info,
841
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
842
842
  .e-css.e-btn-group .e-btn:focus.e-info,
843
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
843
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
844
844
  background: #03767a;
845
845
  border-color: #038387;
846
846
  color: #1b1a19;
@@ -849,9 +849,9 @@
849
849
  outline-color: inherit;
850
850
  }
851
851
  .e-btn-group .e-btn:focus.e-warning,
852
- .e-btn-group input:focus + label.e-btn.e-warning,
852
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
853
853
  .e-css.e-btn-group .e-btn:focus.e-warning,
854
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
854
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
855
855
  background: #cf6228;
856
856
  border-color: #ca5010;
857
857
  color: #1b1a19;
@@ -860,9 +860,9 @@
860
860
  outline-color: inherit;
861
861
  }
862
862
  .e-btn-group .e-btn:focus.e-danger,
863
- .e-btn-group input:focus + label.e-btn.e-danger,
863
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
864
864
  .e-css.e-btn-group .e-btn:focus.e-danger,
865
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
865
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
866
866
  background: #bc2f32;
867
867
  border-color: #d13438;
868
868
  color: #1b1a19;
@@ -871,9 +871,9 @@
871
871
  outline-color: inherit;
872
872
  }
873
873
  .e-btn-group .e-btn:focus.e-link,
874
- .e-btn-group input:focus + label.e-btn.e-link,
874
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
875
875
  .e-css.e-btn-group .e-btn:focus.e-link,
876
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
876
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
877
877
  border-radius: 0;
878
878
  text-decoration: underline;
879
879
  color: #0060aa;
@@ -883,40 +883,40 @@
883
883
  outline: none;
884
884
  }
885
885
  .e-btn-group .e-btn:focus.e-outline,
886
- .e-btn-group input:focus + label.e-btn.e-outline,
886
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
887
887
  .e-css.e-btn-group .e-btn:focus.e-outline,
888
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
888
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
889
889
  box-shadow: 0 0 rgba(0, 0, 0, 0);
890
890
  box-shadow: none;
891
891
  }
892
892
  .e-btn-group .e-btn:focus.e-outline.e-primary,
893
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
893
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
894
894
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
895
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
895
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
896
896
  box-shadow: none;
897
897
  }
898
898
  .e-btn-group .e-btn:focus.e-outline.e-success,
899
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
899
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
900
900
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
901
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
901
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
902
902
  box-shadow: none;
903
903
  }
904
904
  .e-btn-group .e-btn:focus.e-outline.e-info,
905
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
905
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
906
906
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
907
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
907
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
908
908
  box-shadow: none;
909
909
  }
910
910
  .e-btn-group .e-btn:focus.e-outline.e-warning,
911
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
911
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
912
912
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
913
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
913
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
914
914
  box-shadow: none;
915
915
  }
916
916
  .e-btn-group .e-btn:focus.e-outline.e-danger,
917
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
917
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
918
918
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
919
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
919
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
920
920
  box-shadow: none;
921
921
  }
922
922
  .e-btn-group .e-btn:active,
package/styles/fluent.css CHANGED
@@ -802,9 +802,9 @@
802
802
  box-shadow: none;
803
803
  }
804
804
  .e-btn-group .e-btn:focus,
805
- .e-btn-group input:focus + label.e-btn,
805
+ .e-btn-group input:focus-visible + label.e-btn,
806
806
  .e-css.e-btn-group .e-btn:focus,
807
- .e-css.e-btn-group input:focus + label.e-btn {
807
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
808
808
  background: #f3f2f1;
809
809
  border-color: #8a8886;
810
810
  color: #323130;
@@ -815,9 +815,9 @@
815
815
  outline-color: inherit;
816
816
  }
817
817
  .e-btn-group .e-btn:focus.e-primary,
818
- .e-btn-group input:focus + label.e-btn.e-primary,
818
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
819
819
  .e-css.e-btn-group .e-btn:focus.e-primary,
820
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
820
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
821
821
  background: #006cbf;
822
822
  border-color: #0078d4;
823
823
  color: #fff;
@@ -827,9 +827,9 @@
827
827
  outline-color: inherit;
828
828
  }
829
829
  .e-btn-group .e-btn:focus.e-success,
830
- .e-btn-group input:focus + label.e-btn.e-success,
830
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
831
831
  .e-css.e-btn-group .e-btn:focus.e-success,
832
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
832
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
833
833
  background: #0a5f0a;
834
834
  border-color: #0b6a0b;
835
835
  color: #fff;
@@ -838,9 +838,9 @@
838
838
  outline-color: inherit;
839
839
  }
840
840
  .e-btn-group .e-btn:focus.e-info,
841
- .e-btn-group input:focus + label.e-btn.e-info,
841
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
842
842
  .e-css.e-btn-group .e-btn:focus.e-info,
843
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
843
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
844
844
  background: #03767a;
845
845
  border-color: #038387;
846
846
  color: #fff;
@@ -849,9 +849,9 @@
849
849
  outline-color: inherit;
850
850
  }
851
851
  .e-btn-group .e-btn:focus.e-warning,
852
- .e-btn-group input:focus + label.e-btn.e-warning,
852
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
853
853
  .e-css.e-btn-group .e-btn:focus.e-warning,
854
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
854
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
855
855
  background: #cf6228;
856
856
  border-color: #ca5010;
857
857
  color: #fff;
@@ -860,9 +860,9 @@
860
860
  outline-color: inherit;
861
861
  }
862
862
  .e-btn-group .e-btn:focus.e-danger,
863
- .e-btn-group input:focus + label.e-btn.e-danger,
863
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
864
864
  .e-css.e-btn-group .e-btn:focus.e-danger,
865
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
865
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
866
866
  background: #bc2f32;
867
867
  border-color: #d13438;
868
868
  color: #fff;
@@ -871,9 +871,9 @@
871
871
  outline-color: inherit;
872
872
  }
873
873
  .e-btn-group .e-btn:focus.e-link,
874
- .e-btn-group input:focus + label.e-btn.e-link,
874
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
875
875
  .e-css.e-btn-group .e-btn:focus.e-link,
876
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
876
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
877
877
  border-radius: 0;
878
878
  text-decoration: underline;
879
879
  color: #0060aa;
@@ -883,40 +883,40 @@
883
883
  outline: none;
884
884
  }
885
885
  .e-btn-group .e-btn:focus.e-outline,
886
- .e-btn-group input:focus + label.e-btn.e-outline,
886
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
887
887
  .e-css.e-btn-group .e-btn:focus.e-outline,
888
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
888
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
889
889
  box-shadow: 0 0 rgba(0, 0, 0, 0);
890
890
  box-shadow: none;
891
891
  }
892
892
  .e-btn-group .e-btn:focus.e-outline.e-primary,
893
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
893
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
894
894
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
895
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
895
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
896
896
  box-shadow: none;
897
897
  }
898
898
  .e-btn-group .e-btn:focus.e-outline.e-success,
899
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
899
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
900
900
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
901
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
901
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
902
902
  box-shadow: none;
903
903
  }
904
904
  .e-btn-group .e-btn:focus.e-outline.e-info,
905
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
905
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
906
906
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
907
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
907
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
908
908
  box-shadow: none;
909
909
  }
910
910
  .e-btn-group .e-btn:focus.e-outline.e-warning,
911
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
911
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
912
912
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
913
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
913
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
914
914
  box-shadow: none;
915
915
  }
916
916
  .e-btn-group .e-btn:focus.e-outline.e-danger,
917
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
917
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
918
918
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
919
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
919
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
920
920
  box-shadow: none;
921
921
  }
922
922
  .e-btn-group .e-btn:active,