@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/highcontrast-light.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: #fff;
252
254
  border-color: #000;
@@ -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: #400074;
265
269
  border-color: #400074;
@@ -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: #2bc700;
277
283
  border-color: #166600;
@@ -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: #66b0ff;
288
296
  border-color: #0056b3;
@@ -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: #ff7d1a;
299
309
  border-color: #944000;
@@ -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: #ff6161;
310
322
  border-color: #b30900;
@@ -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: 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/highcontrast.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: #000;
252
254
  border-color: #fff;
@@ -259,8 +261,10 @@
259
261
  outline-offset: -4px;
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: #ffd939;
266
270
  border-color: #ffd939;
@@ -271,8 +275,10 @@
271
275
  outline-color: #000;
272
276
  }
273
277
  .e-btn-group .e-btn:focus.e-success,
278
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
274
279
  .e-btn-group input:focus + label.e-btn.e-success,
275
280
  .e-css.e-btn-group .e-btn:focus.e-success,
281
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
276
282
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
277
283
  background: #166600;
278
284
  border-color: #166600;
@@ -282,8 +288,10 @@
282
288
  outline-color: inherit;
283
289
  }
284
290
  .e-btn-group .e-btn:focus.e-info,
291
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
285
292
  .e-btn-group input:focus + label.e-btn.e-info,
286
293
  .e-css.e-btn-group .e-btn:focus.e-info,
294
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
287
295
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
288
296
  background: #0056b3;
289
297
  border-color: #0056b3;
@@ -293,8 +301,10 @@
293
301
  outline-color: inherit;
294
302
  }
295
303
  .e-btn-group .e-btn:focus.e-warning,
304
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
296
305
  .e-btn-group input:focus + label.e-btn.e-warning,
297
306
  .e-css.e-btn-group .e-btn:focus.e-warning,
307
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
298
308
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
299
309
  background: #944000;
300
310
  border-color: #944000;
@@ -304,8 +314,10 @@
304
314
  outline-color: inherit;
305
315
  }
306
316
  .e-btn-group .e-btn:focus.e-danger,
317
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
307
318
  .e-btn-group input:focus + label.e-btn.e-danger,
308
319
  .e-css.e-btn-group .e-btn:focus.e-danger,
320
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
309
321
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
310
322
  background: #b30900;
311
323
  border-color: #b30900;
@@ -315,8 +327,10 @@
315
327
  outline-color: inherit;
316
328
  }
317
329
  .e-btn-group .e-btn:focus.e-link,
330
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
318
331
  .e-btn-group input:focus + label.e-btn.e-link,
319
332
  .e-css.e-btn-group .e-btn:focus.e-link,
333
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
320
334
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
321
335
  border-radius: 0;
322
336
  text-decoration: underline;
@@ -327,39 +341,51 @@
327
341
  outline: none;
328
342
  }
329
343
  .e-btn-group .e-btn:focus.e-outline,
344
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
330
345
  .e-btn-group input:focus + label.e-btn.e-outline,
331
346
  .e-css.e-btn-group .e-btn:focus.e-outline,
347
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
332
348
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
333
349
  box-shadow: none;
334
350
  box-shadow: none;
335
351
  }
336
352
  .e-btn-group .e-btn:focus.e-outline.e-primary,
353
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
337
354
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
338
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
339
357
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
340
358
  box-shadow: none;
341
359
  }
342
360
  .e-btn-group .e-btn:focus.e-outline.e-success,
361
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
343
362
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
344
363
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
364
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
345
365
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
346
366
  box-shadow: none;
347
367
  }
348
368
  .e-btn-group .e-btn:focus.e-outline.e-info,
369
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
349
370
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
350
371
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
372
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
351
373
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
352
374
  box-shadow: none;
353
375
  }
354
376
  .e-btn-group .e-btn:focus.e-outline.e-warning,
377
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
355
378
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
356
379
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
380
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
357
381
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
358
382
  box-shadow: none;
359
383
  }
360
384
  .e-btn-group .e-btn:focus.e-outline.e-danger,
385
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
361
386
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
362
387
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
388
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
363
389
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
364
390
  box-shadow: none;
365
391
  }
package/styles/button-group/material-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: #878787;
252
254
  border-color: transparent;
@@ -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: #0086c2;
265
269
  border-color: transparent;
@@ -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: #77c27a;
277
283
  border-color: transparent;
@@ -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: #3fbef7;
288
296
  border-color: transparent;
@@ -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: #ffb13d;
299
309
  border-color: transparent;
@@ -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: #ff8b7c;
310
322
  border-color: transparent;
@@ -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 2px 7px 0 rgba(0, 0, 0, 0.26);
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/material.css CHANGED
@@ -249,8 +249,10 @@
249
249
  box-shadow: none;
250
250
  }
251
251
  .e-btn-group .e-btn:focus,
252
+ .e-btn-group input:focus-visible + label.e-btn,
252
253
  .e-btn-group input:focus + label.e-btn,
253
254
  .e-css.e-btn-group .e-btn:focus,
255
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
254
256
  .e-css.e-btn-group input:focus + label.e-btn {
255
257
  background: rgba(0, 0, 0, 0.18);
256
258
  border-color: transparent;
@@ -262,8 +264,10 @@
262
264
  outline-color: inherit;
263
265
  }
264
266
  .e-btn-group .e-btn:focus.e-primary,
267
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
265
268
  .e-btn-group input:focus + label.e-btn.e-primary,
266
269
  .e-css.e-btn-group .e-btn:focus.e-primary,
270
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
267
271
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
268
272
  background: #ea4e82;
269
273
  border-color: transparent;
@@ -274,8 +278,10 @@
274
278
  outline-color: inherit;
275
279
  }
276
280
  .e-btn-group .e-btn:focus.e-success,
281
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
277
282
  .e-btn-group input:focus + label.e-btn.e-success,
278
283
  .e-css.e-btn-group .e-btn:focus.e-success,
284
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
279
285
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
280
286
  background: #78a253;
281
287
  border-color: transparent;
@@ -285,8 +291,10 @@
285
291
  outline-color: inherit;
286
292
  }
287
293
  .e-btn-group .e-btn:focus.e-info,
294
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
288
295
  .e-btn-group input:focus + label.e-btn.e-info,
289
296
  .e-css.e-btn-group .e-btn:focus.e-info,
297
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
290
298
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
291
299
  background: #3f98df;
292
300
  border-color: transparent;
@@ -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: #d07f3d;
303
313
  border-color: transparent;
@@ -307,8 +317,10 @@
307
317
  outline-color: inherit;
308
318
  }
309
319
  .e-btn-group .e-btn:focus.e-danger,
320
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
310
321
  .e-btn-group input:focus + label.e-btn.e-danger,
311
322
  .e-css.e-btn-group .e-btn:focus.e-danger,
323
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
312
324
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
313
325
  background: #e06f4c;
314
326
  border-color: transparent;
@@ -318,8 +330,10 @@
318
330
  outline-color: inherit;
319
331
  }
320
332
  .e-btn-group .e-btn:focus.e-link,
333
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
321
334
  .e-btn-group input:focus + label.e-btn.e-link,
322
335
  .e-css.e-btn-group .e-btn:focus.e-link,
336
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
323
337
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
324
338
  border-radius: 0;
325
339
  text-decoration: underline;
@@ -330,39 +344,51 @@
330
344
  outline: none;
331
345
  }
332
346
  .e-btn-group .e-btn:focus.e-outline,
347
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
333
348
  .e-btn-group input:focus + label.e-btn.e-outline,
334
349
  .e-css.e-btn-group .e-btn:focus.e-outline,
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
335
351
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
336
352
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
337
353
  box-shadow: none;
338
354
  }
339
355
  .e-btn-group .e-btn:focus.e-outline.e-primary,
356
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
340
357
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
341
358
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
359
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
342
360
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
343
361
  box-shadow: none;
344
362
  }
345
363
  .e-btn-group .e-btn:focus.e-outline.e-success,
364
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
346
365
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
347
366
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
367
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
348
368
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
349
369
  box-shadow: none;
350
370
  }
351
371
  .e-btn-group .e-btn:focus.e-outline.e-info,
372
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
352
373
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
353
374
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
375
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
354
376
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
355
377
  box-shadow: none;
356
378
  }
357
379
  .e-btn-group .e-btn:focus.e-outline.e-warning,
380
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
358
381
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
359
382
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
383
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
360
384
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
361
385
  box-shadow: none;
362
386
  }
363
387
  .e-btn-group .e-btn:focus.e-outline.e-danger,
388
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
364
389
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
365
390
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
391
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
366
392
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
367
393
  box-shadow: none;
368
394
  }
package/styles/button-group/material3-dark.css CHANGED
@@ -350,8 +350,10 @@
350
350
  z-index: 1;
351
351
  }
352
352
  .e-btn-group .e-btn:focus,
353
+ .e-btn-group input:focus-visible + label.e-btn,
353
354
  .e-btn-group input:focus + label.e-btn,
354
355
  .e-css.e-btn-group .e-btn:focus,
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
355
357
  .e-css.e-btn-group input:focus + label.e-btn {
356
358
  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));
357
359
  border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
@@ -363,8 +365,10 @@
363
365
  outline-color: inherit;
364
366
  }
365
367
  .e-btn-group .e-btn:focus.e-primary,
368
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
366
369
  .e-btn-group input:focus + label.e-btn.e-primary,
367
370
  .e-css.e-btn-group .e-btn:focus.e-primary,
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
368
372
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
369
373
  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));
370
374
  border-color: rgba(var(--color-sf-primary));
@@ -375,8 +379,10 @@
375
379
  outline-color: inherit;
376
380
  }
377
381
  .e-btn-group .e-btn:focus.e-success,
382
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
378
383
  .e-btn-group input:focus + label.e-btn.e-success,
379
384
  .e-css.e-btn-group .e-btn:focus.e-success,
385
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
380
386
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
381
387
  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));
382
388
  border-color: rgba(var(--color-sf-success));
@@ -386,8 +392,10 @@
386
392
  outline-color: inherit;
387
393
  }
388
394
  .e-btn-group .e-btn:focus.e-info,
395
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
389
396
  .e-btn-group input:focus + label.e-btn.e-info,
390
397
  .e-css.e-btn-group .e-btn:focus.e-info,
398
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
391
399
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
392
400
  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));
393
401
  border-color: rgba(var(--color-sf-info));
@@ -397,8 +405,10 @@
397
405
  outline-color: inherit;
398
406
  }
399
407
  .e-btn-group .e-btn:focus.e-warning,
408
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
400
409
  .e-btn-group input:focus + label.e-btn.e-warning,
401
410
  .e-css.e-btn-group .e-btn:focus.e-warning,
411
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
402
412
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
403
413
  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));
404
414
  border-color: rgba(var(--color-sf-warning));
@@ -408,8 +418,10 @@
408
418
  outline-color: inherit;
409
419
  }
410
420
  .e-btn-group .e-btn:focus.e-danger,
421
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
411
422
  .e-btn-group input:focus + label.e-btn.e-danger,
412
423
  .e-css.e-btn-group .e-btn:focus.e-danger,
424
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
413
425
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
414
426
  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));
415
427
  border-color: rgba(var(--color-sf-error));
@@ -419,8 +431,10 @@
419
431
  outline-color: inherit;
420
432
  }
421
433
  .e-btn-group .e-btn:focus.e-link,
434
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
422
435
  .e-btn-group input:focus + label.e-btn.e-link,
423
436
  .e-css.e-btn-group .e-btn:focus.e-link,
437
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
424
438
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
425
439
  border-radius: 0;
426
440
  text-decoration: underline;
@@ -431,8 +445,10 @@
431
445
  outline: none;
432
446
  }
433
447
  .e-btn-group .e-btn:focus.e-outline,
448
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
434
449
  .e-btn-group input:focus + label.e-btn.e-outline,
435
450
  .e-css.e-btn-group .e-btn:focus.e-outline,
451
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
436
452
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
437
453
  background: rgba(var(--color-sf-on-surface), 0.12);
438
454
  border: 1px solid rgba(var(--color-sf-outline));
@@ -440,8 +456,10 @@
440
456
  box-shadow: none;
441
457
  }
442
458
  .e-btn-group .e-btn:focus.e-outline.e-primary,
459
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
443
460
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
444
461
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
462
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
445
463
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
446
464
  background: rgba(var(--color-sf-primary), 0.12);
447
465
  border: 1px solid rgba(var(--color-sf-outline));
@@ -449,8 +467,10 @@
449
467
  box-shadow: none;
450
468
  }
451
469
  .e-btn-group .e-btn:focus.e-outline.e-success,
470
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
452
471
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
453
472
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
473
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
454
474
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
455
475
  background: rgba(var(--color-sf-success), 0.12);
456
476
  border: 1px solid rgba(var(--color-sf-outline));
@@ -458,8 +478,10 @@
458
478
  box-shadow: none;
459
479
  }
460
480
  .e-btn-group .e-btn:focus.e-outline.e-info,
481
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
461
482
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
462
483
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
484
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
463
485
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
464
486
  background: rgba(var(--color-sf-info), 0.12);
465
487
  border: 1px solid rgba(var(--color-sf-outline));
@@ -467,8 +489,10 @@
467
489
  box-shadow: none;
468
490
  }
469
491
  .e-btn-group .e-btn:focus.e-outline.e-warning,
492
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
470
493
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
471
494
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
495
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
472
496
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
473
497
  background: rgba(var(--color-sf-warning), 0.12);
474
498
  border: 1px solid rgba(var(--color-sf-outline));
@@ -476,8 +500,10 @@
476
500
  box-shadow: none;
477
501
  }
478
502
  .e-btn-group .e-btn:focus.e-outline.e-danger,
503
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
479
504
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
480
505
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
506
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
481
507
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
482
508
  background: rgba(var(--color-sf-error), 0.12);
483
509
  border: 1px solid rgba(var(--color-sf-outline));