@syncfusion/ej2-dropdowns 33.2.12 → 34.1.29

package/styles/material3.scss

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

package/styles/mention/_all.scss

@@ -1 +1 @@
-@use 'layout' as *;
+@forward 'layout';

package/styles/mention/_bootstrap5-dark-definition.scss

@@ -1,2 +1 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;

package/styles/mention/_fluent-dark-definition.scss

@@ -1,2 +1 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;

package/styles/mention/_layout.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @include export-module('mention-layout') {
 
   //default

package/styles/mention/_material3-dark-definition.scss

@@ -1,2 +1 @@
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;

package/styles/mention/_tailwind-dark-definition.scss

@@ -1,2 +1 @@
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;

package/styles/mention/_variables.scss

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

package/styles/mention/bds.css

@@ -1,81 +1,3 @@
-
-
-
-
 /* 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);
-  }
-}
-.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-line no-empty-source */
-/* stylelint-disable-line no-empty-source */

package/styles/mention/bds.scss

@@ -1,6 +1,2 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@use 'ej2-popups/styles/popup/bds-definition' as *;
-@use 'ej2-popups/styles/spinner/bds-definition' as *;
-@use '../drop-down-base/bds-definition' as *;
 @use 'bds-definition' as *;
-@use 'all.bds' as *;
+@use 'all' as *;

package/styles/mention/bootstrap-dark.css

@@ -1,50 +0,0 @@
-/* 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);
-  }
-}
-.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;
-}

package/styles/mention/bootstrap-dark.scss

@@ -1,6 +1,2 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
-@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
-@use '../drop-down-base/bootstrap-dark-definition' as *;
 @use 'bootstrap-dark-definition' as *;
-@use 'all.bootstrap-dark' as *;
+@use 'all' as *;

package/styles/mention/bootstrap.css

@@ -1,50 +0,0 @@
-/* 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);
-  }
-}
-.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;
-}

package/styles/mention/bootstrap.scss

@@ -1,6 +1,2 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@use 'ej2-popups/styles/popup/bootstrap-definition' as *;
-@use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
-@use '../drop-down-base/bootstrap-definition' as *;
 @use 'bootstrap-definition' as *;
-@use 'all.bootstrap' as *;
+@use 'all' as *;

package/styles/mention/bootstrap4.css

@@ -1,56 +0,0 @@
-/* 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);
-  }
-}
-.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;
-}

package/styles/mention/bootstrap4.scss

@@ -1,6 +1,2 @@
-@use 'ej2-base/styles/definition/bootstrap4' as *;
-@use 'ej2-popups/styles/popup/bootstrap4-definition' as *;
-@use 'ej2-popups/styles/spinner/bootstrap4-definition' as *;
-@use '../drop-down-base/bootstrap4-definition' as *;
 @use 'bootstrap4-definition' as *;
-@use 'all.bootstrap4' as *;
+@use 'all' as *;

package/styles/mention/bootstrap5-dark.css

@@ -1,63 +0,0 @@
-/* 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);
-  }
-}
-.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;
-}

package/styles/mention/bootstrap5-dark.scss

@@ -1,6 +1,2 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@use 'ej2-popups/styles/popup/bootstrap5-dark-definition' as *;
-@use 'ej2-popups/styles/spinner/bootstrap5-dark-definition' as *;
-@use '../drop-down-base/bootstrap5-dark-definition' as *;
 @use 'bootstrap5-dark-definition' as *;
-@use 'all.bootstrap5-dark' as *;
+@use 'all' as *;

package/styles/mention/bootstrap5.3.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 
 
 
@@ -81,70 +82,4 @@
 /* 13px */
 /* 14px */
 /* 15px */
-/* 16px */
-/* 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);
-  }
-}
-.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;
-}
-
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
+/* 16px */

package/styles/mention/bootstrap5.3.scss

@@ -1,6 +1,2 @@
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
-@use 'ej2-popups/styles/popup/bootstrap5.3-definition' as *;
-@use 'ej2-popups/styles/spinner/bootstrap5.3-definition' as *;
-@use '../drop-down-base/bootstrap5.3-definition' as *;
 @use 'bootstrap5.3-definition' as *;
-@use 'all.bootstrap5.3' as *;
+@use 'all' as *;

package/styles/mention/bootstrap5.css

@@ -1,66 +1 @@
-/* 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);
-  }
-}
-.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;
-}
-
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */

package/styles/mention/bootstrap5.scss

@@ -1,6 +1,2 @@
-@use 'ej2-base/styles/definition/bootstrap5' as *;
-@use 'ej2-popups/styles/popup/bootstrap5-definition' as *;
-@use 'ej2-popups/styles/spinner/bootstrap5-definition' as *;
-@use '../drop-down-base/bootstrap5-definition' as *;
 @use 'bootstrap5-definition' as *;
-@use 'all.bootstrap5' as *;
+@use 'all' as *;

package/styles/mention/fabric-dark.css

@@ -1,50 +0,0 @@
-/* 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);
-  }
-}
-.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;
-}

package/styles/mention/fabric-dark.scss

@@ -1,6 +1,2 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@use 'ej2-popups/styles/popup/fabric-dark-definition' as *;
-@use 'ej2-popups/styles/spinner/fabric-dark-definition' as *;
-@use '../drop-down-base/fabric-dark-definition' as *;
 @use 'fabric-dark-definition' as *;
-@use 'all.fabric-dark' as *;
+@use 'all' as *;