@syncfusion/blazor-themes 28.2.6 → 28.2.7

package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $neutral-light 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $neutral-quintenaryalt !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $neutral-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #414040 !default;
@@ -116,7 +116,7 @@ $de-border-size-button-width: 100px !default;
 $de-ctnr-separator-clr: $neutral-quintenaryalt;
 $de-list-hover-bg: $neutral-lighter !default;
 $de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
+$de-pane-margin-right-big: 15px;
 $de-left-panel-width: 149px;
 $de-left-panel-width-big: $de-left-panel-width;
 $de-right-panel-width: 75px;

package/SCSS-Themes/documenteditor/document-editor-container/fabric-lite.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $neutral-light 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $neutral-quintenaryalt !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $neutral-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #d3d3d3 !default;
@@ -116,7 +116,7 @@ $de-border-size-button-width: 100px !default;
 $de-ctnr-separator-clr: $neutral-quintenaryalt;
 $de-list-hover-bg: $neutral-lighter !default;
 $de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
+$de-pane-margin-right-big: 15px;
 $de-left-panel-width: 149px;
 $de-left-panel-width-big: $de-left-panel-width;
 $de-right-panel-width: 75px;

package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $neutral-light 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $neutral-quintenaryalt !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $neutral-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #d3d3d3 !default;
@@ -116,7 +116,7 @@ $de-border-size-button-width: 100px !default;
 $de-ctnr-separator-clr: $neutral-quintenaryalt;
 $de-list-hover-bg: $neutral-lighter !default;
 $de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
+$de-pane-margin-right-big: 15px;
 $de-left-panel-width: 149px;
 $de-left-panel-width-big: $de-left-panel-width;
 $de-right-panel-width: 75px;

package/SCSS-Themes/documenteditor/document-editor-container/highcontrast-lite.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $content-font 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $bg-base-100 !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $content-font !default;
 $de-hover-clr:  1px solid #ff8c00;
 $de-hover-bg: #d3d3d3 !default;

package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $content-font 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $bg-base-100 !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $content-font !default;
 $de-hover-clr:  1px solid #ff8c00;
 $de-hover-bg: #d3d3d3 !default;

package/SCSS-Themes/documenteditor/document-editor-container/material-dark-lite.scss

@@ -104,8 +104,8 @@ $de-toggle-btn-outline: $grey-50 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $grey-700 !default;
 $de-panel-btn-bg-clr: '' !default;
-$de-page-no-width-spellout: calc(100% - 140px) !default;
-$de-page-no-width-spellout-big: calc(100% - 160px) !default;
+$de-page-no-width-spellout: calc(100% - 146px) !default;
+$de-page-no-width-spellout-big: calc(100% - 164px) !default;
 $de-font-color: $grey-dark-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: rgba(255, 255, 255, .1) !default;

package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss

@@ -104,8 +104,8 @@ $de-toggle-btn-outline: $grey-50 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $grey-700 !default;
 $de-panel-btn-bg-clr: '' !default;
-$de-page-no-width-spellout: calc(100% - 140px) !default;
-$de-page-no-width-spellout-big: calc(100% - 160px) !default;
+$de-page-no-width-spellout: calc(100% - 146px) !default;
+$de-page-no-width-spellout-big: calc(100% - 164px) !default;
 $de-font-color: $grey-dark-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: rgba(255, 255, 255, .1) !default;

package/SCSS-Themes/documenteditor/document-editor-container/material-lite.scss

@@ -104,8 +104,8 @@ $de-toggle-btn-outline: $grey-50 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $grey-200 !default;
 $de-panel-btn-bg-clr: #eee !default;
-$de-page-no-width-spellout: calc(100% - 140px) !default;
-$de-page-no-width-spellout-big: calc(100% - 160px) !default;
+$de-page-no-width-spellout: calc(100% - 146px) !default;
+$de-page-no-width-spellout-big: calc(100% - 164px) !default;
 $de-font-color: $grey-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #d3d3d3 !default;

package/SCSS-Themes/documenteditor/document-editor-container/material.scss

@@ -104,8 +104,8 @@ $de-toggle-btn-outline: $grey-50 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $grey-200 !default;
 $de-panel-btn-bg-clr: #eee !default;
-$de-page-no-width-spellout: calc(100% - 140px) !default;
-$de-page-no-width-spellout-big: calc(100% - 160px) !default;
+$de-page-no-width-spellout: calc(100% - 146px) !default;
+$de-page-no-width-spellout-big: calc(100% - 164px) !default;
 $de-font-color: $grey-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #d3d3d3 !default;

package/SCSS-Themes/documenteditor/document-editor-container/material3-dark-lite.scss

@@ -91,7 +91,7 @@ $de-border-size-button-width-bg: 100px !default;
 $de-border-size-button-height: 32px !default;
 $de-border-size-button-width: 104px !default;
 $de-list-hover-bg: rgba($primary) !default;
-$de-pane-margin-right: 12px;
+$de-pane-margin-right: 9px;
 $de-pane-margin-right-big: 16px;
 $de-left-panel-width: 151px;
 $de-left-panel-width-big: 169px;

package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss

@@ -91,7 +91,7 @@ $de-border-size-button-width-bg: 100px !default;
 $de-border-size-button-height: 32px !default;
 $de-border-size-button-width: 104px !default;
 $de-list-hover-bg: rgba($primary) !default;
-$de-pane-margin-right: 12px;
+$de-pane-margin-right: 9px;
 $de-pane-margin-right-big: 16px;
 $de-left-panel-width: 151px;
 $de-left-panel-width-big: 169px;

package/SCSS-Themes/documenteditor/document-editor-container/material3-lite.scss

@@ -91,7 +91,7 @@ $de-border-size-button-width-bg: 100px !default;
 $de-border-size-button-height: 32px !default;
 $de-border-size-button-width: 104px !default;
 $de-list-hover-bg: rgba($primary) !default;
-$de-pane-margin-right: 12px;
+$de-pane-margin-right: 9px;
 $de-pane-margin-right-big: 16px;
 $de-left-panel-width: 151px;
 $de-left-panel-width-big: 169px;

package/SCSS-Themes/documenteditor/document-editor-container/material3.scss

@@ -91,7 +91,7 @@ $de-border-size-button-width-bg: 100px !default;
 $de-border-size-button-height: 32px !default;
 $de-border-size-button-width: 104px !default;
 $de-list-hover-bg: rgba($primary) !default;
-$de-pane-margin-right: 12px;
+$de-pane-margin-right: 9px;
 $de-pane-margin-right-big: 16px;
 $de-left-panel-width: 151px;
 $de-left-panel-width-big: 169px;

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

@@ -36,9 +36,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;
@@ -58,6 +64,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;
@@ -631,10 +640,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' {
@@ -645,7 +651,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;
@@ -998,6 +1004,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/bds-dark.scss

@@ -36,9 +36,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;
@@ -58,6 +64,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;
@@ -631,10 +640,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' {
@@ -645,7 +651,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;
@@ -998,6 +1004,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;
+          }
+        }
       }
     }
   }
@@ -1542,19 +1555,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;
         }
       }
 
@@ -1710,6 +1716,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/bds-lite.scss

@@ -36,9 +36,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;
@@ -58,6 +64,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;
@@ -631,10 +640,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' {
@@ -645,7 +651,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;
@@ -998,6 +1004,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/bds.scss

@@ -36,9 +36,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;
@@ -58,6 +64,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;
@@ -631,10 +640,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' {
@@ -645,7 +651,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;
@@ -998,6 +1004,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;
+          }
+        }
       }
     }
   }
@@ -1542,19 +1555,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;
         }
       }
 
@@ -1710,6 +1716,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/bootstrap-dark-lite.scss

@@ -42,8 +42,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;
@@ -67,6 +70,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;
@@ -637,10 +646,7 @@ $ddt-item-hover-bg: $grey-44 !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' {
@@ -651,7 +657,7 @@ $ddt-item-hover-bg: $grey-44 !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;
@@ -1004,6 +1010,13 @@ $ddt-item-hover-bg: $grey-44 !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/bootstrap-dark.scss

@@ -42,8 +42,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;
@@ -67,6 +70,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;
@@ -637,10 +646,7 @@ $ddt-item-hover-bg: $grey-44 !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' {
@@ -651,7 +657,7 @@ $ddt-item-hover-bg: $grey-44 !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;
@@ -1004,6 +1010,13 @@ $ddt-item-hover-bg: $grey-44 !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;
+          }
+        }
       }
     }
   }
@@ -1548,19 +1561,12 @@ $ddt-item-hover-bg: $grey-44 !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;
         }
       }
 
@@ -1716,6 +1722,13 @@ $ddt-item-hover-bg: $grey-44 !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;
+        }
+      }
     }
   }
 }