@syncfusion/blazor-themes 30.1.37 → 30.1.39

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

@@ -4076,7 +4076,7 @@ $float-label-disbale-font-color: $content-text-color-alt3 !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $close-icon-color-hover !default;
-$input-readonly-bg-color: $content-bg-color-alt2 !default;
+$input-readonly-bg-color: $content-bg-color !default;
 $input-readonly-color: $content-text-color !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary-light, .25) !default;
@@ -29044,6 +29044,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 {
@@ -38781,6 +38786,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;
+          }
         }
       }
       
@@ -38843,6 +38852,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -38859,11 +38869,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 {
@@ -39618,7 +39635,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: $flyout-bg-color-hover !default;
 $tab-active-bg-color: $flyout-bg-color-pressed !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -39644,7 +39661,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-text-color !default;
 $tab-alt-disable-text-color: $primary-text-color !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 !default;
@@ -39891,7 +39908,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;
@@ -74238,7 +74255,7 @@ $rte-popup-item-padding: 9px 4px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -74383,6 +74400,7 @@ $rte-popup-item-padding: 9px 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;
@@ -76075,6 +76093,12 @@ $rte-popup-item-padding: 9px 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 {
@@ -76385,6 +76409,30 @@ $rte-popup-item-padding: 9px 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 {
@@ -83675,6 +83723,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;
   }
@@ -112502,6 +112554,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 {
@@ -113034,6 +113091,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.3-dark.scss

@@ -4912,7 +4912,7 @@ $float-label-disbale-font-color: $content-text-color-alt3 !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $close-icon-color-hover !default;
-$input-readonly-bg-color: $content-bg-color-alt2 !default;
+$input-readonly-bg-color: $content-bg-color !default;
 $input-readonly-color: $content-text-color !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary-light, .25) !default;
@@ -40072,6 +40072,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 {
@@ -53084,6 +53089,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;
+          }
         }
       }
       
@@ -53146,6 +53155,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -53162,11 +53172,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 {
@@ -54245,7 +54262,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: $flyout-bg-color-hover !default;
 $tab-active-bg-color: $flyout-bg-color-pressed !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -54271,7 +54288,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-text-color !default;
 $tab-alt-disable-text-color: $primary-text-color !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 !default;
@@ -54518,7 +54535,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;
@@ -100251,7 +100268,7 @@ $rte-popup-item-padding: 9px 4px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -100396,6 +100413,7 @@ $rte-popup-item-padding: 9px 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;
@@ -102088,6 +102106,12 @@ $rte-popup-item-padding: 9px 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 {
@@ -102398,6 +102422,30 @@ $rte-popup-item-padding: 9px 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 {
@@ -103608,7 +103656,8 @@ $rte-popup-item-padding: 9px 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;
@@ -111193,6 +111242,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;
   }
@@ -145285,6 +145338,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 {
@@ -145997,6 +146055,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.3-lite.scss

@@ -4423,7 +4423,7 @@ $float-label-disbale-font-color: $content-text-color-alt3 !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $close-icon-color-hover !default;
-$input-readonly-bg-color: $content-bg-color-alt2 !default;
+$input-readonly-bg-color: $content-bg-color !default;
 $input-readonly-color: $content-text-color !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary-light, .25) !default;
@@ -29391,6 +29391,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 {
@@ -39128,6 +39133,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;
+          }
         }
       }
       
@@ -39190,6 +39199,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -39206,11 +39216,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 {
@@ -39965,7 +39982,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: $flyout-bg-color-hover !default;
 $tab-active-bg-color: $flyout-bg-color-pressed !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -39991,7 +40008,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-text-color !default;
 $tab-alt-disable-text-color: $primary-text-color !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 !default;
@@ -40238,7 +40255,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;
@@ -74585,7 +74602,7 @@ $rte-popup-item-padding: 9px 4px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -74730,6 +74747,7 @@ $rte-popup-item-padding: 9px 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;
@@ -76422,6 +76440,12 @@ $rte-popup-item-padding: 9px 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 {
@@ -76732,6 +76756,30 @@ $rte-popup-item-padding: 9px 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 {
@@ -84022,6 +84070,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;
   }
@@ -112849,6 +112901,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 {
@@ -113381,6 +113438,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;