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

package/styles/bootstrap-dark.css

@@ -1543,13 +1543,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
   font-size: 12px;
 }
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
-  background: none;
-  box-shadow: none;
-}
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
-  border: none;
-}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #484848;
@@ -2049,7 +2042,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
+.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
   text-overflow: clip;
 }
 .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2657,11 +2650,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 10px;
   padding: 13px 9px 11px 10px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
   padding: 12px 9px 12px 10px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
   padding-top: 5px;
@@ -3485,7 +3480,7 @@ li.e-separator.e-menu-item.e-excel-separator {
           user-select: none;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0.5px;
+  margin-top: -1.5px;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;

package/styles/bootstrap.css

@@ -1544,13 +1544,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
   font-size: 12px;
 }
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
-  background: none;
-  box-shadow: none;
-}
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
-  border: none;
-}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #ddd;
@@ -2050,7 +2043,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
+.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
   text-overflow: clip;
 }
 .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2658,11 +2651,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 10px;
   padding: 13px 9px 11px 10px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
   padding: 12px 9px 12px 10px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
   padding-top: 5px;
@@ -3486,7 +3481,7 @@ li.e-separator.e-menu-item.e-excel-separator {
           user-select: none;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0.5px;
+  margin-top: -1.5px;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;

package/styles/bootstrap4.css

@@ -1600,13 +1600,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
   font-size: 14px;
 }
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
-  background: none;
-  box-shadow: none;
-}
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
-  border: none;
-}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #dee2e6;
@@ -2106,7 +2099,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
+.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
   text-overflow: clip;
 }
 .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2716,11 +2709,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 10px;
   padding: 13px 9px 11px 10px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
   padding: 12px 9px 12px 10px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
   padding-top: 5px;
@@ -3545,7 +3540,7 @@ li.e-separator.e-menu-item.e-excel-separator {
           user-select: none;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
+  margin-top: -1px;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -3px;

package/styles/bootstrap5-dark.css

@@ -1606,13 +1606,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
   font-size: 14px;
 }
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
-  background: none;
-  box-shadow: none;
-}
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
-  border: none;
-}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #444c54;
@@ -2113,7 +2106,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
+.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
   text-overflow: clip;
 }
 .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2721,11 +2714,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 12px 7px 11px 8px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 14px;
   padding: 11px 7px 12px 8px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
   padding-top: 5px;
@@ -3552,7 +3547,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -2px;
+  margin-top: 0;
 }
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
@@ -3600,7 +3595,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -2px;
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/bootstrap5.css

@@ -1606,13 +1606,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
   font-size: 14px;
 }
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
-  background: none;
-  box-shadow: none;
-}
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
-  border: none;
-}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #dee2e6;
@@ -2113,7 +2106,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
+.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
   text-overflow: clip;
 }
 .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2721,11 +2714,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 12px 7px 11px 8px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 14px;
   padding: 11px 7px 12px 8px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
   padding-top: 5px;
@@ -3552,7 +3547,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -2px;
+  margin-top: 0;
 }
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
@@ -3600,7 +3595,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -2px;
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

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,59 @@
+$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-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,64 @@
+$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-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,69 @@
+$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-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,70 @@
+$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-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: 16px !default;
+$grid-bigger-xlfl-dlgfields-font-size: 18px !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,59 @@
+$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-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,64 @@
+$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-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';