@syncfusion/ej2-dropdowns 33.2.15 → 34.1.30

package/styles/drop-down-tree/highcontrast-light.scss

@@ -1,10 +1,4 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@use 'ej2-inputs/styles/input/highcontrast-light-definition' as *;
-@use 'ej2-popups/styles/popup/highcontrast-light-definition' as *;
-@use 'ej2-popups/styles/spinner/highcontrast-light-definition' as *;
-@use 'ej2-navigations/styles/treeview/highcontrast-light-definition' as *;
-@use '../drop-down-base/highcontrast-light-definition' as *;
 @use 'highcontrast-light-definition' as *;
 @use 'icons/highcontrast-light' as *;
-@use 'all.highcontrast-light' as *;
-@use 'bigger.highcontrast-light' as *;
+@use 'all' as *;
+@use 'bigger' as *;

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

@@ -1,69 +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);
-  }
-}
-/*! TreeView's high contrast theme wise override definitions and variables */
-/* stylelint-disable */
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 10px;
-          padding-inline-end: 10px;
-}
-.e-dropdownbase .e-list-item:not(.e-active).e-hover {
-  border: 2px solid #fff;
-}
-.e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
-  border: 2px solid #000;
-}
-.e-dropdownbase .e-list-item.e-active {
-  border: 2px solid #ffd939;
-}
-.e-dropdownbase .e-list-item.e-item-focus {
-  border: 2px solid #685708;
-}
-
-.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: "\e966";
@@ -72,7 +6,6 @@
   content: "\e7a7";
 }
 
-/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -143,11 +76,13 @@
   min-height: 26px;
   min-width: 18px;
   line-height: 21px;
-  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;
 }
@@ -386,7 +321,6 @@
   display: none;
 }
 
-/* stylelint-disable */
 .e-ddt .e-chips {
   background-color: #bfbfbf;
 }
@@ -428,7 +362,6 @@
   color: #fff;
 }
 
-/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;

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

@@ -1,10 +1,4 @@
-@use 'ej2-base/styles/definition/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-navigations/styles/treeview/highcontrast-definition' as *;
-@use '../drop-down-base/highcontrast-definition' as *;
 @use 'highcontrast-definition' as *;
 @use 'icons/highcontrast' as *;
-@use 'all.highcontrast' as *;
-@use 'bigger.highcontrast' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/drop-down-tree/icons/_bds.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-bds-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-bootstrap-dark-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-bootstrap-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-bootstrap4-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-bootstrap5-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-bootstrap5-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-fabric-dark-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-fabric-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-fluent-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-fluent2-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-fusionnew-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-highcontrast-light-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-highcontrast-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-material-dark-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-material-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-material3-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-tailwind-dark-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-tailwind-icons') {
   .e-ddt {
     .e-ddt-icon::before {

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('dropdowntree-tailwind3-icons') {
   .e-ddt {
     .e-ddt-icon::before {

package/styles/drop-down-tree/material-dark.css

@@ -1,70 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-/* stylelint-disable */
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 16px;
-          padding-inline-end: 16px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 12px;
-          padding-inline-end: 12px;
-}
-
 /* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e969";
@@ -73,7 +6,6 @@
   content: "\e7e9";
 }
 
-/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -144,11 +76,13 @@
   min-height: 16px;
   min-width: 16px;
   line-height: 16px;
-  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 {
   -webkit-box-align: center;
       -ms-flex-align: center;
@@ -520,7 +454,6 @@
   display: none;
 }
 
-/* stylelint-disable */
 .e-ddt .e-chips {
   background-color: #424242;
 }
@@ -553,7 +486,6 @@
   color: #fff;
 }
 
-/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 31px;

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

@@ -1,10 +1,4 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
-@use 'ej2-inputs/styles/input/material-dark-definition' as *;
-@use 'ej2-popups/styles/popup/material-dark-definition' as *;
-@use 'ej2-popups/styles/spinner/material-dark-definition' as *;
-@use 'ej2-navigations/styles/treeview/material-dark-definition' as *;
-@use '../drop-down-base/material-dark-definition' as *;
 @use 'material-dark-definition' as *;
 @use 'icons/material-dark' as *;
-@use 'all.material-dark' as *;
-@use 'bigger.material-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;

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

@@ -1,91 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@-webkit-keyframes slideTopUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-}
-@keyframes slideTopUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-}
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-/*! TreeView's material theme wise override definitions and variables */
-/* stylelint-disable */
-.e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 16px;
-          padding-inline-end: 16px;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  -webkit-padding-end: 12px;
-          padding-inline-end: 12px;
-}
-
 /* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e969";
@@ -94,7 +6,6 @@
   content: "\e7e9";
 }
 
-/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -165,11 +76,13 @@
   min-height: 16px;
   min-width: 16px;
   line-height: 16px;
-  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 {
   -webkit-box-align: center;
       -ms-flex-align: center;
@@ -544,7 +457,6 @@
   display: none;
 }
 
-/* stylelint-disable */
 .e-ddt .e-chips {
   background-color: #eee;
 }
@@ -577,7 +489,6 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
-/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 31px;

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

@@ -1,10 +1,4 @@
-@use 'ej2-base/styles/definition/material' as *;
-@use 'ej2-inputs/styles/input/material-definition' as *;
-@use 'ej2-popups/styles/popup/material-definition' as *;
-@use 'ej2-popups/styles/spinner/material-definition' as *;
-@use 'ej2-navigations/styles/treeview/material-definition' as *;
-@use '../drop-down-base/material-definition' as *;
 @use 'material-definition' as *;
 @use 'icons/material' as *;
-@use 'all.material' as *;
-@use 'bigger.material' as *;
+@use 'all' as *;
+@use 'bigger' as *;