@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/bootstrap5.css CHANGED
@@ -253,8 +253,10 @@
253
253
  box-shadow: none;
254
254
  }
255
255
  .e-btn-group .e-btn:focus,
256
+ .e-btn-group input:focus-visible + label.e-btn,
256
257
  .e-btn-group input:focus + label.e-btn,
257
258
  .e-css.e-btn-group .e-btn:focus,
259
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
258
260
  .e-css.e-btn-group input:focus + label.e-btn {
259
261
  background: #5c636a;
260
262
  border-color: #6c757d;
@@ -266,8 +268,10 @@
266
268
  outline-color: inherit;
267
269
  }
268
270
  .e-btn-group .e-btn:focus.e-primary,
271
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
269
272
  .e-btn-group input:focus + label.e-btn.e-primary,
270
273
  .e-css.e-btn-group .e-btn:focus.e-primary,
274
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
271
275
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
272
276
  background: #0b5ed7;
273
277
  border-color: #0d6efd;
@@ -278,8 +282,10 @@
278
282
  outline-color: inherit;
279
283
  }
280
284
  .e-btn-group .e-btn:focus.e-success,
285
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
281
286
  .e-btn-group input:focus + label.e-btn.e-success,
282
287
  .e-css.e-btn-group .e-btn:focus.e-success,
288
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
283
289
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
284
290
  background: #157347;
285
291
  border-color: #198754;
@@ -289,8 +295,10 @@
289
295
  outline-color: inherit;
290
296
  }
291
297
  .e-btn-group .e-btn:focus.e-info,
298
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
292
299
  .e-btn-group input:focus + label.e-btn.e-info,
293
300
  .e-css.e-btn-group .e-btn:focus.e-info,
301
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
294
302
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
295
303
  background: #31d2f2;
296
304
  border-color: #0dcaf0;
@@ -300,8 +308,10 @@
300
308
  outline-color: inherit;
301
309
  }
302
310
  .e-btn-group .e-btn:focus.e-warning,
311
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
303
312
  .e-btn-group input:focus + label.e-btn.e-warning,
304
313
  .e-css.e-btn-group .e-btn:focus.e-warning,
314
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
305
315
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
306
316
  background: #ffca2c;
307
317
  border-color: #ffc107;
@@ -311,8 +321,10 @@
311
321
  outline-color: inherit;
312
322
  }
313
323
  .e-btn-group .e-btn:focus.e-danger,
324
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
314
325
  .e-btn-group input:focus + label.e-btn.e-danger,
315
326
  .e-css.e-btn-group .e-btn:focus.e-danger,
327
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
316
328
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
317
329
  background: #bb2d3b;
318
330
  border-color: #dc3545;
@@ -322,8 +334,10 @@
322
334
  outline-color: inherit;
323
335
  }
324
336
  .e-btn-group .e-btn:focus.e-link,
337
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
325
338
  .e-btn-group input:focus + label.e-btn.e-link,
326
339
  .e-css.e-btn-group .e-btn:focus.e-link,
340
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
327
341
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
328
342
  border-radius: 0;
329
343
  text-decoration: underline;
@@ -334,44 +348,56 @@
334
348
  outline: none;
335
349
  }
336
350
  .e-btn-group .e-btn:focus.e-outline,
351
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
337
352
  .e-btn-group input:focus + label.e-btn.e-outline,
338
353
  .e-css.e-btn-group .e-btn:focus.e-outline,
354
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
339
355
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
340
356
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
341
357
  box-shadow: none;
342
358
  border-color: #5c636a;
343
359
  }
344
360
  .e-btn-group .e-btn:focus.e-outline.e-primary,
361
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
345
362
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
346
363
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
364
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
347
365
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
348
366
  box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
349
367
  border-color: #0d6efd;
350
368
  }
351
369
  .e-btn-group .e-btn:focus.e-outline.e-success,
370
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
352
371
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
353
372
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
373
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
354
374
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
355
375
  box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
356
376
  border-color: #157347;
357
377
  }
358
378
  .e-btn-group .e-btn:focus.e-outline.e-info,
379
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
359
380
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
360
381
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
382
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
361
383
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
362
384
  box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
363
385
  border-color: #31d2f2;
364
386
  }
365
387
  .e-btn-group .e-btn:focus.e-outline.e-warning,
388
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
366
389
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
367
390
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
391
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
368
392
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
369
393
  box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
370
394
  border-color: #ffca2c;
371
395
  }
372
396
  .e-btn-group .e-btn:focus.e-outline.e-danger,
397
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
373
398
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
374
399
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
400
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
375
401
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
376
402
  box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
377
403
  border-color: #bb2d3b;
package/styles/button-group/fabric-dark.css CHANGED
@@ -245,8 +245,10 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
+ .e-btn-group input:focus-visible + label.e-btn,
248
249
  .e-btn-group input:focus + label.e-btn,
249
250
  .e-css.e-btn-group .e-btn:focus,
251
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
250
252
  .e-css.e-btn-group input:focus + label.e-btn {
251
253
  background: #414040;
252
254
  border-color: #201f1f;
@@ -258,8 +260,10 @@
258
260
  outline-color: #c8c8c8;
259
261
  }
260
262
  .e-btn-group .e-btn:focus.e-primary,
263
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
261
264
  .e-btn-group input:focus + label.e-btn.e-primary,
262
265
  .e-css.e-btn-group .e-btn:focus.e-primary,
266
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
263
267
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
268
  background: #0074cc;
265
269
  border-color: #201f1f;
@@ -270,8 +274,10 @@
270
274
  outline-color: #fff;
271
275
  }
272
276
  .e-btn-group .e-btn:focus.e-success,
277
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
273
278
  .e-btn-group input:focus + label.e-btn.e-success,
274
279
  .e-css.e-btn-group .e-btn:focus.e-success,
280
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
275
281
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
282
  background: #37844d;
277
283
  border-color: #201f1f;
@@ -281,8 +287,10 @@
281
287
  outline-color: #fff;
282
288
  }
283
289
  .e-btn-group .e-btn:focus.e-info,
290
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
284
291
  .e-btn-group input:focus + label.e-btn.e-info,
285
292
  .e-css.e-btn-group .e-btn:focus.e-info,
293
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
286
294
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
295
  background: #1e79cb;
288
296
  border-color: #201f1f;
@@ -292,8 +300,10 @@
292
300
  outline-color: #fff;
293
301
  }
294
302
  .e-btn-group .e-btn:focus.e-warning,
303
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
295
304
  .e-btn-group input:focus + label.e-btn.e-warning,
296
305
  .e-css.e-btn-group .e-btn:focus.e-warning,
306
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
297
307
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
308
  background: #bf7500;
299
309
  border-color: #201f1f;
@@ -303,8 +313,10 @@
303
313
  outline-color: #fff;
304
314
  }
305
315
  .e-btn-group .e-btn:focus.e-danger,
316
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
306
317
  .e-btn-group input:focus + label.e-btn.e-danger,
307
318
  .e-css.e-btn-group .e-btn:focus.e-danger,
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
308
320
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
321
  background: #cd2a19;
310
322
  border-color: #201f1f;
@@ -314,8 +326,10 @@
314
326
  outline-color: #fff;
315
327
  }
316
328
  .e-btn-group .e-btn:focus.e-link,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
317
330
  .e-btn-group input:focus + label.e-btn.e-link,
318
331
  .e-css.e-btn-group .e-btn:focus.e-link,
332
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
319
333
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
334
  border-radius: 0;
321
335
  text-decoration: underline;
@@ -326,39 +340,51 @@
326
340
  outline: none;
327
341
  }
328
342
  .e-btn-group .e-btn:focus.e-outline,
343
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
329
344
  .e-btn-group input:focus + label.e-btn.e-outline,
330
345
  .e-css.e-btn-group .e-btn:focus.e-outline,
346
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
331
347
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
332
348
  box-shadow: none;
333
349
  box-shadow: none;
334
350
  }
335
351
  .e-btn-group .e-btn:focus.e-outline.e-primary,
352
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
336
353
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
337
354
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
355
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
338
356
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
339
357
  box-shadow: none;
340
358
  }
341
359
  .e-btn-group .e-btn:focus.e-outline.e-success,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
342
361
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
362
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
363
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
344
364
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
345
365
  box-shadow: none;
346
366
  }
347
367
  .e-btn-group .e-btn:focus.e-outline.e-info,
368
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
348
369
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
349
370
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
350
372
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
351
373
  box-shadow: none;
352
374
  }
353
375
  .e-btn-group .e-btn:focus.e-outline.e-warning,
376
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
354
377
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
355
378
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
379
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
356
380
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
357
381
  box-shadow: none;
358
382
  }
359
383
  .e-btn-group .e-btn:focus.e-outline.e-danger,
384
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
360
385
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
361
386
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
387
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
362
388
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
363
389
  box-shadow: none;
364
390
  }
package/styles/button-group/fabric.css CHANGED
@@ -245,8 +245,10 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
+ .e-btn-group input:focus-visible + label.e-btn,
248
249
  .e-btn-group input:focus + label.e-btn,
249
250
  .e-css.e-btn-group .e-btn:focus,
251
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
250
252
  .e-css.e-btn-group input:focus + label.e-btn {
251
253
  background: #f4f4f4;
252
254
  border-color: #eaeaea;
@@ -259,8 +261,10 @@
259
261
  outline-offset: -2px;
260
262
  }
261
263
  .e-btn-group .e-btn:focus.e-primary,
264
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
262
265
  .e-btn-group input:focus + label.e-btn.e-primary,
263
266
  .e-css.e-btn-group .e-btn:focus.e-primary,
267
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
264
268
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
265
269
  background: #0078d6;
266
270
  border-color: #fff;
@@ -272,8 +276,10 @@
272
276
  border-color: transparent;
273
277
  }
274
278
  .e-btn-group .e-btn:focus.e-success,
279
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
275
280
  .e-btn-group input:focus + label.e-btn.e-success,
276
281
  .e-css.e-btn-group .e-btn:focus.e-success,
282
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
277
283
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
278
284
  background: #137c10;
279
285
  border-color: #fff;
@@ -284,8 +290,10 @@
284
290
  border-color: transparent;
285
291
  }
286
292
  .e-btn-group .e-btn:focus.e-info,
293
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
287
294
  .e-btn-group input:focus + label.e-btn.e-info,
288
295
  .e-css.e-btn-group .e-btn:focus.e-info,
296
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
289
297
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
290
298
  background: #0378d5;
291
299
  border-color: #fff;
@@ -296,8 +304,10 @@
296
304
  border-color: transparent;
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: #d83b01;
303
313
  border-color: #fff;
@@ -308,8 +318,10 @@
308
318
  border-color: transparent;
309
319
  }
310
320
  .e-btn-group .e-btn:focus.e-danger,
321
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
311
322
  .e-btn-group input:focus + label.e-btn.e-danger,
312
323
  .e-css.e-btn-group .e-btn:focus.e-danger,
324
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
313
325
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
314
326
  background: #a80000;
315
327
  border-color: #fff;
@@ -320,8 +332,10 @@
320
332
  border-color: transparent;
321
333
  }
322
334
  .e-btn-group .e-btn:focus.e-link,
335
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
323
336
  .e-btn-group input:focus + label.e-btn.e-link,
324
337
  .e-css.e-btn-group .e-btn:focus.e-link,
338
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
325
339
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
326
340
  border-radius: 0;
327
341
  text-decoration: underline;
@@ -332,39 +346,51 @@
332
346
  outline: none;
333
347
  }
334
348
  .e-btn-group .e-btn:focus.e-outline,
349
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
335
350
  .e-btn-group input:focus + label.e-btn.e-outline,
336
351
  .e-css.e-btn-group .e-btn:focus.e-outline,
352
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
337
353
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
338
354
  box-shadow: none;
339
355
  box-shadow: none;
340
356
  }
341
357
  .e-btn-group .e-btn:focus.e-outline.e-primary,
358
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
342
359
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
343
360
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
361
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
344
362
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
345
363
  box-shadow: none;
346
364
  }
347
365
  .e-btn-group .e-btn:focus.e-outline.e-success,
366
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
348
367
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
349
368
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
369
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
350
370
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
351
371
  box-shadow: none;
352
372
  }
353
373
  .e-btn-group .e-btn:focus.e-outline.e-info,
374
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
354
375
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
355
376
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
377
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
356
378
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
357
379
  box-shadow: none;
358
380
  }
359
381
  .e-btn-group .e-btn:focus.e-outline.e-warning,
382
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
360
383
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
361
384
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
385
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
362
386
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
363
387
  box-shadow: none;
364
388
  }
365
389
  .e-btn-group .e-btn:focus.e-outline.e-danger,
390
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
366
391
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
367
392
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
393
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
368
394
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
369
395
  box-shadow: none;
370
396
  }
package/styles/button-group/fluent-dark.css CHANGED
@@ -245,8 +245,10 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
+ .e-btn-group input:focus-visible + label.e-btn,
248
249
  .e-btn-group input:focus + label.e-btn,
249
250
  .e-css.e-btn-group .e-btn:focus,
251
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
250
252
  .e-css.e-btn-group input:focus + label.e-btn {
251
253
  background: #252423;
252
254
  border-color: #8a8886;
@@ -258,8 +260,10 @@
258
260
  outline-color: inherit;
259
261
  }
260
262
  .e-btn-group .e-btn:focus.e-primary,
263
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
261
264
  .e-btn-group input:focus + label.e-btn.e-primary,
262
265
  .e-css.e-btn-group .e-btn:focus.e-primary,
266
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
263
267
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
268
  background: #006cbf;
265
269
  border-color: #0078d4;
@@ -270,8 +274,10 @@
270
274
  outline-color: inherit;
271
275
  }
272
276
  .e-btn-group .e-btn:focus.e-success,
277
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
273
278
  .e-btn-group input:focus + label.e-btn.e-success,
274
279
  .e-css.e-btn-group .e-btn:focus.e-success,
280
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
275
281
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
282
  background: #0a5f0a;
277
283
  border-color: #0b6a0b;
@@ -281,8 +287,10 @@
281
287
  outline-color: inherit;
282
288
  }
283
289
  .e-btn-group .e-btn:focus.e-info,
290
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
284
291
  .e-btn-group input:focus + label.e-btn.e-info,
285
292
  .e-css.e-btn-group .e-btn:focus.e-info,
293
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
286
294
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
295
  background: #03767a;
288
296
  border-color: #038387;
@@ -292,8 +300,10 @@
292
300
  outline-color: inherit;
293
301
  }
294
302
  .e-btn-group .e-btn:focus.e-warning,
303
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
295
304
  .e-btn-group input:focus + label.e-btn.e-warning,
296
305
  .e-css.e-btn-group .e-btn:focus.e-warning,
306
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
297
307
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
308
  background: #cf6228;
299
309
  border-color: #ca5010;
@@ -303,8 +313,10 @@
303
313
  outline-color: inherit;
304
314
  }
305
315
  .e-btn-group .e-btn:focus.e-danger,
316
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
306
317
  .e-btn-group input:focus + label.e-btn.e-danger,
307
318
  .e-css.e-btn-group .e-btn:focus.e-danger,
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
308
320
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
321
  background: #bc2f32;
310
322
  border-color: #d13438;
@@ -314,8 +326,10 @@
314
326
  outline-color: inherit;
315
327
  }
316
328
  .e-btn-group .e-btn:focus.e-link,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
317
330
  .e-btn-group input:focus + label.e-btn.e-link,
318
331
  .e-css.e-btn-group .e-btn:focus.e-link,
332
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
319
333
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
334
  border-radius: 0;
321
335
  text-decoration: underline;
@@ -326,39 +340,51 @@
326
340
  outline: none;
327
341
  }
328
342
  .e-btn-group .e-btn:focus.e-outline,
343
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
329
344
  .e-btn-group input:focus + label.e-btn.e-outline,
330
345
  .e-css.e-btn-group .e-btn:focus.e-outline,
346
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
331
347
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
332
348
  box-shadow: 0 0 rgba(0, 0, 0, 0);
333
349
  box-shadow: none;
334
350
  }
335
351
  .e-btn-group .e-btn:focus.e-outline.e-primary,
352
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
336
353
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
337
354
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
355
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
338
356
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
339
357
  box-shadow: none;
340
358
  }
341
359
  .e-btn-group .e-btn:focus.e-outline.e-success,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
342
361
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
362
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
363
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
344
364
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
345
365
  box-shadow: none;
346
366
  }
347
367
  .e-btn-group .e-btn:focus.e-outline.e-info,
368
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
348
369
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
349
370
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
350
372
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
351
373
  box-shadow: none;
352
374
  }
353
375
  .e-btn-group .e-btn:focus.e-outline.e-warning,
376
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
354
377
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
355
378
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
379
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
356
380
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
357
381
  box-shadow: none;
358
382
  }
359
383
  .e-btn-group .e-btn:focus.e-outline.e-danger,
384
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
360
385
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
361
386
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
387
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
362
388
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
363
389
  box-shadow: none;
364
390
  }
package/styles/button-group/fluent.css CHANGED
@@ -245,8 +245,10 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
+ .e-btn-group input:focus-visible + label.e-btn,
248
249
  .e-btn-group input:focus + label.e-btn,
249
250
  .e-css.e-btn-group .e-btn:focus,
251
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
250
252
  .e-css.e-btn-group input:focus + label.e-btn {
251
253
  background: #f3f2f1;
252
254
  border-color: #8a8886;
@@ -258,8 +260,10 @@
258
260
  outline-color: inherit;
259
261
  }
260
262
  .e-btn-group .e-btn:focus.e-primary,
263
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
261
264
  .e-btn-group input:focus + label.e-btn.e-primary,
262
265
  .e-css.e-btn-group .e-btn:focus.e-primary,
266
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
263
267
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
268
  background: #006cbf;
265
269
  border-color: #0078d4;
@@ -270,8 +274,10 @@
270
274
  outline-color: inherit;
271
275
  }
272
276
  .e-btn-group .e-btn:focus.e-success,
277
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
273
278
  .e-btn-group input:focus + label.e-btn.e-success,
274
279
  .e-css.e-btn-group .e-btn:focus.e-success,
280
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
275
281
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
282
  background: #0a5f0a;
277
283
  border-color: #0b6a0b;
@@ -281,8 +287,10 @@
281
287
  outline-color: inherit;
282
288
  }
283
289
  .e-btn-group .e-btn:focus.e-info,
290
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
284
291
  .e-btn-group input:focus + label.e-btn.e-info,
285
292
  .e-css.e-btn-group .e-btn:focus.e-info,
293
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
286
294
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
295
  background: #03767a;
288
296
  border-color: #038387;
@@ -292,8 +300,10 @@
292
300
  outline-color: inherit;
293
301
  }
294
302
  .e-btn-group .e-btn:focus.e-warning,
303
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
295
304
  .e-btn-group input:focus + label.e-btn.e-warning,
296
305
  .e-css.e-btn-group .e-btn:focus.e-warning,
306
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
297
307
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
308
  background: #cf6228;
299
309
  border-color: #ca5010;
@@ -303,8 +313,10 @@
303
313
  outline-color: inherit;
304
314
  }
305
315
  .e-btn-group .e-btn:focus.e-danger,
316
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
306
317
  .e-btn-group input:focus + label.e-btn.e-danger,
307
318
  .e-css.e-btn-group .e-btn:focus.e-danger,
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
308
320
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
321
  background: #bc2f32;
310
322
  border-color: #d13438;
@@ -314,8 +326,10 @@
314
326
  outline-color: inherit;
315
327
  }
316
328
  .e-btn-group .e-btn:focus.e-link,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
317
330
  .e-btn-group input:focus + label.e-btn.e-link,
318
331
  .e-css.e-btn-group .e-btn:focus.e-link,
332
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
319
333
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
334
  border-radius: 0;
321
335
  text-decoration: underline;
@@ -326,39 +340,51 @@
326
340
  outline: none;
327
341
  }
328
342
  .e-btn-group .e-btn:focus.e-outline,
343
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
329
344
  .e-btn-group input:focus + label.e-btn.e-outline,
330
345
  .e-css.e-btn-group .e-btn:focus.e-outline,
346
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
331
347
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
332
348
  box-shadow: 0 0 rgba(0, 0, 0, 0);
333
349
  box-shadow: none;
334
350
  }
335
351
  .e-btn-group .e-btn:focus.e-outline.e-primary,
352
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
336
353
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
337
354
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
355
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
338
356
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
339
357
  box-shadow: none;
340
358
  }
341
359
  .e-btn-group .e-btn:focus.e-outline.e-success,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
342
361
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
362
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
363
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
344
364
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
345
365
  box-shadow: none;
346
366
  }
347
367
  .e-btn-group .e-btn:focus.e-outline.e-info,
368
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
348
369
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
349
370
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
350
372
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
351
373
  box-shadow: none;
352
374
  }
353
375
  .e-btn-group .e-btn:focus.e-outline.e-warning,
376
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
354
377
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
355
378
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
379
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
356
380
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
357
381
  box-shadow: none;
358
382
  }
359
383
  .e-btn-group .e-btn:focus.e-outline.e-danger,
384
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
360
385
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
361
386
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
387
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
362
388
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
363
389
  box-shadow: none;
364
390
  }