@syncfusion/ej2-dropdowns 26.2.13 → 27.1.48

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

@@ -0,0 +1,195 @@
+@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(&, '&', '*')} .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;
+    }
+  }
+}

package/styles/drop-down-base/_bootstrap-dark-definition.scss

@@ -72,11 +72,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
     padding: 0 10px 0 0;
   }
 
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }

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

@@ -72,11 +72,6 @@ $ddl-group-list-item-text-intent: 0 !default;
     padding: 0 10px 0 0;
   }
 
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }

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

@@ -69,15 +69,6 @@ $ddl-group-list-item-text-intent: 0 !default;
     padding: 0 8px 0 0;
   }
 
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
-    font-size: 16px;
-  }
-
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }

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

@@ -88,29 +88,10 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
     font-size: $text-xxs;
   }
 
-  .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 {
-    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 {
-    font-size: $text-xs;
-  }
-
   .e-dropdownbase .e-list-item .e-list-icon {
     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 {
-    padding: 0 12px 0 0;
-  }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 6px 0 0;
   }

package/styles/drop-down-base/_bootstrap5.3-definition.scss

@@ -1,5 +1,5 @@
 $ddl-list-line-height: 30px !default;
-$ddl-header-font-weight: $font-weight-medium !default;
+$ddl-header-font-weight: 600 !default;
 $ddl-last-child-bottom-border: 0 !default;
 $ddl-default-font-family: $font-family !default;
 $ddl-line-height: 32px !default;
@@ -63,7 +63,7 @@ $ddl-list-active-bg-color: $content-bg-color-selected !default;
 $ddl-list-hover-border-color: $content-bg-color !default;
 $ddl-list-hover-bg-color: $flyout-bg-color-hover !default;
 $ddl-list-hover-font-color: $flyout-text-color-hover !default;
-$ddl-list-header-font-color: $content-text-color-alt3 !default;
+$ddl-list-header-font-color: $content-text-color-alt2 !default;
 $ddl-default-header-font-color: $content-text-color-alt3 !default;
 $ddl-list-focus-color: $flyout-text-color-hover !default;
 $ddl-multi-column-border-color: $flyout-border !default;
@@ -88,29 +88,10 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
     font-size: $text-xxs;
   }
 
-  .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 {
-    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 {
-    font-size: $text-xs;
-  }
-
   .e-dropdownbase .e-list-item .e-list-icon {
     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 {
-    padding: 0 12px 0 0;
-  }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 6px 0 0;
   }

package/styles/drop-down-base/_fabric-dark-definition.scss

@@ -75,11 +75,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
     padding: 0 10px 0 0;
   }
 
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }

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

@@ -73,11 +73,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
     padding: 0 10px 0 0;
   }
 
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }

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

@@ -92,29 +92,10 @@ $ddl-group-list-item-text-intent: 0 !default;
     font-size: $text-xxs;
   }
 
-  .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 {
-    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 {
-    font-size: $text-xs;
-  }
-
   .e-dropdownbase .e-list-item .e-list-icon {
     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 {
-    padding: 0 12px 0 0;
-  }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }

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

@@ -59,7 +59,7 @@ $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: $flyout-text-color !default;
+$ddl-list-active-font-color: $flyout-text-color-hover !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;
@@ -70,6 +70,7 @@ $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;
+$ddl-list-focus-bg-color: $flyout-bg-color-focus !default;
 
 // Small Size color
 $ddl-small-list-font-color: $content-text-color !default;
@@ -97,32 +98,10 @@ $ddl-group-list-item-text-intent: 0 !default;
     font-size: $text-xxs;
   }
 
-  .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 {
-    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 {
-    font-size: $text-xs;
-  }
-
   .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }
 
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
-
-  .e-bigger.e-small .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;
   }

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

@@ -88,29 +88,10 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
     font-size: $text-xxs;
   }
 
-  .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 {
-    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 {
-    font-size: $text-xs;
-  }
-
   .e-dropdownbase .e-list-item .e-list-icon {
     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 {
-    padding: 0 12px 0 0;
-  }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 6px 0 0;
   }

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

@@ -71,11 +71,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
       #{if(&, '&', '*')} .e-list-icon {
         padding: 0 10px 0 0;
       }
-      .e-bigger #{if(&, '&', '*')} {
-        #{if(&, '&', '*')} .e-list-icon {
-          padding: 0 12px 0 0;
-        }
-      }
       #{if(&, '&', '*')}:not(.e-active) {
         #{if(&, '&', '*')}.e-hover {
           border: 2px solid $hover-border;
@@ -98,8 +93,4 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }
-
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
 }

package/styles/drop-down-base/_highcontrast-light-definition.scss

@@ -71,11 +71,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
       #{if(&, '&', '*')} .e-list-icon {
         padding: 0 10px 0 0;
       }
-      .e-bigger #{if(&, '&', '*')} {
-        #{if(&, '&', '*')} .e-list-icon {
-          padding: 0 12px 0 0;
-        }
-      }
       #{if(&, '&', '*')}:not(.e-active) {
         #{if(&, '&', '*')}.e-hover {
           border: 2px solid $hover-border;
@@ -98,8 +93,4 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }
-
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
 }

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

@@ -1,32 +1,4 @@
 @include export-module('dropdownbase-layout') {
-  .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(&, '&', '*')} .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-dropdownbase {
     display: block;
     height: 100%;
@@ -122,13 +94,6 @@
     white-space: pre-wrap;
   }
 
-  .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-small.e-ddl .e-dropdownbase.e-nodata,
   .e-small .e-ddl .e-dropdownbase.e-nodata {
     @if ($skin-name == 'FluentUI' or $skin-name == 'tailwind') {
@@ -136,13 +101,6 @@
     }
   }
 
-  .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-rtl .e-dropdownbase.e-dd-group .e-list-item {
     padding-right: $ddl-group-list-padding-left;
   }
@@ -159,20 +117,6 @@
     }
   }
 
-  .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-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
     text-indent: $ddl-group-list-item-text-intent;
   }
@@ -186,7 +130,7 @@
     vertical-align: middle;
     white-space: nowrap;
     width: 100%;
-    @if $skin-name == 'bootstrap5' or $skin-name == 'tailwind' {
+    @if $skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5.3' {
       font-weight: 500;
     }
   }

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

@@ -79,8 +79,4 @@ $ddl-bigger-small-list-header-font-size: 13px !default;
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 12px 0 0;
   }
-
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 16px 0 0;
-  }
 }

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

@@ -78,8 +78,4 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 12px 0 0;
   }
-
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 16px 0 0;
-  }
 }

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

@@ -70,7 +70,4 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 12px 0 0;
   }
-  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 16px 0 0;
-  }
 }

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

@@ -97,32 +97,10 @@ $ddl-group-list-item-text-intent: 0 !default;
     font-size: $text-xxs;
   }
 
-  .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 {
-    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 {
-    font-size: $text-xs;
-  }
-
   .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 8px 0 0;
   }
 
-  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
-    padding: 0 12px 0 0;
-  }
-
-  .e-bigger.e-small .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;
   }