@syncfusion/blazor-themes 26.1.35 → 26.1.40

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss

@@ -1507,14 +1507,24 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
 
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
 
         &.e-h3 {
@@ -2856,7 +2866,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2865,27 +2875,27 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;

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

@@ -4351,6 +4351,18 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4529,6 +4541,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/bds.scss

@@ -4351,6 +4351,18 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4529,6 +4541,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss

@@ -4349,6 +4349,18 @@ $schedule-tree-content-color: #fff !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4527,6 +4539,10 @@ $schedule-tree-content-color: #fff !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/bootstrap.scss

@@ -4349,6 +4349,18 @@ $schedule-tree-content-color: $shadow !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4527,6 +4539,10 @@ $schedule-tree-content-color: $shadow !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/bootstrap4.scss

@@ -4352,6 +4352,18 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4530,6 +4542,10 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

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

@@ -4353,6 +4353,18 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4531,6 +4543,10 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/bootstrap5.scss

@@ -4353,6 +4353,18 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4531,6 +4543,10 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/fabric-dark.scss

@@ -4350,6 +4350,18 @@ $schedule-tree-content-color: #fff !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4528,6 +4540,10 @@ $schedule-tree-content-color: #fff !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/fabric.scss

@@ -4349,6 +4349,18 @@ $schedule-tree-content-color: $shadow !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4527,6 +4539,10 @@ $schedule-tree-content-color: $shadow !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

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

@@ -4355,6 +4355,18 @@ $schedule-tree-content-color: $content-text-color-alt2;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4533,6 +4545,10 @@ $schedule-tree-content-color: $content-text-color-alt2;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/fluent.scss

@@ -4355,6 +4355,18 @@ $schedule-tree-content-color: $content-text-color-alt2;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4533,6 +4545,10 @@ $schedule-tree-content-color: $content-text-color-alt2;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/fluent2-dark.scss

@@ -157,8 +157,8 @@ $schedule-popup-content-padding: 40px 18px 12px !default;
 $schedule-recurrence-font-size: $text-xs !default;
 $schedule-tbar-bgr-min-height: 48px !default;
 $schedule-tbar-border-bottom-size: 1px solid $border-light !default;
-$schedule-tbar-box-shadow: $shadow-sm !default;
-$schedule-tbar-box-shadow-bottom-margin: 3px !default;
+$schedule-tbar-box-shadow: none !default;
+$schedule-tbar-box-shadow-bottom-margin: 0 !default;
 $schedule-tbar-min-height: 40px !default;
 $schedule-tbar-down-arrow-font-size: $text-lg !default;
 $schedule-tbar-down-arrow-margin-top: 2px !default;
@@ -196,7 +196,7 @@ $schedule-header-hover-border-radius: 4px !default;
 $schedule-more-popup-wrapper-border-radius: 6px !default;
 $schedule-box-shadow: 0 1px 0 rgba($color: $black, $alpha: .15) !default;
 $schedule-select-focus-bg-color: $content-bg-color !default;
-$schedule-select-focus-box-shadow: $shadow-focus-ring1 !default;
+$schedule-select-focus-box-shadow: $keyboard-focus !default;
 $schedule-popup-box-shadow-1: $shadow-lg !default;
 $schedule-popup-box-shadow-2: $shadow-lg !default;
 $schedule-popup-box-shadow-3: $shadow-lg !default;
@@ -4352,6 +4352,18 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4530,6 +4542,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/fluent2.scss

@@ -157,8 +157,8 @@ $schedule-popup-content-padding: 40px 18px 12px !default;
 $schedule-recurrence-font-size: $text-xs !default;
 $schedule-tbar-bgr-min-height: 48px !default;
 $schedule-tbar-border-bottom-size: 1px solid $border-light !default;
-$schedule-tbar-box-shadow: $shadow-sm !default;
-$schedule-tbar-box-shadow-bottom-margin: 3px !default;
+$schedule-tbar-box-shadow: none !default;
+$schedule-tbar-box-shadow-bottom-margin: 0 !default;
 $schedule-tbar-min-height: 40px !default;
 $schedule-tbar-down-arrow-font-size: $text-lg !default;
 $schedule-tbar-down-arrow-margin-top: 2px !default;
@@ -196,7 +196,7 @@ $schedule-header-hover-border-radius: 4px !default;
 $schedule-more-popup-wrapper-border-radius: 6px !default;
 $schedule-box-shadow: 0 1px 0 rgba($color: $black, $alpha: .15) !default;
 $schedule-select-focus-bg-color: $content-bg-color !default;
-$schedule-select-focus-box-shadow: $shadow-focus-ring1 !default;
+$schedule-select-focus-box-shadow: $keyboard-focus !default;
 $schedule-popup-box-shadow-1: $shadow-lg !default;
 $schedule-popup-box-shadow-2: $shadow-lg !default;
 $schedule-popup-box-shadow-3: $shadow-lg !default;
@@ -4352,6 +4352,18 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4530,6 +4542,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/highcontrast.scss

@@ -4350,6 +4350,18 @@ $schedule-tree-content-color: #fff !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4528,6 +4540,10 @@ $schedule-tree-content-color: #fff !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/material-dark.scss

@@ -4349,6 +4349,18 @@ $schedule-tree-content-color: #fff !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4527,6 +4539,10 @@ $schedule-tree-content-color: #fff !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/material.scss

@@ -4349,6 +4349,18 @@ $schedule-tree-content-color: $shadow;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4527,6 +4539,10 @@ $schedule-tree-content-color: $shadow;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/material3-dark.scss

@@ -4354,6 +4354,18 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4532,6 +4544,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/material3.scss

@@ -4354,6 +4354,18 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4532,6 +4544,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }

package/SCSS-Themes/schedule/schedule/tailwind-dark.scss

@@ -4350,6 +4350,18 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
   }
 }
 
+@media print {
+  .e-schedule {
+    .e-table-container {
+      display: block;
+    }
+
+    .e-vertical-view .e-content-table thead {
+      break-inside: auto;
+    }
+  }
+}
+
 .e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background: $schedule-popup-bg-color;
@@ -4528,6 +4540,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 @mixin schedule-select-cell-focus-styles {
   @if ($theme-name == 'fluent2') {
     &:focus {
+      background: $content-bg-color-focus;
+    }
+
+    &:focus-visible {
       background: $schedule-select-focus-bg-color;
       box-shadow: $schedule-select-focus-box-shadow;
     }