@syncfusion/ej2-angular-pivotview 20.4.44 → 20.4.48

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-pivotview@*",
-  "_id": "@syncfusion/ej2-angular-pivotview@20.4.42",
+  "_id": "@syncfusion/ej2-angular-pivotview@20.4.44",
   "_inBundle": false,
-  "_integrity": "sha512-Oh/gI/P8RIm0+bWDQm3dwC0BskA6D16RMsS7FiuotZa6S+dKtjaPH0UgCBbTWH65Ru1Lf5RBQcwKS4tsij9HwQ==",
+  "_integrity": "sha512-kHYqRhgfjXseY3JWYnbaN49AGrx/sh24ltTU7gacILUcEHHPlBJatD2UHITcuD2Z6TZ3tJOX4XU+T3xYe6CJow==",
   "_location": "/@syncfusion/ej2-angular-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-pivotview/-/ej2-angular-pivotview-20.4.42.tgz",
-  "_shasum": "639c672b946783b03b4b430d33115dff681ca19b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-pivotview/-/ej2-angular-pivotview-20.4.44.tgz",
+  "_shasum": "2ca1be6a4dbaf833ed7a441b1b4a70b3189491b6",
   "_spec": "@syncfusion/ej2-angular-pivotview@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.4.42",
-    "@syncfusion/ej2-base": "~20.4.44",
-    "@syncfusion/ej2-pivotview": "20.4.44",
+    "@syncfusion/ej2-angular-base": "~20.4.48",
+    "@syncfusion/ej2-base": "~20.4.48",
+    "@syncfusion/ej2-pivotview": "20.4.48",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -70,5 +70,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-pivotview.d.ts",
-  "version": "20.4.44"
+  "version": "20.4.48"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-pivotview";
-export declare const pkgVer = "^20.4.42";
+export declare const pkgVer = "^20.4.44";
 export declare const moduleName = "PivotViewModule, PivotFieldListModule";
-export declare const themeVer = "~20.4.42";
+export declare const themeVer = "~20.4.44";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-pivotview';
-exports.pkgVer = '^20.4.44';
+exports.pkgVer = '^20.4.48';
 exports.moduleName = 'PivotViewModule, PivotFieldListModule';
-exports.themeVer = '~20.4.44';
+exports.themeVer = '~20.4.48';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-pivotview';
-export const pkgVer = '^20.4.44';
+export const pkgVer = '^20.4.48';
 export const moduleName = 'PivotViewModule, PivotFieldListModule';
-export const themeVer = '~20.4.44';
+export const themeVer = '~20.4.48';

package/styles/bootstrap-dark.css

@@ -950,6 +950,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,

package/styles/bootstrap.css

@@ -949,6 +949,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,

package/styles/bootstrap4.css

@@ -590,12 +590,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f2f4f6;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #f2f4f6;
-}
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
-  background: #6c757d;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -1010,6 +1004,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,

package/styles/bootstrap5-dark.css

@@ -952,6 +952,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,

package/styles/bootstrap5.css

@@ -954,6 +954,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,

package/styles/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;
 }
@@ -582,6 +576,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -960,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,

package/styles/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;
 }
@@ -579,6 +576,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -962,6 +963,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,

package/styles/fluent-dark.css

@@ -977,6 +977,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,

package/styles/fluent.css

@@ -979,6 +979,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,

package/styles/highcontrast-light.css

@@ -558,9 +558,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #d8d8d8;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #d8d8d8;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -578,6 +575,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -952,6 +953,10 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+  border: none !important;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,

package/styles/highcontrast.css

@@ -558,9 +558,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #262626;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #262626;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -578,6 +575,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -952,6 +953,10 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+  border: none !important;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,

package/styles/material-dark.css

@@ -949,6 +949,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,

package/styles/material.css

@@ -560,12 +560,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f5f5f5;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #f5f5f5;
-}
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
-  background: rgba(0, 0, 0, 0.12);
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -956,6 +950,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,

package/styles/pivotview/_layout.scss

@@ -621,20 +621,6 @@
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
-
-        .e-toolbar-item {
-          .e-tbar-btn.e-btn.e-control {
-            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
-              background: $pivotgrid-grp-bg-color;
-
-              &:hover {
-                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
-                  background: $pivotgrid-grp-bg-hover-color;
-                }
-              }
-            }
-          }
-        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -727,20 +713,28 @@
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
 
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
 
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
 
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;

package/styles/pivotview/_theme.scss

@@ -111,15 +111,17 @@
     }
 
     .e-toolbar .e-tbar-btn {
-      @if ($skin-name == 'tailwind') {
-        background-color: transparent;
-    }
+      background-color: transparent;
+
+      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+        border: none !important;
+      }
 
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }
 
 

package/styles/pivotview/bootstrap-dark.css

@@ -950,6 +950,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,

package/styles/pivotview/bootstrap.css

@@ -949,6 +949,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,

package/styles/pivotview/bootstrap4.css

@@ -590,12 +590,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f2f4f6;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #f2f4f6;
-}
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
-  background: #6c757d;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -1010,6 +1004,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,

package/styles/pivotview/bootstrap5-dark.css

@@ -952,6 +952,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,

package/styles/pivotview/bootstrap5.css

@@ -954,6 +954,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,

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;
 }
@@ -582,6 +576,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -960,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,

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;
 }
@@ -579,6 +576,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -962,6 +963,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,

package/styles/pivotview/fluent-dark.css

@@ -977,6 +977,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,

package/styles/pivotview/fluent.css

@@ -979,6 +979,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,

package/styles/pivotview/highcontrast-light.css

@@ -558,9 +558,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #d8d8d8;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #d8d8d8;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -578,6 +575,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -952,6 +953,10 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+  border: none !important;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,

package/styles/pivotview/highcontrast.css

@@ -558,9 +558,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #262626;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #262626;
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -578,6 +575,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -952,6 +953,10 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+  border: none !important;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,

package/styles/pivotview/material-dark.css

@@ -949,6 +949,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,

package/styles/pivotview/material.css

@@ -560,12 +560,6 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
   background: #f5f5f5;
 }
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  background: #f5f5f5;
-}
-.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
-  background: rgba(0, 0, 0, 0.12);
-}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -956,6 +950,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,