@syncfusion/blazor-themes 28.2.6 → 28.2.9

package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss

@@ -33,8 +33,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;
@@ -62,6 +65,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;
@@ -635,10 +643,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .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' {
@@ -649,7 +654,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
         .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;
@@ -1002,6 +1007,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .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;
+          }
+        }
       }
     }
   }
@@ -1546,19 +1558,12 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       .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;
         }
       }
 
@@ -1714,6 +1719,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
           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/SCSS-Themes/dropdowns/drop-down-tree/fluent-lite.scss

@@ -33,8 +33,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;
@@ -62,6 +65,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;
@@ -635,10 +643,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .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' {
@@ -649,7 +654,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
         .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;
@@ -1002,6 +1007,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .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/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss

@@ -33,8 +33,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;
@@ -62,6 +65,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;
@@ -635,10 +643,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .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' {
@@ -649,7 +654,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
         .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;
@@ -1002,6 +1007,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .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;
+          }
+        }
       }
     }
   }
@@ -1546,19 +1558,12 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       .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;
         }
       }
 
@@ -1714,6 +1719,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
           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/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark-lite.scss

@@ -36,9 +36,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;
@@ -67,6 +70,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;
@@ -641,10 +650,7 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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' {
@@ -655,7 +661,7 @@ $ddt-chip-border-color: $chip-border-color !default;
 
         .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;
@@ -1008,6 +1014,13 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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/SCSS-Themes/dropdowns/drop-down-tree/fluent2-dark.scss

@@ -36,9 +36,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;
@@ -67,6 +70,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;
@@ -641,10 +650,7 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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' {
@@ -655,7 +661,7 @@ $ddt-chip-border-color: $chip-border-color !default;
 
         .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;
@@ -1008,6 +1014,13 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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;
+          }
+        }
       }
     }
   }
@@ -1555,19 +1568,12 @@ $ddt-chip-border-color: $chip-border-color !default;
 
       .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;
         }
       }
 
@@ -1723,6 +1729,13 @@ $ddt-chip-border-color: $chip-border-color !default;
           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/SCSS-Themes/dropdowns/drop-down-tree/fluent2-highcontrast-lite.scss

@@ -36,9 +36,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;
@@ -67,6 +70,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;
@@ -641,10 +650,7 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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' {
@@ -655,7 +661,7 @@ $ddt-chip-border-color: $chip-border-color !default;
 
         .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;
@@ -1008,6 +1014,13 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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/SCSS-Themes/dropdowns/drop-down-tree/fluent2-highcontrast.scss

@@ -36,9 +36,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;
@@ -67,6 +70,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;
@@ -641,10 +650,7 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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' {
@@ -655,7 +661,7 @@ $ddt-chip-border-color: $chip-border-color !default;
 
         .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;
@@ -1008,6 +1014,13 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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;
+          }
+        }
       }
     }
   }
@@ -1555,19 +1568,12 @@ $ddt-chip-border-color: $chip-border-color !default;
 
       .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;
         }
       }
 
@@ -1723,6 +1729,13 @@ $ddt-chip-border-color: $chip-border-color !default;
           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/SCSS-Themes/dropdowns/drop-down-tree/fluent2-lite.scss

@@ -36,9 +36,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;
@@ -67,6 +70,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;
@@ -641,10 +650,7 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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' {
@@ -655,7 +661,7 @@ $ddt-chip-border-color: $chip-border-color !default;
 
         .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;
@@ -1008,6 +1014,13 @@ $ddt-chip-border-color: $chip-border-color !default;
         .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;
+          }
+        }
       }
     }
   }