@syncfusion/ej2-pivotview 20.1.57 → 20.2.36

package/styles/pivotview/_fusionnew-definition.scss

@@ -0,0 +1,131 @@
+/*! component's theme wise override definitions and variables */
+// layout-variables
+$pivotgrid-skin: 'bootstrap5' !default;
+$pivotgrid-border-type: solid !default;
+$pivotgrid-border-size: 1px !default;
+$pivotgrid-content-font-size: $text-sm !default;
+$pivotgrid-bigger-content-font-size: $text-base !default;
+$field-list-font-family:  $font-family !default;
+$pivotview-grid-content-opacity: .87 !default;
+$pivotview-grid-header-font-size: $text-sm !default;
+$pivotview-bigger-grid-header-font-size: $text-base !default;
+$pivotview-grid-header-font-weight: $font-weight-bold !default;
+$pivotgrid-horizontal-button-padding: 8px !default;
+$pivotgrid-vertical-button-padding: 3px !default;
+$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-default-border-radius: 4px !default;
+$pivotgrid-button-icon-size: 12px !default;
+$pivotgrid-bigger-button-icon-size: 14px !default;
+$pivotgrid-button-border-radius: 4px !default;
+$pivotgrid-editor-dialog-footer-padding: 8px !default;
+$pivotgrid-expand-icon-fontsize: 20px !default;
+$pivotgrid-expcoldiv-fontsize: 10px !default;
+$pivotgrid-drill-margintop: 3px !default;
+$pivotgrid-bigger-drill-margintop: 4px !default;
+$pivotgrid-rtl-expand-icon-font-size: 10px !default;
+$pivotgrid-collapse-icon-fonsize: 18px !default;
+$pivotgrid-vsort-mouse-margin: -15px 0 !default;
+$pivotgrid-vsort-row-margin: 0 !default;
+$pivotgrid-vsort-mouse-wrap-margin: -18px !default;
+$pivotgrid-vsort-touch-margin: -23px -15px !default;
+$pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
+$pivotgrid-tooltip-padding: 3px 4px !default;
+$pivotgrid-tooltip-fontsize: 14px !default;
+$pivotgrid-tooltip-fontfamily: $font-family !default;
+$pivotgrid-member-filter-list-height: 167px !default;
+$pivotgrid-member-filter-list-bigger-height: 139px !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: 171px !default;
+$pivotgrid-excel-filter-height: 248px !default;
+$pivotgrid-excel-member-filter-bigger-height: 127px !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;
+$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-menubar-height: 32px !default;
+$pivotgrid-bigger-menubar-height: 42px !default;
+$pivotgrid-sort-wrapper-padding-size: 10px !default;
+$pivotgrid-group-chart-values-dropdown-margin: 2px !default;
+$pivotgrid-group-chart-values-dropdown-margin-bigger: 4px !default;
+$pivotgrid-report-label-margin-top: 5px !default;
+$pivotgrid-bigger-report-label-margin-top: 12px !default;
+$pivotview-value-sort-rtl-padding: 1.8em !default;
+// $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
+$pivotview-filter-toolbar-items-margin-left: 20px !default;
+// $pivotview-filter-toolbar-indicator-margin-right: 20px !default;
+$pivotview-filter-toolbar-items-margin-right: 20px !default;
+$pivotgrid-header-text-margin-top: 3px !default;
+$pivotgrid-border: $border-light !default;
+$pivotgrid-bg-color: $content-bg-color-alt1;
+$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: 12px !default;
+
+// normal
+$pivotgrid-active-color: $icon-color !default;
+$pivotgrid-default-font-color: $content-text-color-alt1 !default;
+$pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
+$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-cell-hover-color: rgba(0, 0, 0, 0) !default;
+$pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
+$pivotgrid-drop-hover-color: $primary !default;
+$pivotview-grid-header-font-color: $content-text-color-alt1 !default;
+$pivotgrid-button-border-color: $content-bg-color-alt3 !default;
+$pivotgrid-drag-clone-text-color: $pivotgrid-default-font-color !default;
+$pivotgrid-button-background-color: $secondary-bg-color !default;
+$pivotgrid-button-drag-color: $icon-color !default;
+$pivotgrid-hover-color: $secondary-bg-color-hover !default;
+$pivotgrid-focus-color: $secondary-bg-color-pressed !default;
+$pivotgrid-button-icon-color: $white !default;
+$pivotgrid-button-active-icon-color: $pivotgrid-button-icon-color !default;
+$pivotgrid-icon-hover-color: $secondary-text-color !default;
+$pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-tooltip-fontcolor: $toooltip-text-color !default;
+$pivotgrid-button-font-color: $content-text-color-alt1 !default;
+$pivotgrid-button-acitve-font-color: $content-text-color-alt1 !default;
+$pivotgrid-editor-label-color: $content-text-color-alt1 !default;
+$pivotgrid-editor-label-fill: $content-bg-color-alt1 !default;
+$pivotgrid-header-selection-bg-color: $content-bg-color-alt3 !default;
+$pivotgrid-header-selection-color: $content-text-color-alt2 !default;
+$pivotgrid-sort-select-background-color: $content-bg-color-alt1 !default;
+$pivotgrid-sort-select-border-color: $transparent !default;
+$pivotgrid-sort-select-color: $icon-color !default;
+$pivotgrid-header-background-color: $content-bg-color-alt1 !default;
+$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;
+
+/*! 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-inner-padding: 5px !default;
+$pivotgrid-bigger-button-inner-padding: 5px !default;
+$pivotgrid-bigger-excel-dialog-min-width: 350px !default;
+$pivotgrid-expand-bigger-icon-fontsize: 24px !default;
+$pivotgrid-collapse-bigger-icon-fontsize: 22px !default;
+$pivotgrid-grouping-padding-bottom: 12px !default;
+$pivotgrid-grouping-padding-top: 12px !default;
+$pivotgrid-grouping-bigger-padding-top: 16px !default;
+$pivotgrid-button-icon-wrapper-size: 18px !default;
+$pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;

package/styles/pivotview/_highcontrast-definition.scss

@@ -46,7 +46,7 @@ $pivotgrid-collapse-icon-fonsize: 10px !default;
 $pivotgrid-vsort-mouse-margin: -21px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -18px 0 !default;
-$pivotgrid-vsort-touch-margin: -23px -6px !default;
+$pivotgrid-vsort-touch-margin: -18px -6px !default;
 $pivotgrid-vsort-touch-wrap-margin: -18px -6px !default;
 $pivotgrid-tooltip-padding: 0 0 !default;
 $pivotgrid-tooltip-fontcolor: $selection-font !default;
@@ -99,7 +99,8 @@ $pivotgrid-border-color: #545b62;
 $pivotgrid-active-border-color: #4e555b;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $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;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;
@@ -122,3 +123,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
 $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;

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

@@ -46,7 +46,7 @@ $pivotgrid-collapse-icon-fonsize: 10px !default;
 $pivotgrid-vsort-mouse-margin: -21px 0 !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -18px 0 !default;
-$pivotgrid-vsort-touch-margin: -23px -6px !default;
+$pivotgrid-vsort-touch-margin: -17px -6px !default;
 $pivotgrid-vsort-touch-wrap-margin: -18px -6px !default;
 $pivotgrid-tooltip-padding: 0 0 !default;
 $pivotgrid-tooltip-fontcolor: $selection-font !default;
@@ -100,7 +100,8 @@ $pivotgrid-border-color: #545b62;
 $pivotgrid-active-border-color: #4e555b;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $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;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 36px !default;
@@ -123,3 +124,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
 $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;

package/styles/pivotview/_layout.scss

@@ -630,6 +630,9 @@
 
         .e-icons.e-btn-icon {
           font-size: 16px;
+          @if ($skin-name == 'FluentUI') {
+            margin: 4px;
+          }
         }
       }
 
@@ -1069,22 +1072,5 @@
       margin-top: $pivotgrid-bigger-report-label-margin-top;
     }
   }
-
-  .e-bigger .e-dialog .e-footer-content {
-    height: 62px;
-  }
-
-  .e-bigger .e-dialog .e-dlg-header-content {
-    @if ($skin-name == 'tailwind') {
-      height: 52px;
-    }
-    padding-left: 10px;
-  }
-
-  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
-    // sass-lint:disable-all
-    margin-left: 24px !important;
-    // sass-lint:enable-all
-  }
 }
   

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

@@ -51,7 +51,7 @@ $pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-vsort-mouse-margin: -6px 5px !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -18px !default;
-$pivotgrid-vsort-touch-margin: -17px -10px !default;
+$pivotgrid-vsort-touch-margin: -11px -10px !default;
 $pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
 $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontcolor: $grey-light-font !default;
@@ -107,6 +107,8 @@ $pivotgrid-border-color: #545b62;
 $pivotgrid-active-border-color: #4e555b;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $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;
 
 //enddefault
 
@@ -127,3 +129,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
 $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;

package/styles/pivotview/_material-definition.scss

@@ -51,7 +51,7 @@ $pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
 $pivotgrid-vsort-mouse-margin: -6px 5px !default;
 $pivotgrid-vsort-row-margin: 0 !default;
 $pivotgrid-vsort-mouse-wrap-margin: -18px !default;
-$pivotgrid-vsort-touch-margin: -17px -10px !default;
+$pivotgrid-vsort-touch-margin: -12px -10px !default;
 $pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
 $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontcolor: #fff !default;
@@ -105,6 +105,8 @@ $pivotgrid-border-color: #545b62;
 $pivotgrid-active-border-color: #4e555b;
 $pivotgrid-box-shadow-color: rgba(108, 117, 125, .5);
 $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;
 
 /*! component's common definitions and variables */
 $pivotgrid-editor-search-padding-size: 20px !default;
@@ -123,4 +125,4 @@ $pivotgrid-grouping-padding-top: 0 !default;
 $pivotgrid-grouping-bigger-padding-top: 0 !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
-$pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;

package/styles/pivotview/_material3-definition.scss

@@ -0,0 +1,131 @@
+/*! component's theme wise override definitions and variables */
+// layout-variables
+$pivotgrid-skin: 'bootstrap5' !default;
+$pivotgrid-border-type: solid !default;
+$pivotgrid-border-size: 1px !default;
+$pivotgrid-content-font-size: $text-sm !default;
+$pivotgrid-bigger-content-font-size: $text-base !default;
+$field-list-font-family:  $font-family !default;
+$pivotview-grid-content-opacity: .87 !default;
+$pivotview-grid-header-font-size: $text-sm !default;
+$pivotview-bigger-grid-header-font-size: $text-base !default;
+$pivotview-grid-header-font-weight: $font-weight-bold !default;
+$pivotgrid-horizontal-button-padding: 8px !default;
+$pivotgrid-vertical-button-padding: 3px !default;
+$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-default-border-radius: 4px !default;
+$pivotgrid-button-icon-size: 12px !default;
+$pivotgrid-bigger-button-icon-size: 14px !default;
+$pivotgrid-button-border-radius: 4px !default;
+$pivotgrid-editor-dialog-footer-padding: 8px !default;
+$pivotgrid-expand-icon-fontsize: 20px !default;
+$pivotgrid-expcoldiv-fontsize: 10px !default;
+$pivotgrid-drill-margintop: 3px !default;
+$pivotgrid-bigger-drill-margintop: 4px !default;
+$pivotgrid-rtl-expand-icon-font-size: 10px !default;
+$pivotgrid-collapse-icon-fonsize: 18px !default;
+$pivotgrid-vsort-mouse-margin: -15px 0 !default;
+$pivotgrid-vsort-row-margin: 0 !default;
+$pivotgrid-vsort-mouse-wrap-margin: -18px !default;
+$pivotgrid-vsort-touch-margin: -23px -15px !default;
+$pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
+$pivotgrid-tooltip-padding: 3px 4px !default;
+$pivotgrid-tooltip-fontsize: 14px !default;
+$pivotgrid-tooltip-fontfamily: $font-family !default;
+$pivotgrid-member-filter-list-height: 167px !default;
+$pivotgrid-member-filter-list-bigger-height: 139px !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: 171px !default;
+$pivotgrid-excel-filter-height: 248px !default;
+$pivotgrid-excel-member-filter-bigger-height: 127px !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;
+$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-menubar-height: 32px !default;
+$pivotgrid-bigger-menubar-height: 42px !default;
+$pivotgrid-sort-wrapper-padding-size: 10px !default;
+$pivotgrid-group-chart-values-dropdown-margin: 2px !default;
+$pivotgrid-group-chart-values-dropdown-margin-bigger: 4px !default;
+$pivotgrid-report-label-margin-top: 5px !default;
+$pivotgrid-bigger-report-label-margin-top: 12px !default;
+$pivotview-value-sort-rtl-padding: 1.8em !default;
+// $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
+$pivotview-filter-toolbar-items-margin-left: 20px !default;
+// $pivotview-filter-toolbar-indicator-margin-right: 20px !default;
+$pivotview-filter-toolbar-items-margin-right: 20px !default;
+$pivotgrid-header-text-margin-top: 3px !default;
+$pivotgrid-border: $border-light !default;
+$pivotgrid-bg-color: $content-bg-color-alt1;
+$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: 12px !default;
+
+// normal
+$pivotgrid-active-color: $icon-color !default;
+$pivotgrid-default-font-color: $content-text-color-alt1 !default;
+$pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
+$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-cell-hover-color: rgba(0, 0, 0, 0) !default;
+$pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
+$pivotgrid-drop-hover-color: $primary !default;
+$pivotview-grid-header-font-color: $content-text-color-alt1 !default;
+$pivotgrid-button-border-color: $content-bg-color-alt3 !default;
+$pivotgrid-drag-clone-text-color: $pivotgrid-default-font-color !default;
+$pivotgrid-button-background-color: $secondary-bg-color !default;
+$pivotgrid-button-drag-color: $icon-color !default;
+$pivotgrid-hover-color: $secondary-bg-color-hover !default;
+$pivotgrid-focus-color: $secondary-bg-color-pressed !default;
+$pivotgrid-button-icon-color: $white !default;
+$pivotgrid-button-active-icon-color: $pivotgrid-button-icon-color !default;
+$pivotgrid-icon-hover-color: $secondary-text-color !default;
+$pivotgrid-icon-focus-color: $pivotgrid-icon-hover-color !default;
+$pivotgrid-tooltip-fontcolor: $toooltip-text-color !default;
+$pivotgrid-button-font-color: $content-text-color-alt1 !default;
+$pivotgrid-button-acitve-font-color: $content-text-color-alt1 !default;
+$pivotgrid-editor-label-color: $content-text-color-alt1 !default;
+$pivotgrid-editor-label-fill: $content-bg-color-alt1 !default;
+$pivotgrid-header-selection-bg-color: $content-bg-color-alt3 !default;
+$pivotgrid-header-selection-color: $content-text-color-alt2 !default;
+$pivotgrid-sort-select-background-color: $content-bg-color-alt1 !default;
+$pivotgrid-sort-select-border-color: $transparent !default;
+$pivotgrid-sort-select-color: $icon-color !default;
+$pivotgrid-header-background-color: $content-bg-color-alt1 !default;
+$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;
+
+/*! 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-inner-padding: 5px !default;
+$pivotgrid-bigger-button-inner-padding: 5px !default;
+$pivotgrid-bigger-excel-dialog-min-width: 350px !default;
+$pivotgrid-expand-bigger-icon-fontsize: 24px !default;
+$pivotgrid-collapse-bigger-icon-fontsize: 22px !default;
+$pivotgrid-grouping-padding-bottom: 12px !default;
+$pivotgrid-grouping-padding-top: 12px !default;
+$pivotgrid-grouping-bigger-padding-top: 16px !default;
+$pivotgrid-button-icon-wrapper-size: 18px !default;
+$pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 0 !default;

package/styles/pivotview/_tailwind-definition.scss

@@ -24,7 +24,7 @@ $pivotgrid-button-border-radius: 0 !default;
 $pivotgrid-editor-dialog-footer-padding: 8px !default;
 $pivotgrid-expand-icon-fontsize: 18px !default;
 $pivotgrid-expcoldiv-fontsize: 10px !default;
-$pivotgrid-drill-margintop: 1px !default;
+$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;
@@ -36,15 +36,15 @@ $pivotgrid-vsort-touch-wrap-margin: -18px -15px !default;
 $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
 $pivotgrid-tooltip-fontfamily: Inter !default;
-$pivotgrid-member-filter-list-height: 174px !default;
-$pivotgrid-member-filter-list-bigger-height: 140px !default;
+$pivotgrid-member-filter-list-height: 214px !default;
+$pivotgrid-member-filter-list-bigger-height: 178px !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: 165px !default;
+$pivotgrid-excel-member-filter-height: 182px !default;
 $pivotgrid-excel-filter-height: 248px !default;
-$pivotgrid-excel-member-filter-bigger-height: 109px !default;
+$pivotgrid-excel-member-filter-bigger-height: 132px !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;
@@ -67,6 +67,8 @@ $pivotview-filter-toolbar-items-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-right: 20px !default;
 $pivotgrid-header-text-margin-top: 3px !default;
 $pivotgrid-border: $content-bg-color-alt3 !default;
+$pivotgrid-value-sort-icon-padding: 4px 0 0 0 !default;
+$pivotgrid-value-sort-icon-font-size: 12px !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
@@ -125,3 +127,4 @@ $pivotgrid-grouping-padding-top: 12px !default;
 $pivotgrid-grouping-bigger-padding-top: 16px !default;
 $pivotgrid-button-icon-wrapper-size: 18px !default;
 $pivotgrid-bigger-button-icon-wrapper-size: 20px !default;
+$pivotgrid-bigger-button-icon-touch-margin-size: 1px !default;

package/styles/pivotview/_theme.scss

@@ -89,7 +89,11 @@
 
     .e-member-editor-dialog,
     .e-olap-editor-dialog {
+      // sass-lint:disable-all
+      min-height: 385px !important;
+      min-width: 350px !important;
       visibility: hidden;
+      // sass-lint:enable-all
     }
 
     .e-member-editor-dialog .e-toolbar .e-toolbar-items {
@@ -181,22 +185,12 @@
       }
 
       &.e-value-sort-icon {
-        padding: 1px 4px !important;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          padding-bottom: 3px !important;
-          padding-top: 3px !important;
-        }
+        font-size: $pivotgrid-value-sort-icon-font-size !important;
         @if ($skin-name == 'tailwind') {
-          padding-bottom: 0px !important;
-          padding-top: 0px !important;
+          padding-top: 14px !important;
         }
         @if ($skin-name == 'bootstrap5') {
-          font-size: 12px !important;
-          padding-bottom: 4px !important;
-          padding-top: 4px !important;
-        }
-        @if ($skin-name == 'FluentUI') {
-          font-size: 14px !important;
+          padding-right: 5px !important;
         }
       }
     }
@@ -275,15 +269,7 @@
     }
 
     &.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
-      visibility: hidden;
-    }
-
-    .e-grid.e-responsive {
-      .e-stackedheadercelldiv .e-stackedheadertext,
-      .e-headercelldiv .e-headertext {
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
+      visibility: hidden !important;
     }
 
     .e-grid .e-headercelldiv,
@@ -526,6 +512,19 @@
           font-weight: normal;
         }
       }
+
+      .e-pivot-button {
+        .e-sort,
+        .e-dropdown-icon,
+        .e-pv-filter,
+        .e-pv-filtered,
+        .e-remove,
+        .e-edit {
+          @if ($pivotgrid-skin == 'bootstrap5') {
+            margin-top: 1px;
+          }
+        }
+      }
     }
 
     .e-grouping-bar,
@@ -565,7 +564,9 @@
         border: $pivotgrid-border-size $pivotgrid-border-type $pivotgrid-button-border-color;
         border-radius: $pivotgrid-button-border-radius;
         box-shadow: none;
-        color: $pivotgrid-button-font-color;
+        // sass-lint:disable-all
+        color: $pivotgrid-button-font-color !important;
+        // sass-lint:enable-all
         cursor: default;
         display: flex;
         font-weight: normal;
@@ -825,11 +826,9 @@
               color: $pivotgrid-button-icon-color !important;
               font-size: $pivotgrid-button-icon-size;
               height: $pivotgrid-button-icon-wrapper-size;
-              margin-left: 4px;
+              margin-left: 4px !important;
               width: $pivotgrid-button-icon-wrapper-size;
-              @if ($pivotgrid-skin == 'bootstrap4') {
-                margin-left: 4px;
-              }
+              padding-top: 2px;
     
               &:hover {
                 color: $pivotgrid-icon-hover-color;
@@ -845,6 +844,7 @@
               width: 18px;
     
               &.e-descend {
+                margin-top: 3px;
                 transform: rotateX(180deg);
               }
             }
@@ -1103,6 +1103,13 @@
         // sass-lint:disable-all
         .e-pivot-button {
           line-height: 1em !important;
+
+          .e-dropdown-icon,
+          .e-pv-filtered,
+          .e-remove,
+          .e-sort {
+            margin-top: 2px !important;
+          }
         }
 
         .e-group-all-fields {
@@ -1162,6 +1169,10 @@
         }
       }
 
+      .e-drillthrough-dialog {
+        width: 100% !important;
+      }
+
       .e-group-row {
         .e-group-rows {
           .e-pvt-btn-div {
@@ -1353,6 +1364,7 @@
             // sass-lint:disable-all
             font-size: $pivotgrid-bigger-button-icon-size !important;
             height: $pivotgrid-bigger-button-icon-wrapper-size;
+            margin-top: $pivotgrid-bigger-button-icon-touch-margin-size;
             width: $pivotgrid-bigger-button-icon-wrapper-size;
             @if ($pivotgrid-skin == 'bootstrap4') {
               padding-left: 12px;
@@ -1465,6 +1477,14 @@
       @if ($pivotgrid-skin == 'bootstrap4') or ($skin-name == 'bootstrap5') {
         font-size: 12px !important;
       }
+
+      @if ($pivotgrid-skin == 'tailwind') {
+        font-size: 16px !important;
+      }
+      
+      @if ($pivotgrid-skin == 'bootstrap5') or ($skin-name == 'FluentUI') {
+        padding-top: 28px;
+      }
     }
 
     .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,