@syncfusion/ej2-angular-spreadsheet 21.1.38-ngcc → 21.1.38

package/styles/spreadsheet/_material-dark-definition.scss

@@ -0,0 +1,216 @@
+//default
+$sheet-skin: 'material-dark' !default;
+$spreadsheet-border-color: $grey-700 !default;
+$spreadsheet-border-width: 1px;
+$spreadsheet-border: $spreadsheet-border-width solid $spreadsheet-border-color !default;
+$header-cell-bg-color: $grey-900 !default;
+$header-cell-color: $grey-300 !default;
+$select-all-size: 26px !default;
+$select-all-bg-color: $spreadsheet-border-color !default;
+$select-all-hover-bg-color: $grey-500 !default;
+$select-all-active-bg-color: $accent !default;
+$cell-background: #fff !default;
+$cell-color: #000 !default;
+$cell-border-color: $grey-300 !default;
+$hdr-cell-border-color: $grey-800 !default;
+$dlg-error-color: #dd2c2c !default;
+$agg-clr: #fff !default;
+$header-cell-font-size: 12px !default;
+$open-dlg-file-alert-span-font-size: 12px !default;
+$goto-dlg-btn-font-size: 12px !default;
+$numformat-ddb-preview-font-size: 12px !default;
+$aggregate-list-font-size: 14px !default;
+$header-cell-font-weight: 500 !default;
+$spreadsheet-tbar-btn-icon-font-size: 16px !default;
+$spreadsheet-cpicker-font-color-font-size: 13px !default;
+$spreadsheet-cpicker-fill-color-font-size: 14px !default;
+$aggregate-list-font-size: 16px !default;
+$bigger-spreadsheet-tbar-btn-icon-font-size: 18px !default;
+$spreadsheet-drop-icon-font-size: 12px !default;
+
+//enddefault
+//selection
+$selection-border-color: $accent !default;
+$selection-bg-color: rgba($selection-border-color, .25) !default;
+$hdr-selection-bg-color: $grey-700 !default;
+$hdr-selection-border: 1px solid !default;
+$hdr-selection-border-color: $grey-600 !default;
+$hdr-selection-color: $grey-dark-font !default;
+$hdr-hover-bg-color: $grey-800 !default;
+$copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///wCw/////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3Mjk5OUJFRDg3NjExRTlBOTBCQjQ4MDRFMEZBODFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3Mjk5OUJGRDg3NjExRTlBOTBCQjQ4MDRFMEZBODFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzcyOTk5QkNEODc2MTFFOUE5MEJCNDgwNEUwRkE4MUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzcyOTk5QkREODc2MTFFOUE5MEJCNDgwNEUwRkE4MUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABgAEAAACB4wDcJh6uQoAIfkEBQMAAgAsAAAAAAYABAAAAgiMAXYZqM1CAQAh+QQFAwACACwBAAAABAAEAAACBhQUhnksBQAh+QQFAwACACwBAAAABAAEAAACBoQihpcMBQAh+QQFAwACACwAAAAABgAEAAACBwSCYcl6aQoAIfkEBQMAAgAsAAAAAAYABAAAAghEHmComHtAAQA7' !default;
+$copy-indicator-l-r: 'data:image/gif;base64,R0lGODlhBAAGAJECAP///wCw/////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyNjQ0RjMxRDg3NTExRTlCQzUyQUZDODAyRTUzODhDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyNjQ0RjMyRDg3NTExRTlCQzUyQUZDODAyRTUzODhDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI2NDRGMkZEODc1MTFFOUJDNTJBRkM4MDJFNTM4OEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI2NDRGMzBEODc1MTFFOUJDNTJBRkM4MDJFNTM4OEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABAAGAAACBwQShsurCQoAIfkEBQMAAgAsAAAAAAQABgAAAgeMA2B5qN4KACH5BAUDAAIALAAAAQAEAAQAAAIFjAOpeVEAIfkEBQMAAgAsAAABAAQABAAAAgZMAIaoGQUAIfkEBQMAAgAsAAAAAAQABgAAAghMAIbGvJdCAQAh+QQFAwACACwAAAAABAAGAAACB4QRqctxUAAAOw==' !default;
+
+//end selection
+//Tab
+$sheets-btn-height: 34px !default;
+$msheets-btn-height: 46px !default;
+$sheet-tab-panel-bg-color: $grey-900 !default;
+$sheet-tab-bg-color: $sheet-tab-panel-bg-color !default;
+$sheet-tab-hover-bg-color: $grey-800 !default;
+$sheet-tab-active-bg-color: $grey-700 !default;
+$sheet-tab-color: #e3e3e3 !default;
+$sheet-tab-indicator-color: #05a7f1 !default;
+$select-icon-color: $accent !default;
+$sheet-tab-btn-icon-color: $grey-dark-font !default;
+
+//End Tab
+//Formula bar
+$formula-bar-bg-color: $grey-dark !default;
+$formula-bar-font-size: 13px !default;
+$bigger-formula-bar-font-size: 14px !default;
+$name-box-width: 92px !default;
+$namebox-icon-size: 8px !default;
+$formula-textarea-width: calc(100% - 146px) !default;
+$formula-bar-color: $grey-dark-font !default;
+$mformula-bar-height: 42px !default;
+$expand-icon-margin: 4px !default;
+$formula-submit-btn-icon-font-size: 16px !default;
+$formula-bar-drop-icon-font-size: 10px !default;
+$formula-bar-btn-icon-font-size: 18px !default;
+$bigger-name-box-ddl-icon-font-size: 20px !default;
+$bigger-insert-function-btn-icon-font-size: 18px !default;
+$bigger-formula-bar-drop-icon-font-size: 18px !default;
+
+//End formula bar
+//Insert dialog box
+$dlg-list-border: $spreadsheet-border-width solid $grey-500 !default;
+$dlg-description-font-weight: 500 !default;
+$dlg-content-padding: 18px !default;
+$dlg-category-margin-bottom: 0 !default;
+$dlg-min-height: 480px !default;
+$function-dlg-header-content-font-size: 16px !default;
+$dlg-category-content-font-size: 12px !default;
+$dlg-description-content-font-size: 14px !default;
+$dlg-category-content-font-weight: 500 !default;
+
+//End Insert dialogbox
+//Ribbon
+$fontsize-btn-width: 55px !default;
+$bigger-fontsize-btn-width: 70px !default;
+$align-ddb-item-height: 28px !default;
+$align-ddb-ul-padding: 8px !default;
+$align-ddb-item-padding: 0 7px !default;
+$align-ddb-item-margin: 0 !default;
+$ctrl-btn-padding: 16px !default;
+$spreadsheet-ribbon-btn-width: 22px !default;
+$spreadsheet-ribbon-btn-height: 23px !default;
+$spreadsheet-ribbon-btn-padding: 1.5px !default;
+$bigger-spreadsheet-ribbon-btn-height: 34px !default;
+$bigger-spreadsheet-ribbon-btn-padding: 6px !default;
+$cpicker-btn-width: 24px !default;
+$bigger-cpicker-btn-width: 31px !default;
+$menu-extension-padding: 10px !default;
+$spreadsheet-ribbon-item-hover-border-color: transparent !default;
+$spreadsheet-ribbon-item-active-border-color: transparent !default;
+$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
+$normal-btn-padding: 7px !default;
+
+//End Ribbon
+//Sorting
+$sort-error-bg-color: #fce7e9;
+$sort-error-font-color: #333;
+$sort-dlg-listwrapper-text-font-size: 12px !default;
+$sort-dlg-error-font-size: 12px !default;
+
+//End Sorting
+//Hyperlink
+$hyper-doc-border-color: #c8c8c8 !default;
+$hyper-text-border: #979797 !default;
+$hyperlink-dlg-header-content-font-size: 18px !default;
+$hyperlink-dlg-content-header-font-size: 14px !default;
+$hyperlink-dlg-content-text-font-size: 14px !default;
+$link-dialog-tab-text-font-size: 14px !default;
+
+//End Hyperlink
+//Filtering
+$filter-icon-margin-bottom: 0 !default;
+$filter-icon-bigger-margin-bottom: 12px !default;
+$filter-selectall-padding: 22px !default;
+$filter-selectall-bigger-padding: 27px !default;
+$filter-icon-before-font-size: 20px !default;
+
+//End Filtering
+//Find And Replace
+$find-popup-border-top-color: #fafafa !default;
+$find-popup-border-color: #e0e0e0 !default;
+$find-tool-dlg-width: 330px !default;
+$find-tool-dlg-height: 46px !default;
+$find-dlg-width: 470px !default;
+$bigger-find-tool-dlg-width: 403px !default;
+$bigger-find-tool-dlg-height: 62px !default;
+$bigger-find-goto-dlg-height: 241px !default;
+$find-dlg-alert-span-font-size: 12px !default;
+$bigger-find-dlg-btn-font-size: 12px !default;
+$find-dlg-header-font-weight: 500 !default;
+
+//End Find And Replace
+//Protect Sheet
+$protect-dlg-height: 470px !default;
+$protect-dlg-width: 287px !default;
+$protect-sheet-dlg-password-header-font-size: 14px !default;
+$unprotect-sheet-dlg-header-font-size: 18px !default;
+$unprotectsheet-alert-span-font-size: 12px !default;
+$unprotectsheet-content-header-font-size: 14px !default;
+$reenterpwd-dlg-content-header-font-size: 18px !default;
+$reenterpwd-dlg-alert-span-font-size: 12px !default;
+$reenterpwd-dlg-content-header-font-size: 14px !default;
+$protect-checkbox-label-font-size: 14px !default;
+$protectworkbook-dlg-header-font-size: 18px !default;
+$protectworkbook-dlg-alert-span-font-size: 12px !default;
+$protectworkbook-dlg-content-header-font-size: 12px !default;
+$unprotectworkbook-dlg-content-header-font-size: 14px !default;
+$importprotectworkbook-dlg-content-header-font-size: 14px !default;
+$protectworkbook-dlg-pwd-alert-span-font-size: 14px !default;
+$protectworkbook-dlg-pwd-content-font-size: 14px !default;
+$protect-content-font-size: 14px !default;
+
+//End Protect Sheet
+//Conditional Formatting
+$ele-color: #616161;
+$ele-hover-color: #eee;
+$dark-ele-color: #303030;
+$dark-ele-hover-color: rgba(255, 255, 255, .1) !default;
+$cf-dlg-content-font-weight: 500 !default;
+$cf-menu-icon-font-size: 16px !default;
+
+//End Conditional Formatting
+//Formula selection
+$vborder-selection: #673ab8;
+$pborder-selection: #9c27b0;
+$cborder-selection: #029688;
+$gborder-selection: #4caf51;
+$oborder-selection: #fe9800;
+$bborder-selection: #3f52b5;
+
+//End Formula selection
+//Freeze pane
+$freezepane-color: $grey-500 !default;
+
+//End Freeze pane
+$mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
+
+//Custom Format
+$custom-listview-color: #ddd;
+
+//End Custom Format
+//File Name Dialog
+$open-dlg-width: 340px !default;
+$file-menu-extension-font-size: 14px !default;
+
+//End File Name Dialog
+//Data Validation
+$bigger-validation-list-icon-bottom: 12px !default;
+$validation-dlg-content-header-font-size: 14px !default;
+$validation-dlg-content-input-font-size: 14px !default;
+$validation-dlg-error-font-size: 12px !default;
+$validationerror-dlg-content-font-size: 14px !default;
+
+//End Data Validation
+//Chart
+$title-dlg-content-header-font-size: 16px !default;
+$title-dlg-content-input-font-size: 14px !default;
+$spreadsheet-switch-row-column-icon-font-size: 18px !default;
+$spreadsheet-addchart-icon-font-size: 18px !default;
+$spreadsheet-chart-icon-font-size: 32px !default;
+
+//End Chart

package/styles/spreadsheet/_material-definition.scss

@@ -0,0 +1,214 @@
+//default
+$sheet-skin: 'material' !default;
+$spreadsheet-border-color: $grey-300 !default;
+$spreadsheet-border-width: 1px;
+$spreadsheet-border: $spreadsheet-border-width solid $spreadsheet-border-color !default;
+$header-cell-bg-color: $grey-100 !default;
+$header-cell-color: $grey-600 !default;
+$select-all-size: 26px !default;
+$select-all-bg-color: $spreadsheet-border-color !default;
+$select-all-hover-bg-color: $grey-400 !default;
+$select-all-active-bg-color: $accent !default;
+$cell-background: #fff !default;
+$cell-color: #000 !default;
+$cell-border-color: $spreadsheet-border-color !default;
+$hdr-cell-border-color: $cell-border-color !default;
+$dlg-error-color: #dd2c2c !default;
+$agg-clr: #808080;
+$header-cell-font-size: 12px !default;
+$open-dlg-file-alert-span-font-size: 12px !default;
+$goto-dlg-btn-font-size: 12px !default;
+$numformat-ddb-preview-font-size: 12px !default;
+$aggregate-list-font-size: 14px !default;
+$header-cell-font-weight: 500 !default;
+$spreadsheet-tbar-btn-icon-font-size: 16px !default;
+$spreadsheet-cpicker-font-color-font-size: 13px !default;
+$spreadsheet-cpicker-fill-color-font-size: 14px !default;
+$aggregate-list-font-size: 16px !default;
+$bigger-spreadsheet-tbar-btn-icon-font-size: 18px !default;
+$spreadsheet-drop-icon-font-size: 12px !default;
+
+//enddefault
+//selection
+$selection-bg-color: rgba($accent, .12) !default;
+$selection-border-color: $accent !default;
+$hdr-selection-bg-color: #e6e6e6 !default;
+$hdr-selection-border: 1px solid !default;
+$hdr-selection-border-color: darken($grey-300, 8%) !default;
+$hdr-selection-color: $grey-800 !default;
+$hdr-hover-bg-color: $grey-200 !default;
+$copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///+MWW////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxQUZDQkFFRDA5RDExRTk4MkNCQTM1MkJFMzIzQUNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkxQUZDQkFGRDA5RDExRTk4MkNCQTM1MkJFMzIzQUNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTFBRkNCQUNEMDlEMTFFOTgyQ0JBMzUyQkUzMjNBQ0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTFBRkNCQUREMDlEMTFFOTgyQ0JBMzUyQkUzMjNBQ0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABgAEAAACB4wDcJh6uQoAIfkEBQMAAgAsAAAAAAYABAAAAgiMAXYZqM1CAQAh+QQFAwACACwBAAAABAAEAAACBhQUhnksBQAh+QQFAwACACwBAAAABAAEAAACBoQihpcMBQAh+QQFAwACACwAAAAABgAEAAACBwSCYcl6aQoAIfkEBQMAAgAsAAAAAAYABAAAAghEHmComHtAAQA7' !default;
+$copy-indicator-l-r: 'data:image/gif;base64,R0lGODlhBAAGAJECAP///+MWW////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5NjE5RUMyQ0VERDExRTk4M0E3RjQ4OEYzQTRFOUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY5NjE5RUMzQ0VERDExRTk4M0E3RjQ4OEYzQTRFOUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njk2MTlFQzBDRUREMTFFOTgzQTdGNDg4RjNBNEU5RUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Njk2MTlFQzFDRUREMTFFOTgzQTdGNDg4RjNBNEU5RUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABAAGAAACBwQShsurCQoAIfkEBQMAAgAsAAAAAAQABgAAAgeMA2B5qN4KACH5BAUDAAIALAAAAQAEAAQAAAIFjAOpeVEAIfkEBQMAAgAsAAABAAQABAAAAgZMAIaoGQUAIfkEBQMAAgAsAAAAAAQABgAAAghMAIbGvJdCAQAh+QQFAwACACwAAAAABAAGAAACB4QRqctxUAAAOw==' !default;
+
+//end selection
+//Tab
+$sheets-btn-height: 34px !default;
+$msheets-btn-height: 46px !default;
+$sheet-tab-panel-bg-color: $grey-50 !default;
+$sheet-tab-bg-color: $sheet-tab-panel-bg-color !default;
+$sheet-tab-hover-bg-color: $hdr-selection-bg-color !default;
+$sheet-tab-active-bg-color: $grey-white !default;
+$select-icon-color: rgba(0, 0, 0, .87) !default;
+$sheet-tab-btn-icon-color: rgba($grey-light-font, .54) !default;
+
+//End Tab
+//Formula bar
+$formula-bar-bg-color: $grey-white !default;
+$formula-bar-font-size: 13px !default;
+$bigger-formula-bar-font-size: 14px !default;
+$name-box-width: 92px !default;
+$namebox-icon-size: 8px !default;
+$formula-textarea-width: calc(100% - 146px) !default;
+$formula-bar-color: #515151 !default;
+$mformula-bar-height: 42px !default;
+$expand-icon-margin: 4px !default;
+$formula-submit-btn-icon-font-size: 16px !default;
+$formula-bar-drop-icon-font-size: 10px !default;
+$formula-bar-btn-icon-font-size: 18px !default;
+$bigger-name-box-ddl-icon-font-size: 20px !default;
+$bigger-insert-function-btn-icon-font-size: 18px !default;
+$bigger-formula-bar-drop-icon-font-size: 18px !default;
+
+//End formula bar$header-cell-color
+//Insert dialog box
+$dlg-list-border: $spreadsheet-border !default;
+$dlg-description-font-weight: 500 !default;
+$dlg-content-padding: 18px !default;
+$dlg-category-margin-bottom: 0 !default;
+$dlg-min-height: 480px !default;
+$function-dlg-header-content-font-size: 16px !default;
+$dlg-category-content-font-size: 12px !default;
+$dlg-description-content-font-size: 14px !default;
+$dlg-category-content-font-weight: 500 !default;
+
+//End Insert dialogbox
+//Ribbon
+$fontsize-btn-width: 55px !default;
+$bigger-fontsize-btn-width: 70px !default;
+$align-ddb-item-height: 28px !default;
+$align-ddb-ul-padding: 8px !default;
+$align-ddb-item-padding: 0 7px !default;
+$align-ddb-item-margin: 0 !default;
+$ctrl-btn-padding: 16px !default;
+$spreadsheet-ribbon-btn-width: 22px !default;
+$spreadsheet-ribbon-btn-height: 23px !default;
+$spreadsheet-ribbon-btn-padding: 1.5px !default;
+$bigger-spreadsheet-ribbon-btn-height: 34px !default;
+$bigger-spreadsheet-ribbon-btn-padding: 6px !default;
+$cpicker-btn-width: 24px !default;
+$bigger-cpicker-btn-width: 31px !default;
+$menu-extension-padding: 10px !default;
+$spreadsheet-ribbon-item-hover-border-color: transparent !default;
+$spreadsheet-ribbon-item-active-border-color: transparent !default;
+$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
+$normal-btn-padding: 7px !default;
+
+//End Ribbon
+//Sorting
+$sort-error-bg-color: #fce7e9;
+$sort-error-font-color: #333;
+$sort-dlg-listwrapper-text-font-size: 12px !default;
+$sort-dlg-error-font-size: 12px !default;
+
+//End Sorting
+//Hyperlink
+$hyper-doc-border-color: #c8c8c8 !default;
+$hyper-text-border: #979797 !default;
+$hyperlink-dlg-header-content-font-size: 18px !default;
+$hyperlink-dlg-content-header-font-size: 14px !default;
+$hyperlink-dlg-content-text-font-size: 14px !default;
+$link-dialog-tab-text-font-size: 14px !default;
+
+//End Hyperlink
+//Filtering
+$filter-icon-margin-bottom: 0 !default;
+$filter-icon-bigger-margin-bottom: 12px !default;
+$filter-selectall-padding: 22px !default;
+$filter-selectall-bigger-padding: 27px !default;
+$filter-icon-before-font-size: 20px !default;
+
+//End Filtering
+//Find And Replace
+$find-popup-border-top-color: #fafafa !default;
+$find-popup-border-color: #e0e0e0 !default;
+$find-tool-dlg-width: 328px !default;
+$find-tool-dlg-height: 45px !default;
+$find-dlg-width: 468px !default;
+$bigger-find-tool-dlg-width: 403px !default;
+$bigger-find-tool-dlg-height: 59px !default;
+$bigger-find-goto-dlg-height: 236px !default;
+$find-dlg-alert-span-font-size: 12px !default;
+$bigger-find-dlg-btn-font-size: 12px !default;
+$find-dlg-header-font-weight: 500 !default;
+
+//End Find And Replace
+//Protect Sheet
+$protect-dlg-height: 470px !default;
+$protect-dlg-width: 287px !default;
+$protect-sheet-dlg-password-header-font-size: 14px !default;
+$unprotect-sheet-dlg-header-font-size: 18px !default;
+$unprotectsheet-alert-span-font-size: 12px !default;
+$unprotectsheet-content-header-font-size: 14px !default;
+$reenterpwd-dlg-content-header-font-size: 18px !default;
+$reenterpwd-dlg-alert-span-font-size: 12px !default;
+$reenterpwd-dlg-content-header-font-size: 14px !default;
+$protect-checkbox-label-font-size: 14px !default;
+$protectworkbook-dlg-header-font-size: 18px !default;
+$protectworkbook-dlg-alert-span-font-size: 12px !default;
+$protectworkbook-dlg-content-header-font-size: 12px !default;
+$unprotectworkbook-dlg-content-header-font-size: 14px !default;
+$importprotectworkbook-dlg-content-header-font-size: 14px !default;
+$protectworkbook-dlg-pwd-alert-span-font-size: 14px !default;
+$protectworkbook-dlg-pwd-content-font-size: 14px !default;
+$protect-content-font-size: 14px !default;
+
+//End Protect Sheet
+//Conditional Formatting
+$ele-color: #616161;
+$ele-hover-color: #eee;
+$dark-ele-color: #303030;
+$dark-ele-hover-color: rgba(255, 255, 255, .1) !default;
+$cf-dlg-content-font-weight: 500 !default;
+$cf-menu-icon-font-size: 16px !default;
+
+//End Conditional Formatting
+//Formula selection
+$vborder-selection: #673ab8;
+$pborder-selection: #9c27b0;
+$cborder-selection: #029688;
+$gborder-selection: #4caf51;
+$oborder-selection: #fe9800;
+$bborder-selection: #3f52b5;
+
+//End Formula selection
+//Freeze pane
+$freezepane-color: $grey-500 !default;
+
+//End Freeze pane
+$mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
+
+//Custom Format
+$custom-listview-color: #ddd;
+
+//End Custom Format
+//File Name Dialog
+$open-dlg-width: 340px !default;
+$file-menu-extension-font-size: 14px !default;
+
+//End File Name Dialog
+//Data Validation
+$bigger-validation-list-icon-bottom: 9px !default;
+$validation-dlg-content-header-font-size: 14px !default;
+$validation-dlg-content-input-font-size: 14px !default;
+$validation-dlg-error-font-size: 12px !default;
+$validationerror-dlg-content-font-size: 14px !default;
+
+//End Data Validation
+//Chart
+$title-dlg-content-header-font-size: 16px !default;
+$title-dlg-content-input-font-size: 14px !default;
+$spreadsheet-switch-row-column-icon-font-size: 18px !default;
+$spreadsheet-addchart-icon-font-size: 18px !default;
+$spreadsheet-chart-icon-font-size: 32px !default;
+
+//End Chart

package/styles/spreadsheet/_tailwind-dark-definition.scss

@@ -0,0 +1 @@
+@import './tailwind-definition.scss';

package/styles/spreadsheet/_tailwind-definition.scss

@@ -0,0 +1,224 @@
+//default
+$sheet-skin: 'tailwind' !default;
+$spreadsheet-border-width: 1px;
+$select-all-size: 26px !default;
+$select-all-hover-bg-color: $content-bg-color-alt2 !default;
+$select-all-active-bg-color: $primary !default;
+$cell-background: $white !default;
+$cell-color: $black !default;
+$cell-border-color: $border-light !default;
+$hdr-cell-border-color: $border-light !default;
+$dlg-error-color: $danger !default;
+$agg-clr: $content-text-color-alt2;
+$header-cell-bg-color: $content-bg-color-alt1 !default;
+$header-cell-color: $content-text-color-alt2 !default;
+$spreadsheet-border-color: $border-light !default;
+$spreadsheet-border: $spreadsheet-border-width solid $spreadsheet-border-color !default;
+$select-all-bg-color: $spreadsheet-border-color !default;
+$header-cell-font-size: $text-xs !default;
+$open-dlg-file-alert-span-font-size: $text-xs !default;
+$goto-dlg-btn-font-size: $text-xs !default;
+$numformat-ddb-preview-font-size: $text-xs !default;
+$aggregate-list-font-size: $text-sm !default;
+$header-cell-font-weight: $font-weight-medium !default;
+$spreadsheet-tbar-btn-icon-font-size: $font-icon-16 !default;
+$spreadsheet-cpicker-font-color-font-size: $font-icon-13 !default;
+$spreadsheet-cpicker-fill-color-font-size: $font-icon-14 !default;
+$aggregate-list-font-size: $font-icon-16 !default;
+$bigger-spreadsheet-tbar-btn-icon-font-size: $font-icon-18 !default;
+$spreadsheet-drop-icon-font-size: $font-icon-12 !default;
+
+//enddefault
+//selection
+$selection-bg-color: rgba($primary, .12) !default;
+$selection-border-color: $primary !default;
+$hdr-selection-bg-color: $content-bg-color-alt3 !default;
+$hdr-selection-border: 1px solid !default;
+$hdr-selection-border-color: darken($border-light, 8%) !default;
+$hdr-selection-color: $content-text-color-alt2 !default;
+$hdr-hover-bg-color: $content-bg-color-alt2;
+$copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///zF6uf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFMTA1Q0MyRDA5RTExRTlBRTg3ODJBNDEwNzEwQzM3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFMTA1Q0MzRDA5RTExRTlBRTg3ODJBNDEwNzEwQzM3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUUxMDVDQzBEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUUxMDVDQzFEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABgAEAAACB4wDcJh6uQoAIfkEBQMAAgAsAAAAAAYABAAAAgiMAXYZqM1CAQAh+QQFAwACACwBAAAABAAEAAACBhQUhnksBQAh+QQFAwACACwBAAAABAAEAAACBoQihpcMBQAh+QQFAwACACwAAAAABgAEAAACBwSCYcl6aQoAIfkEBQMAAgAsAAAAAAYABAAAAghEHmComHtAAQA7' !default;
+$copy-indicator-l-r: 'data:image/gif;base64,R0lGODlhBAAGAJECAP///zF6uf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCRjU1MTE3RDA5RTExRTk5MDI5QkZFNEQyRkFENUU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCRjU1MTE4RDA5RTExRTk5MDI5QkZFNEQyRkFENUU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEJGNTUxMTVEMDlFMTFFOTkwMjlCRkU0RDJGQUQ1RTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEJGNTUxMTZEMDlFMTFFOTkwMjlCRkU0RDJGQUQ1RTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABAAGAAACBwQShsurCQoAIfkEBQMAAgAsAAAAAAQABgAAAgeMA2B5qN4KACH5BAUDAAIALAAAAQAEAAQAAAIFjAOpeVEAIfkEBQMAAgAsAAABAAQABAAAAgZMAIaoGQUAIfkEBQMAAgAsAAAAAAQABgAAAghMAIbGvJdCAQAh+QQFAwACACwAAAAABAAGAAACB4QRqctxUAAAOw==' !default;
+
+//end selection
+//Tab
+$sheets-btn-height: 34px !default;
+$msheets-btn-height: 46px !default;
+$sheet-tab-panel-bg-color: $content-bg-color-alt2 !default;
+$sheet-tab-bg-color: $content-bg-color-alt2 !default;
+$sheet-tab-active-bg-color: $content-bg-color-alt1 !default;
+$sheet-tab-color: $content-text-color-alt2 !default;
+$sheet-tab-hover-bg-color: $hdr-selection-bg-color !default;
+$sheet-tab-indicator-color: $primary !default;
+$sheet-tab-btn-icon-color: $icon-color;
+$tab-text-color: $primary;
+$select-icon-color: $primary !default;
+
+//End Tab
+//Formula bar
+$formula-bar-font-size: $text-sm !default;
+$bigger-formula-bar-font-size: $text-base !default;
+$name-box-width: 92px !default;
+$namebox-icon-size: 18px !default;
+$formula-textarea-width: calc(100% - 146px) !default;
+$formula-bar-color: $secondary-text-color !default;
+$mformula-bar-height: 42px !default;
+$expand-icon-margin: 4px !default;
+$formula-bar-bg-color: $content-bg-color !default;
+$formula-submit-btn-icon-font-size: $font-icon-16 !default;
+$name-box-icon-font-size: $font-icon-18 !default;
+$formula-bar-drop-icon-font-size: $font-icon-18 !default;
+$formula-bar-btn-icon-font-size: $font-icon-18 !default;
+$bigger-name-box-ddl-icon-font-size: $font-icon-20 !default;
+$bigger-insert-function-btn-icon-font-size: $font-icon-18 !default;
+$bigger-formula-bar-drop-icon-font-size: $font-icon-18 !default;
+
+//End formula bar
+//Insert dialog box
+$dlg-list-border: $spreadsheet-border !default;
+$dlg-description-font-weight: $font-weight-medium !default;
+$dlg-content-padding: 18px !default;
+$dlg-category-margin-bottom: 0 !default;
+$dlg-min-height: 518px !default;
+$function-dlg-header-content-font-size: $text-base !default;
+$dlg-category-content-font-size: $text-xs !default;
+$dlg-description-content-font-size: $text-sm !default;
+$dlg-category-content-font-weight: $font-weight-bold !default;
+
+//End Insert dialogbox
+//Ribbon
+$fontsize-btn-width: 52px !default;
+$bigger-fontsize-btn-width: 64.51px !default;
+$align-ddb-item-height: 28px !default;
+$align-ddb-ul-padding: 8px !default;
+$align-ddb-item-padding: 0 7px !default;
+$align-ddb-item-margin: 0 !default;
+$ctrl-btn-padding: 16px !default;
+$spreadsheet-ribbon-btn-width: 30px !default;
+$spreadsheet-ribbon-btn-height: 30px !default;
+$spreadsheet-ribbon-btn-padding: 1.5px !default;
+$bigger-spreadsheet-ribbon-btn-height: 34px !default;
+$bigger-spreadsheet-ribbon-btn-padding: 6px !default;
+$cpicker-btn-width: 32px !default;
+$bigger-cpicker-btn-width: 36px !default;
+$menu-extension-padding: 12px !default;
+$spreadsheet-ribbon-item-hover-border-color: transparent !default;
+$spreadsheet-ribbon-item-active-border-color: transparent !default;
+$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
+$normal-btn-padding: 8px !default;
+
+//End Ribbon
+//Sorting
+$sort-error-bg-color: $danger-light;
+$sort-error-font-color: $danger-bg-color;
+$sort-dlg-listwrapper-text-font-size: $text-xs !default;
+$sort-dlg-error-font-size: $text-xs !default;
+
+//End Sorting
+//Hyperlink
+$hyper-doc-border-color: $border-light !default;
+$hyperlink-dlg-header-content-font-size: $text-lg !default;
+$hyperlink-dlg-content-header-font-size: $text-sm !default;
+$hyperlink-dlg-content-text-font-size: $text-sm !default;
+$link-dialog-tab-text-font-size: $text-sm !default;
+
+//End Hyperlink
+//Filtering
+$filter-icon-margin-bottom: 0 !default;
+$filter-icon-bigger-margin-bottom: 12px !default;
+$filter-selectall-padding: 19px !default;
+$filter-selectall-bigger-padding: 25px !default;
+$filter-icon-font-size: $font-icon-14 !default;
+$filter-icon-before-font-size: $font-icon-20 !default;
+$bigger-filter-icon-font-size: $font-icon-22 !default;
+
+//End Filtering
+//Find And Replace
+$find-tool-dlg-width: 348px !default;
+$find-tool-dlg-height: 40px !default;
+$find-dlg-width: 468px !default;
+$bigger-find-tool-dlg-width: 419px !default;
+$bigger-find-tool-dlg-height: 50px !default;
+$bigger-find-goto-dlg-height: 256px !default;
+$find-popup-border-top-color: $border-light !default;
+$find-popup-border-color: $border-light !default;
+$find-dlg-alert-span-font-size: $text-xs !default;
+$bigger-find-dlg-btn-font-size: $text-xs !default;
+$find-dlg-header-font-weight: $font-weight-medium !default;
+
+//End Find And Replace
+//Protect Sheet
+$protect-dlg-height: 470px !default;
+$protect-dlg-width: 289px !default;
+$protect-sheet-dlg-password-header-font-size: $text-sm !default;
+$unprotect-sheet-dlg-header-font-size: $text-lg !default;
+$unprotectsheet-alert-span-font-size: $text-xs !default;
+$unprotectsheet-content-header-font-size: $text-sm !default;
+$reenterpwd-dlg-content-header-font-size: $text-lg !default;
+$reenterpwd-dlg-alert-span-font-size: $text-xs !default;
+$reenterpwd-dlg-content-header-font-size: $text-sm !default;
+$protect-checkbox-label-font-size: $text-sm !default;
+$protectworkbook-dlg-header-font-size: $text-lg !default;
+$protectworkbook-dlg-alert-span-font-size: $text-xs !default;
+$protectworkbook-dlg-content-header-font-size: $text-xs !default;
+$unprotectworkbook-dlg-content-header-font-size: $text-sm !default;
+$importprotectworkbook-dlg-content-header-font-size: $text-sm !default;
+$protectworkbook-dlg-pwd-alert-span-font-size: $text-sm !default;
+$protectworkbook-dlg-pwd-content-font-size: $text-sm !default;
+$protect-content-font-size: $text-sm !default;
+
+//End Protect Sheet
+//Conditional Formatting
+$ele-color: $content-bg-color-alt3;
+$ele-hover-color: $content-bg-color-hover;
+$dark-ele-color: $content-bg-color-alt2;
+$dark-ele-hover-color: $content-bg-color-alt3;
+$cf-dlg-content-font-weight: $font-weight-medium !default;
+$cf-menu-icon-font-size: $font-icon-16 !default;
+
+//End Conditional Formatting
+//Formula selection
+$vborder-selection: $spreadsheet-selection-1;
+$pborder-selection: $spreadsheet-selection-2;
+$cborder-selection: $spreadsheet-selection-3;
+$gborder-selection: $spreadsheet-selection-4;
+$oborder-selection: $spreadsheet-selection-5;
+$bborder-selection: $spreadsheet-selection-6;
+
+//End Formula selection
+//Freeze pane
+$freezepane-color: $border-light !default;
+
+//End Freeze pane
+$mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
+
+//Custom Format
+$custom-listview-color: $border-light;
+
+//End Custom Format
+$expand-icon-color: $icon-color !default;
+
+//File Name Dialog
+$open-dlg-width: 360px !default;
+$file-menu-extension-font-size: $text-sm !default;
+
+//File Name Dialog
+//chart icon color
+$chart-icon-color: $primary-bg-color-hover !default;
+
+//Data Validation
+$bigger-validation-list-width: 26px !default;
+$validation-dlg-content-header-font-size: $text-sm !default;
+$validation-dlg-content-input-font-size: $text-sm !default;
+$validation-dlg-error-font-size: $text-xs !default;
+$validationerror-dlg-content-font-size: $text-sm !default;
+
+//End Data Validation
+//Chart
+$title-dlg-content-header-font-size: $text-base !default;
+$title-dlg-content-input-font-size: $text-sm !default;
+$spreadsheet-switch-row-column-icon-font-size: $font-icon-18 !default;
+$spreadsheet-addchart-icon-font-size: $font-icon-18 !default;
+$spreadsheet-chart-icon-font-size: $font-icon-32 !default;
+
+//End Chart