@syncfusion/ej2-splitbuttons 31.2.2 → 32.1.19

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) {
@@ -1088,11 +1088,11 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,

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) {
@@ -1225,11 +1225,11 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,

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 *;

package/styles/bootstrap5-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) {
@@ -1088,11 +1088,11 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,

package/styles/bootstrap5-lite.scss

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