@syncfusion/blazor-themes 29.1.33 → 29.1.35

package/SCSS-Themes/fabric-dark.scss

@@ -43904,7 +43904,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -98210,7 +98210,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -102330,11 +102330,11 @@ $gantt-chartrow-hover-bg-color: $neutral-light !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -111308,6 +111308,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fabric-lite.scss

@@ -31917,7 +31917,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -72062,7 +72062,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -75578,11 +75578,11 @@ $gantt-chartrow-hover-bg-color: $neutral-lighter !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -83414,6 +83414,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fabric.scss

@@ -43730,7 +43730,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -97989,7 +97989,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -102109,11 +102109,11 @@ $gantt-chartrow-hover-bg-color: $neutral-lighter !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -111091,6 +111091,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -32264,7 +32264,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -72722,7 +72722,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -76240,11 +76240,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -84079,6 +84079,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent-dark.scss

@@ -44077,7 +44077,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -98649,7 +98649,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -102771,11 +102771,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -111756,6 +111756,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent-lite.scss

@@ -32264,7 +32264,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -72722,7 +72722,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -76240,11 +76240,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -84079,6 +84079,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent.scss

@@ -44077,7 +44077,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -98649,7 +98649,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -102771,11 +102771,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -111756,6 +111756,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -33787,7 +33787,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -37260,6 +37260,7 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   background-color: $dialog-closeicon-btn-hover-color;
   border-radius: 4px;
 }
+
 @include export-module('dialog-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-dialog {
@@ -74654,7 +74655,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -78172,11 +78173,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -86026,6 +86027,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent2-dark.scss

@@ -45600,7 +45600,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -51398,6 +51398,7 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   background-color: $dialog-closeicon-btn-hover-color;
   border-radius: 4px;
 }
+
 @include export-module('dialog-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-dialog {
@@ -100581,7 +100582,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -104703,11 +104704,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -113703,6 +113704,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent2-highcontrast-lite.scss

@@ -33787,7 +33787,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -37260,6 +37260,7 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   background-color: $dialog-closeicon-btn-hover-color;
   border-radius: 4px;
 }
+
 @include export-module('dialog-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-dialog {
@@ -74654,7 +74655,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -78172,11 +78173,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -86026,6 +86027,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;