@syncfusion/blazor-themes 27.2.3 → 27.2.5

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

@@ -42002,6 +42002,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -42196,6 +42202,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -42212,6 +42227,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -42355,6 +42374,14 @@ $ripple-width: 32px !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -42484,6 +42511,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -60457,6 +60488,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -60586,7 +60618,7 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -60983,8 +61015,8 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -63622,6 +63654,14 @@ $grid-checkmark-color: $theme-dark-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -63791,7 +63831,9 @@ $grid-checkmark-color: $theme-dark-font !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -64221,6 +64263,12 @@ $grid-checkmark-color: $theme-dark-font !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -81364,6 +81412,12 @@ $lg-desktop: 1399.98;
       padding-right: 1px;
       padding-top: 1px;
     }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
     @if $skin-name == 'fluent2' {
       padding: 0 !important;/* stylelint-disable-line declaration-no-important */
       color: $pv-icon-color;

package/SCSS-Themes/fabric-dark.scss

@@ -57612,6 +57612,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -57806,6 +57812,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -57822,6 +57837,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -57965,6 +57984,14 @@ $ripple-width: 32px !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -58094,6 +58121,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -82178,6 +82209,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -82307,7 +82339,7 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -82704,8 +82736,8 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -85343,6 +85375,14 @@ $grid-checkmark-color: $theme-dark-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -85512,7 +85552,9 @@ $grid-checkmark-color: $theme-dark-font !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -85942,6 +85984,12 @@ $grid-checkmark-color: $theme-dark-font !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -86340,7 +86388,9 @@ $grid-checkmark-color: $theme-dark-font !default;
 
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }
@@ -88177,10 +88227,10 @@ $grid-checkmark-color: $theme-dark-font !default;
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
+            color: $grid-responsive-custom-header-btn-color;
             background: none;
           }
           border: 0;
-          color: $grid-responsive-custom-header-btn-color;
         }
         & .e-btn .e-icon-filter-clear {
           @if $grid-skin == 'fluent2' {
@@ -108103,6 +108153,12 @@ $lg-desktop: 1399.98;
       padding-right: 1px;
       padding-top: 1px;
     }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
     @if $skin-name == 'fluent2' {
       padding: 0 !important;/* stylelint-disable-line declaration-no-important */
       color: $pv-icon-color;

package/SCSS-Themes/fabric-lite.scss

@@ -41785,6 +41785,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -41979,6 +41985,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -41995,6 +42010,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -42138,6 +42157,14 @@ $ripple-width: 32px !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -42267,6 +42294,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -60231,6 +60262,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -60360,7 +60392,7 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -60757,8 +60789,8 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -63396,6 +63428,14 @@ $grid-checkmark-color: $theme-primary-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -63565,7 +63605,9 @@ $grid-checkmark-color: $theme-primary-font !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -63995,6 +64037,12 @@ $grid-checkmark-color: $theme-primary-font !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -81143,6 +81191,12 @@ $lg-desktop: 1399.98;
       padding-right: 1px;
       padding-top: 1px;
     }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
     @if $skin-name == 'fluent2' {
       padding: 0 !important;/* stylelint-disable-line declaration-no-important */
       color: $pv-icon-color;

package/SCSS-Themes/fabric.scss

@@ -57395,6 +57395,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -57589,6 +57595,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -57605,6 +57620,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -57748,6 +57767,14 @@ $ripple-width: 32px !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -57877,6 +57904,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -81952,6 +81983,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -82081,7 +82113,7 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -82478,8 +82510,8 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -85117,6 +85149,14 @@ $grid-checkmark-color: $theme-primary-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -85286,7 +85326,9 @@ $grid-checkmark-color: $theme-primary-font !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -85716,6 +85758,12 @@ $grid-checkmark-color: $theme-primary-font !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -86116,7 +86164,9 @@ $grid-checkmark-color: $theme-primary-font !default;
 
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }
@@ -87953,10 +88003,10 @@ $grid-checkmark-color: $theme-primary-font !default;
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
+            color: $grid-responsive-custom-header-btn-color;
             background: none;
           }
           border: 0;
-          color: $grid-responsive-custom-header-btn-color;
         }
         & .e-btn .e-icon-filter-clear {
           @if $grid-skin == 'fluent2' {
@@ -107882,6 +107932,12 @@ $lg-desktop: 1399.98;
       padding-right: 1px;
       padding-top: 1px;
     }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
     @if $skin-name == 'fluent2' {
       padding: 0 !important;/* stylelint-disable-line declaration-no-important */
       color: $pv-icon-color;