@syncfusion/ej2-angular-spreadsheet 20.2.50 → 20.3.47-97708

package/styles/spreadsheet/_bootstrap-definition.scss

@@ -15,6 +15,7 @@ $cell-border-color: #e0e0e0 !default;
 $hdr-cell-border-color: $cell-border-color !default;
 $dlg-error-color: #dd2c2c !default;
 $agg-clr: #333;
+
 //enddefault
 //selection
 $selection-bg-color: rgba($brand-primary, .12) !default;
@@ -26,6 +27,7 @@ $hdr-selection-color: $gray !default;
 $hdr-hover-bg-color: rgba($brand-primary, .18) !default;
 $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: 38px !default;
@@ -38,6 +40,7 @@ $sheet-tab-hover-bg-color: $grey-dd !default;
 $sheet-tab-indicator-color: $brand-primary !default;
 $select-icon-color: $brand-primary !default;
 $right-tbar-height: 39px !default;
+
 //End Tab
 //Formula bar
 $formula-bar-bg-color: $grey-white !default;
@@ -49,6 +52,7 @@ $formula-textarea-width: calc(100% - 180px) !default;
 $formula-bar-color: $sheet-tab-color !default;
 $mformula-bar-height: 42px !default;
 $expand-icon-margin: 4px !default;
+
 //End formula bar
 //Insert dialog box
 $dlg-list-border: 1px solid $grey-dd !default;
@@ -56,6 +60,7 @@ $dlg-description-font-weight: 500 !default;
 $dlg-content-padding: 15px !default;
 $dlg-category-margin-bottom: 5px !default;
 $dlg-min-height: 510px !default;
+
 //End Insert dialogbox
 //Ribbon
 $fontsize-btn-width: 52px !default;
@@ -75,22 +80,26 @@ $bigger-cpicker-btn-width: 36px !default;
 $menu-extension-padding: 12px !default;
 $ribbon-item-hover-border-color: $tbar-hover-border-color !default;
 $ribbon-item-active-border-color: $tbar-focus-border-color !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;
+$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', '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: #fce7e9;
 $sort-error-font-color: #333;
+
 //End Sorting
 //Hyperlink
 $hyper-doc-border-color: #c8c8c8 !default;
-$hyper-text-border: #979797  !default;
+$hyper-text-border: #979797 !default;
+
 //End Hyperlink
 //Filtering
 $filter-icon-margin-bottom: 14px !default;
 $filter-icon-bigger-margin-bottom: 22px !default;
 $filter-selectall-padding: 22px !default;
 $filter-selectall-bigger-padding: 27px !default;
+
 //End Filtering
 //Find And Replace
 $find-popup-border-top-color: #fafafa !default;
@@ -101,16 +110,19 @@ $find-dlg-width: 442px !default;
 $bigger-find-tool-dlg-width: 419px !default;
 $bigger-find-tool-dlg-height: 54px !default;
 $bigger-find-goto-dlg-height: 256px !default;
+
 //End Find And Replace
 //Protect Sheet
 $protect-dlg-height: 421px !default;
 $protect-dlg-width: 282px !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;
+
 //End Conditional Formatting
 //Formula selection
 $vborder-selection: #673ab8;
@@ -119,14 +131,24 @@ $cborder-selection: #029688;
 $gborder-selection: #4caf51;
 $oborder-selection: #fe9800;
 $bborder-selection: #3f52b5;
+
 //End Formula selection
 //Freeze pane
 $freezepane-color: $grey-99 !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 Name Dialog
+
+//End File Name Dialog
+//Data Validation
+$bigger-validation-list-icon-height-width: 0 !default;
+$bigger-validation-list-width: 26px !default;
+
+//End Data Validation

package/styles/spreadsheet/_bootstrap4-definition.scss

@@ -15,6 +15,7 @@ $cell-border-color: $spreadsheet-border-color !default;
 $hdr-cell-border-color: $cell-border-color !default;
 $dlg-error-color: #dd2c2c !default;
 $agg-clr: #333;
+
 //enddefault
 //selection
 $selection-bg-color: rgba($primary, .12) !default;
@@ -26,6 +27,7 @@ $hdr-selection-color: $gray-700 !default;
 $hdr-hover-bg-color: rgba($primary, .18) !default;
 $copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///wB7/////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcxMjcwMzgxRDJDNTExRTk4RDFBQkMwMEFBOTJCMDFBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcxMjcwMzgyRDJDNTExRTk4RDFBQkMwMEFBOTJCMDFBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzEyNzAzN0ZEMkM1MTFFOThEMUFCQzAwQUE5MkIwMUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzEyNzAzODBEMkM1MTFFOThEMUFCQzAwQUE5MkIwMUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+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///wB7/////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3NTU1RTU5RDJDMDExRTk4NTJCOEJGQUZERDkwRjFBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU3NTU1RTVBRDJDMDExRTk4NTJCOEJGQUZERDkwRjFBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTc1NTVFNTdEMkMwMTFFOTg1MkI4QkZBRkREOTBGMUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTc1NTVFNThEMkMwMTFFOTg1MkI4QkZBRkREOTBGMUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABAAGAAACBwQShsurCQoAIfkEBQMAAgAsAAAAAAQABgAAAgeMA2B5qN4KACH5BAUDAAIALAAAAQAEAAQAAAIFjAOpeVEAIfkEBQMAAgAsAAABAAQABAAAAgZMAIaoGQUAIfkEBQMAAgAsAAAAAAQABgAAAghMAIbGvJdCAQAh+QQFAwACACwAAAAABAAGAAACB4QRqctxUAAAOw==' !default;
+
 //end selection
 //Tab
 $sheets-btn-height: 30px !default;
@@ -38,6 +40,7 @@ $sheet-tab-hover-bg-color: $gray-200 !default;
 $sheet-tab-indicator-color: $blue !default;
 $select-icon-color: #317ab9 !default;
 $right-tbar-height: 38px !default;
+
 //End Tab
 //Formula bar
 $formula-bar-bg-color: $white !default;
@@ -48,6 +51,7 @@ $formula-textarea-width: calc(100% - 172px) !default;
 $formula-bar-color: $sheet-tab-color !default;
 $mformula-bar-height: 38px !default;
 $expand-icon-margin: 5px !default;
+
 //End formula bar
 //Insert dialog box
 $dlg-list-border: rgba($black, .13) !default;
@@ -55,6 +59,7 @@ $dlg-description-font-weight: 500 !default;
 $dlg-content-padding: 15px !default;
 $dlg-category-margin-bottom: 5px !default;
 $dlg-min-height: 522px !default;
+
 //End Insert dialogbox
 //Ribbon
 $fontsize-btn-width: 46px !default;
@@ -74,22 +79,26 @@ $bigger-cpicker-btn-width: 33px !default;
 $menu-extension-padding: 8px !default;
 $ribbon-item-hover-border-color: $tbar-hover-border-color !default;
 $ribbon-item-active-border-color: $tbar-focus-border-color !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;
+$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', '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: #fce7e9;
 $sort-error-font-color: #333;
+
 //End Sorting
 //Hyperlink
 $hyper-doc-border-color: #c8c8c8 !default;
-$hyper-text-border: #979797  !default;
+$hyper-text-border: #979797 !default;
+
 //End Hyperlink
 //Filtering
 $filter-icon-margin-bottom: 5px !default;
 $filter-icon-bigger-margin-bottom: 7px !default;
 $filter-selectall-padding: 20px !default;
 $filter-selectall-bigger-padding: 27px !default;
+
 //End Filtering
 //Find And Replace
 $find-popup-border-top-color: #fafafa !default;
@@ -100,16 +109,19 @@ $find-dlg-width: 413px !default;
 $bigger-find-tool-dlg-width: 389px !default;
 $bigger-find-tool-dlg-height: 59px !default;
 $bigger-find-goto-dlg-height: 251px !default;
+
 //End Find And Replace
 //Protect Sheet
 $protect-dlg-height: 408px !default;
 $protect-dlg-width: 281px !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;
+
 //End Conditional Formatting
 //Formula selection
 $vborder-selection: #673ab8;
@@ -118,14 +130,24 @@ $cborder-selection: #029688;
 $gborder-selection: #4caf51;
 $oborder-selection: #fe9800;
 $bborder-selection: #3f52b5;
+
 //End Formula selection
 //Freeze pane
 $freezepane-color: $gray-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 Name Dialog
+
+//End File Name Dialog
+//Data Validation
+$bigger-validation-list-icon-height-width: 0 !default;
+$bigger-validation-list-width: 22px !default;
+
+//End Data Validation

package/styles/spreadsheet/_bootstrap5-definition.scss

@@ -15,6 +15,7 @@ $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;
+
 //enddefault
 //selection
 $selection-bg-color: rgba($primary, .12) !default;
@@ -26,6 +27,7 @@ $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;
@@ -39,6 +41,7 @@ $sheet-tab-indicator-color: $primary !default;
 $sheet-tab-btn-icon-color: $flyout-text-color;
 $tab-text-color: $primary;
 $select-icon-color: $primary !default;
+
 //End Tab
 //Formula bar
 $formula-bar-font-size: $text-sm !default;
@@ -50,6 +53,7 @@ $formula-bar-color: $content-text-color-alt2 !default;
 $mformula-bar-height: 42px !default;
 $expand-icon-margin: 4px !default;
 $formula-bar-bg-color: $content-bg-color !default;
+
 //End formula bar
 //Insert dialog box
 $dlg-list-border: $spreadsheet-border !default;
@@ -57,6 +61,7 @@ $dlg-description-font-weight: 500 !default;
 $dlg-content-padding: 18px !default;
 $dlg-category-margin-bottom: 5px !default;
 $dlg-min-height: 518px !default;
+
 //End Insert dialogbox
 //Ribbon
 $fontsize-btn-width: 52px !default;
@@ -76,21 +81,25 @@ $bigger-cpicker-btn-width: 36px !default;
 $menu-extension-padding: 12px !default;
 $ribbon-item-hover-border-color: transparent !default;
 $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;
+$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', '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;
+
 //End Sorting
 //Hyperlink
 $hyper-doc-border-color:  $border-light !default;
+
 //End Hyperlink
 //Filtering
 $filter-icon-margin-bottom: 0 !default;
 $filter-icon-bigger-margin-bottom: 12px !default;
 $filter-selectall-padding: 25px !default;
 $filter-selectall-bigger-padding: 29px !default;
+
 //End Filtering
 //Find And Replace
 $find-tool-dlg-width: 348px !default;
@@ -101,16 +110,19 @@ $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;
+
 //End Find And Replace
 //Protect Sheet
 $protect-dlg-height: 470px !default;
 $protect-dlg-width: 287px !default;
+
 //End Protect Sheet
 //Conditional Formatting
 $ele-color: $content-bg-color-alt3;
 $ele-hover-color: $content-bg-color-hover;
 $dark-ele-color: $flyout-bg-color;
 $dark-ele-hover-color: $flyout-bg-color-hover;
+
 //End Conditional Formatting
 //Formula selection
 $vborder-selection: $spreadsheet-selection-1;
@@ -119,15 +131,26 @@ $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: $spreadsheet-gridline !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: 340px !default;
-//File Name Dialog
+
+//End File Name Dialog
+//Data Validation
+$bigger-validation-list-width: 22px !default;
+$bigger-validation-list-icon-height-width: 0 !default;
+
+//End Data Validation

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

@@ -15,6 +15,7 @@ $cell-border-color: #e0e0e0 !default;
 $hdr-cell-border-color: $neutral-quintenary !default;
 $dlg-error-color: #dd2c2c !default;
 $agg-clr: #fff !default;
+
 //enddefault
 //selection
 $selection-bg-color: rgba($theme-primary, .2) !default;
@@ -26,6 +27,7 @@ $hdr-selection-color: $neutral-light-fontalt !default;
 $hdr-hover-bg-color: $neutral-tertiary-alt !default;
 $copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///wB0zP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxRjUyNTg0RDg3NjExRTlBNTgwRTFEMjBBQUNCREM0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxRjUyNTg1RDg3NjExRTlBNTgwRTFEMjBBQUNCREM0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjFGNTI1ODJEODc2MTFFOUE1ODBFMUQyMEFBQ0JEQzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjFGNTI1ODNEODc2MTFFOUE1ODBFMUQyMEFBQ0JEQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+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///wB0zP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZENDdEM0Q2RDg3NjExRTlBNTRBQzUxQTU0MTdBRTY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZENDdEM0Q3RDg3NjExRTlBNTRBQzUxQTU0MTdBRTY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkQ0N0QzRDREODc2MTFFOUE1NEFDNTFBNTQxN0FFNjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkQ0N0QzRDVEODc2MTFFOUE1NEFDNTFBNTQxN0FFNjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABAAGAAACBwQShsurCQoAIfkEBQMAAgAsAAAAAAQABgAAAgeMA2B5qN4KACH5BAUDAAIALAAAAQAEAAQAAAIFjAOpeVEAIfkEBQMAAgAsAAABAAQABAAAAgZMAIaoGQUAIfkEBQMAAgAsAAAAAAQABgAAAghMAIbGvJdCAQAh+QQFAwACACwAAAAABAAGAAACB4QRqctxUAAAOw==' !default;
+
 //end selection
 //Tab
 $sheets-btn-height: 38px !default;
@@ -36,6 +38,7 @@ $sheet-tab-bg-color: $neutral-lighter !default;
 $sheet-tab-hover-bg-color: $neutral-tertiary-alt !default;
 $sheet-tab-active-bg-color: $neutral-quintenary !default;
 $select-icon-color: $theme-primary !default;
+
 //End Tab
 //Formula bar
 $formula-bar-bg-color: $neutral-white !default;
@@ -46,6 +49,7 @@ $formula-textarea-width: calc(100% - 168px) !default;
 $formula-bar-color: $neutral-light-font !default;
 $mformula-bar-height: 40px !default;
 $expand-icon-margin: 4px !default;
+
 //End formula bar
 //Insert dialog box
 $dlg-list-border: 1px solid $neutral-light !default;
@@ -53,6 +57,7 @@ $dlg-description-font-weight: 500 !default;
 $dlg-content-padding: 18px !default;
 $dlg-category-margin-bottom: 5px !default;
 $dlg-min-height: 515px !default;
+
 //End Insert dialogbox
 //Ribbon
 $fontsize-btn-width: 71px !default;
@@ -72,22 +77,26 @@ $bigger-cpicker-btn-width: 45px !default;
 $menu-extension-padding: 10px !default;
 $ribbon-item-hover-border-color: transparent !default;
 $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;
+$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', '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: #fce7e9;
 $sort-error-font-color: #333;
+
 //End Sorting
 //Hyperlink
 $hyper-doc-border-color: #c8c8c8 !default;
-$hyper-text-border: #979797  !default;
+$hyper-text-border: #979797 !default;
+
 //End Hyperlink
 //Filtering
 $filter-icon-margin-bottom: 10px !default;
 $filter-icon-bigger-margin-bottom: 18px !default;
 $filter-selectall-padding: 22px !default;
 $filter-selectall-bigger-padding: 27px !default;
+
 //End Filtering
 //Find And Replace
 $find-popup-border-top-color: #fafafa !default;
@@ -98,16 +107,19 @@ $find-dlg-width: 521px !default;
 $bigger-find-tool-dlg-width: 419px !default;
 $bigger-find-tool-dlg-height: 55px !default;
 $bigger-find-goto-dlg-height: 248px !default;
+
 //End Find And Replace
 //Protect Sheet
 $protect-dlg-height: 416px !default;
 $protect-dlg-width: 300px !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;
+
 //End Conditional Formatting
 //Formula selection
 $vborder-selection: #673ab8;
@@ -116,14 +128,24 @@ $cborder-selection: #029688;
 $gborder-selection: #4caf51;
 $oborder-selection: #fe9800;
 $bborder-selection: #3f52b5;
+
 //End Formula selection
 //Freeze pane
 $freezepane-color: $neutral-light !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 Name Dialog
+
+//End File Name Dialog
+//Data Validation
+$bigger-validation-list-icon-height-width: 0 !default;
+$bigger-validation-list-width: 22px !default;
+
+//End Data Validation

package/styles/spreadsheet/_fabric-definition.scss

@@ -15,6 +15,7 @@ $cell-border-color: #e0e0e0 !default;
 $hdr-cell-border-color: $cell-border-color !default;
 $dlg-error-color: #dd2c2c !default;
 $agg-clr: #333;
+
 //enddefault
 //selection
 $selection-bg-color: rgba($theme-primary, .12) !default;
@@ -26,6 +27,7 @@ $hdr-selection-color: $neutral-secondary !default;
 $hdr-hover-bg-color: #c7e0f4 !default;
 $copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///wBvx////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4MTBGMzJGRDA5RDExRTk5NkE2QUJCNDk2MjZDNDk4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4MTBGMzMwRDA5RDExRTk5NkE2QUJCNDk2MjZDNDk4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzgxMEYzMkREMDlEMTFFOTk2QTZBQkI0OTYyNkM0OTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzgxMEYzMkVEMDlEMTFFOTk2QTZBQkI0OTYyNkM0OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+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///wB41v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5Mzk1OUI5Q0VFMjExRTlCMUNDRjI5MTQxNjgyQjE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5Mzk1OUJBQ0VFMjExRTlCMUNDRjI5MTQxNjgyQjE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzkzOTU5QjdDRUUyMTFFOUIxQ0NGMjkxNDE2ODJCMTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzkzOTU5QjhDRUUyMTFFOUIxQ0NGMjkxNDE2ODJCMTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABAAGAAACBwQShsurCQoAIfkEBQMAAgAsAAAAAAQABgAAAgeMA2B5qN4KACH5BAUDAAIALAAAAQAEAAQAAAIFjAOpeVEAIfkEBQMAAgAsAAABAAQABAAAAgZMAIaoGQUAIfkEBQMAAgAsAAAAAAQABgAAAghMAIbGvJdCAQAh+QQFAwACACwAAAAABAAGAAACB4QRqctxUAAAOw==' !default;
+
 //end selection
 //Tab
 $sheets-btn-height: 38px !default;
@@ -35,6 +37,7 @@ $sheet-tab-bg-color: $neutral-lighter !default;
 $sheet-tab-hover-bg-color: $spreadsheet-border-color !default;
 $sheet-tab-active-bg-color: $neutral-white !default;
 $select-icon-color: $theme-primary !default;
+
 //End Tab
 //Formula bar
 $formula-bar-bg-color: $neutral-white !default;
@@ -46,6 +49,7 @@ $formula-textarea-width: calc(100% - 168px) !default;
 $formula-bar-color: $neutral-primary !default;
 $mformula-bar-height: 40px !default;
 $expand-icon-margin: 4px !default;
+
 //End formula bar
 //Insert dialog box
 $dlg-list-border: 1px solid #e0e0e0 !default;
@@ -53,6 +57,7 @@ $dlg-description-font-weight: 500 !default;
 $dlg-content-padding: 18px !default;
 $dlg-category-margin-bottom: 5px !default;
 $dlg-min-height: 515px !default;
+
 //End Insert dialogbox
 //Ribbon
 $fontsize-btn-width: 71px !default;
@@ -72,22 +77,26 @@ $bigger-cpicker-btn-width: 45px !default;
 $menu-extension-padding: 10px !default;
 $ribbon-item-hover-border-color: transparent !default;
 $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;
+$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', '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: #fce7e9;
 $sort-error-font-color: #333;
+
 //End Sorting
 //Hyperlink
 $hyper-doc-border-color: #c8c8c8 !default;
-$hyper-text-border: #979797  !default;
+$hyper-text-border: #979797 !default;
+
 //End Hyperlink
 //Filtering
 $filter-icon-margin-bottom: 10px !default;
 $filter-icon-bigger-margin-bottom: 18px !default;
 $filter-selectall-padding: 22px !default;
 $filter-selectall-bigger-padding: 27px !default;
+
 //End Filtering
 //Find And Replace
 $find-popup-border-top-color: #fafafa !default;
@@ -98,16 +107,19 @@ $find-dlg-width: 521px !default;
 $bigger-find-tool-dlg-width: 419px !default;
 $bigger-find-tool-dlg-height: 55px !default;
 $bigger-find-goto-dlg-height: 258px !default;
+
 //End Find And Replace
 //Protect Sheet
 $protect-dlg-height: 406px !default;
 $protect-dlg-width: 300px !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;
+
 //End Conditional Formatting
 //Formula selection
 $vborder-selection: #673ab8;
@@ -116,14 +128,24 @@ $cborder-selection: #029688;
 $gborder-selection: #4caf51;
 $oborder-selection: #fe9800;
 $bborder-selection: #3f52b5;
+
 //End Formula selection
 //Freeze pane
 $freezepane-color: $neutral-tertiary !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 Name Dialog
+
+//End File Name Dialog
+//Data Validation
+$bigger-validation-list-icon-height-width: 0 !default;
+$bigger-validation-list-width: 22px !default;
+
+//End Data Validation