@syncfusion/ej2-dropdowns 33.2.15 → 34.1.30

package/styles/multi-select/icons/_material.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use '../material-definition' as *;
+@use '../variables' as *;
+
 @include export-module('multiselect-material-icons') {
   .e-multiselect.e-input-group .e-ddl-icon::before {
     content: '\e969';

package/styles/multi-select/icons/_material3.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use '../material3-definition' as *;
+@use '../variables' as *;
+
 @include export-module('multiselect-Material3-icons') {
   .e-multiselect.e-input-group .e-ddl-icon::before {
     content: '\e70d';

package/styles/multi-select/icons/_tailwind.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use '../tailwind-definition' as *;
+@use '../variables' as *;
+
 @include export-module('multiselect-tailwind-icons') {
   .e-multiselect.e-input-group .e-ddl-icon::before {
     content: '\e729';

package/styles/multi-select/icons/_tailwind3.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@use '../tailwind3-definition' as *;
+@use '../variables' as *;
+
 @include export-module('multiselect-tailwind3-icons') {
   .e-multiselect.e-input-group .e-ddl-icon::before {
     content: '\e729';

package/styles/multi-select/material-dark.css

@@ -1,69 +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);
-  }
-}
-.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;
-}
-
 .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
   padding: 1px 0;
 }
@@ -358,30 +292,6 @@
   content: "\eb05";
 }
 
-.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;
-}
-
-.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 1px 0;
-}
-
-.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
-.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 0;
-}
-
-.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
-.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
-  padding: 0;
-}
-
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1394,20 +1304,6 @@ ejs-multiselect {
   color: rgb(221, 218, 218);
 }
 
-.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 1px 0;
-}
-
-.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
-.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 0;
-}
-
-.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
-.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
-  padding: 0;
-}
-
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }
@@ -1713,30 +1609,6 @@ ejs-multiselect {
   color: #fff;
 }
 
-.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;
-}
-
-.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 1px 0;
-}
-
-.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
-.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 0;
-}
-
-.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
-.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
-  padding: 0;
-}
-
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
 .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.5em;

package/styles/multi-select/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-buttons/styles/check-box/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/multi-select/material.css

@@ -1,89 +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);
-  }
-}
-.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;
-}
-
 .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
   padding: 1px 0;
 }
@@ -387,39 +301,6 @@
   content: "\eb05";
 }
 
-.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;
-}
-
-.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 1px 0;
-}
-
-.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
-.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 0;
-}
-
-.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
-.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
-  padding: 0;
-}
-
-.e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 0 8px 0 9px;
-}
-
-.e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
-.e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
-  padding: 0 8px 0 9px;
-}
-
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1427,29 +1308,6 @@ ejs-multiselect {
   width: 15px;
 }
 
-.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 1px 0;
-}
-
-.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
-.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 0;
-}
-
-.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
-.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
-  padding: 0;
-}
-
-.e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 0 8px 0 9px;
-}
-
-.e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
-.e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
-  padding: 0 8px 0 9px;
-}
-
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }
@@ -1755,39 +1613,6 @@ ejs-multiselect {
   color: #fff;
 }
 
-.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;
-}
-
-.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 1px 0;
-}
-
-.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
-.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 0;
-}
-
-.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
-.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
-  padding: 0;
-}
-
-.e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
-  padding: 0 8px 0 9px;
-}
-
-.e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
-.e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
-  padding: 0 8px 0 9px;
-}
-
 .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
 .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.5em;

package/styles/multi-select/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-buttons/styles/check-box/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 *;