@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/bootstrap5-dark.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: #5c636a;
260
260
  border-color: #6c757d;
261
261
  color: #fff;
@@ -266,9 +266,9 @@
266
266
  outline-color: inherit;
267
267
  }
268
268
  .e-btn-group .e-btn:focus.e-primary,
269
- .e-btn-group input:focus + label.e-btn.e-primary,
269
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
270
270
  .e-css.e-btn-group .e-btn:focus.e-primary,
271
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
271
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
272
272
  background: #0b5ed7;
273
273
  border-color: #0d6efd;
274
274
  color: #fff;
@@ -278,9 +278,9 @@
278
278
  outline-color: inherit;
279
279
  }
280
280
  .e-btn-group .e-btn:focus.e-success,
281
- .e-btn-group input:focus + label.e-btn.e-success,
281
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
282
282
  .e-css.e-btn-group .e-btn:focus.e-success,
283
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
283
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
284
284
  background: #157347;
285
285
  border-color: #198754;
286
286
  color: #fff;
@@ -289,9 +289,9 @@
289
289
  outline-color: inherit;
290
290
  }
291
291
  .e-btn-group .e-btn:focus.e-info,
292
- .e-btn-group input:focus + label.e-btn.e-info,
292
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
293
293
  .e-css.e-btn-group .e-btn:focus.e-info,
294
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
294
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
295
295
  background: #31d2f2;
296
296
  border-color: #0dcaf0;
297
297
  color: #000;
@@ -300,9 +300,9 @@
300
300
  outline-color: inherit;
301
301
  }
302
302
  .e-btn-group .e-btn:focus.e-warning,
303
- .e-btn-group input:focus + label.e-btn.e-warning,
303
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
304
304
  .e-css.e-btn-group .e-btn:focus.e-warning,
305
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
305
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
306
306
  background: #ffca2c;
307
307
  border-color: #ffc107;
308
308
  color: #000;
@@ -311,9 +311,9 @@
311
311
  outline-color: inherit;
312
312
  }
313
313
  .e-btn-group .e-btn:focus.e-danger,
314
- .e-btn-group input:focus + label.e-btn.e-danger,
314
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
315
315
  .e-css.e-btn-group .e-btn:focus.e-danger,
316
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
316
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
317
317
  background: #bb2d3b;
318
318
  border-color: #dc3545;
319
319
  color: #fff;
@@ -322,9 +322,9 @@
322
322
  outline-color: inherit;
323
323
  }
324
324
  .e-btn-group .e-btn:focus.e-link,
325
- .e-btn-group input:focus + label.e-btn.e-link,
325
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
326
326
  .e-css.e-btn-group .e-btn:focus.e-link,
327
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
327
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
328
328
  border-radius: 0;
329
329
  text-decoration: underline;
330
330
  color: #0a58ca;
@@ -334,45 +334,45 @@
334
334
  outline: none;
335
335
  }
336
336
  .e-btn-group .e-btn:focus.e-outline,
337
- .e-btn-group input:focus + label.e-btn.e-outline,
337
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
338
338
  .e-css.e-btn-group .e-btn:focus.e-outline,
339
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
339
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
340
340
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
341
341
  box-shadow: none;
342
342
  border-color: #5c636a;
343
343
  }
344
344
  .e-btn-group .e-btn:focus.e-outline.e-primary,
345
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
345
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
346
346
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
347
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
347
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
348
348
  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
349
349
  border-color: #0d6efd;
350
350
  }
351
351
  .e-btn-group .e-btn:focus.e-outline.e-success,
352
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
352
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
353
353
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
354
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
354
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
355
355
  box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
356
356
  border-color: #157347;
357
357
  }
358
358
  .e-btn-group .e-btn:focus.e-outline.e-info,
359
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
359
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
360
360
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
361
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
361
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
362
362
  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
363
363
  border-color: #31d2f2;
364
364
  }
365
365
  .e-btn-group .e-btn:focus.e-outline.e-warning,
366
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
366
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
367
367
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
368
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
368
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
369
369
  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
370
370
  border-color: #ffca2c;
371
371
  }
372
372
  .e-btn-group .e-btn:focus.e-outline.e-danger,
373
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
373
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
374
374
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
375
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
375
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
376
376
  box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
377
377
  border-color: #bb2d3b;
378
378
  }
package/styles/button-group/bootstrap5.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: #5c636a;
260
260
  border-color: #6c757d;
261
261
  color: #fff;
@@ -266,9 +266,9 @@
266
266
  outline-color: inherit;
267
267
  }
268
268
  .e-btn-group .e-btn:focus.e-primary,
269
- .e-btn-group input:focus + label.e-btn.e-primary,
269
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
270
270
  .e-css.e-btn-group .e-btn:focus.e-primary,
271
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
271
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
272
272
  background: #0b5ed7;
273
273
  border-color: #0d6efd;
274
274
  color: #fff;
@@ -278,9 +278,9 @@
278
278
  outline-color: inherit;
279
279
  }
280
280
  .e-btn-group .e-btn:focus.e-success,
281
- .e-btn-group input:focus + label.e-btn.e-success,
281
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
282
282
  .e-css.e-btn-group .e-btn:focus.e-success,
283
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
283
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
284
284
  background: #157347;
285
285
  border-color: #198754;
286
286
  color: #fff;
@@ -289,9 +289,9 @@
289
289
  outline-color: inherit;
290
290
  }
291
291
  .e-btn-group .e-btn:focus.e-info,
292
- .e-btn-group input:focus + label.e-btn.e-info,
292
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
293
293
  .e-css.e-btn-group .e-btn:focus.e-info,
294
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
294
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
295
295
  background: #31d2f2;
296
296
  border-color: #0dcaf0;
297
297
  color: #000;
@@ -300,9 +300,9 @@
300
300
  outline-color: inherit;
301
301
  }
302
302
  .e-btn-group .e-btn:focus.e-warning,
303
- .e-btn-group input:focus + label.e-btn.e-warning,
303
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
304
304
  .e-css.e-btn-group .e-btn:focus.e-warning,
305
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
305
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
306
306
  background: #ffca2c;
307
307
  border-color: #ffc107;
308
308
  color: #000;
@@ -311,9 +311,9 @@
311
311
  outline-color: inherit;
312
312
  }
313
313
  .e-btn-group .e-btn:focus.e-danger,
314
- .e-btn-group input:focus + label.e-btn.e-danger,
314
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
315
315
  .e-css.e-btn-group .e-btn:focus.e-danger,
316
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
316
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
317
317
  background: #bb2d3b;
318
318
  border-color: #dc3545;
319
319
  color: #fff;
@@ -322,9 +322,9 @@
322
322
  outline-color: inherit;
323
323
  }
324
324
  .e-btn-group .e-btn:focus.e-link,
325
- .e-btn-group input:focus + label.e-btn.e-link,
325
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
326
326
  .e-css.e-btn-group .e-btn:focus.e-link,
327
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
327
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
328
328
  border-radius: 0;
329
329
  text-decoration: underline;
330
330
  color: #0a58ca;
@@ -334,45 +334,45 @@
334
334
  outline: none;
335
335
  }
336
336
  .e-btn-group .e-btn:focus.e-outline,
337
- .e-btn-group input:focus + label.e-btn.e-outline,
337
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
338
338
  .e-css.e-btn-group .e-btn:focus.e-outline,
339
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
339
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
340
340
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
341
341
  box-shadow: none;
342
342
  border-color: #5c636a;
343
343
  }
344
344
  .e-btn-group .e-btn:focus.e-outline.e-primary,
345
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
345
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
346
346
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
347
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
347
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
348
348
  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
349
349
  border-color: #0d6efd;
350
350
  }
351
351
  .e-btn-group .e-btn:focus.e-outline.e-success,
352
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
352
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
353
353
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
354
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
354
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
355
355
  box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
356
356
  border-color: #157347;
357
357
  }
358
358
  .e-btn-group .e-btn:focus.e-outline.e-info,
359
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
359
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
360
360
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
361
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
361
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
362
362
  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
363
363
  border-color: #31d2f2;
364
364
  }
365
365
  .e-btn-group .e-btn:focus.e-outline.e-warning,
366
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
366
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
367
367
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
368
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
368
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
369
369
  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
370
370
  border-color: #ffca2c;
371
371
  }
372
372
  .e-btn-group .e-btn:focus.e-outline.e-danger,
373
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
373
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
374
374
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
375
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
375
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
376
376
  box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
377
377
  border-color: #bb2d3b;
378
378
  }
package/styles/button-group/fabric-dark.css CHANGED
@@ -245,9 +245,9 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
- .e-btn-group input:focus + label.e-btn,
248
+ .e-btn-group input:focus-visible + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
251
251
  background: #414040;
252
252
  border-color: #201f1f;
253
253
  color: #fff;
@@ -258,9 +258,9 @@
258
258
  outline-color: #c8c8c8;
259
259
  }
260
260
  .e-btn-group .e-btn:focus.e-primary,
261
- .e-btn-group input:focus + label.e-btn.e-primary,
261
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
262
262
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
263
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
264
264
  background: #0074cc;
265
265
  border-color: #201f1f;
266
266
  color: #fff;
@@ -270,9 +270,9 @@
270
270
  outline-color: #fff;
271
271
  }
272
272
  .e-btn-group .e-btn:focus.e-success,
273
- .e-btn-group input:focus + label.e-btn.e-success,
273
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
274
274
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
275
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
276
276
  background: #37844d;
277
277
  border-color: #201f1f;
278
278
  color: #fff;
@@ -281,9 +281,9 @@
281
281
  outline-color: #fff;
282
282
  }
283
283
  .e-btn-group .e-btn:focus.e-info,
284
- .e-btn-group input:focus + label.e-btn.e-info,
284
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
285
285
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
287
287
  background: #1e79cb;
288
288
  border-color: #201f1f;
289
289
  color: #fff;
@@ -292,9 +292,9 @@
292
292
  outline-color: #fff;
293
293
  }
294
294
  .e-btn-group .e-btn:focus.e-warning,
295
- .e-btn-group input:focus + label.e-btn.e-warning,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
296
296
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
297
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
298
298
  background: #bf7500;
299
299
  border-color: #201f1f;
300
300
  color: #fff;
@@ -303,9 +303,9 @@
303
303
  outline-color: #fff;
304
304
  }
305
305
  .e-btn-group .e-btn:focus.e-danger,
306
- .e-btn-group input:focus + label.e-btn.e-danger,
306
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
307
307
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
308
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
309
309
  background: #cd2a19;
310
310
  border-color: #201f1f;
311
311
  color: #fff;
@@ -314,9 +314,9 @@
314
314
  outline-color: #fff;
315
315
  }
316
316
  .e-btn-group .e-btn:focus.e-link,
317
- .e-btn-group input:focus + label.e-btn.e-link,
317
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
318
318
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
320
320
  border-radius: 0;
321
321
  text-decoration: underline;
322
322
  color: #639df3;
@@ -326,40 +326,40 @@
326
326
  outline: none;
327
327
  }
328
328
  .e-btn-group .e-btn:focus.e-outline,
329
- .e-btn-group input:focus + label.e-btn.e-outline,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
330
330
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
332
332
  box-shadow: none;
333
333
  box-shadow: none;
334
334
  }
335
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
336
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
337
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
338
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
339
339
  box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
342
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
344
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
345
345
  box-shadow: none;
346
346
  }
347
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
348
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
348
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
349
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
350
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
351
351
  box-shadow: none;
352
352
  }
353
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
354
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
355
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
356
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
357
357
  box-shadow: none;
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
360
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
361
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
362
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
362
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
363
363
  box-shadow: none;
364
364
  }
365
365
  .e-btn-group .e-btn:active,
package/styles/button-group/fabric.css CHANGED
@@ -245,9 +245,9 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
- .e-btn-group input:focus + label.e-btn,
248
+ .e-btn-group input:focus-visible + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
251
251
  background: #f4f4f4;
252
252
  border-color: #eaeaea;
253
253
  color: #333;
@@ -259,9 +259,9 @@
259
259
  outline-offset: -2px;
260
260
  }
261
261
  .e-btn-group .e-btn:focus.e-primary,
262
- .e-btn-group input:focus + label.e-btn.e-primary,
262
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
263
263
  .e-css.e-btn-group .e-btn:focus.e-primary,
264
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
265
265
  background: #0078d6;
266
266
  border-color: #fff;
267
267
  color: #fff;
@@ -272,9 +272,9 @@
272
272
  border-color: transparent;
273
273
  }
274
274
  .e-btn-group .e-btn:focus.e-success,
275
- .e-btn-group input:focus + label.e-btn.e-success,
275
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
276
276
  .e-css.e-btn-group .e-btn:focus.e-success,
277
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
277
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
278
278
  background: #137c10;
279
279
  border-color: #fff;
280
280
  color: #fff;
@@ -284,9 +284,9 @@
284
284
  border-color: transparent;
285
285
  }
286
286
  .e-btn-group .e-btn:focus.e-info,
287
- .e-btn-group input:focus + label.e-btn.e-info,
287
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
288
288
  .e-css.e-btn-group .e-btn:focus.e-info,
289
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
289
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
290
290
  background: #0378d5;
291
291
  border-color: #fff;
292
292
  color: #fff;
@@ -296,9 +296,9 @@
296
296
  border-color: transparent;
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: #d83b01;
303
303
  border-color: #fff;
304
304
  color: #fff;
@@ -308,9 +308,9 @@
308
308
  border-color: transparent;
309
309
  }
310
310
  .e-btn-group .e-btn:focus.e-danger,
311
- .e-btn-group input:focus + label.e-btn.e-danger,
311
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
312
312
  .e-css.e-btn-group .e-btn:focus.e-danger,
313
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
313
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
314
314
  background: #a80000;
315
315
  border-color: #fff;
316
316
  color: #fff;
@@ -320,9 +320,9 @@
320
320
  border-color: transparent;
321
321
  }
322
322
  .e-btn-group .e-btn:focus.e-link,
323
- .e-btn-group input:focus + label.e-btn.e-link,
323
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
324
324
  .e-css.e-btn-group .e-btn:focus.e-link,
325
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
325
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
326
326
  border-radius: 0;
327
327
  text-decoration: underline;
328
328
  color: #0a3576;
@@ -332,40 +332,40 @@
332
332
  outline: none;
333
333
  }
334
334
  .e-btn-group .e-btn:focus.e-outline,
335
- .e-btn-group input:focus + label.e-btn.e-outline,
335
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
336
336
  .e-css.e-btn-group .e-btn:focus.e-outline,
337
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
337
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
338
338
  box-shadow: none;
339
339
  box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-primary,
342
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
342
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
344
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
344
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
345
345
  box-shadow: none;
346
346
  }
347
347
  .e-btn-group .e-btn:focus.e-outline.e-success,
348
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
348
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
349
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
350
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
351
351
  box-shadow: none;
352
352
  }
353
353
  .e-btn-group .e-btn:focus.e-outline.e-info,
354
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
355
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
356
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
357
357
  box-shadow: none;
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-warning,
360
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
361
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
362
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
362
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
363
363
  box-shadow: none;
364
364
  }
365
365
  .e-btn-group .e-btn:focus.e-outline.e-danger,
366
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
366
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
367
367
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
368
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
368
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
369
369
  box-shadow: none;
370
370
  }
371
371
  .e-btn-group .e-btn:active,