@syncfusion/ej2-splitbuttons 33.2.3 → 34.1.29

package/styles/progress-button/tailwind.css

@@ -1,44 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
 .e-progress-btn {
   position: relative;
 }

package/styles/progress-button/tailwind.scss

@@ -1,6 +1,3 @@
-@use 'ej2-base/styles/definition/tailwind' as *;
-@use 'ej2-buttons/styles/button/tailwind-definition' as *;
-@use 'ej2-popups/styles/spinner/tailwind-definition' as *;
 @use 'tailwind-definition' as *;
-@use 'all.tailwind' as *;
-@use 'bigger.tailwind' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/progress-button/tailwind3.css

@@ -6,121 +6,6 @@
 
 
 
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-
-
-
-
-
-
-
 /* Font Family */
 /* border */
 /* 0px */
@@ -486,80 +371,6 @@
   }
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 /*! Progress Button Theme */
 .e-progress-btn .e-spinner-pane .e-spinner-inner svg {
   fill: var(--color-sf-secondary-text-color);
@@ -780,80 +591,6 @@
   background: var(--color-sf-info-bg-color);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   padding-right: 14px;

package/styles/progress-button/tailwind3.scss

@@ -1,6 +1,3 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@use 'ej2-buttons/styles/button/tailwind3-definition' as *;
-@use 'ej2-popups/styles/spinner/tailwind3-definition' as *;
 @use 'tailwind3-definition' as *;
-@use 'all.tailwind3' as *;
-@use 'bigger.tailwind3' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/split-button/_all.scss

@@ -1,2 +1,2 @@
-@use 'layout' as *;
-@use 'theme' as *;
+@forward 'layout';
+@forward 'theme';

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

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/bds' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/bds-definition' as *;
-@forward 'ej2-base/styles/definition/bds';
-@forward '../drop-down-button/bds-definition';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: 8px !default;
 $split-btn-focus-outline-offset: 0 !default;
@@ -41,6 +40,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: $text-sm !default;
+$drop-dbtn-icon-font-size-bigger: $text-lg !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

package/styles/split-button/_bigger.scss

@@ -1,11 +1,12 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/variables' as btn;
 
 @include export-module('split-button-bigger') {
   .e-bigger .e-split-btn-wrapper,
   .e-bigger.e-split-btn-wrapper {
     @if $skin-name == 'Material3' {
       border-radius: $split-bgr-btn-border-radius;
-      box-shadow: $btn-box-shadow;
+      box-shadow: btn.$btn-box-shadow;
     }
     .e-split-btn {
       @if $skin-name == 'Material3' or $skin-name == 'Material3-dark' {
@@ -34,7 +35,7 @@
       }
 
       .e-btn-icon {
-        font-size: $drop-down-btn-icon-font-size-bigger;
+        font-size: $drop-dbtn-icon-font-size-bigger;
         margin-left: $drop-down-bigger-btn-icon-margin-left;
         padding-right: $drop-down-bigger-btn-icon-padding-right;
         width: $split-auto-width;

package/styles/split-button/_bootstrap-dark-definition.scss

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/bootstrap-dark-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
-@forward '../drop-down-button/bootstrap-dark-definition';
+
 $split-btn-zindex: 2;
 $split-btn-border-radius: 4px;
 $split-btn-focus-border-color: $grey-8c;
@@ -43,6 +42,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: 16px !default;
+$drop-dbtn-icon-font-size-bigger: 20px !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

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

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/bootstrap-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
-@forward '../drop-down-button/bootstrap-definition';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: 4px !default;
 $split-btn-focus-border-color: $grey-8c !default;
@@ -43,6 +42,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: 16px !default;
+$drop-dbtn-icon-font-size-bigger: 20px !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

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

@@ -1,8 +1,8 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap4' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+@use '@syncfusion/ej2-buttons/styles/button/bootstrap4-definition' as *;
 @use '../drop-down-button/bootstrap4-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap4';
-@forward '../drop-down-button/bootstrap4-definition';
+
 $split-btn-zindex: 2;
 $split-btn-border-radius: 4px;
 $split-btn-focus-border-color: $gray-600;
@@ -44,6 +44,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: 16px !default;
+$drop-dbtn-icon-font-size-bigger: 20px !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

package/styles/split-button/_bootstrap5-dark-definition.scss

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/bootstrap5-dark-definition' as *;
-@forward '../drop-down-button/bootstrap5-dark-definition';
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: 4px !default;
 $split-btn-focus-outline-offset: 0 !default;
@@ -43,6 +42,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: $text-sm !default;
+$drop-dbtn-icon-font-size-bigger: $text-base !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

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

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/bootstrap5' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/bootstrap5-definition' as *;
-@forward '../drop-down-button/bootstrap5-definition';
-@forward 'ej2-base/styles/definition/bootstrap5';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: 4px !default;
 $split-btn-focus-outline-offset: 0 !default;
@@ -43,6 +42,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: $text-sm !default;
+$drop-dbtn-icon-font-size-bigger: $text-base !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

package/styles/split-button/_bootstrap5.3-definition.scss

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/bootstrap5.3-definition' as *;
-@forward 'ej2-base/styles/definition/bootstrap5.3';
-@forward '../drop-down-button/bootstrap5.3-definition';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: $radius-4 !default;
 $split-btn-focus-outline-offset: 0 !default;
@@ -43,6 +42,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: $text-sm !default;
+$drop-dbtn-icon-font-size-bigger: $text-base !default;
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;
 $split-btn-icon-padding-right: 8px !default;

package/styles/split-button/_fabric-dark-definition.scss

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/fabric-dark-definition' as *;
-@forward 'ej2-base/styles/definition/fabric-dark';
-@forward '../drop-down-button/fabric-dark-definition';
+
 $split-btn-zindex: 2;
 $split-btn-border-radius: 0;
 $split-btn-focus-border-color: $neutral-tertiary-alt;
@@ -43,6 +42,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: 14px !default;
+$drop-dbtn-icon-font-size-bigger: 18px !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

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

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/fabric' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/fabric-definition' as *;
-@forward 'ej2-base/styles/definition/fabric';
-@forward '../drop-down-button/fabric-definition';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: 0 !default;
 $split-btn-focus-border-color: $neutral-tertiary-alt !default;
@@ -43,6 +42,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: 14px !default;
+$drop-dbtn-icon-font-size-bigger: 18px !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

package/styles/split-button/_fluent-dark-definition.scss

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/fluent-dark-definition' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
-@forward '../drop-down-button/fluent-dark-definition';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: 0 !default;
 $split-btn-focus-outline-offset: -3px !default;
@@ -47,6 +46,8 @@ $split-rtl-btn-icon-padding-left: 4px !default;
 
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: $text-base !default;
+$drop-dbtn-icon-font-size-bigger: $text-xl !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

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

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/fluent' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/fluent-definition' as *;
-@forward 'ej2-base/styles/definition/fluent';
-@forward '../drop-down-button/fluent-definition';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: 0 !default;
 $split-btn-focus-outline-offset: -3px !default;
@@ -47,6 +46,8 @@ $split-rtl-btn-icon-padding-left: 4px !default;
 
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: $text-base !default;
+$drop-dbtn-icon-font-size-bigger: $text-xl !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

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

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/fluent2-definition' as *;
-@forward 'ej2-base/styles/definition/fluent2';
-@forward '../drop-down-button/fluent2-definition';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: $radius-4 !default;
 $split-btn-focus-outline-offset: 0 !default;
@@ -57,6 +56,8 @@ $split-btn-top-icon-padding-top: 10px !default;
 $split-btn-icon-top-padding-bottom: 4px !default;
 $drop-down-btn-padding-left: 4px !default;
 $drop-down-btn-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: $text-sm !default;
+$drop-dbtn-icon-font-size-bigger: $text-base !default;
 $split-btn-line-height: 1 !default;
 $split-btn-vertical-padding-bottom: 4px !default;
 $split-btn-vertical-padding-right: 10px !default;

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

@@ -39,6 +39,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: 14px !default;
+$drop-dbtn-icon-font-size-bigger: 16px !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

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

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/highcontrast-definition' as *;
-@forward 'ej2-base/styles/definition/highcontrast';
-@forward '../drop-down-button/highcontrast-definition';
+
 $split-btn-zindex: 2 !default;
 $split-btn-border-radius: 0 !default;
 $split-btn-focus-border-color: $border-fg !default;
@@ -43,6 +42,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: 14px !default;
+$drop-dbtn-icon-font-size-bigger: 18px !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;

package/styles/split-button/_highcontrast-light-definition.scss

@@ -1,7 +1,6 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @use '../drop-down-button/highcontrast-light-definition' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
-@forward '../drop-down-button/highcontrast-light-definition';
+
 $split-btn-zindex: 2;
 $split-btn-border-radius: 0;
 $split-btn-focus-border-color: $border-fg;
@@ -43,6 +42,8 @@ $drop-down-bigger-rtl-padding-right: 12px !default;
 $drop-down-bgr-rtl-icon-padding-left: 10px !default;
 $drop-dbtn-bigger-padding-left: 4px !default;
 $drop-dbtn-bigger-padding-right: 4px !default;
+$drop-dbtn-icon-font-size: 14px !default;
+$drop-dbtn-icon-font-size-bigger: 18px !default;
 
 $split-rtl-btn-padding-left: 4px !default;
 $split-rtl-btn-padding-right: 10px !default;