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

package/styles/split-button/_tailwind-definition.scss

@@ -0,0 +1,24 @@
+//layout variables
+$split-btn-zindex: 2 !default;
+$split-btn-border-radius: 4px !default;
+$split-btn-focus-outline-offset: 0 !default;
+$split-btn-vertical-secondary-icon-line-height: .334em !default;
+$split-btn-seperator-border: 1px solid !default;
+$split-btn-sec-btn-margin-left: -1px !default;
+$split-btn-icon-btn-padding: 8px !default;
+$split-btn-icon-btn-padding-bigger: 12px !default;
+$split-btn-focus-border-color: $secondary-border-color !default;
+$split-btn-focus-vertical-border-color: $secondary-border-color !default;
+$split-btn-seperator-border-color: $secondary-border-color !default;
+$split-btn-seperator-default-border-color: $secondary-border-color !default;
+$split-btn-seperator-vertical-border-color: $secondary-border-color !default;
+$split-btn-hover-border-color: $secondary-border-color !default;
+$split-btn-hover-vertical-border-color: $secondary-border-color !default;
+$split-btn-active-border-color: $secondary-bg-color-pressed !default;
+$split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
+$split-btn-disabled-vertical-border-color: $secondary-border-color !default;
+$split-btn-active-box-shadow: $shadow-focus-ring2 !default;
+$split-btn-disabled-left-border-color: $secondary-border-color !default;
+$split-btn-hover-left-border-color: $secondary-border-color !default;
+$split-btn-focus-left-border-color: $secondary-border-color !default;
+$split-btn-active-left-border-color: $secondary-border-color !default;

package/styles/split-button/_theme.scss

@@ -0,0 +1,136 @@
+@include export-module('split-button-theme') {
+
+  /*! splitbutton theme */
+  .e-split-btn-wrapper {
+    .e-split-btn {
+      border-right-color: $split-btn-seperator-border-color;
+
+      &:focus {
+        border-right-color: $split-btn-focus-border-color;
+      }
+
+      &:active {
+        border-right-color: $split-btn-active-border-color;
+      }
+
+      &:disabled {
+        border-right-color: $btn-disabled-bgcolor;
+      }
+    }
+
+    &:hover :not(e-active) {
+      & .e-split-btn {
+        border-right-color: $split-btn-hover-border-color;
+
+        &:disabled {
+          border-right-color: $btn-disabled-border-color;
+        }
+      }
+    }
+
+    &.e-rtl {
+      .e-split-btn {
+        @if $skin-name == 'material' or $skin-name == 'fabric' {
+          border-color: transparent;
+        }
+        @else {
+          border-left-color: $split-btn-seperator-border-color;
+          border-right-color: $split-btn-seperator-default-border-color;
+        }
+
+        &:focus {
+          @if $skin-name == 'material' or $skin-name == 'fabric' {
+            border-color: transparent;
+          }
+          @else {
+            border-left-color: $split-btn-focus-border-color;
+            border-right-color: $split-btn-focus-vertical-border-color;
+          }
+        }
+
+        &:active {
+          @if $skin-name == 'material' or $skin-name == 'fabric' {
+            border-color: transparent;
+          }
+          @else {
+            border-left-color: $split-btn-active-border-color;
+            border-right-color: $split-btn-active-vertical-border-color;
+          }
+        }
+
+        &:disabled {
+          border-left-color: $btn-disabled-border-color;
+          border-right-color: $split-btn-disabled-vertical-border-color;
+        }
+      }
+
+      &:hover {
+        & .e-split-btn :not(e-active) {
+          border-left-color: $split-btn-hover-border-color;
+          border-right-color: $split-btn-hover-vertical-border-color;
+
+          &:disabled {
+            border-left-color: $btn-disabled-border-color;
+          }
+        }
+      }
+    }
+
+    &.e-vertical {
+      .e-split-btn {
+        border-bottom-color: $split-btn-seperator-vertical-border-color;
+        border-right-color: $split-btn-seperator-default-border-color;
+
+        &:focus {
+          border-bottom-color: $split-btn-focus-border-color;
+          border-right-color: $split-btn-focus-vertical-border-color;
+        }
+
+        &:active {
+          border-bottom-color: $split-btn-active-border-color;
+          border-right-color: $split-btn-active-vertical-border-color;
+        }
+
+        &:disabled {
+          border-bottom-color: $btn-disabled-border-color;
+          border-right-color: $split-btn-disabled-vertical-border-color;
+        }
+      }
+
+      &:hover {
+        & .e-split-btn {
+          border-bottom-color: $split-btn-hover-border-color;
+          border-right-color: $split-btn-hover-vertical-border-color;
+
+          &:disabled {
+            border-bottom-color: $btn-disabled-border-color;
+          }
+        }
+      }
+
+      &.e-rtl {
+        .e-split-btn {
+          border-left-color: $split-btn-seperator-default-border-color;
+
+          &:focus {
+            border-left-color: $split-btn-focus-left-border-color;
+          }
+
+          &:active {
+            border-left-color: $split-btn-active-left-border-color;
+          }
+
+          &:disabled {
+            border-left-color: $split-btn-disabled-left-border-color;
+          }
+        }
+
+        &:hover {
+          & .e-split-btn {
+            border-left-color: $split-btn-hover-left-border-color;
+          }
+        }
+      }
+    }
+  }
+}

package/styles/split-button/bootstrap-dark.css

@@ -82,9 +82,6 @@
 .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: 4px;
@@ -243,9 +240,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(57, 57, 57, 0.4);
 }
-.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: #676767;
 }
@@ -268,9 +262,6 @@
   border-left-color: rgba(88, 88, 88, 0.4);
   border-right-color: rgba(172, 172, 172, 0.65);
 }
-.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: #676767;
   border-right-color: #676767;
@@ -282,9 +273,6 @@
   border-bottom-color: #585858;
   border-right-color: #585858;
 }
-.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: #585858;
   border-right-color: #585858;
@@ -301,18 +289,12 @@
   border-bottom-color: #676767;
   border-right-color: #676767;
 }
-.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: rgba(88, 88, 88, 0.4);
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #585858;
 }
-.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: #585858;
 }
@@ -324,7 +306,4 @@
 }
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #676767;
-}
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
 }

package/styles/split-button/bootstrap-dark.scss

@@ -1 +1,6 @@
-@import 'ej2-splitbuttons/styles/split-button/bootstrap-dark.scss';
+@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 './../drop-down-button/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'all.scss';

package/styles/split-button/bootstrap.css

@@ -82,9 +82,6 @@
 .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: 4px;
@@ -243,9 +240,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(255, 255, 255, 0.65);
 }
-.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: #adadad;
 }
@@ -268,9 +262,6 @@
   border-left-color: rgba(204, 204, 204, 0.65);
   border-right-color: rgba(204, 204, 204, 0.65);
 }
-.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: #adadad;
   border-right-color: #adadad;
@@ -282,9 +273,6 @@
   border-bottom-color: #ccc;
   border-right-color: #ccc;
 }
-.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: #8c8c8c;
   border-right-color: #8c8c8c;
@@ -301,18 +289,12 @@
   border-bottom-color: #adadad;
   border-right-color: #adadad;
 }
-.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: rgba(204, 204, 204, 0.65);
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #ccc;
 }
-.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: #8c8c8c;
 }
@@ -324,7 +306,4 @@
 }
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #adadad;
-}
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
 }

package/styles/split-button/bootstrap.scss

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

package/styles/split-button/bootstrap4.css

@@ -20,7 +20,7 @@
   box-shadow: none;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -52,7 +52,7 @@
   padding-right: 8px;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
@@ -65,14 +65,11 @@
   box-shadow: none;
 }
 .e-split-btn-wrapper .e-btn:active {
-  box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(78, 85, 91, 0.5);
 }
 .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: 4px;
@@ -231,9 +228,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(108, 117, 125, 0.65);
 }
-.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: #545b62;
 }
@@ -256,9 +250,6 @@
   border-left-color: transparent;
   border-right-color: rgba(108, 117, 125, 0.65);
 }
-.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: #545b62;
   border-right-color: #545b62;
@@ -270,9 +261,6 @@
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
 }
-.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: #6c757d;
   border-right-color: #6c757d;
@@ -289,18 +277,12 @@
   border-bottom-color: #545b62;
   border-right-color: #545b62;
 }
-.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: transparent;
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #6c757d;
 }
-.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: #6c757d;
 }
@@ -312,7 +294,4 @@
 }
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #545b62;
-}
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
 }

package/styles/split-button/bootstrap4.scss

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

package/styles/split-button/bootstrap5-dark.css

@@ -75,9 +75,6 @@
 .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: 4px;
@@ -236,9 +233,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(108, 117, 125, 0.65);
 }
-.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: #6c757d;
 }
@@ -261,9 +255,6 @@
   border-left-color: rgba(108, 117, 125, 0.65);
   border-right-color: #6c757d;
 }
-.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: #6c757d;
   border-right-color: #6c757d;
@@ -275,9 +266,6 @@
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
 }
-.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: #6c757d;
   border-right-color: #6c757d;
@@ -294,18 +282,12 @@
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
 }
-.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: rgba(108, 117, 125, 0.65);
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #6c757d;
 }
-.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: #6c757d;
 }
@@ -317,7 +299,4 @@
 }
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #6c757d;
-}
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
 }

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

@@ -1 +1,6 @@
-@import 'ej2-splitbuttons/styles/split-button/bootstrap5-dark.scss';
+@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 './../drop-down-button/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'all.scss';

package/styles/split-button/bootstrap5.css

@@ -75,9 +75,6 @@
 .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: 4px;
@@ -236,9 +233,6 @@
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(108, 117, 125, 0.65);
 }
-.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: #6c757d;
 }
@@ -261,9 +255,6 @@
   border-left-color: rgba(108, 117, 125, 0.65);
   border-right-color: #6c757d;
 }
-.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: #6c757d;
   border-right-color: #6c757d;
@@ -275,9 +266,6 @@
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
 }
-.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: #6c757d;
   border-right-color: #6c757d;
@@ -294,18 +282,12 @@
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
 }
-.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: rgba(108, 117, 125, 0.65);
 }
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #6c757d;
 }
-.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: #6c757d;
 }
@@ -317,7 +299,4 @@
 }
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #6c757d;
-}
-.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
-  border-color: transparent;
 }

package/styles/split-button/bootstrap5.scss

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

package/styles/split-button/fabric-dark.css

@@ -82,9 +82,6 @@
 .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;
@@ -243,9 +240,6 @@
 .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;
 }
@@ -268,9 +262,6 @@
   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;
@@ -282,9 +273,6 @@
   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;
@@ -301,18 +289,12 @@
   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;
 }
@@ -324,7 +306,4 @@
 }
 .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;
 }

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

@@ -1 +1,6 @@
-@import 'ej2-splitbuttons/styles/split-button/fabric-dark.scss';
+@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 './../drop-down-button/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'all.scss';