@syncfusion/ej2-splitbuttons 25.1.37 → 25.2.3

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 (48) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ej2-splitbuttons.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +1 -0
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +1 -0
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/drop-down-button/drop-down-button.js +1 -0
  14. package/styles/bootstrap-dark.css +26 -26
  15. package/styles/bootstrap.css +26 -26
  16. package/styles/bootstrap4.css +26 -26
  17. package/styles/bootstrap5-dark.css +26 -26
  18. package/styles/bootstrap5.css +26 -26
  19. package/styles/button-group/_theme.scss +1 -1
  20. package/styles/button-group/bootstrap-dark.css +26 -26
  21. package/styles/button-group/bootstrap.css +26 -26
  22. package/styles/button-group/bootstrap4.css +26 -26
  23. package/styles/button-group/bootstrap5-dark.css +26 -26
  24. package/styles/button-group/bootstrap5.css +26 -26
  25. package/styles/button-group/fabric-dark.css +26 -26
  26. package/styles/button-group/fabric.css +26 -26
  27. package/styles/button-group/fluent-dark.css +26 -26
  28. package/styles/button-group/fluent.css +26 -26
  29. package/styles/button-group/highcontrast-light.css +26 -26
  30. package/styles/button-group/highcontrast.css +26 -26
  31. package/styles/button-group/material-dark.css +26 -26
  32. package/styles/button-group/material.css +26 -26
  33. package/styles/button-group/material3-dark.css +26 -26
  34. package/styles/button-group/material3.css +26 -26
  35. package/styles/button-group/tailwind-dark.css +26 -26
  36. package/styles/button-group/tailwind.css +26 -26
  37. package/styles/fabric-dark.css +26 -26
  38. package/styles/fabric.css +26 -26
  39. package/styles/fluent-dark.css +26 -26
  40. package/styles/fluent.css +26 -26
  41. package/styles/highcontrast-light.css +26 -26
  42. package/styles/highcontrast.css +26 -26
  43. package/styles/material-dark.css +26 -26
  44. package/styles/material.css +26 -26
  45. package/styles/material3-dark.css +26 -26
  46. package/styles/material3.css +26 -26
  47. package/styles/tailwind-dark.css +26 -26
  48. package/styles/tailwind.css +26 -26
package/styles/button-group/fluent-dark.css CHANGED
@@ -245,9 +245,9 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
- .e-btn-group input:focus + label.e-btn,
248
+ .e-btn-group input:focus-visible + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
251
251
  background: #252423;
252
252
  border-color: #8a8886;
253
253
  color: #fff;
@@ -258,9 +258,9 @@
258
258
  outline-color: inherit;
259
259
  }
260
260
  .e-btn-group .e-btn:focus.e-primary,
261
- .e-btn-group input:focus + label.e-btn.e-primary,
261
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
262
262
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
263
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
264
264
  background: #006cbf;
265
265
  border-color: #0078d4;
266
266
  color: #1b1a19;
@@ -270,9 +270,9 @@
270
270
  outline-color: inherit;
271
271
  }
272
272
  .e-btn-group .e-btn:focus.e-success,
273
- .e-btn-group input:focus + label.e-btn.e-success,
273
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
274
274
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
275
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
276
276
  background: #0a5f0a;
277
277
  border-color: #0b6a0b;
278
278
  color: #1b1a19;
@@ -281,9 +281,9 @@
281
281
  outline-color: inherit;
282
282
  }
283
283
  .e-btn-group .e-btn:focus.e-info,
284
- .e-btn-group input:focus + label.e-btn.e-info,
284
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
285
285
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
287
287
  background: #03767a;
288
288
  border-color: #038387;
289
289
  color: #1b1a19;
@@ -292,9 +292,9 @@
292
292
  outline-color: inherit;
293
293
  }
294
294
  .e-btn-group .e-btn:focus.e-warning,
295
- .e-btn-group input:focus + label.e-btn.e-warning,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
296
296
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
297
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
298
298
  background: #cf6228;
299
299
  border-color: #ca5010;
300
300
  color: #1b1a19;
@@ -303,9 +303,9 @@
303
303
  outline-color: inherit;
304
304
  }
305
305
  .e-btn-group .e-btn:focus.e-danger,
306
- .e-btn-group input:focus + label.e-btn.e-danger,
306
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
307
307
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
308
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
309
309
  background: #bc2f32;
310
310
  border-color: #d13438;
311
311
  color: #1b1a19;
@@ -314,9 +314,9 @@
314
314
  outline-color: inherit;
315
315
  }
316
316
  .e-btn-group .e-btn:focus.e-link,
317
- .e-btn-group input:focus + label.e-btn.e-link,
317
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
318
318
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
320
320
  border-radius: 0;
321
321
  text-decoration: underline;
322
322
  color: #0060aa;
@@ -326,40 +326,40 @@
326
326
  outline: none;
327
327
  }
328
328
  .e-btn-group .e-btn:focus.e-outline,
329
- .e-btn-group input:focus + label.e-btn.e-outline,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
330
330
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
332
332
  box-shadow: 0 0 rgba(0, 0, 0, 0);
333
333
  box-shadow: none;
334
334
  }
335
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
336
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
337
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
338
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
339
339
  box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
342
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
344
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
345
345
  box-shadow: none;
346
346
  }
347
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
348
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
348
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
349
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
350
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
351
351
  box-shadow: none;
352
352
  }
353
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
354
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
355
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
356
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
357
357
  box-shadow: none;
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
360
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
361
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
362
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
362
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
363
363
  box-shadow: none;
364
364
  }
365
365
  .e-btn-group .e-btn:active,
package/styles/button-group/fluent.css CHANGED
@@ -245,9 +245,9 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
- .e-btn-group input:focus + label.e-btn,
248
+ .e-btn-group input:focus-visible + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
251
251
  background: #f3f2f1;
252
252
  border-color: #8a8886;
253
253
  color: #323130;
@@ -258,9 +258,9 @@
258
258
  outline-color: inherit;
259
259
  }
260
260
  .e-btn-group .e-btn:focus.e-primary,
261
- .e-btn-group input:focus + label.e-btn.e-primary,
261
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
262
262
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
263
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
264
264
  background: #006cbf;
265
265
  border-color: #0078d4;
266
266
  color: #fff;
@@ -270,9 +270,9 @@
270
270
  outline-color: inherit;
271
271
  }
272
272
  .e-btn-group .e-btn:focus.e-success,
273
- .e-btn-group input:focus + label.e-btn.e-success,
273
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
274
274
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
275
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
276
276
  background: #0a5f0a;
277
277
  border-color: #0b6a0b;
278
278
  color: #fff;
@@ -281,9 +281,9 @@
281
281
  outline-color: inherit;
282
282
  }
283
283
  .e-btn-group .e-btn:focus.e-info,
284
- .e-btn-group input:focus + label.e-btn.e-info,
284
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
285
285
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
287
287
  background: #03767a;
288
288
  border-color: #038387;
289
289
  color: #fff;
@@ -292,9 +292,9 @@
292
292
  outline-color: inherit;
293
293
  }
294
294
  .e-btn-group .e-btn:focus.e-warning,
295
- .e-btn-group input:focus + label.e-btn.e-warning,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
296
296
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
297
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
298
298
  background: #cf6228;
299
299
  border-color: #ca5010;
300
300
  color: #fff;
@@ -303,9 +303,9 @@
303
303
  outline-color: inherit;
304
304
  }
305
305
  .e-btn-group .e-btn:focus.e-danger,
306
- .e-btn-group input:focus + label.e-btn.e-danger,
306
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
307
307
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
308
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
309
309
  background: #bc2f32;
310
310
  border-color: #d13438;
311
311
  color: #fff;
@@ -314,9 +314,9 @@
314
314
  outline-color: inherit;
315
315
  }
316
316
  .e-btn-group .e-btn:focus.e-link,
317
- .e-btn-group input:focus + label.e-btn.e-link,
317
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
318
318
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
320
320
  border-radius: 0;
321
321
  text-decoration: underline;
322
322
  color: #0060aa;
@@ -326,40 +326,40 @@
326
326
  outline: none;
327
327
  }
328
328
  .e-btn-group .e-btn:focus.e-outline,
329
- .e-btn-group input:focus + label.e-btn.e-outline,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
330
330
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
332
332
  box-shadow: 0 0 rgba(0, 0, 0, 0);
333
333
  box-shadow: none;
334
334
  }
335
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
336
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
337
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
338
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
339
339
  box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
342
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
344
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
345
345
  box-shadow: none;
346
346
  }
347
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
348
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
348
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
349
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
350
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
351
351
  box-shadow: none;
352
352
  }
353
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
354
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
355
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
356
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
357
357
  box-shadow: none;
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
360
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
361
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
362
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
362
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
363
363
  box-shadow: none;
364
364
  }
365
365
  .e-btn-group .e-btn:active,
package/styles/button-group/highcontrast-light.css CHANGED
@@ -245,9 +245,9 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
- .e-btn-group input:focus + label.e-btn,
248
+ .e-btn-group input:focus-visible + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
251
251
  background: #fff;
252
252
  border-color: #000;
253
253
  color: #000;
@@ -258,9 +258,9 @@
258
258
  outline-color: inherit;
259
259
  }
260
260
  .e-btn-group .e-btn:focus.e-primary,
261
- .e-btn-group input:focus + label.e-btn.e-primary,
261
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
262
262
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
263
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
264
264
  background: #400074;
265
265
  border-color: #400074;
266
266
  color: #fff;
@@ -270,9 +270,9 @@
270
270
  outline-color: #fff;
271
271
  }
272
272
  .e-btn-group .e-btn:focus.e-success,
273
- .e-btn-group input:focus + label.e-btn.e-success,
273
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
274
274
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
275
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
276
276
  background: #2bc700;
277
277
  border-color: #166600;
278
278
  color: #000;
@@ -281,9 +281,9 @@
281
281
  outline-color: inherit;
282
282
  }
283
283
  .e-btn-group .e-btn:focus.e-info,
284
- .e-btn-group input:focus + label.e-btn.e-info,
284
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
285
285
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
287
287
  background: #66b0ff;
288
288
  border-color: #0056b3;
289
289
  color: #000;
@@ -292,9 +292,9 @@
292
292
  outline-color: inherit;
293
293
  }
294
294
  .e-btn-group .e-btn:focus.e-warning,
295
- .e-btn-group input:focus + label.e-btn.e-warning,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
296
296
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
297
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
298
298
  background: #ff7d1a;
299
299
  border-color: #944000;
300
300
  color: #000;
@@ -303,9 +303,9 @@
303
303
  outline-color: inherit;
304
304
  }
305
305
  .e-btn-group .e-btn:focus.e-danger,
306
- .e-btn-group input:focus + label.e-btn.e-danger,
306
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
307
307
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
308
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
309
309
  background: #ff6161;
310
310
  border-color: #b30900;
311
311
  color: #000;
@@ -314,9 +314,9 @@
314
314
  outline-color: inherit;
315
315
  }
316
316
  .e-btn-group .e-btn:focus.e-link,
317
- .e-btn-group input:focus + label.e-btn.e-link,
317
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
318
318
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
320
320
  border-radius: 0;
321
321
  text-decoration: underline;
322
322
  color: #8a8aff;
@@ -326,40 +326,40 @@
326
326
  outline: none;
327
327
  }
328
328
  .e-btn-group .e-btn:focus.e-outline,
329
- .e-btn-group input:focus + label.e-btn.e-outline,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
330
330
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
332
332
  box-shadow: none;
333
333
  box-shadow: none;
334
334
  }
335
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
336
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
337
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
338
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
339
339
  box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
342
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
344
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
345
345
  box-shadow: none;
346
346
  }
347
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
348
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
348
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
349
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
350
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
351
351
  box-shadow: none;
352
352
  }
353
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
354
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
355
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
356
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
357
357
  box-shadow: none;
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
360
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
361
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
362
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
362
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
363
363
  box-shadow: none;
364
364
  }
365
365
  .e-btn-group .e-btn:active,
package/styles/button-group/highcontrast.css CHANGED
@@ -245,9 +245,9 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
- .e-btn-group input:focus + label.e-btn,
248
+ .e-btn-group input:focus-visible + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
251
251
  background: #000;
252
252
  border-color: #fff;
253
253
  color: #fff;
@@ -259,9 +259,9 @@
259
259
  outline-offset: -4px;
260
260
  }
261
261
  .e-btn-group .e-btn:focus.e-primary,
262
- .e-btn-group input:focus + label.e-btn.e-primary,
262
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
263
263
  .e-css.e-btn-group .e-btn:focus.e-primary,
264
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
264
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
265
265
  background: #ffd939;
266
266
  border-color: #ffd939;
267
267
  color: #000;
@@ -271,9 +271,9 @@
271
271
  outline-color: #000;
272
272
  }
273
273
  .e-btn-group .e-btn:focus.e-success,
274
- .e-btn-group input:focus + label.e-btn.e-success,
274
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
275
275
  .e-css.e-btn-group .e-btn:focus.e-success,
276
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
276
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
277
277
  background: #166600;
278
278
  border-color: #166600;
279
279
  color: #fff;
@@ -282,9 +282,9 @@
282
282
  outline-color: inherit;
283
283
  }
284
284
  .e-btn-group .e-btn:focus.e-info,
285
- .e-btn-group input:focus + label.e-btn.e-info,
285
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
286
286
  .e-css.e-btn-group .e-btn:focus.e-info,
287
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
287
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
288
288
  background: #0056b3;
289
289
  border-color: #0056b3;
290
290
  color: #fff;
@@ -293,9 +293,9 @@
293
293
  outline-color: inherit;
294
294
  }
295
295
  .e-btn-group .e-btn:focus.e-warning,
296
- .e-btn-group input:focus + label.e-btn.e-warning,
296
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
297
297
  .e-css.e-btn-group .e-btn:focus.e-warning,
298
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
298
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
299
299
  background: #944000;
300
300
  border-color: #944000;
301
301
  color: #fff;
@@ -304,9 +304,9 @@
304
304
  outline-color: inherit;
305
305
  }
306
306
  .e-btn-group .e-btn:focus.e-danger,
307
- .e-btn-group input:focus + label.e-btn.e-danger,
307
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
308
308
  .e-css.e-btn-group .e-btn:focus.e-danger,
309
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
309
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
310
310
  background: #b30900;
311
311
  border-color: #b30900;
312
312
  color: #fff;
@@ -315,9 +315,9 @@
315
315
  outline-color: inherit;
316
316
  }
317
317
  .e-btn-group .e-btn:focus.e-link,
318
- .e-btn-group input:focus + label.e-btn.e-link,
318
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
319
319
  .e-css.e-btn-group .e-btn:focus.e-link,
320
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
320
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
321
321
  border-radius: 0;
322
322
  text-decoration: underline;
323
323
  color: #8a8aff;
@@ -327,40 +327,40 @@
327
327
  outline: none;
328
328
  }
329
329
  .e-btn-group .e-btn:focus.e-outline,
330
- .e-btn-group input:focus + label.e-btn.e-outline,
330
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
331
331
  .e-css.e-btn-group .e-btn:focus.e-outline,
332
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
332
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
333
333
  box-shadow: none;
334
334
  box-shadow: none;
335
335
  }
336
336
  .e-btn-group .e-btn:focus.e-outline.e-primary,
337
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
337
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
338
338
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
339
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
339
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
340
340
  box-shadow: none;
341
341
  }
342
342
  .e-btn-group .e-btn:focus.e-outline.e-success,
343
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
344
344
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
345
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
345
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
346
346
  box-shadow: none;
347
347
  }
348
348
  .e-btn-group .e-btn:focus.e-outline.e-info,
349
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
349
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
350
350
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
351
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
351
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
352
352
  box-shadow: none;
353
353
  }
354
354
  .e-btn-group .e-btn:focus.e-outline.e-warning,
355
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
355
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
356
356
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
357
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
357
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
358
358
  box-shadow: none;
359
359
  }
360
360
  .e-btn-group .e-btn:focus.e-outline.e-danger,
361
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
361
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
362
362
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
363
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
363
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
364
364
  box-shadow: none;
365
365
  }
366
366
  .e-btn-group .e-btn:active,
package/styles/button-group/material-dark.css CHANGED
@@ -245,9 +245,9 @@
245
245
  box-shadow: none;
246
246
  }
247
247
  .e-btn-group .e-btn:focus,
248
- .e-btn-group input:focus + label.e-btn,
248
+ .e-btn-group input:focus-visible + label.e-btn,
249
249
  .e-css.e-btn-group .e-btn:focus,
250
- .e-css.e-btn-group input:focus + label.e-btn {
250
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
251
251
  background: #878787;
252
252
  border-color: transparent;
253
253
  color: #fff;
@@ -258,9 +258,9 @@
258
258
  outline-color: inherit;
259
259
  }
260
260
  .e-btn-group .e-btn:focus.e-primary,
261
- .e-btn-group input:focus + label.e-btn.e-primary,
261
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
262
262
  .e-css.e-btn-group .e-btn:focus.e-primary,
263
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
263
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
264
264
  background: #0086c2;
265
265
  border-color: transparent;
266
266
  color: #000;
@@ -270,9 +270,9 @@
270
270
  outline-color: inherit;
271
271
  }
272
272
  .e-btn-group .e-btn:focus.e-success,
273
- .e-btn-group input:focus + label.e-btn.e-success,
273
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
274
274
  .e-css.e-btn-group .e-btn:focus.e-success,
275
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
275
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
276
276
  background: #77c27a;
277
277
  border-color: transparent;
278
278
  color: #fff;
@@ -281,9 +281,9 @@
281
281
  outline-color: inherit;
282
282
  }
283
283
  .e-btn-group .e-btn:focus.e-info,
284
- .e-btn-group input:focus + label.e-btn.e-info,
284
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
285
285
  .e-css.e-btn-group .e-btn:focus.e-info,
286
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
286
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
287
287
  background: #3fbef7;
288
288
  border-color: transparent;
289
289
  color: #fff;
@@ -292,9 +292,9 @@
292
292
  outline-color: inherit;
293
293
  }
294
294
  .e-btn-group .e-btn:focus.e-warning,
295
- .e-btn-group input:focus + label.e-btn.e-warning,
295
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
296
296
  .e-css.e-btn-group .e-btn:focus.e-warning,
297
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
297
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
298
298
  background: #ffb13d;
299
299
  border-color: transparent;
300
300
  color: #fff;
@@ -303,9 +303,9 @@
303
303
  outline-color: inherit;
304
304
  }
305
305
  .e-btn-group .e-btn:focus.e-danger,
306
- .e-btn-group input:focus + label.e-btn.e-danger,
306
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
307
307
  .e-css.e-btn-group .e-btn:focus.e-danger,
308
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
308
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
309
309
  background: #ff8b7c;
310
310
  border-color: transparent;
311
311
  color: #fff;
@@ -314,9 +314,9 @@
314
314
  outline-color: inherit;
315
315
  }
316
316
  .e-btn-group .e-btn:focus.e-link,
317
- .e-btn-group input:focus + label.e-btn.e-link,
317
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
318
318
  .e-css.e-btn-group .e-btn:focus.e-link,
319
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
319
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
320
320
  border-radius: 0;
321
321
  text-decoration: underline;
322
322
  color: #20b0e9;
@@ -326,40 +326,40 @@
326
326
  outline: none;
327
327
  }
328
328
  .e-btn-group .e-btn:focus.e-outline,
329
- .e-btn-group input:focus + label.e-btn.e-outline,
329
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
330
330
  .e-css.e-btn-group .e-btn:focus.e-outline,
331
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
332
332
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
333
333
  box-shadow: none;
334
334
  }
335
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
336
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
337
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
338
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
339
339
  box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
342
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
344
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
345
345
  box-shadow: none;
346
346
  }
347
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
348
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
348
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
349
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
350
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
350
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
351
351
  box-shadow: none;
352
352
  }
353
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
354
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
354
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
355
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
356
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
356
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
357
357
  box-shadow: none;
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
360
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
360
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
361
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
362
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
362
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
363
363
  box-shadow: none;
364
364
  }
365
365
  .e-btn-group .e-btn:active,