@syncfusion/ej2-dropdowns 32.1.22 → 32.1.24

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

@@ -71,6 +71,47 @@
   content: "\e7e7";
 }
 
+/* stylelint-disable */
+.e-ddt .e-chips {
+  background-color: #6c757d;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: #fff;
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: #fff;
+}
+.e-ddt .e-overflow .e-remain {
+  color: #6c757d;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
+  background: #fff;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon.e-ddt-icon {
+  background: transparent;
+  color: #6c757d;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-clear-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
+  background: transparent;
+}
+.e-ddt.e-popup {
+  background: #fff;
+  border-color: #dee2e6;
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: #212529;
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: #dee2e6;
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #e9ecef;
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: #212529;
+}
+
+/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -379,45 +420,7 @@
   display: none;
 }
 
-.e-ddt .e-chips {
-  background-color: #6c757d;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: #fff;
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: #fff;
-}
-.e-ddt .e-overflow .e-remain {
-  color: #6c757d;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
-  background: #fff;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon.e-ddt-icon {
-  background: transparent;
-  color: #6c757d;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-clear-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: transparent;
-}
-.e-ddt.e-popup {
-  background: #fff;
-  border-color: #dee2e6;
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: #212529;
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #dee2e6;
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: #e9ecef;
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: #212529;
-}
-
+/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 30px;

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

@@ -6,5 +6,5 @@
 @use '../drop-down-base/bootstrap5-definition' as *;
 @use 'bootstrap5-definition' as *;
 @use 'icons/bootstrap5' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap5' as *;
+@use 'bigger.bootstrap5' as *;

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

@@ -57,6 +57,40 @@
   content: "\e7a7";
 }
 
+/* stylelint-disable */
+.e-ddt .e-chips {
+  background-color: #414040;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: #dadada;
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: #dadada;
+}
+.e-ddt .e-overflow .e-remain {
+  color: #9a9a9a;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
+  background-color: #201f1f;
+}
+.e-ddt.e-popup {
+  background: #282727;
+  border-color: #414040;
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: #dadada;
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: #414040;
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #414040;
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: #dadada;
+}
+
+/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -369,38 +403,7 @@
   display: none;
 }
 
-.e-ddt .e-chips {
-  background-color: #414040;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: #dadada;
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: #dadada;
-}
-.e-ddt .e-overflow .e-remain {
-  color: #9a9a9a;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
-  background-color: #201f1f;
-}
-.e-ddt.e-popup {
-  background: #282727;
-  border-color: #414040;
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: #dadada;
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #414040;
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: #414040;
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: #dadada;
-}
-
+/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;

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

@@ -6,5 +6,5 @@
 @use '../drop-down-base/fabric-dark-definition' as *;
 @use 'fabric-dark-definition' as *;
 @use 'icons/fabric-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fabric-dark' as *;
+@use 'bigger.fabric-dark' as *;

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

@@ -58,6 +58,40 @@
   content: "\e7a7";
 }
 
+/* stylelint-disable */
+.e-ddt .e-chips {
+  background-color: #f4f4f4;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: #666;
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: #666;
+}
+.e-ddt .e-overflow .e-remain {
+  color: #666;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
+  background-color: #fff;
+}
+.e-ddt.e-popup {
+  background: #fff;
+  border-color: #eaeaea;
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: #333;
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: #eaeaea;
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #f4f4f4;
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: rgba(51, 51, 51, 0.87);
+}
+
+/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -370,38 +404,7 @@
   display: none;
 }
 
-.e-ddt .e-chips {
-  background-color: #f4f4f4;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: #666;
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: #666;
-}
-.e-ddt .e-overflow .e-remain {
-  color: #666;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
-  background-color: #fff;
-}
-.e-ddt.e-popup {
-  background: #fff;
-  border-color: #eaeaea;
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: #333;
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #eaeaea;
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: #f4f4f4;
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: rgba(51, 51, 51, 0.87);
-}
-
+/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;

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

@@ -6,5 +6,5 @@
 @use '../drop-down-base/fabric-definition' as *;
 @use 'fabric-definition' as *;
 @use 'icons/fabric' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fabric' as *;
+@use 'bigger.fabric' as *;

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

@@ -71,6 +71,40 @@
   content: "\e7e7";
 }
 
+/* stylelint-disable */
+.e-ddt .e-chips {
+  background-color: #252423;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: #a19f9d;
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: #f3f2f1;
+}
+.e-ddt .e-overflow .e-remain {
+  color: #a19f9d;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
+  background: transparent;
+}
+.e-ddt.e-popup {
+  background: #252423;
+  border-color: #292827;
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: #c8c6c4;
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: #292827;
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #252423;
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: #f3f2f1;
+}
+
+/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -386,38 +420,7 @@
   display: none;
 }
 
-.e-ddt .e-chips {
-  background-color: #252423;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: #a19f9d;
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: #f3f2f1;
-}
-.e-ddt .e-overflow .e-remain {
-  color: #a19f9d;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
-  background: transparent;
-}
-.e-ddt.e-popup {
-  background: #252423;
-  border-color: #292827;
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: #c8c6c4;
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #292827;
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: #252423;
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: #f3f2f1;
-}
-
+/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 32px;

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

@@ -6,5 +6,5 @@
 @use '../drop-down-base/fluent-dark-definition' as *;
 @use 'fluent-dark-definition' as *;
 @use 'icons/fluent-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent-dark' as *;
+@use 'bigger.fluent-dark' as *;

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

@@ -71,6 +71,40 @@
   content: "\e7e7";
 }
 
+/* stylelint-disable */
+.e-ddt .e-chips {
+  background-color: #f3f2f1;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: #605e5c;
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: #201f1e;
+}
+.e-ddt .e-overflow .e-remain {
+  color: #605e5c;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
+  background: transparent;
+}
+.e-ddt.e-popup {
+  background: #fff;
+  border-color: #edebe9;
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: #3b3a39;
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: #edebe9;
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #f3f2f1;
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: #201f1e;
+}
+
+/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -386,38 +420,7 @@
   display: none;
 }
 
-.e-ddt .e-chips {
-  background-color: #f3f2f1;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: #605e5c;
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: #201f1e;
-}
-.e-ddt .e-overflow .e-remain {
-  color: #605e5c;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
-  background: transparent;
-}
-.e-ddt.e-popup {
-  background: #fff;
-  border-color: #edebe9;
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: #3b3a39;
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #edebe9;
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: #f3f2f1;
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: #201f1e;
-}
-
+/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 32px;

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

@@ -6,5 +6,5 @@
 @use '../drop-down-base/fluent-definition' as *;
 @use 'fluent-definition' as *;
 @use 'icons/fluent' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent' as *;
+@use 'bigger.fluent' as *;