@syncfusion/ej2-splitbuttons 31.2.12 → 32.1.22

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.2.12
+*  version : 32.1.22
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-splitbuttons",
-  "version": "31.2.12",
+  "version": "32.1.22",
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,8 +8,8 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-splitbuttons.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-popups": "~31.2.12"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-popups": "~32.1.19"
   },
   "devDependencies": {},
   "keywords": [

package/src/drop-down-button/drop-down-button.js

@@ -849,7 +849,7 @@ var DropDownButton = /** @class */ (function (_super) {
             EventHandler.remove(this.getPopUpElement(), 'keydown', this.keyBoardHandler);
         }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        EventHandler.remove(window, 'resize', this.windowResize);
+        EventHandler.remove(window, 'resize', this.windowResize.bind(this));
     };
     /**
      * Called internally if any of the property value changed.

package/styles/bds-lite.css

@@ -432,8 +432,6 @@
   border-top-left-radius: 0;
   border-top-right-radius: 8px;
   margin-left: -1px;
-  padding-left: 12px;
-  padding-right: 12px;
   padding-left: 4px;
   padding-right: 10px;
 }
@@ -473,8 +471,6 @@
   line-height: 1;
   padding-bottom: 10px;
   padding-right: 10px;
-  padding-bottom: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
@@ -741,7 +737,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bds-lite.scss

@@ -1,13 +1,12 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-buttons/styles/button/bds-definition.scss';
-@import 'ej2-popups/styles/popup/bds-definition.scss';
-@import 'drop-down-button/bds-definition.scss';
-@import 'drop-down-button/icons/bds.scss';
-@import 'drop-down-button/all.scss';
-@import 'split-button/bds-definition.scss';
-@import 'split-button/all.scss';
-@import 'button-group/bds-definition.scss';
-@import 'button-group/all.scss';
-@import 'ej2-popups/styles/spinner/bds-definition.scss';
-@import 'progress-button/bds-definition.scss';
-@import 'progress-button/all.scss';
+@use 'ej2-buttons/styles/button/bds-definition' as *;
+@use 'ej2-popups/styles/popup/bds-definition' as *;
+@use 'drop-down-button/bds-definition' as *;
+@use 'drop-down-button/icons/bds' as *;
+@use 'drop-down-button/all' as *;
+@use 'split-button/bds-definition' as *;
+@use 'split-button/all' as *;
+@use 'button-group/bds-definition' as *;
+@use 'button-group/all' as *;
+@use 'ej2-popups/styles/spinner/bds-definition' as *;
+@use 'progress-button/bds-definition' as *;
+@use 'progress-button/all' as *;

package/styles/bds.css

@@ -495,8 +495,6 @@
   border-top-left-radius: 0;
   border-top-right-radius: 8px;
   margin-left: -1px;
-  padding-left: 12px;
-  padding-right: 12px;
   padding-left: 4px;
   padding-right: 10px;
 }
@@ -536,8 +534,6 @@
   line-height: 1;
   padding-bottom: 10px;
   padding-right: 10px;
-  padding-bottom: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
@@ -664,14 +660,14 @@
 
 .e-bigger .e-split-btn-wrapper .e-split-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn {
-  padding-left: 16px;
-  padding-right: 16px;
+  padding-left: 12px;
+  padding-right: 6px;
   line-height: 1.781em;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
-  padding-bottom: 12px;
-  padding-top: 12px;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
@@ -702,7 +698,7 @@
 }
 .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
 .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
-  padding-left: 12px;
+  padding-left: 6px;
   padding-right: 12px;
 }
 .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
@@ -881,7 +877,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bds.scss

@@ -1,17 +1,16 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-buttons/styles/button/bds-definition.scss';
-@import 'ej2-popups/styles/popup/bds-definition.scss';
-@import 'drop-down-button/bds-definition.scss';
-@import 'drop-down-button/icons/bds.scss';
-@import 'drop-down-button/all.scss';
-@import 'drop-down-button/bigger.scss';
-@import 'split-button/bds-definition.scss';
-@import 'split-button/all.scss';
-@import 'split-button/bigger.scss';
-@import 'button-group/bds-definition.scss';
-@import 'button-group/all.scss';
-@import 'button-group/bigger.scss';
-@import 'ej2-popups/styles/spinner/bds-definition.scss';
-@import 'progress-button/bds-definition.scss';
-@import 'progress-button/all.scss';
-@import 'progress-button/bigger.scss';
+@use 'ej2-buttons/styles/button/bds-definition' as *;
+@use 'ej2-popups/styles/popup/bds-definition' as *;
+@use 'drop-down-button/bds-definition' as *;
+@use 'drop-down-button/icons/bds' as *;
+@use 'drop-down-button/all' as *;
+@use 'drop-down-button/bigger' as *;
+@use 'split-button/bds-definition' as *;
+@use 'split-button/all' as *;
+@use 'split-button/bigger' as *;
+@use 'button-group/bds-definition' as *;
+@use 'button-group/all' as *;
+@use 'button-group/bigger' as *;
+@use 'ej2-popups/styles/spinner/bds-definition' as *;
+@use 'progress-button/bds-definition' as *;
+@use 'progress-button/all' as *;
+@use 'progress-button/bigger' as *;

package/styles/bootstrap-dark-lite.css

@@ -619,7 +619,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bootstrap-dark-lite.scss

@@ -1,13 +1,12 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.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 'drop-down-button/icons/bootstrap-dark.scss';
-@import 'drop-down-button/all.scss';
-@import 'split-button/bootstrap-dark-definition.scss';
-@import 'split-button/all.scss';
-@import 'button-group/bootstrap-dark-definition.scss';
-@import 'button-group/all.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'progress-button/bootstrap-dark-definition.scss';
-@import 'progress-button/all.scss';
+@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
+@use 'drop-down-button/bootstrap-dark-definition' as *;
+@use 'drop-down-button/icons/bootstrap-dark' as *;
+@use 'drop-down-button/all' as *;
+@use 'split-button/bootstrap-dark-definition' as *;
+@use 'split-button/all' as *;
+@use 'button-group/bootstrap-dark-definition' as *;
+@use 'button-group/all' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
+@use 'progress-button/bootstrap-dark-definition' as *;
+@use 'progress-button/all' as *;

package/styles/bootstrap-dark.css

@@ -548,8 +548,8 @@
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
-  padding-bottom: 12px;
-  padding-top: 12px;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
@@ -749,7 +749,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bootstrap-dark.scss

@@ -1,17 +1,16 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.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 'drop-down-button/icons/bootstrap-dark.scss';
-@import 'drop-down-button/all.scss';
-@import 'drop-down-button/bigger.scss';
-@import 'split-button/bootstrap-dark-definition.scss';
-@import 'split-button/all.scss';
-@import 'split-button/bigger.scss';
-@import 'button-group/bootstrap-dark-definition.scss';
-@import 'button-group/all.scss';
-@import 'button-group/bigger.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'progress-button/bootstrap-dark-definition.scss';
-@import 'progress-button/all.scss';
-@import 'progress-button/bigger.scss';
+@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
+@use 'drop-down-button/bootstrap-dark-definition' as *;
+@use 'drop-down-button/icons/bootstrap-dark' as *;
+@use 'drop-down-button/all' as *;
+@use 'drop-down-button/bigger' as *;
+@use 'split-button/bootstrap-dark-definition' as *;
+@use 'split-button/all' as *;
+@use 'split-button/bigger' as *;
+@use 'button-group/bootstrap-dark-definition' as *;
+@use 'button-group/all' as *;
+@use 'button-group/bigger' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
+@use 'progress-button/bootstrap-dark-definition' as *;
+@use 'progress-button/all' as *;
+@use 'progress-button/bigger' as *;

package/styles/bootstrap-lite.css

@@ -619,7 +619,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bootstrap-lite.scss

@@ -1,13 +1,12 @@
-@import 'ej2-base/styles/definition/bootstrap.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 'drop-down-button/icons/bootstrap.scss';
-@import 'drop-down-button/all.scss';
-@import 'split-button/bootstrap-definition.scss';
-@import 'split-button/all.scss';
-@import 'button-group/bootstrap-definition.scss';
-@import 'button-group/all.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
-@import 'progress-button/bootstrap-definition.scss';
-@import 'progress-button/all.scss';
+@use 'ej2-buttons/styles/button/bootstrap-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap-definition' as *;
+@use 'drop-down-button/bootstrap-definition' as *;
+@use 'drop-down-button/icons/bootstrap' as *;
+@use 'drop-down-button/all' as *;
+@use 'split-button/bootstrap-definition' as *;
+@use 'split-button/all' as *;
+@use 'button-group/bootstrap-definition' as *;
+@use 'button-group/all' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
+@use 'progress-button/bootstrap-definition' as *;
+@use 'progress-button/all' as *;

package/styles/bootstrap.css

@@ -548,8 +548,8 @@
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
-  padding-bottom: 12px;
-  padding-top: 12px;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
@@ -749,7 +749,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bootstrap.scss

@@ -1,17 +1,16 @@
-@import 'ej2-base/styles/definition/bootstrap.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 'drop-down-button/icons/bootstrap.scss';
-@import 'drop-down-button/all.scss';
-@import 'drop-down-button/bigger.scss';
-@import 'split-button/bootstrap-definition.scss';
-@import 'split-button/all.scss';
-@import 'split-button/bigger.scss';
-@import 'button-group/bootstrap-definition.scss';
-@import 'button-group/all.scss';
-@import 'button-group/bigger.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
-@import 'progress-button/bootstrap-definition.scss';
-@import 'progress-button/all.scss';
-@import 'progress-button/bigger.scss';
+@use 'ej2-buttons/styles/button/bootstrap-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap-definition' as *;
+@use 'drop-down-button/bootstrap-definition' as *;
+@use 'drop-down-button/icons/bootstrap' as *;
+@use 'drop-down-button/all' as *;
+@use 'drop-down-button/bigger' as *;
+@use 'split-button/bootstrap-definition' as *;
+@use 'split-button/all' as *;
+@use 'split-button/bigger' as *;
+@use 'button-group/bootstrap-definition' as *;
+@use 'button-group/all' as *;
+@use 'button-group/bigger' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
+@use 'progress-button/bootstrap-definition' as *;
+@use 'progress-button/all' as *;
+@use 'progress-button/bigger' as *;

package/styles/bootstrap4-lite.css

@@ -303,8 +303,6 @@
   margin-left: -1px;
   padding-left: 8px;
   padding-right: 8px;
-  padding-left: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
   margin-right: 0;
@@ -342,8 +340,6 @@
   line-height: 1;
   padding-bottom: 8px;
   padding-right: 8px;
-  padding-bottom: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
@@ -356,8 +352,6 @@
   margin-top: -1px;
   padding-bottom: 8px;
   padding-top: 8px;
-  padding-bottom: 4px;
-  padding-top: 4px;
 }
 .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
   padding-top: 0;
@@ -612,7 +606,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bootstrap4-lite.scss

@@ -1,13 +1,12 @@
-@import 'ej2-base/styles/definition/bootstrap4.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 'drop-down-button/icons/bootstrap4.scss';
-@import 'drop-down-button/all.scss';
-@import 'split-button/bootstrap4-definition.scss';
-@import 'split-button/all.scss';
-@import 'button-group/bootstrap4-definition.scss';
-@import 'button-group/all.scss';
-@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
-@import 'progress-button/bootstrap4-definition.scss';
-@import 'progress-button/all.scss';
+@use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap4-definition' as *;
+@use 'drop-down-button/bootstrap4-definition' as *;
+@use 'drop-down-button/icons/bootstrap4' as *;
+@use 'drop-down-button/all' as *;
+@use 'split-button/bootstrap4-definition' as *;
+@use 'split-button/all' as *;
+@use 'button-group/bootstrap4-definition' as *;
+@use 'button-group/all' as *;
+@use 'ej2-popups/styles/spinner/bootstrap4-definition' as *;
+@use 'progress-button/bootstrap4-definition' as *;
+@use 'progress-button/all' as *;

package/styles/bootstrap4.css

@@ -359,8 +359,6 @@
   margin-left: -1px;
   padding-left: 8px;
   padding-right: 8px;
-  padding-left: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
   margin-right: 0;
@@ -398,8 +396,6 @@
   line-height: 1;
   padding-bottom: 8px;
   padding-right: 8px;
-  padding-bottom: 4px;
-  padding-right: 10px;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
@@ -412,8 +408,6 @@
   margin-top: -1px;
   padding-bottom: 8px;
   padding-top: 8px;
-  padding-bottom: 4px;
-  padding-top: 4px;
 }
 .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
   padding-top: 0;
@@ -534,8 +528,8 @@
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
-  padding-bottom: 12px;
-  padding-top: 12px;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
@@ -562,8 +556,6 @@
 .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
   padding-left: 10px;
   padding-right: 10px;
-  padding-left: 4px;
-  padding-right: 4px;
 }
 .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
 .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
@@ -745,7 +737,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bootstrap4.scss

@@ -1,17 +1,16 @@
-@import 'ej2-base/styles/definition/bootstrap4.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 'drop-down-button/icons/bootstrap4.scss';
-@import 'drop-down-button/all.scss';
-@import 'drop-down-button/bigger.scss';
-@import 'split-button/bootstrap4-definition.scss';
-@import 'split-button/all.scss';
-@import 'split-button/bigger.scss';
-@import 'button-group/bootstrap4-definition.scss';
-@import 'button-group/all.scss';
-@import 'button-group/bigger.scss';
-@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
-@import 'progress-button/bootstrap4-definition.scss';
-@import 'progress-button/all.scss';
-@import 'progress-button/bigger.scss';
+@use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap4-definition' as *;
+@use 'drop-down-button/bootstrap4-definition' as *;
+@use 'drop-down-button/icons/bootstrap4' as *;
+@use 'drop-down-button/all' as *;
+@use 'drop-down-button/bigger' as *;
+@use 'split-button/bootstrap4-definition' as *;
+@use 'split-button/all' as *;
+@use 'split-button/bigger' as *;
+@use 'button-group/bootstrap4-definition' as *;
+@use 'button-group/all' as *;
+@use 'button-group/bigger' as *;
+@use 'ej2-popups/styles/spinner/bootstrap4-definition' as *;
+@use 'progress-button/bootstrap4-definition' as *;
+@use 'progress-button/all' as *;
+@use 'progress-button/bigger' as *;

package/styles/bootstrap5-dark-lite.css

@@ -610,7 +610,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bootstrap5-dark-lite.scss

@@ -1,13 +1,12 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.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 'drop-down-button/icons/bootstrap5-dark.scss';
-@import 'drop-down-button/all.scss';
-@import 'split-button/bootstrap5-dark-definition.scss';
-@import 'split-button/all.scss';
-@import 'button-group/bootstrap5-dark-definition.scss';
-@import 'button-group/all.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
-@import 'progress-button/bootstrap5-dark-definition.scss';
-@import 'progress-button/all.scss';
+@use 'ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap5-dark-definition' as *;
+@use 'drop-down-button/bootstrap5-dark-definition' as *;
+@use 'drop-down-button/icons/bootstrap5-dark' as *;
+@use 'drop-down-button/all' as *;
+@use 'split-button/bootstrap5-dark-definition' as *;
+@use 'split-button/all' as *;
+@use 'button-group/bootstrap5-dark-definition' as *;
+@use 'button-group/all' as *;
+@use 'ej2-popups/styles/spinner/bootstrap5-dark-definition' as *;
+@use 'progress-button/bootstrap5-dark-definition' as *;
+@use 'progress-button/all' as *;

package/styles/bootstrap5-dark.css

@@ -538,8 +538,8 @@
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
-  padding-bottom: 12px;
-  padding-top: 12px;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
@@ -747,7 +747,7 @@
 }
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
-  margin: -1px 0 0;
+  margin: -1 0 0;
 }
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {

package/styles/bootstrap5-dark.scss

@@ -1,17 +1,16 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.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 'drop-down-button/icons/bootstrap5-dark.scss';
-@import 'drop-down-button/all.scss';
-@import 'drop-down-button/bigger.scss';
-@import 'split-button/bootstrap5-dark-definition.scss';
-@import 'split-button/all.scss';
-@import 'split-button/bigger.scss';
-@import 'button-group/bootstrap5-dark-definition.scss';
-@import 'button-group/all.scss';
-@import 'button-group/bigger.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
-@import 'progress-button/bootstrap5-dark-definition.scss';
-@import 'progress-button/all.scss';
-@import 'progress-button/bigger.scss';
+@use 'ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap5-dark-definition' as *;
+@use 'drop-down-button/bootstrap5-dark-definition' as *;
+@use 'drop-down-button/icons/bootstrap5-dark' as *;
+@use 'drop-down-button/all' as *;
+@use 'drop-down-button/bigger' as *;
+@use 'split-button/bootstrap5-dark-definition' as *;
+@use 'split-button/all' as *;
+@use 'split-button/bigger' as *;
+@use 'button-group/bootstrap5-dark-definition' as *;
+@use 'button-group/all' as *;
+@use 'button-group/bigger' as *;
+@use 'ej2-popups/styles/spinner/bootstrap5-dark-definition' as *;
+@use 'progress-button/bootstrap5-dark-definition' as *;
+@use 'progress-button/all' as *;
+@use 'progress-button/bigger' as *;