@syncfusion/ej2-angular-splitbuttons 20.3.56 → 20.4.38-ngcc

package/styles/button-group/bootstrap4.css

@@ -257,7 +257,7 @@
   color: #fff;
   outline: #6c757d 0 solid;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -269,7 +269,7 @@
   border-color: #007bff;
   color: #fff;
   outline: #6c757d 0 solid;
-  box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -280,7 +280,7 @@
   background-color: #28a745;
   border-color: #28a745;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -291,7 +291,7 @@
   background-color: #17a2b8;
   border-color: #17a2b8;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(51, 174, 194, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -302,7 +302,7 @@
   background-color: #ffc107;
   border-color: #ffc107;
   color: #212529;
-  box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(255, 202, 44, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -313,7 +313,7 @@
   background-color: #dc3545;
   border-color: #dc3545;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(225, 83, 97, 0.5);
   box-shadow: none;
   outline-color: inherit;
 }
@@ -336,42 +336,42 @@
 .e-btn-group input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  box-shadow: 0 0 0 0.25em rgba(108, 117, 125, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: 0 0 0 0.25em rgba(40, 167, 69, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  box-shadow: 0 0 0 0.25em rgba(23, 162, 184, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(46, 173, 193, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  box-shadow: 0 0 0 0.25em rgba(255, 193, 7, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(255, 201, 40, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(225, 81, 95, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:active,
@@ -385,7 +385,7 @@
   color: #fff;
   outline: #6c757d 0 solid;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.25em rgba(78, 85, 91, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,
@@ -397,7 +397,7 @@
   border-color: #005cbf;
   color: #fff;
   outline: #6c757d 0 solid;
-  box-shadow: 0 0 0 0.25em rgba(0, 92, 191, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(31, 113, 201, 0.5);
 }
 .e-btn-group .e-btn:active.e-success,
 .e-btn-group input:active + label.e-btn.e-success,
@@ -408,7 +408,7 @@
   background-color: #1e7e34;
   border-color: #1c7430;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
 }
 .e-btn-group .e-btn:active.e-info,
 .e-btn-group input:active + label.e-btn.e-info,
@@ -419,7 +419,7 @@
   background-color: #117a8b;
   color: #fff;
   border-color: #10707f;
-  box-shadow: 0 0 0 0.25em rgba(16, 112, 127, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
 }
 .e-btn-group .e-btn:active.e-warning,
 .e-btn-group input:active + label.e-btn.e-warning,
@@ -430,7 +430,7 @@
   background-color: #d39e00;
   border-color: #c69500;
   color: #212529;
-  box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
 }
 .e-btn-group .e-btn:active.e-danger,
 .e-btn-group input:active + label.e-btn.e-danger,
@@ -441,7 +441,7 @@
   background-color: #bd2130;
   border-color: #b21f2d;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
 }
 .e-btn-group .e-btn:active.e-outline,
 .e-btn-group input:active + label.e-btn.e-outline,
@@ -451,7 +451,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline {
   background-color: #6c757d;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(78, 85, 91, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -462,7 +462,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
   background-color: #007bff;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(0, 123, 255, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(31, 139, 255, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -473,7 +473,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
   background-color: #28a745;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(28, 116, 48, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -484,7 +484,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
   background-color: #17a2b8;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(16, 112, 127, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -495,7 +495,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
   background-color: #ffc107;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(198, 149, 0, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
   color: #212529;
 }
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -506,7 +506,7 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
   background-color: #dc3545;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(178, 31, 45, 0.5);
+  box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:disabled,

package/styles/button-group/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/bootstrap4.scss';

package/styles/button-group/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/bootstrap5-dark.scss';

package/styles/button-group/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/bootstrap5.scss';

package/styles/button-group/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/fabric-dark.scss';

package/styles/button-group/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/fabric.scss';

package/styles/button-group/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/fluent-dark.scss';

package/styles/button-group/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/fluent.scss';

package/styles/button-group/highcontrast-light.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/highcontrast-light.scss';

package/styles/button-group/highcontrast.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/highcontrast.scss';

package/styles/button-group/material-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/material-dark.scss';

package/styles/button-group/material.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'ej2-buttons/styles/button/material-definition.scss';
-@import 'material-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/material.scss';

package/styles/button-group/tailwind-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/tailwind-dark.scss';

package/styles/button-group/tailwind.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'ej2-buttons/styles/button/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/button-group/tailwind.scss';

package/styles/drop-down-button/bootstrap-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark.scss';

package/styles/drop-down-button/bootstrap.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap.scss';

package/styles/drop-down-button/bootstrap4.css

@@ -15,7 +15,7 @@
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
 }
 .e-dropdown-btn .e-btn-icon,
 .e-dropdown-btn.e-btn .e-btn-icon {

package/styles/drop-down-button/bootstrap4.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4.scss';

package/styles/drop-down-button/bootstrap5-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark.scss';

package/styles/drop-down-button/bootstrap5.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5.scss';

package/styles/drop-down-button/fabric-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/fabric-dark.scss';

package/styles/drop-down-button/fabric.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/fabric.scss';

package/styles/drop-down-button/fluent-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark.scss';

package/styles/drop-down-button/fluent.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/fluent.scss';

package/styles/drop-down-button/highcontrast-light.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light.scss';

package/styles/drop-down-button/highcontrast.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast.scss';

package/styles/drop-down-button/material-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'ej2-popups/styles/popup/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/material-dark.scss';

package/styles/drop-down-button/material.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'ej2-buttons/styles/button/material-definition.scss';
-@import 'ej2-popups/styles/popup/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/material.scss';

package/styles/drop-down-button/tailwind-dark.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/tailwind-dark.scss';

package/styles/drop-down-button/tailwind.scss

@@ -1,6 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'ej2-buttons/styles/button/tailwind-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-splitbuttons/styles/drop-down-button/tailwind.scss';

package/styles/fabric-dark.css

@@ -314,6 +314,9 @@
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
+.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
+  box-shadow: none;
+}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
@@ -472,6 +475,9 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: #414040;
 }
+.e-split-btn-wrapper .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #6f6c6c;
 }
@@ -494,6 +500,9 @@
   border-left-color: #414040;
   border-right-color: transparent;
 }
+.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #6f6c6c;
   border-right-color: #414040;
@@ -505,6 +514,9 @@
   border-bottom-color: transparent;
   border-right-color: transparent;
 }
+.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 {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #6f6c6c;
   border-right-color: transparent;
@@ -521,12 +533,18 @@
   border-bottom-color: #6f6c6c;
   border-right-color: #414040;
 }
+.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 {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: #414040;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: transparent;
 }
+.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 {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: transparent;
 }
@@ -539,6 +557,9 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: transparent;
 }
+.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 
 /* stylelint-disable */
 *.e-btn-group,

package/styles/fabric.css

@@ -314,6 +314,9 @@
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
+.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
+  box-shadow: none;
+}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
@@ -472,6 +475,9 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: #f4f4f4;
 }
+.e-split-btn-wrapper .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #c8c8c8;
 }
@@ -491,6 +497,9 @@
   border-left-color: #f4f4f4;
   border-right-color: transparent;
 }
+.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #c8c8c8;
   border-right-color: #eaeaea;
@@ -502,6 +511,9 @@
   border-bottom-color: transparent;
   border-right-color: transparent;
 }
+.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 {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #c8c8c8;
   border-right-color: transparent;
@@ -518,12 +530,18 @@
   border-bottom-color: #c8c8c8;
   border-right-color: #eaeaea;
 }
+.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 {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: #f4f4f4;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: transparent;
 }
+.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 {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: transparent;
 }
@@ -536,6 +554,9 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: transparent;
 }
+.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 
 /* stylelint-disable */
 *.e-btn-group,

package/styles/fluent-dark.css

@@ -304,6 +304,9 @@
   outline: 0;
   outline-offset: 0;
 }
+.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
+  box-shadow: none;
+}
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
@@ -462,6 +465,9 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: #252423;
 }
+.e-split-btn-wrapper .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #8a8886;
 }
@@ -484,6 +490,9 @@
   border-left-color: #323130;
   border-right-color: #323130;
 }
+.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #8a8886;
   border-right-color: #8a8886;
@@ -495,6 +504,9 @@
   border-bottom-color: #8a8886;
   border-right-color: #8a8886;
 }
+.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 {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #8a8886;
   border-right-color: #8a8886;
@@ -511,12 +523,18 @@
   border-bottom-color: #8a8886;
   border-right-color: #8a8886;
 }
+.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 {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: #323130;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #8a8886;
 }
+.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 {
+  border-color: transparent;
+}
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: #8a8886;
 }
@@ -529,6 +547,9 @@
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #8a8886;
 }
+.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
+  border-color: transparent;
+}
 
 /* stylelint-disable */
 *.e-btn-group,