@syncfusion/blazor-themes 24.2.3 → 24.2.5

package/SCSS-Themes/material.scss

@@ -25722,7 +25722,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;
@@ -27193,7 +27193,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;
   }
@@ -80944,6 +80944,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 {
@@ -80952,6 +80954,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;
@@ -81012,6 +81015,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;
@@ -81043,6 +81047,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;
@@ -81074,11 +81079,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;
@@ -81217,21 +81224,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;
@@ -87409,50 +87420,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;
     }
@@ -87501,8 +87525,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {
@@ -87936,8 +87958,7 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 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;
     }
 
@@ -90389,13 +90410,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
 $rte-big-table-dlg-max-height: 312px !default;
 $rte-big-edit-table-dlg-max-height: 385px !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: $grey-50;
 $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;
@@ -90586,6 +90609,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 {
@@ -91558,7 +91586,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,
@@ -92465,7 +92493,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;
@@ -93131,7 +93161,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,
@@ -93453,6 +93491,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/material3-dark.scss

@@ -26072,7 +26072,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;
@@ -27546,7 +27546,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;
   }
@@ -81445,6 +81445,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 {
@@ -81453,6 +81455,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;
@@ -81513,6 +81516,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;
@@ -81544,6 +81548,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;
@@ -81575,11 +81580,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;
@@ -81718,21 +81725,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;
@@ -87953,50 +87964,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;
     }
@@ -88045,8 +88069,6 @@ $form-button-padding: 7px 16px !default;
       grid-column: span 12/span 12;
     }
 
-    
-
     .e-label-left {
 
       .e-form-item-wrapper {
@@ -88478,8 +88500,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;
     }
 
@@ -90817,7 +90838,8 @@ $rte-default-character-count-opacity: 1;
 $rte-droparea-line-height: 10;
 $rte-droparea-browsebtn-height: 32px;
 $rte-droparea-browsebtn-padding: 6px 16px;
-$rte-droparea-browsebtn-top: -50px;
+$rte-droparea-browsebtn-top: -120px;
+$rte-big-droparea-browsebtn-top: -120px;
 $rte-inline-dropdown-line-height: 14px !default;
 $rte-big-inline-dropdown-line-height: 14px !default;
 $rte-insert-dialog-font-size: 10px;
@@ -90960,7 +90982,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: 280px !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-alt2 !default;
 $rte-extended-toolbar-items-padding: 0;
@@ -90974,7 +90997,7 @@ $rte-big-dropdown-btn-color-content-padding: 9.5px !default;
 $rte-tb-expended-min-height: 48px !default;
 $rte-big-tb-expended-min-height: 56px !default;
 $rte-tb-expended-padding-left: 1px !default;
-$rte-tb-expended-hover-padding-left: 0 !default;
+$rte-tb-expended-hover-padding-left: 1px !default;
 $rte-toolbar-expaned-minwidth: 18px !default;
 
 $rte-emoji-pop-background: $flyout-bg-color;
@@ -91132,6 +91155,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 {
@@ -92104,7 +92132,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,
@@ -93011,7 +93039,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;
@@ -93677,7 +93707,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,
@@ -93999,6 +94037,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 {