@syncfusion/ej2-dropdowns 29.1.41 → 29.2.4-850322

package/styles/combo-box/material3.css

@@ -1,98 +0,0 @@
-
-
-
-
-.e-ddl.e-control-wrapper .e-ddl-icon::before {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-
-.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-
-.e-dropdownbase .e-list-item.e-active.e-hover {
-  color: rgba(var(--color-sf-on-surface));
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
-.e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-input-group:not(.e-disabled) .e-back-icon:hover,
-.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
-  background: rgba(var(--color-sf-on-surface), 0.08);
-}
-
-.e-input-group .e-ddl-icon:not(:active)::after {
-  -webkit-animation: none;
-          animation: none;
-}
-
-.e-ddl.e-popup {
-  border: 0;
-  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  margin-top: 2px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-  border-radius: 4px;
-}
-
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  margin: 0 6px;
-  min-height: 30px;
-  min-width: 30px;
-}
-
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  min-height: 22px;
-  min-width: 22px;
-}
-
-.e-input-group.e-ddl,
-.e-input-group.e-ddl .e-input,
-.e-input-group.e-ddl .e-ddl-icon {
-  background: transparent;
-}
-
-.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
-  border-bottom-width: 0;
-}
-
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
-  margin: 4px;
-}
-
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
-  padding: 4px 5px 4px 12px;
-}
-
-.e-ddl.e-popup.e-outline .e-filter-parent {
-  padding: 4px 8px;
-}
-
-/* stylelint-disable-line no-empty-source */

package/styles/combo-box/material3.scss

@@ -1,5 +0,0 @@
-
-
-@import '../drop-down-list/material3-definition.scss';
-@import 'material3-definition.scss';
-@import 'all.scss';

package/styles/combo-box/tailwind-dark.css

@@ -1,71 +0,0 @@
-.e-ddl.e-control-wrapper .e-ddl-icon::before {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-
-.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-
-.e-dropdownbase .e-list-item.e-active.e-hover {
-  color: #fff;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
-.e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-input-group:not(.e-disabled) .e-back-icon:hover,
-.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
-  background: transparent;
-}
-
-.e-input-group .e-ddl-icon:not(:active)::after {
-  -webkit-animation: none;
-          animation: none;
-}
-
-.e-ddl.e-popup {
-  border: 0;
-  border-radius: 4px;
-  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  margin-top: 4px;
-}
-
-.e-small .e-ddl.e-popup,
-.e-small.e-ddl.e-popup {
-  border-radius: 2px;
-  margin-top: 2px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-  padding: 4px 0;
-}
-
-.e-input-group.e-ddl,
-.e-input-group.e-ddl .e-input,
-.e-input-group.e-ddl .e-ddl-icon {
-  background: #1f2937;
-}
-
-.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
-  border-bottom-width: 0;
-}
-
-.e-ddl.e-popup.e-outline .e-filter-parent {
-  padding: 4px 8px;
-}
-
-/* stylelint-disable-line no-empty-source */

package/styles/combo-box/tailwind-dark.scss

@@ -1,4 +0,0 @@
-@import 'ej2-base/styles/definition/tailwind-dark.scss';
-@import '../drop-down-list/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'all.scss';

package/styles/combo-box/tailwind.css

@@ -1,71 +0,0 @@
-.e-ddl.e-control-wrapper .e-ddl-icon::before {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-
-.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-
-.e-dropdownbase .e-list-item.e-active.e-hover {
-  color: #111827;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
-.e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-input-group:not(.e-disabled) .e-back-icon:hover,
-.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
-  background: transparent;
-}
-
-.e-input-group .e-ddl-icon:not(:active)::after {
-  -webkit-animation: none;
-          animation: none;
-}
-
-.e-ddl.e-popup {
-  border: 0;
-  border-radius: 4px;
-  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  margin-top: 4px;
-}
-
-.e-small .e-ddl.e-popup,
-.e-small.e-ddl.e-popup {
-  border-radius: 2px;
-  margin-top: 2px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-  padding: 4px 0;
-}
-
-.e-input-group.e-ddl,
-.e-input-group.e-ddl .e-input,
-.e-input-group.e-ddl .e-ddl-icon {
-  background: #fff;
-}
-
-.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
-  border-bottom-width: 0;
-}
-
-.e-ddl.e-popup.e-outline .e-filter-parent {
-  padding: 4px 8px;
-}
-
-/* stylelint-disable-line no-empty-source */

package/styles/combo-box/tailwind.scss

@@ -1,4 +0,0 @@
-@import 'ej2-base/styles/definition/tailwind.scss';
-@import '../drop-down-list/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'all.scss';

package/styles/combo-box/tailwind3.css

@@ -1,101 +0,0 @@
-
-
-
-
-.e-popup.e-ddl {
-  border-radius: 4px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  margin-top: 3px;
-}
-.e-popup.e-ddl .e-input-group {
-  width: auto;
-}
-.e-popup.e-ddl .e-input-group input {
-  line-height: 15px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-popup.e-ddl .e-filter-parent .e-input-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl input[readonly] {
-  background: transparent;
-}
-
-.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
-.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
-  background: var(--color-sf-content-bg-color-alt2);
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
-  background: transparent;
-  color: var(--color-sf-icon-color);
-}
-
-.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
-  background: transparent;
-  color: var(--color-sf-icon-color);
-}
-
-.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
-  background: var(--color-sf-content-bg-color-alt2);
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
-  border: 0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
-  background: transparent;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-
-.e-ddl.e-popup .e-filter-parent .e-input-group,
-.e-ddl.e-popup .e-filter-parent {
-  background: var(--color-sf-content-bg-color);
-}
-
-.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 14px;
-}
-
-/* stylelint-disable-line no-empty-source */

package/styles/combo-box/tailwind3.scss

@@ -1,4 +0,0 @@
-@import 'ej2-base/styles/definition/tailwind3.scss';
-@import '../drop-down-list/tailwind3-definition.scss';
-@import 'tailwind3-definition.scss';
-@import 'all.scss';

package/styles/drop-down-base/_all.scss

@@ -1,2 +0,0 @@
-@import 'layout.scss';
-@import 'theme.scss';

package/styles/drop-down-base/_bds-definition.scss

@@ -1,112 +0,0 @@
-$ddl-list-line-height: 32px !default;
-$ddl-header-font-weight: $font-weight-medium !default;
-$ddl-last-child-bottom-border: 0 !default;
-$ddl-default-font-family: $font-family !default;
-$ddl-line-height: 40px !default;
-$ddl-list-border-size: 0 !default;
-$ddl-list-bottom-border: $ddl-list-border-size !default;
-
-$ddl-list-font-size: $text-sm !default;
-$ddl-list-font-family: $font-family !default;
-$ddl-list-focus-border: 1px solid $border-focus !default;
-$ddl-group-list-padding-left: 12px !default;
-$ddl-group-list-small-padding-left: 8px !default;
-$ddl-group-list-bigger-padding-left: 16px !default;
-$ddl-group-list-bigger-small-padding-left: 14px !default;
-$ddl-list-header-padding-left: 12px !default;
-$ddl-list-header-small-padding-left: 8px !default;
-$ddl-list-header-bigger-small-padding-left: 14px !default;
-$ddl-list-header-bigger-padding-left: 16px !default;
-$ddl-list-text-indent: 12px !default;
-$ddl-bigger-text-indent: 16px !default;
-$ddl-list-rtl-padding-right: 0 !default;
-$ddl-list-padding-right: 16px !default;
-$ddl-list-rtl-padding-left: 16px !default;
-$ddl-multi-column-border-width: 0 0 1px 0 !default;
-$ddl-bigger-list-header-font-size: $text-sm !default;
-$ddl-group-list-font-size: $text-sm !default;
-$ddl-list-header-font-size: $text-xs !default;
-$ddl-small-list-nodata-font-size: $text-xs !default;
-$ddl-bigger-list-nodata-font-size: $text-base !default;
-$ddl-bigger-small-list-nodata-font-size: $text-sm !default;
-
-// Small Size
-
-$ddl-small-icon-font-size: $font-icon-14 !default;
-$ddl-small-line-height: 28px !default;
-$ddl-small-list-text-indent: 8px !default;
-$ddl-small-list-header-font-size: $text-xxs !default;
-
-// Touch Small
-
-$ddl-bigger-small-icon-font-size: $font-icon-18 !default;
-$ddl-bigger-small-line-height: 36px !default;
-$ddl-bigger-small-list-text-indent: 14px !default;
-$ddl-bigger-small-list-header-font-size: $text-xs !default;
-
-$ddl-list-border-color: $border-light !default;
-$ddl-list-gradient-color: $border-light !default;
-$mention-gradient-color: $white !default;
-$mention-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
-$mention-chip-bg-color: $content-bg-color-alt2 !default;
-$mention-chip-border-radius: 2px !default;
-$mention-chip-border: none !default;
-$ddl-list-bg-color: $flyout-bg-color !default;
-$ddl-list-header-bg-color: $content-bg-color-focus !default;
-$ddl-list-tap-color: transparent !default;
-$ddl-list-header-border-color: $border-light !default;
-$ddl-nodata-font-color: $content-text-color !default;
-$ddl-list-default-font-color: $content-text-color !default;
-$ddl-list-active-border-color: $content-bg-color !default;
-$mention-popup-bg-color: $content-bg-color !default;
-$ddl-list-active-font-color: $content-text-color !default;
-$mention-active-font-color: $primary !default;
-$ddl-list-active-bg-color: $flyout-bg-color-hover !default;
-$ddl-list-hover-border-color: $content-bg-color !default;
-$ddl-list-hover-bg-color: $content-bg-color-hover !default;
-$ddl-list-hover-font-color: $content-text-color-hover !default;
-$ddl-list-header-font-color: $content-text-color-alt2 !default;
-$ddl-default-header-font-color: $content-text-color !default;
-$ddl-list-focus-color: $content-bg-color-focus !default;
-$ddl-multi-column-border-color: $border-light !default;
-$ddl-list-icon-color: $icon-color !default;
-
-// Small Size color
-$ddl-small-list-font-color: $content-text-color !default;
-
-// Touch Small color
-$ddl-bigger-small-list-font-color: $content-text-color !default;
-$ddl-group-list-item-text-intent: 0 !default;
-
-@include export-module('dropdownbase-bds') {
-  .e-dropdownbase .e-list-item.e-active,
-  .e-dropdownbase .e-list-item.e-active.e-hover {
-    font-weight: $font-weight-medium;
-  }
-
-  .e-dropdownbase .e-list-group-item,
-  .e-fixed-head {
-    font-size: $text-xs;
-    text-transform: uppercase;
-  }
-
-  .e-small .e-dropdownbase .e-list-group-item,
-  .e-small .e-fixed-head,
-  .e-small.e-dropdownbase .e-list-group-item,
-  .e-small.e-fixed-head {
-    font-size: $text-xxs;
-  }
-
-  .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 8px 0 0;
-  }
-
-  .e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 4px 0 0;
-  }
-
-  /* stylelint-disable */
-  .e-dropdownbase .e-list-item {
-    border-radius: 6px !important;
-  }
-}

package/styles/drop-down-base/_bigger.scss

@@ -1,198 +0,0 @@
-@include export-module('dropdownbase-bigger') {
-  
-  .e-bigger .e-dropdownbase,
-  .e-dropdownbase.e-bigger {
-    min-height: 45px;
-    @at-root {
-      #{if(&, '&', '*')} .e-list-item {
-        line-height: $ddl-line-height;
-        text-indent: $ddl-bigger-text-indent;
-        @if $skin-name == 'tailwind3' {
-          min-height: $ddl-line-height;
-        }
-      }
-
-      #{if(&, '&', '*')} .e-list-group-item,
-      #{if(&, '&', '*')} .e-fixed-head {
-        line-height: $ddl-line-height;
-        @if $skin-name != 'tailwind' {
-          text-indent: $ddl-bigger-text-indent;
-        }
-      }
-
-      #{if(&, '&', '*')} .e-list-item .e-list-icon {
-        @if $skin-name == 'fluent2' {
-          font-size: 18px;
-        }
-        @else {
-          font-size: 20px;
-        }
-      }
-    }
-  }
-
-  .e-bigger.e-ddl .e-dropdownbase.e-nodata,
-  .e-bigger .e-ddl .e-dropdownbase.e-nodata {
-    @if ($skin-name == 'FluentUI' or $skin-name == 'tailwind') {
-      font-size: $ddl-bigger-list-nodata-font-size;
-    }
-  }
-
-  .e-bigger.e-small.e-ddl .e-dropdownbase.e-nodata,
-  .e-bigger.e-small .e-ddl .e-dropdownbase.e-nodata {
-    @if ($skin-name == 'FluentUI' or $skin-name == 'tailwind') {
-      font-size: $ddl-bigger-small-list-nodata-font-size;
-    }
-  }
-
-  .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-    padding-left: $ddl-group-list-bigger-padding-left;
-    @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
-      text-indent: 0;
-    }
-  }
-
-  .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-    padding-left: $ddl-group-list-bigger-small-padding-left;
-    @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
-      text-indent: 0;
-    }
-  }
-
-  .e-bigger.e-rtl,
-  .e-bigger .e-rtl,
-  .e-rtl .e-bigger {
-    #{if(&, '&', '*')} .e-dropdownbase {
-      #{if(&, '&', '*')} .e-list-group-item,
-      #{if(&, '&', '*')} .e-fixed-head {
-        @if $skin-name == 'tailwind' {
-          padding-right: $ddl-list-header-bigger-padding-left;
-        }
-      }
-
-      #{if(&, '&', '*')}.e-dd-group .e-list-item {
-        @if $skin-name == 'tailwind' {
-          padding-right: $ddl-group-list-bigger-padding-left;
-        }
-      }
-    }
-  }
-
-  .e-small.e-bigger.e-rtl,
-  .e-small.e-bigger .e-rtl,
-  .e-rtl .e-small.e-bigger,
-  .e-small .e-rtl.e-bigger,
-  .e-bigger .e-rtl.e-small {
-    #{if(&, '&', '*')} .e-dropdownbase {
-      #{if(&, '&', '*')} .e-list-item {
-        padding-left: $ddl-list-rtl-padding-left;
-        padding-right: $ddl-list-rtl-padding-right;
-      }
-
-      #{if(&, '&', '*')}.e-dd-group .e-list-item {
-        @if $skin-name == 'tailwind' {
-          padding-right: $ddl-group-list-bigger-small-padding-left;
-        }
-      }
-
-      #{if(&, '&', '*')} .e-list-group-item,
-      #{if(&, '&', '*')} .e-fixed-head {
-        @if $skin-name == 'tailwind' {
-          padding-right: $ddl-list-header-bigger-small-padding-left;
-        }
-      }
-    }
-  }
-
-  .e-bigger .e-dropdownbase {
-    @at-root {
-      #{if(&, '&', '*')} .e-list-group-item,
-      #{if(&, '&', '*')} .e-fixed-head {
-        font-size: $ddl-bigger-list-header-font-size;
-        padding-left: $ddl-list-header-bigger-padding-left;
-      }
-    }
-  }
-
-  .e-bigger.e-small .e-dropdownbase,
-  .e-dropdownbase.e-bigger.e-small  {
-    @at-root {
-      #{if(&, '&', '*')} .e-list-group-item,
-      #{if(&, '&', '*')} .e-fixed-head {
-        font-size: $ddl-bigger-small-list-header-font-size;
-      }
-    }
-  }
-
-  .e-bigger.e-small .e-dropdownbase,
-  .e-dropdownbase.e-small.e-bigger {
-    @at-root {
-      #{if(&, '&', '*')} .e-list-item {
-        color: $ddl-bigger-small-list-font-color;
-        line-height: $ddl-bigger-small-line-height;
-        min-height: $ddl-bigger-small-line-height;
-        text-indent: $ddl-bigger-small-list-text-indent;
-      }
-
-      #{if(&, '&', '*')} .e-list-group-item,
-      #{if(&, '&', '*')} .e-fixed-head {
-        line-height: $ddl-bigger-small-line-height;
-        min-height: $ddl-bigger-small-line-height;
-        padding-left: $ddl-list-header-bigger-small-padding-left;
-      }
-
-      #{if(&, '&', '*')} .e-list-item .e-list-icon {
-        font-size: $ddl-bigger-small-icon-font-size;
-      }
-    }
-  }
-
-  .e-bigger .e-dropdownbase .e-list-group-item,
-  .e-bigger .e-fixed-head,
-  .e-bigger.e-dropdownbase .e-list-group-item,
-  .e-bigger.e-fixed-head {
-    @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' {
-      font-size: $text-sm;
-    }
-  }
-
-  .e-bigger.e-small .e-dropdownbase .e-list-group-item,
-  .e-bigger.e-small .e-fixed-head,
-  .e-bigger.e-small.e-dropdownbase .e-list-group-item,
-  .e-bigger.e-small.e-fixed-head {
-    @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' {
-      font-size: $text-xs;
-    }
-  }
-
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
-    @if $skin-name == 'tailwind' or $skin-name == 'fluent2' {
-      padding: 0 12px 0 0;
-    }
-  }
-
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    @if $skin-name == 'tailwind' or $skin-name == 'fluent2' {
-      padding: 0 8px 0 0;
-    }
-  }
-
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    @if $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'FluentUI' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
-      padding: 0 12px 0 0;
-    }
-  }
-
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
-    @if $skin-name == 'bootstrap4' {
-      font-size: 16px;
-    }
-  }
-
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    @if $skin-name == 'material-dark' or $skin-name == 'material' or $skin-name == 'Material3' {
-      padding: 0 16px 0 0;
-    }
-  }
-}