@syncfusion/ej2-dropdowns 33.2.12 → 34.1.29

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: 'bootstrap-dark' !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: 'bootstrap' !default;

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

@@ -1,7 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/bootstrap4' as *;
-@forward 'ej2-base/styles/definition/bootstrap4';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: 'bootstrap4' !default;

package/styles/drop-down-tree/_bootstrap5-dark-definition.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/bootstrap5' as *;
-@forward 'ej2-base/styles/definition/bootstrap5';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
-@forward 'ej2-base/styles/definition/bootstrap5.3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@forward 'ej2-base/styles/definition/fabric-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: 'fabric-dark' !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/fabric' as *;
-@forward 'ej2-base/styles/definition/fabric';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: 'fabric' !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/fluent' as *;
-@forward 'ej2-base/styles/definition/fluent';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/fluent2' as *;
-@forward 'ej2-base/styles/definition/fluent2';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/fusionnew' as *;
-@forward 'ej2-base/styles/definition/fusionnew';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/highcontrast' as *;
-@forward 'ej2-base/styles/definition/highcontrast';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: 'highcontrast' !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: 'highcontrast-light' !default;

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/material-dark' as *;
-@forward 'ej2-base/styles/definition/material-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: 'material-dark' !default;

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

@@ -1,7 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/material' as *;
-@forward 'ej2-base/styles/definition/material';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: 'material' !default;

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

@@ -1,7 +1,6 @@
 @use 'sass:color';
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $ddt-skin-name: 'Material3' !default;
 $ddt-box-shadow: $shadow-md !default;
 $ddt-close-icon-min-height: 32px !default;

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

@@ -1,7 +1,6 @@
 @use 'sass:color';
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/material3' as *;
-@forward 'ej2-base/styles/definition/material3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $ddt-skin-name: 'Material3' !default;
 $ddt-box-shadow: $shadow-md !default;
 $ddt-close-icon-min-height: 32px !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

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

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/tailwind' as *;
-@forward 'ej2-base/styles/definition/tailwind';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

package/styles/drop-down-tree/_tailwind3-definition.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@forward 'ej2-base/styles/definition/tailwind3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @mixin chip-style($bg-color, $close-color, $font-color) {
 
   @if $ddt-skin-name == 'Material3' {

package/styles/drop-down-tree/_variables.scss

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

package/styles/drop-down-tree/bds.css

@@ -2,229 +2,6 @@
 
 
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-input:focus:not(.e-success):not(.e-warning).e-error,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input:focus:not(.e-error):not(.e-warning).e-success,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input:focus:not(.e-success):not(.e-error).e-warning,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-float-input.e-error label.e-float-text,
-.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.e-filled.e-float-input.e-error label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-/*! TreeView's theme wise override definitions and variables */
-/* stylelint-disable */
-.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-ddt .e-ddt-icon::before {
   content: "\e734";
@@ -233,11 +10,6 @@
   content: "\e7e7";
 }
 
-
-
-
-
-/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -307,11 +79,13 @@
   min-height: 16px;
   min-width: 16px;
   line-height: 10px;
-  text-align: center;
 }
 .e-ddt.e-show-chip .e-chips-close::before {
   font-size: 16px;
 }
+.e-ddt.e-show-chip .e-chips-close {
+  text-align: center;
+}
 .e-ddt.e-show-chip .e-chips-close::before {
   vertical-align: middle;
 }
@@ -554,11 +328,6 @@
   display: none;
 }
 
-
-
-
-
-/* stylelint-disable */
 .e-ddt .e-chips {
   background-color: var(--color-sf-bg-tertiary);
 }
@@ -610,11 +379,6 @@
   color: var(--color-sf-text-primary);
 }
 
-
-
-
-
-/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 30px;

package/styles/drop-down-tree/bds.scss

@@ -1,10 +1,4 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@use 'ej2-inputs/styles/input/bds-definition' as *;
-@use 'ej2-popups/styles/popup/bds-definition' as *;
-@use 'ej2-popups/styles/spinner/bds-definition' as *;
-@use 'ej2-navigations/styles/treeview/bds-definition' 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/drop-down-tree/bootstrap-dark.css

@@ -1,56 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0);
-    transform: rotate(0);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-/* stylelint-disable */
-.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;
-}
-
 /* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e969";
@@ -59,7 +6,6 @@
   content: "\e842";
 }
 
-/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -130,11 +76,13 @@
   min-height: 30px;
   min-width: 30px;
   line-height: 30px;
-  text-align: center;
 }
 .e-ddt.e-show-chip .e-chips-close::before {
   font-size: 10px;
 }
+.e-ddt.e-show-chip .e-chips-close {
+  text-align: center;
+}
 .e-ddt.e-show-chip .e-chips-close::before {
   vertical-align: middle;
 }
@@ -370,7 +318,6 @@
   display: none;
 }
 
-/* stylelint-disable */
 .e-ddt .e-chips {
   background-color: #414141;
 }
@@ -403,7 +350,6 @@
   color: #f0f0f0;
 }
 
-/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;

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

@@ -1,10 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@use 'ej2-inputs/styles/input/bootstrap-dark-definition' as *;
-@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
-@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
-@use 'ej2-navigations/styles/treeview/bootstrap-dark-definition' 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 *;