@syncfusion/ej2-angular-pivotview 22.2.12 → 23.1.36

package/styles/pivotfieldlist/fabric-dark.css

@@ -447,7 +447,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'fabric-dark-definition.scss';
 @import 'icons/fabric-dark.scss';
 @import 'all.scss';

package/styles/pivotfieldlist/fabric.css

@@ -446,7 +446,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/fabric.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'fabric-definition.scss';
 @import 'icons/fabric.scss';
 @import 'all.scss';

package/styles/pivotfieldlist/fluent-dark.css

@@ -446,7 +446,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/fluent-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'fluent-dark-definition.scss';
 @import 'icons/fluent-dark.scss';
 @import 'all.scss';

package/styles/pivotfieldlist/fluent.css

@@ -446,7 +446,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/fluent.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'fluent-definition.scss';
 @import 'icons/fluent.scss';
 @import 'all.scss';

package/styles/pivotfieldlist/highcontrast-light.css

@@ -445,7 +445,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/highcontrast-light.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'highcontrast-light-definition.scss';
 @import 'icons/highcontrast-light.scss';
 @import 'all.scss';

package/styles/pivotfieldlist/highcontrast.css

@@ -445,7 +445,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'highcontrast-definition.scss';
 @import 'icons/highcontrast.scss';
 @import 'all.scss';

package/styles/pivotfieldlist/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 /*! component's common definitions and variables */
 /*! field-list component icons */
@@ -448,7 +447,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/material-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'material-dark-definition.scss';
 @import 'icons/material-dark.scss';
 @import 'all.scss';

package/styles/pivotfieldlist/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /*! component's theme wise override definitions and variables */
 /*! component's common definitions and variables */
 /*! field-list component icons */
@@ -447,7 +446,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/material.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'material-definition.scss';
 @import 'icons/material.scss';
 @import 'all.scss';

package/styles/pivotfieldlist/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -507,7 +506,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'material3-dark-definition.scss';
 @import 'icons/material3-dark.scss';

package/styles/pivotfieldlist/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -563,7 +562,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'material3-definition.scss';
 @import 'icons/material3.scss';

package/styles/pivotfieldlist/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override definitions and variables */
 /*! component's common definitions and variables */
 /*! field-list component icons */
@@ -446,7 +445,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/tailwind-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'tailwind-dark-definition.scss';
 @import 'icons/tailwind-dark.scss';
 @import 'all.scss';

package/styles/pivotfieldlist/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override definitions and variables */
 /*! component's common definitions and variables */
 /*! field-list component icons */
@@ -447,7 +446,7 @@
   width: 100% !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
-  margin-left: 0;
+  margin-left: 0 !important;
 }
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,

package/styles/pivotfieldlist/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'tailwind-definition.scss';
 @import 'icons/tailwind.scss';
 @import 'all.scss';

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

@@ -1,6 +1,7 @@
 //default
 $pivotgrid-skin: 'bootstrap-dark' !default;
 $pivotgrid-active-color: $brand-primary !default;
+$pivotgrid-primary-color: $brand-primary !default;
 $pivotgrid-default-font-color: $grey-f8 !default;
 $pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
 $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
@@ -117,7 +118,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 100px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
-$pivotgrid-cell-value-margin-top: 5px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 //enddefault
 

package/styles/pivotview/_bootstrap-definition.scss

@@ -1,6 +1,7 @@
 /*! component's theme wise override definitions and variables */
 $pivotgrid-skin: 'bootstrap' !default;
 $pivotgrid-active-color: $brand-primary !default;
+$pivotgrid-primary-color: $brand-primary !default;
 $pivotgrid-default-font-color: $content-font-color !default;
 $pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
 $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
@@ -49,7 +50,7 @@ $pivotgrid-vsort-column-parent-margin: -11px 0 !default;
 $pivotgrid-vsort-row-margin: -20px 0 !default;
 $pivotgrid-vsort-row-parent-margin: -12px 0 !default;
 $pivotgrid-tooltip-padding: 3px 2px !default;
-$pivotgrid-tooltip-fontcolor: $grey-light-font !default;
+$pivotgrid-tooltip-fontcolor: $grey-dark-font !default;
 $pivotgrid-tooltip-fontsize: 14px !default;
 $pivotgrid-tooltip-fontfamily: Helvetica !default;
 $pivotgrid-member-filter-list-bigger-height: 121px !default;
@@ -116,7 +117,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 100px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
-$pivotgrid-cell-value-margin-top: 5px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 28px !default;

package/styles/pivotview/_bootstrap4-definition.scss

@@ -1,6 +1,7 @@
 /*! component's theme wise override definitions and variables */
 $pivotgrid-skin: 'bootstrap4' !default;
 $pivotgrid-active-color: $primary !default;
+$pivotgrid-primary-color: $primary !default;
 $pivotgrid-default-font-color: $gray-900 !default;
 $pivotgrid-cell-border-color: $gray-300 !default;
 $pivotgrid-prompt-default-font-color: $gray-600 !default;
@@ -116,7 +117,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 115px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
-$pivotgrid-cell-value-margin-top: 5px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;

package/styles/pivotview/_bootstrap5-definition.scss

@@ -68,7 +68,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 115px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 440px !default;
-$pivotgrid-cell-value-margin-top: 2px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -86,6 +86,7 @@ $pivotgrid-value-sort-icon-font-size: $text-xs !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
+$pivotgrid-primary-color: $primary !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;

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

@@ -1,6 +1,7 @@
 //default
 $pivotgrid-skin: 'fabric-dark' !default;
 $pivotgrid-active-color: $theme-primary !default;
+$pivotgrid-primary-color: $theme-primary !default;
 $pivotgrid-default-font-color: $neutral-light-font !default;
 $pivotgrid-prompt-default-font-color: $neutral-tertiary !default;
 $pivotgrid-cell-border-color: $neutral-light !default;
@@ -116,7 +117,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 75px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
-$pivotgrid-cell-value-margin-top: 5px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 //enddefault
 

package/styles/pivotview/_fabric-definition.scss

@@ -1,6 +1,7 @@
 /*! component's theme wise override definitions and variables */
 $pivotgrid-skin: 'fabric' !default;
 $pivotgrid-active-color: $theme-primary !default;
+$pivotgrid-primary-color: $theme-primary !default;
 $pivotgrid-default-font-color: $content-font-color !default;
 $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
 $pivotgrid-cell-border-color: rgba($neutral-black, .12) !default;
@@ -115,7 +116,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 75px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
-$pivotgrid-cell-value-margin-top: 5px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;

package/styles/pivotview/_fluent-definition.scss

@@ -68,7 +68,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 65px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
-$pivotgrid-cell-value-margin-top: 1px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -86,6 +86,7 @@ $pivotgrid-value-sort-icon-font-size: $text-sm !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
+$pivotgrid-primary-color: $primary !default;
 $pivotgrid-default-font-color: $content-text-color-alt1 !default;
 $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
 $pivotgrid-cell-border-color: $border-light !default;

package/styles/pivotview/_fusionnew-definition.scss

@@ -68,7 +68,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 70px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 440px !default;
-$pivotgrid-cell-value-margin-top: 5px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -86,6 +86,7 @@ $pivotgrid-value-sort-icon-font-size: 12px !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
+$pivotgrid-primary-color: $primary !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;

package/styles/pivotview/_highcontrast-definition.scss

@@ -1,6 +1,7 @@
 /*! component's theme wise override definitions and variables */
 $pivotgrid-skin: 'highcontrast' !default;
 $pivotgrid-active-color: $selection-bg !default;
+$pivotgrid-primary-color: $selection-bg !default;
 $pivotgrid-default-font-color: $header-font-alt !default;
 $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
 $pivotgrid-cell-border-color: $border-default !default;
@@ -114,7 +115,7 @@ $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;
-$pivotgrid-cell-value-margin-top: 0 !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;

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

@@ -1,6 +1,7 @@
 /*! component's theme wise override definitions and variables */
 $pivotgrid-skin: 'highcontrast-light' !default;
 $pivotgrid-active-color: $selection-bg !default;
+$pivotgrid-primary-color: $selection-bg !default;
 $pivotgrid-default-font-color: $header-font-alt !default;
 $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
 $pivotgrid-cell-border-color: $border-default !default;
@@ -115,7 +116,7 @@ $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;
-$pivotgrid-cell-value-margin-top: 0 !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 36px !default;

package/styles/pivotview/_layout.scss

@@ -830,6 +830,17 @@
     .e-frozenscrollbar {
       background: $pivotgrid-grp-bg-color;
     }
+
+    /* stylelint-disable */
+    & .e-headercontent {
+      & .e-columnheader {
+        & .e-headercell.e-leftfreeze {
+          // For safari browser only
+          -webkit-transform: translate3d(0, 0, 0);
+        }
+      }
+    }
+    /* stylelint-enable */
   }
 
   .e-pivotview-disable-icon {

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

@@ -1,6 +1,7 @@
 //default
 $pivotgrid-skin: 'material-dark' !default;
 $pivotgrid-active-color: $accent !default;
+$pivotgrid-primary-color: $primary !default;
 $pivotgrid-default-font-color: rgba($grey-dark-font, .7) !default;
 $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
 $pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
@@ -108,7 +109,7 @@ $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;
-$pivotgrid-cell-value-margin-top: 5px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;

package/styles/pivotview/_material-definition.scss

@@ -1,6 +1,7 @@
 /*! component's theme wise override definitions and variables */
 $pivotgrid-skin: 'material-dark' !default;
 $pivotgrid-active-color: $accent !default;
+$pivotgrid-primary-color: $primary !default;
 $pivotgrid-default-font-color: $content-font-color !default;
 $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
 $pivotgrid-cell-border-color: rgba($grey-light-font, .12) !default;
@@ -106,7 +107,7 @@ $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;
-$pivotgrid-cell-value-margin-top: 5px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;

package/styles/pivotview/_material3-definition.scss

@@ -69,7 +69,7 @@ $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 100px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 455px !default;
 $pivotgrid-member-sort-border-radius: $text-xl !default;
-$pivotgrid-cell-value-margin-top: 0 !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -87,6 +87,7 @@ $pivotgrid-value-sort-icon-font-size: 12px !default;
 
 // normal
 $pivotgrid-active-color: rgba($icon-color) !default;
+$pivotgrid-primary-color: rgba($icon-color) !default;
 $pivotgrid-default-font-color: rgba($content-text-color) !default;
 $pivotgrid-prompt-default-font-color: $pivotgrid-default-font-color !default;
 $pivotgrid-cell-border-color: $content-bg-color-alt3 !default;

package/styles/pivotview/_tailwind-definition.scss

@@ -68,7 +68,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 4px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 120px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
-$pivotgrid-cell-value-margin-top: 2px !default;
+$pivotgrid-cell-value-margin: 0 !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -82,6 +82,7 @@ $pivotgrid-value-sort-icon-font-size: $text-xs !default;
 
 // normal
 $pivotgrid-active-color: $icon-color !default;
+$pivotgrid-primary-color: $primary !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;