@syncfusion/ej2-splitbuttons 25.2.3 → 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 +7 -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 +6 -6
  7. package/styles/bootstrap-dark.css +39 -13
  8. package/styles/bootstrap.css +39 -13
  9. package/styles/bootstrap4.css +39 -13
  10. package/styles/bootstrap5-dark.css +39 -13
  11. package/styles/bootstrap5.css +39 -13
  12. package/styles/button-group/_theme.scss +2 -1
  13. package/styles/button-group/bootstrap-dark.css +39 -13
  14. package/styles/button-group/bootstrap.css +39 -13
  15. package/styles/button-group/bootstrap4.css +39 -13
  16. package/styles/button-group/bootstrap5-dark.css +39 -13
  17. package/styles/button-group/bootstrap5.css +39 -13
  18. package/styles/button-group/fabric-dark.css +39 -13
  19. package/styles/button-group/fabric.css +39 -13
  20. package/styles/button-group/fluent-dark.css +39 -13
  21. package/styles/button-group/fluent.css +39 -13
  22. package/styles/button-group/highcontrast-light.css +39 -13
  23. package/styles/button-group/highcontrast.css +39 -13
  24. package/styles/button-group/material-dark.css +39 -13
  25. package/styles/button-group/material.css +39 -13
  26. package/styles/button-group/material3-dark.css +39 -13
  27. package/styles/button-group/material3.css +39 -13
  28. package/styles/button-group/tailwind-dark.css +39 -13
  29. package/styles/button-group/tailwind.css +39 -13
  30. package/styles/fabric-dark.css +39 -13
  31. package/styles/fabric.css +39 -13
  32. package/styles/fluent-dark.css +39 -13
  33. package/styles/fluent.css +39 -13
  34. package/styles/highcontrast-light.css +39 -13
  35. package/styles/highcontrast.css +39 -13
  36. package/styles/material-dark.css +39 -13
  37. package/styles/material.css +39 -13
  38. package/styles/material3-dark.css +39 -13
  39. package/styles/material3.css +39 -13
  40. package/styles/tailwind-dark.css +39 -13
  41. package/styles/tailwind.css +39 -13
package/styles/button-group/material-dark.css CHANGED
@@ -246,8 +246,10 @@
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
248
  .e-btn-group input:focus-visible + label.e-btn,
249
+ .e-btn-group input:focus + label.e-btn,
249
250
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus-visible + label.e-btn {
251
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
252
+ .e-css.e-btn-group input:focus + label.e-btn {
251
253
  background: #878787;
252
254
  border-color: transparent;
253
255
  color: #fff;
@@ -259,8 +261,10 @@
259
261
  }
260
262
  .e-btn-group .e-btn:focus.e-primary,
261
263
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
264
+ .e-btn-group input:focus + label.e-btn.e-primary,
262
265
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
266
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
267
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
268
  background: #0086c2;
265
269
  border-color: transparent;
266
270
  color: #000;
@@ -271,8 +275,10 @@
271
275
  }
272
276
  .e-btn-group .e-btn:focus.e-success,
273
277
  .e-btn-group input:focus-visible + label.e-btn.e-success,
278
+ .e-btn-group input:focus + label.e-btn.e-success,
274
279
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
280
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
281
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
282
  background: #77c27a;
277
283
  border-color: transparent;
278
284
  color: #fff;
@@ -282,8 +288,10 @@
282
288
  }
283
289
  .e-btn-group .e-btn:focus.e-info,
284
290
  .e-btn-group input:focus-visible + label.e-btn.e-info,
291
+ .e-btn-group input:focus + label.e-btn.e-info,
285
292
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
293
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
294
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
295
  background: #3fbef7;
288
296
  border-color: transparent;
289
297
  color: #fff;
@@ -293,8 +301,10 @@
293
301
  }
294
302
  .e-btn-group .e-btn:focus.e-warning,
295
303
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
304
+ .e-btn-group input:focus + label.e-btn.e-warning,
296
305
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
306
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
307
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
308
  background: #ffb13d;
299
309
  border-color: transparent;
300
310
  color: #fff;
@@ -304,8 +314,10 @@
304
314
  }
305
315
  .e-btn-group .e-btn:focus.e-danger,
306
316
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
317
+ .e-btn-group input:focus + label.e-btn.e-danger,
307
318
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
320
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
321
  background: #ff8b7c;
310
322
  border-color: transparent;
311
323
  color: #fff;
@@ -315,8 +327,10 @@
315
327
  }
316
328
  .e-btn-group .e-btn:focus.e-link,
317
329
  .e-btn-group input:focus-visible + label.e-btn.e-link,
330
+ .e-btn-group input:focus + label.e-btn.e-link,
318
331
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
332
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
333
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
334
  border-radius: 0;
321
335
  text-decoration: underline;
322
336
  color: #20b0e9;
@@ -327,39 +341,51 @@
327
341
  }
328
342
  .e-btn-group .e-btn:focus.e-outline,
329
343
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
344
+ .e-btn-group input:focus + label.e-btn.e-outline,
330
345
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
346
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
336
352
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
338
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
355
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
342
360
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
344
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
363
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
348
368
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
350
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
354
376
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
356
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
379
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
360
384
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
362
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
387
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
388
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
363
389
  box-shadow: none;
364
390
  }
365
391
  .e-btn-group .e-btn:active,
package/styles/button-group/material.css CHANGED
@@ -250,8 +250,10 @@
250
250
  }
251
251
  .e-btn-group .e-btn:focus,
252
252
  .e-btn-group input:focus-visible + label.e-btn,
253
+ .e-btn-group input:focus + label.e-btn,
253
254
  .e-css.e-btn-group .e-btn:focus,
254
- .e-css.e-btn-group input:focus-visible + label.e-btn {
255
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
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;
257
259
  color: rgba(0, 0, 0, 0.87);
@@ -263,8 +265,10 @@
263
265
  }
264
266
  .e-btn-group .e-btn:focus.e-primary,
265
267
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
268
+ .e-btn-group input:focus + label.e-btn.e-primary,
266
269
  .e-css.e-btn-group .e-btn:focus.e-primary,
267
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
270
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
271
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
268
272
  background: #ea4e82;
269
273
  border-color: transparent;
270
274
  color: #fff;
@@ -275,8 +279,10 @@
275
279
  }
276
280
  .e-btn-group .e-btn:focus.e-success,
277
281
  .e-btn-group input:focus-visible + label.e-btn.e-success,
282
+ .e-btn-group input:focus + label.e-btn.e-success,
278
283
  .e-css.e-btn-group .e-btn:focus.e-success,
279
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
284
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
285
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
280
286
  background: #78a253;
281
287
  border-color: transparent;
282
288
  color: #fff;
@@ -286,8 +292,10 @@
286
292
  }
287
293
  .e-btn-group .e-btn:focus.e-info,
288
294
  .e-btn-group input:focus-visible + label.e-btn.e-info,
295
+ .e-btn-group input:focus + label.e-btn.e-info,
289
296
  .e-css.e-btn-group .e-btn:focus.e-info,
290
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
297
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
298
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
291
299
  background: #3f98df;
292
300
  border-color: transparent;
293
301
  color: #fff;
@@ -297,8 +305,10 @@
297
305
  }
298
306
  .e-btn-group .e-btn:focus.e-warning,
299
307
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
308
+ .e-btn-group input:focus + label.e-btn.e-warning,
300
309
  .e-css.e-btn-group .e-btn:focus.e-warning,
301
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
310
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
311
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
302
312
  background: #d07f3d;
303
313
  border-color: transparent;
304
314
  color: #fff;
@@ -308,8 +318,10 @@
308
318
  }
309
319
  .e-btn-group .e-btn:focus.e-danger,
310
320
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
321
+ .e-btn-group input:focus + label.e-btn.e-danger,
311
322
  .e-css.e-btn-group .e-btn:focus.e-danger,
312
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
323
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
324
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
313
325
  background: #e06f4c;
314
326
  border-color: transparent;
315
327
  color: #fff;
@@ -319,8 +331,10 @@
319
331
  }
320
332
  .e-btn-group .e-btn:focus.e-link,
321
333
  .e-btn-group input:focus-visible + label.e-btn.e-link,
334
+ .e-btn-group input:focus + label.e-btn.e-link,
322
335
  .e-css.e-btn-group .e-btn:focus.e-link,
323
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
336
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
337
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
324
338
  border-radius: 0;
325
339
  text-decoration: underline;
326
340
  color: #0a3576;
@@ -331,39 +345,51 @@
331
345
  }
332
346
  .e-btn-group .e-btn:focus.e-outline,
333
347
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
348
+ .e-btn-group input:focus + label.e-btn.e-outline,
334
349
  .e-css.e-btn-group .e-btn:focus.e-outline,
335
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
340
356
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
342
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
359
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
346
364
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
348
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
367
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
352
372
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
354
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
375
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
358
380
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
360
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
383
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
364
388
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
366
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
391
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
392
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
367
393
  box-shadow: none;
368
394
  }
369
395
  .e-btn-group .e-btn:active,
package/styles/button-group/material3-dark.css CHANGED
@@ -351,8 +351,10 @@
351
351
  }
352
352
  .e-btn-group .e-btn:focus,
353
353
  .e-btn-group input:focus-visible + label.e-btn,
354
+ .e-btn-group input:focus + label.e-btn,
354
355
  .e-css.e-btn-group .e-btn:focus,
355
- .e-css.e-btn-group input:focus-visible + label.e-btn {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
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));
358
360
  color: rgba(var(--color-sf-on-surface));
@@ -364,8 +366,10 @@
364
366
  }
365
367
  .e-btn-group .e-btn:focus.e-primary,
366
368
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
369
+ .e-btn-group input:focus + label.e-btn.e-primary,
367
370
  .e-css.e-btn-group .e-btn:focus.e-primary,
368
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
371
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
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));
371
375
  color: rgba(var(--color-sf-on-primary));
@@ -376,8 +380,10 @@
376
380
  }
377
381
  .e-btn-group .e-btn:focus.e-success,
378
382
  .e-btn-group input:focus-visible + label.e-btn.e-success,
383
+ .e-btn-group input:focus + label.e-btn.e-success,
379
384
  .e-css.e-btn-group .e-btn:focus.e-success,
380
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
385
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
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));
383
389
  color: rgba(var(--color-sf-success-text));
@@ -387,8 +393,10 @@
387
393
  }
388
394
  .e-btn-group .e-btn:focus.e-info,
389
395
  .e-btn-group input:focus-visible + label.e-btn.e-info,
396
+ .e-btn-group input:focus + label.e-btn.e-info,
390
397
  .e-css.e-btn-group .e-btn:focus.e-info,
391
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
398
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
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));
394
402
  color: rgba(var(--color-sf-info-text));
@@ -398,8 +406,10 @@
398
406
  }
399
407
  .e-btn-group .e-btn:focus.e-warning,
400
408
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
409
+ .e-btn-group input:focus + label.e-btn.e-warning,
401
410
  .e-css.e-btn-group .e-btn:focus.e-warning,
402
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
411
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
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));
405
415
  color: rgba(var(--color-sf-warning-text));
@@ -409,8 +419,10 @@
409
419
  }
410
420
  .e-btn-group .e-btn:focus.e-danger,
411
421
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
422
+ .e-btn-group input:focus + label.e-btn.e-danger,
412
423
  .e-css.e-btn-group .e-btn:focus.e-danger,
413
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
424
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
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));
416
428
  color: rgba(var(--color-sf-danger-text));
@@ -420,8 +432,10 @@
420
432
  }
421
433
  .e-btn-group .e-btn:focus.e-link,
422
434
  .e-btn-group input:focus-visible + label.e-btn.e-link,
435
+ .e-btn-group input:focus + label.e-btn.e-link,
423
436
  .e-css.e-btn-group .e-btn:focus.e-link,
424
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
437
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
438
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
425
439
  border-radius: 0;
426
440
  text-decoration: underline;
427
441
  color: rgba(var(--color-sf-info));
@@ -432,8 +446,10 @@
432
446
  }
433
447
  .e-btn-group .e-btn:focus.e-outline,
434
448
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
449
+ .e-btn-group input:focus + label.e-btn.e-outline,
435
450
  .e-css.e-btn-group .e-btn:focus.e-outline,
436
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
451
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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));
439
455
  color: rgba(var(--color-sf-on-surface));
@@ -441,8 +457,10 @@
441
457
  }
442
458
  .e-btn-group .e-btn:focus.e-outline.e-primary,
443
459
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
445
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
462
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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));
448
466
  color: rgba(var(--color-sf-primary));
@@ -450,8 +468,10 @@
450
468
  }
451
469
  .e-btn-group .e-btn:focus.e-outline.e-success,
452
470
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
454
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
473
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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));
457
477
  color: rgba(var(--color-sf-success));
@@ -459,8 +479,10 @@
459
479
  }
460
480
  .e-btn-group .e-btn:focus.e-outline.e-info,
461
481
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
463
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
484
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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));
466
488
  color: rgba(var(--color-sf-info));
@@ -468,8 +490,10 @@
468
490
  }
469
491
  .e-btn-group .e-btn:focus.e-outline.e-warning,
470
492
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
472
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
495
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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));
475
499
  color: rgba(var(--color-sf-warning));
@@ -477,8 +501,10 @@
477
501
  }
478
502
  .e-btn-group .e-btn:focus.e-outline.e-danger,
479
503
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
481
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
506
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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));
484
510
  color: rgba(var(--color-sf-error));
package/styles/button-group/material3.css CHANGED
@@ -407,8 +407,10 @@
407
407
  }
408
408
  .e-btn-group .e-btn:focus,
409
409
  .e-btn-group input:focus-visible + label.e-btn,
410
+ .e-btn-group input:focus + label.e-btn,
410
411
  .e-css.e-btn-group .e-btn:focus,
411
- .e-css.e-btn-group input:focus-visible + label.e-btn {
412
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
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));
414
416
  color: rgba(var(--color-sf-on-surface));
@@ -420,8 +422,10 @@
420
422
  }
421
423
  .e-btn-group .e-btn:focus.e-primary,
422
424
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
425
+ .e-btn-group input:focus + label.e-btn.e-primary,
423
426
  .e-css.e-btn-group .e-btn:focus.e-primary,
424
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
427
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
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));
427
431
  color: rgba(var(--color-sf-on-primary));
@@ -432,8 +436,10 @@
432
436
  }
433
437
  .e-btn-group .e-btn:focus.e-success,
434
438
  .e-btn-group input:focus-visible + label.e-btn.e-success,
439
+ .e-btn-group input:focus + label.e-btn.e-success,
435
440
  .e-css.e-btn-group .e-btn:focus.e-success,
436
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
441
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
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));
439
445
  color: rgba(var(--color-sf-success-text));
@@ -443,8 +449,10 @@
443
449
  }
444
450
  .e-btn-group .e-btn:focus.e-info,
445
451
  .e-btn-group input:focus-visible + label.e-btn.e-info,
452
+ .e-btn-group input:focus + label.e-btn.e-info,
446
453
  .e-css.e-btn-group .e-btn:focus.e-info,
447
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
454
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
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));
450
458
  color: rgba(var(--color-sf-info-text));
@@ -454,8 +462,10 @@
454
462
  }
455
463
  .e-btn-group .e-btn:focus.e-warning,
456
464
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
465
+ .e-btn-group input:focus + label.e-btn.e-warning,
457
466
  .e-css.e-btn-group .e-btn:focus.e-warning,
458
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
467
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
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));
461
471
  color: rgba(var(--color-sf-warning-text));
@@ -465,8 +475,10 @@
465
475
  }
466
476
  .e-btn-group .e-btn:focus.e-danger,
467
477
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
478
+ .e-btn-group input:focus + label.e-btn.e-danger,
468
479
  .e-css.e-btn-group .e-btn:focus.e-danger,
469
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
480
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
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));
472
484
  color: rgba(var(--color-sf-danger-text));
@@ -476,8 +488,10 @@
476
488
  }
477
489
  .e-btn-group .e-btn:focus.e-link,
478
490
  .e-btn-group input:focus-visible + label.e-btn.e-link,
491
+ .e-btn-group input:focus + label.e-btn.e-link,
479
492
  .e-css.e-btn-group .e-btn:focus.e-link,
480
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
493
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
494
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
481
495
  border-radius: 0;
482
496
  text-decoration: underline;
483
497
  color: rgba(var(--color-sf-info));
@@ -488,8 +502,10 @@
488
502
  }
489
503
  .e-btn-group .e-btn:focus.e-outline,
490
504
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
505
+ .e-btn-group input:focus + label.e-btn.e-outline,
491
506
  .e-css.e-btn-group .e-btn:focus.e-outline,
492
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
507
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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));
495
511
  color: rgba(var(--color-sf-on-surface));
@@ -497,8 +513,10 @@
497
513
  }
498
514
  .e-btn-group .e-btn:focus.e-outline.e-primary,
499
515
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
501
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
518
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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));
504
522
  color: rgba(var(--color-sf-primary));
@@ -506,8 +524,10 @@
506
524
  }
507
525
  .e-btn-group .e-btn:focus.e-outline.e-success,
508
526
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
510
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
529
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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));
513
533
  color: rgba(var(--color-sf-success));
@@ -515,8 +535,10 @@
515
535
  }
516
536
  .e-btn-group .e-btn:focus.e-outline.e-info,
517
537
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
519
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
540
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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));
522
544
  color: rgba(var(--color-sf-info));
@@ -524,8 +546,10 @@
524
546
  }
525
547
  .e-btn-group .e-btn:focus.e-outline.e-warning,
526
548
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
528
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
551
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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));
531
555
  color: rgba(var(--color-sf-warning));
@@ -533,8 +557,10 @@
533
557
  }
534
558
  .e-btn-group .e-btn:focus.e-outline.e-danger,
535
559
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
537
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
562
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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));
540
566
  color: rgba(var(--color-sf-error));