@syncfusion/ej2-dropdowns 33.2.15 → 34.1.30

package/styles/highcontrast.scss

@@ -1,33 +1,26 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'drop-down-base/highcontrast-definition' as *;
-@use 'drop-down-base/all.highcontrast' as *;
-@use 'drop-down-base/bigger.highcontrast' as *;
-@use 'ej2-inputs/styles/input/highcontrast-definition' as *;
-@use 'ej2-popups/styles/popup/highcontrast-definition' as *;
-@use 'ej2-popups/styles/spinner/highcontrast-definition' as *;
-@use 'ej2-notifications/styles/skeleton/highcontrast-definition' as *;
+@use 'drop-down-base/all' as *;
+@use 'drop-down-base/bigger' as *;
 @use 'drop-down-list/highcontrast-definition' as *;
 @use 'drop-down-list/icons/highcontrast' as *;
-@use 'drop-down-list/all.highcontrast' as *;
-@use 'drop-down-list/bigger.highcontrast' as *;
-@use 'ej2-navigations/styles/treeview/highcontrast-definition' as *;
+@use 'drop-down-list/all' as *;
+@use 'drop-down-list/bigger' as *;
 @use 'drop-down-tree/highcontrast-definition' as *;
 @use 'drop-down-tree/icons/highcontrast' as *;
-@use 'drop-down-tree/all.highcontrast' as *;
-@use 'drop-down-tree/bigger.highcontrast' as *;
+@use 'drop-down-tree/all' as *;
+@use 'drop-down-tree/bigger' as *;
 @use 'combo-box/highcontrast-definition' as *;
-@use 'combo-box/all.highcontrast' as *;
+@use 'combo-box/all' as *;
 
 @use 'auto-complete/highcontrast-definition' as *;
-@use 'auto-complete/all.highcontrast' as *;
-@use 'ej2-buttons/styles/check-box/highcontrast-definition' as *;
+@use 'auto-complete/all' as *;
 @use 'multi-select/highcontrast-definition' as *;
 @use 'multi-select/icons/highcontrast' as *;
-@use 'multi-select/all.highcontrast' as *;
-@use 'multi-select/bigger.highcontrast' as *;
+@use 'multi-select/all' as *;
+@use 'multi-select/bigger' as *;
 @use 'list-box/highcontrast-definition' as *;
 @use 'list-box/icons/highcontrast' as *;
-@use 'list-box/all.highcontrast' as *;
-@use 'list-box/bigger.highcontrast' as *;
+@use 'list-box/all' as *;
+@use 'list-box/bigger' as *;
 @use 'mention/highcontrast-definition' as *;
-@use 'mention/all.highcontrast' as *;
+@use 'mention/all' as *;

package/styles/list-box/_all.scss

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

package/styles/list-box/_bds-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@forward 'ej2-base/styles/definition/bds';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_bigger.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @include export-module('listbox-bigger') {
   .e-bigger .e-listbox-wrapper,
   .e-listbox-wrapper.e-bigger,

package/styles/list-box/_bootstrap-dark-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $listbox-font-family: $font-family !default;

package/styles/list-box/_bootstrap-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $listbox-font-family: $font-family !default;
 $listbox-text-color: rgba($grey-light-font, 1) !default;
 $listbox-text-disabled: $grey-light-font !default;

package/styles/list-box/_bootstrap4-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap4' as *;
-@forward 'ej2-base/styles/definition/bootstrap4';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $listbox-font-family: $font-family !default;
 $listbox-text-color: rgba($gray-900, 1) !default;

package/styles/list-box/_bootstrap5-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_bootstrap5-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5' as *;
-@forward 'ej2-base/styles/definition/bootstrap5';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_bootstrap5.3-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
-@forward 'ej2-base/styles/definition/bootstrap5.3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_fabric-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@forward 'ej2-base/styles/definition/fabric-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $listbox-font-family: $font-family !default;

package/styles/list-box/_fabric-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fabric' as *;
-@forward 'ej2-base/styles/definition/fabric';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $listbox-font-family: $font-family !default;
 $listbox-text-color: $neutral-light-font !default;
 $listbox-text-disabled: rgba($neutral-light-font, .54) !default;

package/styles/list-box/_fluent-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_fluent-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fluent' as *;
-@forward 'ej2-base/styles/definition/fluent';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_fluent2-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
-@forward 'ej2-base/styles/definition/fluent2';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_fusionnew-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fusionnew' as *;
-@forward 'ej2-base/styles/definition/fusionnew';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_highcontrast-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
-@forward 'ej2-base/styles/definition/highcontrast';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $listbox-font-family: $font-family !default;
 $listbox-text-color: $content-font !default;
 $listbox-text-disabled: rgba($disable, .54) !default;

package/styles/list-box/_highcontrast-light-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $listbox-font-family: $font-family !default;

package/styles/list-box/_layout.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,

package/styles/list-box/_material-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
-@forward 'ej2-base/styles/definition/material-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $listbox-font-family: $font-family !default;

package/styles/list-box/_material-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/material' as *;
-@forward 'ej2-base/styles/definition/material';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $listbox-font-family: $font-family !default;
 $listbox-text-color: rgba($grey-light-font, .87) !default;
 $listbox-text-disabled: $grey-light-font !default;

package/styles/list-box/_material3-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $list-header-bg-color: $transparent !default;

package/styles/list-box/_material3-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/material3' as *;
-@forward 'ej2-base/styles/definition/material3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $list-header-bg-color: $transparent !default;

package/styles/list-box/_tailwind-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_tailwind-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind' as *;
-@forward 'ej2-base/styles/definition/tailwind';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_tailwind3-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@forward 'ej2-base/styles/definition/tailwind3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //layout variables
 $listbox-font-family: $font-family !default;

package/styles/list-box/_theme.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @mixin avatar {
   height: $listbox-template-avatar-size;
   left: $listbox-template-avatar-left;

package/styles/list-box/_variables.scss

@@ -0,0 +1,2 @@
+@forward '@syncfusion/ej2-base/styles/common/_base-variables';
+@forward '_material3-definition';

package/styles/list-box/bds.css

@@ -2,39 +2,6 @@
 
 
 
-.e-dropdownbase .e-list-item.e-active,
-.e-dropdownbase .e-list-item.e-active.e-hover {
-  font-weight: 500;
-}
-
-.e-dropdownbase .e-list-group-item,
-.e-fixed-head {
-  font-size: 12px;
-  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: 10px;
-}
-
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 4px;
-          padding-inline-end: 4px;
-}
-
-/* stylelint-disable */
-.e-dropdownbase .e-list-item {
-  border-radius: 6px !important;
-}
-
 /* stylelint-disable */
 .e-listbox-wrapper {
   padding: 0 12px !important;
@@ -76,27 +43,6 @@
   content: "\e744";
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-listbox-wrapper {
-  padding: 0 12px !important;
-}
-
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  border-radius: 6px !important;
-}
-
 /* stylelint-disable property-no-vendor-prefix */
 .e-listbox-wrapper,
 .e-listbox-container,
@@ -545,27 +491,6 @@ ejs-listbox {
   padding-bottom: 1px;
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-listbox-wrapper {
-  padding: 0 12px !important;
-}
-
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  border-radius: 6px !important;
-}
-
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -886,27 +811,6 @@ ejs-listbox {
   height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-listbox-wrapper {
-  padding: 0 12px !important;
-}
-
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  border-radius: 6px !important;
-}
-
 .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
 .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
 .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,

package/styles/list-box/bds.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@use '../drop-down-base/bds-definition' as *;
 @use 'bds-definition' as *;
 @use 'icons/bds' as *;
-@use 'all.bds' as *;
-@use 'bigger.bds' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/list-box/bootstrap-dark.css

@@ -1,13 +1,3 @@
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 10px;
-          padding-inline-end: 10px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
 .e-listbox-tool .e-moveup::before {
   content: "\e651";
 }

package/styles/list-box/bootstrap-dark.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@use '../drop-down-base/bootstrap-dark-definition' as *;
 @use 'bootstrap-dark-definition' as *;
 @use 'icons/bootstrap-dark' as *;
-@use 'all.bootstrap-dark' as *;
-@use 'bigger.bootstrap-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/list-box/bootstrap.css

@@ -1,13 +1,3 @@
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 10px;
-          padding-inline-end: 10px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
 .e-listbox-tool .e-moveup::before {
   content: "\e651";
 }

package/styles/list-box/bootstrap.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@use '../drop-down-base/bootstrap-definition' as *;
 @use 'bootstrap-definition' as *;
 @use 'icons/bootstrap' as *;
-@use 'all.bootstrap' as *;
-@use 'bigger.bootstrap' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/list-box/bootstrap4.css

@@ -1,19 +1,3 @@
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
-.e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
-.e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
-  stroke-width: 1px;
-}
-
 .e-listbox-tool .e-moveup::before {
   content: "\e808";
 }

package/styles/list-box/bootstrap4.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap4' as *;
-@use '../drop-down-base/bootstrap4-definition' as *;
 @use 'bootstrap4-definition' as *;
 @use 'icons/bootstrap4' as *;
-@use 'all.bootstrap4' as *;
-@use 'bigger.bootstrap4' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/list-box/bootstrap5-dark.css

@@ -1,25 +1,3 @@
-.e-dropdownbase .e-list-group-item,
-.e-fixed-head {
-  font-size: 12px;
-}
-
-.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: 10px;
-}
-
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 6px;
-          padding-inline-end: 6px;
-}
-
 .e-listbox-tool .e-moveup::before {
   content: "\e776";
 }

package/styles/list-box/bootstrap5-dark.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@use '../drop-down-base/bootstrap5-dark-definition' as *;
 @use 'bootstrap5-dark-definition' as *;
 @use 'icons/bootstrap5-dark' as *;
-@use 'all.bootstrap5-dark' as *;
-@use 'bigger.bootstrap5-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;