npm - @syncfusion/blazor-themes - Versions diffs - 28.1.36 → 28.1.38 - Mend

@syncfusion/blazor-themes 28.1.36 → 28.1.38

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 (301) hide show

package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss CHANGED Viewed

@@ -3682,7 +3682,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;

package/SCSS-Themes/documenteditor/document-editor/material-dark-lite.scss CHANGED Viewed

@@ -3699,7 +3699,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;

package/SCSS-Themes/documenteditor/document-editor/material-dark.scss CHANGED Viewed

@@ -3699,7 +3699,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;

package/SCSS-Themes/documenteditor/document-editor/material-lite.scss CHANGED Viewed

@@ -3699,7 +3699,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;

package/SCSS-Themes/documenteditor/document-editor/material.scss CHANGED Viewed

@@ -3699,7 +3699,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;

package/SCSS-Themes/documenteditor/document-editor/material3-dark-lite.scss CHANGED Viewed

@@ -3690,7 +3690,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;

package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss CHANGED Viewed

@@ -3690,7 +3690,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;

package/SCSS-Themes/documenteditor/document-editor/material3-lite.scss CHANGED Viewed

@@ -3690,7 +3690,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;

package/SCSS-Themes/documenteditor/document-editor/material3.scss CHANGED Viewed

@@ -3690,7 +3690,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;

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

@@ -3689,7 +3689,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;

package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss CHANGED Viewed

@@ -3689,7 +3689,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;

package/SCSS-Themes/documenteditor/document-editor/tailwind-lite.scss CHANGED Viewed

@@ -3689,7 +3689,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;

package/SCSS-Themes/documenteditor/document-editor/tailwind.scss CHANGED Viewed

@@ -3689,7 +3689,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;

package/SCSS-Themes/documenteditor/document-editor/tailwind3-dark-lite.scss CHANGED Viewed

@@ -3703,7 +3703,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;

package/SCSS-Themes/documenteditor/document-editor/tailwind3-dark.scss CHANGED Viewed

@@ -3703,7 +3703,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;

package/SCSS-Themes/documenteditor/document-editor/tailwind3-lite.scss CHANGED Viewed

@@ -3703,7 +3703,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;

package/SCSS-Themes/documenteditor/document-editor/tailwind3.scss CHANGED Viewed

@@ -3703,7 +3703,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;

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

@@ -54186,7 +54186,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -61769,6 +61769,10 @@ $grid-checkmark-color: $theme-dark-font !default;
       border-right: 1px solid;
     }
+    .e-tableborder:has(.e-emptyrow) {
+      border: none;
+    }
     .e-virtualtable {
       will-change: transform;
       z-index: 1;
@@ -64047,7 +64051,7 @@ $grid-checkmark-color: $theme-dark-font !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;
@@ -71619,7 +71623,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;
         }
@@ -73575,7 +73579,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;
         }
       }
@@ -108046,8 +108050,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 0 !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 0 !default;
+$chat-suggesstion-line-height: 22px !default;
 $chat-suggesstions-list-padding: 1px 8px !default;
+$chat-suggesstion-bigger-line-height: 24px !default;
 $chat-suggesstions-li-padding-bigger: 4px 12px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -108393,7 +108399,7 @@ $timestamp-border-color: $neutral-light !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;
@@ -108475,6 +108481,9 @@ $timestamp-border-color: $neutral-light !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
@@ -108571,6 +108580,13 @@ $timestamp-border-color: $neutral-light !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') {
@@ -108579,10 +108595,6 @@ $timestamp-border-color: $neutral-light !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/fabric-dark.scss CHANGED Viewed

@@ -73613,7 +73613,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -83969,6 +83969,10 @@ $grid-checkmark-color: $theme-dark-font !default;
       border-right: 1px solid;
     }
+    .e-tableborder:has(.e-emptyrow) {
+      border: none;
+    }
     .e-virtualtable {
       will-change: transform;
       z-index: 1;
@@ -86247,7 +86251,7 @@ $grid-checkmark-color: $theme-dark-font !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;
@@ -97394,7 +97398,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;
         }
@@ -99350,7 +99354,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;
         }
       }
@@ -140467,8 +140471,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 0 !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 0 !default;
+$chat-suggesstion-line-height: 22px !default;
 $chat-suggesstions-list-padding: 1px 8px !default;
+$chat-suggesstion-bigger-line-height: 24px !default;
 $chat-suggesstions-li-padding-bigger: 4px 12px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -140814,7 +140820,7 @@ $timestamp-border-color: $neutral-light !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;
@@ -140896,6 +140902,9 @@ $timestamp-border-color: $neutral-light !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
@@ -140992,6 +141001,13 @@ $timestamp-border-color: $neutral-light !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') {
@@ -141000,10 +141016,6 @@ $timestamp-border-color: $neutral-light !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;
@@ -141196,6 +141208,7 @@ $timestamp-border-color: $neutral-light !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/fabric-lite.scss CHANGED Viewed

@@ -53959,7 +53959,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -61543,6 +61543,10 @@ $grid-checkmark-color: $theme-primary-font !default;
       border-right: 1px solid;
     }
+    .e-tableborder:has(.e-emptyrow) {
+      border: none;
+    }
     .e-virtualtable {
       will-change: transform;
       z-index: 1;
@@ -63821,7 +63825,7 @@ $grid-checkmark-color: $theme-primary-font !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;
@@ -71394,7 +71398,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;
         }
@@ -73350,7 +73354,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;
         }
       }
@@ -107821,8 +107825,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 0 !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 0 !default;
+$chat-suggesstion-line-height: 22px !default;
 $chat-suggesstions-list-padding: 1px 8px !default;
+$chat-suggesstion-bigger-line-height: 24px !default;
 $chat-suggesstions-li-padding-bigger: 4px 12px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -108168,7 +108174,7 @@ $timestamp-border-color: $neutral-lighter !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;
@@ -108250,6 +108256,9 @@ $timestamp-border-color: $neutral-lighter !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
@@ -108346,6 +108355,13 @@ $timestamp-border-color: $neutral-lighter !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') {
@@ -108354,10 +108370,6 @@ $timestamp-border-color: $neutral-lighter !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/fabric.scss CHANGED Viewed

@@ -73386,7 +73386,7 @@ $de-column-presets-font-size: 60px !default;
             height: 20px;
             line-height: 20px;
             min-width: 44px;
-            max-width: 150px;
+            max-width: auto;
             padding: 0px 8px;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -83743,6 +83743,10 @@ $grid-checkmark-color: $theme-primary-font !default;
       border-right: 1px solid;
     }
+    .e-tableborder:has(.e-emptyrow) {
+      border: none;
+    }
     .e-virtualtable {
       will-change: transform;
       z-index: 1;
@@ -86021,7 +86025,7 @@ $grid-checkmark-color: $theme-primary-font !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;
@@ -97169,7 +97173,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;
         }
@@ -99125,7 +99129,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;
         }
       }
@@ -140242,8 +140246,10 @@ $timebreak-font-weight: 400 !default;
 $timebreak-border-radius: 0 !default;
 $typing-user-font-size: 12px !default;
 $suggestion-border-radius: 0 !default;
+$chat-suggesstion-line-height: 22px !default;
 $chat-suggesstions-list-padding: 1px 8px !default;
+$chat-suggesstion-bigger-line-height: 24px !default;
 $chat-suggesstions-li-padding-bigger: 4px 12px !default;
 $typing-user-font-size-bigger: 14px !default;
 $chat-text-font-size-bigger: 16px !default;
@@ -140589,7 +140595,7 @@ $timestamp-border-color: $neutral-lighter !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;
@@ -140671,6 +140677,9 @@ $timestamp-border-color: $neutral-lighter !default;
         }
       }
     }
+    .e-empty-chat-template {
+      margin: auto;
+    }
   }
 }
@@ -140767,6 +140776,13 @@ $timestamp-border-color: $neutral-lighter !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') {
@@ -140775,10 +140791,6 @@ $timestamp-border-color: $neutral-lighter !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;
@@ -140971,6 +140983,7 @@ $timestamp-border-color: $neutral-lighter !default;
       li {
         font-size: $timebreak-font-size-bigger;
         padding: $chat-suggesstions-li-padding-bigger;
+        line-height: $chat-suggesstion-bigger-line-height;
       }
     }
     &.e-rtl {