@syncfusion/blazor-themes 28.2.6 → 28.2.7

package/SCSS-Themes/tailwind.scss

@@ -63144,9 +63144,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;
@@ -63166,6 +63171,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;
@@ -63739,10 +63747,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' {
@@ -63753,7 +63758,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;
@@ -64106,6 +64111,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;
+          }
+        }
       }
     }
   }
@@ -64650,19 +64662,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;
         }
       }
 
@@ -64818,6 +64823,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;
+        }
+      }
     }
   }
 }
@@ -139744,6 +139756,13 @@ $nodata-border-color: $border-light !default;
     align-items: center;
     border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
+  .e-multicolumn-list .e-multicolumn-list-hidden {
+    border: 0;
+    height: 0;
+    padding: 0;
+    visibility: hidden;
+    width: 0;
+  }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
     border-radius: $multicolumn-popup-border-radius;

package/SCSS-Themes/tailwind3-dark-lite.scss

@@ -47914,8 +47914,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-rtl-select-all-checkbox-margin: 0 8px !default;
 $ddt-select-all-text-indent: 36px !default;
-$ddt-select-all-bigger-text-indent: 50px !default;
+$ddt-rtl-select-all-text-indent: 36px !default;
+$ddt-select-all-bigger-text-indent: 36px !default;
+$ddt-rtl-select-all-bigger-text-indent: 32px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 6px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -47936,6 +47939,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;
@@ -48510,10 +48518,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' {
@@ -48524,7 +48529,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;
@@ -48877,6 +48882,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;
+          }
+        }
       }
     }
   }
@@ -108991,6 +109003,13 @@ $nodata-border-color: $flyout-border !default;
     align-items: center;
     border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
+  .e-multicolumn-list .e-multicolumn-list-hidden {
+    border: 0;
+    height: 0;
+    padding: 0;
+    visibility: hidden;
+    width: 0;
+  }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
     border-radius: $multicolumn-popup-border-radius;

package/SCSS-Themes/tailwind3-dark.scss

@@ -64597,8 +64597,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-rtl-select-all-checkbox-margin: 0 8px !default;
 $ddt-select-all-text-indent: 36px !default;
-$ddt-select-all-bigger-text-indent: 50px !default;
+$ddt-rtl-select-all-text-indent: 36px !default;
+$ddt-select-all-bigger-text-indent: 36px !default;
+$ddt-rtl-select-all-bigger-text-indent: 32px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 6px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -64619,6 +64622,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;
@@ -65193,10 +65201,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' {
@@ -65207,7 +65212,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;
@@ -65560,6 +65565,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;
+          }
+        }
       }
     }
   }
@@ -66104,19 +66116,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;
         }
       }
 
@@ -66272,6 +66277,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;
+        }
+      }
     }
   }
 }
@@ -141275,6 +141287,13 @@ $nodata-border-color: $flyout-border !default;
     align-items: center;
     border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
+  .e-multicolumn-list .e-multicolumn-list-hidden {
+    border: 0;
+    height: 0;
+    padding: 0;
+    visibility: hidden;
+    width: 0;
+  }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
     border-radius: $multicolumn-popup-border-radius;

package/SCSS-Themes/tailwind3-lite.scss

@@ -48385,8 +48385,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-rtl-select-all-checkbox-margin: 0 8px !default;
 $ddt-select-all-text-indent: 36px !default;
-$ddt-select-all-bigger-text-indent: 50px !default;
+$ddt-rtl-select-all-text-indent: 36px !default;
+$ddt-select-all-bigger-text-indent: 36px !default;
+$ddt-rtl-select-all-bigger-text-indent: 32px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 6px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -48407,6 +48410,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;
@@ -48981,10 +48989,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' {
@@ -48995,7 +49000,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;
@@ -49348,6 +49353,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;
+          }
+        }
       }
     }
   }
@@ -109462,6 +109474,13 @@ $nodata-border-color: $flyout-border !default;
     align-items: center;
     border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
+  .e-multicolumn-list .e-multicolumn-list-hidden {
+    border: 0;
+    height: 0;
+    padding: 0;
+    visibility: hidden;
+    width: 0;
+  }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
     border-radius: $multicolumn-popup-border-radius;

package/SCSS-Themes/tailwind3.scss

@@ -65068,8 +65068,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-rtl-select-all-checkbox-margin: 0 8px !default;
 $ddt-select-all-text-indent: 36px !default;
-$ddt-select-all-bigger-text-indent: 50px !default;
+$ddt-rtl-select-all-text-indent: 36px !default;
+$ddt-select-all-bigger-text-indent: 36px !default;
+$ddt-rtl-select-all-bigger-text-indent: 32px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 6px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -65090,6 +65093,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;
@@ -65664,10 +65672,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' {
@@ -65678,7 +65683,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;
@@ -66031,6 +66036,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;
+          }
+        }
       }
     }
   }
@@ -66575,19 +66587,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;
         }
       }
 
@@ -66743,6 +66748,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;
+        }
+      }
     }
   }
 }
@@ -141746,6 +141758,13 @@ $nodata-border-color: $flyout-border !default;
     align-items: center;
     border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
+  .e-multicolumn-list .e-multicolumn-list-hidden {
+    border: 0;
+    height: 0;
+    padding: 0;
+    visibility: hidden;
+    width: 0;
+  }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
     border-radius: $multicolumn-popup-border-radius;

package/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"28.2.6","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
+{"name":"@syncfusion/blazor-themes","version":"28.2.7","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}