@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/fluent-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: #252423;
252
254
  border-color: #8a8886;
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: #006cbf;
265
269
  border-color: #0078d4;
266
270
  color: #1b1a19;
@@ -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: #0a5f0a;
277
283
  border-color: #0b6a0b;
278
284
  color: #1b1a19;
@@ -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: #03767a;
288
296
  border-color: #038387;
289
297
  color: #1b1a19;
@@ -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: #cf6228;
299
309
  border-color: #ca5010;
300
310
  color: #1b1a19;
@@ -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: #bc2f32;
310
322
  border-color: #d13438;
311
323
  color: #1b1a19;
@@ -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: #0060aa;
@@ -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 0 rgba(0, 0, 0, 0);
333
349
  box-shadow: none;
334
350
  }
335
351
  .e-btn-group .e-btn:focus.e-outline.e-primary,
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/fluent.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: #f3f2f1;
252
254
  border-color: #8a8886;
253
255
  color: #323130;
@@ -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: #006cbf;
265
269
  border-color: #0078d4;
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: #0a5f0a;
277
283
  border-color: #0b6a0b;
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: #03767a;
288
296
  border-color: #038387;
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: #cf6228;
299
309
  border-color: #ca5010;
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: #bc2f32;
310
322
  border-color: #d13438;
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: #0060aa;
@@ -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 0 rgba(0, 0, 0, 0);
333
349
  box-shadow: none;
334
350
  }
335
351
  .e-btn-group .e-btn:focus.e-outline.e-primary,
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/highcontrast-light.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: #fff;
252
254
  border-color: #000;
253
255
  color: #000;
@@ -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: #400074;
265
269
  border-color: #400074;
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: #2bc700;
277
283
  border-color: #166600;
278
284
  color: #000;
@@ -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: #66b0ff;
288
296
  border-color: #0056b3;
289
297
  color: #000;
@@ -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: #ff7d1a;
299
309
  border-color: #944000;
300
310
  color: #000;
@@ -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: #ff6161;
310
322
  border-color: #b30900;
311
323
  color: #000;
@@ -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: #8a8aff;
@@ -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/highcontrast.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: #000;
252
254
  border-color: #fff;
253
255
  color: #fff;
@@ -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: #ffd939;
266
270
  border-color: #ffd939;
267
271
  color: #000;
@@ -272,8 +276,10 @@
272
276
  }
273
277
  .e-btn-group .e-btn:focus.e-success,
274
278
  .e-btn-group input:focus-visible + label.e-btn.e-success,
279
+ .e-btn-group input:focus + label.e-btn.e-success,
275
280
  .e-css.e-btn-group .e-btn:focus.e-success,
276
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
281
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
282
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
277
283
  background: #166600;
278
284
  border-color: #166600;
279
285
  color: #fff;
@@ -283,8 +289,10 @@
283
289
  }
284
290
  .e-btn-group .e-btn:focus.e-info,
285
291
  .e-btn-group input:focus-visible + label.e-btn.e-info,
292
+ .e-btn-group input:focus + label.e-btn.e-info,
286
293
  .e-css.e-btn-group .e-btn:focus.e-info,
287
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
294
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
295
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
288
296
  background: #0056b3;
289
297
  border-color: #0056b3;
290
298
  color: #fff;
@@ -294,8 +302,10 @@
294
302
  }
295
303
  .e-btn-group .e-btn:focus.e-warning,
296
304
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
305
+ .e-btn-group input:focus + label.e-btn.e-warning,
297
306
  .e-css.e-btn-group .e-btn:focus.e-warning,
298
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
307
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
308
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
299
309
  background: #944000;
300
310
  border-color: #944000;
301
311
  color: #fff;
@@ -305,8 +315,10 @@
305
315
  }
306
316
  .e-btn-group .e-btn:focus.e-danger,
307
317
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
318
+ .e-btn-group input:focus + label.e-btn.e-danger,
308
319
  .e-css.e-btn-group .e-btn:focus.e-danger,
309
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
320
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
321
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
310
322
  background: #b30900;
311
323
  border-color: #b30900;
312
324
  color: #fff;
@@ -316,8 +328,10 @@
316
328
  }
317
329
  .e-btn-group .e-btn:focus.e-link,
318
330
  .e-btn-group input:focus-visible + label.e-btn.e-link,
331
+ .e-btn-group input:focus + label.e-btn.e-link,
319
332
  .e-css.e-btn-group .e-btn:focus.e-link,
320
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
333
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
334
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
321
335
  border-radius: 0;
322
336
  text-decoration: underline;
323
337
  color: #8a8aff;
@@ -328,39 +342,51 @@
328
342
  }
329
343
  .e-btn-group .e-btn:focus.e-outline,
330
344
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
345
+ .e-btn-group input:focus + label.e-btn.e-outline,
331
346
  .e-css.e-btn-group .e-btn:focus.e-outline,
332
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
347
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
348
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
333
349
  box-shadow: none;
334
350
  box-shadow: none;
335
351
  }
336
352
  .e-btn-group .e-btn:focus.e-outline.e-primary,
337
353
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
354
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
338
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
339
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
357
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
340
358
  box-shadow: none;
341
359
  }
342
360
  .e-btn-group .e-btn:focus.e-outline.e-success,
343
361
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
362
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
344
363
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
345
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
364
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
365
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
346
366
  box-shadow: none;
347
367
  }
348
368
  .e-btn-group .e-btn:focus.e-outline.e-info,
349
369
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
370
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
350
371
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
351
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
372
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
373
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
352
374
  box-shadow: none;
353
375
  }
354
376
  .e-btn-group .e-btn:focus.e-outline.e-warning,
355
377
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
378
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
356
379
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
357
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
380
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
381
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
358
382
  box-shadow: none;
359
383
  }
360
384
  .e-btn-group .e-btn:focus.e-outline.e-danger,
361
385
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
386
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
362
387
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
363
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
388
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
389
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
364
390
  box-shadow: none;
365
391
  }
366
392
  .e-btn-group .e-btn:active,