@syncfusion/blazor-themes 24.2.3 → 24.2.5

package/SCSS-Themes/bootstrap5.scss

@@ -27211,7 +27211,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }
@@ -80319,6 +80319,8 @@ margin: $grid-group-animator-cell-margin;
     }
 
     &.e-lib .e-leftfreeze,
+    &.e-lib.e-grid .e-headercell.e-leftfreeze,
+    &.e-lib.e-grid .e-headercell.e-rightfreeze,
     &.e-lib .e-rightfreeze,
     .e-leftfreeze,
     .e-rightfreeze {
@@ -80327,6 +80329,7 @@ margin: $grid-group-animator-cell-margin;
     }
 
     &.e-lib .e-fixedfreeze,
+    &.e-lib.e-grid .e-headercell.e-fixedfreeze,
     .e-fixedfreeze {
       position: sticky;
       z-index: 3;
@@ -80387,6 +80390,7 @@ margin: $grid-group-animator-cell-margin;
       overflow-x: hidden;
     }
 
+    &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
     &.e-lib .e-leftfreeze.e-freezeleftborder,
     .e-leftfreeze.e-freezeleftborder {
       border-right-width: 2px;
@@ -80418,6 +80422,7 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, -4px 0 8px $grid-frozen-shadow-background-color;
     }
   
+    &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
     &.e-lib .e-rightfreeze.e-freezerightborder,
     .e-rightfreeze.e-freezerightborder {
       border-left-width: 2px;
@@ -80449,11 +80454,13 @@ margin: $grid-group-animator-cell-margin;
       box-shadow: $grid-dragborder-box-shadow, 4px 0 8px $grid-frozen-shadow-background-color;
     }
 
+    &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
     &.e-lib .e-fixedfreeze.e-freezeleftborder,
     .e-fixedfreeze.e-freezeleftborder {
       border-left-width: 1px;
     }
 
+    &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
     &.e-lib .e-fixedfreeze.e-freezerightborder,
     .e-fixedfreeze.e-freezerightborder {
       border-right-width: 1px;
@@ -80592,21 +80599,25 @@ margin: $grid-group-animator-cell-margin;
         }
       }
 
+      &.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder,
       &.e-lib .e-leftfreeze.e-freezeleftborder,
       .e-leftfreeze.e-freezeleftborder {
         border-left-width: 2px;
       }
     
+      &.e-lib.e-default .e-headercell.e-rightfreeze.e-freezerightborder,
       &.e-lib .e-rightfreeze.e-freezerightborder,
       .e-rightfreeze.e-freezerightborder {
         border-right-width: 2px;
       }
   
+      &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezeleftborder,
       &.e-lib .e-fixedfreeze.e-freezeleftborder,
       .e-fixedfreeze.e-freezeleftborder {
         border-right-width: 1px;
       }
   
+      &.e-lib.e-default .e-headercell.e-fixedfreeze.e-freezerightborder,
       &.e-lib .e-fixedfreeze.e-freezerightborder,
       .e-fixedfreeze.e-freezerightborder {
         border-left-width: 1px;
@@ -86798,50 +86809,63 @@ $form-button-padding: 7px 16px !default;
       display: grid;
     }
 
+    /* stylelint-disable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-grid-col-2 {
+      -ms-grid-columns: repeat(2, 1fr);
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-3 {
+      -ms-grid-columns: repeat(3, 1fr);
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-4 {
+      -ms-grid-columns: repeat(4, 1fr);
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-5 {
+      -ms-grid-columns: repeat(5, 1fr);
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-6 {
+      -ms-grid-columns: repeat(6, 1fr);
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-7 {
+      -ms-grid-columns: repeat(7, 1fr);
       grid-template-columns: repeat(7, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-8 {
+      -ms-grid-columns: repeat(8, 1fr);
       grid-template-columns: repeat(8, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-9 {
+      -ms-grid-columns: repeat(9, 1fr);
       grid-template-columns: repeat(9, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-10 {
+      -ms-grid-columns: repeat(10, 1fr);
       grid-template-columns: repeat(10, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-11 {
+      -ms-grid-columns: repeat(11, 1fr);
       grid-template-columns: repeat(11, minmax(0, 1fr));
     }
 
     #{if(&, '&', '*')} .e-grid-col-12 {
+      -ms-grid-columns: repeat(12, 1fr);
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
 
+    /* stylelint-enable property-no-vendor-prefix */
     #{if(&, '&', '*')} .e-colspan-1 {
       grid-column: span 1/span 1;
     }
@@ -86890,8 +86914,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {
@@ -87323,8 +87345,7 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
     .e-gridcontent .e-table .e-detail-intent,
     .e-table .e-detailrow .e-detailindentcell,
     .e-table .e-detailrowexpand,
-    .e-table .e-detailrowcollapse,
-    .e-filterbarcell.e-mastercell {
+    .e-table .e-detailrowcollapse {
       display: none;
     }
 
@@ -89658,7 +89679,8 @@ $rte-default-character-count-opacity: 1;
 $rte-droparea-line-height: 10;
 $rte-droparea-browsebtn-height: 36px;
 $rte-droparea-browsebtn-padding: 0 18px;
-$rte-droparea-browsebtn-top: -50px;
+$rte-droparea-browsebtn-top: -120px;
+$rte-big-droparea-browsebtn-top: -120px;
 $rte-insert-dialog-font-size: 15px;
 $rte-big-insert-dialog-font-size: 15px;
 $rte-table-popup-tablecell-height: 14px;
@@ -89800,7 +89822,8 @@ $rte-big-edit-table-dlg-max-height: 373px !default;
 $toolbar-expand-icon-min-height: 40px !default;
 $rte-align-caret-icon-min-width: 24px !default;
 $rte-drop-text-width: 300px !default;
-$rte-drop-text-height: 185px !default;
+$rte-drop-text-height: 128px !default;
+$rte-big-drop-text-height: 140px !default;
 $rte-drop-text-mobile-width: 250px !default;
 $rte-tbar-default-bg: $content-bg-color-alt1;
 $rte-expand-tbar-hover-bg: $secondary-bg-color-hover !default;
@@ -89973,6 +89996,11 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-rte-content .e-content {
       font-size: $rte-big-content-font-size;
     }
+    .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
+    .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
+    .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
+      top: $rte-big-droparea-browsebtn-top;
+    }
   }
 
   .e-richtexteditor {
@@ -90945,7 +90973,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
     .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
     .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
-      top: -130px;
+      top: $rte-droparea-browsebtn-top;
     }
 
     .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
@@ -91852,7 +91880,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
   @if $skin-name == 'Material3' {
     .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
-      border-color: $outline;
+      font-weight: $font-weight;
+      border: 1px solid rgba($info-outline-border);
+      border-radius: 20px;
     }
     .e-dialog .e-dlg-header-content + .e-dlg-content{
       padding-top: 0;
@@ -92518,7 +92548,15 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
   }
 
   .e-dialog .e-vid-uploadwrap .e-droptext {
-    height: 108px;
+    height: $rte-drop-text-height;
+  }
+
+  .e-bigger .e-richtexteditor {
+    .e-dialog .e-img-uploadwrap .e-droptext,
+    .e-dialog .e-aud-uploadwrap .e-droptext,
+    .e-dialog .e-vid-uploadwrap .e-droptext {
+      height: $rte-big-drop-text-height;
+    }
   }
 
   .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -92840,6 +92878,9 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
       border-top-right-radius: $rte-border-top-right-radius;
     }
+    .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
+      color: $rte-content-color;
+    }
   }
   // Blazor styles start
   .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {

package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss

@@ -29,10 +29,10 @@ $calendar-title-font-weight-style: 600 !default;
 $calendar-title-decoration-style: none !default;
 $calendar-header-title-padding: 0 5px !default;
 
-// Focus related styles
+//Focus related styles
 $calendar-title-focus-box-shadow: 0 0 0 1px $grey-light-font !default;
 $calendar-title-focus-background: none !default;
-$calendar-title-active-background: $grey-dark-font !default;
+$calendar-title-active-background: transparent !default;
 $calendar-icon-focus-box-shadow: 0 0 0 1px $grey-light-font !default;
 $calendar-title-border-radius: 4px !default;
 $calendar-title-hover-bg-color: none !default;
@@ -1580,7 +1580,7 @@ $calendar-small-font-size: 12px !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/bootstrap.scss

@@ -1580,7 +1580,7 @@ $calendar-small-font-size: 12px !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/bootstrap4.scss

@@ -31,10 +31,10 @@ $calendar-title-font-weight-style: 600 !default;
 $calendar-title-decoration-style: none !default;
 $calendar-header-title-padding: 0 5px !default;
 
-// Focus related styles
+//Focus related styles
 $calendar-title-focus-box-shadow: 0 0 0 1px $gray-900 !default;
 $calendar-title-focus-background: none !default;
-$calendar-title-active-background: $gray-900 !default;
+$calendar-title-active-background: transparent !default;
 $calendar-icon-focus-box-shadow: 0 0 0 1px $gray-900 !default;
 $calendar-title-border-radius: 4px !default;
 $calendar-title-hover-bg-color: none !default;
@@ -1580,7 +1580,7 @@ $calendar-small-font-size: 12px !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss

@@ -1600,7 +1600,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/bootstrap5.scss

@@ -1600,7 +1600,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/fabric-dark.scss

@@ -1544,7 +1544,7 @@ $calendar-small-font-size: 12px !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/fabric.scss

@@ -1542,7 +1542,7 @@ $calendar-small-font-size: 12px !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/fluent-dark.scss

@@ -1604,7 +1604,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/fluent.scss

@@ -1604,7 +1604,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/highcontrast.scss

@@ -1541,7 +1541,7 @@ $calendar-small-font-size: 12px !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/material-dark.scss

@@ -67,7 +67,7 @@ $calendar-normal-year-decade-height: 45px !default;
 $calendar-normal-header-height: 40px !default;
 $calendar-normal-icon-size: 36px !default;
 $calendar-normal-today-button-height: 36px !default;
-$calendar-border-radius: 4px !default;
+$calendar-border-radius: 50% !default;
 $calendar-pointer-events: none !default;
 $calendar-float-right-style: right !default;
 $calendar-icon-padding-top: 0 !default;
@@ -1546,7 +1546,7 @@ $calendar-small-font-size: 12px !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/material.scss

@@ -70,7 +70,7 @@ $calendar-normal-year-decade-height: 45px !default;
 $calendar-normal-header-height: 40px !default;
 $calendar-normal-icon-size: 36px !default;
 $calendar-normal-today-button-height: 36px !default;
-$calendar-border-radius: 4px !default;
+$calendar-border-radius: 50% !default;
 $calendar-pointer-events: none !default;
 $calendar-float-right-style: right !default;
 $calendar-icon-padding-top: 0 !default;
@@ -1541,7 +1541,7 @@ $calendar-small-font-size: 12px !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/material3-dark.scss

@@ -73,7 +73,7 @@ $calendar-normal-year-decade-height: 56px !default;
 $calendar-normal-header-height: 40px !default;
 $calendar-normal-icon-size: 36px !default;
 $calendar-normal-today-button-height: 36px !default;
-$calendar-border-radius: 4px !default;
+$calendar-border-radius: 32px !default;
 $calendar-pointer-events: initial !default;
 $calendar-float-right-style: right !default;
 $calendar-icon-padding-top: 0 !default;
@@ -1547,7 +1547,7 @@ $calendar-small-font-size: $text-xs !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/material3.scss

@@ -73,7 +73,7 @@ $calendar-normal-year-decade-height: 56px !default;
 $calendar-normal-header-height: 40px !default;
 $calendar-normal-icon-size: 36px !default;
 $calendar-normal-today-button-height: 36px !default;
-$calendar-border-radius: 4px !default;
+$calendar-border-radius: 32px !default;
 $calendar-pointer-events: initial !default;
 $calendar-float-right-style: right !default;
 $calendar-icon-padding-top: 0 !default;
@@ -1547,7 +1547,7 @@ $calendar-small-font-size: $text-xs !default;
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/tailwind-dark.scss

@@ -1613,7 +1613,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }

package/SCSS-Themes/calendars/calendar/tailwind.scss

@@ -1613,7 +1613,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
       color: $calendar-today-disabled-color;
     }
   }
-  .e-calendar .e-cell.e-focused-cell {
+  .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;
     border-radius: $calendar-border-radius;
   }