@syncfusion/ej2-react-pivotview 20.4.54 → 21.1.37

package/styles/pivotview/bootstrap5-dark.css

@@ -693,10 +693,10 @@
 }
 .e-drillthrough-dialog .e-drillthrough-body-header {
   color: #ced4da;
-  font-weight: 800;
+  font-weight: 400;
 }
 .e-drillthrough-dialog .e-drillthrough-body-header-value {
-  color: #e9ecef;
+  color: #fff;
   margin-right: 20px;
 }
 .e-drillthrough-dialog .e-drillthrough-body-header-common {
@@ -789,6 +789,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -952,6 +956,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1385,7 +1392,7 @@
   cursor: move;
   -ms-flex: auto;
       flex: auto;
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 4px;
   overflow: hidden;
   text-align: left;
@@ -1423,6 +1430,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 1px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1460,6 +1468,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1544,7 +1553,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1567,7 +1575,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1648,6 +1655,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 8px 8px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1750,7 +1760,7 @@
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-of-string-maindiv .e-pivotview-column-pagerNumber,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-row-pagerNumber,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-column-pagerNumber {
-  font-weight: 600;
+  font-weight: 400;
 }
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings,
@@ -1759,6 +1769,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1877,7 +1893,7 @@
 }
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
-  width: auto;
+  width: 50%;
 }
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -2087,6 +2103,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }
@@ -2238,7 +2258,7 @@
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -2323,7 +2343,7 @@
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort,

package/styles/pivotview/bootstrap5.css

@@ -695,10 +695,10 @@
 }
 .e-drillthrough-dialog .e-drillthrough-body-header {
   color: #495057;
-  font-weight: 800;
+  font-weight: 400;
 }
 .e-drillthrough-dialog .e-drillthrough-body-header-value {
-  color: #343a40;
+  color: #212529;
   margin-right: 20px;
 }
 .e-drillthrough-dialog .e-drillthrough-body-header-common {
@@ -791,6 +791,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -954,6 +958,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1387,7 +1394,7 @@
   cursor: move;
   -ms-flex: auto;
       flex: auto;
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 4px;
   overflow: hidden;
   text-align: left;
@@ -1425,6 +1432,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 1px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1462,6 +1470,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1546,7 +1555,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1569,7 +1577,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1650,6 +1657,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 8px 8px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1752,7 +1762,7 @@
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-of-string-maindiv .e-pivotview-column-pagerNumber,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-row-pagerNumber,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-of-string-maindiv .e-pivotview-column-pagerNumber {
-  font-weight: 600;
+  font-weight: 400;
 }
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings,
@@ -1761,6 +1771,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1879,7 +1895,7 @@
 }
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
-  width: auto;
+  width: 50%;
 }
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -2089,6 +2105,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }
@@ -2240,7 +2260,7 @@
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -2325,7 +2345,7 @@
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort,

package/styles/pivotview/fabric-dark.css

@@ -559,12 +559,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #282727;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #282727;
-}
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
-  background: #414040;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -583,8 +577,8 @@
   font-size: 16px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
-  padding-right: 0 !important;
   padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
@@ -751,7 +745,7 @@
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 126px !important;
+  height: 105px !important;
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-label-filter,
 .e-bigger .e-pivotview .e-member-editor-dialog .e-value-filter,
@@ -802,6 +796,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -964,6 +962,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1392,6 +1393,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 2px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1429,6 +1431,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 4px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1513,7 +1516,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1536,7 +1538,6 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1614,6 +1615,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1725,6 +1729,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1843,7 +1853,7 @@
 }
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
-  width: auto;
+  width: 50%;
 }
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -1887,6 +1897,7 @@
 }
 .e-pivotview .e-pivot-pager.e-device .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pagercontainer {
   margin-top: 8px;
+  margin-left: 0;
 }
 @media (max-width: 400px) {
   .e-pivotview .e-pivot-pager.e-device .e-pivotview-row-size,
@@ -2053,6 +2064,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }

package/styles/pivotview/fabric.css

@@ -559,9 +559,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f4f4f4;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #f4f4f4;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -580,8 +577,8 @@
   font-size: 16px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
-  padding-right: 0 !important;
   padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
@@ -804,6 +801,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -966,6 +967,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1392,6 +1396,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 2px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1429,6 +1434,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 4px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1513,7 +1519,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1536,9 +1541,7 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
-  margin-top: 4px !important;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
   margin-top: 1px;
@@ -1615,6 +1618,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1726,6 +1732,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1844,7 +1856,7 @@
 }
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
-  width: auto;
+  width: 50%;
 }
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -1888,6 +1900,7 @@
 }
 .e-pivotview .e-pivot-pager.e-device .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pagercontainer {
   margin-top: 8px;
+  margin-left: 0;
 }
 @media (max-width: 400px) {
   .e-pivotview .e-pivot-pager.e-device .e-pivotview-row-size,
@@ -2054,6 +2067,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }

package/styles/pivotview/fluent-dark.css

@@ -304,7 +304,7 @@
   padding-top: 20px;
 }
 .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 115px;
+  height: 105px;
 }
 .e-pivotview .e-member-editor-dialog .e-excelfilter .e-editor-label-container {
   opacity: 56%;
@@ -759,7 +759,7 @@
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 100px !important;
+  height: 90px !important;
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-label-filter,
 .e-bigger .e-pivotview .e-member-editor-dialog .e-value-filter,
@@ -815,6 +815,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -977,6 +981,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1375,7 +1382,7 @@
   cursor: move;
   -ms-flex: auto;
       flex: auto;
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 4px;
   overflow: hidden;
   text-align: left;
@@ -1413,6 +1420,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 3px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1450,6 +1458,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 6px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1534,7 +1543,6 @@
   height: 18px;
   margin-left: 4px !important;
   width: 18px;
-  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1557,9 +1565,7 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
-  margin-top: 3px;
   transform: rotateX(180deg);
-  margin-top: 4px !important;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
   margin-top: 1px;
@@ -1639,6 +1645,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1750,6 +1759,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1868,7 +1883,7 @@
 }
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
-  width: auto;
+  width: 50%;
 }
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -2078,6 +2093,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }
@@ -2229,7 +2248,7 @@
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -2249,6 +2268,7 @@
   height: 20px;
   margin-top: 2px;
   width: 20px;
+  padding-top: 0;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort {
@@ -2314,7 +2334,7 @@
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content {
-  font-size: 13px;
+  font-size: 14px;
   margin-right: 8px;
 }
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort,