@syncfusion/ej2-angular-dropdowns 20.2.48 → 20.2.50

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

@@ -17,7 +17,6 @@ $ddl-back-icon-padding: 0 8px !default;
 $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
-
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
 
@@ -39,7 +38,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
 @include export-module('dropdownlist-bootstrap5') {
   #{&}.e-popup.e-ddl {
     border-radius: 4px;
-    box-shadow: none;
+    box-shadow:  none;
     margin-top: 3px;
     @at-root {
       #{if(&, '&', '*')} .e-input-group {
@@ -127,7 +126,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
 
   .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
   .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
-  .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+  .e-float-input.e-ddl input[readonly]  ~ span.e-input-group-icon.e-ddl-icon,
   .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
     background: transparent;
     color: $ddl-list-icon-color;
@@ -140,6 +139,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     background: $content-bg-color-alt2;
   }
 
+
   .e-input-group:not(.e-disabled) .e-control#{&}.e-dropdownlist ~ .e-ddl-icon,
   .e-input-group.e-disabled.e-ddl .e-control#{&}.e-dropdownlist ~ .e-input-group-icon,
   .e-control#{&}.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,

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

@@ -17,7 +17,6 @@ $ddl-popup-shadow: $shadow-lg !default;
 $ddl-bigger-list-font-size: $text-base !default;
 $ddl-bigger-group-list-font-size: $text-sm !default;
 $ddl-filter-margin: 0 !default;
-
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
 $ddl-small-group-list-font-size: $text-xxs !default;

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

@@ -1,10 +1,10 @@
-@include export-module('dropdownlist-theme') {
+@include export-module('dropdownlist-theme') {
   #{&}.e-popup {
     border-color: $ddl-default-border-color;
   }
 
-  .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
-  .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
+  .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim>.e-float-text,
+  .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard>.e-float-text {
     color: $ddl-active-font-color;
   }
 }

package/styles/drop-down-list/bootstrap-dark.css

@@ -1,5 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -196,7 +194,6 @@
   background-color: #6e6e6e;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -205,7 +202,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: #414141;
   border-top-width: 0;
@@ -249,7 +245,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

package/styles/drop-down-list/bootstrap.css

@@ -1,5 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -196,7 +194,6 @@
   background-color: #fff;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -205,7 +202,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: none;
   border-top-width: 0;
@@ -249,7 +245,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

package/styles/drop-down-list/bootstrap4.css

@@ -1,5 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -240,7 +238,6 @@
   background-color: #fff;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -249,7 +246,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: rgba(0, 0, 0, 0.12);
   border-top-width: 0;
@@ -289,7 +285,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

package/styles/drop-down-list/bootstrap5-dark.css

@@ -1,6 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -256,7 +253,6 @@
   background-color: #212529;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -265,7 +261,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -305,7 +300,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -1,6 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -256,7 +253,6 @@
   background-color: #fff;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -265,7 +261,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -305,7 +300,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -1,5 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -172,7 +170,6 @@
   background-color: #201f1f;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -181,7 +178,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 1px solid #414040;
   border-top-width: 0;
@@ -225,7 +221,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -1,5 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -165,7 +163,6 @@
   background-color: #fff;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -174,7 +171,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 1px solid #c8c8c8;
   border-top-width: 0;
@@ -218,7 +214,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -1,6 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -236,7 +233,6 @@
   background-color: #252423;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -245,7 +241,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -286,7 +281,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -1,6 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -236,7 +233,6 @@
   background-color: #fff;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -245,7 +241,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -286,7 +281,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

package/styles/drop-down-list/highcontrast-light.css

@@ -1,5 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -183,7 +181,6 @@
   background-color: #fff;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -192,7 +189,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 1px solid #000;
   border-top-width: 0;
@@ -236,7 +232,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -1,5 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -183,7 +181,6 @@
   background-color: #000;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -192,7 +189,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 1px solid #fff;
   border-top-width: 0;
@@ -236,7 +232,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -12,3 +12,4 @@
     font-family: 'e-icons';
   }
 }
+  

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

@@ -12,3 +12,4 @@
     font-family: 'e-icons';
   }
 }
+  

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

@@ -12,3 +12,4 @@
     font-family: 'e-icons';
   }
 }
+  

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

@@ -1,12 +1,10 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
     transform: scale(4);
   }
 }
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -203,7 +201,6 @@
   background-color: #f5f5f5;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -212,7 +209,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -255,7 +251,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -1,5 +1,4 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -14,7 +13,6 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -236,7 +234,6 @@
   background-color: #f5f5f5;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -245,7 +242,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -288,7 +284,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

package/styles/drop-down-list/tailwind-dark.css

@@ -1,7 +1,4 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -208,7 +205,6 @@
   background-color: #374151;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -217,7 +213,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -257,7 +252,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

package/styles/drop-down-list/tailwind.css

@@ -1,7 +1,4 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -208,7 +205,6 @@
   background-color: #fff;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -217,7 +213,6 @@
   visibility: hidden;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -257,7 +252,6 @@
   cursor: default;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -1,2 +1,2 @@
-@import 'layout.scss';
+@import 'layout.scss';
 @import 'theme.scss';

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: 'bootstrap-dark' !default;
 $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
 $ddt-label-top: 16px !default;

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: 'bootstrap' !default;
 $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
 $ddt-label-top: 16px !default;

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: 'bootstrap4' !default;
 $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
 $ddt-label-top: 14px !default;

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: $skin-name !default;
 $ddt-box-shadow: none !default;
 $ddt-close-icon-bottom: 10px !default;
@@ -52,7 +52,7 @@ $ddt-popup-background-color: $flyout-bg-color !default;
 $ddt-popup-border-color: $border-light !default;
 $ddt-chip-close: $secondary-text-color !default;
 $ddt-chip-font-color: $secondary-text-color !default;
-$ddt-chip-hover-bg-color: $secondary-border-color-hover !default;
+$ddt-chip-hover-bg-color: $secondary-border-color-hover !default;;
 $ddt-chip-hover-font-color: $secondary-text-color-hover !default;
 $ddt-nodata-font-color: $content-text-color !default;
 $ddt-select-all-font-color: $content-text-color !default;

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: 'fabric-dark' !default;
 $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
 $ddt-label-top: 15px !default;

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: 'fabric' !default;
 $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
 $ddt-label-top: 15px !default;
@@ -63,7 +63,7 @@ $ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
 $ddt-chip-text-line-height: 26px !default;
 $ddt-icon-bg-color: $content-bg-color !default;
 $ddt-remains-font-color: $neutral-secondary !default;
-$ddt-remains-padding: 0 0 0 16px !default;
+$ddt-remains-padding: 0 0 0 16px!default;
 $ddt-rtl-remains-padding: 0 16px 0 0 !default;
 $ddt-chip-font-size: 14px !default;
 $ddt-delim-padding: 6px 10px 0 10px !default;

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: $skin-name !default;
 $ddt-box-shadow: $shadow-md !default;
 $ddt-close-icon-bottom: 10px !default;
@@ -58,7 +58,7 @@ $ddt-popup-background-color: $flyout-bg-color !default;
 $ddt-popup-border-color: $border-light !default;
 $ddt-chip-close: $icon-color !default;
 $ddt-chip-font-color: $content-text-color !default;
-$ddt-chip-hover-bg-color: $content-bg-color-alt3 !default;
+$ddt-chip-hover-bg-color: $content-bg-color-alt3 !default;;
 $ddt-chip-hover-font-color: $content-text-color-hover !default;
 $ddt-nodata-font-color: $content-text-color-alt2 !default;
 $ddt-select-all-font-color: $content-text-color !default;

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: $skin-name !default;
 $ddt-box-shadow: none !default;
 $ddt-close-icon-bottom: 10px !default;
@@ -52,7 +52,7 @@ $ddt-popup-background-color: $flyout-bg-color !default;
 $ddt-popup-border-color: $border-light !default;
 $ddt-chip-close: $secondary-text-color !default;
 $ddt-chip-font-color: $secondary-text-color !default;
-$ddt-chip-hover-bg-color: $secondary-border-color-hover !default;
+$ddt-chip-hover-bg-color: $secondary-border-color-hover !default;;
 $ddt-chip-hover-font-color: $secondary-text-color-hover !default;
 $ddt-nodata-font-color: $content-text-color !default;
 $ddt-select-all-font-color: $content-text-color !default;

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: 'highcontrast' !default;
 $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
 $ddt-label-top: 14px !default;

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

@@ -1,4 +1,4 @@
-/* stylelint-disable */
+// sass-lint:disable-all
 $ddt-skin-name: 'highcontrast-light' !default;
 $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
 $ddt-label-top: 14px !default;

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

@@ -1,4 +1,4 @@
-@mixin ddt-rotate($position) {
+@mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
 }
@@ -433,6 +433,7 @@
       @if $skin-name == 'FluentUI' {
         border-radius: 2px;
       }
+
       box-shadow: $ddt-box-shadow;
       position: absolute;