@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/tailwind-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: #374151;
260
262
  border-color: #6b7280;
261
263
  color: #fff;
@@ -266,8 +268,10 @@
266
268
  }
267
269
  .e-btn-group .e-btn:focus.e-primary,
268
270
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
271
+ .e-btn-group input:focus + label.e-btn.e-primary,
269
272
  .e-css.e-btn-group .e-btn:focus.e-primary,
270
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
273
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
274
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
271
275
  background: #06b6d4;
272
276
  border-color: #22d3ee;
273
277
  color: #000;
@@ -277,8 +281,10 @@
277
281
  }
278
282
  .e-btn-group .e-btn:focus.e-success,
279
283
  .e-btn-group input:focus-visible + label.e-btn.e-success,
284
+ .e-btn-group input:focus + label.e-btn.e-success,
280
285
  .e-css.e-btn-group .e-btn:focus.e-success,
281
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
287
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
282
288
  background: #16a34a;
283
289
  border-color: #22c55e;
284
290
  color: #000;
@@ -287,8 +293,10 @@
287
293
  }
288
294
  .e-btn-group .e-btn:focus.e-info,
289
295
  .e-btn-group input:focus-visible + label.e-btn.e-info,
296
+ .e-btn-group input:focus + label.e-btn.e-info,
290
297
  .e-css.e-btn-group .e-btn:focus.e-info,
291
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
298
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
299
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
292
300
  background: #0284c7;
293
301
  border-color: #0ea5e9;
294
302
  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: #c2410c;
303
313
  border-color: #ea580c;
304
314
  color: #fff;
@@ -307,8 +317,10 @@
307
317
  }
308
318
  .e-btn-group .e-btn:focus.e-danger,
309
319
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
320
+ .e-btn-group input:focus + label.e-btn.e-danger,
310
321
  .e-css.e-btn-group .e-btn:focus.e-danger,
311
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
322
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
323
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
312
324
  background: #ef4444;
313
325
  border-color: #f87171;
314
326
  color: #000;
@@ -317,8 +329,10 @@
317
329
  }
318
330
  .e-btn-group .e-btn:focus.e-link,
319
331
  .e-btn-group input:focus-visible + label.e-btn.e-link,
332
+ .e-btn-group input:focus + label.e-btn.e-link,
320
333
  .e-css.e-btn-group .e-btn:focus.e-link,
321
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
334
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
335
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
322
336
  border-radius: 0;
323
337
  text-decoration: underline;
324
338
  color: #67e8f9;
@@ -329,39 +343,51 @@
329
343
  }
330
344
  .e-btn-group .e-btn:focus.e-outline,
331
345
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
346
+ .e-btn-group input:focus + label.e-btn.e-outline,
332
347
  .e-css.e-btn-group .e-btn:focus.e-outline,
333
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
348
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
349
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
334
350
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
335
351
  box-shadow: none;
336
352
  }
337
353
  .e-btn-group .e-btn:focus.e-outline.e-primary,
338
354
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
355
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
339
356
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
340
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
357
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
358
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
341
359
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
342
360
  }
343
361
  .e-btn-group .e-btn:focus.e-outline.e-success,
344
362
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
363
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
345
364
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
346
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
365
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
366
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
347
367
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
348
368
  }
349
369
  .e-btn-group .e-btn:focus.e-outline.e-info,
350
370
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
371
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
351
372
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
352
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
373
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
374
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
353
375
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
354
376
  }
355
377
  .e-btn-group .e-btn:focus.e-outline.e-warning,
356
378
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
379
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
357
380
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
358
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
381
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
382
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
359
383
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
360
384
  }
361
385
  .e-btn-group .e-btn:focus.e-outline.e-danger,
362
386
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
387
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
363
388
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
364
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
389
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
390
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
365
391
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
366
392
  }
367
393
  .e-btn-group .e-btn:active,
package/styles/button-group/tailwind.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: #f3f4f6;
260
262
  border-color: #d1d5db;
261
263
  color: #374151;
@@ -266,8 +268,10 @@
266
268
  }
267
269
  .e-btn-group .e-btn:focus.e-primary,
268
270
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
271
+ .e-btn-group input:focus + label.e-btn.e-primary,
269
272
  .e-css.e-btn-group .e-btn:focus.e-primary,
270
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
273
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
274
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
271
275
  background: #4338ca;
272
276
  border-color: #4f46e5;
273
277
  color: #fff;
@@ -277,8 +281,10 @@
277
281
  }
278
282
  .e-btn-group .e-btn:focus.e-success,
279
283
  .e-btn-group input:focus-visible + label.e-btn.e-success,
284
+ .e-btn-group input:focus + label.e-btn.e-success,
280
285
  .e-css.e-btn-group .e-btn:focus.e-success,
281
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
287
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
282
288
  background: #166534;
283
289
  border-color: #15803d;
284
290
  color: #fff;
@@ -287,8 +293,10 @@
287
293
  }
288
294
  .e-btn-group .e-btn:focus.e-info,
289
295
  .e-btn-group input:focus-visible + label.e-btn.e-info,
296
+ .e-btn-group input:focus + label.e-btn.e-info,
290
297
  .e-css.e-btn-group .e-btn:focus.e-info,
291
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
298
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
299
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
292
300
  background: #155e75;
293
301
  border-color: #0e7490;
294
302
  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: #9a3412;
303
313
  border-color: #c2410c;
304
314
  color: #fff;
@@ -307,8 +317,10 @@
307
317
  }
308
318
  .e-btn-group .e-btn:focus.e-danger,
309
319
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
320
+ .e-btn-group input:focus + label.e-btn.e-danger,
310
321
  .e-css.e-btn-group .e-btn:focus.e-danger,
311
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
322
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
323
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
312
324
  background: #b91c1c;
313
325
  border-color: #dc2626;
314
326
  color: #fff;
@@ -317,8 +329,10 @@
317
329
  }
318
330
  .e-btn-group .e-btn:focus.e-link,
319
331
  .e-btn-group input:focus-visible + label.e-btn.e-link,
332
+ .e-btn-group input:focus + label.e-btn.e-link,
320
333
  .e-css.e-btn-group .e-btn:focus.e-link,
321
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
334
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
335
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
322
336
  border-radius: 0;
323
337
  text-decoration: underline;
324
338
  color: #3730a3;
@@ -329,39 +343,51 @@
329
343
  }
330
344
  .e-btn-group .e-btn:focus.e-outline,
331
345
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
346
+ .e-btn-group input:focus + label.e-btn.e-outline,
332
347
  .e-css.e-btn-group .e-btn:focus.e-outline,
333
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
348
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
349
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
334
350
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
335
351
  box-shadow: none;
336
352
  }
337
353
  .e-btn-group .e-btn:focus.e-outline.e-primary,
338
354
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
355
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
339
356
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
340
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
357
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
358
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
341
359
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
342
360
  }
343
361
  .e-btn-group .e-btn:focus.e-outline.e-success,
344
362
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
363
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
345
364
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
346
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
365
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
366
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
347
367
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
348
368
  }
349
369
  .e-btn-group .e-btn:focus.e-outline.e-info,
350
370
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
371
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
351
372
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
352
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
373
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
374
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
353
375
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
354
376
  }
355
377
  .e-btn-group .e-btn:focus.e-outline.e-warning,
356
378
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
379
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
357
380
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
358
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
381
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
382
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
359
383
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
360
384
  }
361
385
  .e-btn-group .e-btn:focus.e-outline.e-danger,
362
386
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
387
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
363
388
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
364
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
389
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
390
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
365
391
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
366
392
  }
367
393
  .e-btn-group .e-btn:active,
package/styles/fabric-dark.css CHANGED
@@ -809,8 +809,10 @@
809
809
  }
810
810
  .e-btn-group .e-btn:focus,
811
811
  .e-btn-group input:focus-visible + label.e-btn,
812
+ .e-btn-group input:focus + label.e-btn,
812
813
  .e-css.e-btn-group .e-btn:focus,
813
- .e-css.e-btn-group input:focus-visible + label.e-btn {
814
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
815
+ .e-css.e-btn-group input:focus + label.e-btn {
814
816
  background: #414040;
815
817
  border-color: #201f1f;
816
818
  color: #fff;
@@ -822,8 +824,10 @@
822
824
  }
823
825
  .e-btn-group .e-btn:focus.e-primary,
824
826
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
827
+ .e-btn-group input:focus + label.e-btn.e-primary,
825
828
  .e-css.e-btn-group .e-btn:focus.e-primary,
826
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
829
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
830
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
831
  background: #0074cc;
828
832
  border-color: #201f1f;
829
833
  color: #fff;
@@ -834,8 +838,10 @@
834
838
  }
835
839
  .e-btn-group .e-btn:focus.e-success,
836
840
  .e-btn-group input:focus-visible + label.e-btn.e-success,
841
+ .e-btn-group input:focus + label.e-btn.e-success,
837
842
  .e-css.e-btn-group .e-btn:focus.e-success,
838
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
843
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
844
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
845
  background: #37844d;
840
846
  border-color: #201f1f;
841
847
  color: #fff;
@@ -845,8 +851,10 @@
845
851
  }
846
852
  .e-btn-group .e-btn:focus.e-info,
847
853
  .e-btn-group input:focus-visible + label.e-btn.e-info,
854
+ .e-btn-group input:focus + label.e-btn.e-info,
848
855
  .e-css.e-btn-group .e-btn:focus.e-info,
849
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
856
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
857
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
858
  background: #1e79cb;
851
859
  border-color: #201f1f;
852
860
  color: #fff;
@@ -856,8 +864,10 @@
856
864
  }
857
865
  .e-btn-group .e-btn:focus.e-warning,
858
866
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
867
+ .e-btn-group input:focus + label.e-btn.e-warning,
859
868
  .e-css.e-btn-group .e-btn:focus.e-warning,
860
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
869
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
870
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
871
  background: #bf7500;
862
872
  border-color: #201f1f;
863
873
  color: #fff;
@@ -867,8 +877,10 @@
867
877
  }
868
878
  .e-btn-group .e-btn:focus.e-danger,
869
879
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
880
+ .e-btn-group input:focus + label.e-btn.e-danger,
870
881
  .e-css.e-btn-group .e-btn:focus.e-danger,
871
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
882
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
883
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
884
  background: #cd2a19;
873
885
  border-color: #201f1f;
874
886
  color: #fff;
@@ -878,8 +890,10 @@
878
890
  }
879
891
  .e-btn-group .e-btn:focus.e-link,
880
892
  .e-btn-group input:focus-visible + label.e-btn.e-link,
893
+ .e-btn-group input:focus + label.e-btn.e-link,
881
894
  .e-css.e-btn-group .e-btn:focus.e-link,
882
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
895
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
896
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
883
897
  border-radius: 0;
884
898
  text-decoration: underline;
885
899
  color: #639df3;
@@ -890,39 +904,51 @@
890
904
  }
891
905
  .e-btn-group .e-btn:focus.e-outline,
892
906
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
907
+ .e-btn-group input:focus + label.e-btn.e-outline,
893
908
  .e-css.e-btn-group .e-btn:focus.e-outline,
894
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
909
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
910
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
895
911
  box-shadow: none;
896
912
  box-shadow: none;
897
913
  }
898
914
  .e-btn-group .e-btn:focus.e-outline.e-primary,
899
915
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
916
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
900
917
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
901
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
918
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
919
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
902
920
  box-shadow: none;
903
921
  }
904
922
  .e-btn-group .e-btn:focus.e-outline.e-success,
905
923
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
924
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
906
925
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
907
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
926
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
927
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
908
928
  box-shadow: none;
909
929
  }
910
930
  .e-btn-group .e-btn:focus.e-outline.e-info,
911
931
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
932
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
912
933
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
913
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
934
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
935
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
914
936
  box-shadow: none;
915
937
  }
916
938
  .e-btn-group .e-btn:focus.e-outline.e-warning,
917
939
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
940
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
918
941
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
919
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
942
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
943
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
920
944
  box-shadow: none;
921
945
  }
922
946
  .e-btn-group .e-btn:focus.e-outline.e-danger,
923
947
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
948
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
924
949
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
925
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
950
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
951
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
926
952
  box-shadow: none;
927
953
  }
928
954
  .e-btn-group .e-btn:active,
package/styles/fabric.css CHANGED
@@ -806,8 +806,10 @@
806
806
  }
807
807
  .e-btn-group .e-btn:focus,
808
808
  .e-btn-group input:focus-visible + label.e-btn,
809
+ .e-btn-group input:focus + label.e-btn,
809
810
  .e-css.e-btn-group .e-btn:focus,
810
- .e-css.e-btn-group input:focus-visible + label.e-btn {
811
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
812
+ .e-css.e-btn-group input:focus + label.e-btn {
811
813
  background: #f4f4f4;
812
814
  border-color: #eaeaea;
813
815
  color: #333;
@@ -820,8 +822,10 @@
820
822
  }
821
823
  .e-btn-group .e-btn:focus.e-primary,
822
824
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
825
+ .e-btn-group input:focus + label.e-btn.e-primary,
823
826
  .e-css.e-btn-group .e-btn:focus.e-primary,
824
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
827
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
828
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
825
829
  background: #0078d6;
826
830
  border-color: #fff;
827
831
  color: #fff;
@@ -833,8 +837,10 @@
833
837
  }
834
838
  .e-btn-group .e-btn:focus.e-success,
835
839
  .e-btn-group input:focus-visible + label.e-btn.e-success,
840
+ .e-btn-group input:focus + label.e-btn.e-success,
836
841
  .e-css.e-btn-group .e-btn:focus.e-success,
837
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
842
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
843
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
838
844
  background: #137c10;
839
845
  border-color: #fff;
840
846
  color: #fff;
@@ -845,8 +851,10 @@
845
851
  }
846
852
  .e-btn-group .e-btn:focus.e-info,
847
853
  .e-btn-group input:focus-visible + label.e-btn.e-info,
854
+ .e-btn-group input:focus + label.e-btn.e-info,
848
855
  .e-css.e-btn-group .e-btn:focus.e-info,
849
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
856
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
857
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
858
  background: #0378d5;
851
859
  border-color: #fff;
852
860
  color: #fff;
@@ -857,8 +865,10 @@
857
865
  }
858
866
  .e-btn-group .e-btn:focus.e-warning,
859
867
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
868
+ .e-btn-group input:focus + label.e-btn.e-warning,
860
869
  .e-css.e-btn-group .e-btn:focus.e-warning,
861
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
870
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
871
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
862
872
  background: #d83b01;
863
873
  border-color: #fff;
864
874
  color: #fff;
@@ -869,8 +879,10 @@
869
879
  }
870
880
  .e-btn-group .e-btn:focus.e-danger,
871
881
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
882
+ .e-btn-group input:focus + label.e-btn.e-danger,
872
883
  .e-css.e-btn-group .e-btn:focus.e-danger,
873
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
884
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
885
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
874
886
  background: #a80000;
875
887
  border-color: #fff;
876
888
  color: #fff;
@@ -881,8 +893,10 @@
881
893
  }
882
894
  .e-btn-group .e-btn:focus.e-link,
883
895
  .e-btn-group input:focus-visible + label.e-btn.e-link,
896
+ .e-btn-group input:focus + label.e-btn.e-link,
884
897
  .e-css.e-btn-group .e-btn:focus.e-link,
885
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
898
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
899
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
886
900
  border-radius: 0;
887
901
  text-decoration: underline;
888
902
  color: #0a3576;
@@ -893,39 +907,51 @@
893
907
  }
894
908
  .e-btn-group .e-btn:focus.e-outline,
895
909
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
910
+ .e-btn-group input:focus + label.e-btn.e-outline,
896
911
  .e-css.e-btn-group .e-btn:focus.e-outline,
897
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
912
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
913
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
898
914
  box-shadow: none;
899
915
  box-shadow: none;
900
916
  }
901
917
  .e-btn-group .e-btn:focus.e-outline.e-primary,
902
918
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
919
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
903
920
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
904
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
921
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
922
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
905
923
  box-shadow: none;
906
924
  }
907
925
  .e-btn-group .e-btn:focus.e-outline.e-success,
908
926
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
927
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
909
928
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
910
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
929
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
930
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
911
931
  box-shadow: none;
912
932
  }
913
933
  .e-btn-group .e-btn:focus.e-outline.e-info,
914
934
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
935
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
915
936
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
916
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
937
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
938
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
917
939
  box-shadow: none;
918
940
  }
919
941
  .e-btn-group .e-btn:focus.e-outline.e-warning,
920
942
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
943
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
921
944
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
922
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
945
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
946
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
923
947
  box-shadow: none;
924
948
  }
925
949
  .e-btn-group .e-btn:focus.e-outline.e-danger,
926
950
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
951
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
927
952
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
928
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
953
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
954
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
929
955
  box-shadow: none;
930
956
  }
931
957
  .e-btn-group .e-btn:active,