@syncfusion/ej2-pivotview 32.2.4 → 32.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +8 -8
  2. package/styles/material3-dark-lite.css +4 -4
  3. package/styles/material3-dark.css +5 -5
  4. package/styles/material3-lite.css +4 -4
  5. package/styles/material3.css +5 -5
  6. package/styles/pivotview/_material3-dark-definition.scss +10 -4
  7. package/styles/pivotview/_material3-definition.scss +10 -4
  8. package/styles/pivotview/material3-dark.css +5 -5
  9. package/styles/pivotview/material3.css +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-pivotview",
3
- "version": "32.2.4",
3
+ "version": "32.2.6",
4
4
  "description": "The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table.",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -8,21 +8,21 @@
8
8
  "module": "./index.js",
9
9
  "es2015": "./dist/es6/ej2-pivotview.es5.js",
10
10
  "dependencies": {
11
- "@syncfusion/ej2-base": "~32.2.3",
11
+ "@syncfusion/ej2-base": "~32.2.6",
12
12
  "@syncfusion/ej2-buttons": "~32.2.3",
13
- "@syncfusion/ej2-calendars": "~32.2.4",
13
+ "@syncfusion/ej2-calendars": "~32.2.6",
14
14
  "@syncfusion/ej2-charts": "~32.2.4",
15
15
  "@syncfusion/ej2-compression": "~32.2.3",
16
16
  "@syncfusion/ej2-data": "~32.2.3",
17
- "@syncfusion/ej2-dropdowns": "~32.2.4",
17
+ "@syncfusion/ej2-dropdowns": "~32.2.6",
18
18
  "@syncfusion/ej2-excel-export": "~32.2.3",
19
19
  "@syncfusion/ej2-file-utils": "~32.2.3",
20
- "@syncfusion/ej2-grids": "~32.2.3",
20
+ "@syncfusion/ej2-grids": "~32.2.6",
21
21
  "@syncfusion/ej2-inputs": "~32.2.3",
22
- "@syncfusion/ej2-lists": "~32.2.3",
23
- "@syncfusion/ej2-navigations": "~32.2.3",
22
+ "@syncfusion/ej2-lists": "~32.2.6",
23
+ "@syncfusion/ej2-navigations": "~32.2.6",
24
24
  "@syncfusion/ej2-pdf-export": "~32.2.3",
25
- "@syncfusion/ej2-popups": "~32.2.4",
25
+ "@syncfusion/ej2-popups": "~32.2.6",
26
26
  "@syncfusion/ej2-splitbuttons": "~32.2.3",
27
27
  "@syncfusion/ej2-svg-base": "~32.2.3"
28
28
  },
package/styles/material3-dark-lite.css CHANGED
@@ -622,7 +622,7 @@
622
622
  .e-pivotview .e-member-editor-dialog .e-label-filter .e-filter-text-div,
623
623
  .e-pivotview .e-member-editor-dialog .e-value-filter .e-filter-text-div {
624
624
  /* stylelint-disable */
625
- color: rgba(var(--color-sf-on-surface-variant)) !important;
625
+ color: var(--color-sf-on-surface-variant) !important;
626
626
  /* stylelint-enable */
627
627
  font-size: 14px;
628
628
  font-weight: 500;
@@ -1293,7 +1293,7 @@
1293
1293
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground {
1294
1294
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface)) !important;
1295
1295
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface)) !important;
1296
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1296
+ color: var(--color-sf-on-surface-variant) !important;
1297
1297
  }
1298
1298
  .e-pivotview .e-grid .e-rowsheader.e-active .e-stackedheadercelldiv, .e-pivotview .e-grid .e-rowsheader.e-active .e-cellvalue,
1299
1299
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons,
@@ -1326,7 +1326,7 @@
1326
1326
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-cellvalue,
1327
1327
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-icons,
1328
1328
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-headertext {
1329
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1329
+ color: var(--color-sf-on-surface-variant) !important;
1330
1330
  }
1331
1331
  .e-pivotview .e-drop-indicator {
1332
1332
  display: block;
@@ -1489,7 +1489,7 @@
1489
1489
  .e-pivotview .e-stackedheadertext,
1490
1490
  .e-pivotview .e-headertext,
1491
1491
  .e-pivotview .e-rowsheader .e-cellvalue {
1492
- color: rgba(var(--color-sf-on-surface-variant));
1492
+ color: var(--color-sf-on-surface-variant);
1493
1493
  font-size: 14px;
1494
1494
  font-weight: 500;
1495
1495
  }
package/styles/material3-dark.css CHANGED
@@ -622,7 +622,7 @@
622
622
  .e-pivotview .e-member-editor-dialog .e-label-filter .e-filter-text-div,
623
623
  .e-pivotview .e-member-editor-dialog .e-value-filter .e-filter-text-div {
624
624
  /* stylelint-disable */
625
- color: rgba(var(--color-sf-on-surface-variant)) !important;
625
+ color: var(--color-sf-on-surface-variant) !important;
626
626
  /* stylelint-enable */
627
627
  font-size: 14px;
628
628
  font-weight: 500;
@@ -1293,7 +1293,7 @@
1293
1293
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground {
1294
1294
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface)) !important;
1295
1295
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface)) !important;
1296
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1296
+ color: var(--color-sf-on-surface-variant) !important;
1297
1297
  }
1298
1298
  .e-pivotview .e-grid .e-rowsheader.e-active .e-stackedheadercelldiv, .e-pivotview .e-grid .e-rowsheader.e-active .e-cellvalue,
1299
1299
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons,
@@ -1326,7 +1326,7 @@
1326
1326
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-cellvalue,
1327
1327
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-icons,
1328
1328
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-headertext {
1329
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1329
+ color: var(--color-sf-on-surface-variant) !important;
1330
1330
  }
1331
1331
  .e-pivotview .e-drop-indicator {
1332
1332
  display: block;
@@ -1489,7 +1489,7 @@
1489
1489
  .e-pivotview .e-stackedheadertext,
1490
1490
  .e-pivotview .e-headertext,
1491
1491
  .e-pivotview .e-rowsheader .e-cellvalue {
1492
- color: rgba(var(--color-sf-on-surface-variant));
1492
+ color: var(--color-sf-on-surface-variant);
1493
1493
  font-size: 14px;
1494
1494
  font-weight: 500;
1495
1495
  }
@@ -3131,7 +3131,7 @@
3131
3131
  .e-bigger.e-pivotview .e-stackedheadertext,
3132
3132
  .e-bigger.e-pivotview .e-headertext,
3133
3133
  .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
3134
- color: rgba(var(--color-sf-on-surface-variant)) !important;
3134
+ color: var(--color-sf-on-surface-variant) !important;
3135
3135
  font-size: 14px;
3136
3136
  font-weight: 500 !important;
3137
3137
  }
package/styles/material3-lite.css CHANGED
@@ -628,7 +628,7 @@
628
628
  .e-pivotview .e-member-editor-dialog .e-label-filter .e-filter-text-div,
629
629
  .e-pivotview .e-member-editor-dialog .e-value-filter .e-filter-text-div {
630
630
  /* stylelint-disable */
631
- color: rgba(var(--color-sf-on-surface-variant)) !important;
631
+ color: var(--color-sf-on-surface-variant) !important;
632
632
  /* stylelint-enable */
633
633
  font-size: 14px;
634
634
  font-weight: 500;
@@ -1301,7 +1301,7 @@
1301
1301
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground {
1302
1302
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface)) !important;
1303
1303
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface)) !important;
1304
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1304
+ color: var(--color-sf-on-surface-variant) !important;
1305
1305
  }
1306
1306
  .e-pivotview .e-grid .e-rowsheader.e-active .e-stackedheadercelldiv, .e-pivotview .e-grid .e-rowsheader.e-active .e-cellvalue,
1307
1307
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons,
@@ -1334,7 +1334,7 @@
1334
1334
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-cellvalue,
1335
1335
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-icons,
1336
1336
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-headertext {
1337
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1337
+ color: var(--color-sf-on-surface-variant) !important;
1338
1338
  }
1339
1339
  .e-pivotview .e-drop-indicator {
1340
1340
  display: block;
@@ -1497,7 +1497,7 @@
1497
1497
  .e-pivotview .e-stackedheadertext,
1498
1498
  .e-pivotview .e-headertext,
1499
1499
  .e-pivotview .e-rowsheader .e-cellvalue {
1500
- color: rgba(var(--color-sf-on-surface-variant));
1500
+ color: var(--color-sf-on-surface-variant);
1501
1501
  font-size: 14px;
1502
1502
  font-weight: 500;
1503
1503
  }
package/styles/material3.css CHANGED
@@ -628,7 +628,7 @@
628
628
  .e-pivotview .e-member-editor-dialog .e-label-filter .e-filter-text-div,
629
629
  .e-pivotview .e-member-editor-dialog .e-value-filter .e-filter-text-div {
630
630
  /* stylelint-disable */
631
- color: rgba(var(--color-sf-on-surface-variant)) !important;
631
+ color: var(--color-sf-on-surface-variant) !important;
632
632
  /* stylelint-enable */
633
633
  font-size: 14px;
634
634
  font-weight: 500;
@@ -1301,7 +1301,7 @@
1301
1301
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground {
1302
1302
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface)) !important;
1303
1303
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface)) !important;
1304
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1304
+ color: var(--color-sf-on-surface-variant) !important;
1305
1305
  }
1306
1306
  .e-pivotview .e-grid .e-rowsheader.e-active .e-stackedheadercelldiv, .e-pivotview .e-grid .e-rowsheader.e-active .e-cellvalue,
1307
1307
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons,
@@ -1334,7 +1334,7 @@
1334
1334
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-cellvalue,
1335
1335
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-icons,
1336
1336
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-headertext {
1337
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1337
+ color: var(--color-sf-on-surface-variant) !important;
1338
1338
  }
1339
1339
  .e-pivotview .e-drop-indicator {
1340
1340
  display: block;
@@ -1497,7 +1497,7 @@
1497
1497
  .e-pivotview .e-stackedheadertext,
1498
1498
  .e-pivotview .e-headertext,
1499
1499
  .e-pivotview .e-rowsheader .e-cellvalue {
1500
- color: rgba(var(--color-sf-on-surface-variant));
1500
+ color: var(--color-sf-on-surface-variant);
1501
1501
  font-size: 14px;
1502
1502
  font-weight: 500;
1503
1503
  }
@@ -3141,7 +3141,7 @@
3141
3141
  .e-bigger.e-pivotview .e-stackedheadertext,
3142
3142
  .e-bigger.e-pivotview .e-headertext,
3143
3143
  .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
3144
- color: rgba(var(--color-sf-on-surface-variant)) !important;
3144
+ color: var(--color-sf-on-surface-variant) !important;
3145
3145
  font-size: 14px;
3146
3146
  font-weight: 500 !important;
3147
3147
  }
package/styles/pivotview/_material3-dark-definition.scss CHANGED
@@ -1,5 +1,11 @@
1
1
  @use 'ej2-base/styles/definition/material3-dark' as *;
2
2
  @forward 'ej2-base/styles/definition/material3-dark';
3
+ $pivot-header-bg-color: $content-bg-color-alt1 !default;
4
+ $pivot-header-text-color: $content-text-color-alt1 !default;
5
+ $pivot-header-bg-color-selected: $content-bg-color-alt3 !default;
6
+ $pivot-header-text-color-selected: $content-text-color-alt1 !default;
7
+ $pivot-drillthrough-header-text-color: $content-text-color-alt1 !default;
8
+ $pivot-drillthrough-header-icon-color: $icon-color !default;
3
9
  $pivotgrid-border-type: solid !default;
4
10
  $pivotgrid-border-size: 1px !default;
5
11
  $pivotgrid-content-font-size: $text-sm !default;
@@ -91,7 +97,7 @@ $pivotgrid-grp-bg-hover-color: $content-bg-color-alt1 !default;
91
97
  $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
92
98
  $pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
93
99
  $pivotgrid-drop-hover-color: rgba($primary) !default;
94
- $pivotview-grid-header-font-color: rgba($content-text-color-alt1) !default;
100
+ $pivotview-grid-header-font-color: $pivot-header-text-color !default;
95
101
  $pivotgrid-button-border-color: rgba($border) !default;
96
102
  $pivotgrid-toolbar-menu-bg-color: rgba($border) !default;
97
103
  $pivotgrid-drag-clone-text-color: $pivotgrid-default-font-color !default;
@@ -108,12 +114,12 @@ $pivotgrid-button-font-color: rgba($content-text-color-alt1) !default;
108
114
  $pivotgrid-button-acitve-font-color: rgba($content-text-color-alt1) !default;
109
115
  $pivotgrid-editor-label-color: rgba($content-text-color) !default;
110
116
  $pivotgrid-editor-label-fill: $content-bg-color-alt1 !default;
111
- $pivotgrid-header-selection-bg-color: $content-bg-color-alt3 !default;
112
- $pivotgrid-header-selection-color: rgba($content-text-color-alt1) !default;
117
+ $pivotgrid-header-selection-bg-color: $pivot-header-bg-color-selected !default;
118
+ $pivotgrid-header-selection-color: $pivot-header-text-color-selected !default;
113
119
  $pivotgrid-sort-select-background-color: $content-bg-color-alt1 !default;
114
120
  $pivotgrid-sort-select-border-color: $transparent !default;
115
121
  $pivotgrid-sort-select-color: rgba($primary) !default;
116
- $pivotgrid-header-background-color: $content-bg-color-alt1 !default;
122
+ $pivotgrid-header-background-color: $pivot-header-bg-color !default;
117
123
  $pivotgrid-gtot-background-color: $content-bg-color-alt1 !default;
118
124
  $pivotgrid-gtot-font-color: rgba($content-text-color) !default;
119
125
  $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
package/styles/pivotview/_material3-definition.scss CHANGED
@@ -1,5 +1,11 @@
1
1
  @use 'ej2-base/styles/definition/material3' as *;
2
2
  @forward 'ej2-base/styles/definition/material3';
3
+ $pivot-header-bg-color: $content-bg-color-alt1 !default;
4
+ $pivot-header-text-color: $content-text-color-alt1 !default;
5
+ $pivot-header-bg-color-selected: $content-bg-color-alt3 !default;
6
+ $pivot-header-text-color-selected: $content-text-color-alt1 !default;
7
+ $pivot-drillthrough-header-text-color: $content-text-color-alt1 !default;
8
+ $pivot-drillthrough-header-icon-color: $icon-color !default;
3
9
  $pivotgrid-border-type: solid !default;
4
10
  $pivotgrid-border-size: $border-1 !default;
5
11
  $pivotgrid-content-font-size: $text-sm !default;
@@ -91,7 +97,7 @@ $pivotgrid-grp-bg-hover-color: $content-bg-color-alt1 !default;
91
97
  $pivotgrid-cell-hover-color: rgba(0, 0, 0, 0) !default;
92
98
  $pivotgrid-drag-clone-color: $content-bg-color-alt3 !default;
93
99
  $pivotgrid-drop-hover-color: rgba($primary) !default;
94
- $pivotview-grid-header-font-color: rgba($content-text-color-alt1) !default;
100
+ $pivotview-grid-header-font-color: $pivot-header-text-color !default;
95
101
  $pivotgrid-button-border-color: rgba($border) !default;
96
102
  $pivotgrid-toolbar-menu-bg-color: rgba($border) !default;
97
103
  $pivotgrid-drag-clone-text-color: $pivotgrid-default-font-color !default;
@@ -108,12 +114,12 @@ $pivotgrid-button-font-color: rgba($content-text-color-alt1) !default;
108
114
  $pivotgrid-button-acitve-font-color: rgba($content-text-color-alt1) !default;
109
115
  $pivotgrid-editor-label-color: rgba($content-text-color) !default;
110
116
  $pivotgrid-editor-label-fill: $content-bg-color-alt1 !default;
111
- $pivotgrid-header-selection-bg-color: $content-bg-color-alt3 !default;
112
- $pivotgrid-header-selection-color: rgba($content-text-color-alt1) !default;
117
+ $pivotgrid-header-selection-bg-color: $pivot-header-bg-color-selected !default;
118
+ $pivotgrid-header-selection-color: $pivot-header-text-color-selected !default;
113
119
  $pivotgrid-sort-select-background-color: $content-bg-color-alt1 !default;
114
120
  $pivotgrid-sort-select-border-color: $transparent !default;
115
121
  $pivotgrid-sort-select-color: rgba($primary) !default;
116
- $pivotgrid-header-background-color: $content-bg-color-alt1 !default;
122
+ $pivotgrid-header-background-color: $pivot-header-bg-color !default;
117
123
  $pivotgrid-gtot-background-color: $content-bg-color-alt1 !default;
118
124
  $pivotgrid-gtot-font-color: rgba($content-text-color) !default;
119
125
  $pivot-toolbar-icon-hover-color: $pivotgrid-icon-hover-color !default;
package/styles/pivotview/material3-dark.css CHANGED
@@ -622,7 +622,7 @@
622
622
  .e-pivotview .e-member-editor-dialog .e-label-filter .e-filter-text-div,
623
623
  .e-pivotview .e-member-editor-dialog .e-value-filter .e-filter-text-div {
624
624
  /* stylelint-disable */
625
- color: rgba(var(--color-sf-on-surface-variant)) !important;
625
+ color: var(--color-sf-on-surface-variant) !important;
626
626
  /* stylelint-enable */
627
627
  font-size: 14px;
628
628
  font-weight: 500;
@@ -1293,7 +1293,7 @@
1293
1293
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground {
1294
1294
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface)) !important;
1295
1295
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface)) !important;
1296
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1296
+ color: var(--color-sf-on-surface-variant) !important;
1297
1297
  }
1298
1298
  .e-pivotview .e-grid .e-rowsheader.e-active .e-stackedheadercelldiv, .e-pivotview .e-grid .e-rowsheader.e-active .e-cellvalue,
1299
1299
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons,
@@ -1326,7 +1326,7 @@
1326
1326
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-cellvalue,
1327
1327
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-icons,
1328
1328
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-headertext {
1329
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1329
+ color: var(--color-sf-on-surface-variant) !important;
1330
1330
  }
1331
1331
  .e-pivotview .e-drop-indicator {
1332
1332
  display: block;
@@ -1489,7 +1489,7 @@
1489
1489
  .e-pivotview .e-stackedheadertext,
1490
1490
  .e-pivotview .e-headertext,
1491
1491
  .e-pivotview .e-rowsheader .e-cellvalue {
1492
- color: rgba(var(--color-sf-on-surface-variant));
1492
+ color: var(--color-sf-on-surface-variant);
1493
1493
  font-size: 14px;
1494
1494
  font-weight: 500;
1495
1495
  }
@@ -3131,7 +3131,7 @@
3131
3131
  .e-bigger.e-pivotview .e-stackedheadertext,
3132
3132
  .e-bigger.e-pivotview .e-headertext,
3133
3133
  .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
3134
- color: rgba(var(--color-sf-on-surface-variant)) !important;
3134
+ color: var(--color-sf-on-surface-variant) !important;
3135
3135
  font-size: 14px;
3136
3136
  font-weight: 500 !important;
3137
3137
  }
package/styles/pivotview/material3.css CHANGED
@@ -628,7 +628,7 @@
628
628
  .e-pivotview .e-member-editor-dialog .e-label-filter .e-filter-text-div,
629
629
  .e-pivotview .e-member-editor-dialog .e-value-filter .e-filter-text-div {
630
630
  /* stylelint-disable */
631
- color: rgba(var(--color-sf-on-surface-variant)) !important;
631
+ color: var(--color-sf-on-surface-variant) !important;
632
632
  /* stylelint-enable */
633
633
  font-size: 14px;
634
634
  font-weight: 500;
@@ -1301,7 +1301,7 @@
1301
1301
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground {
1302
1302
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface)) !important;
1303
1303
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface)) !important;
1304
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1304
+ color: var(--color-sf-on-surface-variant) !important;
1305
1305
  }
1306
1306
  .e-pivotview .e-grid .e-rowsheader.e-active .e-stackedheadercelldiv, .e-pivotview .e-grid .e-rowsheader.e-active .e-cellvalue,
1307
1307
  .e-pivotview .e-grid .e-rowsheader.e-active .e-icons,
@@ -1334,7 +1334,7 @@
1334
1334
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-cellvalue,
1335
1335
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-icons,
1336
1336
  .e-pivotview .e-grid .e-columnsheader.e-selectionbackground .e-headertext {
1337
- color: rgba(var(--color-sf-on-surface-variant)) !important;
1337
+ color: var(--color-sf-on-surface-variant) !important;
1338
1338
  }
1339
1339
  .e-pivotview .e-drop-indicator {
1340
1340
  display: block;
@@ -1497,7 +1497,7 @@
1497
1497
  .e-pivotview .e-stackedheadertext,
1498
1498
  .e-pivotview .e-headertext,
1499
1499
  .e-pivotview .e-rowsheader .e-cellvalue {
1500
- color: rgba(var(--color-sf-on-surface-variant));
1500
+ color: var(--color-sf-on-surface-variant);
1501
1501
  font-size: 14px;
1502
1502
  font-weight: 500;
1503
1503
  }
@@ -3141,7 +3141,7 @@
3141
3141
  .e-bigger.e-pivotview .e-stackedheadertext,
3142
3142
  .e-bigger.e-pivotview .e-headertext,
3143
3143
  .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
3144
- color: rgba(var(--color-sf-on-surface-variant)) !important;
3144
+ color: var(--color-sf-on-surface-variant) !important;
3145
3145
  font-size: 14px;
3146
3146
  font-weight: 500 !important;
3147
3147
  }