@syncfusion/ej2-dropdowns 28.2.6 → 28.2.9

package/styles/bootstrap5.3-lite.css

@@ -884,7 +884,7 @@ ejs-dropdownlist {
   line-height: 34px;
   overflow: hidden;
   position: relative;
-  text-indent: 0;
+  text-indent: 36px;
   white-space: nowrap;
   width: 100%;
 }
@@ -894,6 +894,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 2px;
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
@@ -993,6 +994,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 41px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
 
 .e-ddt-icon-hide {
   display: none;

package/styles/bootstrap5.3.css

@@ -1071,7 +1071,7 @@ ejs-dropdownlist {
   line-height: 34px;
   overflow: hidden;
   position: relative;
-  text-indent: 0;
+  text-indent: 36px;
   white-space: nowrap;
   width: 100%;
 }
@@ -1081,6 +1081,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 2px;
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   font-family: inherit;
@@ -1180,6 +1181,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 41px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
 
 .e-ddt-icon-hide {
   display: none;
@@ -1267,7 +1274,14 @@ ejs-dropdownlist {
 }
 .e-bigger .e-ddt.e-popup .e-selectall-parent,
 .e-ddt.e-bigger.e-popup .e-selectall-parent {
-  text-indent: 0;
+  text-indent: 28px;
+  padding: 3px 12px;
+}
+.e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0 8px;
 }
 .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
 .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
@@ -1287,6 +1301,14 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
   right: auto;
 }
+.e-bigger .e-ddt.e-rtl .e-selectall-parent,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent {
+  text-indent: 28px;
+}
+.e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
 
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */

package/styles/bootstrap5.css

@@ -1073,7 +1073,7 @@ ejs-dropdownlist {
   line-height: 34px;
   overflow: hidden;
   position: relative;
-  text-indent: 0;
+  text-indent: 32px;
   white-space: nowrap;
   width: 100%;
   padding: 0 8px;
@@ -1084,6 +1084,7 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
   position: relative;
   text-indent: 0;
+  bottom: 0;
 }
 .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
   margin-top: -3px;
@@ -1190,6 +1191,12 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
+.e-ddt.e-rtl.e-popup .e-selectall-parent {
+  text-indent: 32px;
+}
+.e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
+  margin: 0 8px;
+}
 
 .e-ddt-icon-hide {
   display: none;
@@ -1311,7 +1318,7 @@ ejs-dropdownlist {
 }
 .e-bigger .e-ddt.e-popup .e-selectall-parent,
 .e-ddt.e-bigger.e-popup .e-selectall-parent {
-  text-indent: 0;
+  text-indent: 41px;
   padding: 3px 12px;
 }
 .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
@@ -1355,6 +1362,14 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
   right: auto;
 }
+.e-bigger .e-ddt.e-rtl .e-selectall-parent,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent {
+  text-indent: 40px;
+}
+.e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
+.e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
+  margin: 0 12px;
+}
 
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */

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

@@ -29,9 +29,15 @@ $ddt-last-chip-bigger-right-margin: 52px !default;
 $ddt-select-all-height: 22px !default;
 $ddt-select-all-padding: 8px 12px !default;
 $ddt-big-select-all-padding: 12px 16px !default;
-$ddt-select-all-checkbox-margin: 0 12px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-select-all-checkbox-margin: 0 7px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 7px !default;
+$ddt-big-select-all-text-margin: 0 12px !default;
+$ddt-rtl-big-select-all-text-margin: 0 12px !default;
+$ddt-big-select-all-padding: 12px 16px !default;
+$ddt-select-all-text-indent: 27px !default;
+$ddt-rtl-select-all-text-indent: 15px !default;
+$ddt-select-all-bigger-text-indent: 33px !default;
+$ddt-rtl-select-all-bigger-text-indent: 16px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-margin: 8px !default;
@@ -51,6 +57,9 @@ $ddt-overflow-count-padding-top: 3px !default;
 $ddt-delim-padding : 3px 12px !default;
 $ddt-delim-bigger-padding: 7px 16px !default;
 $ddt-remains-count-padding-top: 3px !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-select-all-checkbox-bottom: 0 !default;
 
 // color variables
 $ddt-filter-box-shadow-color: none !default;

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

@@ -383,19 +383,12 @@
 
       .e-selectall-parent {
         text-indent: $ddt-select-all-bigger-text-indent;
-        @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
-          padding: $ddt-big-select-all-padding;
+        padding: $ddt-big-select-all-padding;
 
-          .e-all-text {
-            font-size: $text-base;
-            line-height: 24px;
-            @if $ddt-skin-name == 'bootstrap5' {
-              margin: 0 12px;
-            }
-            @else {
-              margin: 0 16px;
-            }
-          }
+        .e-all-text {
+          font-size: $ddt-big-select-all-font-size;
+          line-height: 24px;
+          margin: $ddt-big-select-all-text-margin;
         }
       }
 
@@ -551,6 +544,13 @@
           right: auto;
         }
       }
+
+      .e-selectall-parent {
+        text-indent: $ddt-rtl-select-all-bigger-text-indent;
+        .e-all-text {
+          margin: $ddt-rtl-big-select-all-text-margin;
+        }
+      }
     }
   }
 }

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

@@ -35,8 +35,11 @@ $ddt-last-chip-right-margin: 64px !default;
 $ddt-last-chip-bigger-right-margin: 76px !default;
 $ddt-select-all-height: 36px !default;
 $ddt-select-all-checkbox-margin: 10px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 10px !default;
 $ddt-select-all-text-indent: 38px !default;
+$ddt-rtl-select-all-text-indent: 38px !default;
 $ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-rtl-select-all-bigger-text-indent: 43px !default;
 $ddt-select-all-text-font-size: 14px !default;
 $ddt-popup-reorder-border: $grey-88 !default;
 $ddt-treeview-padding: 0 8px !default;
@@ -60,6 +63,12 @@ $ddt-chip-ddi-ci-width: calc(100% - 65px) !default;
 $ddt-big-chip-ddi-width: calc(100% - 39px) !default;
 $ddt-big-chip-ci-width: calc(100% - 39px) !default;
 $ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0 !default;
+$ddt-big-select-all-text-margin: 0 10px !default;
+$ddt-rtl-big-select-all-text-margin: 0 10px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;
 
 $ddt-icon-bg-color: $grey-base !default;
 $ddt-remains-font-color: $grey-f5 !default;

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

@@ -35,8 +35,11 @@ $ddt-last-chip-right-margin: 64px !default;
 $ddt-last-chip-bigger-right-margin: 76px !default;
 $ddt-select-all-height: 36px !default;
 $ddt-select-all-checkbox-margin: 10px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 10px !default;
 $ddt-select-all-text-indent: 38px !default;
+$ddt-rtl-select-all-text-indent: 38px !default;
 $ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-rtl-select-all-bigger-text-indent: 43px !default;
 $ddt-select-all-text-font-size: 14px !default;
 $ddt-popup-reorder-border: $grey-e6 !default;
 $ddt-treeview-padding: 0 8px !default;
@@ -69,4 +72,10 @@ $ddt-overflow-count-padding-top: 6px !default;
 $ddt-delim-padding: 6px 12px 0 12px !default;
 $ddt-delim-bigger-padding: 7.5px 14px 0 14px !default;
 $ddt-remains-count-padding-top: 5.5px !default;
-$ddt-item-hover-bg: $grey-f5 !default;
+$ddt-item-hover-bg: $grey-f5 !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0px !default;
+$ddt-big-select-all-text-margin: 0 10px !default;
+$ddt-rtl-big-select-all-text-margin: 0 9px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;

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

@@ -34,9 +34,15 @@ $ddt-chip-icon-line-height: 24px !default;
 $ddt-last-chip-right-margin: 48px !default;
 $ddt-last-chip-bigger-right-margin: 68px !default;
 $ddt-select-all-height: 36px !default;
-$ddt-select-all-checkbox-margin: 10px !default;
+$ddt-select-all-checkbox-margin: 8px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 8px !default;
+$ddt-big-select-all-padding: 3px 12px !default;
+$ddt-big-select-all-text-margin: 0 12px !default;
+$ddt-rtl-big-select-all-text-margin: 0 11px !default;
 $ddt-select-all-text-indent: 38px !default;
-$ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-rtl-select-all-text-indent: 38px !default;
+$ddt-select-all-bigger-text-indent: 31px !default;
+$ddt-rtl-select-all-bigger-text-indent: 31px !default;
 $ddt-select-all-text-font-size: 14px !default;
 $ddt-popup-reorder-border: rgba($black, .15) !default;
 $ddt-treeview-padding: 0 8px !default;
@@ -71,4 +77,7 @@ $ddt-overflow-count-padding-top: 4px !default;
 $ddt-delim-padding: 4px 8px 0 8px !default;
 $ddt-delim-bigger-padding: 6px 12px 0 12px !default;
 $ddt-remains-count-padding-top: 4px !default;
-$ddt-item-hover-bg: darken($gray-100,2%) !default;
+$ddt-item-hover-bg: darken($gray-100,2%) !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-select-all-checkbox-bottom: 1px !default;

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

@@ -28,8 +28,11 @@ $ddt-select-all-padding: 0 8px !default;
 $ddt-big-select-all-padding: 3px 12px !default;
 $ddt-select-all-height: 34px !default;
 $ddt-select-all-checkbox-margin: 0 8px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-rtl-select-all-checkbox-margin: 0 8px !default;
+$ddt-select-all-text-indent: 32px !default;
+$ddt-rtl-select-all-text-indent: 32px !default;
+$ddt-select-all-bigger-text-indent: 41px !default;
+$ddt-rtl-select-all-bigger-text-indent: 40px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -50,6 +53,11 @@ $ddt-overflow-count-padding: 5px 4px !default;
 $ddt-delim-padding : 0 8px !default;
 $ddt-delim-bigger-padding: 0 12px !default;
 $ddt-remains-count-padding-top: 0 !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-text-margin: 0 12px !default;
+$ddt-rtl-big-select-all-text-margin: 0 12px !default;
+$ddt-select-all-checkbox-bottom: 0 !default;
 
 // color variables
 $ddt-chip-bg-color: $secondary-bg-color !default;

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

@@ -28,8 +28,11 @@ $ddt-select-all-padding: 0 8px !default;
 $ddt-big-select-all-padding: 3px 12px !default;
 $ddt-select-all-height: 34px !default;
 $ddt-select-all-checkbox-margin: 0 8px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-rtl-select-all-checkbox-margin: 0 8px !default;
+$ddt-select-all-text-indent: 36px !default;
+$ddt-rtl-select-all-text-indent: 41px !default;
+$ddt-select-all-bigger-text-indent: 28px !default;
+$ddt-rtl-select-all-bigger-text-indent: 28px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -50,6 +53,11 @@ $ddt-overflow-count-padding: 5px 4px !default;
 $ddt-delim-padding : 5px 8px !default;
 $ddt-delim-bigger-padding: 6px 12px !default;
 $ddt-remains-count-padding-top: 0 !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-text-margin: 0 8px !default;
+$ddt-rtl-big-select-all-text-margin: 0 8px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;
 
 // color variables
 $ddt-chip-bg-color: $secondary-bg-color !default;

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

@@ -34,8 +34,11 @@ $ddt-last-chip-right-margin: 60px !default;
 $ddt-last-chip-bigger-right-margin: 76px !default;
 $ddt-select-all-height: 36px !default;
 $ddt-select-all-checkbox-margin: 10px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 10px !default;
 $ddt-select-all-text-indent: 38px !default;
+$ddt-rtl-select-all-text-indent: 38px !default;
 $ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-rtl-select-all-bigger-text-indent: 43px !default;
 $ddt-select-all-text-font-size: 14px !default;
 $ddt-popup-reorder-border:  $neutral-light !default;
 $ddt-treeview-padding: 0 8px !default;
@@ -59,6 +62,12 @@ $ddt-chip-ddi-ci-width: calc(100% - 61px) !default;
 $ddt-big-chip-ddi-width: calc(100% - 39px) !default;
 $ddt-big-chip-ci-width: calc(100% - 39px) !default;
 $ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0px !default;
+$ddt-big-select-all-text-margin: 0 10px !default;
+$ddt-rtl-big-select-all-text-margin: 0 10px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;
 
 $ddt-chip-text-line-height: 26px !default;
 $ddt-icon-bg-color: $neutral-white !default;

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

@@ -34,8 +34,11 @@ $ddt-last-chip-right-margin: 60px !default;
 $ddt-last-chip-bigger-right-margin: 76px !default;
 $ddt-select-all-height: 36px !default;
 $ddt-select-all-checkbox-margin: 10px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 10px !default;
 $ddt-select-all-text-indent: 38px !default;
+$ddt-rtl-select-all-text-indent: 38px !default;
 $ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-rtl-select-all-bigger-text-indent: 43px !default;
 $ddt-select-all-text-font-size: 14px !default;
 $ddt-popup-background-color: $neutral-white !default;
 $ddt-popup-reorder-border:  $neutral-light !default;
@@ -59,6 +62,12 @@ $ddt-chip-ddi-ci-width: calc(100% - 61px) !default;
 $ddt-big-chip-ddi-width: calc(100% - 39px) !default;
 $ddt-big-chip-ci-width: calc(100% - 39px) !default;
 $ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0px !default;
+$ddt-big-select-all-text-margin: 0 10px !default;
+$ddt-rtl-big-select-all-text-margin: 0 10px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;
 
 $ddt-chip-text-line-height: 26px !default;
 $ddt-icon-bg-color: $content-bg-color !default;

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

@@ -26,8 +26,11 @@ $ddt-select-all-padding: 8px 12px !default;
 $ddt-big-select-all-padding: 10px 16px !default;
 $ddt-select-all-height: 36px !default;
 $ddt-select-all-checkbox-margin: 0 12px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-rtl-select-all-checkbox-margin: 0 12px !default;
+$ddt-select-all-text-indent: 33px !default;
+$ddt-rtl-select-all-text-indent: 33px !default;
+$ddt-select-all-bigger-text-indent: 40px !default;
+$ddt-rtl-select-all-bigger-text-indent: 40px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 2px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -55,6 +58,11 @@ $ddt-close-icon-bigger-min-height: 38px !default;
 $ddt-close-icon-bigger-width: 38px !default;
 $ddt-treeview-fullrow-bigger-height: 44px !default;
 $ddt-icon-bg-color: $content-bg-color !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-text-margin: 0 16px !default;
+$ddt-rtl-big-select-all-text-margin: 0 16px !default;
+$ddt-select-all-checkbox-bottom: 1px !default;
 
 // color variables
 $ddt-chip-bg-color: $content-bg-color-alt2!default;

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

@@ -29,9 +29,12 @@ $ddt-last-chip-right-margin: 45px !default;
 $ddt-last-chip-bigger-right-margin: 52px !default;
 $ddt-select-all-padding: 8px 12px !default;
 $ddt-select-all-height: 22px !default;
-$ddt-select-all-checkbox-margin: 0 12px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-select-all-checkbox-margin: 0 4px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 12px !default;
+$ddt-select-all-text-indent: 26px !default;
+$ddt-rtl-select-all-text-indent: 17px !default;
+$ddt-select-all-bigger-text-indent: 42px !default;
+$ddt-rtl-select-all-bigger-text-indent: 41px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -60,6 +63,12 @@ $ddt-treeview-fullrow-bigger-height: 44px !default;
 $ddt-icon-bg-color: $content-bg-color !default;
 $ddt-delim-bigger-padding: 7px 16px !default;
 $ddt-remains-count-padding-top: 3px !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-text-margin: 0 8px !default;
+$ddt-rtl-big-select-all-text-margin: 0 8px !default;
+$ddt-big-select-all-padding: 0 8px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;
 
 // color variables
 $ddt-filter-box-shadow-color: none !default;

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

@@ -26,8 +26,11 @@ $ddt-last-chip-right-margin: 48px !default;
 $ddt-last-chip-bigger-right-margin: 52px !default;
 $ddt-select-all-height: 34px !default;
 $ddt-select-all-checkbox-margin: 0 8px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 8px !default;
 $ddt-select-all-text-indent: 0 !default;
+$ddt-rtl-select-all-text-indent: 0 !default;
 $ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-rtl-select-all-bigger-text-indent: 0 !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-reorder-border: $border-light !default;
 $ddt-treeview-padding: 6px 8px !default;
@@ -45,6 +48,12 @@ $ddt-overflow-count-padding: 5px 4px !default;
 $ddt-delim-padding : 0 8px !default;
 $ddt-delim-bigger-padding: 0 12px !default;
 $ddt-remains-count-padding-top: 0 !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0px !default;
+$ddt-big-select-all-text-margin: 0 !default;
+$ddt-rtl-big-select-all-text-margin: 0 !default;
+$ddt-select-all-checkbox-bottom: 0 !default;
 
 // color variables
 $ddt-chip-bg-color: $secondary-bg-color !default;

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

@@ -33,9 +33,12 @@ $ddt-chip-icon-line-height: 21px !default;
 $ddt-last-chip-right-margin: 60px !default;
 $ddt-last-chip-bigger-right-margin: 76px !default;
 $ddt-select-all-height: 36px !default;
-$ddt-select-all-checkbox-margin: 10px !default;
+$ddt-select-all-checkbox-margin: 8px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 7px !default;
 $ddt-select-all-text-indent: 38px !default;
+$ddt-rtl-select-all-text-indent: 38px !default;
 $ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-rtl-select-all-bigger-text-indent: 43px !default;
 $ddt-select-all-text-font-size: 14px !default;
 $ddt-popup-reorder-border: $hover-border !default;
 $ddt-popup-background-color: $bg-base-0 !default;
@@ -59,6 +62,12 @@ $ddt-chip-ddi-ci-width: calc(100% - 61px) !default;
 $ddt-big-chip-ddi-width: calc(100% - 39px) !default;
 $ddt-big-chip-ci-width: calc(100% - 39px) !default;
 $ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0px !default;
+$ddt-big-select-all-text-margin: 0 8px !default;
+$ddt-rtl-big-select-all-text-margin: 0 7px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;
 
 $ddt-chip-text-line-height: 26px !default;
 $ddt-icon-bg-color: $bg-base-0 !default;

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

@@ -34,8 +34,11 @@ $ddt-last-chip-right-margin: 60px !default;
 $ddt-last-chip-bigger-right-margin: 76px !default;
 $ddt-select-all-height: 36px !default;
 $ddt-select-all-checkbox-margin: 10px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 10px !default;
 $ddt-select-all-text-indent: 38px !default;
+$ddt-rtl-select-all-text-indent: 38px !default;
 $ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-rtl-select-all-bigger-text-indent: 43px !default;
 $ddt-select-all-text-font-size: 14px !default;
 $ddt-popup-reorder-border: $border-default !default;
 $ddt-treeview-padding: 0 8px !default;
@@ -59,6 +62,12 @@ $ddt-chip-ddi-ci-width: calc(100% - 61px) !default;
 $ddt-big-chip-ddi-width: calc(100% - 39px) !default;
 $ddt-big-chip-ci-width: calc(100% - 39px) !default;
 $ddt-big-chip-ddi-ci-width: calc(100% - 77px) !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0px !default;
+$ddt-big-select-all-text-margin: 0 !default;
+$ddt-rtl-big-select-all-text-margin: 0 !default;
+$ddt-select-all-checkbox-bottom: 0 !default;
 
 $ddt-chip-text-line-height: 26px !default;
 $ddt-icon-bg-color: $bg-base-0 !default;

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

@@ -557,10 +557,7 @@
         .e-checkbox-wrapper {
           position: relative;
           text-indent: 0;
-
-          @if ($ddt-skin-name == 'tailwind3') {
-            bottom: 2px;
-          }
+          bottom: $ddt-select-all-checkbox-bottom;
 
           .e-frame {
             @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -571,7 +568,7 @@
 
         .e-all-text {
           font-family: inherit;
-          font-size: 14px;
+          font-size: $ddt-select-all-font-size;
           margin: $ddt-select-all-checkbox-margin;
           @if $ddt-skin-name == 'tailwind' {
             line-height: $ddt-select-all-height;
@@ -924,6 +921,13 @@
         .e-treeview .e-list-item .e-ul {
           padding: 0 14px 0 0;
         }
+
+        .e-selectall-parent {
+          text-indent: $ddt-rtl-select-all-text-indent;
+          .e-all-text {
+            margin: $ddt-rtl-select-all-checkbox-margin;
+          }
+        }
       }
     }
   }

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

@@ -34,8 +34,11 @@ $ddt-last-chip-right-margin: 45px !default;
 $ddt-last-chip-bigger-right-margin: 52px !default;
 $ddt-select-all-height: 36px !default;
 $ddt-select-all-checkbox-margin: 10px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 10px !default;
 $ddt-select-all-text-indent: 38px !default;
+$ddt-rtl-select-all-text-indent: 38px !default;
 $ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-rtl-select-all-bigger-text-indent: 43px !default;
 $ddt-select-all-text-font-size: 14px !default;
 $ddt-popup-reorder-border: rgba($grey-light-font, .12) !default;
 $ddt-treeview-padding: 0 8px !default;
@@ -71,4 +74,10 @@ $ddt-outline-padding: 10px 12px !default;
 $ddt-outline-chip-padding: 4px 12px !default;
 $ddt-outline-bigger-padding: 15px 16px !default;
 $ddt-bigger-outline-chip-padding: 8px 15px !default;
-$ddt-item-hover-bg: rgba($grey-dark-font, .10) !default;
+$ddt-item-hover-bg: rgba($grey-dark-font, .10) !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0px !default;
+$ddt-big-select-all-text-margin: 0 !default;
+$ddt-rtl-big-select-all-text-margin: 0 !default;
+$ddt-select-all-checkbox-bottom: 0 !default;

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

@@ -34,8 +34,11 @@ $ddt-last-chip-right-margin: 45px !default;
 $ddt-last-chip-bigger-right-margin: 52px !default;
 $ddt-select-all-height: 36px !default;
 $ddt-select-all-checkbox-margin: 10px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 10px !default;
 $ddt-select-all-text-indent: 38px !default;
+$ddt-rtl-select-all-text-indent: 38px !default;
 $ddt-select-all-bigger-text-indent: 43px !default;
+$ddt-rtl-select-all-bigger-text-indent: 43px !default;
 $ddt-select-all-text-font-size: 14px !default;
 $ddt-popup-reorder-border: rgba($grey-light-font, .12) !default;
 $ddt-treeview-padding: 0 8px !default;
@@ -71,4 +74,10 @@ $ddt-outline-padding: 10px 12px !default;
 $ddt-outline-chip-padding: 4px 12px !default;
 $ddt-outline-bigger-padding: 15px 16px !default;
 $ddt-bigger-outline-chip-padding: 8px 15px !default;
-$ddt-item-hover-bg: $grey-100 !default;
+$ddt-item-hover-bg: $grey-100 !default;
+$ddt-select-all-font-size: 13px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0px !default;
+$ddt-big-select-all-text-margin: 0 10px !default;
+$ddt-rtl-big-select-all-text-margin: 0 10px !default;
+$ddt-select-all-checkbox-bottom: 1px !default;

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

@@ -30,8 +30,11 @@ $ddt-last-chip-right-margin: 48px !default;
 $ddt-last-chip-bigger-right-margin: 52px !default;
 $ddt-select-all-padding: 0 16px !default;
 $ddt-select-all-checkbox-margin: 0 12px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-rtl-select-all-checkbox-margin: 0 12px !default;
+$ddt-select-all-text-indent: 32px !default;
+$ddt-rtl-select-all-text-indent: 28px !default;
+$ddt-select-all-bigger-text-indent: 44px !default;
+$ddt-rtl-select-all-bigger-text-indent: 36px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: rgba($border-light) !default;
@@ -73,3 +76,9 @@ $ddt-select-all-font-color: rgba($content-text-color) !default;
 $ddt-remains-font-color: $grey-600 !default;
 $ddt-readonly-input-bg-color: rgba($content-bg-color) !default;
 $ddt-item-hover-bg: $content-bg-color-hover !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-padding: 0 16px !default;
+$ddt-big-select-all-text-margin: 0 18px !default;
+$ddt-rtl-big-select-all-text-margin: 0 18px !default;
+$ddt-select-all-checkbox-bottom: 1px !default;

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

@@ -29,9 +29,14 @@ $ddt-last-chip-bigger-right-margin: 52px !default;
 $ddt-select-all-padding: 8px 12px !default;
 $ddt-big-select-all-padding: 12px 16px !default;
 $ddt-select-all-height: 22px !default;
-$ddt-select-all-checkbox-margin: 0 12px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-select-all-checkbox-margin: 0 8px !default;
+$ddt-rtl-select-all-checkbox-margin: 0 8px !default;
+$ddt-select-all-text-indent: 27px !default;
+$ddt-rtl-select-all-text-indent: 15px !default;
+$ddt-select-all-bigger-text-indent: 33px !default;
+$ddt-rtl-select-all-bigger-text-indent: 17px !default;
+$ddt-big-select-all-text-margin: 0 12px !default;
+$ddt-rtl-big-select-all-text-margin: 0 12px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -51,6 +56,9 @@ $ddt-overflow-count-padding-top: 3px !default;
 $ddt-delim-padding : 3px 12px !default;
 $ddt-delim-bigger-padding: 7px 16px !default;
 $ddt-remains-count-padding-top: 3px !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-select-all-checkbox-bottom: 0 !default;
 
 // color variables
 $ddt-filter-box-shadow-color: none !default;