@syncfusion/blazor-themes 28.2.5 → 28.2.7

package/SCSS-Themes/interactive-chat/ai-assistview/material-dark.scss

@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: rgba($grey-white, .1) !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;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: rgba($grey-white, .1) !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

package/SCSS-Themes/interactive-chat/ai-assistview/material-lite.scss

@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: rgba($grey-black, .12) !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;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: rgba($grey-black, .12) !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

package/SCSS-Themes/interactive-chat/ai-assistview/material.scss

@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: rgba($grey-black, .12) !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;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: rgba($grey-black, .12) !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

package/SCSS-Themes/interactive-chat/ai-assistview/material3-dark-lite.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/material3-dark.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/material3-lite.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/material3.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/tailwind-dark-lite.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/tailwind-dark.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/tailwind-lite.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/tailwind.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/tailwind3-dark-lite.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/tailwind3-dark.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/tailwind3-lite.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/interactive-chat/ai-assistview/tailwind3.scss

@@ -358,9 +358,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;
@@ -392,6 +389,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/material-dark-lite.scss

@@ -46872,8 +46872,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;
@@ -46910,6 +46913,12 @@ $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-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;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -47469,10 +47478,7 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !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' {
@@ -47483,7 +47489,7 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !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;
@@ -47836,6 +47842,13 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !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;
+          }
+        }
       }
     }
   }
@@ -56048,8 +56061,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;
@@ -66523,6 +66536,13 @@ $grid-checkmark-color: $accent-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 {
@@ -108160,6 +108180,13 @@ $nodata-border-color: $grey-800 !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;
@@ -108678,9 +108705,6 @@ $tbar-header-hover-bg-color: rgba($grey-white, .1) !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;
@@ -108712,6 +108736,9 @@ $tbar-header-hover-bg-color: rgba($grey-white, .1) !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

package/SCSS-Themes/material-dark.scss

@@ -63555,8 +63555,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;
@@ -63593,6 +63596,12 @@ $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-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;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;
@@ -64152,10 +64161,7 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !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' {
@@ -64166,7 +64172,7 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !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;
@@ -64519,6 +64525,13 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !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;
+          }
+        }
       }
     }
   }
@@ -65063,19 +65076,12 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !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;
         }
       }
 
@@ -65231,6 +65237,13 @@ $ddt-item-hover-bg: rgba($grey-dark-font, .10) !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;
+        }
+      }
     }
   }
 }
@@ -76442,8 +76455,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;
@@ -88727,6 +88740,13 @@ $grid-checkmark-color: $accent-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 {
@@ -91278,6 +91298,18 @@ $grid-checkmark-color: $accent-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%;
@@ -140432,6 +140464,13 @@ $nodata-border-color: $grey-800 !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;
@@ -140987,9 +141026,6 @@ $tbar-header-hover-bg-color: rgba($grey-white, .1) !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;
@@ -141021,6 +141057,9 @@ $tbar-header-hover-bg-color: rgba($grey-white, .1) !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;