@syncfusion/ej2-angular-pivotview 20.4.54 → 21.1.35

package/styles/pivotfieldlist/tailwind-dark.css

@@ -394,10 +394,11 @@
 }
 .e-pivot-formatting-dialog .e-format-label,
 .e-pivot-formatting-dialog .e-format-value-label {
-  color: #fff;
-  font-size: 13px;
+  color: #9ca3af;
+  font-size: 14px;
   font-weight: 500;
   opacity: 0.87;
+  opacity: 1;
 }
 .e-pivot-formatting-dialog .e-format-value-preview {
   border: 1px solid #4b5563;
@@ -727,6 +728,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: #f87171 !important;
@@ -749,7 +752,7 @@
   border: 1px solid #4b5563;
   border-radius: 4px;
   color: #fff;
-  font-size: 13px;
+  font-size: 14px;
   height: 70px;
   padding: 5px 8px;
   resize: none;
@@ -959,6 +962,15 @@
   font-size: 16px;
   padding-top: 12px;
 }
+.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 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,
@@ -973,7 +985,7 @@
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula {
-  font-size: 13px;
+  font-size: 14px;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-footer-content,
 .e-bigger .e-pivot-calc-dialog-div .e-footer-content {
@@ -1071,6 +1083,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 {
@@ -1193,9 +1206,10 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
   padding-top: 20px;
   padding-top: 12px;
+  /* stylelint-disable */
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 165px;
+  height: 165px !important;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -1203,7 +1217,6 @@
   overflow: auto;
   padding: 20px;
   padding-bottom: 0;
-  /* stylelint-disable */
   /* stylelint-enable */
   padding-top: 0;
 }
@@ -1824,6 +1837,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;
@@ -2570,7 +2627,7 @@
 .e-pivotfieldlist-container .e-calculated-field {
   color: #fff;
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   max-width: 160px;
   min-width: 145px;
 }

package/styles/pivotfieldlist/tailwind.css

@@ -395,10 +395,11 @@
 }
 .e-pivot-formatting-dialog .e-format-label,
 .e-pivot-formatting-dialog .e-format-value-label {
-  color: #111827;
-  font-size: 13px;
+  color: #6b7280;
+  font-size: 14px;
   font-weight: 500;
   opacity: 0.87;
+  opacity: 1;
 }
 .e-pivot-formatting-dialog .e-format-value-preview {
   border: 1px solid #e5e7eb;
@@ -728,6 +729,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: #dc2626 !important;
@@ -750,7 +753,7 @@
   border: 1px solid #e5e7eb;
   border-radius: 4px;
   color: #111827;
-  font-size: 13px;
+  font-size: 14px;
   height: 70px;
   padding: 5px 8px;
   resize: none;
@@ -960,6 +963,15 @@
   font-size: 16px;
   padding-top: 12px;
 }
+.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 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,
@@ -974,7 +986,7 @@
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula,
 .e-bigger .e-pivot-calc-dialog-div .e-pivot-formula {
-  font-size: 13px;
+  font-size: 14px;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-footer-content,
 .e-bigger .e-pivot-calc-dialog-div .e-footer-content {
@@ -1072,6 +1084,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 {
@@ -1194,9 +1207,10 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
   padding-top: 20px;
   padding-top: 12px;
+  /* stylelint-disable */
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 165px;
+  height: 165px !important;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -1204,7 +1218,6 @@
   overflow: auto;
   padding: 20px;
   padding-bottom: 0;
-  /* stylelint-disable */
   /* stylelint-enable */
   padding-top: 0;
 }
@@ -1825,6 +1838,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;
@@ -2571,7 +2628,7 @@
 .e-pivotfieldlist-container .e-calculated-field {
   color: #374151;
   font-size: 14px;
-  font-weight: normal;
+  font-weight: 400;
   max-width: 160px;
   min-width: 145px;
 }

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

@@ -106,6 +106,9 @@ $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
 $pivotgrid-drillthrough-header-font-color: $grey-light-font !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 3px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 5px !default;
 
 //enddefault
 

package/styles/pivotview/_bootstrap-definition.scss

@@ -105,6 +105,9 @@ $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
 $pivotgrid-drillthrough-header-font-color: $grey-light-font !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 3px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 6px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 28px !default;

package/styles/pivotview/_bootstrap4-definition.scss

@@ -105,6 +105,9 @@ $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 0 4px 0 !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
 $pivotgrid-drillthrough-header-font-color: #333 !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 2px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 3px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;

package/styles/pivotview/_bootstrap5-definition.scss

@@ -16,7 +16,7 @@ $pivotgrid-grouping-height: 30px !default;
 $pivotgrid-summary-font-weight: $font-weight-bold !default;
 $pivotgrid-prompt-line-height: 24px !default;
 $field-list-toggle-size: 40px !default;
-$pivotgrid-drag-clone-font-size: 14px !default;
+$pivotgrid-drag-clone-font-size: $text-sm !default;
 $pivotgrid-default-border-radius: 4px !default;
 $pivotgrid-button-icon-size: 12px !default;
 $pivotgrid-bigger-button-icon-size: 14px !default;
@@ -26,7 +26,7 @@ $pivotgrid-expand-icon-fontsize: 20px !default;
 $pivotgrid-expcoldiv-fontsize: 10px !default;
 $pivotgrid-drill-margintop: 0 !default;
 $pivotgrid-bigger-drill-margintop: 0 !default;
-$pivotgrid-rtl-expand-icon-font-size: 10px !default;
+$pivotgrid-rtl-expand-icon-font-size: $text-xxs !default;
 $pivotgrid-collapse-icon-fonsize: 20px !default;
 $pivotgrid-vsort-column-margin: -16px 0 !default;
 $pivotgrid-vsort-column-parent-margin: 6px 0 !default;
@@ -51,7 +51,7 @@ $pivotgrid-editor-label-opacity: .87 !default;
 $pivotgrid-editor-label-excel-width: 280px !default;
 $pivotgrid-editor-label-excel-padding-size: 14px 10px 9px 20px !default;
 $pivotgrid-editor-label-excel-opacity: 56%;
-$pivotgrid-drillthrough-header-font-weight: 800 !default;
+$pivotgrid-drillthrough-header-font-weight: $font-weight-normal !default;
 $pivotgrid-menubar-height: 32px !default;
 $pivotgrid-bigger-menubar-height: 42px !default;
 $pivotgrid-sort-wrapper-padding-size: 10px !default;
@@ -73,7 +73,7 @@ $pivotgrid-border-color: $border-light;
 $pivotgrid-active-border-color: $border-light;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivotgrid-value-sort-icon-padding: 6px 0 4px 0 !default;
-$pivotgrid-value-sort-icon-font-size: 12px !default;
+$pivotgrid-value-sort-icon-font-size: $text-xs !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
@@ -113,14 +113,17 @@ $pivotgrid-gtot-background-color: $content-bg-color-alt1 !default;
 $pivotgrid-gtot-font-color: $content-text-color-alt1 !default;
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-drillthrough-header-font-color: $content-text-color-alt2 !default;
+$pivotgrid-drillthrough-header-value-font-color: $content-text-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 1px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 3px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-editor-search-padding-size: 20px !default;
 $pivotgrid-member-filter-list-padding-size: -22px !default;
 $pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
 $pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
-$pivotgrid-button-font-size: 13px !default;
-$pivotgrid-bigger-button-font-size: 13px !default;
+$pivotgrid-button-font-size: $text-sm !default;
+$pivotgrid-bigger-button-font-size: $text-sm !default;
 $pivotgrid-button-inner-padding: 3px !default;
 $pivotgrid-bigger-button-inner-padding: 5px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
@@ -137,15 +140,15 @@ $pivotgrid-bigger-button-icon-touch-margin-size: 2px !default;
 $pivotpager-padding: 8px 8px !default;
 $pivotpage-touch-padding: 8px 12px !default;
 $pivotpager-separator-border: 1px solid $border-light !default;
-$pivotpager-title-font-size: 12px !default;
-$pivotpager-single-title-font-size: 14px !default;
-$pivotpager-touch-single-title-font-size: 16px !default;
+$pivotpager-title-font-size: $text-xs !default;
+$pivotpager-single-title-font-size: $text-sm !default;
+$pivotpager-touch-single-title-font-size: $text-base !default;
 $pivotpager-single-title-line-height: 2.2em !default;
 $pivotpager-touch-single-title-line-height: 2.3em !default;
 $pivotpager-axis-title-font-color: $content-text-color-disabled !default;
 $pivotpager-size-title-font-color: $content-text-color-alt3 !default;
 $pivotpager-string-font-touch-size: 14px !default;
-$pivotpager-pager-number-font-weight: 600 !default;
+$pivotpager-pager-number-font-weight: $font-weight-normal !default;
 $pivotpager-v-separator-margin: 8px 16px !default;
 $pivotpager-touch-v-separator-margin: 8px 16px !default;
 $pivotpager-v-separator-margin-top: 3px !default;

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

@@ -63,7 +63,7 @@ $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: 126px !default;
+$pivotgrid-excel-member-filter-bigger-height: 105px !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;
@@ -104,6 +104,9 @@ $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
 $pivotgrid-drillthrough-header-font-color: $neutral-light-font !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 2px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 4px !default;
 
 //enddefault
 

package/styles/pivotview/_fabric-definition.scss

@@ -103,6 +103,9 @@ $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
 $pivotgrid-drillthrough-header-font-color: $neutral-light-font !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 2px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 4px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;

package/styles/pivotview/_fluent-definition.scss

@@ -16,7 +16,7 @@ $pivotgrid-grouping-height: 30px !default;
 $pivotgrid-summary-font-weight: $font-weight-medium !default;
 $pivotgrid-prompt-line-height: 24px !default;
 $field-list-toggle-size: 40px !default;
-$pivotgrid-drag-clone-font-size: 14px !default;
+$pivotgrid-drag-clone-font-size: $text-sm !default;
 $pivotgrid-default-border-radius: 2px !default;
 $pivotgrid-button-icon-size: 12px !default;
 $pivotgrid-bigger-button-icon-size: 14px !default;
@@ -26,7 +26,7 @@ $pivotgrid-expand-icon-fontsize: 18px !default;
 $pivotgrid-expcoldiv-fontsize: 10px !default;
 $pivotgrid-drill-margintop: 0 !default;
 $pivotgrid-bigger-drill-margintop: 0 !default;
-$pivotgrid-rtl-expand-icon-font-size: 18px !default;
+$pivotgrid-rtl-expand-icon-font-size: $text-lg !default;
 $pivotgrid-collapse-icon-fonsize: 18px !default;
 $pivotgrid-vsort-column-margin: -33px 0 !default;
 $pivotgrid-vsort-column-parent-margin: -11px 0 !default;
@@ -41,9 +41,9 @@ $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: 115px !default;
+$pivotgrid-excel-member-filter-height: 105px !default;
 $pivotgrid-excel-filter-height: 248px !default;
-$pivotgrid-excel-member-filter-bigger-height: 100px !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;
 $pivotgrid-editor-label-font: 500 13px Inter !default;
@@ -51,7 +51,7 @@ $pivotgrid-editor-label-opacity: .87 !default;
 $pivotgrid-editor-label-excel-width: 280px !default;
 $pivotgrid-editor-label-excel-padding-size: 14px 10px 9px 20px !default;
 $pivotgrid-editor-label-excel-opacity: 56%;
-$pivotgrid-drillthrough-header-font-weight: 600 !default;
+$pivotgrid-drillthrough-header-font-weight: $font-weight-medium !default;
 $pivotgrid-menubar-height: 26px !default;
 $pivotgrid-bigger-menubar-height: 26px !default;
 $pivotgrid-sort-wrapper-padding-size: 10px !default;
@@ -73,7 +73,7 @@ $pivotgrid-border-color: $border-light;
 $pivotgrid-active-border-color: $border-light;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
-$pivotgrid-value-sort-icon-font-size: 14px !default;
+$pivotgrid-value-sort-icon-font-size: $text-sm !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
@@ -113,14 +113,17 @@ $pivotgrid-gtot-background-color: $content-bg-color-alt1 !default;
 $pivotgrid-gtot-font-color: $content-text-color !default;
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-drillthrough-header-font-color: $content-text-color !default;
+$pivotgrid-drillthrough-header-value-font-color: $content-text-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 3px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 6px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-editor-search-padding-size: 20px !default;
 $pivotgrid-member-filter-list-padding-size: -22px !default;
 $pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
 $pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
-$pivotgrid-button-font-size: 13px !default;
-$pivotgrid-bigger-button-font-size: 13px !default;
+$pivotgrid-button-font-size: $text-sm !default;
+$pivotgrid-bigger-button-font-size: $text-sm !default;
 $pivotgrid-button-inner-padding: 3px !default;
 $pivotgrid-bigger-button-inner-padding: 6px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
@@ -137,15 +140,15 @@ $pivotgrid-bigger-button-icon-touch-margin-size: 2px !default;
 $pivotpager-padding: 4px 12px !default;
 $pivotpage-touch-padding: 8px 16px !default;
 $pivotpager-separator-border: 1px solid $border-dark !default;
-$pivotpager-title-font-size: 12px !default;
-$pivotpager-single-title-font-size: 14px !default;
-$pivotpager-touch-single-title-font-size: 16px !default;
+$pivotpager-title-font-size: $text-xs !default;
+$pivotpager-single-title-font-size: $text-sm !default;
+$pivotpager-touch-single-title-font-size: $text-base !default;
 $pivotpager-single-title-line-height: 2.2em !default;
 $pivotpager-touch-single-title-line-height: 2.4em !default;
 $pivotpager-axis-title-font-color: $gray90 !default;
 $pivotpager-size-title-font-color: $content-text-color-alt2 !default;
 $pivotpager-string-font-touch-size: 14px !default;
-$pivotpager-pager-number-font-weight: 600 !default;
+$pivotpager-pager-number-font-weight: $font-weight-medium !default;
 $pivotpager-v-separator-margin: 8px 16px !default;
 $pivotpager-touch-v-separator-margin: 8px 20px !default;
 $pivotpager-v-separator-margin-top: 3px !default;

package/styles/pivotview/_fusionnew-definition.scss

@@ -113,6 +113,9 @@ $pivotgrid-gtot-background-color: $content-bg-color-alt1 !default;
 $pivotgrid-gtot-font-color: $content-text-color-alt1 !default;
 $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-drillthrough-header-font-color: $content-text-color-alt1 !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 2px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 4px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-editor-search-padding-size: 20px !default;
@@ -142,8 +145,8 @@ $pivotpager-single-title-font-size: 14px !default;
 $pivotpager-touch-single-title-font-size: 16px !default;
 $pivotpager-single-title-line-height: 2.4em !default;
 $pivotpager-touch-single-title-line-height: 2.8em !default;
-$pivotpager-axis-title-font-color: $grey-500 !default;
-$pivotpager-size-title-font-color: $grey-800 !default;
+$pivotpager-axis-title-font-color: $content-text-color-disabled !default;
+$pivotpager-size-title-font-color: $content-text-color-alt1 !default;
 $pivotpager-string-font-touch-size: 14px !default;
 $pivotpager-pager-number-font-weight: 600 !default;
 $pivotpager-v-separator-margin: 8px 16px !default;

package/styles/pivotview/_highcontrast-definition.scss

@@ -102,6 +102,9 @@ $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
 $pivotgrid-drillthrough-header-font-color: $content-font !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 2px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 4px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;

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

@@ -103,6 +103,9 @@ $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-value-sort-icon-padding: 3px 4px 4px 4px !default;
 $pivotgrid-value-sort-icon-font-size: 12px !default;
 $pivotgrid-drillthrough-header-font-color: $content-font !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 2px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 4px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 36px !default;

package/styles/pivotview/_layout.scss

@@ -621,26 +621,6 @@
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
-
-        .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;
-                }
-              }
-
-              &:focus {
-                @if ($skin-name =='bootstrap4') {
-                  background: $pivotgrid-grp-bg-hover-color;
-                }
-              }
-            }
-          }
-        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -750,8 +730,8 @@
         ul.e-menu {
           @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
           ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
-            padding-right: 0 !important;
             padding-left: 0 !important;
+            padding-right: 0 !important;
           }
         }
       }
@@ -896,7 +876,7 @@
     }
 
     .e-drillthrough-body-header-value {
-      color: $pivotview-grid-header-font-color;
+      color: $pivotgrid-drillthrough-header-value-font-color;
       margin-right: 20px;
     }
 
@@ -1055,6 +1035,10 @@
 
     .e-value-field-settings {
       max-height: 510px !important;
+
+      .e-dlg-content {
+        padding: 0;
+      }
     }
     /* stylelint-enable */
 

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

@@ -34,7 +34,7 @@ $pivotgrid-default-border-radius: 4px !default;
 $pivotgrid-button-icon-size: 12px !default;
 $pivotgrid-bigger-button-icon-size: 14px !default;
 $pivotgrid-button-border-radius: 25px !default;
-$pivotgrid-button-background-color: $grey-800 !default;
+$pivotgrid-button-background-color: #424242 !default;
 $pivotgrid-editor-dialog-footer-padding: 8px !default;
 $pivotgrid-button-drag-color: $accent !default;
 $pivotgrid-expand-icon-fontsize: 10px !default;
@@ -97,6 +97,9 @@ $pivotgrid-report-label-margin-top: 8px !default;
 $pivotgrid-bigger-report-label-margin-top: 12px !default;
 $pivotview-value-sort-rtl-padding: 1.8em !default;
 $pivotgrid-drillthrough-header-font-color: $grey-dark-font !default;
+$pivotgrid-drillthrough-header-value-font-color: $pivotview-grid-header-font-color !default;
+$pivotgrid-group-button-icon-wrapper-padding-top: 1px !default;
+$pivotgrid-group-button-icon-wrapper-marigin-top: 2px !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -143,8 +146,8 @@ $pivotpager-single-title-font-size: 14px !default;
 $pivotpager-touch-single-title-font-size: 16px !default;
 $pivotpager-single-title-line-height: 2.4em !default;
 $pivotpager-touch-single-title-line-height: 2.8em !default;
-$pivotpager-axis-title-font-color: $grey-500 !default;
-$pivotpager-size-title-font-color: $grey-800 !default;
+$pivotpager-axis-title-font-color: #9e9e9e !default;
+$pivotpager-size-title-font-color: #424242 !default;
 $pivotpager-string-font-touch-size: 14px !default;
 $pivotpager-pager-number-font-weight: 400 !default;
 $pivotpager-v-separator-margin: 8px 16px !default;