@syncfusion/blazor-themes 30.1.37 → 30.1.39

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

@@ -28288,6 +28288,11 @@ $cmenu-disabled-item-opacity: .5 !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 {
@@ -38022,6 +38027,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;
+          }
         }
       }
       
@@ -38084,6 +38093,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -38100,11 +38110,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 {
@@ -38859,7 +38876,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !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;
@@ -38885,7 +38902,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-lighter !default;
 $tab-alt-disable-text-color: rgba($border-light, .38) !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-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;
@@ -39131,7 +39148,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;
@@ -47053,7 +47070,7 @@ $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;
 $ddt-box-shadow: none !default;
-$ddt-close-icon-bottom: 10px !default;
+$ddt-close-icon-bottom: 8px !default;
 $ddt-dd-icon-bottom: 0 !default;
 $ddt-dd-icon-width: 30px !default;
 $ddt-close-icon-width: 20px !default;
@@ -73453,7 +73470,7 @@ $rte-popup-item-padding: 4px 4px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -73598,6 +73615,7 @@ $rte-popup-item-padding: 4px 4px !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;
@@ -75290,6 +75308,12 @@ $rte-popup-item-padding: 4px 4px !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 {
@@ -75600,6 +75624,30 @@ $rte-popup-item-padding: 4px 4px !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 {
@@ -82892,6 +82940,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;
   }
@@ -111730,6 +111782,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 {
@@ -112262,6 +112319,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;

package/SCSS-Themes/bootstrap5-dark.scss

@@ -39316,6 +39316,11 @@ $cmenu-disabled-item-opacity: .5 !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 {
@@ -52325,6 +52330,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;
+          }
         }
       }
       
@@ -52387,6 +52396,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -52403,11 +52413,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 {
@@ -53486,7 +53503,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !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;
@@ -53512,7 +53529,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-lighter !default;
 $tab-alt-disable-text-color: rgba($border-light, .38) !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-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;
@@ -53758,7 +53775,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;
@@ -63804,7 +63821,7 @@ $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;
 $ddt-box-shadow: none !default;
-$ddt-close-icon-bottom: 10px !default;
+$ddt-close-icon-bottom: 8px !default;
 $ddt-dd-icon-bottom: 0 !default;
 $ddt-dd-icon-width: 30px !default;
 $ddt-close-icon-width: 20px !default;
@@ -99466,7 +99483,7 @@ $rte-popup-item-padding: 4px 4px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -99611,6 +99628,7 @@ $rte-popup-item-padding: 4px 4px !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;
@@ -101303,6 +101321,12 @@ $rte-popup-item-padding: 4px 4px !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 {
@@ -101613,6 +101637,30 @@ $rte-popup-item-padding: 4px 4px !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 {
@@ -102823,7 +102871,8 @@ $rte-popup-item-padding: 4px 4px !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;
@@ -110410,6 +110459,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;
   }
@@ -144513,6 +144566,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 {
@@ -145225,6 +145283,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;

package/SCSS-Themes/bootstrap5-lite.scss

@@ -28287,6 +28287,11 @@ $cmenu-disabled-item-opacity: .5 !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 {
@@ -38021,6 +38026,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;
+          }
         }
       }
       
@@ -38083,6 +38092,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -38099,11 +38109,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 {
@@ -38858,7 +38875,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !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;
@@ -38884,7 +38901,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-lighter !default;
 $tab-alt-disable-text-color: rgba($border-light, .38) !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-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;
@@ -39130,7 +39147,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-alt-active-close-icon-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;
@@ -47052,7 +47069,7 @@ $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
 /* stylelint-disable */
 $ddt-skin-name: $skin-name !default;
 $ddt-box-shadow: none !default;
-$ddt-close-icon-bottom: 10px !default;
+$ddt-close-icon-bottom: 8px !default;
 $ddt-dd-icon-bottom: 0 !default;
 $ddt-dd-icon-width: 30px !default;
 $ddt-close-icon-width: 20px !default;
@@ -73452,7 +73469,7 @@ $rte-popup-item-padding: 4px 4px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -73597,6 +73614,7 @@ $rte-popup-item-padding: 4px 4px !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;
@@ -75289,6 +75307,12 @@ $rte-popup-item-padding: 4px 4px !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 {
@@ -75599,6 +75623,30 @@ $rte-popup-item-padding: 4px 4px !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 {
@@ -82891,6 +82939,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;
   }
@@ -111729,6 +111781,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 {
@@ -112261,6 +112318,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;