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

package/styles/drop-down-button/_material-dark-definition.scss

@@ -0,0 +1,51 @@
+//default
+$drop-down-btn-arrow-content: '\e969' !default;
+$drop-down-btn-vertical-btn-padding: 12px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 16px 16px !default;
+$drop-down-btn-bigger-font-size: 15px !default;
+$drop-down-btn-bigger-li-height: 48px !default;
+$drop-down-btn-bigger-max-width: 280px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-color: $grey-dark-font !default;
+$drop-down-btn-disable-text: rgba($grey-dark-font, .3) !default;
+$drop-down-btn-font-size: 14px !default;
+$drop-down-btn-font-weight: normal !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 10px !default;
+$drop-down-btn-bigger-icon-margin-right: 10px !default;
+$drop-down-btn-li-bgcolor: rgba($grey-white, .1) !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-color: rgba($grey-dark-font, .12) !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-focus-bgcolor: rgba($grey-white, .1) !default;
+$drop-down-btn-li-height: 36px !default;
+$drop-down-btn-li-padding: 0 16px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 16px !default;
+$drop-down-btn-li-selection-bgcolor: rgba($grey-white, .18) !default;
+$drop-down-btn-li-selection-font-color: $grey-dark-font !default;
+$drop-down-btn-max-width: 240px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 16px !default;
+$drop-down-btn-menu-icon-color: $grey-dark-font !default;
+$drop-down-btn-menu-icon-disabled-color: rgba($grey-dark-font, .3) !default;
+$drop-down-btn-menu-icon-font-size: 14px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-parent-ul-box-shadow: 0 3px 8px 0 rgba($grey-black, .26) !default;
+$drop-down-btn-seperator-padding: 8px 0 !default;
+$drop-down-btn-selected-color: $grey-dark-font !default;
+$drop-down-btn-sub-ul-box-shadow: 0 8px 10px 0 rgba($grey-black, .24) !default;
+$drop-down-btn-ul-bgcolor: $grey-800 !default;
+$drop-down-btn-ul-border-radius: 0 !default;
+$drop-down-btn-ul-border: none !default;
+$drop-down-btn-ul-padding: 8px 0 !default;
+$drop-down-btn-ul-bigger-padding: 8px 0 !default;
+$drop-down-btn-ul-small-padding: 8px 0 !default;
+$drop-down-btn-caret-icon-font-size: 8px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 10px !default;
+$drop-down-btn-box-shadow: none !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;
+
+//enddefault

package/styles/drop-down-button/_material-definition.scss

@@ -0,0 +1,48 @@
+$drop-down-btn-arrow-content: '\e969' !default;
+$drop-down-btn-vertical-btn-padding: 12px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 16px 16px !default;
+$drop-down-btn-bigger-font-size: 15px !default;
+$drop-down-btn-bigger-li-height: 48px !default;
+$drop-down-btn-bigger-max-width: 280px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-color: rgba($grey-light-font, .87) !default;
+$drop-down-btn-disable-text: rgba($grey-light-font, .38) !default;
+$drop-down-btn-font-size: 14px !default;
+$drop-down-btn-font-weight: normal !default;
+$drop-down-btn-icon-font-size: 14px !default;
+$drop-down-btn-icon-margin-right: 10px !default;
+$drop-down-btn-bigger-icon-margin-right: 10px !default;
+$drop-down-btn-li-bgcolor: $grey-300 !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-color: rgba($grey-light-font, .12) !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-focus-bgcolor: $grey-300 !default;
+$drop-down-btn-li-height: 36px !default;
+$drop-down-btn-li-padding: 0 16px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 16px !default;
+$drop-down-btn-li-selection-bgcolor: $grey-400 !default;
+$drop-down-btn-li-selection-font-color: rgba($grey-light-font, .87) !default;
+$drop-down-btn-max-width: 240px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 16px !default;
+$drop-down-btn-menu-icon-color: rgba($grey-black, .87) !default;
+$drop-down-btn-menu-icon-disabled-color: rgba($grey-light-font, .38) !default;
+$drop-down-btn-menu-icon-font-size: 14px !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-parent-ul-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1px rgba($grey-black, .14), 0 3px 14px 2px rgba($grey-black, .12) !default;
+$drop-down-btn-seperator-padding: 8px 0 !default;
+$drop-down-btn-selected-color: rgba($grey-light-font, .87) !default;
+$drop-down-btn-sub-ul-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1px rgba($grey-black, .14), 0 3px 14px 2px rgba($grey-black, .12) !default;
+$drop-down-btn-ul-bgcolor: $grey-white !default;
+$drop-down-btn-ul-border-radius: 0 !default;
+$drop-down-btn-ul-border: none !default;
+$drop-down-btn-ul-padding: 8px 0 !default;
+$drop-down-btn-ul-bigger-padding: 8px 0 !default;
+$drop-down-btn-ul-small-padding: 8px 0 !default;
+$drop-down-btn-caret-icon-font-size: 8px !default;
+$drop-down-btn-icon-font-size-bigger: 16px !default;
+$drop-down-btn-caret-icon-font-size-bigger: 10px !default;
+$drop-down-btn-box-shadow: none !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;

package/styles/drop-down-button/_material3-dark-definition.scss

@@ -0,0 +1 @@
+@import './material3-definition.scss';

package/styles/drop-down-button/_material3-definition.scss

@@ -0,0 +1,51 @@
+//layout variables
+$drop-down-btn-arrow-content: '\e70d' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-li-height: 40px !default;
+$drop-down-btn-bigger-max-width: 202px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: $text-base !default;
+$drop-down-btn-icon-margin-right: 11px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 32px !default;
+$drop-down-btn-li-padding: 0 12px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-small-li-height: 24px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: $text-xl !default;
+$drop-down-btn-menu-icon-font-size: $text-base !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 4px 0 !default;
+$drop-down-btn-ul-bigger-padding: 8px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: $text-sm !default;
+$drop-down-btn-icon-font-size-bigger: $text-lg !default;
+$drop-down-btn-caret-icon-font-size-bigger: $text-base !default;
+$drop-down-btn-box-shadow: $shadow-sm !default;
+$drop-down-btn-popup-margin-top: 0 !default;
+$drop-down-btn-bigger-popup-margin-top: 0 !default;
+$drop-down-btn-ul-border: 0 solid rgba($border-light) !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-color: rgba($content-text-color) !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-normal !default;
+$drop-down-btn-li-bgcolor: $flyout-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: rgba($border-light) !default;
+$drop-down-btn-selected-color: rgba($flyout-text-color-selected) !default;
+$drop-down-btn-parent-ul-box-shadow: $shadow-md !default;
+$drop-down-btn-li-focus-bgcolor: $flyout-bg-color-focus !default;
+$drop-down-btn-li-selection-bgcolor: $flyout-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: rgba($flyout-text-color-hover) !default;
+$drop-down-btn-menu-icon-color: rgba($icon-color) !default;
+$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
+$drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;

package/styles/drop-down-button/_tailwind-dark-definition.scss

@@ -0,0 +1 @@
+@import './tailwind-definition.scss';

package/styles/drop-down-button/_tailwind-definition.scss

@@ -0,0 +1,49 @@
+//layout variables
+$drop-down-btn-arrow-content: '\e706' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-li-height: 36px !default;
+$drop-down-btn-bigger-max-width: 202px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: $text-sm !default;
+$drop-down-btn-icon-margin-right: 12px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 30px !default;
+$drop-down-btn-li-padding: 0 12px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 22px !default;
+$drop-down-btn-menu-icon-font-size: $text-lg !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 4px !default;
+$drop-down-btn-ul-padding: 4px 0 !default;
+$drop-down-btn-ul-bigger-padding: 4px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: $text-lg !default;
+$drop-down-btn-icon-font-size-bigger: $text-base !default;
+$drop-down-btn-caret-icon-font-size-bigger: 22px !default;
+$drop-down-btn-box-shadow: $shadow-focus-ring2 !default;
+$drop-down-btn-popup-margin-top: 4px !default;
+$drop-down-btn-bigger-popup-margin-top: 4px !default;
+$drop-down-btn-ul-border: 1px solid $border-light !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-color: $secondary-text-color !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-normal !default;
+$drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: $border-light !default;
+$drop-down-btn-selected-color: $content-text-color-selected !default;
+$drop-down-btn-parent-ul-box-shadow: $shadow-lg !default;
+$drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $content-text-color-selected !default;
+$drop-down-btn-menu-icon-color: $secondary-text-color !default;
+$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;

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

@@ -0,0 +1,83 @@
+@include export-module('drop-down-button-theme') {
+
+  /*! drop-down button theme */
+  .e-dropdown-popup {
+    @if $skin-name == 'Material3' {
+      background: $drop-down-btn-ul-bgcolor;
+    }
+    @else {
+      background-color: $drop-down-btn-ul-bgcolor;
+    }
+    color: $drop-down-btn-color;
+
+    & ul {
+      & .e-item  {
+        & .e-menu-url {
+          color: $drop-down-btn-color;
+        }
+
+        & .e-menu-icon {
+          color: $drop-down-btn-menu-icon-color;
+        }
+
+        &.e-focused {
+          background-color: $drop-down-btn-li-focus-bgcolor;
+          box-shadow: $drop-down-btn-li-box-shadow;
+        }
+
+        &:hover {
+          @if $skin-name == 'bootstrap5' {
+            background-color: $drop-down-btn-li-hover-bgcolor;
+          }
+          @else {
+            background-color: $drop-down-btn-li-bgcolor;
+          }
+          color: $drop-down-btn-li-selection-font-color;
+        }
+
+        &:active,
+        &.e-selected {
+          background-color: $drop-down-btn-li-selection-bgcolor;
+          color: $drop-down-btn-selected-color;
+
+          & .e-menu-url {
+            color: $drop-down-btn-selected-color;
+          }
+
+          & .e-menu-icon {
+            @if $skin-name == 'FluentUI' or $theme-name == 'FluentUI' {
+              color: $drop-down-btn-menu-icon-color;
+            }
+            @else {
+              color: $drop-down-btn-selected-color;
+            }
+          }
+        }
+      }
+
+      & .e-separator {
+        border-bottom-color: $drop-down-btn-li-border-color;
+      }
+    }
+  }
+
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    &.e-inherit {
+      background: inherit;
+      border-color: transparent;
+      box-shadow: none;
+      color: inherit;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &.e-active {
+        background-color: rgba(transparent, .056);
+        border-color: transparent;
+        box-shadow: none;
+        color: inherit;
+      }
+    }
+  }
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1,6 @@
-@import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.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';

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

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

package/styles/drop-down-button/icons/_bootstrap-dark.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-bootstrap-dark-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e969';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_bootstrap.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-bootstrap-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e969';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_bootstrap4.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-bootstrap4-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e744';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import './bootstrap5.scss';

package/styles/drop-down-button/icons/_bootstrap5.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-bootstrap5-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e70d';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_fabric-dark.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-fabric-dark-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e36a';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_fabric.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-fabric-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e36a';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_fluent-dark.scss

@@ -0,0 +1 @@
+@import './fluent.scss';

package/styles/drop-down-button/icons/_fluent.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-fluent-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e729';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_fusionnew.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-fusionnew-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e70d';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_highcontrast-light.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-highcontrast-light-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e966';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_highcontrast.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-highcontrast-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e966';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_material-dark.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-material-dark-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e969';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_material.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-material-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e969';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_material3-dark.scss

@@ -0,0 +1 @@
+@import './material3.scss';

package/styles/drop-down-button/icons/_material3.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-material3-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e70d';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_tailwind-dark.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-tailwind-dark-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e70d';
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_tailwind.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-tailwind-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e729';
+      }
+    }
+  }
+}

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

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

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

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

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

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

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

@@ -1,2 +1,7 @@
 
-@import 'ej2-splitbuttons/styles/drop-down-button/material3.scss';
+
+@import 'ej2-buttons/styles/button/material3-definition.scss';
+@import 'ej2-popups/styles/popup/material3-definition.scss';
+@import 'material3-definition.scss';
+@import 'icons/material3.scss';
+@import 'all.scss';

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

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

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

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