@syncfusion/ej2-angular-pivotview 20.2.36-ngcc → 20.2.36

package/styles/material-dark.css

@@ -965,6 +965,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
+  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1004,6 +1005,11 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
+.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1466,7 +1472,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 {
@@ -1639,12 +1644,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
-  margin-top: 2px !important;
-}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1655,9 +1654,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
-.e-pivotview.e-device .e-drillthrough-dialog {
-  width: 100% !important;
-}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1817,7 +1813,6 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
-  margin-top: 0;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1901,7 +1896,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -11px -10px !important;
+  margin: -17px -10px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2298,6 +2293,7 @@
 
 .e-pivot-formatting-dialog {
   max-height: 480px !important;
+  min-width: 628px !important;
   width: 628px !important;
 }
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
@@ -2312,7 +2308,6 @@
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(even) td {
   padding-bottom: 14px;
   padding-right: 18px;
-  white-space: nowrap;
 }
 .e-pivot-formatting-dialog .e-format-value-span {
   vertical-align: bottom;
@@ -2405,9 +2400,6 @@
   min-width: 320px !important;
   width: 100% !important;
 }
-.e-pivot-formatting-dialog.e-device .e-format-inner-div {
-  width: 100% !important;
-}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -2452,6 +2444,7 @@
 
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
+  min-width: 680px !important;
   width: 680px !important;
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-label,
@@ -2843,7 +2836,7 @@
 
 .e-bigger.e-pivot-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div {
-  max-height: 600px !important;
+  max-height: 590px !important;
   min-width: 401px !important;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-all-field-title,
@@ -2886,7 +2879,7 @@
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div {
   max-height: 750px !important;
-  min-width: 580px !important;
+  min-width: 580px;
 }
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
@@ -4311,7 +4304,7 @@
   height: 261px;
 }
 .e-pivotfieldlist-container.e-search-mode.e-popup {
-  min-height: 540px;
+  height: 540px;
 }
 .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
   height: 369px;
@@ -4503,11 +4496,6 @@
   background-color: transparent;
   color: #616161;
 }
-.e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
-.e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-content .e-field-list-tree-outer-div {
-  height: 210px;
-  overflow: auto;
-}
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
@@ -5413,8 +5401,8 @@
 }
 .e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup,
 .e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup {
+  height: 565px !important;
   max-height: 600px !important;
-  min-height: 550px !important;
 }
 .e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container,
 .e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
@@ -5431,8 +5419,4 @@
 .e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content,
 .e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content {
   height: 165px !important;
-}
-.e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
-.e-bigger.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div {
-  max-height: 190px;
 }

package/styles/material.css

@@ -966,6 +966,7 @@
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   font-size: 12px !important;
+  padding: 3px 4px 4px 4px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1005,6 +1006,11 @@
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
   visibility: hidden !important;
 }
+.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
@@ -1467,7 +1473,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 {
@@ -1640,12 +1645,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
-.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
-  margin-top: 2px !important;
-}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1656,9 +1655,6 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
-.e-pivotview.e-device .e-drillthrough-dialog {
-  width: 100% !important;
-}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1818,7 +1814,6 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
-  margin-top: 0;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1902,7 +1897,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -12px -10px !important;
+  margin: -17px -10px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2298,6 +2293,7 @@
 
 .e-pivot-formatting-dialog {
   max-height: 480px !important;
+  min-width: 628px !important;
   width: 628px !important;
 }
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
@@ -2312,7 +2308,6 @@
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(even) td {
   padding-bottom: 14px;
   padding-right: 18px;
-  white-space: nowrap;
 }
 .e-pivot-formatting-dialog .e-format-value-span {
   vertical-align: bottom;
@@ -2405,9 +2400,6 @@
   min-width: 320px !important;
   width: 100% !important;
 }
-.e-pivot-formatting-dialog.e-device .e-format-inner-div {
-  width: 100% !important;
-}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -2452,6 +2444,7 @@
 
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
+  min-width: 680px !important;
   width: 680px !important;
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-label,
@@ -2843,7 +2836,7 @@
 
 .e-bigger.e-pivot-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div {
-  max-height: 600px !important;
+  max-height: 590px !important;
   min-width: 401px !important;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-all-field-title,
@@ -2886,7 +2879,7 @@
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div {
   max-height: 750px !important;
-  min-width: 580px !important;
+  min-width: 580px;
 }
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
@@ -4311,7 +4304,7 @@
   height: 261px;
 }
 .e-pivotfieldlist-container.e-search-mode.e-popup {
-  min-height: 540px;
+  height: 540px;
 }
 .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
   height: 369px;
@@ -4503,11 +4496,6 @@
   background-color: transparent;
   color: rgba(0, 0, 0, 0.87);
 }
-.e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
-.e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-content .e-field-list-tree-outer-div {
-  height: 210px;
-  overflow: auto;
-}
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
@@ -5413,8 +5401,8 @@
 }
 .e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup,
 .e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup {
+  height: 565px !important;
   max-height: 600px !important;
-  min-height: 550px !important;
 }
 .e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container,
 .e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
@@ -5431,8 +5419,4 @@
 .e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content,
 .e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content {
   height: 165px !important;
-}
-.e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
-.e-bigger.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div {
-  max-height: 195px;
 }

package/styles/pivotfieldlist/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

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

@@ -0,0 +1,232 @@
+
+/*! component's default definitions and variables */
+$field-list-skin: 'bootstrap-dark' !default;
+$field-list-active-color: $brand-primary !default;
+$field-list-toggle-border-color: $grey-8c !default;
+$field-list-drag-default-border-color: $field-list-toggle-border-color !default;
+$field-list-border-type: $border-type !default;
+$field-list-border-size: $border-size !default;
+$field-list-table-background-color: $grey-dark !default;
+$field-list-default-padding-size: 8px !default;
+$field-list-title-padding-size: 20px !default;
+$field-list-static-padding-size: 10px !default;
+$field-list-treeview-padding-size: -40px !default;
+$field-list-header-padding-size: 14px !default;
+$field-list-axis-header-padding-size: 5px !default;
+$field-list-title-font-size: 18px !default;
+$field-list-title-line-height: 0 !default;
+$field-list-content-font-size: $font-size !default;
+$field-list-button-font-weight: 500 !default;
+$field-list-font-family: $font-family !default;
+$field-list-header-background-color: $grey-darker !default;
+$field-list-default-fill-color: $content-bg-color !default;
+$field-list-default-border-radius: 5px !default;
+$field-list-drop-hover-color: $grey-e6 !default;
+$field-list-selected-color: rgba($header-bg-color, .87) !default;
+$field-list-toggle-bg-color: $grey-dark !default;
+$field-list-toggle-font-color: $grey-dark-font !default;
+$field-list-button-color: $gray-light !default;
+$field-list-button-icon-color: $grey-dark-font !default;
+$field-list-icon-hover-color: rgba($content-font-color, .87) !default;
+$field-list-button-font-color: $content-font-color !default;
+$field-list-button-border-color: rgba($header-bg-color, .12) !default;
+$field-list-button-hover-color: rgba($header-bg-color, .12) !default;
+$field-list-button-focus-color: $field-list-button-hover-color !default;
+$field-list-button-active-color: $content-font-color !default;
+$field-list-button-back-color: #f5f5f5 !default;
+$field-list-drag-clone-text-color: rgba($grey-dark-font, .87) !default;
+$field-list-drag-clone-bg-color: $grey-dark !default;
+$field-list-drag-clone-font-size: 14px !default;
+$field-list-drag-clone-line-height: 1em !default;
+$field-list-drag-clone-height: 28px !default;
+$field-list-header-font-size: 13px !default;
+$field-list-header-text-transform: none !default;
+$field-list-button-font-size: 13px !default;
+$field-list-icon-size: 14px !default;
+$field-list-toggle-icon-size: 17px !default;
+$field-list-toggle-padding-size: 8px !default;
+$field-list-toggle-icon-bigger-size: 20px !default;
+$field-list-editor-dialog-footer-padding: 0 !default;
+$field-list-toggle-size: 31px !default;
+$field-list-toggle-bigger-size: 36px !default;
+$field-list-editor-search-padding-size: 20px !default;
+$field-list-member-filter-list-padding-size: -35px !default;
+$field-list-member-filter-list-height: 160px !default;
+$field-list-member-filter-list-bigger-height: 125px !default;
+$field-list-member-field-list-height: 200px !default;
+$field-list-toggle-hover-color: $grey-8c !default;
+$pivot-formula-background: $grey-base !default;
+$pivot-text-area-background: $content-border-color !default;
+$field-list-treeview-drag-padding: 6px !default;
+$field-list-treeview-drag-margin: 2px !default;
+$field-list-treeview-drag-bigger-padding: 3px !default;
+$field-list-button-height: 32px !default;
+$field-list-bigger-button-height: 36px !default;
+$field-list-axis-content-height: 133px !default;
+$field-list-drag-icon-color: $grey-dark-font !default;
+$field-list-default-header-font-color: $grey-dark-font !default;
+$field-list-header-height: 28px !default;
+$field-list-bigger-header-height: 30px !default;
+$field-list-icon-container-size: 20px !default;
+$field-list-bigger-icon-container-size: 20px !default;
+$field-list-bigger-icon-size: 16px !default;
+$field-list-header-padding: 15px !default;
+$field-list-bigger-header-padding: 20px !default;
+$field-list-icon-to-text-padding: 8px !default;
+$field-list-bigger-icon-to-text-padding: 10px !default;
+$field-list-icon-to-icon-padding: 4px !default;
+$field-list-bigger-icon-to-icon-padding: 4px !default;
+$field-list-default-bigger-padding-size: 16px !default;
+$field-list-bigger-header-font-size: 14px !default;
+$field-list-bigger-button-font-size: 14px !default;
+$pivot-calculated-header-padding: 4px !default;
+$pivot-calculated-bigger-header-padding: 6px !default;
+$field-list-button-font-size: 13px !default;
+$field-list-button-padding: 9px 12px !default;
+$field-list-bigger-button-padding: 9px 16px !default;
+$field-list-header-icon-size: 14px !default;
+$field-list-bigger-header-icon-size: 16px !default;
+$field-list-header-content-line-height: 1.5em !default;
+$field-list-tree-header-padding: 7px !default;
+$field-list-bigger-tree-header-padding: 8px !default;
+$field-list-editor-label-padding-size: 16px 10px 16px 20px !default;
+$field-list-editor-label-font: 500 13px Helvetica !default;
+$field-list-editor-label-opacity: 1 !default;
+$field-list-editor-label-color: $grey-light-font !default;
+$field-list-editor-label-fill: $grey-f8 !default;
+$field-list-editor-label-excel-width: 312px !default;
+$field-list-editor-label-excel-padding-size: 18px 10px 12px 20px !default;
+$field-list-editor-label-excel-opacity: 100%;
+$field-list-back-font-color: $grey-light-font !default;
+$field-list-mobile-header-color: $grey-lighter !default;
+$field-list-mobile-header-font-color: $grey-light-font !default;
+$field-list-back-margin: 5px !default;
+$field-list-sort-wrapper-padding-size: 10px !default;
+$field-list-sort-select-background-color: $grey-dark !default;
+$field-list-sort-select-border-color: $grey-8c !default;
+$field-list-sort-select-color: $grey-light-font !default;
+$field-list-border: $content-border-color !default;
+$field-list-calc-expand-icon-padding: 8px !default;
+$field-list-search-padding-size: 10px $field-list-title-padding-size !default;
+$field-list-member-prompt-padding-size: 25px 12px !default;
+$field-list-search-popup-table-height: 392px !default;
+$field-list-search-popup-axis-content-height: 162px !default;
+$field-list-search-popup-container-bigger-height: 565px !default;
+$field-list-search-popup-table-bigger-height: 402px !default;
+$field-list-search-popup-axis-table-bigger-height: 404px !default;
+$field-list-search-popup-axis-content-bigger-height: 165px !default;
+$field-list-filter-toolbar-items-margin: 20px !default;
+
+/*! component's adaptive definitions and variables */
+$field-list-adaptive-content-padding-size: 20px !default;
+$field-list-adaptive-footer-padding-size: 15px !default;
+$field-list-adaptive-btn-icon-size: 18px !default;
+$field-list-adaptive-btn-size: 52px !default;
+$field-list-adaptive-icon-height: 50px !default;
+$field-list-adaptive-drag-prompt-height: 200px !default;
+$field-list-adaptive-pivot-button-height: 36px !default;
+$field-list-adaptive-pivot-button-padding: 9px 16px !default;
+$pivot-calculated-formula-font-family:  $font-family !default;
+$pivot-calculated-formula-font-padding: 5px 10px !default;
+$pivot-calculated-header-opacity: .87 !default;
+$pivot-dialog-font-weight: normal !default;
+$pivot-dialog-content-opacity: 1 !default;
+$pivot-dialog-content-padding: 15px !default;
+$pivot-dialog-footer-padding: 15px !default;
+$pivot-dialog-footer-paddingright: 15px !default;
+$field-list-toggle-shadow-color: -1px 1px 4px 0 rgba($shadow, .12) !default;
+$field-list-toggle-left-shadow-color: 1px 1px 4px 0 rgba($shadow, .12) !default;
+$field-list-drag-clone-shadow-color: 0 1px 3px 0 rgba($shadow, .12) !default;
+$field-list-default-header-icon-font-color: $field-list-default-header-font-color !default;
+$pivot-calculated-icon-opacity: 1 !default;
+$field-list-treeview-font-weight: 500 !default;
+$field-list-calc-formula-font-size: 13px !default;
+$field-list-calc-bigger-formula-font-size: 13px !default;
+$field-list-bigger-button-line-height: 1em !default;
+$error-font-color: #f44336 !default;
+
+/*! component's theme wise override definitions and variables */
+$field-list-active-color: $brand-primary !default;
+$field-list-default-font-color: $grey-dark-font !default;
+$field-list-default-formula-font-color: $field-list-default-font-color !default;
+$field-list-cal-button-text-color: $field-list-default-font-color !default;
+$field-list-default-border-color: $grey-8c !default;
+$field-list-default-prompt-color: $grey-f8 !default;
+$field-list-toggle-border-color: $grey-cc !default;
+$field-list-border-type: $border-type !default;
+$field-list-border-size: $border-size !default;
+$field-list-table-background-color: $grey-dark !default;
+$field-list-default-bg-color: $grey-base !default;
+$field-list-default-padding-size: 8px !default;
+$field-list-title-padding-size: 20px !default;
+$field-list-title-font-size: 18px !default;
+$field-list-content-font-size: $font-size !default;
+$field-list-button-font-weight: bold !default;
+$field-list-font-family: $font-family !default;
+$field-list-header-background-color: $grey-lighter !default;
+$field-list-axis-header-color: $field-list-header-background-color !default;
+$field-list-default-fill-color: $grey-white !default;
+$field-list-default-border-radius: 0 !default;
+$field-list-button-font-color: $grey-light-font !default;
+$field-list-button-border-color: $grey-d4 !default;
+$field-list-button-back-color: #f5f5f5 !default;
+$field-list-drag-clone-text-color: $grey-light-font !default;
+$field-list-drag-clone-border-radius: 4px !default;
+$field-list-editor-dialog-footer-padding: 15px !default;
+$field-list-member-filter-list-height: 150px !default;
+$field-list-member-filter-list-bigger-height: 133px !default;
+$field-list-drag-clone-font-size: 14px !default;
+$field-list-button-font-size: 13px !default;
+$field-list-toggle-icon-bigger-size: 20px !default;
+$field-list-toggle-padding-size: 8px !default;
+$field-list-toggle-size: 31px !default;
+$field-list-toggle-bigger-size: 36px !default;
+$pivot-formula-border: $grey-white !default;
+$pivot-text-area-background: $grey-light-font !default;
+$pivot-calculated-header-opacity: 1 !default;
+$pivot-dialog-font-weight: bold !default;
+$pivot-dialog-content-opacity: 1 !default;
+$pivot-dialog-content-padding: 15px !default;
+$pivot-dialog-footer-padding: 15px !default;
+$pivot-dialog-footer-paddingright: 15px !default;
+$field-list-header-content-line-height: 1.5em !default;
+$field-list-bigger-header-content-line-height: 1.6em !default;
+$field-list-header-icon-wrapper-padding: 4px !default;
+$field-list-bigger-header-icon-wrapper-padding: 7px !default;
+$field-list-static-header-icon-wrapper-padding: 4px !default;
+$field-list-static-bigger-header-icon-wrapper-padding: 7px !default;
+$field-list-default-header-font-color: $grey-light-font !default;
+$field-list-tree-icon-color: $field-list-default-header-font-color !default;
+$field-list-default-header-icon-font-color: $grey !default;
+$field-list-button-hover-color: $grey-f9 !default;
+$field-list-button-focus-color: $grey-e6 !default;
+$field-list-treeview-font-weight: bold !default;
+$error-font-color: #a94442 !default;
+$format-label-font-opacity: 1 !default;
+$format-label-font-color: $grey-light-font !default;
+$format-label-font-weight: 600 !default;
+$format-preview-bigger-height: 32px !default;
+$format-preview-border-color: $grey-e6 !default;
+$format-outer-border-color: $grey-8c !default;
+$format-outer-fill-color: $grey-base !default;
+$format-outer-border-radius: 0 !default;
+$format-dialog-width: 625px !default;
+$format-dialog-bigger-width: 670px !default;
+$field-list-excel-member-filter-height: 140px !default;
+$field-list-excel-filter-height: 234px !default;
+$field-list-excel-member-filter-bigger-height: 99px !default;
+$field-list-excel-filter-bigger-height: 213px !default;
+
+/*! component's common definitions and variables */
+$field-list-bigger-excel-dialog-min-width: 350px !default;
+$format-label-font-size: 13px !default;
+$format-label-bigger-font-size: 14px !default;
+$format-preview-height: 28px !default;
+$format-preview-width: 80px !default;
+$olap-tree-wrapper-height: 467px;
+$olap-tree-outer-div-height: 437px;
+$olap-bigger-tree-wrapper-height: 511px;
+$olap-bigger-tree-outer-div-height: 475px;
+$field-list-text-transform: none !default;
+$olap-bigger-tree-width: 283px !default;
+$olap-bigger-tree-outer-div-width: 325px !default;