@syncfusion/blazor-themes 27.2.2 → 27.2.3

package/SCSS-Themes/grids/grid/tailwind-dark.scss

@@ -1078,6 +1078,43 @@ $grid-checkmark-color: $primary-text-color !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 {
@@ -1961,7 +1998,7 @@ $grid-checkmark-color: $primary-text-color !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;
       }
     }
@@ -2858,7 +2895,7 @@ $grid-checkmark-color: $primary-text-color !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;
       }
     }
@@ -4161,46 +4198,17 @@ $grid-checkmark-color: $primary-text-color !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;
       }
     }
 
@@ -7921,13 +7929,13 @@ $grid-checkmark-color: $primary-text-color !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/grids/grid/tailwind-lite.scss

@@ -1078,6 +1078,43 @@ $grid-checkmark-color: $primary-text-color !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 {
@@ -1961,7 +1998,7 @@ $grid-checkmark-color: $primary-text-color !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;
       }
     }
@@ -2858,7 +2895,7 @@ $grid-checkmark-color: $primary-text-color !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;
       }
     }
@@ -4161,46 +4198,17 @@ $grid-checkmark-color: $primary-text-color !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;
       }
     }
 

package/SCSS-Themes/grids/grid/tailwind.scss

@@ -1078,6 +1078,43 @@ $grid-checkmark-color: $primary-text-color !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 {
@@ -1961,7 +1998,7 @@ $grid-checkmark-color: $primary-text-color !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;
       }
     }
@@ -2858,7 +2895,7 @@ $grid-checkmark-color: $primary-text-color !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;
       }
     }
@@ -4161,46 +4198,17 @@ $grid-checkmark-color: $primary-text-color !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;
       }
     }
 
@@ -7921,13 +7929,13 @@ $grid-checkmark-color: $primary-text-color !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/highcontrast-lite.scss

@@ -30797,7 +30797,9 @@ $listview-template-multiline-avatar-top: .6153em !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,
@@ -59792,6 +59794,43 @@ $grid-checkmark-color: $selection-font !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 {
@@ -60675,7 +60714,7 @@ $grid-checkmark-color: $selection-font !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;
       }
     }
@@ -61572,7 +61611,7 @@ $grid-checkmark-color: $selection-font !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;
       }
     }
@@ -62875,46 +62914,17 @@ $grid-checkmark-color: $selection-font !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;
       }
     }
 

package/SCSS-Themes/highcontrast.scss

@@ -42444,7 +42444,9 @@ $listview-template-multiline-avatar-top: .6153em !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,
@@ -81513,6 +81515,43 @@ $grid-checkmark-color: $selection-font !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 {
@@ -82396,7 +82435,7 @@ $grid-checkmark-color: $selection-font !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;
       }
     }
@@ -83293,7 +83332,7 @@ $grid-checkmark-color: $selection-font !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;
       }
     }
@@ -84596,46 +84635,17 @@ $grid-checkmark-color: $selection-font !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;
       }
     }
 
@@ -88357,13 +88367,13 @@ $grid-checkmark-color: $selection-font !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/lists/list-view/bds-dark-lite.scss

@@ -513,7 +513,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,

package/SCSS-Themes/lists/list-view/bds-dark.scss

@@ -513,7 +513,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,

package/SCSS-Themes/lists/list-view/bds-lite.scss

@@ -513,7 +513,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,

package/SCSS-Themes/lists/list-view/bds.scss

@@ -513,7 +513,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,

package/SCSS-Themes/lists/list-view/bootstrap-dark-lite.scss

@@ -486,7 +486,9 @@ $listview-template-multiline-avatar-top: .7142em !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,