@syncfusion/ej2-angular-pivotview 20.4.38 → 20.4.39

package/styles/pivotfieldlist/highcontrast.css

@@ -776,6 +776,7 @@
   display: inline-table;
   height: 100%;
   width: 100%;
+  min-width: 265px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-fullrow {
   cursor: move;
@@ -799,6 +800,8 @@
   cursor: pointer;
   font-size: 13px;
   margin-top: 3px;
+  padding-left: 0px;
+  padding-right: 0px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
   cursor: auto;
@@ -1213,6 +1216,9 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-outer-container:not(.e-excelfilter) .e-editor-search-container {
+  padding-top: 4px !important;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog ul:first-child {
   min-height: 170px;
   overflow: auto;
@@ -1570,15 +1576,19 @@
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container.e-rtl .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
   margin: 0 6px 0 0;
 }
+.e-bigger .e-pivotfieldlist-container .e-member-editor-dialog.e-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist-container .e-member-editor-dialog.e-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div {
+  height: 75px !important;
+}
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 71px !important;
+  height: 98px !important;
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
-  height: 191px;
+  height: 200px;
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter .e-filter-text-div,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter .e-filter-text-div,
@@ -1609,6 +1619,11 @@
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter {
   min-width: 350px !important;
+  height: 427px !important;
+}
+.e-bigger .e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter.e-node-limit,
+.e-bigger.e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter.e-node-limit {
+  height: 440px !important;
 }
 .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content .e-clear-filter-button.e-small,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-header-content .e-clear-filter-button.e-small,
@@ -1728,14 +1743,14 @@
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog {
-  max-height: 400px !important;
+  max-height: 440px !important;
   min-width: 370px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div {
-  min-height: 113px !important;
+  min-height: 75px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,

package/styles/pivotfieldlist/material-dark.css

@@ -779,6 +779,7 @@
   display: inline-table;
   height: 100%;
   width: 100%;
+  min-width: 265px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-fullrow {
   cursor: move;
@@ -802,6 +803,8 @@
   cursor: pointer;
   font-size: 13px;
   margin-top: 3px;
+  padding-left: 0px;
+  padding-right: 0px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
   cursor: auto;
@@ -1216,6 +1219,9 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-outer-container:not(.e-excelfilter) .e-editor-search-container {
+  padding-top: 4px !important;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog ul:first-child {
   min-height: 170px;
   overflow: auto;
@@ -1573,6 +1579,10 @@
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container.e-rtl .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
   margin: 0 6px 0 0;
 }
+.e-bigger .e-pivotfieldlist-container .e-member-editor-dialog.e-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist-container .e-member-editor-dialog.e-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div {
+  height: 65px !important;
+}
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
   height: 100px !important;
@@ -1731,14 +1741,14 @@
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog {
-  max-height: 400px !important;
+  max-height: 440px !important;
   min-width: 370px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div {
-  min-height: 113px !important;
+  min-height: 75px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,

package/styles/pivotfieldlist/material.css

@@ -778,6 +778,7 @@
   display: inline-table;
   height: 100%;
   width: 100%;
+  min-width: 265px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-fullrow {
   cursor: move;
@@ -801,6 +802,8 @@
   cursor: pointer;
   font-size: 13px;
   margin-top: 3px;
+  padding-left: 0px;
+  padding-right: 0px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
   cursor: auto;
@@ -1215,6 +1218,9 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-outer-container:not(.e-excelfilter) .e-editor-search-container {
+  padding-top: 4px !important;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog ul:first-child {
   min-height: 170px;
   overflow: auto;
@@ -1572,6 +1578,10 @@
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container.e-rtl .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
   margin: 0 6px 0 0;
 }
+.e-bigger .e-pivotfieldlist-container .e-member-editor-dialog.e-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist-container .e-member-editor-dialog.e-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div {
+  height: 65px !important;
+}
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
   height: 100px !important;
@@ -1730,14 +1740,14 @@
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog {
-  max-height: 400px !important;
+  max-height: 440px !important;
   min-width: 370px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div {
-  min-height: 113px !important;
+  min-height: 75px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,

package/styles/pivotfieldlist/tailwind-dark.css

@@ -799,6 +799,7 @@
   display: inline-table;
   height: 100%;
   width: 100%;
+  min-width: 265px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-fullrow {
   cursor: move;
@@ -822,6 +823,8 @@
   cursor: pointer;
   font-size: 13px;
   margin-top: 3px;
+  padding-left: 0px;
+  padding-right: 0px;
   margin-top: 10px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
@@ -956,6 +959,12 @@
   font-size: 16px;
   padding-top: 12px;
 }
+.e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-remove-report,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-remove-report {
+  padding-top: 4px;
+}
 .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
   font-size: 16px;
@@ -1132,7 +1141,7 @@
   display: none;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-editor-label-container {
-  background-color: #d1d5db;
+  background-color: #232e3e;
   opacity: 56%;
   padding: 14px 10px 16px 20px;
 }
@@ -1256,6 +1265,9 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-outer-container:not(.e-excelfilter) .e-editor-search-container {
+  padding-top: 4px !important;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog ul:first-child {
   min-height: 170px;
   overflow: auto;
@@ -1788,14 +1800,14 @@
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog {
-  max-height: 400px !important;
+  max-height: 440px !important;
   min-width: 370px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div {
-  min-height: 113px !important;
+  min-height: 75px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,

package/styles/pivotfieldlist/tailwind.css

@@ -800,6 +800,7 @@
   display: inline-table;
   height: 100%;
   width: 100%;
+  min-width: 265px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-fullrow {
   cursor: move;
@@ -823,6 +824,8 @@
   cursor: pointer;
   font-size: 13px;
   margin-top: 3px;
+  padding-left: 0px;
+  padding-right: 0px;
   margin-top: 10px;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon {
@@ -957,6 +960,12 @@
   font-size: 16px;
   padding-top: 12px;
 }
+.e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited, .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-remove-report,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edit,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-edited,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon.e-remove-report {
+  padding-top: 4px;
+}
 .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
   font-size: 16px;
@@ -1133,7 +1142,7 @@
   display: none;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-editor-label-container {
-  background-color: #374151;
+  background-color: #f9fafb;
   opacity: 56%;
   padding: 14px 10px 16px 20px;
 }
@@ -1257,6 +1266,9 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-outer-container:not(.e-excelfilter) .e-editor-search-container {
+  padding-top: 4px !important;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog ul:first-child {
   min-height: 170px;
   overflow: auto;
@@ -1789,14 +1801,14 @@
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog {
-  max-height: 400px !important;
+  max-height: 440px !important;
   min-width: 370px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div {
-  min-height: 113px !important;
+  min-height: 75px !important;
 }
 .e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
 .e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,

package/styles/pivotview/_bootstrap-dark-definition.scss

@@ -13,6 +13,7 @@ $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-grp-bg-color: $grey-darker !default;
+$pivotgrid-grp-bg-hover-color: $grey-darker !default;
 $pivotgrid-drag-clone-color: $grey-white !default;
 $pivotgrid-drop-hover-color: $grey-e6 !default;
 $pivotview-grid-content-opacity: 1 !default;

package/styles/pivotview/_bootstrap-definition.scss

@@ -13,6 +13,7 @@ $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-grp-bg-color: $grey-f5 !default;
+$pivotgrid-grp-bg-hover-color: $grey-f5 !default;
 $pivotgrid-drag-clone-color: $grey-white !default;
 $pivotgrid-drop-hover-color: $grey-cc !default;
 $pivotview-grid-content-opacity: 1 !default;

package/styles/pivotview/_bootstrap4-definition.scss

@@ -13,6 +13,7 @@ $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-grp-bg-color: darken($gray-100, 2%) !default;
+$pivotgrid-grp-bg-hover-color: $gray-600 !default;
 $pivotgrid-drag-clone-color: $white !default;
 $pivotgrid-drop-hover-color: #ccc !default;
 $pivotview-grid-content-opacity: 1 !default;
@@ -66,7 +67,7 @@ $pivotgrid-bigger-button-inner-padding: 7px !default;
 $pivotgrid-excel-member-filter-height: 170px !default;
 $pivotgrid-excel-filter-height: 234px !default;
 $pivotgrid-excel-member-filter-bigger-height: 130px !default;
-$pivotgrid-excel-filter-bigger-height: 213px !default;
+$pivotgrid-excel-filter-bigger-height: 230px !default;
 $pivotgrid-editor-label-padding-size: 17px 10px 16px 20px !default;
 $pivotgrid-editor-label-font: 500 13px Helvetica !default;
 $pivotgrid-editor-label-opacity: 1 !default;

package/styles/pivotview/_bootstrap5-definition.scss

@@ -44,7 +44,7 @@ $pivotgrid-bigger-button-line-height: 1em !default;
 $pivotgrid-excel-member-filter-height: 171px !default;
 $pivotgrid-excel-filter-height: 248px !default;
 $pivotgrid-excel-member-filter-bigger-height: 127px !default;
-$pivotgrid-excel-filter-bigger-height: 220px !default;
+$pivotgrid-excel-filter-bigger-height: 240px !default;
 $pivotgrid-editor-label-padding-size: 12px 10px 16px 20px !default;
 $pivotgrid-editor-label-font: 500 13px Inter !default;
 $pivotgrid-editor-label-opacity: .87 !default;
@@ -83,6 +83,7 @@ $pivotgrid-cell-border-color: $content-bg-color-alt3 !default;
 $pivotgrid-default-border-color: $content-bg-color-alt3 !default;
 $pivotgrid-table-background-color: $transparent !default;
 $pivotgrid-grp-bg-color: $content-bg-color-alt1 !default;
+$pivotgrid-grp-bg-hover-color: $content-bg-color-alt1 !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
 $pivotgrid-drop-hover-color: $primary !default;

package/styles/pivotview/_fabric-dark-definition.scss

@@ -12,6 +12,7 @@ $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
 $pivotgrid-grp-bg-color: $neutral-lighter-alt !default;
+$pivotgrid-grp-bg-hover-color: $neutral-light !default;
 $pivotgrid-cell-hover-color: $neutral-white !default;
 $pivotgrid-drag-clone-color: $neutral-dark !default;
 $pivotgrid-drop-hover-color: $neutral-tertiary !default;
@@ -62,8 +63,8 @@ $pivotgrid-hover-color: $neutral-quintenary !default;
 $pivotgrid-focus-color: $neutral-tertiary-alt !default;
 $pivotgrid-excel-member-filter-height: 141px !default;
 $pivotgrid-excel-filter-height: 215px !default;
-$pivotgrid-excel-member-filter-bigger-height: 102px !default;
-$pivotgrid-excel-filter-bigger-height: 195px !default;
+$pivotgrid-excel-member-filter-bigger-height: 126px !default;
+$pivotgrid-excel-filter-bigger-height: 238px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
 $pivotgrid-editor-label-padding-size: 15px 10px 16px 20px !default;
 $pivotgrid-editor-label-font: 700 13px Segoe UI !default;

package/styles/pivotview/_fabric-definition.scss

@@ -12,6 +12,7 @@ $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
 $pivotgrid-grp-bg-color: $neutral-lighter !default;
+$pivotgrid-grp-bg-hover-color: $neutral-lighter !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drag-clone-color: $neutral-white !default;
 $pivotgrid-drop-hover-color: $neutral-light !default;
@@ -62,8 +63,8 @@ $pivotgrid-hover-color: $neutral-quintenary !default;
 $pivotgrid-focus-color: $neutral-tertiary-alt !default;
 $pivotgrid-excel-member-filter-height: 141px !default;
 $pivotgrid-excel-filter-height: 215px !default;
-$pivotgrid-excel-member-filter-bigger-height: 102px !default;
-$pivotgrid-excel-filter-bigger-height: 195px !default;
+$pivotgrid-excel-member-filter-bigger-height: 130px !default;
+$pivotgrid-excel-filter-bigger-height: 234px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
 $pivotgrid-editor-label-padding-size: 15px 10px 16px 20px !default;
 $pivotgrid-editor-label-font: 700 13px Segoe UI !default;

package/styles/pivotview/_fluent-definition.scss

@@ -28,7 +28,7 @@ $pivotgrid-drill-margintop: 0 !default;
 $pivotgrid-bigger-drill-margintop: 0 !default;
 $pivotgrid-rtl-expand-icon-font-size: 18px !default;
 $pivotgrid-collapse-icon-fonsize: 18px !default;
-$pivotgrid-vsort-column-margin: -30px 0 !default;
+$pivotgrid-vsort-column-margin: -33px 0 !default;
 $pivotgrid-vsort-column-parent-margin: -11px 0 !default;
 $pivotgrid-vsort-row-margin: -20px 0 !default;
 $pivotgrid-vsort-row-parent-margin: -12px 0 !default;
@@ -36,7 +36,7 @@ $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
 $pivotgrid-tooltip-fontfamily: $font-family !default;
 $pivotgrid-member-filter-list-height: 130px !default;
-$pivotgrid-member-filter-list-bigger-height: 120px !default;
+$pivotgrid-member-filter-list-bigger-height: 105px !default;
 $pivotview-grid-indent-padding: 8px !default;
 $pivotview-grid-bigger-indent-padding: 10px !default;
 $pivotview-indent-space-size: 18px !default;
@@ -83,6 +83,7 @@ $pivotgrid-cell-border-color: $border-light !default;
 $pivotgrid-default-border-color: $border-light !default;
 $pivotgrid-table-background-color: $transparent !default;
 $pivotgrid-grp-bg-color: $content-bg-color-alt1 !default;
+$pivotgrid-grp-bg-hover-color: $gray30 !default;
 $pivotgrid-cell-hover-color: $table-bg-color-hover !default;
 $pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
 $pivotgrid-drop-hover-color: $primary !default;

package/styles/pivotview/_fusionnew-definition.scss

@@ -83,6 +83,7 @@ $pivotgrid-cell-border-color: $content-bg-color-alt3 !default;
 $pivotgrid-default-border-color: $content-bg-color-alt3 !default;
 $pivotgrid-table-background-color: $transparent !default;
 $pivotgrid-grp-bg-color: $content-bg-color-alt1 !default;
+$pivotgrid-grp-bg-hover-color: $content-bg-color-alt1 !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
 $pivotgrid-drop-hover-color: $primary !default;

package/styles/pivotview/_highcontrast-definition.scss

@@ -12,6 +12,7 @@ $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
 $pivotgrid-grp-bg-color: $bg-base-15 !default;
+$pivotgrid-grp-bg-hover-color: $bg-base-15 !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drop-hover-color: $bg-base-0 !default;
 $pivotgrid-horizontal-button-padding: 8px !default;

package/styles/pivotview/_highcontrast-light-definition.scss

@@ -12,6 +12,7 @@ $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
 $pivotgrid-grp-bg-color: $bg-base-15 !default;
+$pivotgrid-grp-bg-hover-color: $bg-base-15 !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drop-hover-color: $bg-base-0 !default;
 $pivotgrid-horizontal-button-padding: 8px !default;

package/styles/pivotview/_layout.scss

@@ -621,17 +621,28 @@
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
-       }
 
-      .e-toolbar-item .e-tbar-btn.e-btn {
-        @if($skin-name == 'FluentUI') {
-          line-height: 20px;
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
         }
+      }
+
+      .e-toolbar-item .e-tbar-btn.e-btn {
 
         .e-icons.e-btn-icon {
-          font-size: 16px;
-          @if ($skin-name == 'FluentUI') {
-            margin: 4px;
+
+          @if ($skin-name != 'bootstrap5') and ($skin-name != 'tailwind') and ($skin-name != 'FluentUI') {
+            font-size: 16px;
           }
         }
       }
@@ -650,15 +661,28 @@
           }
           overflow: hidden;
           padding-left: 10px;
+
           @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $gray-100;
+            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;
-            font-size: 16px;
+
+            @if ($skin-name != 'bootstrap5') and ($skin-name != 'tailwind') {
+              font-size: 16px;
+            }
+
             @if ($pivotgrid-skin == 'bootstrap4') {
               color: $gray-700;
             }
@@ -667,10 +691,14 @@
               color: $pivotgrid-active-color;
             }
 
-            @if ($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') {
+            @if ($skin-name == 'bootstrap5') {
               line-height: $pivotgrid-menubar-height;
             }
 
+            @if ($skin-name == 'FluentUI') {
+              line-height: 28px;
+            }
+
             @if ($skin-name == 'tailwind') {
               line-height: 40px;
             }
@@ -946,6 +974,19 @@
         }
       }
 
+      @if ($skin-name == 'FluentUI') or ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') {
+        &.e-node-limit {
+          .e-excelfilter {
+            .e-member-editor-container-outer-div {
+              height: 82px !important;
+              @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') {
+                height: 96px !important;
+              }
+            }
+          }
+        }
+      }
+
       .e-excelfilter {
         .e-member-editor-container-outer-div {
           height: $pivotgrid-excel-member-filter-bigger-height !important;
@@ -976,6 +1017,14 @@
 
       &.e-excel-filter {
         min-width: $pivotgrid-bigger-excel-dialog-min-width;
+        
+        @if ($skin-name =='FluentUI') or ($skin-name =='fabric') {
+          height: 427px !important;
+
+          &.e-node-limit {
+            height: 440px !important;
+          }
+        }
       }
     }
 

package/styles/pivotview/_material-dark-definition.scss

@@ -12,6 +12,7 @@ $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
 $pivotgrid-grp-bg-color: $grey-900 !default;
+$pivotgrid-grp-bg-hover-color: rgba(255, 255, 255, .1) !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drag-clone-color: $grey-200 !default;
 $pivotgrid-drop-hover-color: $grey-600 !default;

package/styles/pivotview/_material-definition.scss

@@ -12,6 +12,7 @@ $pivotgrid-content-font-size: 13px !default;
 $pivotgrid-bigger-content-font-size: 13px !default;
 $field-list-font-family: $font-family !default;
 $pivotgrid-grp-bg-color: $grey-100 !default;
+$pivotgrid-grp-bg-hover-color: rgba(0, 0, 0, .12) !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drag-clone-color: $grey-200 !default;
 $pivotgrid-drop-hover-color: $grey-500 !default;

package/styles/pivotview/_material3-definition.scss

@@ -83,6 +83,7 @@ $pivotgrid-cell-border-color: $content-bg-color-alt3 !default;
 $pivotgrid-default-border-color: $content-bg-color-alt3 !default;
 $pivotgrid-table-background-color: $transparent !default;
 $pivotgrid-grp-bg-color: $content-bg-color-alt1 !default;
+$pivotgrid-grp-bg-hover-color: $content-bg-color-alt1 !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
 $pivotgrid-drop-hover-color: $primary !default;

package/styles/pivotview/_tailwind-definition.scss

@@ -28,15 +28,15 @@ $pivotgrid-drill-margintop: 0 !default;
 $pivotgrid-bigger-drill-margintop: $pivotgrid-drill-margintop !default;
 $pivotgrid-rtl-expand-icon-font-size: 10px !default;
 $pivotgrid-collapse-icon-fonsize: 18px !default;
-$pivotgrid-vsort-column-margin: -15px 0 !default;
+$pivotgrid-vsort-column-margin: -18px 0 !default;
 $pivotgrid-vsort-column-parent-margin: 0 !default;
 $pivotgrid-vsort-row-margin: -4px 0 !default;
 $pivotgrid-vsort-row-parent-margin: 0 !default;
 $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
 $pivotgrid-tooltip-fontfamily: Inter !default;
-$pivotgrid-member-filter-list-height: 214px !default;
-$pivotgrid-member-filter-list-bigger-height: 178px !default;
+$pivotgrid-member-filter-list-height: 176px !default;
+$pivotgrid-member-filter-list-bigger-height: 140px !default;
 $pivotview-grid-indent-padding: 8px !default;
 $pivotview-grid-bigger-indent-padding: 10px !default;
 $pivotview-indent-space-size: 18px !default;
@@ -79,6 +79,7 @@ $pivotgrid-cell-border-color: $content-bg-color-alt3 !default;
 $pivotgrid-default-border-color: $content-bg-color-alt3 !default;
 $pivotgrid-table-background-color: $transparent !default;
 $pivotgrid-grp-bg-color: $content-bg-color-alt1 !default;
+$pivotgrid-grp-bg-hover-color: $content-bg-color-alt1 !default;
 $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
 $pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
 $pivotgrid-drop-hover-color: $primary !default;