@syncfusion/blazor-themes 28.1.36 → 28.1.38

package/Compiled-Themes/tailwind3-dark.css

@@ -42350,7 +42350,7 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 20px;
   line-height: 20px;
   min-width: 44px;
-  max-width: 150px;
+  max-width: auto;
   padding: 0px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -48050,6 +48050,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-tableborder {
   border-right: 1px solid;
 }
+.e-grid .e-tableborder:has(.e-emptyrow) {
+  border: none;
+}
 .e-grid .e-virtualtable {
   will-change: transform;
   z-index: 1;
@@ -48425,7 +48428,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -5px 20px -5px 8px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
-  margin: -5px 20px -5px -1px;
+  margin: -5px 20px -5px -8px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
 .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
@@ -48439,7 +48442,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 1px;
+  padding: 0 20px 0 8px;
 }
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
@@ -49590,8 +49593,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
   white-space: nowrap;
 }
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-stackedheadercelldiv,
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-headercelldiv {
   max-height: 36px;
 }
 .e-grid.e-wrap .e-checkbox-wrapper {
@@ -51118,7 +51121,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-summarycell,
 .e-grid.e-bigger .e-groupcaption {
   font-size: 16px;
-  padding: 16px 16px;
+  padding: 16px 12px;
 }
 .e-bigger .e-grid .e-summarycell,
 .e-bigger .e-grid .e-groupcaption,
@@ -51240,7 +51243,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-rightalign .e-filtermenudiv {
-  margin: -17px 4px -14px -10px;
+  margin: -17px 4px -14px 2px;
 }
 .e-bigger .e-grid.e-rtl.e-wrap .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl.e-wrap .e-filtermenudiv {
@@ -51272,7 +51275,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -17px 4px -14px 17px;
+  margin: -17px 4px -14px 28px;
 }
 .e-bigger .e-grid.e-rtl .e-groupsort, .e-bigger .e-grid.e-rtl .e-ungroupbutton, .e-bigger .e-grid.e-rtl .e-toggleungroup,
 .e-grid.e-bigger.e-rtl .e-groupsort,
@@ -51762,7 +51765,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-bigger .e-grid.e-grid-min-height .e-grid-height .e-rowcell {
   line-height: 24px;
-  padding: 16px 16px;
+  padding: 16px 12px;
 }
 .e-bigger .e-grid.e-grid-min-height .e-grid-height .e-rowcell:first-child {
   line-height: 8px;
@@ -56141,6 +56144,10 @@ ejs-filemanager {
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   box-sizing: border-box;
@@ -57967,6 +57974,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
@@ -86256,6 +86264,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-chat-header .e-toolbar-item.e-overlay {
   opacity: 0.5;
 }
+.e-chat-ui .e-empty-chat-template {
+  margin: auto;
+}
 
 .e-chat-ui {
   border-color: var(--color-sf-border);
@@ -86338,13 +86349,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-header-icon,
 .e-chat-ui .e-message-icon,
 .e-chat-ui .e-user-icon {
-  color: var(--color-sf-icon-color);
-  background-color: var(--color-sf-content-bg-color-alt2);
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
+.e-chat-ui .e-message-icon,
+.e-chat-ui .e-user-icon {
+  color: var(--color-sf-icon-color);
+  background-color: var(--color-sf-content-bg-color-alt2);
+}
 .e-chat-ui .e-indicator {
   background: var(--color-sf-content-bg-color-alt2);
   animation: e-chat-indicator-blink 1s infinite;
@@ -86463,6 +86477,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-bigger .e-chat-ui .e-suggestions li {
   font-size: 14px;
   padding: 6px 12px;
+  line-height: 20px;
 }
 .e-bigger.e-chat-ui.e-rtl .e-left:not(.e-message-item-template),
 .e-bigger .e-chat-ui.e-rtl .e-left:not(.e-message-item-template) {

package/Compiled-Themes/tailwind3-lite.css

@@ -31962,7 +31962,7 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 20px;
   line-height: 20px;
   min-width: 44px;
-  max-width: 150px;
+  max-width: auto;
   padding: 0px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -36435,6 +36435,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-tableborder {
   border-right: 1px solid;
 }
+.e-grid .e-tableborder:has(.e-emptyrow) {
+  border: none;
+}
 .e-grid .e-virtualtable {
   will-change: transform;
   z-index: 1;
@@ -36810,7 +36813,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -5px 20px -5px 8px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
-  margin: -5px 20px -5px -1px;
+  margin: -5px 20px -5px -8px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
 .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
@@ -36824,7 +36827,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 1px;
+  padding: 0 20px 0 8px;
 }
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
@@ -37975,8 +37978,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
   white-space: nowrap;
 }
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-stackedheadercelldiv,
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-headercelldiv {
   max-height: 36px;
 }
 .e-grid.e-wrap .e-checkbox-wrapper {
@@ -42188,6 +42191,10 @@ ejs-filemanager {
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   box-sizing: border-box;
@@ -44014,6 +44021,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
@@ -66934,6 +66942,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-chat-header .e-toolbar-item.e-overlay {
   opacity: 0.5;
 }
+.e-chat-ui .e-empty-chat-template {
+  margin: auto;
+}
 
 .e-chat-ui {
   border-color: var(--color-sf-border);
@@ -67016,13 +67027,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-header-icon,
 .e-chat-ui .e-message-icon,
 .e-chat-ui .e-user-icon {
-  color: var(--color-sf-icon-color);
-  background-color: var(--color-sf-content-bg-color-alt2);
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
+.e-chat-ui .e-message-icon,
+.e-chat-ui .e-user-icon {
+  color: var(--color-sf-icon-color);
+  background-color: var(--color-sf-content-bg-color-alt2);
+}
 .e-chat-ui .e-indicator {
   background: var(--color-sf-content-bg-color-alt2);
   animation: e-chat-indicator-blink 1s infinite;

package/Compiled-Themes/tailwind3.css

@@ -42754,7 +42754,7 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 20px;
   line-height: 20px;
   min-width: 44px;
-  max-width: 150px;
+  max-width: auto;
   padding: 0px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -48453,6 +48453,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-tableborder {
   border-right: 1px solid;
 }
+.e-grid .e-tableborder:has(.e-emptyrow) {
+  border: none;
+}
 .e-grid .e-virtualtable {
   will-change: transform;
   z-index: 1;
@@ -48828,7 +48831,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -5px 20px -5px 8px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
-  margin: -5px 20px -5px -1px;
+  margin: -5px 20px -5px -8px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
 .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
@@ -48842,7 +48845,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 1px;
+  padding: 0 20px 0 8px;
 }
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
@@ -49993,8 +49996,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
   white-space: nowrap;
 }
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv,
-.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-stackedheadercelldiv,
+.e-grid.e-wrap .e-stackedheader .e-columnheader :not(.e-columnsheader) .e-headercelldiv {
   max-height: 36px;
 }
 .e-grid.e-wrap .e-checkbox-wrapper {
@@ -51521,7 +51524,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-summarycell,
 .e-grid.e-bigger .e-groupcaption {
   font-size: 16px;
-  padding: 16px 16px;
+  padding: 16px 12px;
 }
 .e-bigger .e-grid .e-summarycell,
 .e-bigger .e-grid .e-groupcaption,
@@ -51643,7 +51646,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-rightalign .e-filtermenudiv {
-  margin: -17px 4px -14px -10px;
+  margin: -17px 4px -14px 2px;
 }
 .e-bigger .e-grid.e-rtl.e-wrap .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl.e-wrap .e-filtermenudiv {
@@ -51675,7 +51678,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -17px 4px -14px 17px;
+  margin: -17px 4px -14px 28px;
 }
 .e-bigger .e-grid.e-rtl .e-groupsort, .e-bigger .e-grid.e-rtl .e-ungroupbutton, .e-bigger .e-grid.e-rtl .e-toggleungroup,
 .e-grid.e-bigger.e-rtl .e-groupsort,
@@ -52161,7 +52164,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-bigger .e-grid.e-grid-min-height .e-grid-height .e-rowcell {
   line-height: 24px;
-  padding: 16px 16px;
+  padding: 16px 12px;
 }
 .e-bigger .e-grid.e-grid-min-height .e-grid-height .e-rowcell:first-child {
   line-height: 8px;
@@ -56540,6 +56543,10 @@ ejs-filemanager {
   padding-top: 0;
   height: 32px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
+  padding: 0 4px;
+}
 .e-richtexteditor .e-rte-toolbar.e-control[class*=e-toolbar],
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*=e-toolbar] {
   box-sizing: border-box;
@@ -58366,6 +58373,7 @@ iframe.e-rte-content {
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: var(--color-sf-secondary-bg-color-pressed);
   border: 1px solid var(--color-sf-secondary-border-color-pressed);
+  border: 0;
 }
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-richtexteditor .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
@@ -86655,6 +86663,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-chat-header .e-toolbar-item.e-overlay {
   opacity: 0.5;
 }
+.e-chat-ui .e-empty-chat-template {
+  margin: auto;
+}
 
 .e-chat-ui {
   border-color: var(--color-sf-border);
@@ -86737,13 +86748,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-chat-ui .e-header-icon,
 .e-chat-ui .e-message-icon,
 .e-chat-ui .e-user-icon {
-  color: var(--color-sf-icon-color);
-  background-color: var(--color-sf-content-bg-color-alt2);
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
+.e-chat-ui .e-message-icon,
+.e-chat-ui .e-user-icon {
+  color: var(--color-sf-icon-color);
+  background-color: var(--color-sf-content-bg-color-alt2);
+}
 .e-chat-ui .e-indicator {
   background: var(--color-sf-content-bg-color-alt2);
   animation: e-chat-indicator-blink 1s infinite;
@@ -86862,6 +86876,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-bigger .e-chat-ui .e-suggestions li {
   font-size: 14px;
   padding: 6px 12px;
+  line-height: 20px;
 }
 .e-bigger.e-chat-ui.e-rtl .e-left:not(.e-message-item-template),
 .e-bigger .e-chat-ui.e-rtl .e-left:not(.e-message-item-template) {

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

@@ -55705,7 +55705,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;
@@ -63385,6 +63385,10 @@ $grid-checkmark-color: $primary !default;
       border-right: 1px solid;
     }
 
+    .e-tableborder:has(.e-emptyrow) {
+      border: none;
+    }
+
     .e-virtualtable {
       will-change: transform;
       z-index: 1;
@@ -65663,7 +65667,7 @@ $grid-checkmark-color: $primary !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;
@@ -73231,7 +73235,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;
         }
@@ -75187,7 +75191,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;
         }
       }
@@ -109696,8 +109700,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: 16px !default;
 $chat-suggesstions-list-padding: 4px 6px !default;
 
+$chat-suggesstion-bigger-line-height: 18px !default;
 $chat-suggesstions-li-padding-bigger: 5px 8px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -110043,7 +110049,7 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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;
@@ -110125,6 +110131,9 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -110221,6 +110230,13 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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') {
@@ -110229,10 +110245,6 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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/bds-dark.scss

@@ -75132,7 +75132,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;
@@ -85585,6 +85585,10 @@ $grid-checkmark-color: $primary !default;
       border-right: 1px solid;
     }
 
+    .e-tableborder:has(.e-emptyrow) {
+      border: none;
+    }
+
     .e-virtualtable {
       will-change: transform;
       z-index: 1;
@@ -87863,7 +87867,7 @@ $grid-checkmark-color: $primary !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;
@@ -99006,7 +99010,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;
         }
@@ -100962,7 +100966,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;
         }
       }
@@ -142117,8 +142121,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: 16px !default;
 $chat-suggesstions-list-padding: 4px 6px !default;
 
+$chat-suggesstion-bigger-line-height: 18px !default;
 $chat-suggesstions-li-padding-bigger: 5px 8px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -142464,7 +142470,7 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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;
@@ -142546,6 +142552,9 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -142642,6 +142651,13 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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') {
@@ -142650,10 +142666,6 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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;
@@ -142846,6 +142858,7 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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/bds-lite.scss

@@ -56000,7 +56000,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;
@@ -63680,6 +63680,10 @@ $grid-checkmark-color: $primary !default;
       border-right: 1px solid;
     }
 
+    .e-tableborder:has(.e-emptyrow) {
+      border: none;
+    }
+
     .e-virtualtable {
       will-change: transform;
       z-index: 1;
@@ -65958,7 +65962,7 @@ $grid-checkmark-color: $primary !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;
@@ -73526,7 +73530,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;
         }
@@ -75482,7 +75486,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;
         }
       }
@@ -109991,8 +109995,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: 16px !default;
 $chat-suggesstions-list-padding: 4px 6px !default;
 
+$chat-suggesstion-bigger-line-height: 18px !default;
 $chat-suggesstions-li-padding-bigger: 5px 8px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -110338,7 +110344,7 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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;
@@ -110420,6 +110426,9 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
 
@@ -110516,6 +110525,13 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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') {
@@ -110524,10 +110540,6 @@ $timestamp-border-color: rgba(36, 36, 36, 1) !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;