@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/bootstrap5-dark.css CHANGED
@@ -254,8 +254,10 @@
254
254
  }
255
255
  .e-btn-group .e-btn:focus,
256
256
  .e-btn-group input:focus-visible + label.e-btn,
257
+ .e-btn-group input:focus + label.e-btn,
257
258
  .e-css.e-btn-group .e-btn:focus,
258
- .e-css.e-btn-group input:focus-visible + label.e-btn {
259
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
260
+ .e-css.e-btn-group input:focus + label.e-btn {
259
261
  background: #5c636a;
260
262
  border-color: #6c757d;
261
263
  color: #fff;
@@ -267,8 +269,10 @@
267
269
  }
268
270
  .e-btn-group .e-btn:focus.e-primary,
269
271
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
272
+ .e-btn-group input:focus + label.e-btn.e-primary,
270
273
  .e-css.e-btn-group .e-btn:focus.e-primary,
271
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
274
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
275
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
272
276
  background: #0b5ed7;
273
277
  border-color: #0d6efd;
274
278
  color: #fff;
@@ -279,8 +283,10 @@
279
283
  }
280
284
  .e-btn-group .e-btn:focus.e-success,
281
285
  .e-btn-group input:focus-visible + label.e-btn.e-success,
286
+ .e-btn-group input:focus + label.e-btn.e-success,
282
287
  .e-css.e-btn-group .e-btn:focus.e-success,
283
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
288
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
289
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
284
290
  background: #157347;
285
291
  border-color: #198754;
286
292
  color: #fff;
@@ -290,8 +296,10 @@
290
296
  }
291
297
  .e-btn-group .e-btn:focus.e-info,
292
298
  .e-btn-group input:focus-visible + label.e-btn.e-info,
299
+ .e-btn-group input:focus + label.e-btn.e-info,
293
300
  .e-css.e-btn-group .e-btn:focus.e-info,
294
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
301
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
302
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
295
303
  background: #31d2f2;
296
304
  border-color: #0dcaf0;
297
305
  color: #000;
@@ -301,8 +309,10 @@
301
309
  }
302
310
  .e-btn-group .e-btn:focus.e-warning,
303
311
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
312
+ .e-btn-group input:focus + label.e-btn.e-warning,
304
313
  .e-css.e-btn-group .e-btn:focus.e-warning,
305
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
314
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
315
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
306
316
  background: #ffca2c;
307
317
  border-color: #ffc107;
308
318
  color: #000;
@@ -312,8 +322,10 @@
312
322
  }
313
323
  .e-btn-group .e-btn:focus.e-danger,
314
324
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
325
+ .e-btn-group input:focus + label.e-btn.e-danger,
315
326
  .e-css.e-btn-group .e-btn:focus.e-danger,
316
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
327
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
328
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
317
329
  background: #bb2d3b;
318
330
  border-color: #dc3545;
319
331
  color: #fff;
@@ -323,8 +335,10 @@
323
335
  }
324
336
  .e-btn-group .e-btn:focus.e-link,
325
337
  .e-btn-group input:focus-visible + label.e-btn.e-link,
338
+ .e-btn-group input:focus + label.e-btn.e-link,
326
339
  .e-css.e-btn-group .e-btn:focus.e-link,
327
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
340
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
341
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
328
342
  border-radius: 0;
329
343
  text-decoration: underline;
330
344
  color: #0a58ca;
@@ -335,44 +349,56 @@
335
349
  }
336
350
  .e-btn-group .e-btn:focus.e-outline,
337
351
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
352
+ .e-btn-group input:focus + label.e-btn.e-outline,
338
353
  .e-css.e-btn-group .e-btn:focus.e-outline,
339
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
354
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
345
361
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
347
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
364
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
352
370
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
354
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
373
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
374
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
355
375
  box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
356
376
  border-color: #157347;
357
377
  }
358
378
  .e-btn-group .e-btn:focus.e-outline.e-info,
359
379
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
361
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
382
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
366
388
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
368
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
391
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
373
397
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
375
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
400
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
401
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
376
402
  box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
377
403
  border-color: #bb2d3b;
378
404
  }
package/styles/button-group/bootstrap5.css CHANGED
@@ -254,8 +254,10 @@
254
254
  }
255
255
  .e-btn-group .e-btn:focus,
256
256
  .e-btn-group input:focus-visible + label.e-btn,
257
+ .e-btn-group input:focus + label.e-btn,
257
258
  .e-css.e-btn-group .e-btn:focus,
258
- .e-css.e-btn-group input:focus-visible + label.e-btn {
259
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
260
+ .e-css.e-btn-group input:focus + label.e-btn {
259
261
  background: #5c636a;
260
262
  border-color: #6c757d;
261
263
  color: #fff;
@@ -267,8 +269,10 @@
267
269
  }
268
270
  .e-btn-group .e-btn:focus.e-primary,
269
271
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
272
+ .e-btn-group input:focus + label.e-btn.e-primary,
270
273
  .e-css.e-btn-group .e-btn:focus.e-primary,
271
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
274
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
275
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
272
276
  background: #0b5ed7;
273
277
  border-color: #0d6efd;
274
278
  color: #fff;
@@ -279,8 +283,10 @@
279
283
  }
280
284
  .e-btn-group .e-btn:focus.e-success,
281
285
  .e-btn-group input:focus-visible + label.e-btn.e-success,
286
+ .e-btn-group input:focus + label.e-btn.e-success,
282
287
  .e-css.e-btn-group .e-btn:focus.e-success,
283
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
288
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
289
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
284
290
  background: #157347;
285
291
  border-color: #198754;
286
292
  color: #fff;
@@ -290,8 +296,10 @@
290
296
  }
291
297
  .e-btn-group .e-btn:focus.e-info,
292
298
  .e-btn-group input:focus-visible + label.e-btn.e-info,
299
+ .e-btn-group input:focus + label.e-btn.e-info,
293
300
  .e-css.e-btn-group .e-btn:focus.e-info,
294
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
301
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
302
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
295
303
  background: #31d2f2;
296
304
  border-color: #0dcaf0;
297
305
  color: #000;
@@ -301,8 +309,10 @@
301
309
  }
302
310
  .e-btn-group .e-btn:focus.e-warning,
303
311
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
312
+ .e-btn-group input:focus + label.e-btn.e-warning,
304
313
  .e-css.e-btn-group .e-btn:focus.e-warning,
305
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
314
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
315
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
306
316
  background: #ffca2c;
307
317
  border-color: #ffc107;
308
318
  color: #000;
@@ -312,8 +322,10 @@
312
322
  }
313
323
  .e-btn-group .e-btn:focus.e-danger,
314
324
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
325
+ .e-btn-group input:focus + label.e-btn.e-danger,
315
326
  .e-css.e-btn-group .e-btn:focus.e-danger,
316
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
327
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
328
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
317
329
  background: #bb2d3b;
318
330
  border-color: #dc3545;
319
331
  color: #fff;
@@ -323,8 +335,10 @@
323
335
  }
324
336
  .e-btn-group .e-btn:focus.e-link,
325
337
  .e-btn-group input:focus-visible + label.e-btn.e-link,
338
+ .e-btn-group input:focus + label.e-btn.e-link,
326
339
  .e-css.e-btn-group .e-btn:focus.e-link,
327
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
340
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
341
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
328
342
  border-radius: 0;
329
343
  text-decoration: underline;
330
344
  color: #0a58ca;
@@ -335,44 +349,56 @@
335
349
  }
336
350
  .e-btn-group .e-btn:focus.e-outline,
337
351
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
352
+ .e-btn-group input:focus + label.e-btn.e-outline,
338
353
  .e-css.e-btn-group .e-btn:focus.e-outline,
339
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
354
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
345
361
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
347
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
364
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
352
370
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
354
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
373
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
359
379
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
361
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
382
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
366
388
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
368
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
391
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
373
397
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
375
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
400
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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;
378
404
  }
package/styles/button-group/fabric-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: #414040;
252
254
  border-color: #201f1f;
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: #0074cc;
265
269
  border-color: #201f1f;
266
270
  color: #fff;
@@ -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: #37844d;
277
283
  border-color: #201f1f;
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: #1e79cb;
288
296
  border-color: #201f1f;
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: #bf7500;
299
309
  border-color: #201f1f;
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: #cd2a19;
310
322
  border-color: #201f1f;
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: #639df3;
@@ -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: none;
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/fabric.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: #f4f4f4;
252
254
  border-color: #eaeaea;
253
255
  color: #333;
@@ -260,8 +262,10 @@
260
262
  }
261
263
  .e-btn-group .e-btn:focus.e-primary,
262
264
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
265
+ .e-btn-group input:focus + label.e-btn.e-primary,
263
266
  .e-css.e-btn-group .e-btn:focus.e-primary,
264
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
267
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
268
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
265
269
  background: #0078d6;
266
270
  border-color: #fff;
267
271
  color: #fff;
@@ -273,8 +277,10 @@
273
277
  }
274
278
  .e-btn-group .e-btn:focus.e-success,
275
279
  .e-btn-group input:focus-visible + label.e-btn.e-success,
280
+ .e-btn-group input:focus + label.e-btn.e-success,
276
281
  .e-css.e-btn-group .e-btn:focus.e-success,
277
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
282
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
283
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
278
284
  background: #137c10;
279
285
  border-color: #fff;
280
286
  color: #fff;
@@ -285,8 +291,10 @@
285
291
  }
286
292
  .e-btn-group .e-btn:focus.e-info,
287
293
  .e-btn-group input:focus-visible + label.e-btn.e-info,
294
+ .e-btn-group input:focus + label.e-btn.e-info,
288
295
  .e-css.e-btn-group .e-btn:focus.e-info,
289
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
296
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
297
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
290
298
  background: #0378d5;
291
299
  border-color: #fff;
292
300
  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: #d83b01;
303
313
  border-color: #fff;
304
314
  color: #fff;
@@ -309,8 +319,10 @@
309
319
  }
310
320
  .e-btn-group .e-btn:focus.e-danger,
311
321
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
322
+ .e-btn-group input:focus + label.e-btn.e-danger,
312
323
  .e-css.e-btn-group .e-btn:focus.e-danger,
313
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
324
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
325
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
314
326
  background: #a80000;
315
327
  border-color: #fff;
316
328
  color: #fff;
@@ -321,8 +333,10 @@
321
333
  }
322
334
  .e-btn-group .e-btn:focus.e-link,
323
335
  .e-btn-group input:focus-visible + label.e-btn.e-link,
336
+ .e-btn-group input:focus + label.e-btn.e-link,
324
337
  .e-css.e-btn-group .e-btn:focus.e-link,
325
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
338
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
339
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
326
340
  border-radius: 0;
327
341
  text-decoration: underline;
328
342
  color: #0a3576;
@@ -333,39 +347,51 @@
333
347
  }
334
348
  .e-btn-group .e-btn:focus.e-outline,
335
349
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
350
+ .e-btn-group input:focus + label.e-btn.e-outline,
336
351
  .e-css.e-btn-group .e-btn:focus.e-outline,
337
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
352
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
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,
342
358
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
344
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
361
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
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,
348
366
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
350
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
369
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
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,
354
374
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
356
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
377
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
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,
360
382
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
362
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
385
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
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,
366
390
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
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,
368
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
393
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
394
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
369
395
  box-shadow: none;
370
396
  }
371
397
  .e-btn-group .e-btn:active,