@syncfusion/ej2-vue-pivotview 19.2.60 → 19.3.43

package/styles/pivotview/tailwind.css

@@ -269,11 +269,6 @@
   padding-top: 12px;
 }
 
-.e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-frame {
-  height: 18px;
-  width: 18px;
-}
-
 .e-pivotview .e-group-field-settings .e-group-field-div-content {
   margin-bottom: 10px;
 }
@@ -289,6 +284,22 @@
   padding: 0 12px 10px;
 }
 
+.e-pivotview .e-member-editor-dialog .e-editor-search-wrapper .e-clear-icon-hide,
+.e-pivotview .e-member-editor-dialog .e-editor-search-container .e-clear-icon-hide {
+  display: inline-block;
+  visibility: hidden;
+}
+
+.e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-wrapper,
+.e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-container {
+  padding: 5px 12px 10px;
+}
+
+.e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-wrapper,
+.e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-container {
+  padding: 5px 12px 10px;
+}
+
 .e-pivotview .e-member-editor-dialog .e-filter-sort {
   box-shadow: none;
   margin-left: 10px;
@@ -314,7 +325,7 @@
 
 .e-pivotview .e-member-editor-dialog .e-member-editor-container-outer-div {
   display: inline-block;
-  height: 160px;
+  height: 174px;
   max-width: 400px;
   overflow: auto;
   width: 100%;
@@ -322,7 +333,6 @@
 
 .e-pivotview .e-member-editor-dialog .e-member-editor-container {
   display: inline-table;
-  height: 100%;
   width: 100%;
 }
 
@@ -368,7 +378,7 @@
 }
 
 .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 147px;
+  height: 165px;
 }
 
 .e-pivotview .e-member-editor-dialog .e-excelfilter .e-editor-label-wrapper,
@@ -661,11 +671,6 @@
   width: 49%;
 }
 
-.e-pivotview .e-pivotchart-type-dialog .e-icons.e-frame {
-  height: 18px;
-  width: 18px;
-}
-
 .e-pivotview .e-pivot-format-dialog {
   max-height: 500px !important;
   max-width: 350px;
@@ -696,6 +701,9 @@
 .e-pivotview .e-pivot-toolbar {
   border-bottom: 0;
   border-style: solid;
+  border-top: 1px solid #e5e7eb;
+  border-left: 1px solid #e5e7eb;
+  border-right: 1px solid #e5e7eb;
 }
 
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
@@ -711,6 +719,7 @@
 .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
 .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
   height: 32px;
+  overflow: hidden;
   padding-left: 10px;
 }
 
@@ -767,7 +776,7 @@
 
 .e-mdx-query-content {
   background-color: transparent;
-  color: #111827;
+  color: #374151;
   font-size: 14px;
   font-weight: 500;
   height: 200px;
@@ -854,7 +863,7 @@
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
-  height: 125px;
+  height: 140px;
 }
 
 .e-bigger .e-pivotview .e-member-editor-dialog .e-editor-search-wrapper .e-filter-sort .e-member-sort .e-sort-ascend-icon,
@@ -896,7 +905,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;
+  height: 109px !important;
 }
 
 .e-bigger .e-pivotview .e-member-editor-dialog .e-label-filter,
@@ -958,17 +967,16 @@
   top: 0;
 }
 
+.e-bigger .e-pivotview .e-value-field-settings,
+.e-bigger.e-pivotview .e-value-field-settings {
+  max-height: 510px !important;
+}
+
 .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;
 }
 
-.e-bigger .e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-frame,
-.e-bigger.e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-frame {
-  height: 22px;
-  width: 22px;
-}
-
 .e-bigger .e-pivotview .e-group-field-settings .e-caption-option-text,
 .e-bigger .e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-label,
 .e-bigger.e-pivotview .e-group-field-settings .e-caption-option-text,
@@ -1067,12 +1075,6 @@
   margin-top: 12px;
 }
 
-.e-bigger .e-pivotchart-type-dialog .e-icons.e-frame,
-.e-bigger.e-pivotchart-type-dialog .e-icons.e-frame {
-  height: 22px;
-  width: 22px;
-}
-
 /*! PivotView theme */
 .e-pivotview .e-nextspan {
   display: inline-block;
@@ -1270,6 +1272,7 @@
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
+  text-transform: none;
 }
 
 .e-pivotview .e-frozenheader > .e-table,
@@ -1463,8 +1466,8 @@
 
 .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-drop-indicator.e-drop-hover,
 .e-pivotview .e-group-rows .e-pvt-btn-div .e-drop-indicator.e-drop-hover {
-  border-left: 1px dashed #4F46E5;
-  border-left: 1px solid #4F46E5;
+  border-left: 1px dashed #4f46e5;
+  border-left: 1px solid #4f46e5;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button,
@@ -1820,10 +1823,6 @@
   padding-bottom: 7px;
 }
 
-.e-pivotview .e-chart-grouping-bar .e-axis-row {
-  height: 50% !important;
-}
-
 .e-pivotview .e-chart-grouping-bar .e-axis-value {
   height: auto !important;
   padding-left: 6px;
@@ -1846,7 +1845,7 @@
   padding-bottom: 7px;
 }
 
-.e-pivotview .e-icons {
+.e-pivotview .e-icons:not(.e-frame) {
   height: auto;
   width: auto;
 }
@@ -1863,7 +1862,7 @@
   margin-top: 5px;
   text-align: center;
   width: 18px;
-  margin-top: 0 !important;
+  margin-top: 0;
 }
 
 .e-pivotview th .e-expand,
@@ -1872,6 +1871,7 @@
   font-size: 10px !important;
   margin-left: 0px;
   margin-top: 8px;
+  margin-top: 2px !important;
 }
 
 .e-pivotview .e-expand::before {
@@ -2304,7 +2304,7 @@
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container {
-  height: 125px;
+  height: 140px;
 }
 
 .e-bigger .e-pivotview .e-stackedheadercelldiv,

package/styles/tailwind-dark.css

@@ -270,11 +270,6 @@
   padding-top: 12px;
 }
 
-.e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-frame {
-  height: 18px;
-  width: 18px;
-}
-
 .e-pivotview .e-group-field-settings .e-group-field-div-content {
   margin-bottom: 10px;
 }
@@ -290,6 +285,22 @@
   padding: 0 12px 10px;
 }
 
+.e-pivotview .e-member-editor-dialog .e-editor-search-wrapper .e-clear-icon-hide,
+.e-pivotview .e-member-editor-dialog .e-editor-search-container .e-clear-icon-hide {
+  display: inline-block;
+  visibility: hidden;
+}
+
+.e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-wrapper,
+.e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-container {
+  padding: 5px 12px 10px;
+}
+
+.e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-wrapper,
+.e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-container {
+  padding: 5px 12px 10px;
+}
+
 .e-pivotview .e-member-editor-dialog .e-filter-sort {
   box-shadow: none;
   margin-left: 10px;
@@ -315,7 +326,7 @@
 
 .e-pivotview .e-member-editor-dialog .e-member-editor-container-outer-div {
   display: inline-block;
-  height: 160px;
+  height: 174px;
   max-width: 400px;
   overflow: auto;
   width: 100%;
@@ -323,7 +334,6 @@
 
 .e-pivotview .e-member-editor-dialog .e-member-editor-container {
   display: inline-table;
-  height: 100%;
   width: 100%;
 }
 
@@ -369,7 +379,7 @@
 }
 
 .e-pivotview .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 147px;
+  height: 165px;
 }
 
 .e-pivotview .e-member-editor-dialog .e-excelfilter .e-editor-label-wrapper,
@@ -662,11 +672,6 @@
   width: 49%;
 }
 
-.e-pivotview .e-pivotchart-type-dialog .e-icons.e-frame {
-  height: 18px;
-  width: 18px;
-}
-
 .e-pivotview .e-pivot-format-dialog {
   max-height: 500px !important;
   max-width: 350px;
@@ -697,6 +702,9 @@
 .e-pivotview .e-pivot-toolbar {
   border-bottom: 0;
   border-style: solid;
+  border-top: 1px solid #4b5563;
+  border-left: 1px solid #4b5563;
+  border-right: 1px solid #4b5563;
 }
 
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
@@ -712,6 +720,7 @@
 .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
 .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
   height: 32px;
+  overflow: hidden;
   padding-left: 10px;
 }
 
@@ -768,7 +777,7 @@
 
 .e-mdx-query-content {
   background-color: transparent;
-  color: #fff;
+  color: #d1d5db;
   font-size: 14px;
   font-weight: 500;
   height: 200px;
@@ -855,7 +864,7 @@
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
-  height: 125px;
+  height: 140px;
 }
 
 .e-bigger .e-pivotview .e-member-editor-dialog .e-editor-search-wrapper .e-filter-sort .e-member-sort .e-sort-ascend-icon,
@@ -897,7 +906,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;
+  height: 109px !important;
 }
 
 .e-bigger .e-pivotview .e-member-editor-dialog .e-label-filter,
@@ -959,17 +968,16 @@
   top: 0;
 }
 
+.e-bigger .e-pivotview .e-value-field-settings,
+.e-bigger.e-pivotview .e-value-field-settings {
+  max-height: 510px !important;
+}
+
 .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;
 }
 
-.e-bigger .e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-frame,
-.e-bigger.e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-frame {
-  height: 22px;
-  width: 22px;
-}
-
 .e-bigger .e-pivotview .e-group-field-settings .e-caption-option-text,
 .e-bigger .e-pivotview .e-group-field-settings .e-checkbox-wrapper .e-label,
 .e-bigger.e-pivotview .e-group-field-settings .e-caption-option-text,
@@ -1068,12 +1076,6 @@
   margin-top: 12px;
 }
 
-.e-bigger .e-pivotchart-type-dialog .e-icons.e-frame,
-.e-bigger.e-pivotchart-type-dialog .e-icons.e-frame {
-  height: 22px;
-  width: 22px;
-}
-
 /*! PivotView theme */
 .e-pivotview .e-nextspan {
   display: inline-block;
@@ -1271,6 +1273,7 @@
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
+  text-transform: none;
 }
 
 .e-pivotview .e-frozenheader > .e-table,
@@ -1300,7 +1303,7 @@
 .e-pivotview .e-headertext,
 .e-pivotview .e-rowsheader .e-cellvalue {
   color: #9ca3af;
-  font-size: 13px;
+  font-size: 12px;
   font-weight: 500;
 }
 
@@ -1464,8 +1467,8 @@
 
 .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-drop-indicator.e-drop-hover,
 .e-pivotview .e-group-rows .e-pvt-btn-div .e-drop-indicator.e-drop-hover {
-  border-left: 1px dashed #4F46E5;
-  border-left: 1px solid #4F46E5;
+  border-left: 1px dashed #22d3ee;
+  border-left: 1px solid #22d3ee;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button,
@@ -1821,10 +1824,6 @@
   padding-bottom: 7px;
 }
 
-.e-pivotview .e-chart-grouping-bar .e-axis-row {
-  height: 50% !important;
-}
-
 .e-pivotview .e-chart-grouping-bar .e-axis-value {
   height: auto !important;
   padding-left: 6px;
@@ -1847,7 +1846,7 @@
   padding-bottom: 7px;
 }
 
-.e-pivotview .e-icons {
+.e-pivotview .e-icons:not(.e-frame) {
   height: auto;
   width: auto;
 }
@@ -1864,7 +1863,7 @@
   margin-top: 5px;
   text-align: center;
   width: 18px;
-  margin-top: 0 !important;
+  margin-top: 0;
 }
 
 .e-pivotview th .e-expand,
@@ -1873,6 +1872,7 @@
   font-size: 10px !important;
   margin-left: 0px;
   margin-top: 8px;
+  margin-top: 2px !important;
 }
 
 .e-pivotview .e-expand::before {
@@ -2126,7 +2126,7 @@
 .e-bigger.e-pivotview .e-stackedheadercelldiv,
 .e-bigger.e-pivotview .e-headertext,
 .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
-  font-size: 13px !important;
+  font-size: 14px !important;
 }
 
 .e-bigger .e-pivotview .e-grouping-bar .e-all-fields-axis,
@@ -2305,7 +2305,7 @@
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container {
-  height: 125px;
+  height: 140px;
 }
 
 .e-bigger .e-pivotview .e-stackedheadercelldiv,
@@ -2315,7 +2315,7 @@
 .e-bigger.e-pivotview .e-headertext,
 .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
   color: #9ca3af !important;
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 500 !important;
 }
 
@@ -3565,7 +3565,7 @@
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-member-editor-container-outer-div,
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-member-editor-container-outer-div {
   display: inline-block;
-  height: 160px;
+  height: 164px;
   max-width: 400px;
   overflow: auto;
   width: 100%;
@@ -3574,7 +3574,6 @@
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-member-editor-container,
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-member-editor-container {
   display: inline-table;
-  height: 100%;
   width: 100%;
 }
 
@@ -3669,8 +3668,10 @@
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
   background-color: #d1d5db;
   border-color: transparent;
-  color: rgba(156, 163, 175, 0.87);
+  color: #d1d5db;
   outline: none;
+  background-color: #4b5563 !important;
+  color: #d1d5db !important;
 }
 
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-select-all-wrapper ul {
@@ -3714,7 +3715,7 @@
 }
 
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 147px;
+  height: 151px;
 }
 
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -3977,10 +3978,16 @@
   padding: 0 12px 10px;
 }
 
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-editor-search-container .e-clear-icon-hide,
+.e-pivotfieldlist-container .e-member-editor-dialog .e-editor-search-container .e-clear-icon-hide {
+  display: inline-block;
+  visibility: hidden;
+}
+
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container-outer-div,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container-outer-div {
   display: inline-block;
-  height: 160px;
+  height: 164px;
   max-width: 400px;
   overflow: auto;
   width: 100%;
@@ -3989,7 +3996,6 @@
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container {
   display: inline-table;
-  height: 100%;
   width: 100%;
 }
 
@@ -4084,8 +4090,10 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
   background-color: #d1d5db;
   border-color: transparent;
-  color: rgba(156, 163, 175, 0.87);
+  color: #d1d5db;
   outline: none;
+  background-color: #4b5563 !important;
+  color: #d1d5db;
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-select-all-container ul {
@@ -4129,7 +4137,7 @@
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 147px;
+  height: 151px;
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
@@ -4521,7 +4529,7 @@
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div {
-  height: 200px;
+  height: 122px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-editor-search-wrapper .e-sort-ascend-icon,
@@ -4596,6 +4604,16 @@
   margin: 0 6px 0 0;
 }
 
+.e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter,
+.e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter {
+  padding-top: 16px;
+}
+
+.e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
+  height: 91px !important;
+}
+
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-value-filter,
 .e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -4715,7 +4733,7 @@
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
-  height: 200px;
+  height: 122px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-editor-search-container .e-sort-ascend-icon,
@@ -4797,7 +4815,7 @@
 
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 100px;
+  height: 91px !important;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
@@ -5185,6 +5203,8 @@
   text-align: center;
   vertical-align: bottom;
   width: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-list ul li .e-drag.e-disable-drag {
@@ -5370,9 +5390,9 @@
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-drop-indicator.e-drop-hover,
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-drop-indicator-last.e-drop-hover,
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-drop-indicator.e-drop-hover {
-  border-top: 2px dashed #4F46E5;
+  border-top: 2px dashed #22d3ee;
   margin-top: -2px;
-  border-top: 2px solid #4F46E5;
+  border-top: 2px solid #22d3ee;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div.e-first-btn .e-drop-indicator.e-drop-hover,
@@ -5489,6 +5509,16 @@
   color: #d1d5db;
 }
 
+.e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button:focus .e-drag, .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button:active .e-drag,
+.e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button:focus .e-drag,
+.e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button:active .e-drag,
+.e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button:focus .e-drag,
+.e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button:active .e-drag,
+.e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button:focus .e-drag,
+.e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button:active .e-drag {
+  color: #d1d5db;
+}
+
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button .e-content,
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button .e-content,
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button .e-content,
@@ -6323,11 +6353,6 @@
   transform: rotateX(0deg) rotateY(180deg);
 }
 
-.e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-checkbox-wrapper .e-icons {
-  height: 18px;
-  width: 18px;
-}
-
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div.e-olap-calc-outer-div {
   max-height: 350px;
   overflow: hidden;
@@ -6663,6 +6688,8 @@
   text-align: center;
   vertical-align: bottom;
   width: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li .e-drag.e-disable-drag {
@@ -6848,9 +6875,9 @@
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-drop-indicator.e-drop-hover,
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-drop-indicator-last.e-drop-hover,
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-drop-indicator.e-drop-hover {
-  border-top: 2px dashed #4F46E5;
+  border-top: 2px dashed #22d3ee;
   margin-top: -2px;
-  border-top: 2px solid #4F46E5;
+  border-top: 2px solid #22d3ee;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div.e-first-btn .e-drop-indicator.e-drop-hover,
@@ -6967,6 +6994,16 @@
   color: #d1d5db;
 }
 
+.e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button:focus .e-drag, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button:active .e-drag,
+.e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button:focus .e-drag,
+.e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button:active .e-drag,
+.e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button:focus .e-drag,
+.e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button:active .e-drag,
+.e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button:focus .e-drag,
+.e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button:active .e-drag {
+  color: #d1d5db;
+}
+
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button .e-content,
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button .e-content,
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button .e-content,
@@ -7799,11 +7836,6 @@
   transform: rotateX(0deg) rotateY(180deg);
 }
 
-.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-checkbox-wrapper .e-icons {
-  height: 18px;
-  width: 18px;
-}
-
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div.e-olap-calc-outer-div {
   max-height: 350px;
   overflow: hidden;
@@ -7974,6 +8006,7 @@
   margin-bottom: 3px !important;
   margin-right: 4px !important;
   width: 24px !important;
+  margin-bottom: 0 !important;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-list .e-calc-measure-icon,