@syncfusion/ej2-angular-pivotview 21.2.10 → 22.1.34

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

@@ -34,7 +34,7 @@ $pivotgrid-button-icon-size: 14px !default;
 $pivotgrid-bigger-button-icon-size: 16px !default;
 $pivotgrid-button-border-radius: 0 !default;
 $pivotgrid-button-background-color: $bg-base-0 !default;
-$pivotgrid-editor-dialog-footer-padding: 5px !default;
+$pivotgrid-editor-dialog-footer-padding: 20px !default;
 $pivotgrid-button-drag-color: $selection-bg !default;
 $pivotgrid-hover-color: $hover-bg !default;
 $pivotgrid-focus-color: $selection-bg !default;
@@ -52,19 +52,21 @@ $pivotgrid-tooltip-padding: 0 0 !default;
 $pivotgrid-tooltip-fontcolor: $selection-font !default;
 $pivotgrid-tooltip-fontsize: 13px !default;
 $pivotgrid-tooltip-fontfamily: Segoe UI !default;
-$pivotgrid-member-filter-list-height: 152px !default;
-$pivotgrid-member-filter-list-bigger-height: 131px !default;
+$pivotgrid-member-filter-list-height: 129px !default;
+$pivotgrid-member-filter-list-bigger-height: 103px !default;
 $pivotgrid-button-font-color: $content-font !default;
 $pivotgrid-button-acitve-font-color: $selection-font !default;
 $pivotgrid-button-icon-color: $content-font !default;
 $pivotgrid-button-active-icon-color: $selection-font !default;
 $pivotgrid-icon-hover-color: $pivotgrid-default-font-color !default;
 $pivotgrid-icon-focus-color: $selection-font !default;
-$pivotgrid-excel-member-filter-height: 138px !default;
+$pivotgrid-excel-member-filter-height: 118px !default;
+$pivotgrid-excel-member-filter-node-limit-height: 115px !default;
 $pivotgrid-excel-filter-height: 212px !default;
 $pivotgrid-excel-member-filter-bigger-height: 99px !default;
 $pivotgrid-excel-filter-bigger-height: 191px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
+$pivotgrid-member-editor-bigger-height: 420px !default;
 $pivotgrid-editor-label-padding-size: 15px 10px 16px 20px !default;
 $pivotgrid-editor-label-font: 700 13px Segoe UI !default;
 $pivotgrid-editor-label-opacity: 1 !default;
@@ -91,7 +93,7 @@ $pivotgrid-gtot-font-color: $content-font 87% !default;
 $pivotgrid-report-label-margin-top: 5px !default;
 $pivotgrid-bigger-report-label-margin-top: 4px !default;
 $pivotview-value-sort-rtl-padding: .8em !default;
-$pivotview-filter-toolbar-items-margin-left: 10px !default;
+$pivotview-filter-toolbar-items-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-right: 10px !default;
 $pivotgrid-header-text-margin-top: 4px !default;
 $pivotgrid-border: $border-default !default;
@@ -104,12 +106,20 @@ $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;
+$pivotgrid-group-button-icon-margin-top: 1px !default;
+$pivotgrid-bigger-group-button-icon-margin-top: 2px !default;
+$pivotgrid-expand-collapse-margin-top: 0 !default;
+$pivotgrid-expand-collapse-margin-bottom: 0 !default;
+$pivotgrid-group-bigger-pivot-button-padding: 0 12px !default;
+$pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
+$pivotgrid-rowsheader-cellvalue-margin-top: 0 !default;
+$pivotgrid-excelfilter-member-editor-node-limit-height: 75px !default;
+$pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 36px !default;
 $pivotgrid-editor-search-padding-size: 20px !default;
+$pivotgrid-member-editor-search-padding: 0 $pivotgrid-editor-search-padding-size 10px !default;
 $pivotgrid-member-filter-list-padding-size: -35px !default;
 $pivotview-grid-indent-padding: 8px !default;
 $pivotview-grid-bigger-indent-padding: 16px !default;

package/styles/pivotview/_layout.scss

@@ -2,21 +2,20 @@
   
   /*! PivotView layout */
   .e-pivotview {
+    &.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+      @if ($skin-name == 'Material3') {
+        padding: 0;
+      }
+    }
 
     /* stylelint-disable */
     .e-value-field-settings,
     .e-member-editor-dialog,
-    .e-group-field-settings {
-      max-height: 450px !important;
-      border-radius: $pivotgrid-default-border-radius;
-      max-width: 400px !important;
-      width: auto !important;
-    }
-
+    .e-group-field-settings,
     .e-pivot-format-dialog {
+      max-height: 450px !important;
       border-radius: $pivotgrid-default-border-radius;
       max-width: 400px !important;
-      width: auto !important;
     }
     /* stylelint-enable */
 
@@ -63,6 +62,10 @@
     }
 
     .e-group-field-settings {
+      /* stylelint-disable */
+      width: auto !important;
+      /* stylelint-enable */
+
       .e-caption-option-text,
       .e-input-option-text,
       .e-group-inerval-option-text,
@@ -99,13 +102,9 @@
 
       .e-editor-search-container {
         display: flex;
-        padding: 0 $pivotgrid-editor-search-padding-size 10px;
-        @if ($skin-name == 'FluentUI') {
-          padding-top: 1px;
-        }
+        padding: $pivotgrid-member-editor-search-padding;
 
         .e-clear-icon-hide {
-          display: inline-block;
           visibility: hidden;
         }
       }
@@ -138,25 +137,32 @@
         box-shadow: none;
         margin-left: $pivotgrid-sort-wrapper-padding-size;
 
-        /* stylelint-disable */
         .e-member-sort {
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $content-bg;
             border-color: $gray-400;
-            color:  $gray-700;
+            color: $gray-700;
+          }
+
+          @if ($skin-name == 'Material3') {
+            border: 1px solid $pivotgrid-border;
+            border-radius: $pivotgrid-member-sort-border-radius;
+            min-width: 40px;
           }
 
           &:hover {
             @if ($pivotgrid-skin == 'bootstrap4') {
+              /* stylelint-disable */
               background-color: $gray-600 !important;
               border-color: $gray-600 !important;
               color: $white !important;
+              /* stylelint-enable */
             }
           }
 
           &.e-active {
             @if ($pivotgrid-skin == 'bootstrap4') {
-              background-color: $pivotgrid-sort-select-background-color;
+              background: $pivotgrid-sort-select-background-color;
               border-color: $pivotgrid-sort-select-border-color;
               color: $pivotgrid-sort-select-color;
               outline: none;
@@ -170,14 +176,16 @@
 
           &:focus {
             @if ($pivotgrid-skin == 'bootstrap4') {
+              /* stylelint-disable */
               background-color: $gray-600 !important;
               border-color: $gray-600 !important;
               color: $white !important;
+              /* stylelint-enable */
             }
 
             &.e-active {
               @if ($skin-name == 'bootstrap4') {
-                background-color: $pivotgrid-sort-select-background-color;
+                background: $pivotgrid-sort-select-background-color;
                 border-color: $pivotgrid-sort-select-border-color;
                 color: $pivotgrid-sort-select-color;
                 outline: none;
@@ -193,6 +201,12 @@
         width: 100%;
       }
 
+      .e-select-all-container {
+        ul li .e-text-content > .e-icon-expandable {
+          display: none;
+        }
+      }
+
       .e-member-editor-container-outer-div {
         display: inline-block;
         height: $pivotgrid-member-filter-list-height;
@@ -210,6 +224,20 @@
         }
       }
 
+      ul li .e-text-content .e-checkbox-wrapper {
+        @if ($skin-name == 'Material3') {
+          /* stylelint-disable */
+          margin: 0 !important;
+          /* stylelint-enable */
+        }
+
+        .e-ripple-container {
+          @if ($skin-name == 'Material3') {
+            background: transparent;
+          }
+        }
+      }
+
       .e-select-all-container ul,
       .e-member-editor-container ul {
         margin-left: $pivotgrid-member-filter-list-padding-size;
@@ -252,11 +280,10 @@
         .e-member-editor-container-outer-div {
           height: $pivotgrid-excel-member-filter-height;
         }
+      }
 
-        .e-editor-label-container {
-          opacity: $pivotgrid-editor-label-excel-opacity;
-          padding: $pivotgrid-editor-label-excel-padding-size;
-        }
+      &.e-node-limit .e-excelfilter .e-member-editor-container-outer-div {
+        height: $pivotgrid-excel-member-filter-node-limit-height;
       }
 
       .e-label-filter,
@@ -267,7 +294,9 @@
         padding-bottom: 0;
 
         .e-filter-text-div {
+          /* stylelint-disable */
           color: $pivotview-grid-header-font-color !important;
+          /* stylelint-enable */
           font-size: 13px;
           font-weight: 500;
         }
@@ -289,12 +318,10 @@
         @if ($skin-name == 'tailwind') {
           padding-top: 0;
         }
-
       }
 
       .e-filter-tab-container {
         border: none;
-        /* stylelint-enable */
 
         .e-tab-header {
           .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -303,15 +330,13 @@
 
           .e-text-wrap {
             .e-tab-icon {
-              height: 14px;
-              min-width: 14px;
-              width: 14px;
-              @if ($pivotgrid-skin == 'bootstrap4') or ($skin-name == 'bootstrap5') or ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') {
-                height: auto;
-              }
+              height: fit-content;
 
               &::before {
                 font-size: 14px;
+                /* stylelint-disable */
+                top: 0 !important;
+                /* stylelint-enable */
               }
             }
           }
@@ -333,25 +358,33 @@
 
       .e-clear-filter-button {
         float: left;
-        margin: 0;
+        margin: 0 !important;
 
         @if ($skin-name == 'FluentUI') {
           margin-left: 0 !important;
           margin-right: 0 !important;
         }
-
         &.e-disable {
           display: none;
         }
       }
+
       .e-editor-label-container {
-        background-color: $pivotgrid-editor-label-fill;
+        align-items: center;
+        background: $pivotgrid-editor-label-fill;
+        display: flex !important;
+        /* stylelint-enable */
+        height: 40px;
+        justify-content: center;
         opacity: $pivotgrid-editor-label-excel-opacity;
-        padding: $pivotgrid-editor-label-padding-size;
+        @if ($skin-name == 'Material3') {
+          border-top: $pivotpager-separator-border;
+        }
 
         .e-editor-label {
           color: $pivotgrid-editor-label-color;
           font: $pivotgrid-editor-label-font;
+          margin-bottom: 0;
           opacity: $pivotgrid-editor-label-opacity;
           overflow: hidden;
           text-overflow: ellipsis;
@@ -457,6 +490,12 @@
           }
         }
       }
+      /* stylelint-disable */
+      .e-member-editor-outer-container:not(.e-excelfilter) {
+        .e-editor-search-container {
+          padding-top: 4px !important;
+        }
+      }
     }
 
     .e-value-field-settings,
@@ -473,16 +512,17 @@
       .e-footer-content {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
-        border-radius: $pivotgrid-default-border-radius;
-
         @if ($skin-name != 'FluentUI') {
-          padding-bottom: 8px;
-          padding-top: 8px;
+          padding-top: $pivotgrid-editor-dialog-footer-padding;
+          padding-bottom: $pivotgrid-editor-dialog-footer-padding;
         }
       }
 
       .e-dlg-content {
         overflow: hidden;
+        @if ($skin-name == 'Material3') {
+          border-radius: 0;
+        }
 
         .e-empty-field::-webkit-input-placeholder {
           color: $error-font-color !important;
@@ -545,10 +585,11 @@
       }
     }
 
-    /* stylelint-disable */
     .e-pivotchart-type-dialog {
+      /* stylelint-disable */
       max-width: 350px !important;
       max-height: 380px !important;
+      /* stylelint-enable */
 
       .e-chart-type-option-container,
       .e-chart-type-option-text {
@@ -574,8 +615,10 @@
     }
 
     .e-pivot-format-dialog {
+      /* stylelint-disable */
       max-height: 550px !important;
       max-width: 350px !important;
+      /* stylelint-enable */
 
       .e-pivot-format-dialog-outer {
         padding: 0 $pivotgrid-editor-search-padding-size;
@@ -609,11 +652,11 @@
       border-bottom: 0;
       border-style: solid;
 
-      @if($skin-name == 'FluentUI') {
+      @if ($skin-name == 'FluentUI') {
         box-shadow: none;
       }
 
-      @if ($skin-name == 'bootstrap5') or ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') {
+      @if ($skin-name == 'bootstrap5') or ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') or ($skin-name == 'Material3') {
         border-top: 1px solid $pivotgrid-border;
         border-left: 1px solid $pivotgrid-border;
         border-right: 1px solid $pivotgrid-border;
@@ -626,15 +669,14 @@
       .e-toolbar-item .e-tbar-btn.e-btn {
 
         .e-icons.e-btn-icon {
-
-          @if ($skin-name != 'bootstrap5') and ($skin-name != 'tailwind') and ($skin-name != 'FluentUI') {
+          @if ($skin-name != 'bootstrap5') and ($skin-name != 'tailwind') and ($skin-name != 'FluentUI') and ($skin-name != 'Material3') {
             font-size: 16px;
           }
         }
       }
 
       .e-pivot-toolbar-menu {
-        background-color: transparent;
+        background-color: $pivotgrid-table-background-color;
         border: none;
         @if ($pivotgrid-skin == 'bootstrap4') {
           background-color: $gray-100;
@@ -643,7 +685,9 @@
 
         ul .e-menu-item {
           @if ($skin-name != 'tailwind') {
+            /* stylelint-disable */
             height: $pivotgrid-menubar-height !important;
+            /* stylelint-enable */
           }
           overflow: hidden;
           padding-left: 10px;
@@ -727,6 +771,7 @@
           }
         }
 
+        /* stylelint-disable */
         ul.e-menu {
           @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
           ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
@@ -738,23 +783,24 @@
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
-        /* stylelint-enable */
       }
 
       .e-toolbar-item.e-template {
-        /* stylelint-disable */
         padding: 0 !important;
+        /* stylelint-enable */
       }
 
       .e-reportlist-label {
         float: left;
         font-weight: 500;
-        /* stylelint-enable */
       }
 
       .e-reportlist-drop {
         float: right;
         margin: 0 8px;
+        @if ($skin-name == 'Material3') {
+          background: $pivotgrid-grp-bg-color;
+        }
       }
 
       &.e-rtl {
@@ -776,7 +822,7 @@
     }
 
     .e-frozenscrollbar {
-      background-color: $pivotgrid-grp-bg-color;
+      background: $pivotgrid-grp-bg-color;
     }
   }
 
@@ -913,10 +959,6 @@
       }
     }
 
-    .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
-      height: $pivotgrid-member-filter-list-bigger-height;
-    }
-
     /* stylelint-disable */
     .e-member-editor-dialog {
       .e-editor-search-container {
@@ -949,6 +991,10 @@
           }
         }
       }
+      
+      .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
+        height: $pivotgrid-member-filter-list-bigger-height;
+      }
     }
 
     .e-member-editor-dialog {
@@ -968,17 +1014,8 @@
         }
       }
 
-      @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-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div {
+        height: $pivotgrid-excelfilter-member-editor-node-limit-height !important;
       }
 
       .e-excelfilter {
@@ -1010,14 +1047,11 @@
       }
 
       &.e-excel-filter {
-        min-width: $pivotgrid-bigger-excel-dialog-min-width;
+        min-width: $pivotgrid-bigger-excel-dialog-min-width !important;
+        min-height: $pivotgrid-member-editor-bigger-height !important;
         
-        @if ($skin-name =='FluentUI') or ($skin-name =='fabric') {
-          height: 427px !important;
-
-          &.e-node-limit {
-            height: 440px !important;
-          }
+        &.e-node-limit {
+          min-height: $pivotgrid-member-editor-node-limit-bigger-height !important;
         }
       }
     }

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

@@ -35,7 +35,7 @@ $pivotgrid-button-icon-size: 12px !default;
 $pivotgrid-bigger-button-icon-size: 14px !default;
 $pivotgrid-button-border-radius: 25px !default;
 $pivotgrid-button-background-color: #424242 !default;
-$pivotgrid-editor-dialog-footer-padding: 8px !default;
+$pivotgrid-editor-dialog-footer-padding: 10px !default;
 $pivotgrid-button-drag-color: $accent !default;
 $pivotgrid-expand-icon-fontsize: 10px !default;
 $pivotgrid-expcoldiv-fontsize: 10px !default;
@@ -57,15 +57,16 @@ $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontcolor: $grey-light-font !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
 $pivotgrid-tooltip-fontfamily: Roboto !default;
-$pivotgrid-member-filter-list-height: 157px !default;
-$pivotgrid-member-filter-list-bigger-height: 125px !default;
+$pivotgrid-member-filter-list-height: 150px !default;
+$pivotgrid-member-filter-list-bigger-height: 124px !default;
 $pivotview-grid-indent-padding: 8px !default;
 $pivotview-grid-bigger-indent-padding: 10px !default;
 $pivotview-indent-space-size: 18px !default;
 $pivotgrid-button-font-color: $grey-dark-font !default;
 $pivotgrid-button-acitve-font-color: $pivotgrid-button-font-color !default;
 $pivotgrid-bigger-button-line-height: 1em !default;
-$pivotgrid-excel-member-filter-height: 151px !default;
+$pivotgrid-excel-member-filter-height: 150px !default;
+$pivotgrid-excel-member-filter-node-limit-height: 145px !default;
 $pivotgrid-excel-filter-height: 248px !default;
 $pivotgrid-excel-member-filter-bigger-height: 102px !default;
 $pivotgrid-excel-filter-bigger-height: 220px !default;
@@ -98,8 +99,15 @@ $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;
+$pivotgrid-group-button-icon-margin-top: 1px !default;
+$pivotgrid-bigger-group-button-icon-margin-top: 2px !default;
+$pivotgrid-expand-collapse-margin-top: 5px !default;
+$pivotgrid-expand-collapse-margin-bottom: 0 !default;
+$pivotgrid-group-bigger-pivot-button-padding: 0 12px !default;
+$pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
+$pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
+$pivotgrid-excelfilter-member-editor-node-limit-height: 85px !default;
+$pivotgrid-member-editor-node-limit-bigger-height: 415px !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -120,6 +128,7 @@ $pivotgrid-value-sort-icon-font-size: 12px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-editor-search-padding-size: 20px !default;
+$pivotgrid-member-editor-search-padding: 0 $pivotgrid-editor-search-padding-size 10px !default;
 $pivotgrid-member-filter-list-padding-size: -35px !default;
 $pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
 $pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
@@ -128,6 +137,7 @@ $pivotgrid-bigger-button-font-size: 13px !default;
 $pivotgrid-button-inner-padding: 4px !default;
 $pivotgrid-bigger-button-inner-padding: 6px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
+$pivotgrid-member-editor-bigger-height: 405px !default;
 $pivotgrid-expand-bigger-icon-fontsize: 10px !default;
 $pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
 $pivotgrid-grouping-padding-bottom: 10px !default;

package/styles/pivotview/_material-definition.scss

@@ -35,7 +35,7 @@ $pivotgrid-button-icon-size: 12px !default;
 $pivotgrid-bigger-button-icon-size: 14px !default;
 $pivotgrid-button-border-radius: 25px !default;
 $pivotgrid-button-background-color: $grey-300 !default;
-$pivotgrid-editor-dialog-footer-padding: 8px !default;
+$pivotgrid-editor-dialog-footer-padding: 10px !default;
 $pivotgrid-button-drag-color: $accent !default;
 $pivotgrid-expand-icon-fontsize: 10px !default;
 $pivotgrid-expcoldiv-fontsize: 10px !default;
@@ -57,15 +57,16 @@ $pivotgrid-tooltip-padding: 3px 4px !default;
 $pivotgrid-tooltip-fontcolor: #fff !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
 $pivotgrid-tooltip-fontfamily: Roboto !default;
-$pivotgrid-member-filter-list-height: 157px !default;
-$pivotgrid-member-filter-list-bigger-height: 125px !default;
+$pivotgrid-member-filter-list-height: 150px !default;
+$pivotgrid-member-filter-list-bigger-height: 120px !default;
 $pivotview-grid-indent-padding: 8px !default;
 $pivotview-grid-bigger-indent-padding: 10px !default;
 $pivotview-indent-space-size: 18px !default;
 $pivotgrid-button-font-color: $grey-light-font !default;
 $pivotgrid-button-acitve-font-color: $pivotgrid-button-font-color !default;
 $pivotgrid-bigger-button-line-height: 1em !default;
-$pivotgrid-excel-member-filter-height: 151px !default;
+$pivotgrid-excel-member-filter-height: 150px !default;
+$pivotgrid-excel-member-filter-node-limit-height: 145px !default;
 $pivotgrid-excel-filter-height: 248px !default;
 $pivotgrid-excel-member-filter-bigger-height: 102px !default;
 $pivotgrid-excel-filter-bigger-height: 220px !default;
@@ -96,8 +97,15 @@ $pivotgrid-bigger-report-label-margin-top: 12px !default;
 $pivotview-value-sort-rtl-padding: 1.8em !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: 1px !default;
-$pivotgrid-group-button-icon-wrapper-marigin-top: 2px !default;
+$pivotgrid-group-button-icon-margin-top: 1px !default;
+$pivotgrid-bigger-group-button-icon-margin-top: 2px !default;
+$pivotgrid-expand-collapse-margin-top: 5px !default;
+$pivotgrid-expand-collapse-margin-bottom: 0 !default;
+$pivotgrid-group-bigger-pivot-button-padding: 0 12px !default;
+$pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
+$pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
+$pivotgrid-excelfilter-member-editor-node-limit-height: 90px !default;
+$pivotgrid-member-editor-node-limit-bigger-height: 415px !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -116,6 +124,7 @@ $pivotgrid-value-sort-icon-font-size: 12px !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-editor-search-padding-size: 20px !default;
+$pivotgrid-member-editor-search-padding: 0 $pivotgrid-editor-search-padding-size 10px !default;
 $pivotgrid-member-filter-list-padding-size: -35px !default;
 $pivotview-axis-indent-padding: $pivotview-grid-indent-padding !default;
 $pivotview-axis-bigger-indent-padding: $pivotview-grid-bigger-indent-padding !default;
@@ -124,6 +133,7 @@ $pivotgrid-bigger-button-font-size: 13px !default;
 $pivotgrid-button-inner-padding: 4px !default;
 $pivotgrid-bigger-button-inner-padding: 6px !default;
 $pivotgrid-bigger-excel-dialog-min-width: 350px !default;
+$pivotgrid-member-editor-bigger-height: 400px !default;
 $pivotgrid-expand-bigger-icon-fontsize: 10px !default;
 $pivotgrid-collapse-bigger-icon-fontsize: 10px !default;
 $pivotgrid-grouping-padding-bottom: 10px !default;

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

@@ -0,0 +1 @@
+@import './material3-definition.scss';