@syncfusion/ej2-splitbuttons 25.1.38 → 25.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/CHANGELOG.md +9 -1
  2. package/dist/ej2-splitbuttons.min.js +1 -1
  3. package/dist/ej2-splitbuttons.umd.min.js +1 -1
  4. package/dist/global/ej2-splitbuttons.min.js +1 -1
  5. package/dist/global/index.d.ts +1 -1
  6. package/package.json +7 -7
  7. package/styles/bootstrap-dark.css +26 -0
  8. package/styles/bootstrap.css +26 -0
  9. package/styles/bootstrap4.css +26 -0
  10. package/styles/bootstrap5-dark.css +26 -0
  11. package/styles/bootstrap5.css +26 -0
  12. package/styles/button-group/_theme.scss +1 -0
  13. package/styles/button-group/bootstrap-dark.css +26 -0
  14. package/styles/button-group/bootstrap.css +26 -0
  15. package/styles/button-group/bootstrap4.css +26 -0
  16. package/styles/button-group/bootstrap5-dark.css +26 -0
  17. package/styles/button-group/bootstrap5.css +26 -0
  18. package/styles/button-group/fabric-dark.css +26 -0
  19. package/styles/button-group/fabric.css +26 -0
  20. package/styles/button-group/fluent-dark.css +26 -0
  21. package/styles/button-group/fluent.css +26 -0
  22. package/styles/button-group/highcontrast-light.css +26 -0
  23. package/styles/button-group/highcontrast.css +26 -0
  24. package/styles/button-group/material-dark.css +26 -0
  25. package/styles/button-group/material.css +26 -0
  26. package/styles/button-group/material3-dark.css +26 -0
  27. package/styles/button-group/material3.css +26 -0
  28. package/styles/button-group/tailwind-dark.css +26 -0
  29. package/styles/button-group/tailwind.css +26 -0
  30. package/styles/fabric-dark.css +26 -0
  31. package/styles/fabric.css +26 -0
  32. package/styles/fluent-dark.css +26 -0
  33. package/styles/fluent.css +26 -0
  34. package/styles/highcontrast-light.css +26 -0
  35. package/styles/highcontrast.css +26 -0
  36. package/styles/material-dark.css +26 -0
  37. package/styles/material.css +26 -0
  38. package/styles/material3-dark.css +26 -0
  39. package/styles/material3.css +26 -0
  40. package/styles/tailwind-dark.css +26 -0
  41. package/styles/tailwind.css +26 -0
package/styles/button-group/material3.css CHANGED
@@ -406,8 +406,10 @@
406
406
  z-index: 1;
407
407
  }
408
408
  .e-btn-group .e-btn:focus,
409
+ .e-btn-group input:focus-visible + label.e-btn,
409
410
  .e-btn-group input:focus + label.e-btn,
410
411
  .e-css.e-btn-group .e-btn:focus,
412
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
411
413
  .e-css.e-btn-group input:focus + label.e-btn {
412
414
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
413
415
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
@@ -419,8 +421,10 @@
419
421
  outline-color: inherit;
420
422
  }
421
423
  .e-btn-group .e-btn:focus.e-primary,
424
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
422
425
  .e-btn-group input:focus + label.e-btn.e-primary,
423
426
  .e-css.e-btn-group .e-btn:focus.e-primary,
427
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
424
428
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
425
429
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
426
430
  border-color: rgba(var(--color-sf-primary));
@@ -431,8 +435,10 @@
431
435
  outline-color: inherit;
432
436
  }
433
437
  .e-btn-group .e-btn:focus.e-success,
438
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
434
439
  .e-btn-group input:focus + label.e-btn.e-success,
435
440
  .e-css.e-btn-group .e-btn:focus.e-success,
441
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
436
442
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
437
443
  background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
438
444
  border-color: rgba(var(--color-sf-success));
@@ -442,8 +448,10 @@
442
448
  outline-color: inherit;
443
449
  }
444
450
  .e-btn-group .e-btn:focus.e-info,
451
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
445
452
  .e-btn-group input:focus + label.e-btn.e-info,
446
453
  .e-css.e-btn-group .e-btn:focus.e-info,
454
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
447
455
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
448
456
  background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
449
457
  border-color: rgba(var(--color-sf-info));
@@ -453,8 +461,10 @@
453
461
  outline-color: inherit;
454
462
  }
455
463
  .e-btn-group .e-btn:focus.e-warning,
464
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
456
465
  .e-btn-group input:focus + label.e-btn.e-warning,
457
466
  .e-css.e-btn-group .e-btn:focus.e-warning,
467
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
458
468
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
459
469
  background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
460
470
  border-color: rgba(var(--color-sf-warning));
@@ -464,8 +474,10 @@
464
474
  outline-color: inherit;
465
475
  }
466
476
  .e-btn-group .e-btn:focus.e-danger,
477
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
467
478
  .e-btn-group input:focus + label.e-btn.e-danger,
468
479
  .e-css.e-btn-group .e-btn:focus.e-danger,
480
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
469
481
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
470
482
  background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
471
483
  border-color: rgba(var(--color-sf-error));
@@ -475,8 +487,10 @@
475
487
  outline-color: inherit;
476
488
  }
477
489
  .e-btn-group .e-btn:focus.e-link,
490
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
478
491
  .e-btn-group input:focus + label.e-btn.e-link,
479
492
  .e-css.e-btn-group .e-btn:focus.e-link,
493
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
480
494
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
481
495
  border-radius: 0;
482
496
  text-decoration: underline;
@@ -487,8 +501,10 @@
487
501
  outline: none;
488
502
  }
489
503
  .e-btn-group .e-btn:focus.e-outline,
504
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
490
505
  .e-btn-group input:focus + label.e-btn.e-outline,
491
506
  .e-css.e-btn-group .e-btn:focus.e-outline,
507
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
492
508
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
493
509
  background: rgba(var(--color-sf-on-surface), 0.12);
494
510
  border: 1px solid rgba(var(--color-sf-outline));
@@ -496,8 +512,10 @@
496
512
  box-shadow: none;
497
513
  }
498
514
  .e-btn-group .e-btn:focus.e-outline.e-primary,
515
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
499
516
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
500
517
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
518
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
501
519
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
502
520
  background: rgba(var(--color-sf-primary), 0.12);
503
521
  border: 1px solid rgba(var(--color-sf-outline));
@@ -505,8 +523,10 @@
505
523
  box-shadow: none;
506
524
  }
507
525
  .e-btn-group .e-btn:focus.e-outline.e-success,
526
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
508
527
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
509
528
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
529
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
510
530
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
511
531
  background: rgba(var(--color-sf-success), 0.12);
512
532
  border: 1px solid rgba(var(--color-sf-outline));
@@ -514,8 +534,10 @@
514
534
  box-shadow: none;
515
535
  }
516
536
  .e-btn-group .e-btn:focus.e-outline.e-info,
537
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
517
538
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
518
539
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
540
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
519
541
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
520
542
  background: rgba(var(--color-sf-info), 0.12);
521
543
  border: 1px solid rgba(var(--color-sf-outline));
@@ -523,8 +545,10 @@
523
545
  box-shadow: none;
524
546
  }
525
547
  .e-btn-group .e-btn:focus.e-outline.e-warning,
548
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
526
549
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
527
550
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
551
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
528
552
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
529
553
  background: rgba(var(--color-sf-warning), 0.12);
530
554
  border: 1px solid rgba(var(--color-sf-outline));
@@ -532,8 +556,10 @@
532
556
  box-shadow: none;
533
557
  }
534
558
  .e-btn-group .e-btn:focus.e-outline.e-danger,
559
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
535
560
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
536
561
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
562
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
537
563
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
538
564
  background: rgba(var(--color-sf-error), 0.12);
539
565
  border: 1px solid rgba(var(--color-sf-outline));
package/styles/button-group/tailwind-dark.css CHANGED
@@ -253,8 +253,10 @@
253
253
  box-shadow: none;
254
254
  }
255
255
  .e-btn-group .e-btn:focus,
256
+ .e-btn-group input:focus-visible + label.e-btn,
256
257
  .e-btn-group input:focus + label.e-btn,
257
258
  .e-css.e-btn-group .e-btn:focus,
259
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
258
260
  .e-css.e-btn-group input:focus + label.e-btn {
259
261
  background: #374151;
260
262
  border-color: #6b7280;
@@ -265,8 +267,10 @@
265
267
  outline-color: inherit;
266
268
  }
267
269
  .e-btn-group .e-btn:focus.e-primary,
270
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
268
271
  .e-btn-group input:focus + label.e-btn.e-primary,
269
272
  .e-css.e-btn-group .e-btn:focus.e-primary,
273
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
270
274
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
271
275
  background: #06b6d4;
272
276
  border-color: #22d3ee;
@@ -276,8 +280,10 @@
276
280
  outline-color: inherit;
277
281
  }
278
282
  .e-btn-group .e-btn:focus.e-success,
283
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
279
284
  .e-btn-group input:focus + label.e-btn.e-success,
280
285
  .e-css.e-btn-group .e-btn:focus.e-success,
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
281
287
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
282
288
  background: #16a34a;
283
289
  border-color: #22c55e;
@@ -286,8 +292,10 @@
286
292
  outline-color: inherit;
287
293
  }
288
294
  .e-btn-group .e-btn:focus.e-info,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
289
296
  .e-btn-group input:focus + label.e-btn.e-info,
290
297
  .e-css.e-btn-group .e-btn:focus.e-info,
298
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
291
299
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
292
300
  background: #0284c7;
293
301
  border-color: #0ea5e9;
@@ -296,8 +304,10 @@
296
304
  outline-color: inherit;
297
305
  }
298
306
  .e-btn-group .e-btn:focus.e-warning,
307
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
299
308
  .e-btn-group input:focus + label.e-btn.e-warning,
300
309
  .e-css.e-btn-group .e-btn:focus.e-warning,
310
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
301
311
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
302
312
  background: #c2410c;
303
313
  border-color: #ea580c;
@@ -306,8 +316,10 @@
306
316
  outline-color: inherit;
307
317
  }
308
318
  .e-btn-group .e-btn:focus.e-danger,
319
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
309
320
  .e-btn-group input:focus + label.e-btn.e-danger,
310
321
  .e-css.e-btn-group .e-btn:focus.e-danger,
322
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
311
323
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
312
324
  background: #ef4444;
313
325
  border-color: #f87171;
@@ -316,8 +328,10 @@
316
328
  outline-color: inherit;
317
329
  }
318
330
  .e-btn-group .e-btn:focus.e-link,
331
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
319
332
  .e-btn-group input:focus + label.e-btn.e-link,
320
333
  .e-css.e-btn-group .e-btn:focus.e-link,
334
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
321
335
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
322
336
  border-radius: 0;
323
337
  text-decoration: underline;
@@ -328,39 +342,51 @@
328
342
  outline: none;
329
343
  }
330
344
  .e-btn-group .e-btn:focus.e-outline,
345
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
331
346
  .e-btn-group input:focus + label.e-btn.e-outline,
332
347
  .e-css.e-btn-group .e-btn:focus.e-outline,
348
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
333
349
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
334
350
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
335
351
  box-shadow: none;
336
352
  }
337
353
  .e-btn-group .e-btn:focus.e-outline.e-primary,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
338
355
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
339
356
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
357
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
340
358
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
341
359
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
342
360
  }
343
361
  .e-btn-group .e-btn:focus.e-outline.e-success,
362
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
344
363
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
345
364
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
365
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
346
366
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
347
367
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
348
368
  }
349
369
  .e-btn-group .e-btn:focus.e-outline.e-info,
370
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
350
371
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
351
372
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
373
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
352
374
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
353
375
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
354
376
  }
355
377
  .e-btn-group .e-btn:focus.e-outline.e-warning,
378
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
356
379
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
357
380
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
381
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
358
382
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
359
383
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
360
384
  }
361
385
  .e-btn-group .e-btn:focus.e-outline.e-danger,
386
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
362
387
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
363
388
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
389
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
364
390
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
365
391
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
366
392
  }
package/styles/button-group/tailwind.css CHANGED
@@ -253,8 +253,10 @@
253
253
  box-shadow: none;
254
254
  }
255
255
  .e-btn-group .e-btn:focus,
256
+ .e-btn-group input:focus-visible + label.e-btn,
256
257
  .e-btn-group input:focus + label.e-btn,
257
258
  .e-css.e-btn-group .e-btn:focus,
259
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
258
260
  .e-css.e-btn-group input:focus + label.e-btn {
259
261
  background: #f3f4f6;
260
262
  border-color: #d1d5db;
@@ -265,8 +267,10 @@
265
267
  outline-color: inherit;
266
268
  }
267
269
  .e-btn-group .e-btn:focus.e-primary,
270
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
268
271
  .e-btn-group input:focus + label.e-btn.e-primary,
269
272
  .e-css.e-btn-group .e-btn:focus.e-primary,
273
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
270
274
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
271
275
  background: #4338ca;
272
276
  border-color: #4f46e5;
@@ -276,8 +280,10 @@
276
280
  outline-color: inherit;
277
281
  }
278
282
  .e-btn-group .e-btn:focus.e-success,
283
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
279
284
  .e-btn-group input:focus + label.e-btn.e-success,
280
285
  .e-css.e-btn-group .e-btn:focus.e-success,
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
281
287
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
282
288
  background: #166534;
283
289
  border-color: #15803d;
@@ -286,8 +292,10 @@
286
292
  outline-color: inherit;
287
293
  }
288
294
  .e-btn-group .e-btn:focus.e-info,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
289
296
  .e-btn-group input:focus + label.e-btn.e-info,
290
297
  .e-css.e-btn-group .e-btn:focus.e-info,
298
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
291
299
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
292
300
  background: #155e75;
293
301
  border-color: #0e7490;
@@ -296,8 +304,10 @@
296
304
  outline-color: inherit;
297
305
  }
298
306
  .e-btn-group .e-btn:focus.e-warning,
307
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
299
308
  .e-btn-group input:focus + label.e-btn.e-warning,
300
309
  .e-css.e-btn-group .e-btn:focus.e-warning,
310
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
301
311
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
302
312
  background: #9a3412;
303
313
  border-color: #c2410c;
@@ -306,8 +316,10 @@
306
316
  outline-color: inherit;
307
317
  }
308
318
  .e-btn-group .e-btn:focus.e-danger,
319
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
309
320
  .e-btn-group input:focus + label.e-btn.e-danger,
310
321
  .e-css.e-btn-group .e-btn:focus.e-danger,
322
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
311
323
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
312
324
  background: #b91c1c;
313
325
  border-color: #dc2626;
@@ -316,8 +328,10 @@
316
328
  outline-color: inherit;
317
329
  }
318
330
  .e-btn-group .e-btn:focus.e-link,
331
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
319
332
  .e-btn-group input:focus + label.e-btn.e-link,
320
333
  .e-css.e-btn-group .e-btn:focus.e-link,
334
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
321
335
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
322
336
  border-radius: 0;
323
337
  text-decoration: underline;
@@ -328,39 +342,51 @@
328
342
  outline: none;
329
343
  }
330
344
  .e-btn-group .e-btn:focus.e-outline,
345
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
331
346
  .e-btn-group input:focus + label.e-btn.e-outline,
332
347
  .e-css.e-btn-group .e-btn:focus.e-outline,
348
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
333
349
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
334
350
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
335
351
  box-shadow: none;
336
352
  }
337
353
  .e-btn-group .e-btn:focus.e-outline.e-primary,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
338
355
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
339
356
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
357
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
340
358
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
341
359
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
342
360
  }
343
361
  .e-btn-group .e-btn:focus.e-outline.e-success,
362
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
344
363
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
345
364
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
365
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
346
366
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
347
367
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
348
368
  }
349
369
  .e-btn-group .e-btn:focus.e-outline.e-info,
370
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
350
371
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
351
372
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
373
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
352
374
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
353
375
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
354
376
  }
355
377
  .e-btn-group .e-btn:focus.e-outline.e-warning,
378
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
356
379
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
357
380
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
381
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
358
382
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
359
383
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
360
384
  }
361
385
  .e-btn-group .e-btn:focus.e-outline.e-danger,
386
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
362
387
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
363
388
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
389
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
364
390
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
365
391
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
366
392
  }
package/styles/fabric-dark.css CHANGED
@@ -808,8 +808,10 @@
808
808
  box-shadow: none;
809
809
  }
810
810
  .e-btn-group .e-btn:focus,
811
+ .e-btn-group input:focus-visible + label.e-btn,
811
812
  .e-btn-group input:focus + label.e-btn,
812
813
  .e-css.e-btn-group .e-btn:focus,
814
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
813
815
  .e-css.e-btn-group input:focus + label.e-btn {
814
816
  background: #414040;
815
817
  border-color: #201f1f;
@@ -821,8 +823,10 @@
821
823
  outline-color: #c8c8c8;
822
824
  }
823
825
  .e-btn-group .e-btn:focus.e-primary,
826
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
824
827
  .e-btn-group input:focus + label.e-btn.e-primary,
825
828
  .e-css.e-btn-group .e-btn:focus.e-primary,
829
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
826
830
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
831
  background: #0074cc;
828
832
  border-color: #201f1f;
@@ -833,8 +837,10 @@
833
837
  outline-color: #fff;
834
838
  }
835
839
  .e-btn-group .e-btn:focus.e-success,
840
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
836
841
  .e-btn-group input:focus + label.e-btn.e-success,
837
842
  .e-css.e-btn-group .e-btn:focus.e-success,
843
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
838
844
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
845
  background: #37844d;
840
846
  border-color: #201f1f;
@@ -844,8 +850,10 @@
844
850
  outline-color: #fff;
845
851
  }
846
852
  .e-btn-group .e-btn:focus.e-info,
853
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
847
854
  .e-btn-group input:focus + label.e-btn.e-info,
848
855
  .e-css.e-btn-group .e-btn:focus.e-info,
856
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
849
857
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
858
  background: #1e79cb;
851
859
  border-color: #201f1f;
@@ -855,8 +863,10 @@
855
863
  outline-color: #fff;
856
864
  }
857
865
  .e-btn-group .e-btn:focus.e-warning,
866
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
858
867
  .e-btn-group input:focus + label.e-btn.e-warning,
859
868
  .e-css.e-btn-group .e-btn:focus.e-warning,
869
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
860
870
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
871
  background: #bf7500;
862
872
  border-color: #201f1f;
@@ -866,8 +876,10 @@
866
876
  outline-color: #fff;
867
877
  }
868
878
  .e-btn-group .e-btn:focus.e-danger,
879
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
869
880
  .e-btn-group input:focus + label.e-btn.e-danger,
870
881
  .e-css.e-btn-group .e-btn:focus.e-danger,
882
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
871
883
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
884
  background: #cd2a19;
873
885
  border-color: #201f1f;
@@ -877,8 +889,10 @@
877
889
  outline-color: #fff;
878
890
  }
879
891
  .e-btn-group .e-btn:focus.e-link,
892
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
880
893
  .e-btn-group input:focus + label.e-btn.e-link,
881
894
  .e-css.e-btn-group .e-btn:focus.e-link,
895
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
882
896
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
883
897
  border-radius: 0;
884
898
  text-decoration: underline;
@@ -889,39 +903,51 @@
889
903
  outline: none;
890
904
  }
891
905
  .e-btn-group .e-btn:focus.e-outline,
906
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
892
907
  .e-btn-group input:focus + label.e-btn.e-outline,
893
908
  .e-css.e-btn-group .e-btn:focus.e-outline,
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
894
910
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
895
911
  box-shadow: none;
896
912
  box-shadow: none;
897
913
  }
898
914
  .e-btn-group .e-btn:focus.e-outline.e-primary,
915
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
899
916
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
900
917
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
918
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
901
919
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
902
920
  box-shadow: none;
903
921
  }
904
922
  .e-btn-group .e-btn:focus.e-outline.e-success,
923
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
905
924
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
906
925
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
926
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
907
927
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
908
928
  box-shadow: none;
909
929
  }
910
930
  .e-btn-group .e-btn:focus.e-outline.e-info,
931
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
911
932
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
912
933
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
934
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
913
935
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
914
936
  box-shadow: none;
915
937
  }
916
938
  .e-btn-group .e-btn:focus.e-outline.e-warning,
939
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
917
940
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
918
941
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
942
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
919
943
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
920
944
  box-shadow: none;
921
945
  }
922
946
  .e-btn-group .e-btn:focus.e-outline.e-danger,
947
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
923
948
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
924
949
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
950
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
925
951
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
926
952
  box-shadow: none;
927
953
  }
package/styles/fabric.css CHANGED
@@ -805,8 +805,10 @@
805
805
  box-shadow: none;
806
806
  }
807
807
  .e-btn-group .e-btn:focus,
808
+ .e-btn-group input:focus-visible + label.e-btn,
808
809
  .e-btn-group input:focus + label.e-btn,
809
810
  .e-css.e-btn-group .e-btn:focus,
811
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
810
812
  .e-css.e-btn-group input:focus + label.e-btn {
811
813
  background: #f4f4f4;
812
814
  border-color: #eaeaea;
@@ -819,8 +821,10 @@
819
821
  outline-offset: -2px;
820
822
  }
821
823
  .e-btn-group .e-btn:focus.e-primary,
824
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
822
825
  .e-btn-group input:focus + label.e-btn.e-primary,
823
826
  .e-css.e-btn-group .e-btn:focus.e-primary,
827
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
824
828
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
825
829
  background: #0078d6;
826
830
  border-color: #fff;
@@ -832,8 +836,10 @@
832
836
  border-color: transparent;
833
837
  }
834
838
  .e-btn-group .e-btn:focus.e-success,
839
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
835
840
  .e-btn-group input:focus + label.e-btn.e-success,
836
841
  .e-css.e-btn-group .e-btn:focus.e-success,
842
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
837
843
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
838
844
  background: #137c10;
839
845
  border-color: #fff;
@@ -844,8 +850,10 @@
844
850
  border-color: transparent;
845
851
  }
846
852
  .e-btn-group .e-btn:focus.e-info,
853
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
847
854
  .e-btn-group input:focus + label.e-btn.e-info,
848
855
  .e-css.e-btn-group .e-btn:focus.e-info,
856
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
849
857
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
858
  background: #0378d5;
851
859
  border-color: #fff;
@@ -856,8 +864,10 @@
856
864
  border-color: transparent;
857
865
  }
858
866
  .e-btn-group .e-btn:focus.e-warning,
867
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
859
868
  .e-btn-group input:focus + label.e-btn.e-warning,
860
869
  .e-css.e-btn-group .e-btn:focus.e-warning,
870
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
861
871
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
862
872
  background: #d83b01;
863
873
  border-color: #fff;
@@ -868,8 +878,10 @@
868
878
  border-color: transparent;
869
879
  }
870
880
  .e-btn-group .e-btn:focus.e-danger,
881
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
871
882
  .e-btn-group input:focus + label.e-btn.e-danger,
872
883
  .e-css.e-btn-group .e-btn:focus.e-danger,
884
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
873
885
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
874
886
  background: #a80000;
875
887
  border-color: #fff;
@@ -880,8 +892,10 @@
880
892
  border-color: transparent;
881
893
  }
882
894
  .e-btn-group .e-btn:focus.e-link,
895
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
883
896
  .e-btn-group input:focus + label.e-btn.e-link,
884
897
  .e-css.e-btn-group .e-btn:focus.e-link,
898
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
885
899
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
886
900
  border-radius: 0;
887
901
  text-decoration: underline;
@@ -892,39 +906,51 @@
892
906
  outline: none;
893
907
  }
894
908
  .e-btn-group .e-btn:focus.e-outline,
909
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
895
910
  .e-btn-group input:focus + label.e-btn.e-outline,
896
911
  .e-css.e-btn-group .e-btn:focus.e-outline,
912
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
897
913
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
898
914
  box-shadow: none;
899
915
  box-shadow: none;
900
916
  }
901
917
  .e-btn-group .e-btn:focus.e-outline.e-primary,
918
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
902
919
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
903
920
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
921
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
904
922
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
905
923
  box-shadow: none;
906
924
  }
907
925
  .e-btn-group .e-btn:focus.e-outline.e-success,
926
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
908
927
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
909
928
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
929
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
910
930
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
911
931
  box-shadow: none;
912
932
  }
913
933
  .e-btn-group .e-btn:focus.e-outline.e-info,
934
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
914
935
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
915
936
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
937
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
916
938
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
917
939
  box-shadow: none;
918
940
  }
919
941
  .e-btn-group .e-btn:focus.e-outline.e-warning,
942
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
920
943
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
921
944
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
945
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
922
946
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
923
947
  box-shadow: none;
924
948
  }
925
949
  .e-btn-group .e-btn:focus.e-outline.e-danger,
950
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
926
951
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
927
952
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
953
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
928
954
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
929
955
  box-shadow: none;
930
956
  }