@syncfusion/blazor-themes 30.1.37 → 30.1.39

package/SCSS-Themes/fabric-dark.scss

@@ -39214,6 +39214,11 @@ $cmenu-li-selected-outline-offset: 0 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
 
         &.e-ul {
@@ -52131,6 +52136,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
       
@@ -52193,6 +52202,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -52209,11 +52219,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
         &:first-child {
 
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+
+            &:last-child {
+              margin-right: 0;
+            }
+          }
+
           > .e-toolbar-right .e-toolbar-item {
 
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
 
             &:first-child {
@@ -99128,7 +99145,7 @@ $rte-popup-item-padding: 1px 1px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -99273,6 +99290,7 @@ $rte-popup-item-padding: 1px 1px !default;
       }
 
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -100965,6 +100983,12 @@ $rte-popup-item-padding: 1px 1px !default;
   }
 }
 
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
+
 //toolbar popup min height over riding end
 
 .e-richtexteditor .e-rte-tb-bottom {
@@ -101275,6 +101299,30 @@ $rte-popup-item-padding: 1px 1px !default;
     }
   }
 
+  .e-richtexteditor.e-disabled .e-rte-toolbar .e-toolbar-item {
+    .e-tbar-btn,
+    .e-rte-dropdown-menu,
+    .e-rte-dropdown {
+      pointer-events: none;
+      cursor: default;
+      background: transparent;
+      border: none;
+
+      &:hover {
+        background: transparent;
+        border: none;
+
+        .e-icons,
+        .e-rte-dropdown-btn-text,
+        .e-rte-font-color::before,
+        .e-background-color::before {
+          color: inherit;
+          background: transparent;
+        }
+      }
+    }
+  }
+
   .e-richtexteditor .e-rte-toolbar .e-toolbar-item,
   .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item {
     .e-rte-dropdown {
@@ -102486,7 +102534,8 @@ $rte-popup-item-padding: 1px 1px !default;
 .e-bigger .e-richtexteditor {
   .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item,
   .e-rte-toolbar .e-toolbar-pop:not(.e-toolbar-extended) .e-toolbar-item.e-toolbar-popup,
-  .e-rte-toolbar .e-toolbar-item {
+  .e-rte-toolbar .e-toolbar-item,
+  .e-rte-toolbar .e-toolbar-items .e-toolbar-item {
     .e-tbar-btn.e-btn {
       min-height: $rte-big-split-btn-height;
       min-width: $rte-big-split-btn-height;
@@ -110059,6 +110108,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
 
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
+
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -144156,6 +144209,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -144868,6 +144926,8 @@ $message-toolbar-border-color: $neutral-tertiary !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;

package/SCSS-Themes/fabric-lite.scss

@@ -28022,6 +28022,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
 
         &.e-ul {
@@ -37613,6 +37618,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
       
@@ -37675,6 +37684,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -37691,11 +37701,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
         &:first-child {
 
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+
+            &:last-child {
+              margin-right: 0;
+            }
+          }
+
           > .e-toolbar-right .e-toolbar-item {
 
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
 
             &:first-child {
@@ -38730,7 +38747,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-hover-text-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-hover-text-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-fill-focused-active-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-alt-active-style-hover-icon-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-hover-text-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-hover-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: $tab-alt-wrap-border-color !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;
@@ -72897,7 +72914,7 @@ $rte-popup-item-padding: 1px 1px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -73042,6 +73059,7 @@ $rte-popup-item-padding: 1px 1px !default;
       }
 
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -74734,6 +74752,12 @@ $rte-popup-item-padding: 1px 1px !default;
   }
 }
 
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
+
 //toolbar popup min height over riding end
 
 .e-richtexteditor .e-rte-tb-bottom {
@@ -75044,6 +75068,30 @@ $rte-popup-item-padding: 1px 1px !default;
     }
   }
 
+  .e-richtexteditor.e-disabled .e-rte-toolbar .e-toolbar-item {
+    .e-tbar-btn,
+    .e-rte-dropdown-menu,
+    .e-rte-dropdown {
+      pointer-events: none;
+      cursor: default;
+      background: transparent;
+      border: none;
+
+      &:hover {
+        background: transparent;
+        border: none;
+
+        .e-icons,
+        .e-rte-dropdown-btn-text,
+        .e-rte-font-color::before,
+        .e-background-color::before {
+          color: inherit;
+          background: transparent;
+        }
+      }
+    }
+  }
+
   .e-richtexteditor .e-rte-toolbar .e-toolbar-item,
   .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item {
     .e-rte-dropdown {
@@ -82327,6 +82375,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
 
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
+
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -111157,6 +111209,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -111689,6 +111746,8 @@ $message-toolbar-border-color: $neutral-lighter !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;

package/SCSS-Themes/fabric.scss

@@ -39050,6 +39050,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
 
         &.e-ul {
@@ -51916,6 +51921,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
       
@@ -51978,6 +51987,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -51994,11 +52004,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
         &:first-child {
 
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+
+            &:last-child {
+              margin-right: 0;
+            }
+          }
+
           > .e-toolbar-right .e-toolbar-item {
 
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
 
             &:first-child {
@@ -53357,7 +53374,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-hover-text-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-hover-text-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-fill-focused-active-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-alt-active-style-hover-icon-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-hover-text-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-hover-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: $tab-alt-wrap-border-color !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;
@@ -98910,7 +98927,7 @@ $rte-popup-item-padding: 1px 1px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -99055,6 +99072,7 @@ $rte-popup-item-padding: 1px 1px !default;
       }
 
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -100747,6 +100765,12 @@ $rte-popup-item-padding: 1px 1px !default;
   }
 }
 
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
+
 //toolbar popup min height over riding end
 
 .e-richtexteditor .e-rte-tb-bottom {
@@ -101057,6 +101081,30 @@ $rte-popup-item-padding: 1px 1px !default;
     }
   }
 
+  .e-richtexteditor.e-disabled .e-rte-toolbar .e-toolbar-item {
+    .e-tbar-btn,
+    .e-rte-dropdown-menu,
+    .e-rte-dropdown {
+      pointer-events: none;
+      cursor: default;
+      background: transparent;
+      border: none;
+
+      &:hover {
+        background: transparent;
+        border: none;
+
+        .e-icons,
+        .e-rte-dropdown-btn-text,
+        .e-rte-font-color::before,
+        .e-background-color::before {
+          color: inherit;
+          background: transparent;
+        }
+      }
+    }
+  }
+
   .e-richtexteditor .e-rte-toolbar .e-toolbar-item,
   .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item {
     .e-rte-dropdown {
@@ -102268,7 +102316,8 @@ $rte-popup-item-padding: 1px 1px !default;
 .e-bigger .e-richtexteditor {
   .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item,
   .e-rte-toolbar .e-toolbar-pop:not(.e-toolbar-extended) .e-toolbar-item.e-toolbar-popup,
-  .e-rte-toolbar .e-toolbar-item {
+  .e-rte-toolbar .e-toolbar-item,
+  .e-rte-toolbar .e-toolbar-items .e-toolbar-item {
     .e-tbar-btn.e-btn {
       min-height: $rte-big-split-btn-height;
       min-width: $rte-big-split-btn-height;
@@ -109845,6 +109894,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
 
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
+
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -143940,6 +143993,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -144652,6 +144710,8 @@ $message-toolbar-border-color: $neutral-lighter !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;

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

@@ -28302,6 +28302,11 @@ $cmenu-hover-icon-color: $icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
 
         &.e-ul {
@@ -38089,6 +38094,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
       
@@ -38151,6 +38160,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -38167,11 +38177,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
         &:first-child {
 
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+
+            &:last-child {
+              margin-right: 0;
+            }
+          }
+
           > .e-toolbar-right .e-toolbar-item {
 
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
 
             &:first-child {
@@ -38680,7 +38697,7 @@ $tab-big-fill-height: 48px !default;
 $tab-nrml-fill-height: 44px !default;
 $tab-mob-fill-height: 42px !default;
 $tab-focus-big-fill-height: 42px !default;
-$tab-focus-nrml-fill-height: 32px !default;
+$tab-focus-nrml-fill-height: 44px !default;
 $tab-disable-cnt-opacity: .38 !default;
 $tab-big-tb-icon-height: 72px !default;
 $tab-nrml-tb-icon-height: 62px !default;
@@ -38793,7 +38810,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: $content-bg-color-alt2 !default;
-$tab-fill-focus-bg-color: $content-bg-color-alt2 !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $content-bg-color-alt3 !default;
 $tab-active-bg-color: $content-bg-color-alt2 !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -38876,7 +38893,7 @@ $tab-alt-active-style-hover-text-color: $content-text-color !default;
 $tab-alt-disable-active-text-color: $content-text-color-alt3 !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $content-text-color-alt2 !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text-color !default;
 $tab-clone-item-bg-color: $content-bg-color-alt3 !default;
 $tab-clone-text-color: $content-text-color-alt1 !default;
 $tab-icon-container-width: auto !default;
@@ -39200,7 +39217,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-comb-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-comb-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-alt-active-style-hover-icon-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-hover-text-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-hover-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: unset !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;
@@ -73549,7 +73566,7 @@ $rte-popup-item-padding: 0 0 !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -73694,6 +73711,7 @@ $rte-popup-item-padding: 0 0 !default;
       }
 
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -75386,6 +75404,12 @@ $rte-popup-item-padding: 0 0 !default;
   }
 }
 
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
+
 //toolbar popup min height over riding end
 
 .e-richtexteditor .e-rte-tb-bottom {
@@ -75696,6 +75720,30 @@ $rte-popup-item-padding: 0 0 !default;
     }
   }
 
+  .e-richtexteditor.e-disabled .e-rte-toolbar .e-toolbar-item {
+    .e-tbar-btn,
+    .e-rte-dropdown-menu,
+    .e-rte-dropdown {
+      pointer-events: none;
+      cursor: default;
+      background: transparent;
+      border: none;
+
+      &:hover {
+        background: transparent;
+        border: none;
+
+        .e-icons,
+        .e-rte-dropdown-btn-text,
+        .e-rte-font-color::before,
+        .e-background-color::before {
+          color: inherit;
+          background: transparent;
+        }
+      }
+    }
+  }
+
   .e-richtexteditor .e-rte-toolbar .e-toolbar-item,
   .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item {
     .e-rte-dropdown {
@@ -82984,6 +83032,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
 
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
+
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -111828,6 +111880,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -112360,6 +112417,8 @@ $message-toolbar-border-color: $border-light !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;