@syncfusion/ej2-angular-splitbuttons 21.2.5 → 22.1.34-ngcc

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

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

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

@@ -1,52 +0,0 @@
-//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-sm !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: 36px !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: 2px !default;
-$drop-down-btn-ul-padding: 0 0 !default;
-$drop-down-btn-ul-bigger-padding: 0 0 !default;
-$drop-down-btn-ul-small-padding: 0 0 !default;
-$drop-down-btn-caret-icon-font-size: $text-base !default;
-$drop-down-btn-icon-font-size-bigger: $text-base !default;
-$drop-down-btn-caret-icon-font-size-bigger: $text-xl !default;
-$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
-$drop-down-btn-popup-margin-top: 4px !default;
-$drop-down-btn-bigger-popup-margin-top: 4px !default;
-$drop-down-btn-ul-border: 0 solid $border-light !default;
-$drop-down-btn-li-box-shadow: none !default;
-$drop-down-btn-li-border-style: solid !default;
-
-//Color
-$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: $flyout-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: $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: $flyout-text-color-selected !default;
-$drop-down-btn-menu-icon-color: $icon-color !default;
-$drop-down-btn-menu-icon-disabled-color: $icon-color !default;
-$drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;

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

@@ -1,50 +0,0 @@
-//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: 32px !default;
-$drop-down-btn-bigger-max-width: 202px !default;
-$drop-down-btn-bigger-min-width: 112px !default;
-$drop-down-btn-icon-font-size: 14px !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: 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: 18px !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: 10px !default;
-$drop-down-btn-icon-font-size-bigger: 16px !default;
-$drop-down-btn-caret-icon-font-size-bigger: 12px !default;
-$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
-$drop-down-btn-popup-margin-top: 2px !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: $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: $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: none !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 !default;
-$drop-down-btn-menu-icon-color: $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/_highcontrast-definition.scss

@@ -1,47 +0,0 @@
-$drop-down-btn-arrow-content: '\e966' !default;
-$drop-down-btn-vertical-btn-padding: 8px 20px !default;
-$drop-down-btn-vertical-bigger-padding: 10px 24px !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: $content-font !default;
-$drop-down-btn-disable-text: $disable !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: $hover-bg !default;
-$drop-down-btn-li-border-color: $hover-border !default;
-$drop-down-btn-li-border-style: solid !default;
-$drop-down-btn-li-border-width: 1px !default;
-$drop-down-btn-li-focus-bgcolor: transparent !default;
-$drop-down-btn-li-height: 36px !default;
-$drop-down-btn-li-padding: 0 10px !default;
-$drop-down-btn-bigger-li-padding: 0 10px !default;
-$drop-down-btn-small-li-padding: 0 10px !default;
-$drop-down-btn-li-box-shadow: 0 0 0 1px $border-fg inset !default;
-$drop-down-btn-li-selection-bgcolor: $selection-bg !default;
-$drop-down-btn-li-selection-font-color: $content-font !default;
-$drop-down-btn-max-width: 240px !default;
-$drop-down-btn-menu-icon-bigger-font-size: 18px !default;
-$drop-down-btn-menu-icon-color: $content-font !default;
-$drop-down-btn-menu-icon-disabled-color: $disable !default;
-$drop-down-btn-menu-icon-font-size: 16px !default;
-$drop-down-btn-min-width: 120px !default;
-$drop-down-btn-parent-ul-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
-$drop-down-btn-seperator-padding: 0 !default;
-$drop-down-btn-selected-color: $selection-font !default;
-$drop-down-btn-ul-bgcolor: $bg-base-0 !default;
-$drop-down-btn-ul-border: 1px solid $border-default !default;
-$drop-down-btn-ul-border-radius: 0 !default;
-$drop-down-btn-ul-padding: 0 !default;
-$drop-down-btn-ul-bigger-padding: 0 !default;
-$drop-down-btn-ul-small-padding: 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/_highcontrast-light-definition.scss

@@ -1,50 +0,0 @@
-//default
-$drop-down-btn-arrow-content: '\e966' !default;
-$drop-down-btn-vertical-btn-padding: 8px 20px !default;
-$drop-down-btn-vertical-bigger-padding: 10px 24px !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: $content-font !default;
-$drop-down-btn-disable-text: $disable !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: $hover-bg !default;
-$drop-down-btn-li-border-color: $hover-border !default;
-$drop-down-btn-li-border-style: solid !default;
-$drop-down-btn-li-border-width: 1px !default;
-$drop-down-btn-li-focus-bgcolor: transparent !default;
-$drop-down-btn-li-height: 36px !default;
-$drop-down-btn-li-padding: 0 10px !default;
-$drop-down-btn-bigger-li-padding: 0 10px !default;
-$drop-down-btn-small-li-padding: 0 10px !default;
-$drop-down-btn-li-box-shadow: 0 0 0 1px $border-fg inset !default;
-$drop-down-btn-li-selection-bgcolor: $selection-bg !default;
-$drop-down-btn-li-selection-font-color: $content-font !default;
-$drop-down-btn-max-width: 240px !default;
-$drop-down-btn-menu-icon-bigger-font-size: 18px !default;
-$drop-down-btn-menu-icon-color: $content-font !default;
-$drop-down-btn-menu-icon-disabled-color: $disable !default;
-$drop-down-btn-menu-icon-font-size: 16px !default;
-$drop-down-btn-min-width: 120px !default;
-$drop-down-btn-parent-ul-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
-$drop-down-btn-seperator-padding: 0 !default;
-$drop-down-btn-selected-color: $selection-font !default;
-$drop-down-btn-ul-bgcolor: $bg-base-0 !default;
-$drop-down-btn-ul-border: 1px solid $border-default !default;
-$drop-down-btn-ul-border-radius: 0 !default;
-$drop-down-btn-ul-padding: 0 !default;
-$drop-down-btn-ul-bigger-padding: 0 !default;
-$drop-down-btn-ul-small-padding: 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/_layout.scss

@@ -1,233 +0,0 @@
-@include export-module('drop-down-button-layout') {
-
-  /*! drop-down button layout */
-  .e-dropdown-btn,
-  .e-dropdown-btn.e-btn {
-    @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' {
-      box-shadow: none;
-    }
-    text-transform: none;
-    white-space: normal;
-
-    &:hover {
-      @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' {
-        box-shadow: none;
-      }
-    }
-
-    &:focus {
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
-        box-shadow: $drop-down-btn-box-shadow;
-      }
-      @else {
-        box-shadow: none;
-      }
-    }
-
-    &:focus-visible { // only for keybord
-      @if $skin-name == 'Material3' {
-        box-shadow: $btn-keyboard-focus-box-shadow !important; /* stylelint-disable-line declaration-no-important */
-      }
-    }
-
-    &:active {
-      box-shadow: $btn-active-box-shadow;
-    }
-
-    .e-btn-icon {
-      font-size: $drop-down-btn-icon-font-size;
-    }
-
-    .e-caret {
-      font-size: $drop-down-btn-caret-icon-font-size;
-      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
-        margin-top: 0;
-      }
-    }
-
-    &.e-vertical {
-      line-height: 1;
-      padding: $drop-down-btn-vertical-btn-padding;
-    }
-
-    &.e-caret-hide {
-      & .e-caret {
-        display: none;
-      }
-    }
-
-    &.e-small {
-      .e-dropdown-popup ul {
-        padding: $drop-down-btn-ul-small-padding;
-
-        & .e-item  {
-          padding: $drop-down-btn-small-li-padding;
-          @if $skin-name == 'Material3' {
-            height: $drop-down-btn-small-li-height;
-          }
-        }
-      }
-
-      &.e-vertical {
-        line-height: 1;
-        padding: $drop-down-btn-vertical-btn-padding;
-      }
-    }
-  }
-
-  .e-bigger .e-dropdown-btn,
-  .e-bigger.e-dropdown-btn {
-    .e-btn-icon {
-      font-size: $drop-down-btn-icon-font-size-bigger;
-    }
-
-    .e-caret {
-      font-size: $drop-down-btn-caret-icon-font-size-bigger;
-    }
-
-    &.e-vertical {
-      line-height: 1;
-      padding: $drop-down-btn-vertical-bigger-padding;
-    }
-
-    &.e-small {
-      &.e-vertical {
-        line-height: 1;
-        padding: $drop-down-btn-vertical-bigger-padding;
-      }
-    }
-  }
-
-  .e-dropdown-popup {
-    position: absolute;
-    @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $theme-name == 'tailwind-dark' or $theme-name == 'bootstrap5-dark' {
-      border-radius: $drop-down-btn-ul-border-radius;
-      margin-top: $drop-down-btn-popup-margin-top;
-    }
-
-    & ul {
-      border: $drop-down-btn-ul-border;
-      border-radius: $drop-down-btn-ul-border-radius;
-      box-shadow: $drop-down-btn-parent-ul-box-shadow;
-      box-sizing: border-box;
-      font-size: $drop-down-btn-font-size;
-      font-weight: $drop-down-btn-font-weight;
-      list-style-image: none;
-      list-style-position: outside;
-      list-style-type: none;
-      margin: 0;
-      min-width: $drop-down-btn-min-width;
-      overflow: hidden;
-      padding: $drop-down-btn-ul-padding;
-      user-select: none;
-      white-space: nowrap;
-
-      & .e-item  {
-        cursor: pointer;
-        display: flex;
-        height: $drop-down-btn-li-height;
-        line-height: $drop-down-btn-li-height;
-        padding: $drop-down-btn-li-padding;
-
-        &.e-url {
-          padding: 0;
-        }
-
-        & .e-menu-url {
-          display: block;
-          padding: $drop-down-btn-li-padding;
-          text-decoration: none;
-          width: 100%;
-        }
-
-        & .e-menu-icon {
-          float: left;
-          font-size: $drop-down-btn-menu-icon-font-size;
-          line-height: $drop-down-btn-li-height;
-          margin-right: $drop-down-btn-icon-margin-right;
-          vertical-align: middle;
-          width: 1em;
-        }
-
-        &.e-disabled {
-          cursor: auto;
-          pointer-events: none;
-          @if $skin-name == 'Material3' {
-            box-shadow: $drop-down-btn-sub-ul-box-shadow;
-          }
-        }
-
-        &.e-separator {
-          border-bottom-style: $drop-down-btn-li-border-style;
-          border-bottom-width: $drop-down-btn-li-border-width;
-          cursor: auto;
-          height: auto;
-          line-height: normal;
-          margin: $drop-down-btn-seperator-padding;
-          pointer-events: none;
-        }
-      }
-    }
-
-    &.e-transparent {
-      background: transparent;
-      box-shadow: none;
-
-      & .e-dropdown-menu {
-        border: 0;
-        height: 1px;
-        min-width: 0;
-        padding: 0;
-        width: 1px;
-      }
-    }
-  }
-
-  .e-rtl.e-dropdown-popup .e-item {
-    & .e-menu-icon {
-      float: right;
-      margin-left: $drop-down-btn-icon-margin-right;
-      margin-right: 0;
-    }
-  }
-
-  #{if(&, '&', '*')}.e-bigger .e-dropdown-popup {
-    @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $theme-name == 'tailwind-dark' or $theme-name == 'bootstrap5-dark' {
-      background-color: transparent;
-      border-radius: $drop-down-btn-ul-border-radius;
-    }
-  }
-
-  #{if(&, '&', '*')}.e-bigger .e-dropdown-popup ul,
-  #{if(&, '&', '*')}.e-bigger.e-dropdown-popup ul {
-    box-shadow: $drop-down-btn-parent-ul-box-shadow;
-    font-size: $drop-down-btn-bigger-font-size;
-    max-width: $drop-down-btn-bigger-max-width;
-    min-width: $drop-down-btn-bigger-min-width;
-    padding: $drop-down-btn-ul-bigger-padding;
-    @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
-      background-color: $drop-down-btn-ul-bgcolor;
-      margin-top: $drop-down-btn-bigger-popup-margin-top;
-    }
-
-    & .e-item  {
-      height: $drop-down-btn-bigger-li-height;
-      line-height: $drop-down-btn-bigger-li-height;
-      padding: $drop-down-btn-bigger-li-padding;
-
-      &.e-url {
-        padding: 0;
-      }
-
-      & .e-menu-icon {
-        font-size: $drop-down-btn-menu-icon-bigger-font-size;
-        line-height: $drop-down-btn-bigger-li-height;
-      }
-
-      &.e-separator {
-        height: auto;
-        line-height: normal;
-      }
-    }
-  }
-}

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

@@ -1,51 +0,0 @@
-//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

@@ -1,48 +0,0 @@
-$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/_tailwind-dark-definition.scss

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

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

@@ -1,49 +0,0 @@
-//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

@@ -1,78 +0,0 @@
-@include export-module('drop-down-button-theme') {
-
-  /*! drop-down button theme */
-  .e-dropdown-popup {
-    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/icons/_bootstrap-dark.scss

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