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

package/styles/material3-dark.css

@@ -2928,61 +2928,6 @@
   background-size: 100% 200px;
 }
 
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 73, 69, 79;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
-}
-
 /*! component's theme wise override definitions and variables */
 /*! component's common definitions and variables */
 /*! field-list component icons */

package/styles/material3-dark.scss

@@ -1,3 +1,4 @@
 
+
 @import 'pivotview/material3-dark.scss';
 @import 'pivotfieldlist/material3-dark.scss';

package/styles/material3.css

@@ -2986,117 +2986,6 @@
   background-size: 100% 200px;
 }
 
-:root {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 103, 80, 164;
-  --color-sf-primary-container: 234, 221, 255;
-  --color-sf-secondary: 98, 91, 113;
-  --color-sf-secondary-container: 232, 222, 248;
-  --color-sf-tertiary: 125, 82, 96;
-  --color-sf-tertiary-container: 255, 216, 228;
-  --color-sf-surface: 255, 255, 255;
-  --color-sf-surface-variant: 231, 224, 236;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 255, 255, 255;
-  --color-sf-on-primary-container: 33, 0, 94;
-  --color-sf-on-secondary: 255, 255, 255;
-  --color-sf-on-secondary-container: 30, 25, 43;
-  --color-sf-on-tertiary: 255, 255, 255;
-  --color-sf-on-tertiary-containe: 55, 11, 30;
-  --color-sf-on-surface: 28, 27, 31;
-  --color-sf-on-surface-variant: 73, 69, 78;
-  --color-sf-on-background: 28, 27, 31;
-  --color-sf-outline: 121, 116, 126;
-  --color-sf-outline-variant: 196, 199, 197;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 103, 80, 164;
-  --color-sf-inverse-surface: 49, 48, 51;
-  --color-sf-inverse-on-surface: 244, 239, 244;
-  --color-sf-inverse-primary: 208, 188, 255;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 179, 38, 30;
-  --color-sf-error-container: 249, 222, 220;
-  --color-sf-on-error: 255, 250, 250;
-  --color-sf-on-error-container: 65, 14, 11;
-  --color-sf-success: 32, 81, 7;
-  --color-sf-success-container: 209, 255, 186;
-  --color-sf-on-success: 244, 255, 239;
-  --color-sf-on-success-container: 13, 39, 0;
-  --color-sf-info: 1, 87, 155;
-  --color-sf-info-container: 233, 245, 255;
-  --color-sf-on-info: 250, 253, 255;
-  --color-sf-on-info-container: 0, 51, 91;
-  --color-sf-warning: 145, 76, 0;
-  --color-sf-warning-container: 254, 236, 222;
-  --color-sf-on-warning: 255, 255, 255;
-  --color-sf-on-warning-container: 47, 21, 0;
-  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
-  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
-  --color-sf-diagram-palette-background: --color-sf-white;
-  --color-sf-success-text: 255, 255, 255;
-  --color-sf-warning-text: 255, 255, 255;
-  --color-sf-danger-text: 255, 255, 255;
-  --color-sf-info-text: 255, 255, 255;
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
-  --color-sf-secondary-bg-color: var(--color-sf-surface);
-}
-
-.e-dark-mode {
-  --color-sf-black: 0, 0, 0;
-  --color-sf-white: 255, 255, 255;
-  --color-sf-primary: 208, 188, 255;
-  --color-sf-primary-container: 79, 55, 139;
-  --color-sf-secondary: 204, 194, 220;
-  --color-sf-secondary-container: 74, 68, 88;
-  --color-sf-tertiary: 239, 184, 200;
-  --color-sf-tertiary-container: 99, 59, 72;
-  --color-sf-surface: 28, 27, 31;
-  --color-sf-surface-variant: 28, 27, 31;
-  --color-sf-background: var(--color-sf-surface);
-  --color-sf-on-primary: 55, 30, 115;
-  --color-sf-on-primary-container: 234, 221, 255;
-  --color-sf-on-secondary: 51, 45, 65;
-  --color-sf-on-secondary-container: 232, 222, 248;
-  --color-sf-on-tertiary: 73, 37, 50;
-  --color-sf-on-tertiary-containe: 255, 216, 228;
-  --color-sf-on-surface: 230, 225, 229;
-  --color-sf-on-surface-variant: 202, 196, 208;
-  --color-sf-on-background: 230, 225, 229;
-  --color-sf-outline: 147, 143, 153;
-  --color-sf-outline-variant: 68, 71, 70;
-  --color-sf-shadow: 0, 0, 0;
-  --color-sf-surface-tint-color: 208, 188, 255;
-  --color-sf-inverse-surface: 230, 225, 229;
-  --color-sf-inverse-on-surface: 49, 48, 51;
-  --color-sf-inverse-primary: 103, 80, 164;
-  --color-sf-scrim: 0, 0, 0;
-  --color-sf-error: 242, 184, 181;
-  --color-sf-error-container: 140, 29, 24;
-  --color-sf-on-error: 96, 20, 16;
-  --color-sf-on-error-container: 249, 222, 220;
-  --color-sf-success: 83, 202, 23;
-  --color-sf-success-container: 22, 62, 2;
-  --color-sf-on-success: 13, 39, 0;
-  --color-sf-on-success-container: 183, 250, 150;
-  --color-sf-info: 71, 172, 251;
-  --color-sf-info-container: 0, 67, 120;
-  --color-sf-on-info: 0, 51, 91;
-  --color-sf-on-info-container: 173, 219, 255;
-  --color-sf-warning: 245, 180, 130;
-  --color-sf-warning-container: 123, 65, 0;
-  --color-sf-on-warning: 99, 52, 0;
-  --color-sf-on-warning-container: 255, 220, 193;
-  --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
-  --color-sf-success-text: 0, 0, 0;
-  --color-sf-warning-text: 0, 0, 0;
-  --color-sf-info-text: 0, 0, 0;
-  --color-sf-danger-text: 0, 0, 0;
-  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
-  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
-}
-
 /*! component's theme wise override definitions and variables */
 /*! component's common definitions and variables */
 /*! field-list component icons */

package/styles/material3.scss

@@ -1,3 +1,4 @@
 
+
 @import 'pivotview/material3.scss';
 @import 'pivotfieldlist/material3.scss';

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,231 @@
+/*! 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-99 !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-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-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-tree-outer-div-height: 310px !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-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-static-field-table-height: 210px !default;
+$field-list-static-field-table-outer-div-height: 180px !default;
+$field-list-search-popup-min-height: 540px !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: 580px !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-popup-axis-content-bigger-height: $field-list-axis-content-height !default;
+$field-list-search-static-field-table-height: 262px !default;
+$field-list-filter-toolbar-items-margin: 20px !default;
+$field-list-treeview-ul-padding: 4px !default;
+$field-list-treeview-li-padding: 2px !default;
+$field-list-treeview-bigger-ul-padding: 5px !default;
+$field-list-treeview-bigger-li-padding: 0 !default;
+$field-list-treeview-mobile-ul-padding: 48px !default;
+$field-list-treeview-mobile-li-padding: 0 !default;
+$field-list-calc-list-icon: 8px !default;
+$field-list-calc-list-icon-rtl: 3px !default;
+$pivot-formatting-format-table-data-padding-right: 18px !default;
+$field-list-default-header-font-size: $field-list-header-font-size !default;
+$field-list-value-field-caption-font-size: 13px !default;
+$field-list-value-field-option-text-font-size: $field-list-value-field-caption-font-size !default;
+$field-list-dialog-radius: $field-list-default-border-radius !default;
+$field-list-table-header-padding: 0 0 0 $field-list-header-padding !default;
+$field-list-table-header-font-weight: normal !default;
+$field-list-calc-dialog-iconspace-margin-right: 12px !default;
+$field-list-member-editor-search-padding: 0 $field-list-editor-search-padding-size 10px !default;
+$field-list-member-editor-node-limit-outer-div-bigger-height: 100px !default;
+$field-list-member-editor-bigger-height: 400px !default;
+$field-list-member-editor-node-limit-bigger-height: 450px !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: 0 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;
+$field-list-adaptive-outerdiv-height: 190px !default;
+
+/*! component's theme wise override definitions and variables */
+$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-default-bg-color: $grey-base !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-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: 121px !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;
+$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: 143px !default;
+$field-list-excel-member-filter-node-limit-height: 140px !default;
+$field-list-excel-filter-height: 234px !default;
+$field-list-excel-member-filter-bigger-height: 102px !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;

package/styles/pivotfieldlist/_bootstrap-definition.scss

@@ -0,0 +1,213 @@
+/*! component's theme wise override definitions and variables */
+$field-list-skin: 'bootstrap' !default;
+$field-list-active-color: $brand-primary !default;
+$field-list-default-font-color: $grey-light-font !default;
+$field-list-default-formula-font-color: $field-list-default-font-color !default;
+$field-list-default-border-color: $grey-e6 !default;
+$field-list-drag-default-border-color: $field-list-default-border-color !default;
+$field-list-default-prompt-color: $field-list-default-border-color !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-white !default;
+$field-list-default-bg-color: $default-bg-color !default;
+$field-list-default-padding-size: 8px !default;
+$field-list-title-padding-size: 20px !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: 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-drop-hover-color: $grey-99 !default;
+$field-list-toggle-bg-color: $grey-f5 !default;
+$field-list-button-font-color: $grey-light-font !default;
+$field-list-button-border-color: $grey-d4 !default;
+$field-list-button-back-color: $grey-f5 !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: 121px !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-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;
+$field-list-toggle-hover-color: $grey-99 !default;
+$pivot-formula-background: $grey-white !default;
+$pivot-formula-border: $grey-e6 !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-button-icon-color: $grey-light-font !default;
+$field-list-icon-hover-color: $grey-light-font !default;
+$field-list-treeview-font-weight: bold !default;
+$error-font-color: $brand-danger-dark !default;
+$field-list-excel-member-filter-height: 143px !default;
+$field-list-excel-member-filter-node-limit-height: 140px !default;
+$field-list-excel-filter-height: 234px !default;
+$field-list-excel-member-filter-bigger-height: 102px !default;
+$field-list-excel-filter-bigger-height: 204px !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-e6 !default;
+$format-outer-fill-color: $grey-white !default;
+$format-outer-border-radius: 0 !default;
+$format-dialog-width: 625px !default;
+$format-dialog-bigger-width: 670px !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-e6 !default;
+$field-list-sort-select-border-color: $grey-ad !default;
+$field-list-sort-select-color: $grey-dark !default;
+$field-list-border: $field-list-default-border-color !default;
+$field-list-cal-button-text-color: $field-list-default-font-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-static-field-table-height: 210px !default;
+$field-list-static-field-table-outer-div-height: 180px !default;
+$field-list-search-popup-min-height: 540px !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: 582px !default;
+$field-list-search-popup-table-bigger-height: 400px !default;
+$field-list-search-popup-axis-table-bigger-height: 404px !default;
+$field-list-search-popup-axis-content-bigger-height: 165px !default;
+$field-list-axis-content-height: 133px !default;
+$field-list-popup-axis-content-bigger-height: $field-list-axis-content-height !default;
+$field-list-search-static-field-table-height: 263px !default;
+$field-list-filter-toolbar-items-margin: 20px !default;
+$field-list-treeview-ul-padding: 4px !default;
+$field-list-treeview-li-padding: 2px !default;
+$field-list-treeview-bigger-ul-padding: 5px !default;
+$field-list-treeview-bigger-li-padding: 0 !default;
+$field-list-treeview-mobile-ul-padding: 48px !default;
+$field-list-treeview-mobile-li-padding: 0 !default;
+$field-list-calc-list-icon: 8px !default;
+$field-list-calc-list-icon-rtl: 3px !default;
+$field-list-header-font-size: 13px !default;
+$field-list-header-padding: 15px !default;
+$field-list-tree-header-padding: 7px !default;
+$pivot-formatting-format-table-data-padding-right: 18px !default;
+$field-list-default-header-font-size: $field-list-header-font-size !default;
+$field-list-value-field-caption-font-size: 13px !default;
+$field-list-value-field-option-text-font-size: $field-list-value-field-caption-font-size !default;
+$field-list-dialog-radius: $field-list-default-border-radius !default;
+$field-list-table-header-padding: 0 0 0 $field-list-header-padding !default;
+$field-list-table-header-font-weight: normal !default;
+$field-list-calc-dialog-iconspace-margin-right: 12px !default;
+$field-list-editor-search-padding-size: 20px !default;
+$field-list-member-editor-search-padding: 0 $field-list-editor-search-padding-size 10px !default;
+$field-list-member-editor-node-limit-outer-div-bigger-height: 100px !default;
+$field-list-member-editor-bigger-height: 400px !default;
+$field-list-member-editor-node-limit-bigger-height: 450px !default;
+
+/*! component's common definitions and variables */
+$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-selected-color: rgba($header-bg-color, .87) !default;
+$field-list-button-color: $grey-white !default;
+$field-list-header-text-transform: none !default;
+$field-list-icon-size: 14px !default;
+$field-list-toggle-icon-size: 17px !default;
+$field-list-member-filter-list-padding-size: -35px !default;
+$field-list-member-field-list-height: 200px !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-bigger-header-padding: 20px !default;
+$field-list-bigger-header-font-size: 14px !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-bigger-tree-header-padding: 8px !default;
+$field-list-bigger-excel-dialog-min-width: 350px !default;
+$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: 0 16px !default;
+$field-list-toggle-font-color: rgba($content-font-color, .54) !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-calc-formula-font-size: 13px !default;
+$field-list-calc-bigger-formula-font-size: 13px !default;
+$format-label-font-size: 13px !default;
+$format-label-bigger-font-size: 14px !default;
+$format-preview-height: 28px !default;
+$format-preview-width: 80px !default;
+$field-list-button-active-color: $content-font-color !default;
+$field-list-drag-clone-bg-color: $content-bg-color !default;
+$field-list-drag-icon-color: #bdbdbd !default;
+$field-list-header-height: 28px !default;
+$field-list-tree-outer-div-height: 310px !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-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-button-font-size: 14px !default;
+$pivot-calculated-header-padding: 4px !default;
+$pivot-calculated-bigger-header-padding: 6px !default;
+$pivot-calculated-formula-font-family: $font-family !default;
+$pivot-calculated-formula-font-padding: 5px 10px !default;
+$pivot-calculated-icon-opacity: 1 !default;
+$field-list-bigger-button-line-height: 1em !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;
+$field-list-adaptive-outerdiv-height: 176px !default;