@syncfusion/ej2-dropdowns 20.2.39 → 20.2.43-1234

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

@@ -1,4 +1,4 @@
-// sass-lint:disable-all
+/* stylelint-disable */
 $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 @@
-// sass-lint:disable-all
+/* stylelint-disable */
 $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 @@
-// sass-lint:disable-all
+/* stylelint-disable */
 $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 @@
-// sass-lint:disable-all
+/* stylelint-disable */
 $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,12 +433,19 @@
       @if $skin-name == 'FluentUI' {
         border-radius: 2px;
       }
-
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check):not(.e-stop) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
 
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

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

@@ -1,4 +1,4 @@
-// sass-lint:disable-all
+/* stylelint-disable */
 $ddt-skin-name: 'material-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-close-icon-min-height: 22px !default;
@@ -64,7 +64,7 @@ $ddt-remains-padding: 0 0 0 16px !default;
 $ddt-rtl-remains-padding: 0 16px 0 0 !default;
 $ddt-chip-font-size: 13px !default;
 $ddt-overflow-count-padding-top: 6px !default;
-$ddt-delim-padding : 6px 0 0 0!default;
+$ddt-delim-padding : 6px 0 0 0 !default;
 $ddt-delim-bigger-padding: 11px 0 0 0 !default;
 $ddt-remains-count-padding-top: 6px !default;
 $ddt-outline-padding: 10px 12px !default;

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

@@ -1,4 +1,4 @@
-// sass-lint:disable-all
+/* stylelint-disable */
 $ddt-skin-name: 'material' !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-close-icon-min-height: 22px !default;
@@ -47,7 +47,7 @@ $ddt-popup-background-color: $grey-white !default;
 $ddt-popup-border-color: transparent !default;
 $ddt-chip-close:  rgba($grey-light-font, .54) !default;
 $ddt-chip-font-color:  rgba($grey-light-font, .87) !default;
-$ddt-chip-hover-bg-color: darken($grey-300, 4%) !default;;
+$ddt-chip-hover-bg-color: darken($grey-300, 4%) !default;
 $ddt-filled-chip-bg-color: darken($grey-300, 7%) !default;
 $ddt-chip-hover-font-color: rgba($grey-light-font, .87) !default;
 $ddt-nodata-font-color: $grey-black !default;

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

@@ -1,4 +1,4 @@
-// sass-lint:disable-all
+/* stylelint-disable */
 $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/_tailwind-definition.scss

@@ -1,4 +1,4 @@
-// sass-lint:disable-all
+/* stylelint-disable */
 $ddt-skin-name: $skin-name !default;
 $ddt-box-shadow: $shadow-lg !default;
 $ddt-close-icon-bottom: 6px !default;
@@ -54,7 +54,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-alt4 !default;;
+$ddt-chip-hover-bg-color: $content-bg-color-alt4 !default;
 $ddt-chip-hover-font-color: $content-text-color !default;
 $ddt-nodata-font-color: $content-text-color !default;
 $ddt-select-all-font-color: $content-text-color !default;

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -14,6 +16,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -27,6 +30,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e969";
 }

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -15,6 +17,7 @@
   }
 }
 /*! TreeView's bootstrap theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -28,6 +31,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e969";
 }

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -14,6 +16,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 8px 0 0;
 }
@@ -45,6 +48,7 @@
   stroke-width: 1px;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e744";
 }

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

@@ -1,3 +1,6 @@
+/* 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);
@@ -15,6 +18,7 @@
   }
 }
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   font-size: 12px;
@@ -54,6 +58,7 @@
   padding: 0 6px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e734";
 }
@@ -202,7 +207,10 @@
   box-shadow: none;
   position: absolute;
 }
-.e-ddt.e-popup .e-checkbox-wrapper .e-frame {
+.e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
+  background-color: #212529;
+}
+.e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
   background-color: transparent;
 }
 .e-ddt.e-popup .e-selectall-parent {

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

@@ -1,3 +1,6 @@
+/* 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);
@@ -15,6 +18,7 @@
   }
 }
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   font-size: 12px;
@@ -54,6 +58,7 @@
   padding: 0 6px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e734";
 }
@@ -202,7 +207,10 @@
   box-shadow: none;
   position: absolute;
 }
-.e-ddt.e-popup .e-checkbox-wrapper .e-frame {
+.e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
+  background-color: #fff;
+}
+.e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
   background-color: transparent;
 }
 .e-ddt.e-popup .e-selectall-parent {

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -14,6 +16,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -27,6 +30,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e966";
 }

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -15,6 +17,7 @@
   }
 }
 /*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -28,6 +31,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e966";
 }

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

@@ -1,3 +1,6 @@
+/* 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);
@@ -15,6 +18,7 @@
   }
 }
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   font-size: 12px;
@@ -54,6 +58,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e729";
 }

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

@@ -1,3 +1,6 @@
+/* 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);
@@ -15,6 +18,7 @@
   }
 }
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   font-size: 12px;
@@ -54,6 +58,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e729";
 }

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -14,6 +16,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -41,6 +44,7 @@
   padding: 0 12px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e966";
 }

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -15,6 +17,7 @@
   }
 }
 /*! TreeView's high contrast theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -42,6 +45,7 @@
   padding: 0 12px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e966";
 }

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

@@ -9,4 +9,3 @@
     }
   }
 }
-    

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

@@ -9,4 +9,3 @@
     }
   }
 }
-  

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

@@ -9,4 +9,3 @@
     }
   }
 }
-    

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

@@ -9,4 +9,3 @@
     }
   }
 }
-  

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

@@ -9,4 +9,3 @@
     }
   }
 }
-  

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

@@ -9,4 +9,3 @@
     }
   }
 }
-  

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

@@ -9,4 +9,3 @@
     }
   }
 }
-    

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

@@ -1,10 +1,12 @@
 @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);
@@ -21,6 +23,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 16px 0 0;
 }
@@ -33,6 +36,7 @@
   padding: 0 16px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e969";
 }

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

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -13,6 +14,7 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -30,6 +32,7 @@
   }
 }
 /*! TreeView's material theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 16px 0 0;
 }
@@ -42,6 +45,7 @@
   padding: 0 16px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e969";
 }

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

@@ -1,4 +1,7 @@
 @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);
@@ -16,6 +19,7 @@
   }
 }
 /*! TreeView's tailwind theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-item.e-active,
 .e-dropdownbase .e-list-item.e-active.e-hover {
   font-weight: 500;
@@ -64,6 +68,7 @@
   padding: 0 4px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e734";
 }

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

@@ -1,4 +1,7 @@
 @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);
@@ -16,6 +19,7 @@
   }
 }
 /*! TreeView's tailwind theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-item.e-active,
 .e-dropdownbase .e-list-item.e-active.e-hover {
   font-weight: 500;
@@ -64,6 +68,7 @@
   padding: 0 4px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e734";
 }