@syncfusion/ej2-react-splitbuttons 20.3.56 → 20.4.40

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 (36) hide show
  1. package/CHANGELOG.md +13 -28
  2. package/dist/ej2-react-splitbuttons.min.js +1 -1
  3. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  4. package/package.json +9 -32
  5. package/styles/bootstrap-dark.css +21 -0
  6. package/styles/bootstrap.css +21 -0
  7. package/styles/bootstrap4.css +49 -28
  8. package/styles/bootstrap5-dark.css +21 -0
  9. package/styles/bootstrap5.css +21 -0
  10. package/styles/button-group/bootstrap4.css +24 -24
  11. package/styles/drop-down-button/bootstrap4.css +1 -1
  12. package/styles/fabric-dark.css +21 -0
  13. package/styles/fabric.css +21 -0
  14. package/styles/fluent-dark.css +21 -0
  15. package/styles/fluent.css +21 -0
  16. package/styles/highcontrast-light.css +21 -0
  17. package/styles/highcontrast.css +21 -0
  18. package/styles/material-dark.css +21 -0
  19. package/styles/material.css +21 -0
  20. package/styles/split-button/bootstrap-dark.css +21 -0
  21. package/styles/split-button/bootstrap.css +21 -0
  22. package/styles/split-button/bootstrap4.css +24 -3
  23. package/styles/split-button/bootstrap5-dark.css +21 -0
  24. package/styles/split-button/bootstrap5.css +21 -0
  25. package/styles/split-button/fabric-dark.css +21 -0
  26. package/styles/split-button/fabric.css +21 -0
  27. package/styles/split-button/fluent-dark.css +21 -0
  28. package/styles/split-button/fluent.css +21 -0
  29. package/styles/split-button/highcontrast-light.css +21 -0
  30. package/styles/split-button/highcontrast.css +21 -0
  31. package/styles/split-button/material-dark.css +21 -0
  32. package/styles/split-button/material.css +21 -0
  33. package/styles/split-button/tailwind-dark.css +21 -0
  34. package/styles/split-button/tailwind.css +21 -0
  35. package/styles/tailwind-dark.css +21 -0
  36. package/styles/tailwind.css +21 -0
package/styles/bootstrap5-dark.css CHANGED
@@ -312,6 +312,9 @@
312
312
  .e-split-btn-wrapper .e-btn:disabled {
313
313
  box-shadow: none;
314
314
  }
315
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
316
+ box-shadow: none;
317
+ }
315
318
  .e-split-btn-wrapper.e-rtl .e-split-btn {
316
319
  border-bottom-left-radius: 0;
317
320
  border-bottom-right-radius: 4px;
@@ -470,6 +473,9 @@
470
473
  .e-split-btn-wrapper .e-split-btn:disabled {
471
474
  border-right-color: rgba(108, 117, 125, 0.65);
472
475
  }
476
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
477
+ border-color: transparent;
478
+ }
473
479
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
474
480
  border-right-color: #6c757d;
475
481
  }
@@ -492,6 +498,9 @@
492
498
  border-left-color: rgba(108, 117, 125, 0.65);
493
499
  border-right-color: #6c757d;
494
500
  }
501
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
502
+ border-color: transparent;
503
+ }
495
504
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
496
505
  border-left-color: #6c757d;
497
506
  border-right-color: #6c757d;
@@ -503,6 +512,9 @@
503
512
  border-bottom-color: #6c757d;
504
513
  border-right-color: #6c757d;
505
514
  }
515
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
516
+ border-color: transparent;
517
+ }
506
518
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
507
519
  border-bottom-color: #6c757d;
508
520
  border-right-color: #6c757d;
@@ -519,12 +531,18 @@
519
531
  border-bottom-color: #6c757d;
520
532
  border-right-color: #6c757d;
521
533
  }
534
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
535
+ border-color: transparent;
536
+ }
522
537
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
523
538
  border-bottom-color: rgba(108, 117, 125, 0.65);
524
539
  }
525
540
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
526
541
  border-left-color: #6c757d;
527
542
  }
543
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
544
+ border-color: transparent;
545
+ }
528
546
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
529
547
  border-left-color: #6c757d;
530
548
  }
@@ -537,6 +555,9 @@
537
555
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
538
556
  border-left-color: #6c757d;
539
557
  }
558
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
559
+ border-color: transparent;
560
+ }
540
561
 
541
562
  /* stylelint-disable */
542
563
  *.e-btn-group,
package/styles/bootstrap5.css CHANGED
@@ -312,6 +312,9 @@
312
312
  .e-split-btn-wrapper .e-btn:disabled {
313
313
  box-shadow: none;
314
314
  }
315
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
316
+ box-shadow: none;
317
+ }
315
318
  .e-split-btn-wrapper.e-rtl .e-split-btn {
316
319
  border-bottom-left-radius: 0;
317
320
  border-bottom-right-radius: 4px;
@@ -470,6 +473,9 @@
470
473
  .e-split-btn-wrapper .e-split-btn:disabled {
471
474
  border-right-color: rgba(108, 117, 125, 0.65);
472
475
  }
476
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
477
+ border-color: transparent;
478
+ }
473
479
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
474
480
  border-right-color: #6c757d;
475
481
  }
@@ -492,6 +498,9 @@
492
498
  border-left-color: rgba(108, 117, 125, 0.65);
493
499
  border-right-color: #6c757d;
494
500
  }
501
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
502
+ border-color: transparent;
503
+ }
495
504
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
496
505
  border-left-color: #6c757d;
497
506
  border-right-color: #6c757d;
@@ -503,6 +512,9 @@
503
512
  border-bottom-color: #6c757d;
504
513
  border-right-color: #6c757d;
505
514
  }
515
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
516
+ border-color: transparent;
517
+ }
506
518
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
507
519
  border-bottom-color: #6c757d;
508
520
  border-right-color: #6c757d;
@@ -519,12 +531,18 @@
519
531
  border-bottom-color: #6c757d;
520
532
  border-right-color: #6c757d;
521
533
  }
534
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
535
+ border-color: transparent;
536
+ }
522
537
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
523
538
  border-bottom-color: rgba(108, 117, 125, 0.65);
524
539
  }
525
540
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
526
541
  border-left-color: #6c757d;
527
542
  }
543
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
544
+ border-color: transparent;
545
+ }
528
546
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
529
547
  border-left-color: #6c757d;
530
548
  }
@@ -537,6 +555,9 @@
537
555
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
538
556
  border-left-color: #6c757d;
539
557
  }
558
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
559
+ border-color: transparent;
560
+ }
540
561
 
541
562
  /* stylelint-disable */
542
563
  *.e-btn-group,
package/styles/button-group/bootstrap4.css CHANGED
@@ -257,7 +257,7 @@
257
257
  color: #fff;
258
258
  outline: #6c757d 0 solid;
259
259
  outline-offset: 0;
260
- box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
260
+ box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
261
261
  box-shadow: none;
262
262
  outline-color: inherit;
263
263
  }
@@ -269,7 +269,7 @@
269
269
  border-color: #007bff;
270
270
  color: #fff;
271
271
  outline: #6c757d 0 solid;
272
- box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
272
+ box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
273
273
  box-shadow: none;
274
274
  outline-color: inherit;
275
275
  }
@@ -280,7 +280,7 @@
280
280
  background-color: #28a745;
281
281
  border-color: #28a745;
282
282
  color: #fff;
283
- box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
283
+ box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
284
284
  box-shadow: none;
285
285
  outline-color: inherit;
286
286
  }
@@ -291,7 +291,7 @@
291
291
  background-color: #17a2b8;
292
292
  border-color: #17a2b8;
293
293
  color: #fff;
294
- box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
294
+ box-shadow: 0 0 0 0.25em rgba(51, 174, 194, 0.5);
295
295
  box-shadow: none;
296
296
  outline-color: inherit;
297
297
  }
@@ -302,7 +302,7 @@
302
302
  background-color: #ffc107;
303
303
  border-color: #ffc107;
304
304
  color: #212529;
305
- box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
305
+ box-shadow: 0 0 0 0.25em rgba(255, 202, 44, 0.5);
306
306
  box-shadow: none;
307
307
  outline-color: inherit;
308
308
  }
@@ -313,7 +313,7 @@
313
313
  background-color: #dc3545;
314
314
  border-color: #dc3545;
315
315
  color: #fff;
316
- box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
316
+ box-shadow: 0 0 0 0.25em rgba(225, 83, 97, 0.5);
317
317
  box-shadow: none;
318
318
  outline-color: inherit;
319
319
  }
@@ -336,42 +336,42 @@
336
336
  .e-btn-group input:focus + label.e-btn.e-outline,
337
337
  .e-css.e-btn-group .e-btn:focus.e-outline,
338
338
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
339
- box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
339
+ box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
340
340
  box-shadow: none;
341
341
  }
342
342
  .e-btn-group .e-btn:focus.e-outline.e-primary,
343
343
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
344
344
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
345
345
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
346
- box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
346
+ box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
347
347
  box-shadow: none;
348
348
  }
349
349
  .e-btn-group .e-btn:focus.e-outline.e-success,
350
350
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
351
351
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
352
352
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
353
- box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
353
+ box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
354
354
  box-shadow: none;
355
355
  }
356
356
  .e-btn-group .e-btn:focus.e-outline.e-info,
357
357
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
358
358
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
359
359
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
360
- box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
360
+ box-shadow: 0 0 0 0.25em rgba(46, 173, 193, 0.5);
361
361
  box-shadow: none;
362
362
  }
363
363
  .e-btn-group .e-btn:focus.e-outline.e-warning,
364
364
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
365
365
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
366
366
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
367
- box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
367
+ box-shadow: 0 0 0 0.25em rgba(255, 201, 40, 0.5);
368
368
  box-shadow: none;
369
369
  }
370
370
  .e-btn-group .e-btn:focus.e-outline.e-danger,
371
371
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
372
372
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
373
373
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
374
- box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
374
+ box-shadow: 0 0 0 0.25em rgba(225, 81, 95, 0.5);
375
375
  box-shadow: none;
376
376
  }
377
377
  .e-btn-group .e-btn:active,
@@ -385,7 +385,7 @@
385
385
  color: #fff;
386
386
  outline: #6c757d 0 solid;
387
387
  outline-offset: 0;
388
- box-shadow: 0 0 0 0.25em rgba(78, 85, 91, 0.5);
388
+ box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
389
389
  }
390
390
  .e-btn-group .e-btn:active.e-primary,
391
391
  .e-btn-group input:active + label.e-btn.e-primary,
@@ -397,7 +397,7 @@
397
397
  border-color: #005cbf;
398
398
  color: #fff;
399
399
  outline: #6c757d 0 solid;
400
- box-shadow: 0 0 0 0.25em rgba(0, 92, 191, 0.5);
400
+ box-shadow: 0 0 0 0.25em rgba(31, 113, 201, 0.5);
401
401
  }
402
402
  .e-btn-group .e-btn:active.e-success,
403
403
  .e-btn-group input:active + label.e-btn.e-success,
@@ -408,7 +408,7 @@
408
408
  background-color: #1e7e34;
409
409
  border-color: #1c7430;
410
410
  color: #fff;
411
- box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
411
+ box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
412
412
  }
413
413
  .e-btn-group .e-btn:active.e-info,
414
414
  .e-btn-group input:active + label.e-btn.e-info,
@@ -419,7 +419,7 @@
419
419
  background-color: #117a8b;
420
420
  color: #fff;
421
421
  border-color: #10707f;
422
- box-shadow: 0 0 0 0.25em rgba(16, 112, 127, 0.5);
422
+ box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
423
423
  }
424
424
  .e-btn-group .e-btn:active.e-warning,
425
425
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -430,7 +430,7 @@
430
430
  background-color: #d39e00;
431
431
  border-color: #c69500;
432
432
  color: #212529;
433
- box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
433
+ box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
434
434
  }
435
435
  .e-btn-group .e-btn:active.e-danger,
436
436
  .e-btn-group input:active + label.e-btn.e-danger,
@@ -441,7 +441,7 @@
441
441
  background-color: #bd2130;
442
442
  border-color: #b21f2d;
443
443
  color: #fff;
444
- box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
444
+ box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
445
445
  }
446
446
  .e-btn-group .e-btn:active.e-outline,
447
447
  .e-btn-group input:active + label.e-btn.e-outline,
@@ -451,7 +451,7 @@
451
451
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
452
452
  background-color: #6c757d;
453
453
  border-color: transparent;
454
- box-shadow: 0 0 0 0.25em rgba(78, 85, 91, 0.5);
454
+ box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
455
455
  color: #fff;
456
456
  }
457
457
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -462,7 +462,7 @@
462
462
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
463
463
  background-color: #007bff;
464
464
  border-color: transparent;
465
- box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
465
+ box-shadow: 0 0 0 0.25em rgba(31, 139, 255, 0.5);
466
466
  color: #fff;
467
467
  }
468
468
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -473,7 +473,7 @@
473
473
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
474
474
  background-color: #28a745;
475
475
  border-color: transparent;
476
- box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
476
+ box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
477
477
  color: #fff;
478
478
  }
479
479
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -484,7 +484,7 @@
484
484
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
485
485
  background-color: #17a2b8;
486
486
  border-color: transparent;
487
- box-shadow: 0 0 0 0.25em rgba(16, 112, 127, 0.5);
487
+ box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
488
488
  color: #fff;
489
489
  }
490
490
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -495,7 +495,7 @@
495
495
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
496
496
  background-color: #ffc107;
497
497
  border-color: transparent;
498
- box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
498
+ box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
499
499
  color: #212529;
500
500
  }
501
501
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -506,7 +506,7 @@
506
506
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
507
507
  background-color: #dc3545;
508
508
  border-color: transparent;
509
- box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
509
+ box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
510
510
  color: #fff;
511
511
  }
512
512
  .e-btn-group .e-btn:disabled,
package/styles/drop-down-button/bootstrap4.css CHANGED
@@ -15,7 +15,7 @@
15
15
  }
16
16
  .e-dropdown-btn:active,
17
17
  .e-dropdown-btn.e-btn:active {
18
- box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
18
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
19
19
  }
20
20
  .e-dropdown-btn .e-btn-icon,
21
21
  .e-dropdown-btn.e-btn .e-btn-icon {
package/styles/fabric-dark.css CHANGED
@@ -314,6 +314,9 @@
314
314
  .e-split-btn-wrapper .e-btn:disabled {
315
315
  box-shadow: none;
316
316
  }
317
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
318
+ box-shadow: none;
319
+ }
317
320
  .e-split-btn-wrapper.e-rtl .e-split-btn {
318
321
  border-bottom-left-radius: 0;
319
322
  border-bottom-right-radius: 0;
@@ -472,6 +475,9 @@
472
475
  .e-split-btn-wrapper .e-split-btn:disabled {
473
476
  border-right-color: #414040;
474
477
  }
478
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
479
+ border-color: transparent;
480
+ }
475
481
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
476
482
  border-right-color: #6f6c6c;
477
483
  }
@@ -494,6 +500,9 @@
494
500
  border-left-color: #414040;
495
501
  border-right-color: transparent;
496
502
  }
503
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
504
+ border-color: transparent;
505
+ }
497
506
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
498
507
  border-left-color: #6f6c6c;
499
508
  border-right-color: #414040;
@@ -505,6 +514,9 @@
505
514
  border-bottom-color: transparent;
506
515
  border-right-color: transparent;
507
516
  }
517
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
518
+ border-color: transparent;
519
+ }
508
520
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
509
521
  border-bottom-color: #6f6c6c;
510
522
  border-right-color: transparent;
@@ -521,12 +533,18 @@
521
533
  border-bottom-color: #6f6c6c;
522
534
  border-right-color: #414040;
523
535
  }
536
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
537
+ border-color: transparent;
538
+ }
524
539
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
525
540
  border-bottom-color: #414040;
526
541
  }
527
542
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
528
543
  border-left-color: transparent;
529
544
  }
545
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
546
+ border-color: transparent;
547
+ }
530
548
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
531
549
  border-left-color: transparent;
532
550
  }
@@ -539,6 +557,9 @@
539
557
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
540
558
  border-left-color: transparent;
541
559
  }
560
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
561
+ border-color: transparent;
562
+ }
542
563
 
543
564
  /* stylelint-disable */
544
565
  *.e-btn-group,
package/styles/fabric.css CHANGED
@@ -314,6 +314,9 @@
314
314
  .e-split-btn-wrapper .e-btn:disabled {
315
315
  box-shadow: none;
316
316
  }
317
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
318
+ box-shadow: none;
319
+ }
317
320
  .e-split-btn-wrapper.e-rtl .e-split-btn {
318
321
  border-bottom-left-radius: 0;
319
322
  border-bottom-right-radius: 0;
@@ -472,6 +475,9 @@
472
475
  .e-split-btn-wrapper .e-split-btn:disabled {
473
476
  border-right-color: #f4f4f4;
474
477
  }
478
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
479
+ border-color: transparent;
480
+ }
475
481
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
476
482
  border-right-color: #c8c8c8;
477
483
  }
@@ -491,6 +497,9 @@
491
497
  border-left-color: #f4f4f4;
492
498
  border-right-color: transparent;
493
499
  }
500
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
501
+ border-color: transparent;
502
+ }
494
503
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
495
504
  border-left-color: #c8c8c8;
496
505
  border-right-color: #eaeaea;
@@ -502,6 +511,9 @@
502
511
  border-bottom-color: transparent;
503
512
  border-right-color: transparent;
504
513
  }
514
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
515
+ border-color: transparent;
516
+ }
505
517
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
506
518
  border-bottom-color: #c8c8c8;
507
519
  border-right-color: transparent;
@@ -518,12 +530,18 @@
518
530
  border-bottom-color: #c8c8c8;
519
531
  border-right-color: #eaeaea;
520
532
  }
533
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
534
+ border-color: transparent;
535
+ }
521
536
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
522
537
  border-bottom-color: #f4f4f4;
523
538
  }
524
539
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
525
540
  border-left-color: transparent;
526
541
  }
542
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
543
+ border-color: transparent;
544
+ }
527
545
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
528
546
  border-left-color: transparent;
529
547
  }
@@ -536,6 +554,9 @@
536
554
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
537
555
  border-left-color: transparent;
538
556
  }
557
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
558
+ border-color: transparent;
559
+ }
539
560
 
540
561
  /* stylelint-disable */
541
562
  *.e-btn-group,
package/styles/fluent-dark.css CHANGED
@@ -304,6 +304,9 @@
304
304
  outline: 0;
305
305
  outline-offset: 0;
306
306
  }
307
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
308
+ box-shadow: none;
309
+ }
307
310
  .e-split-btn-wrapper.e-rtl .e-split-btn {
308
311
  border-bottom-left-radius: 0;
309
312
  border-bottom-right-radius: 0;
@@ -462,6 +465,9 @@
462
465
  .e-split-btn-wrapper .e-split-btn:disabled {
463
466
  border-right-color: #252423;
464
467
  }
468
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
469
+ border-color: transparent;
470
+ }
465
471
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
466
472
  border-right-color: #8a8886;
467
473
  }
@@ -484,6 +490,9 @@
484
490
  border-left-color: #323130;
485
491
  border-right-color: #323130;
486
492
  }
493
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
494
+ border-color: transparent;
495
+ }
487
496
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
488
497
  border-left-color: #8a8886;
489
498
  border-right-color: #8a8886;
@@ -495,6 +504,9 @@
495
504
  border-bottom-color: #8a8886;
496
505
  border-right-color: #8a8886;
497
506
  }
507
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
508
+ border-color: transparent;
509
+ }
498
510
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
499
511
  border-bottom-color: #8a8886;
500
512
  border-right-color: #8a8886;
@@ -511,12 +523,18 @@
511
523
  border-bottom-color: #8a8886;
512
524
  border-right-color: #8a8886;
513
525
  }
526
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
527
+ border-color: transparent;
528
+ }
514
529
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
515
530
  border-bottom-color: #323130;
516
531
  }
517
532
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
518
533
  border-left-color: #8a8886;
519
534
  }
535
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
536
+ border-color: transparent;
537
+ }
520
538
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
521
539
  border-left-color: #8a8886;
522
540
  }
@@ -529,6 +547,9 @@
529
547
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
530
548
  border-left-color: #8a8886;
531
549
  }
550
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
551
+ border-color: transparent;
552
+ }
532
553
 
533
554
  /* stylelint-disable */
534
555
  *.e-btn-group,
package/styles/fluent.css CHANGED
@@ -304,6 +304,9 @@
304
304
  outline: 0;
305
305
  outline-offset: 0;
306
306
  }
307
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
308
+ box-shadow: none;
309
+ }
307
310
  .e-split-btn-wrapper.e-rtl .e-split-btn {
308
311
  border-bottom-left-radius: 0;
309
312
  border-bottom-right-radius: 0;
@@ -462,6 +465,9 @@
462
465
  .e-split-btn-wrapper .e-split-btn:disabled {
463
466
  border-right-color: #f3f2f1;
464
467
  }
468
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
469
+ border-color: transparent;
470
+ }
465
471
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
466
472
  border-right-color: #8a8886;
467
473
  }
@@ -484,6 +490,9 @@
484
490
  border-left-color: #f3f2f1;
485
491
  border-right-color: #f3f2f1;
486
492
  }
493
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
494
+ border-color: transparent;
495
+ }
487
496
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
488
497
  border-left-color: #8a8886;
489
498
  border-right-color: #8a8886;
@@ -495,6 +504,9 @@
495
504
  border-bottom-color: #8a8886;
496
505
  border-right-color: #8a8886;
497
506
  }
507
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
508
+ border-color: transparent;
509
+ }
498
510
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
499
511
  border-bottom-color: #8a8886;
500
512
  border-right-color: #8a8886;
@@ -511,12 +523,18 @@
511
523
  border-bottom-color: #8a8886;
512
524
  border-right-color: #8a8886;
513
525
  }
526
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
527
+ border-color: transparent;
528
+ }
514
529
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
515
530
  border-bottom-color: #f3f2f1;
516
531
  }
517
532
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
518
533
  border-left-color: #8a8886;
519
534
  }
535
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
536
+ border-color: transparent;
537
+ }
520
538
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
521
539
  border-left-color: #8a8886;
522
540
  }
@@ -529,6 +547,9 @@
529
547
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
530
548
  border-left-color: #8a8886;
531
549
  }
550
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
551
+ border-color: transparent;
552
+ }
532
553
 
533
554
  /* stylelint-disable */
534
555
  *.e-btn-group,
package/styles/highcontrast-light.css CHANGED
@@ -314,6 +314,9 @@
314
314
  .e-split-btn-wrapper .e-btn:disabled {
315
315
  box-shadow: none;
316
316
  }
317
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
318
+ box-shadow: none;
319
+ }
317
320
  .e-split-btn-wrapper.e-rtl .e-split-btn {
318
321
  border-bottom-left-radius: 0;
319
322
  border-bottom-right-radius: 0;
@@ -472,6 +475,9 @@
472
475
  .e-split-btn-wrapper .e-split-btn:disabled {
473
476
  border-right-color: #fff;
474
477
  }
478
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
479
+ border-color: transparent;
480
+ }
475
481
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
476
482
  border-right-color: #000;
477
483
  }
@@ -494,6 +500,9 @@
494
500
  border-left-color: #757575;
495
501
  border-right-color: #757575;
496
502
  }
503
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
504
+ border-color: transparent;
505
+ }
497
506
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
498
507
  border-left-color: #000;
499
508
  border-right-color: #000;
@@ -505,6 +514,9 @@
505
514
  border-bottom-color: #000;
506
515
  border-right-color: #000;
507
516
  }
517
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
518
+ border-color: transparent;
519
+ }
508
520
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
509
521
  border-bottom-color: #000;
510
522
  border-right-color: #000;
@@ -521,12 +533,18 @@
521
533
  border-bottom-color: #000;
522
534
  border-right-color: #000;
523
535
  }
536
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
537
+ border-color: transparent;
538
+ }
524
539
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
525
540
  border-bottom-color: #757575;
526
541
  }
527
542
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
528
543
  border-left-color: #000;
529
544
  }
545
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
546
+ border-color: transparent;
547
+ }
530
548
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
531
549
  border-left-color: #000;
532
550
  }
@@ -539,6 +557,9 @@
539
557
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
540
558
  border-left-color: #000;
541
559
  }
560
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
561
+ border-color: transparent;
562
+ }
542
563
 
543
564
  /* stylelint-disable */
544
565
  *.e-btn-group,