@syncfusion/ej2-angular-grids 21.2.4-ngcc → 21.2.4

package/styles/bootstrap.css

@@ -1162,10 +1162,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 9px 0;
   font-size: 16px;
 }
-.e-bigger .e-grid.e-device .e-groupheadercell,
-.e-grid.e-bigger.e-device .e-groupheadercell {
-  padding: 9px 0;
-}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 9px 0;
@@ -1224,7 +1220,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
-  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1302,19 +1297,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: -3px;
   margin-right: 0;
 }
-.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
-.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
-  margin-top: -3px;
-}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -4px;
 }
-.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
-  margin-top: -1px;
-}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3609,10 +3596,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 8px;
 }
-.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
-.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
-  padding: 0 8px;
-}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/bootstrap4.css

@@ -1212,10 +1212,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 6px 0;
   font-size: 14px;
 }
-.e-bigger .e-grid.e-device .e-groupheadercell,
-.e-grid.e-bigger.e-device .e-groupheadercell {
-  padding: 0;
-}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -1227,8 +1223,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-groupheadercell span,
 .e-grid.e-bigger .e-groupheadercell span {
-  height: 24px;
-  line-height: 24px;
+  height: 4px;
+  line-height: 4px;
   padding: 8px 4px 10px 12px;
 }
 .e-bigger .e-grid .e-groupheadercell .e-ungroupbutton,
@@ -1274,7 +1270,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
-  padding: 0 4px 0 12px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1353,21 +1348,12 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 8px;
   padding-top: 8px;
 }
-.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
-.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
-  margin-top: -1px;
-  padding-top: 0;
-}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -1px;
   margin-left: -4px;
 }
-.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
-  margin-top: 0;
-}
 .e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
 .e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
   margin-left: 7px;
@@ -3672,10 +3658,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 8px 4px 10px 8px;
 }
-.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
-.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
-  padding: 0 4px 0 12px;
-}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/bootstrap5-dark.css

@@ -1224,10 +1224,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 7px 0;
   font-size: 16px;
 }
-.e-bigger .e-grid.e-device .e-groupheadercell,
-.e-grid.e-bigger.e-device .e-groupheadercell {
-  padding: 0;
-}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 7px 0;
@@ -1286,7 +1282,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
-  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1364,19 +1359,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
-.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
-  margin-top: 0;
-}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 1px;
 }
-.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
-  margin-top: 0;
-}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3683,10 +3670,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 8px;
 }
-.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
-.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
-  padding: 0 8px;
-}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/bootstrap5.css

@@ -1224,10 +1224,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 7px 0;
   font-size: 16px;
 }
-.e-bigger .e-grid.e-device .e-groupheadercell,
-.e-grid.e-bigger.e-device .e-groupheadercell {
-  padding: 0;
-}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 7px 0;
@@ -1286,7 +1282,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
-  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1364,19 +1359,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
-.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
-  margin-top: 0;
-}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 1px;
 }
-.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
-.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
-  margin-top: 0;
-}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3683,10 +3670,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 8px;
 }
-.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
-.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
-  padding: 0 8px;
-}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/excel-filter/_all.scss

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

package/styles/excel-filter/_bootstrap-dark-definition.scss

@@ -0,0 +1,61 @@
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-autofill-color: $brand-primary !default;
+$grid-checkbox-padding-topbottom: 8px !default;
+$grid-checkbox-content-padding-left: 7px !default;
+$grid-rtl-checkbox-content-padding-left: 15px !default;
+$grid-bigger-checkbox-padding-topbottom: 9px !default;
+$grid-bigger-checkbox-filter-min-height: 360px !default;
+$grid-bigger-checkbox-content-padding-left: 9.75px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 18.75px !default;
+$grid-checkbox-filter-min-height: 338px !default;
+$grid-xlfl-fieldset-padding: 9px !default;
+$grid-xlfltd-padding: 11.25px !default;
+$grid-xlfltable-border-spacing: 0 !default;
+$grid-xlfl-dropdown-padding-right: 11.25px !default;
+$grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
+$grid-xlfl-li-left-padding: 25px !default;
+$grid-xlfl-li-icon-margin-right: 10px !default;
+$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfltd-radio-mtcase-padding: 12px !default;
+$grid-xlfl-fieldset-font-size: 13px !default;
+$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-li-height: 36px !default;
+$grid-xl-radio-padding-left: 25px !default;
+$grid-xlfl-radiodiv-width: 120px !default;
+$grid-bigger-xlfl-li-height: 40px !default;
+$grid-bigger-xlfl-fieldset-font-size: 14px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 5px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-li-icon-margin-right: 13px !default;
+$grid-bigger-xlfl-li-left-padding: 26px !default;
+$grid-bigger-xlfl-min-height: 362px !default;
+$grid-bigger-xlfl-fieldset-padding: 12px !default;
+$grid-bigger-xlfltable-border-spacing: 0 !default;
+$grid-bigger-xlfltd-padding: 15px !default;
+$grid-bigger-xlfl-radio-margin-left: 18px !default;
+$grid-bigger-xlfl-dropdown-padding-right: 15px !default;
+$grid-bigger-xlfl-radiodiv-width: 141px !default;
+$grid-xlfl-radio-margin-left: 2px !default;
+$grid-xl-radio-padding-right: 9px !default;
+$grid-bigger-xl-radio-padding-left: 27px !default;
+$grid-bigger-xl-radio-padding-right: 6px !default;
+$grid-checkboxfiltertext-width: 150px !default;
+$grid-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-column-chooser-footdiv: 2px 0 0 !default;
+$grid-columnchooser-footer-border-color: rgba($grey-e6, .12) !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-filtered-color: $brand-primary !default;
+$sfgrid-xlfl-dlg-padding: 15px !default;
+$grid-excel-filter-separator: 0 !default;
+$grid-dialog-footer-color: $grey !default;
+$grid-xlfl-dlg-content-top-padding: 6px !default;
+$grid-xlfl-context-menu-border-radious: 5px 5px 0 0 !default;
+$grid-excel-filter-bottom-padding: 0 !default;
+$grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-xl-radio-margin-top: 0 !default;

package/styles/excel-filter/_bootstrap-definition.scss

@@ -0,0 +1,66 @@
+$grid-checkbox-wrapper-height: 20px !default;
+$grid-checkbox-wrapper-line-height: 20px !default;
+$grid-rtl-headercelldiv-fltricon-padding: 0 1.6em 0 10px !default;
+$grid-sortnumber-filtericon-rightalign-margin: 8px 2px 0 5px !default;
+$grid-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-rows-bg-color: $content-bg-color !default;
+$grid-resize-border-width: 1px !default;
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-xlfl-fieldset-padding: 9px !default;
+$grid-xlfltd-padding: 11.25px !default;
+$grid-xlfltable-border-spacing: 0 !default;
+$grid-xlfl-dropdown-padding-right: 11.25px !default;
+$grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
+$grid-xlfl-li-left-padding: 25px !default;
+$grid-xlfl-li-icon-margin-right: 10px !default;
+$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfltd-radio-mtcase-padding: 12px !default;
+$grid-xlfl-fieldset-font-size: 13px !default;
+$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-li-height: 36px !default;
+$grid-xl-radio-padding-left: 25px !default;
+$grid-xlfl-radiodiv-width: 120px !default;
+$grid-bigger-xlfl-li-height: 40px !default;
+$grid-bigger-xlfl-fieldset-font-size: 14px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 5px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-li-icon-margin-right: 13px !default;
+$grid-bigger-xlfl-li-left-padding: 26px !default;
+$grid-bigger-xlfl-min-height: 362px !default;
+$grid-bigger-xlfl-fieldset-padding: 12px !default;
+$grid-bigger-xlfltable-border-spacing: 0 !default;
+$grid-bigger-xlfltd-padding: 15px !default;
+$grid-bigger-xlfl-radio-margin-left: 18px !default;
+$grid-bigger-xlfl-dropdown-padding-right: 15px !default;
+$grid-bigger-xlfl-radiodiv-width: 141px !default;
+$grid-selection-font-weight: normal !default;
+$grid-xlfl-radio-margin-left: 2px !default;
+$grid-xl-radio-padding-right: 9px !default;
+$grid-bigger-xl-radio-padding-left: 27px !default;
+$grid-bigger-xl-radio-padding-right: 6px !default;
+$grid-checkbox-padding-topbottom: 8px !default;
+$grid-checkbox-content-padding-left: 7px !default;
+$grid-rtl-checkbox-content-padding-left: 15px !default;
+$grid-bigger-checkbox-content-padding-left: 9.75px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 18.75px !default;
+$grid-bigger-checkbox-padding-topbottom: 9px !default;
+$grid-column-chooser-footdiv: 2px 0 0 !default;
+$grid-columnchooser-footer-border-color: rgba($grey-e6, .12) !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-autofill-color: $brand-primary !default;
+$grid-checkboxfiltertext-width: 150px !default;
+$grid-filtered-color: $brand-primary !default;
+$sfgrid-xlfl-dlg-padding: 15px !default;
+$grid-excel-filter-separator: 0 !default;
+$grid-dialog-footer-color: $grey-white !default;
+$grid-xlfl-dlg-content-top-padding: 6px !default;
+$grid-xlfl-context-menu-border-radious: 5px 5px 0 0 !default;
+$grid-excel-filter-bottom-padding: 0 !default;
+$grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-xl-radio-margin-top: 0 !default;

package/styles/excel-filter/_bootstrap4-definition.scss

@@ -0,0 +1,71 @@
+$grid-columnchooser-search-border-color: #212121 !default;
+$grid-columnchooser-search-border-fcolor: #ff4081 !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-columnchooser-cancel-icon-content-f-opactiy: 1 !default;
+$grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-columnchooser-footer-border-color: rgba($gray-600, .12) !default;
+$grid-column-chooser-searchdiv: 1px !default;
+$grid-bigger-cc-checkbox-padding-left: 8px !default;
+$grid-bigger-searchdiv-padding-left: 4px !default;
+$grid-cc-checkbox-padding-left: 8px !default;
+$grid-edit-checkbox-bigger-padding-left: 8px !default;
+$grid-edit-checkbox-bigger-padding-top: 8px !default;
+$grid-xlfl-fieldset-padding: 9px !default;
+$grid-xlfltd-padding: 11.25px !default;
+$grid-xlfltable-border-spacing: 0 !default;
+$grid-xlfl-dropdown-padding-right: 11.25px !default;
+$grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
+$grid-xlfl-li-left-padding: 25px !default;
+$grid-xlfl-li-icon-margin-right: 10px !default;
+$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfltd-radio-mtcase-padding: 12px !default;
+$grid-xlfl-fieldset-font-size: 13px !default;
+$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-li-height: 36px !default;
+$grid-xl-radio-padding-left: 25px !default;
+$grid-xlfl-radiodiv-width: 120px !default;
+$grid-bigger-xlfl-li-height: 40px !default;
+$grid-bigger-xlfl-fieldset-font-size: 14px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 5px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-li-icon-margin-right: 13px !default;
+$grid-bigger-xlfl-li-left-padding: 26px !default;
+$grid-bigger-xlfl-min-height: 362px !default;
+$grid-bigger-xlfl-fieldset-padding: 12px !default;
+$grid-bigger-xlfltable-border-spacing: 0 !default;
+$grid-bigger-xlfltd-padding: 15px !default;
+$grid-bigger-xlfl-radio-margin-left: 16px !default;
+$grid-bigger-xlfl-dropdown-padding-right: 15px !default;
+$grid-bigger-xlfl-radiodiv-width: 141px !default;
+$grid-xlfl-radio-margin-left: 2px !default;
+$grid-xl-radio-padding-right: 9px !default;
+$grid-bigger-xl-radio-padding-left: 27px !default;
+$grid-bigger-xl-radio-padding-right: 6px !default;
+$grid-checkboxfiltertext-width: 150px !default;
+$grid-rtl-column-menu-margin: -19px -18px -18px -22px !default;
+$grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
+$grid-bigger-checkbox-padding-topbottom: 9px !default;
+$grid-column-chooser-footdiv: 1px 0 0 !default;
+$grid-checkbox-padding-topbottom: 8px !default;
+$grid-checkbox-content-padding-left: 6px !default;
+$grid-rtl-checkbox-content-padding-left: 14px !default;
+$grid-bigger-checkbox-content-padding-left: 7px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
+$grid-autofill-color: #317ab9 !default;
+$grid-filtered-color: #317ab9 !default;
+$sfgrid-xlfl-dlg-padding: 14px !default;
+$grid-excel-filter-separator: 0 !default;
+$grid-dialog-footer-color: $content-popup-bg !default;
+$grid-xlfl-dlg-content-top-padding: 6px !default;
+$grid-xlfl-context-menu-border-radious: 3px 3px 0 0 !default;
+$grid-excel-filter-bottom-padding: 0 !default;
+$grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-xl-radio-margin-top: 0 !default;

package/styles/excel-filter/_bootstrap5-dark-definition.scss

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

package/styles/excel-filter/_bootstrap5-definition.scss

@@ -0,0 +1,72 @@
+$grid-column-chosser-searchdiv-opactiy: .6 !default;
+$grid-column-chosser-searchdiv-fopactiy: 1 !default;
+$grid-columnchooser-search-border-color: $border-light !default;
+$grid-columnchooser-search-border-fcolor: $primary !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-columnchooser-cancel-icon-content-f-opactiy: 1 !default;
+$grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-columnchooser-footer-border-color: rgba($content-text-color-alt1, .12) !default;
+$grid-column-chooser-searchdiv: 1px !default;
+$grid-bigger-cc-checkbox-padding-left: 8px !default;
+$grid-bigger-searchdiv-padding-left: 4px !default;
+$grid-cc-checkbox-padding-left: 8px !default;
+$grid-edit-checkbox-bigger-padding-left: 8px !default;
+$grid-edit-checkbox-bigger-padding-top: 8px !default;
+$grid-xlfl-fieldset-padding: 9px !default;
+$grid-xlfltd-padding: 11.25px !default;
+$grid-xlfltable-border-spacing: 0 !default;
+$grid-xlfl-dropdown-padding-right: 11.25px !default;
+$grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
+$grid-xlfl-li-left-padding: 25px !default;
+$grid-xlfl-li-icon-margin-right: 10px !default;
+$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfltd-radio-mtcase-padding: 12px !default;
+$grid-xlfl-fieldset-font-size: $font-icon-13 !default;
+$grid-xlfl-dlgfields-font-size: $font-icon-15 !default;
+$grid-xlfl-li-height: 36px !default;
+$grid-xl-radio-padding-left: 25px !default;
+$grid-xlfl-radiodiv-width: 120px !default;
+$grid-bigger-xlfl-li-height: 40px !default;
+$grid-bigger-xlfl-fieldset-font-size: $text-base !default;
+$grid-bigger-xlfl-dlgfields-font-size: $text-lg !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 10px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-li-icon-margin-right: 13px !default;
+$grid-bigger-xlfl-li-left-padding: 26px !default;
+$grid-bigger-xlfl-min-height: 362px !default;
+$grid-bigger-xlfl-fieldset-padding: 12px !default;
+$grid-bigger-xlfltable-border-spacing: 0 !default;
+$grid-bigger-xlfltd-padding: 15px !default;
+$grid-bigger-xlfl-radio-margin-left: 18px !default;
+$grid-bigger-xlfl-dropdown-padding-right: 10px !default;
+$grid-bigger-xlfl-radiodiv-width: 141px !default;
+$grid-xlfl-radio-margin-left: 2px !default;
+$grid-xl-radio-padding-right: 9px !default;
+$grid-bigger-xl-radio-padding-left: 27px !default;
+$grid-bigger-xl-radio-padding-right: 6px !default;
+$grid-checkboxfiltertext-width: 150px !default;
+$grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
+$grid-bigger-checkbox-padding-topbottom: 9px !default;
+$grid-column-chooser-footdiv: 1px 0 0 !default;
+$grid-checkbox-padding-topbottom: 8px !default;
+$grid-checkbox-content-padding-left: 6px !default;
+$grid-rtl-checkbox-content-padding-left: 14px !default;
+$grid-bigger-checkbox-content-padding-left: 7px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
+$grid-autofill-color: $primary !default;
+$grid-filtered-color: $primary !default;
+$sfgrid-xlfl-dlg-padding: 14px !default;
+$grid-excel-filter-separator: 0 !default;
+$grid-dialog-footer-color: $flyout-bg-color !default;
+$grid-xlfl-dlg-content-top-padding: 12px !default;
+$grid-xlfl-context-menu-border-radious: 5px 5px 0 0 !default;
+$grid-excel-filter-bottom-padding: 0 !default;
+$grid-xlfl-li-icon-margin-arrow-icon: 13px !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 6.2px !default;
+$grid-xl-radio-margin-top: 0 !default;

package/styles/excel-filter/_fabric-dark-definition.scss

@@ -0,0 +1,61 @@
+$grid-xlfl-fieldset-padding: 9px !default;
+$grid-xlfltd-padding: 12px !default;
+$grid-xlfltable-border-spacing: 0 !default;
+$grid-xlfl-dropdown-padding-right: 12px !default;
+$grid-xlfl-min-height: 314px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
+$grid-xlfl-li-left-padding: 35px !default;
+$grid-xlfl-li-icon-margin-right: 10px !default;
+$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfltd-radio-mtcase-padding: 12px !default;
+$grid-xlfl-fieldset-font-size: 13px !default;
+$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-li-height: 36px !default;
+$grid-xlfl-radiodiv-width: 118px !default;
+$grid-bigger-xlfl-li-height: 48px !default;
+$grid-bigger-xlfl-fieldset-font-size: 14px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 6px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-li-icon-margin-right: 10px !default;
+$grid-bigger-xlfl-li-left-padding: 35px !default;
+$grid-bigger-xlfl-min-height: 372px !default;
+$grid-bigger-xlfl-fieldset-padding: 12px !default;
+$grid-bigger-xlfltd-padding: 16px !default;
+$grid-bigger-xlfl-radio-margin-left: 18px !default;
+$grid-bigger-xlfltable-border-spacing: 0 !default;
+$grid-bigger-xlfl-dropdown-padding-right: 16px !default;
+$grid-bigger-xlfl-radiodiv-width: 138px !default;
+$grid-xl-radio-padding-left: 25px !default;
+$grid-xl-radio-padding-right: 8px !default;
+$grid-bigger-xl-radio-padding-left: 28px !default;
+$grid-bigger-xl-radio-padding-right: 5px !default;
+$grid-xlfl-radio-margin-left: 2px !default;
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-checkboxfiltertext-width: 150px !default;
+$grid-checkbox-padding-topbottom: 7px !default;
+$grid-checkbox-content-padding-left: 18px !default;
+$grid-rtl-checkbox-content-padding-left: 25px !default;
+$grid-bigger-checkbox-content-padding-left: 19.25px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 31.25px !default;
+$grid-checkbox-wrapper-height: 20px !default;
+$grid-checkbox-wrapper-line-height: 21px !default;
+$grid-bigger-checkbox-padding-topbottom: 12px !default;
+$grid-column-chooser-footdiv: 0 !default;
+$grid-columnchooser-footer-border-color: rgba($neutral-black, .12) !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-autofill-color: $theme-primary !default;
+$grid-filtered-color: $theme-primary !default;
+$sfgrid-xlfl-dlg-padding: 28px 25px 10px !default;
+$grid-excel-filter-separator: 0 !default;
+$grid-dialog-footer-color: $neutral-lighter-alt !default;
+$grid-xlfl-dlg-content-top-padding: 0 !default;
+$grid-xlfl-context-menu-border-radious: 0 !default;
+$grid-excel-filter-bottom-padding: 0 !default;
+$grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-xl-radio-margin-top: 0 !default;

package/styles/excel-filter/_fabric-definition.scss

@@ -0,0 +1,66 @@
+$grid-grouped-headercell-padding: 1px 8px !default;
+$group-border-width: 1px solid !default;
+$grid-xlfl-fieldset-padding: 9px !default;
+$grid-xlfltd-padding: 12px !default;
+$grid-xlfltable-border-spacing: 0 !default;
+$grid-xlfl-dropdown-padding-right: 12px !default;
+$grid-xlfl-min-height: 314px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
+$grid-xlfl-li-left-padding: 35px !default;
+$grid-xlfl-li-icon-margin-right: 10px !default;
+$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfltd-radio-mtcase-padding: 12px !default;
+$grid-xlfl-fieldset-font-size: 13px !default;
+$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-li-height: 36px !default;
+$grid-xlfl-radiodiv-width: 118px !default;
+$grid-bigger-xlfl-li-height: 48px !default;
+$grid-bigger-xlfl-fieldset-font-size: 14px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 16px !default;
+$grid-bigger-xlfltd-radio-mtcase-padding: 6px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-li-icon-margin-right: 10px !default;
+$grid-bigger-xlfl-li-left-padding: 35px !default;
+$grid-bigger-xlfl-min-height: 372px !default;
+$grid-bigger-xlfl-fieldset-padding: 12px !default;
+$grid-bigger-xlfltd-padding: 16px !default;
+$grid-bigger-xlfl-radio-margin-left: 18px !default;
+$grid-bigger-xlfltable-border-spacing: 0 !default;
+$grid-bigger-xlfl-dropdown-padding-right: 16px !default;
+$grid-bigger-xlfl-radiodiv-width: 138px !default;
+$group-hover-border: $group-border-width !default;
+$grid-grouped-headercell-hover-padding: $grid-grouped-headercell-padding !default;
+$grid-xl-radio-padding-left: 25px !default;
+$grid-xl-radio-padding-right: 8px !default;
+$grid-bigger-xl-radio-padding-left: 28px !default;
+$grid-bigger-xl-radio-padding-right: 5px !default;
+$grid-xlfl-radio-margin-left: 2px !default;
+$grid-xl-rtl-radio-padding-left: 0 !default;
+$grid-xl-rtl-radio-padding-right: 25px !default;
+$grid-xl-match-margin-left: 6px !default;
+$grid-bigger-xl-match-margin-left: 8px !default;
+$grid-checkboxfiltertext-width: 135px !default;
+$grid-bigger-checkbox-padding-topbottom: 12px !default;
+$grid-column-chooser-footdiv: 0 !default;
+$grid-checkbox-padding-topbottom: 7px !default;
+$grid-checkbox-content-padding-left: 18px !default;
+$grid-rtl-checkbox-content-padding-left: 25px !default;
+$grid-bigger-checkbox-content-padding-left: 19.25px !default;
+$grid-rtl-bigger-checkbox-content-padding-left: 31.25px !default;
+$grid-checkbox-wrapper-height: 20px !default;
+$grid-checkbox-wrapper-line-height: 21px !default;
+$grid-bigger-checkbox-padding-topbottom: 12px !default;
+$grid-columnchooser-footer-border-color: rgba($neutral-black, .12) !default;
+$grid-columnchooser-footer-border-opacity: 1 !default;
+$grid-autofill-color: $theme-primary !default;
+$grid-filtered-color: $theme-primary !default;
+$sfgrid-xlfl-dlg-padding: 28px 25px 10px !default;
+$grid-excel-filter-separator: 0 !default;
+$grid-dialog-footer-color: $neutral-white !default;
+$grid-xlfl-dlg-content-top-padding: 0 !default;
+$grid-xlfl-context-menu-border-radious: 0 !default;
+$grid-excel-filter-bottom-padding: 0 !default;
+$grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
+$grid-xl-radio-margin-top: 0 !default;

package/styles/excel-filter/_fluent-dark-definition.scss

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