@syncfusion/blazor-themes 23.2.7 → 24.1.41

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

@@ -914,10 +914,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -928,19 +924,6 @@ $pivotpager-single-size-title-padding: 8px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1015,6 +998,10 @@ $pivotpager-single-size-title-padding: 8px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1718,7 +1705,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1741,6 +1728,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2357,16 +2350,22 @@ $pivotpager-single-size-title-padding: 8px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2389,13 +2388,8 @@ $pivotpager-single-size-title-padding: 8px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;
 

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

@@ -911,10 +911,6 @@ $pivotpager-single-size-title-padding: 4px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -925,19 +921,6 @@ $pivotpager-single-size-title-padding: 4px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1012,6 +995,10 @@ $pivotpager-single-size-title-padding: 4px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1715,7 +1702,7 @@ $pivotpager-single-size-title-padding: 4px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1738,6 +1725,12 @@ $pivotpager-single-size-title-padding: 4px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2354,16 +2347,22 @@ $pivotpager-single-size-title-padding: 4px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2386,13 +2385,8 @@ $pivotpager-single-size-title-padding: 4px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;
 

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

@@ -908,10 +908,6 @@ $pivotpager-single-size-title-padding: 4px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -922,19 +918,6 @@ $pivotpager-single-size-title-padding: 4px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1009,6 +992,10 @@ $pivotpager-single-size-title-padding: 4px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1712,7 +1699,7 @@ $pivotpager-single-size-title-padding: 4px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1735,6 +1722,12 @@ $pivotpager-single-size-title-padding: 4px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2351,16 +2344,22 @@ $pivotpager-single-size-title-padding: 4px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2383,13 +2382,8 @@ $pivotpager-single-size-title-padding: 4px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;
 

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

@@ -87,14 +87,14 @@ $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
 $pivotgrid-tooltip-fontfamily: $font-family !default;
 $pivotgrid-member-filter-list-height: 115px !default;
-$pivotgrid-member-filter-list-bigger-height: 75px !default;
+$pivotgrid-member-filter-list-bigger-height: 84px !default;
 $pivotview-grid-indent-padding: 8px !default;
 $pivotview-grid-bigger-indent-padding: 10px !default;
 $pivotview-indent-space-size: 18px !default;
 $pivotgrid-bigger-button-line-height: 1em !default;
 $pivotgrid-excel-member-filter-height: 103px !default;
 $pivotgrid-excel-member-filter-node-limit-height: 100px !default;
-$pivotgrid-excel-filter-height: 248px !default;
+$pivotgrid-excel-filter-height: 205px !default;
 $pivotgrid-excel-member-filter-bigger-height: 90px !default;
 $pivotgrid-excel-filter-bigger-height: 220px !default;
 $pivotgrid-editor-label-padding-size: 12px 10px 16px 20px !default;
@@ -914,10 +914,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -928,19 +924,6 @@ $pivotpager-single-size-title-padding: 8px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1015,6 +998,10 @@ $pivotpager-single-size-title-padding: 8px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1718,7 +1705,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1741,6 +1728,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2357,16 +2350,22 @@ $pivotpager-single-size-title-padding: 8px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2389,13 +2388,8 @@ $pivotpager-single-size-title-padding: 8px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;
 

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

@@ -87,14 +87,14 @@ $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
 $pivotgrid-tooltip-fontfamily: $font-family !default;
 $pivotgrid-member-filter-list-height: 115px !default;
-$pivotgrid-member-filter-list-bigger-height: 75px !default;
+$pivotgrid-member-filter-list-bigger-height: 84px !default;
 $pivotview-grid-indent-padding: 8px !default;
 $pivotview-grid-bigger-indent-padding: 10px !default;
 $pivotview-indent-space-size: 18px !default;
 $pivotgrid-bigger-button-line-height: 1em !default;
 $pivotgrid-excel-member-filter-height: 103px !default;
 $pivotgrid-excel-member-filter-node-limit-height: 100px !default;
-$pivotgrid-excel-filter-height: 248px !default;
+$pivotgrid-excel-filter-height: 205px !default;
 $pivotgrid-excel-member-filter-bigger-height: 90px !default;
 $pivotgrid-excel-filter-bigger-height: 220px !default;
 $pivotgrid-editor-label-padding-size: 12px 10px 16px 20px !default;
@@ -914,10 +914,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -928,19 +924,6 @@ $pivotpager-single-size-title-padding: 8px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1015,6 +998,10 @@ $pivotpager-single-size-title-padding: 8px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1718,7 +1705,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1741,6 +1728,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2357,16 +2350,22 @@ $pivotpager-single-size-title-padding: 8px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2389,13 +2388,8 @@ $pivotpager-single-size-title-padding: 8px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;
 

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

@@ -59,7 +59,7 @@ $pivotgrid-cell-border-color: $border-default !default;
 $pivotgrid-default-border-color: $border-default !default;
 $pivotgrid-border-type: $border-type !default;
 $pivotgrid-border-size: $border-size !default;
-$pivotgrid-table-background-color: $bg-base-10 !default;
+$pivotgrid-table-background-color: transparent !default;
 $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
@@ -907,10 +907,6 @@ $pivotpager-single-size-title-padding: 4px !default;
       .e-pivot-toolbar-menu {
         background-color: $pivotgrid-table-background-color;
         border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
@@ -921,19 +917,6 @@ $pivotpager-single-size-title-padding: 4px !default;
           overflow: hidden;
           padding-left: 10px;
 
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
           .e-menu-icon {
             margin-left: 0;
             margin-right: 0;
@@ -1008,6 +991,10 @@ $pivotpager-single-size-title-padding: 4px !default;
             padding-right: 0 !important;
           }
         }
+
+        &.e-menu-wrapper ul.e-menu {
+            background-color: $pivotgrid-table-background-color;
+        }
       }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
@@ -1711,7 +1698,7 @@ $pivotpager-single-size-title-padding: 4px !default;
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -1734,6 +1721,12 @@ $pivotpager-single-size-title-padding: 4px !default;
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -2350,16 +2343,22 @@ $pivotpager-single-size-title-padding: 4px !default;
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
+    }
+
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
     }
+    /* stylelint-enable */
 
     .e-expand,
     .e-collapse {
@@ -2382,13 +2381,8 @@ $pivotpager-single-size-title-padding: 4px !default;
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;