@syncfusion/ej2-angular-pivotview 20.4.54 → 21.1.35

package/styles/material.css

@@ -560,12 +560,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f5f5f5;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #f5f5f5;
-}
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
-  background: rgba(0, 0, 0, 0.12);
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -794,6 +788,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -956,6 +954,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1385,6 +1386,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 1px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1422,6 +1424,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 2px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1506,7 +1509,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1529,7 +1531,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1607,6 +1608,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1720,6 +1724,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -2049,6 +2059,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }
@@ -3407,6 +3421,8 @@
 }
 .e-pivot-calc-dialog-div.e-rtl .e-treeview ul li .e-text-content {
   padding: 0 24px 0 0;
+  display: -ms-flexbox;
+  display: flex;
 }
 .e-pivot-calc-dialog-div .e-pivot-calc-input.e-empty-field::-webkit-input-placeholder {
   color: #f44336 !important;
@@ -3634,6 +3650,15 @@
 .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons {
   font-size: 16px;
 }
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .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;
@@ -3733,6 +3758,7 @@
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
 .e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
   padding-left: 0;
+  margin-left: 15px;
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
@@ -3849,9 +3875,10 @@
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
   padding-top: 20px;
+  /* stylelint-disable */
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 149px;
+  height: 149px !important;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -3859,7 +3886,6 @@
   overflow: auto;
   padding: 20px;
   padding-bottom: 0;
-  /* stylelint-disable */
   /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter .e-filter-text-div,
@@ -4465,6 +4491,50 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list {
+  display: block;
+  overflow-y: auto;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview ul:first-child {
+  padding-right: 0;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li .e-measure-icon {
+  display: none;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-rtl ul:first-child {
+  padding-left: 0;
+  padding-right: 10px;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-drag {
+  padding: revert;
+  margin: revert;
+  width: auto;
+  height: auto;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-draggable {
+  display: contents;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-text-content {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-list-text {
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  width: 100%;
+  white-space: nowrap;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview:not(.e-rtl) .e-list-text {
+  padding-right: revert;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview.e-rtl .e-list-text {
+  padding-left: revert;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li .e-measure-icon {
+  display: none;
+}
 .e-pivotfieldlist-container .e-layout-footer {
   display: -ms-flexbox;
   display: flex;

package/styles/pivotfieldlist/_bootstrap5-definition.scss

@@ -5,27 +5,27 @@ $field-list-border-type: solid !default;
 $field-list-border-size: 1px !default;
 $field-list-default-padding-size: 8px !default;
 $field-list-title-padding-size: 18px !default;
-$field-list-title-font-size: 16px !default;
+$field-list-title-font-size: $text-base !default;
 $field-list-title-line-height: 1.5em !default;
-$field-list-content-font-size: 14px !default;
-$field-list-button-font-weight: normal !default;
+$field-list-content-font-size: $text-sm !default;
+$field-list-button-font-weight: $font-weight-normal !default;
 $field-list-font-family:  $font-family !default;
 $field-list-default-border-radius: 4px !default;
 $field-list-drag-clone-border-radius: 0 !default;
-$field-list-drag-clone-font-size: 16px !default;
+$field-list-drag-clone-font-size: $text-base !default;
 $field-list-drag-clone-line-height: 1.15em !default;
 $field-list-drag-clone-height: 32px !default;
-$field-list-button-font-size: 14px !default;
+$field-list-button-font-size: $text-sm !default;
 $field-list-toggle-icon-bigger-size: 20px !default;
 $field-list-toggle-padding-size: 8px !default;
 $field-list-editor-dialog-footer-padding: 10px !default;
 $field-list-toggle-size: 31px !default;
 $field-list-toggle-bigger-size: 36px !default;
 $field-list-member-filter-list-bigger-height: 129px !default;
-$pivot-calculated-formula-font-family:  $font-family !default;
+$pivot-calculated-formula-font-family: $font-family !default;
 $pivot-calculated-formula-font-padding: 5px 8px !default;
 $pivot-calculated-header-opacity: .87 !default;
-$pivot-calculated-font-weight: normal !default;
+$pivot-calculated-font-weight: $font-weight-normal !default;
 $pivot-dialog-content-opacity: .54 !default;
 $pivot-dialog-content-padding: 18px !default;
 $pivot-dialog-footer-padding: 8px !default;
@@ -40,7 +40,7 @@ $field-list-bigger-icon-to-text-padding: 10px !default;
 $field-list-icon-to-icon-padding: 4px !default;
 $field-list-bigger-icon-to-icon-padding: 4px !default;
 $field-list-default-bigger-padding-size: 12px !default;
-$field-list-bigger-button-font-size: 14px !default;
+$field-list-bigger-button-font-size: $text-sm !default;
 $pivot-calculated-header-padding: 4px !default;
 $pivot-calculated-bigger-header-padding: 6px !default;
 $field-list-header-content-line-height: 1.125em !default;
@@ -56,7 +56,7 @@ $field-list-excel-filter-height: 248px !default;
 $field-list-excel-member-filter-bigger-height: 119px !default;
 $field-list-excel-filter-bigger-height: 227px !default;
 $format-label-font-opacity: .87 !default;
-$format-label-font-weight: 500 !default;
+$format-label-font-weight: $font-weight-medium !default;
 $format-preview-bigger-height: 30px !default;
 $format-outer-border-radius: 4px !default;
 $format-dialog-width: 628px !default;
@@ -123,7 +123,7 @@ $field-list-button-icon-color: $icon-color !default;
 $field-list-icon-hover-color: $icon-color !default;
 $field-list-toggle-font-color: $icon-color !default;
 $error-font-color: $danger !default;
-$format-label-font-color: $content-text-color !default;
+$format-label-font-color: $content-text-color-alt2 !default;
 $format-preview-border-color: $border-light !default;
 $format-outer-border-color: $border-light !default;
 $format-outer-fill-color: $content-bg-color !default;
@@ -145,7 +145,7 @@ $field-list-axis-header-padding-size: 5px !default;
 $field-list-selected-color: rgba($content-bg-color-hover, .87) !default;
 $field-list-button-color: $content-bg-color !default;
 $field-list-button-back-color: $icon-color !default;
-$field-list-header-font-size: 14px !default;
+$field-list-header-font-size: $text-sm !default;
 $field-list-header-text-transform: none !default;
 $field-list-icon-size: 14px !default;
 $field-list-toggle-icon-size: 17px !default;
@@ -161,7 +161,7 @@ $field-list-bigger-button-height: 36px !default;
 $field-list-axis-content-height: 133px !default;
 $field-list-header-padding: 18px !default;
 $field-list-bigger-header-padding: 20px !default;
-$field-list-bigger-header-font-size: 14px !default;
+$field-list-bigger-header-font-size: $text-sm !default;
 $field-list-button-padding: 9px 12px !default;
 $field-list-bigger-button-padding: 9px 16px !default;
 $field-list-header-icon-size: 14px !default;
@@ -177,15 +177,15 @@ $field-list-adaptive-icon-height: 50px !default;
 $field-list-adaptive-drag-prompt-height: 22px !default;
 $field-list-adaptive-pivot-button-height: 36px !default;
 $field-list-adaptive-pivot-button-padding: 9px 16px !default;
-$pivot-dialog-font-weight: normal !default;
+$pivot-dialog-font-weight: $font-weight-normal !default;
 $field-list-toggle-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
 $field-list-toggle-left-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
 $field-list-drag-clone-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
-$field-list-treeview-font-weight: 500 !default;
-$field-list-calc-formula-font-size: 13px !default;
-$field-list-calc-bigger-formula-font-size: 13px !default;
-$format-label-font-size: 13px !default;
-$format-label-bigger-font-size: 14px !default;
+$field-list-treeview-font-weight: $font-weight-medium !default;
+$field-list-calc-formula-font-size: $text-sm !default;
+$field-list-calc-bigger-formula-font-size: $text-sm !default;
+$format-label-font-size: $text-sm !default;
+$format-label-bigger-font-size: $text-sm !default;
 $format-preview-height: 28px !default;
 $format-preview-width: 80px !default;
 $olap-tree-wrapper-height: 495px;

package/styles/pivotfieldlist/_fluent-definition.scss

@@ -5,27 +5,27 @@ $field-list-border-type: solid !default;
 $field-list-border-size: 1px !default;
 $field-list-default-padding-size: 8px !default;
 $field-list-title-padding-size: 18px !default;
-$field-list-title-font-size: 16px !default;
+$field-list-title-font-size: $text-base !default;
 $field-list-title-line-height: 1.5em !default;
-$field-list-content-font-size: 14px !default;
-$field-list-button-font-weight: normal !default;
+$field-list-content-font-size: $text-sm !default;
+$field-list-button-font-weight: $font-weight-normal !default;
 $field-list-font-family:  $font-family !default;
 $field-list-default-border-radius: 2px !default;
 $field-list-drag-clone-border-radius: 0 !default;
-$field-list-drag-clone-font-size: 14px !default;
+$field-list-drag-clone-font-size: $text-sm !default;
 $field-list-drag-clone-line-height: 1.15em !default;
 $field-list-drag-clone-height: 32px !default;
-$field-list-button-font-size: 14px !default;
+$field-list-button-font-size: $text-sm !default;
 $field-list-toggle-icon-bigger-size: 20px !default;
 $field-list-toggle-padding-size: 8px !default;
 $field-list-editor-dialog-footer-padding: 10px !default;
 $field-list-toggle-size: 31px !default;
 $field-list-toggle-bigger-size: 36px !default;
-$field-list-member-filter-list-bigger-height: 103px !default;
+$field-list-member-filter-list-bigger-height: 82px !default;
 $pivot-calculated-formula-font-family:  $font-family !default;
 $pivot-calculated-formula-font-padding: 5px 8px !default;
 $pivot-calculated-header-opacity: .87 !default;
-$pivot-calculated-font-weight: normal !default;
+$pivot-calculated-font-weight: $font-weight-normal !default;
 $pivot-dialog-content-opacity: .54 !default;
 $pivot-dialog-content-padding: 18px !default;
 $pivot-dialog-footer-padding: 8px !default;
@@ -40,7 +40,7 @@ $field-list-bigger-icon-to-text-padding: 10px !default;
 $field-list-icon-to-icon-padding: 4px !default;
 $field-list-bigger-icon-to-icon-padding: 4px !default;
 $field-list-default-bigger-padding-size: 16px !default;
-$field-list-bigger-button-font-size: 14px !default;
+$field-list-bigger-button-font-size: $text-sm !default;
 $pivot-calculated-header-padding: 4px !default;
 $pivot-calculated-bigger-header-padding: 6px !default;
 $field-list-header-content-line-height: 1.125em !default;
@@ -51,12 +51,12 @@ $field-list-static-header-icon-wrapper-padding: $field-list-header-icon-wrapper-
 $field-list-static-bigger-header-icon-wrapper-padding: $field-list-bigger-header-icon-wrapper-padding !default;
 $pivot-calculated-icon-opacity: .87 !default;
 $field-list-bigger-button-line-height: 1.1em !default;
-$field-list-excel-member-filter-height: 115px !default;
+$field-list-excel-member-filter-height: 105px !default;
 $field-list-excel-filter-height: 215px !default;
-$field-list-excel-member-filter-bigger-height: 82px !default;
+$field-list-excel-member-filter-bigger-height: 64px !default;
 $field-list-excel-filter-bigger-height: 192px !default;
 $format-label-font-opacity: .87 !default;
-$format-label-font-weight: 500 !default;
+$format-label-font-weight: $font-weight-normal !default;
 $format-preview-bigger-height: 30px !default;
 $format-outer-border-radius: 2px !default;
 $format-dialog-width: 629px !default;
@@ -145,7 +145,7 @@ $field-list-axis-header-padding-size: 5px !default;
 $field-list-selected-color: rgba($content-bg-color-hover, .87) !default;
 $field-list-button-color: $content-bg-color !default;
 $field-list-button-back-color: $icon-color !default;
-$field-list-header-font-size: 14px !default;
+$field-list-header-font-size: $text-sm !default;
 $field-list-header-text-transform: none !default;
 $field-list-icon-size: 14px !default;
 $field-list-toggle-icon-size: 17px !default;
@@ -161,7 +161,7 @@ $field-list-bigger-button-height: 36px !default;
 $field-list-axis-content-height: 133px !default;
 $field-list-header-padding: 18px !default;
 $field-list-bigger-header-padding: 20px !default;
-$field-list-bigger-header-font-size: 14px !default;
+$field-list-bigger-header-font-size: $text-sm !default;
 $field-list-button-padding: 9px 12px !default;
 $field-list-bigger-button-padding: 9px 16px !default;
 $field-list-header-icon-size: 14px !default;
@@ -177,15 +177,15 @@ $field-list-adaptive-icon-height: 50px !default;
 $field-list-adaptive-drag-prompt-height: 22px !default;
 $field-list-adaptive-pivot-button-height: 36px !default;
 $field-list-adaptive-pivot-button-padding: 9px 16px !default;
-$pivot-dialog-font-weight: normal !default;
+$pivot-dialog-font-weight: $font-weight-normal !default;
 $field-list-toggle-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
 $field-list-toggle-left-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
 $field-list-drag-clone-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
-$field-list-treeview-font-weight: 500 !default;
-$field-list-calc-formula-font-size: 13px !default;
-$field-list-calc-bigger-formula-font-size: 13px !default;
-$format-label-font-size: 13px !default;
-$format-label-bigger-font-size: 14px !default;
+$field-list-treeview-font-weight: $font-weight-medium !default;
+$field-list-calc-formula-font-size: $text-sm !default;
+$field-list-calc-bigger-formula-font-size: $text-sm !default;
+$format-label-font-size: $text-sm !default;
+$format-label-bigger-font-size: $text-sm !default;
 $format-preview-height: 28px !default;
 $format-preview-width: 80px !default;
 $olap-tree-wrapper-height: 470px;

package/styles/pivotfieldlist/_layout.scss

@@ -132,6 +132,10 @@
       font-size: $format-label-font-size;
       font-weight: $format-label-font-weight;
       opacity: $format-label-font-opacity;
+
+      @if ($field-list-skin == 'bootstrap5') or ($field-list-skin == 'FluentUI') or ($field-list-skin == 'tailwind') {
+        opacity: 1;
+      }
     }
 
     .e-format-value-preview {
@@ -587,6 +591,7 @@
 
           .e-text-content {
             padding: 0 24px 0 0;
+            display: flex;
           }
         }
       }
@@ -894,6 +899,16 @@
             padding-top: 12px;
           }
         }
+
+        .e-remove-report,
+        .e-edit,
+        .e-edited {
+          /* stylelint-disable */
+          @if ($skin-name =='FluentUI') or ($skin-name =='bootstrap5') {
+            font-size: $field-list-bigger-header-icon-size !important;
+          }
+          /* stylelint-enable */
+        }
       }
 
       ul {
@@ -1065,6 +1080,7 @@
           li:not(.e-pivot-parent):not(.e-pivot-child) {
             .e-text-content {
               padding-left: $field-list-treeview-mobile-li-padding;
+              margin-left: $field-list-adaptive-footer-padding-size;
             }
           }
         }
@@ -1153,6 +1169,12 @@
     }
 
     .e-member-editor-dialog {
+      .e-member-editor-container-outer-div {
+        @if ($skin-name == 'FluentUI') {
+          height: $field-list-excel-member-filter-height !important;
+        }
+      }
+
       .e-toolbar .e-toolbar-items {
         margin-left: $field-list-filter-toolbar-items-margin;
       }
@@ -1293,9 +1315,9 @@
         @if ($skin-name == 'tailwind') {
           padding-top: 12px;
         }
-
+        /* stylelint-disable */
         .e-member-editor-container-outer-div {
-          height: $field-list-excel-member-filter-height;
+          height: $field-list-excel-member-filter-height !important;
         }
       }
 
@@ -1306,7 +1328,6 @@
         padding: 20px;
         padding-bottom: 0;
 
-        /* stylelint-disable */
         .e-filter-text-div {
           color: $field-list-button-icon-color !important;
           font-size: 13px;

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

@@ -10,7 +10,7 @@ $field-list-toggle-border-color: rgba($grey-black, .12) !default;
 $field-list-border-type: $border-type !default;
 $field-list-border-size: $border-size !default;
 $field-list-table-background-color: rgba($grey-black, .42) !default;
-$field-list-default-bg-color: $grey-800 !default;
+$field-list-default-bg-color: #424242 !default;
 $field-list-default-padding-size: 8px !default;
 $field-list-title-padding-size: 20px !default;
 $field-list-title-font-size: 18px !default;
@@ -20,7 +20,7 @@ $field-list-button-font-weight: 500 !default;
 $field-list-font-family: $font-family !default;
 $field-list-header-background-color: $grey-900 !default;
 $field-list-axis-header-color: $field-list-header-background-color !default;
-$field-list-toggle-bg-color: $grey-800 !default;
+$field-list-toggle-bg-color: #424242 !default;
 $field-list-default-fill-color: $grey-white !default;
 $field-list-default-border-radius: 4px !default;
 $field-list-drop-hover-color: $grey-600 !default;

package/styles/pivotfieldlist/_material-definition.scss

@@ -23,7 +23,7 @@ $field-list-axis-header-color: $field-list-header-background-color !default;
 $field-list-toggle-bg-color: #fafafa !default;
 $field-list-default-fill-color: $grey-white !default;
 $field-list-default-border-radius: 4px !default;
-$field-list-drop-hover-color: $grey-500 !default;
+$field-list-drop-hover-color: #9e9e9e !default;
 $field-list-button-font-color: $grey-light-font !default;
 $field-list-button-border-color: rgba($grey-light-font, .12) !default;
 $field-list-button-hover-color: $grey-200 !default;

package/styles/pivotfieldlist/_tailwind-definition.scss

@@ -5,17 +5,17 @@ $field-list-border-type: solid !default;
 $field-list-border-size: 1px !default;
 $field-list-default-padding-size: 8px !default;
 $field-list-title-padding-size: 18px !default;
-$field-list-title-font-size: 16px !default;
+$field-list-title-font-size: $text-base !default;
 $field-list-title-line-height: 1.5em !default;
-$field-list-content-font-size: 14px !default;
-$field-list-button-font-weight: normal !default;
+$field-list-content-font-size: $text-sm !default;
+$field-list-button-font-weight: $font-weight-normal !default;
 $field-list-font-family: Inter !default;
 $field-list-default-border-radius: 4px !default;
 $field-list-drag-clone-border-radius: 0 !default;
-$field-list-drag-clone-font-size: 16px !default;
+$field-list-drag-clone-font-size: $text-base !default;
 $field-list-drag-clone-line-height: 1.5em !default;
 $field-list-drag-clone-height: 32px !default;
-$field-list-button-font-size: 14px !default;
+$field-list-button-font-size: $text-sm !default;
 $field-list-toggle-icon-bigger-size: 20px !default;
 $field-list-toggle-padding-size: 8px !default;
 $field-list-editor-dialog-footer-padding: 10px !default;
@@ -25,7 +25,7 @@ $field-list-member-filter-list-bigger-height: 130px !default;
 $pivot-calculated-formula-font-family: Inter !default;
 $pivot-calculated-formula-font-padding: 5px 8px !default;
 $pivot-calculated-header-opacity: .87 !default;
-$pivot-calculated-font-weight: normal !default;
+$pivot-calculated-font-weight: $font-weight-normal !default;
 $pivot-dialog-content-opacity: .54 !default;
 $pivot-dialog-content-padding: 18px !default;
 $pivot-dialog-footer-padding: 8px !default;
@@ -40,7 +40,7 @@ $field-list-bigger-icon-to-text-padding: 10px !default;
 $field-list-icon-to-icon-padding: 4px !default;
 $field-list-bigger-icon-to-icon-padding: 4px !default;
 $field-list-default-bigger-padding-size: 16px !default;
-$field-list-bigger-button-font-size: 14px !default;
+$field-list-bigger-button-font-size: $text-sm !default;
 $pivot-calculated-header-padding: 4px !default;
 $pivot-calculated-bigger-header-padding: 6px !default;
 $field-list-header-content-line-height: 1.125em !default;
@@ -56,7 +56,7 @@ $field-list-excel-filter-height: 248px !default;
 $field-list-excel-member-filter-bigger-height: 113px !default;
 $field-list-excel-filter-bigger-height: 220px !default;
 $format-label-font-opacity: .87 !default;
-$format-label-font-weight: 500 !default;
+$format-label-font-weight: $font-weight-medium !default;
 $format-preview-bigger-height: 30px !default;
 $format-outer-border-radius: 4px !default;
 $format-dialog-width: 640px !default;
@@ -122,7 +122,7 @@ $field-list-button-icon-color: $icon-color !default;
 $field-list-icon-hover-color: $icon-color !default;
 $field-list-toggle-font-color: rgba($content-text-color, .54) !default;
 $error-font-color: $danger !default;
-$format-label-font-color: $content-text-color !default;
+$format-label-font-color: $content-text-color-alt2 !default;
 $format-preview-border-color: $border-light !default;
 $format-outer-border-color: $border-light !default;
 $format-outer-fill-color: $content-bg-color !default;
@@ -145,7 +145,7 @@ $field-list-axis-header-padding-size: 5px !default;
 $field-list-selected-color: rgba($cool-gray-100, .87) !default;
 $field-list-button-color: $content-bg-color !default;
 $field-list-button-back-color: $icon-color !default;
-$field-list-header-font-size: 12px !default;
+$field-list-header-font-size: $text-xs !default;
 $field-list-header-text-transform: uppercase !default;
 $field-list-icon-size: 14px !default;
 $field-list-toggle-icon-size: 17px !default;
@@ -161,7 +161,7 @@ $field-list-bigger-button-height: 36px !default;
 $field-list-axis-content-height: 133px !default;
 $field-list-header-padding: 18px !default;
 $field-list-bigger-header-padding: 16px !default;
-$field-list-bigger-header-font-size: 14px !default;
+$field-list-bigger-header-font-size: $text-sm !default;
 $field-list-button-padding: 9px 12px !default;
 $field-list-bigger-button-padding: 9px 16px !default;
 $field-list-header-icon-size: 14px !default;
@@ -177,15 +177,15 @@ $field-list-adaptive-icon-height: 50px !default;
 $field-list-adaptive-drag-prompt-height: 200px !default;
 $field-list-adaptive-pivot-button-height: 36px !default;
 $field-list-adaptive-pivot-button-padding: 9px 16px !default;
-$pivot-dialog-font-weight: normal !default;
+$pivot-dialog-font-weight: $font-weight-normal !default;
 $field-list-toggle-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
 $field-list-toggle-left-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
 $field-list-drag-clone-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
-$field-list-treeview-font-weight: 500 !default;
-$field-list-calc-formula-font-size: 13px !default;
-$field-list-calc-bigger-formula-font-size: 13px !default;
-$format-label-font-size: 13px !default;
-$format-label-bigger-font-size: 14px !default;
+$field-list-treeview-font-weight: $font-weight-medium !default;
+$field-list-calc-formula-font-size: $text-sm !default;
+$field-list-calc-bigger-formula-font-size: $text-sm !default;
+$format-label-font-size: $text-sm !default;
+$format-label-bigger-font-size: $text-sm !default;
 $format-preview-height: 28px !default;
 $format-preview-width: 80px !default;
 $olap-tree-wrapper-height: 430px;