@syncfusion/blazor-themes 27.1.51 → 27.1.52

package/SCSS-Themes/material3.scss

@@ -85466,6 +85466,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       .e-filterbarcell,
       .e-filterbarcelldisabled {
         border-width: $grid-filtercell-both-border-width;
+        border-top-width: 1px;
       }
     }
 
@@ -87440,6 +87441,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         .e-filterbarcell,
         .e-filterbarcelldisabled {
           border-width: $grid-filtercell-both-border-width;
+          border-top-width: 1px;
         }
   
         .e-rowcell,
@@ -92877,6 +92879,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       &.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
         @include grid-wrap;
       }
+      &.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+        display: inline-block;
+        white-space: nowrap;
+        word-wrap: break-word;
+      }
 
       &.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
         @include grid-wrap;
@@ -120239,13 +120246,17 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/notifications/toast/bootstrap5-dark.scss

@@ -53,7 +53,7 @@ $toast-progress-color: $primary !default;
 $toast-bg-color: $content-bg-color !default;
 $toast-hover-bg-color: $content-bg-color !default;
 $toast-active-bg-color: $content-bg-color !default;
-$toast-font-color: $content-bg-color !default;
+$toast-font-color: $content-text-color-alt1 !default;
 $toast-icon-color: $icon-color !default;
 $toast-close-icon-color: $icon-color !default;
 $toast-title-color: $content-text-color !default;

package/SCSS-Themes/notifications/toast/bootstrap5.3.scss

@@ -53,7 +53,7 @@ $toast-progress-color: $primary !default;
 $toast-bg-color: $content-bg-color !default;
 $toast-hover-bg-color: $content-bg-color !default;
 $toast-active-bg-color: $content-bg-color !default;
-$toast-font-color: $content-bg-color !default;
+$toast-font-color: $content-text-color-alt1 !default;
 $toast-icon-color: $icon-color !default;
 $toast-close-icon-color: $icon-color !default;
 $toast-title-color: $content-text-color !default;

package/SCSS-Themes/notifications/toast/bootstrap5.scss

@@ -53,7 +53,7 @@ $toast-progress-color: $primary !default;
 $toast-bg-color: $content-bg-color !default;
 $toast-hover-bg-color: $content-bg-color !default;
 $toast-active-bg-color: $content-bg-color !default;
-$toast-font-color: $content-bg-color !default;
+$toast-font-color: $content-text-color-alt1 !default;
 $toast-icon-color: $icon-color !default;
 $toast-close-icon-color: $icon-color !default;
 $toast-title-color: $content-text-color !default;

package/SCSS-Themes/notifications/toast/fluent-dark.scss

@@ -53,7 +53,7 @@ $toast-progress-color: $primary !default;
 $toast-bg-color: $content-bg-color !default;
 $toast-hover-bg-color: $content-bg-color !default;
 $toast-active-bg-color: $content-bg-color !default;
-$toast-font-color: $content-bg-color !default;
+$toast-font-color: $content-text-color-alt1 !default;
 $toast-icon-color: $icon-color !default;
 $toast-close-icon-color: $icon-color !default;
 $toast-title-color: $content-text-color !default;

package/SCSS-Themes/notifications/toast/fluent.scss

@@ -53,7 +53,7 @@ $toast-progress-color: $primary !default;
 $toast-bg-color: $content-bg-color !default;
 $toast-hover-bg-color: $content-bg-color !default;
 $toast-active-bg-color: $content-bg-color !default;
-$toast-font-color: $content-bg-color !default;
+$toast-font-color: $content-text-color-alt1 !default;
 $toast-icon-color: $icon-color !default;
 $toast-close-icon-color: $icon-color !default;
 $toast-title-color: $content-text-color !default;

package/SCSS-Themes/notifications/toast/tailwind-dark.scss

@@ -53,7 +53,7 @@ $toast-progress-color: $primary !default;
 $toast-bg-color: $content-bg-color !default;
 $toast-hover-bg-color: $content-bg-color !default;
 $toast-active-bg-color: $content-bg-color !default;
-$toast-font-color: $content-bg-color !default;
+$toast-font-color: $content-text-color-alt1 !default;
 $toast-icon-color: $icon-color !default;
 $toast-close-icon-color: $icon-color !default;
 $toast-title-color: $content-text-color !default;

package/SCSS-Themes/notifications/toast/tailwind.scss

@@ -53,7 +53,7 @@ $toast-progress-color: $primary !default;
 $toast-bg-color: $content-bg-color !default;
 $toast-hover-bg-color: $content-bg-color !default;
 $toast-active-bg-color: $content-bg-color !default;
-$toast-font-color: $content-bg-color !default;
+$toast-font-color: $content-text-color-alt1 !default;
 $toast-icon-color: $icon-color !default;
 $toast-close-icon-color: $icon-color !default;
 $toast-title-color: $content-text-color !default;

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

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/bds.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss

@@ -1440,13 +1440,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/bootstrap.scss

@@ -1439,13 +1439,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss

@@ -1439,13 +1439,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/bootstrap5.3.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

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

@@ -1439,13 +1439,17 @@ $pivotpager-single-size-title-padding: 4px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/fabric.scss

@@ -1438,13 +1438,17 @@ $pivotpager-single-size-title-padding: 4px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

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

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/fluent.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

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

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/fluent2.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/highcontrast.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 4px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/material-dark.scss

@@ -1439,13 +1439,17 @@ $pivotpager-single-size-title-padding: 14px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/material.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 14px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/material3-dark.scss

@@ -1440,13 +1440,17 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/material3.scss

@@ -1440,13 +1440,17 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {

package/SCSS-Themes/pivotview/pivotview/tailwind.scss

@@ -1437,13 +1437,17 @@ $pivotpager-single-size-title-padding: 8px !default;
         background: $pivotgrid-grp-bg-color;
       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-          @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
-            font-size: 16px;
+      .e-toolbar-item {
+        .e-tbar-btn.e-btn {
+          .e-icons.e-btn-icon {
+            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='FluentUI') and ($skin-name !='Material3') {
+              font-size: 16px;
+            }
           }
         }
+        &.e-disabled {
+          pointer-events: none;
+        }
       }
 
       .e-pivot-toolbar-menu {