npm - @syncfusion/blazor-themes - Versions diffs - 28.1.33 → 28.1.35 - Mend

@syncfusion/blazor-themes 28.1.33 → 28.1.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (367) hide show

package/SCSS-Themes/material3-lite.scss CHANGED Viewed

@@ -3815,7 +3815,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
     font-family: $input-font-family;
     font-size: $input-font-size;
     font-weight: normal;
-    @if ($input-skin-name == 'tailwind') {
+    @if ($input-skin-name == 'tailwind' or $input-skin-name == 'tailwind3') {
       font-feature-settings: 'calt' 0;
     }
   }
@@ -34908,7 +34908,6 @@ $form-upload-small-remove-icon-top: 34px !default;
     #{if(&, '&', '*')} .e-upload-actions .e-btn {
       font-family: $upload-font-family;
       @if $skin-name == 'tailwind3' {
-        color: $secondary-text-color-focus;
         font-weight: 600;
       }
     }
@@ -48399,9 +48398,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
   max-width: 100%;
   padding-left: $ddl-delim-text-indent;
   padding-right: $ddl-delim-text-padding-right;
-  @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
-    vertical-align: middle;
-  }
+  vertical-align: middle;
 }
 .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -65042,6 +65039,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -65899,7 +65903,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -69318,7 +69322,8 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       content: '';
     }
-    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom,.e-droptop),
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom,.e-droptop) {
       border-left: $treegrid-rowdrag-childborder-border;
     }
@@ -69753,6 +69758,22 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+  .e-treelistgrid.e-print-grid-layout {
+    .e-icons.e-none::before {
+      content: '';
+    }
+    .e-treecolumn-container {
+      .e-icons:not(.e-frame) {
+        display: inline-block;
+      }
+    }
+    .e-treegridexpand {
+      transform: rotate(90deg);
+    }
+  }
 }
@@ -69795,6 +69816,13 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e748';
+    }
+  }
 }
@@ -109258,6 +109286,13 @@ $timestamp-border-color: transparent !default;
     .e-suggestions li:focus-visible {
       outline: 1px solid;
     }
+    .e-chat-header {
+      .e-toolbar-item {
+        &.e-overlay {
+          opacity: .5;
+        }
+      }
+    }
   }
 }
@@ -109392,6 +109427,9 @@ $timestamp-border-color: transparent !default;
     }
     .e-chat-header {
       .e-toolbar-item {
+        &.e-overlay {
+          background: unset;
+        }
         .e-tbar-btn {
           &:focus,
           &:active,

package/SCSS-Themes/material3.scss CHANGED Viewed

@@ -4649,7 +4649,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
     font-family: $input-font-family;
     font-size: $input-font-size;
     font-weight: normal;
-    @if ($input-skin-name == 'tailwind') {
+    @if ($input-skin-name == 'tailwind' or $input-skin-name == 'tailwind3') {
       font-feature-settings: 'calt' 0;
     }
   }
@@ -48188,7 +48188,6 @@ $form-upload-small-remove-icon-top: 34px !default;
     #{if(&, '&', '*')} .e-upload-actions .e-btn {
       font-family: $upload-font-family;
       @if $skin-name == 'tailwind3' {
-        color: $secondary-text-color-focus;
         font-weight: 600;
       }
     }
@@ -65634,9 +65633,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
   max-width: 100%;
   padding-left: $ddl-delim-text-indent;
   padding-right: $ddl-delim-text-padding-right;
-  @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
-    vertical-align: middle;
-  }
+  vertical-align: middle;
 }
 .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -87242,6 +87239,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -88099,7 +88103,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -90305,6 +90309,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;
@@ -94914,7 +94925,8 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       content: '';
     }
-    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom,.e-droptop),
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom,.e-droptop) {
       border-left: $treegrid-rowdrag-childborder-border;
     }
@@ -95349,6 +95361,22 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+  .e-treelistgrid.e-print-grid-layout {
+    .e-icons.e-none::before {
+      content: '';
+    }
+    .e-treecolumn-container {
+      .e-icons:not(.e-frame) {
+        display: inline-block;
+      }
+    }
+    .e-treegridexpand {
+      transform: rotate(90deg);
+    }
+  }
 }
@@ -95391,6 +95419,13 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e748';
+    }
+  }
 }
 @include export-module('tree-bigger') {
@@ -141667,6 +141702,13 @@ $timestamp-border-color: transparent !default;
     .e-suggestions li:focus-visible {
       outline: 1px solid;
     }
+    .e-chat-header {
+      .e-toolbar-item {
+        &.e-overlay {
+          opacity: .5;
+        }
+      }
+    }
   }
 }
@@ -141801,6 +141843,9 @@ $timestamp-border-color: transparent !default;
     }
     .e-chat-header {
       .e-toolbar-item {
+        &.e-overlay {
+          background: unset;
+        }
         .e-tbar-btn {
           &:focus,
           &:active,

package/SCSS-Themes/notifications/toast/tailwind3-dark-lite.scss CHANGED Viewed

@@ -66,7 +66,7 @@ $toast-success-title-color: $success-bg-color !default;
 $toast-success-title-border-color: $success-border-color !default;
 $toast-success-icon-color: $success-bg-color !default;
 $toast-success-content-color: $success-bg-color !default;
-$toast-success-hover-bg-color: $success-light-alt !default;
+$toast-success-hover-bg-color: $success-light !default;
 $toast-success-hover-color: $success-bg-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-title-color: $info-dark !default;
 $toast-info-title-border-color: $info-dark !default;
 $toast-info-icon-color: $info-dark !default;
 $toast-info-content-color: $info-dark !default;
-$toast-info-hover-bg-color: $info-light-alt !default;
+$toast-info-hover-bg-color: $info-light !default;
 $toast-info-hover-color: $info-dark !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -86,7 +86,7 @@ $toast-warning-title-color: $warning-dark !default;
 $toast-warning-title-border-color: $warning-dark !default;
 $toast-warning-icon-color: $warning-dark !default;
 $toast-warning-content-color: $warning-dark !default;
-$toast-warning-hover-bg-color: $warning-light-alt !default;
+$toast-warning-hover-bg-color: $warning-light !default;
 $toast-warning-hover-color: $warning-dark !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -96,7 +96,7 @@ $toast-danger-title-color: $danger !default;
 $toast-danger-title-border-color: $border-error !default;
 $toast-danger-icon-color: $danger !default;
 $toast-danger-content-color: $danger !default;
-$toast-danger-hover-bg-color: $danger-light-alt !default;
+$toast-danger-hover-bg-color: $danger-light !default;
 $toast-danger-hover-color: $danger !default;
 $toast-danger-hover-box-shadow: $shadow !default;

package/SCSS-Themes/notifications/toast/tailwind3-dark.scss CHANGED Viewed

@@ -66,7 +66,7 @@ $toast-success-title-color: $success-bg-color !default;
 $toast-success-title-border-color: $success-border-color !default;
 $toast-success-icon-color: $success-bg-color !default;
 $toast-success-content-color: $success-bg-color !default;
-$toast-success-hover-bg-color: $success-light-alt !default;
+$toast-success-hover-bg-color: $success-light !default;
 $toast-success-hover-color: $success-bg-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-title-color: $info-dark !default;
 $toast-info-title-border-color: $info-dark !default;
 $toast-info-icon-color: $info-dark !default;
 $toast-info-content-color: $info-dark !default;
-$toast-info-hover-bg-color: $info-light-alt !default;
+$toast-info-hover-bg-color: $info-light !default;
 $toast-info-hover-color: $info-dark !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -86,7 +86,7 @@ $toast-warning-title-color: $warning-dark !default;
 $toast-warning-title-border-color: $warning-dark !default;
 $toast-warning-icon-color: $warning-dark !default;
 $toast-warning-content-color: $warning-dark !default;
-$toast-warning-hover-bg-color: $warning-light-alt !default;
+$toast-warning-hover-bg-color: $warning-light !default;
 $toast-warning-hover-color: $warning-dark !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -96,7 +96,7 @@ $toast-danger-title-color: $danger !default;
 $toast-danger-title-border-color: $border-error !default;
 $toast-danger-icon-color: $danger !default;
 $toast-danger-content-color: $danger !default;
-$toast-danger-hover-bg-color: $danger-light-alt !default;
+$toast-danger-hover-bg-color: $danger-light !default;
 $toast-danger-hover-color: $danger !default;
 $toast-danger-hover-box-shadow: $shadow !default;

package/SCSS-Themes/notifications/toast/tailwind3-lite.scss CHANGED Viewed

@@ -66,7 +66,7 @@ $toast-success-title-color: $success-bg-color !default;
 $toast-success-title-border-color: $success-border-color !default;
 $toast-success-icon-color: $success-bg-color !default;
 $toast-success-content-color: $success-bg-color !default;
-$toast-success-hover-bg-color: $success-light-alt !default;
+$toast-success-hover-bg-color: $success-light !default;
 $toast-success-hover-color: $success-bg-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-title-color: $info-dark !default;
 $toast-info-title-border-color: $info-dark !default;
 $toast-info-icon-color: $info-dark !default;
 $toast-info-content-color: $info-dark !default;
-$toast-info-hover-bg-color: $info-light-alt !default;
+$toast-info-hover-bg-color: $info-light !default;
 $toast-info-hover-color: $info-dark !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -86,7 +86,7 @@ $toast-warning-title-color: $warning-dark !default;
 $toast-warning-title-border-color: $warning-dark !default;
 $toast-warning-icon-color: $warning-dark !default;
 $toast-warning-content-color: $warning-dark !default;
-$toast-warning-hover-bg-color: $warning-light-alt !default;
+$toast-warning-hover-bg-color: $warning-light !default;
 $toast-warning-hover-color: $warning-dark !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -96,7 +96,7 @@ $toast-danger-title-color: $danger !default;
 $toast-danger-title-border-color: $border-error !default;
 $toast-danger-icon-color: $danger !default;
 $toast-danger-content-color: $danger !default;
-$toast-danger-hover-bg-color: $danger-light-alt !default;
+$toast-danger-hover-bg-color: $danger-light !default;
 $toast-danger-hover-color: $danger !default;
 $toast-danger-hover-box-shadow: $shadow !default;

package/SCSS-Themes/notifications/toast/tailwind3.scss CHANGED Viewed

@@ -66,7 +66,7 @@ $toast-success-title-color: $success-bg-color !default;
 $toast-success-title-border-color: $success-border-color !default;
 $toast-success-icon-color: $success-bg-color !default;
 $toast-success-content-color: $success-bg-color !default;
-$toast-success-hover-bg-color: $success-light-alt !default;
+$toast-success-hover-bg-color: $success-light !default;
 $toast-success-hover-color: $success-bg-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-title-color: $info-dark !default;
 $toast-info-title-border-color: $info-dark !default;
 $toast-info-icon-color: $info-dark !default;
 $toast-info-content-color: $info-dark !default;
-$toast-info-hover-bg-color: $info-light-alt !default;
+$toast-info-hover-bg-color: $info-light !default;
 $toast-info-hover-color: $info-dark !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -86,7 +86,7 @@ $toast-warning-title-color: $warning-dark !default;
 $toast-warning-title-border-color: $warning-dark !default;
 $toast-warning-icon-color: $warning-dark !default;
 $toast-warning-content-color: $warning-dark !default;
-$toast-warning-hover-bg-color: $warning-light-alt !default;
+$toast-warning-hover-bg-color: $warning-light !default;
 $toast-warning-hover-color: $warning-dark !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -96,7 +96,7 @@ $toast-danger-title-color: $danger !default;
 $toast-danger-title-border-color: $border-error !default;
 $toast-danger-icon-color: $danger !default;
 $toast-danger-content-color: $danger !default;
-$toast-danger-hover-bg-color: $danger-light-alt !default;
+$toast-danger-hover-bg-color: $danger-light !default;
 $toast-danger-hover-color: $danger !default;
 $toast-danger-hover-box-shadow: $shadow !default;

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind3-dark-lite.scss CHANGED Viewed

@@ -144,7 +144,7 @@ $pv-text-align: center !default;
 $pv-zoom-drop-down-popup-text-align: left !default;
 $pv-zoom-drop-down-padding-top: 0 !default;
 $pv-zoom-drop-down-padding-bottom: 3px !default;
-$pv-zoom-drop-down-padding-left: 12px !default;
+$pv-zoom-drop-down-padding-left: 6px !default;
 $pv-zoom-drop-down-padding-left-rtl: 0 !default;
 $pv-zoom-drop-down-padding-right-rtl: $pv-zoom-drop-down-padding-left !default;
 $pv-zoom-drop-down-input-height: auto !default;

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind3-dark.scss CHANGED Viewed

@@ -144,7 +144,7 @@ $pv-text-align: center !default;
 $pv-zoom-drop-down-popup-text-align: left !default;
 $pv-zoom-drop-down-padding-top: 0 !default;
 $pv-zoom-drop-down-padding-bottom: 3px !default;
-$pv-zoom-drop-down-padding-left: 12px !default;
+$pv-zoom-drop-down-padding-left: 6px !default;
 $pv-zoom-drop-down-padding-left-rtl: 0 !default;
 $pv-zoom-drop-down-padding-right-rtl: $pv-zoom-drop-down-padding-left !default;
 $pv-zoom-drop-down-input-height: auto !default;

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind3-lite.scss CHANGED Viewed

@@ -144,7 +144,7 @@ $pv-text-align: center !default;
 $pv-zoom-drop-down-popup-text-align: left !default;
 $pv-zoom-drop-down-padding-top: 0 !default;
 $pv-zoom-drop-down-padding-bottom: 3px !default;
-$pv-zoom-drop-down-padding-left: 12px !default;
+$pv-zoom-drop-down-padding-left: 6px !default;
 $pv-zoom-drop-down-padding-left-rtl: 0 !default;
 $pv-zoom-drop-down-padding-right-rtl: $pv-zoom-drop-down-padding-left !default;
 $pv-zoom-drop-down-input-height: auto !default;

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind3.scss CHANGED Viewed

@@ -144,7 +144,7 @@ $pv-text-align: center !default;
 $pv-zoom-drop-down-popup-text-align: left !default;
 $pv-zoom-drop-down-padding-top: 0 !default;
 $pv-zoom-drop-down-padding-bottom: 3px !default;
-$pv-zoom-drop-down-padding-left: 12px !default;
+$pv-zoom-drop-down-padding-left: 6px !default;
 $pv-zoom-drop-down-padding-left-rtl: 0 !default;
 $pv-zoom-drop-down-padding-right-rtl: $pv-zoom-drop-down-padding-left !default;
 $pv-zoom-drop-down-input-height: auto !default;

package/SCSS-Themes/tailwind-dark-lite.scss CHANGED Viewed

@@ -3309,7 +3309,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
     font-family: $input-font-family;
     font-size: $input-font-size;
     font-weight: normal;
-    @if ($input-skin-name == 'tailwind') {
+    @if ($input-skin-name == 'tailwind' or $input-skin-name == 'tailwind3') {
       font-feature-settings: 'calt' 0;
     }
   }
@@ -34661,7 +34661,6 @@ $upload-btn-primary-color: $primary-text-color !default;
     #{if(&, '&', '*')} .e-upload-actions .e-btn {
       font-family: $upload-font-family;
       @if $skin-name == 'tailwind3' {
-        color: $secondary-text-color-focus;
         font-weight: 600;
       }
     }
@@ -48169,9 +48168,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
   max-width: 100%;
   padding-left: $ddl-delim-text-indent;
   padding-right: $ddl-delim-text-padding-right;
-  @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
-    vertical-align: middle;
-  }
+  vertical-align: middle;
 }
 .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -64482,6 +64479,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -65339,7 +65343,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -68766,7 +68770,8 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       content: '';
     }
-    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom,.e-droptop),
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom,.e-droptop) {
       border-left: $treegrid-rowdrag-childborder-border;
     }
@@ -69201,6 +69206,22 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+  .e-treelistgrid.e-print-grid-layout {
+    .e-icons.e-none::before {
+      content: '';
+    }
+    .e-treecolumn-container {
+      .e-icons:not(.e-frame) {
+        display: inline-block;
+      }
+    }
+    .e-treegridexpand {
+      transform: rotate(90deg);
+    }
+  }
 }
@@ -69243,6 +69264,13 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }
@@ -108677,6 +108705,13 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
     .e-suggestions li:focus-visible {
       outline: 1px solid;
     }
+    .e-chat-header {
+      .e-toolbar-item {
+        &.e-overlay {
+          opacity: .5;
+        }
+      }
+    }
   }
 }
@@ -108811,6 +108846,9 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
     }
     .e-chat-header {
       .e-toolbar-item {
+        &.e-overlay {
+          background: unset;
+        }
         .e-tbar-btn {
           &:focus,
           &:active,