@syncfusion/blazor-themes 28.1.36 → 28.1.37

package/SCSS-Themes/tailwind-dark.scss

@@ -73781,7 +73781,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -86507,7 +86507,7 @@ $grid-checkmark-color: $primary-text-color !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -97641,7 +97641,7 @@ $rte-dialog-upload-status-progress: $info;
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -99597,7 +99597,7 @@ $rte-dialog-upload-status-progress: $info;
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -140734,8 +140734,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 4px !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 4px !default;
+$chat-suggesstion-line-height: 20px !default;
 $chat-suggesstions-list-padding: 1px 8px !default;
 
+$chat-suggesstion-bigger-line-height: 24px !default;
 $chat-suggesstions-li-padding-bigger: 3px 8px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -141081,7 +141083,7 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -141163,6 +141165,9 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -141259,6 +141264,13 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -141267,10 +141279,6 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;
@@ -141463,6 +141471,7 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
       li {
         font-size: $timebreak-font-size-bigger;
         padding: $chat-suggesstions-li-padding-bigger;
+        line-height: $chat-suggesstion-bigger-line-height;
       }
     }
     &.e-rtl {

package/SCSS-Themes/tailwind-lite.scss

@@ -54352,7 +54352,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -64305,7 +64305,7 @@ $grid-checkmark-color: $primary-text-color !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -71864,7 +71864,7 @@ $rte-dialog-upload-status-progress: $info;
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -73820,7 +73820,7 @@ $rte-dialog-upload-status-progress: $info;
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -108311,8 +108311,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 4px !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 4px !default;
+$chat-suggesstion-line-height: 20px !default;
 $chat-suggesstions-list-padding: 1px 8px !default;
 
+$chat-suggesstion-bigger-line-height: 24px !default;
 $chat-suggesstions-li-padding-bigger: 3px 8px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -108658,7 +108660,7 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -108740,6 +108742,9 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -108836,6 +108841,13 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -108844,10 +108856,6 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;

package/SCSS-Themes/tailwind.scss

@@ -73779,7 +73779,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -86505,7 +86505,7 @@ $grid-checkmark-color: $primary-text-color !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -97639,7 +97639,7 @@ $rte-dialog-upload-status-progress: $info;
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -99595,7 +99595,7 @@ $rte-dialog-upload-status-progress: $info;
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -140732,8 +140732,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 4px !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 4px !default;
+$chat-suggesstion-line-height: 20px !default;
 $chat-suggesstions-list-padding: 1px 8px !default;
 
+$chat-suggesstion-bigger-line-height: 24px !default;
 $chat-suggesstions-li-padding-bigger: 3px 8px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -141079,7 +141081,7 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -141161,6 +141163,9 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -141257,6 +141262,13 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -141265,10 +141277,6 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;
@@ -141461,6 +141469,7 @@ $timestamp-border-color: $content-bg-color-alt3 !default;
       li {
         font-size: $timebreak-font-size-bigger;
         padding: $chat-suggesstions-li-padding-bigger;
+        line-height: $chat-suggesstion-bigger-line-height;
       }
     }
     &.e-rtl {

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

@@ -55820,7 +55820,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -65822,7 +65822,7 @@ $grid-checkmark-color: $primary-text-color !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -73392,7 +73392,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -75348,7 +75348,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -109845,8 +109845,10 @@ $timebreak-font-weight: 500 !default;
 $timebreak-border-radius: 6px !default;
 $typing-user-font-size: 10px !default;
 $suggestion-border-radius: 6px !default;
+$chat-suggesstion-line-height: 16px !default;
 $chat-suggesstions-list-padding: 4px 8px !default;
 
+$chat-suggesstion-bigger-line-height: 20px !default;
 $chat-suggesstions-li-padding-bigger: 6px 12px !default;
 $typing-user-font-size-bigger: 12px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -110192,7 +110194,7 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -110274,6 +110276,9 @@ $timestamp-border-color: $chip-secondary-border-color !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -110370,6 +110375,13 @@ $timestamp-border-color: $chip-secondary-border-color !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -110378,10 +110390,6 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;

package/SCSS-Themes/tailwind3-dark.scss

@@ -75247,7 +75247,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -88022,7 +88022,7 @@ $grid-checkmark-color: $primary-text-color !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -99167,7 +99167,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -101123,7 +101123,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -142266,8 +142266,10 @@ $timebreak-font-weight: 500 !default;
 $timebreak-border-radius: 6px !default;
 $typing-user-font-size: 10px !default;
 $suggestion-border-radius: 6px !default;
+$chat-suggesstion-line-height: 16px !default;
 $chat-suggesstions-list-padding: 4px 8px !default;
 
+$chat-suggesstion-bigger-line-height: 20px !default;
 $chat-suggesstions-li-padding-bigger: 6px 12px !default;
 $typing-user-font-size-bigger: 12px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -142613,7 +142615,7 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -142695,6 +142697,9 @@ $timestamp-border-color: $chip-secondary-border-color !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -142791,6 +142796,13 @@ $timestamp-border-color: $chip-secondary-border-color !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -142799,10 +142811,6 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;
@@ -142995,6 +143003,7 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       li {
         font-size: $timebreak-font-size-bigger;
         padding: $chat-suggesstions-li-padding-bigger;
+        line-height: $chat-suggesstion-bigger-line-height;
       }
     }
     &.e-rtl {

package/SCSS-Themes/tailwind3-lite.scss

@@ -56291,7 +56291,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -66293,7 +66293,7 @@ $grid-checkmark-color: $primary-text-color !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -73863,7 +73863,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -75819,7 +75819,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -110316,8 +110316,10 @@ $timebreak-font-weight: 500 !default;
 $timebreak-border-radius: 6px !default;
 $typing-user-font-size: 10px !default;
 $suggestion-border-radius: 6px !default;
+$chat-suggesstion-line-height: 16px !default;
 $chat-suggesstions-list-padding: 4px 8px !default;
 
+$chat-suggesstion-bigger-line-height: 20px !default;
 $chat-suggesstions-li-padding-bigger: 6px 12px !default;
 $typing-user-font-size-bigger: 12px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -110663,7 +110665,7 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -110745,6 +110747,9 @@ $timestamp-border-color: $chip-secondary-border-color !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -110841,6 +110846,13 @@ $timestamp-border-color: $chip-secondary-border-color !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -110849,10 +110861,6 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;

package/SCSS-Themes/tailwind3.scss

@@ -75718,7 +75718,7 @@ $de-column-presets-font-size: $text-6xl !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -88493,7 +88493,7 @@ $grid-checkmark-color: $primary-text-color !default;
         white-space: nowrap;
       }
 
-      & .e-stackedheader .e-columnheader {
+      & .e-stackedheader .e-columnheader :not(.e-columnsheader) {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
           max-height: $grid-rowcell-wrap-max-height;
@@ -99638,7 +99638,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         }
       }
 
-      @if $skin-name == 'bootstrap5' {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
         .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
           padding: 0 4px;
         }
@@ -101594,7 +101594,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         background: $rte-tb-item-active-bg;
         border: $rte-tb-item-active-border;
   
-        @if $skin-name == 'bootstrap5' {
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
           border: 0;
         }
       }
@@ -142737,8 +142737,10 @@ $timebreak-font-weight: 500 !default;
 $timebreak-border-radius: 6px !default;
 $typing-user-font-size: 10px !default;
 $suggestion-border-radius: 6px !default;
+$chat-suggesstion-line-height: 16px !default;
 $chat-suggesstions-list-padding: 4px 8px !default;
 
+$chat-suggesstion-bigger-line-height: 20px !default;
 $chat-suggesstions-li-padding-bigger: 6px 12px !default;
 $typing-user-font-size-bigger: 12px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -143084,7 +143086,7 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       }
       li {
         font-size: $timebreak-font-size;
-        line-height: 16px;
+        line-height: $chat-suggesstion-line-height;
         font-weight: $suggesstions-font-weight;
         padding: $chat-suggesstions-list-padding;
         margin: 8px 4px 0;
@@ -143166,6 +143168,9 @@ $timestamp-border-color: $chip-secondary-border-color !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -143262,6 +143267,13 @@ $timestamp-border-color: $chip-secondary-border-color !default;
     }
     .e-header-icon,
     .e-message-icon,
+    .e-user-icon {
+      border-radius: 50%;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: cover;
+    }
+    .e-message-icon,
     .e-user-icon {
       color: $sender-icon-color;
       @if ($skin-name == 'Material3' or $theme-name == 'Material3-dark') {
@@ -143270,10 +143282,6 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       @else {
         background-color: $sender-icon-bg-color;
       }
-      border-radius: 50%;
-      background-repeat: no-repeat;
-      background-position: center center;
-      background-size: cover;
     }
     .e-indicator {
       background: $chat-left-bg-color;
@@ -143466,6 +143474,7 @@ $timestamp-border-color: $chip-secondary-border-color !default;
       li {
         font-size: $timebreak-font-size-bigger;
         padding: $chat-suggesstions-li-padding-bigger;
+        line-height: $chat-suggesstion-bigger-line-height;
       }
     }
     &.e-rtl {

package/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"28.1.36","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.1.37","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"}}