@syncfusion/blazor-themes 28.2.5 → 28.2.7

package/SCSS-Themes/fabric.scss

@@ -62804,8 +62804,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;
@@ -62829,6 +62832,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;
@@ -63400,10 +63409,7 @@ $ddt-item-hover-bg: $neutral-lighter !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' {
@@ -63414,7 +63420,7 @@ $ddt-item-hover-bg: $neutral-lighter !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;
@@ -63767,6 +63773,13 @@ $ddt-item-hover-bg: $neutral-lighter !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;
+          }
+        }
       }
     }
   }
@@ -64311,19 +64324,12 @@ $ddt-item-hover-bg: $neutral-lighter !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;
         }
       }
 
@@ -64479,6 +64485,13 @@ $ddt-item-hover-bg: $neutral-lighter !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;
+        }
+      }
     }
   }
 }
@@ -75291,7 +75304,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;
@@ -75304,7 +75317,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;
@@ -87574,6 +87587,13 @@ $grid-checkmark-color: $theme-primary-font !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
 
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -90123,6 +90143,18 @@ $grid-checkmark-color: $theme-primary-font !default;
       padding-top: 40px;
     }
 
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
+
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;
@@ -139235,6 +139267,13 @@ $nodata-border-color: $neutral-white !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;
@@ -139790,9 +139829,6 @@ $tbar-header-hover-bg-color: $neutral-lighter !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -139824,6 +139860,9 @@ $tbar-header-hover-bg-color: $neutral-lighter !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -46608,8 +46608,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;
@@ -46637,6 +46640,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;
@@ -47210,10 +47218,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' {
@@ -47224,7 +47229,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;
@@ -47577,6 +47582,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;
+          }
+        }
       }
     }
   }
@@ -66028,6 +66040,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
 
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -107648,6 +107667,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;
@@ -108166,9 +108192,6 @@ $tbar-header-hover-bg-color: transparent !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -108200,6 +108223,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

package/SCSS-Themes/fluent-dark.scss

@@ -63291,8 +63291,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;
@@ -63320,6 +63323,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;
@@ -63893,10 +63901,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' {
@@ -63907,7 +63912,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;
@@ -64260,6 +64265,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;
+          }
+        }
       }
     }
   }
@@ -64804,19 +64816,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;
         }
       }
 
@@ -64972,6 +64977,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;
+        }
+      }
     }
   }
 }
@@ -88232,6 +88244,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
 
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -90779,6 +90798,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
 
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
+
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;
@@ -139920,6 +139951,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;
@@ -140475,9 +140513,6 @@ $tbar-header-hover-bg-color: transparent !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -140509,6 +140544,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

package/SCSS-Themes/fluent-lite.scss

@@ -46608,8 +46608,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;
@@ -46637,6 +46640,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;
@@ -47210,10 +47218,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' {
@@ -47224,7 +47229,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;
@@ -47577,6 +47582,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;
+          }
+        }
       }
     }
   }
@@ -66028,6 +66040,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
 
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -107648,6 +107667,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;
@@ -108166,9 +108192,6 @@ $tbar-header-hover-bg-color: transparent !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -108200,6 +108223,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;