npm - @syncfusion/blazor-themes - Versions diffs - 27.1.50 → 27.1.52 - Mend

@syncfusion/blazor-themes 27.1.50 → 27.1.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (201) hide show

package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss CHANGED Viewed

@@ -21,7 +21,7 @@ $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
 $treeview-text-padding: 0 8px !default;
 $treeview-text-margin: 0 !default;
-$treeview-image-size: 16px !default;
+$treeview-image-size: 18px !default;
 $treeview-image-margin: 0 0 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
@@ -29,7 +29,7 @@ $treeview-navigable-icon-image-anchor-margin: 0 8px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 8px 0 0 !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 0 12px !default;
 $treeview-icon-image-margin: 0 0 0 8px !default;
 $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
 $treeview-check-margin: 0 0 0 8px !default;

package/SCSS-Themes/navigations/treeview/bootstrap5.3.scss CHANGED Viewed

@@ -21,7 +21,7 @@ $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
 $treeview-text-padding: 0 8px !default;
 $treeview-text-margin: 0 !default;
-$treeview-image-size: 16px !default;
+$treeview-image-size: 18px !default;
 $treeview-image-margin: 0 0 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
@@ -29,7 +29,7 @@ $treeview-navigable-icon-image-anchor-margin: 0 8px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 8px 0 0 !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 0 12px !default;
 $treeview-icon-image-margin: 0 0 0 8px !default;
 $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
 $treeview-check-margin: 0 0 0 8px !default;

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 {