@syncfusion/blazor-themes 27.2.2 → 27.2.4

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

@@ -32196,7 +32196,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,
@@ -61395,6 +61397,43 @@ $grid-checkmark-color: $primary !default;
         padding-left: $grid-columnchooser-input-padding-left;
       }
     }
+
+    & .e-mask {
+
+      &.e-skeleton {
+        display: inline-block;
+        height: 10px;
+        width: 80%;
+      }
+
+      &.e-mask-group-intent {
+        margin-left: 7px;
+        width: 16px;
+      }
+
+      &.e-mask-detail-intent {
+        width: 16px;
+      }
+
+      &.e-mask-checkbox-intent {
+        margin-left: 3px;
+        margin-right: 16px;
+        width: 20px;
+      }
+
+      &.e-mask-checkbox-filter-intent {
+        width: 13px;
+      }
+
+      &.e-mask-checkbox-filter-span-intent {
+        margin-left: 8px;
+      }
+      
+      &.e-mask-drag-intent {
+        margin-left: 12px;
+        width: 12px;
+      }
+    }
   }
 
   #{&}.e-grid {
@@ -62278,7 +62317,7 @@ $grid-checkmark-color: $primary !default;
 
     &:not(.e-grid-min-height) .e-gridcontent {
       tr td:not(.e-indentcell):first-child:empty,
-      .e-gridcontent tr.e-row .e-rowcell:empty {
+      tr.e-row .e-rowcell:empty {
         height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
       }
     }
@@ -63175,7 +63214,7 @@ $grid-checkmark-color: $primary !default;
 
     &.e-default .e-gridheader {
       th.e-firstcell,
-      th.e-laststackcell {
+      th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
         @include grid-border-width-styles;
       }
     }
@@ -64478,46 +64517,17 @@ $grid-checkmark-color: $primary !default;
       }
     }
 
-    &:not(.sf-grid).e-resize-lines.e-rtl {
-      &.e-default table th[rowspan] {
+    &.e-resize-lines {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-right: 0;
       }
     }
 
-    & .e-mask {
-
-      &.e-skeleton {
-        display: inline-block;
-        height: 10px;
-        width: 80%;
-      }
-
-      &.e-mask-group-intent {
-        margin-left: 7px;
-        width: 16px;
-      }
-
-      &.e-mask-detail-intent {
-        width: 16px;
-      }
-
-      &.e-mask-checkbox-intent {
-        margin-left: 3px;
-        margin-right: 16px;
-        width: 20px;
-      }
-
-      &.e-mask-checkbox-filter-intent {
-        width: 13px;
-      }
-
-      &.e-mask-checkbox-filter-span-intent {
-        margin-left: 8px;
-      }
-      
-      &.e-mask-drag-intent {
-        margin-left: 12px;
-        width: 12px;
+    &:not(.sf-grid).e-resize-lines.e-rtl {
+      &.e-default table th[rowspan] {
+        border-right: 0;
       }
     }
 
@@ -65827,6 +65837,12 @@ $grid-checkmark-color: $primary !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;

package/SCSS-Themes/bds-dark.scss

@@ -43843,7 +43843,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,
@@ -83116,6 +83118,43 @@ $grid-checkmark-color: $primary !default;
         padding-left: $grid-columnchooser-input-padding-left;
       }
     }
+
+    & .e-mask {
+
+      &.e-skeleton {
+        display: inline-block;
+        height: 10px;
+        width: 80%;
+      }
+
+      &.e-mask-group-intent {
+        margin-left: 7px;
+        width: 16px;
+      }
+
+      &.e-mask-detail-intent {
+        width: 16px;
+      }
+
+      &.e-mask-checkbox-intent {
+        margin-left: 3px;
+        margin-right: 16px;
+        width: 20px;
+      }
+
+      &.e-mask-checkbox-filter-intent {
+        width: 13px;
+      }
+
+      &.e-mask-checkbox-filter-span-intent {
+        margin-left: 8px;
+      }
+      
+      &.e-mask-drag-intent {
+        margin-left: 12px;
+        width: 12px;
+      }
+    }
   }
 
   #{&}.e-grid {
@@ -83999,7 +84038,7 @@ $grid-checkmark-color: $primary !default;
 
     &:not(.e-grid-min-height) .e-gridcontent {
       tr td:not(.e-indentcell):first-child:empty,
-      .e-gridcontent tr.e-row .e-rowcell:empty {
+      tr.e-row .e-rowcell:empty {
         height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
       }
     }
@@ -84896,7 +84935,7 @@ $grid-checkmark-color: $primary !default;
 
     &.e-default .e-gridheader {
       th.e-firstcell,
-      th.e-laststackcell {
+      th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
         @include grid-border-width-styles;
       }
     }
@@ -86199,46 +86238,17 @@ $grid-checkmark-color: $primary !default;
       }
     }
 
-    &:not(.sf-grid).e-resize-lines.e-rtl {
-      &.e-default table th[rowspan] {
+    &.e-resize-lines {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-right: 0;
       }
     }
 
-    & .e-mask {
-
-      &.e-skeleton {
-        display: inline-block;
-        height: 10px;
-        width: 80%;
-      }
-
-      &.e-mask-group-intent {
-        margin-left: 7px;
-        width: 16px;
-      }
-
-      &.e-mask-detail-intent {
-        width: 16px;
-      }
-
-      &.e-mask-checkbox-intent {
-        margin-left: 3px;
-        margin-right: 16px;
-        width: 20px;
-      }
-
-      &.e-mask-checkbox-filter-intent {
-        width: 13px;
-      }
-
-      &.e-mask-checkbox-filter-span-intent {
-        margin-left: 8px;
-      }
-      
-      &.e-mask-drag-intent {
-        margin-left: 12px;
-        width: 12px;
+    &:not(.sf-grid).e-resize-lines.e-rtl {
+      &.e-default table th[rowspan] {
+        border-right: 0;
       }
     }
 
@@ -87548,6 +87558,12 @@ $grid-checkmark-color: $primary !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;
@@ -89780,10 +89796,10 @@ $grid-checkmark-color: $primary !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' {
@@ -89958,13 +89974,13 @@ $grid-checkmark-color: $primary !default;
             }
 
             li {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 color: $grid-rowcell-color;
               }
             }
  
             & .e-submenu.e-selected {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 background-color: $grid-responsive-header-background;
               }
             }

package/SCSS-Themes/bds-lite.scss

@@ -32491,7 +32491,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,
@@ -61690,6 +61692,43 @@ $grid-checkmark-color: $primary !default;
         padding-left: $grid-columnchooser-input-padding-left;
       }
     }
+
+    & .e-mask {
+
+      &.e-skeleton {
+        display: inline-block;
+        height: 10px;
+        width: 80%;
+      }
+
+      &.e-mask-group-intent {
+        margin-left: 7px;
+        width: 16px;
+      }
+
+      &.e-mask-detail-intent {
+        width: 16px;
+      }
+
+      &.e-mask-checkbox-intent {
+        margin-left: 3px;
+        margin-right: 16px;
+        width: 20px;
+      }
+
+      &.e-mask-checkbox-filter-intent {
+        width: 13px;
+      }
+
+      &.e-mask-checkbox-filter-span-intent {
+        margin-left: 8px;
+      }
+      
+      &.e-mask-drag-intent {
+        margin-left: 12px;
+        width: 12px;
+      }
+    }
   }
 
   #{&}.e-grid {
@@ -62573,7 +62612,7 @@ $grid-checkmark-color: $primary !default;
 
     &:not(.e-grid-min-height) .e-gridcontent {
       tr td:not(.e-indentcell):first-child:empty,
-      .e-gridcontent tr.e-row .e-rowcell:empty {
+      tr.e-row .e-rowcell:empty {
         height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
       }
     }
@@ -63470,7 +63509,7 @@ $grid-checkmark-color: $primary !default;
 
     &.e-default .e-gridheader {
       th.e-firstcell,
-      th.e-laststackcell {
+      th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
         @include grid-border-width-styles;
       }
     }
@@ -64773,46 +64812,17 @@ $grid-checkmark-color: $primary !default;
       }
     }
 
-    &:not(.sf-grid).e-resize-lines.e-rtl {
-      &.e-default table th[rowspan] {
+    &.e-resize-lines {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-right: 0;
       }
     }
 
-    & .e-mask {
-
-      &.e-skeleton {
-        display: inline-block;
-        height: 10px;
-        width: 80%;
-      }
-
-      &.e-mask-group-intent {
-        margin-left: 7px;
-        width: 16px;
-      }
-
-      &.e-mask-detail-intent {
-        width: 16px;
-      }
-
-      &.e-mask-checkbox-intent {
-        margin-left: 3px;
-        margin-right: 16px;
-        width: 20px;
-      }
-
-      &.e-mask-checkbox-filter-intent {
-        width: 13px;
-      }
-
-      &.e-mask-checkbox-filter-span-intent {
-        margin-left: 8px;
-      }
-      
-      &.e-mask-drag-intent {
-        margin-left: 12px;
-        width: 12px;
+    &:not(.sf-grid).e-resize-lines.e-rtl {
+      &.e-default table th[rowspan] {
+        border-right: 0;
       }
     }
 
@@ -66122,6 +66132,12 @@ $grid-checkmark-color: $primary !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;

package/SCSS-Themes/bds.scss

@@ -44138,7 +44138,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,
@@ -83411,6 +83413,43 @@ $grid-checkmark-color: $primary !default;
         padding-left: $grid-columnchooser-input-padding-left;
       }
     }
+
+    & .e-mask {
+
+      &.e-skeleton {
+        display: inline-block;
+        height: 10px;
+        width: 80%;
+      }
+
+      &.e-mask-group-intent {
+        margin-left: 7px;
+        width: 16px;
+      }
+
+      &.e-mask-detail-intent {
+        width: 16px;
+      }
+
+      &.e-mask-checkbox-intent {
+        margin-left: 3px;
+        margin-right: 16px;
+        width: 20px;
+      }
+
+      &.e-mask-checkbox-filter-intent {
+        width: 13px;
+      }
+
+      &.e-mask-checkbox-filter-span-intent {
+        margin-left: 8px;
+      }
+      
+      &.e-mask-drag-intent {
+        margin-left: 12px;
+        width: 12px;
+      }
+    }
   }
 
   #{&}.e-grid {
@@ -84294,7 +84333,7 @@ $grid-checkmark-color: $primary !default;
 
     &:not(.e-grid-min-height) .e-gridcontent {
       tr td:not(.e-indentcell):first-child:empty,
-      .e-gridcontent tr.e-row .e-rowcell:empty {
+      tr.e-row .e-rowcell:empty {
         height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
       }
     }
@@ -85191,7 +85230,7 @@ $grid-checkmark-color: $primary !default;
 
     &.e-default .e-gridheader {
       th.e-firstcell,
-      th.e-laststackcell {
+      th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
         @include grid-border-width-styles;
       }
     }
@@ -86494,46 +86533,17 @@ $grid-checkmark-color: $primary !default;
       }
     }
 
-    &:not(.sf-grid).e-resize-lines.e-rtl {
-      &.e-default table th[rowspan] {
+    &.e-resize-lines {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-right: 0;
       }
     }
 
-    & .e-mask {
-
-      &.e-skeleton {
-        display: inline-block;
-        height: 10px;
-        width: 80%;
-      }
-
-      &.e-mask-group-intent {
-        margin-left: 7px;
-        width: 16px;
-      }
-
-      &.e-mask-detail-intent {
-        width: 16px;
-      }
-
-      &.e-mask-checkbox-intent {
-        margin-left: 3px;
-        margin-right: 16px;
-        width: 20px;
-      }
-
-      &.e-mask-checkbox-filter-intent {
-        width: 13px;
-      }
-
-      &.e-mask-checkbox-filter-span-intent {
-        margin-left: 8px;
-      }
-      
-      &.e-mask-drag-intent {
-        margin-left: 12px;
-        width: 12px;
+    &:not(.sf-grid).e-resize-lines.e-rtl {
+      &.e-default table th[rowspan] {
+        border-right: 0;
       }
     }
 
@@ -87843,6 +87853,12 @@ $grid-checkmark-color: $primary !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;
@@ -90075,10 +90091,10 @@ $grid-checkmark-color: $primary !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' {
@@ -90253,13 +90269,13 @@ $grid-checkmark-color: $primary !default;
             }
 
             li {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 color: $grid-rowcell-color;
               }
             }
  
             & .e-submenu.e-selected {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 background-color: $grid-responsive-header-background;
               }
             }