@syncfusion/ej2-angular-grids 20.1.60 → 20.2.36

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

@@ -0,0 +1,69 @@
+$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: 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-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: $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: 8px !default;
+$grid-bigger-xlfl-li-icon-margin-arrow-icon: 12px !default;
+$grid-xl-radio-margin-top: 0 !default;

package/styles/excel-filter/_theme.scss

@@ -0,0 +1,27 @@
+@include export-module('excel-filter-theme') {
+  /*! Excel-Filter theme */
+  #{&}.e-excelfilter {
+    .e-footer-content {
+      border-color: $grid-columnchooser-footer-border-color;
+      opacity: $grid-columnchooser-footer-border-opacity;
+    }
+
+    .e-filtered::before {
+      color: $grid-filtered-color;
+    }
+
+    .e-dlg-content {
+      padding-bottom: $grid-excel-filter-bottom-padding;
+     }
+    }
+
+  li.e-separator.e-menu-item.e-excel-separator {
+    margin-bottom: $grid-excel-filter-separator;
+    margin-top: $grid-excel-filter-separator;
+ }
+
+  .e-xlsel {
+    background-color: $grid-autofill-color;
+    border-color: $grid-autofill-color;
+  }
+}

package/styles/excel-filter/bootstrap-dark.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'icons/bootstrap-dark.scss';
+@import 'all.scss';

package/styles/excel-filter/bootstrap.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'icons/bootstrap.scss';
+@import 'all.scss';

package/styles/excel-filter/bootstrap4.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap4-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap4-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap4-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'icons/bootstrap4.scss';
+@import 'all.scss';

package/styles/excel-filter/bootstrap5-dark.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'icons/bootstrap5-dark.scss';
+@import 'all.scss';

package/styles/excel-filter/bootstrap5.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/excel-filter/fabric-dark.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';

package/styles/excel-filter/fabric.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-inputs/styles/input/fabric-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
+@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
+@import 'ej2-popups/styles/dialog/fabric-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';

package/styles/excel-filter/fluent-dark.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'icons/fluent-dark.scss';
+@import 'all.scss';

package/styles/excel-filter/fluent.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-inputs/styles/input/fluent-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
+@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
+@import 'ej2-popups/styles/dialog/fluent-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/excel-filter/highcontrast-light.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/dialog/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/excel-filter/highcontrast.scss

@@ -1 +1,16 @@
-@import 'ej2-grids/styles/excel-filter/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
+@import 'ej2-popups/styles/dialog/highcontrast-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

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

@@ -0,0 +1,37 @@
+@include export-module('excel-filter-bootstrap-dark-icons') {
+  /*! component icons */
+
+  .e-icon-check::before {
+    content: '\e7ff';
+  }
+
+  #{&}.e-excelfilter {
+    .e-icon-filter::before {
+      content: '\e946';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e249';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e246';
+    }
+
+    .e-chkcancel-icon::before {
+      content: '\e7a7';
+    }
+
+    .e-search-icon::before {
+      content: '\e961';
+    }
+
+    .e-sortascending::before {
+      content: '\e734';
+    }
+
+    .e-sortdescending::before {
+      content: '\e733';
+    }
+  }
+}

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

@@ -0,0 +1,37 @@
+@include export-module('excel-filter-bootstrap-icons') {
+  /*! component icons */
+
+  .e-icon-check::before {
+    content: '\e7ff';
+  }
+
+  #{&}.e-excelfilter {
+    .e-excl-filter-icon::before {
+      content: '\e249';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e246';
+    }
+
+    .e-icon-filter::before {
+      content: '\e946';
+    }
+
+    .e-search-icon::before {
+      content: '\e961';
+    }
+
+    .e-chkcancel-icon::before {
+      content: '\e7a7';
+    }
+
+    .e-sortascending::before {
+      content: '\e734';
+    }
+
+    .e-sortdescending::before {
+      content: '\e733';
+    }
+  }
+}

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

@@ -0,0 +1,37 @@
+@include export-module('excel-filter-bootstrap4-icons') {
+  /*! component icons */
+
+  .e-icon-check::before {
+    content: '\e718';
+  }
+
+  #{&}.e-excelfilter {
+    .e-icon-filter::before {
+      content: '\e714';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e714';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e748';
+    }
+
+    .e-ccsearch-icon::before {
+      content: '\e724';
+    }
+
+    .e-chkcancel-icon::before {
+      content: '\e745';
+    }
+
+    .e-sortascending::before {
+      content: '\e812';
+    }
+
+    .e-sortdescending::before {
+      content: '\e811';
+    }
+  }
+}

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

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

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

@@ -0,0 +1,41 @@
+@include export-module('excel-filter-bootstrap5-icons') {
+  /*! component icons */
+
+  .e-icon-check::before {
+    content: '\e774';
+  }
+
+  #{&}.e-excelfilter {
+    .e-icon-filter::before {
+      content: '\e7f7';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e7f7';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e72c';
+    }
+
+    .e-search-icon::before {
+      content: '\e754';
+    }
+
+    .e-ccsearch-icon::before {
+      content: '\e754';
+    }
+
+    .e-chkcancel-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-sortascending::before {
+      content: '\e7a3';
+    }
+
+    .e-sortdescending::before {
+      content: '\e7b6';
+    }
+  }
+}

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

@@ -0,0 +1,37 @@
+@include export-module('excel-filter-fabric-dark-icons') {
+  /*!component icons*/
+
+  .e-icon-check::before {
+    content: '\e7ff';
+  }
+
+  #{&}.e-excelfilter {
+    .e-icon-filter::before {
+      content: '\e21c';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e250';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e247';
+    }
+
+    .e-search-icon::before {
+      content: '\e97d';
+    }
+
+    .e-chkcancel-icon::before {
+      content: '\e7a7';
+    }
+
+    .e-sortascending::before {
+      content: '\e734';
+    }
+
+    .e-sortdescending::before {
+      content: '\e733';
+    }
+  }
+}

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

@@ -0,0 +1,37 @@
+@include export-module('excel-filter-fabric-icons') {
+  /*!component icons*/
+
+  .e-icon-check::before {
+    content: '\e7ff';
+  }
+
+  #{&}.e-excelfilter {
+    .e-icon-filter::before {
+      content: '\e21c';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e250';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e247';
+    }
+
+    .e-search-icon::before {
+      content: '\e97d';
+    }
+
+    .e-chkcancel-icon::before {
+      content: '\e7a7';
+    }
+
+    .e-sortascending::before {
+      content: '\e734';
+    }
+
+    .e-sortdescending::before {
+      content: '\e733';
+    }
+  }
+}

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

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

package/styles/excel-filter/icons/_fluent.scss

@@ -0,0 +1,41 @@
+@include export-module('excel-filter-fluent-icons') {
+  /*! component icons */
+
+  .e-icon-check::before {
+    content: '\e774';
+  }
+
+  #{&}.e-excelfilter {
+    .e-icon-filter::before {
+      content: '\e7f7';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e7f7';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e72c';
+    }
+
+    .e-search-icon::before {
+      content: '\e754';
+    }
+
+    .e-ccsearch-icon::before {
+      content: '\e754';
+    }
+
+    .e-chkcancel-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-sortascending::before {
+      content: '\e7a3';
+    }
+
+    .e-sortdescending::before {
+      content: '\e7b6';
+    }
+  }
+}

package/styles/excel-filter/icons/_fusionnew.scss

@@ -0,0 +1,41 @@
+@include export-module('excel-filter-fusionnew-icons') {
+  /*! component icons */
+
+  .e-icon-check::before {
+    content: '\e774';
+  }
+
+  #{&}.e-excelfilter {
+    .e-icon-filter::before {
+      content: '\e7f7';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e7f7';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e72c';
+    }
+
+    .e-search-icon::before {
+      content: '\e754';
+    }
+
+    .e-ccsearch-icon::before {
+      content: '\e754';
+    }
+
+    .e-chkcancel-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-sortascending::before {
+      content: '\e7a3';
+    }
+
+    .e-sortdescending::before {
+      content: '\e7b6';
+    }
+  }
+}

package/styles/excel-filter/icons/_highcontrast-light.scss

@@ -0,0 +1,37 @@
+@include export-module('excel-filter-highcontrast-light-icons') {
+  /*!component icons*/
+
+  .e-icon-check::before {
+    content: '\e7ff';
+  }
+
+  #{&}.e-excelfilter {
+    .e-icon-filter::before {
+      content: '\e21c';
+    }
+
+    .e-excl-filter-icon::before {
+      content: '\e250';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e247';
+    }
+
+    .e-search-icon::before {
+      content: '\e97d';
+    }
+
+    .e-chkcancel-icon::before {
+      content: '\e7a7';
+    }
+
+    .e-sortascending::before {
+      content: '\e734';
+    }
+
+    .e-sortdescending::before {
+      content: '\e733';
+    }
+  }
+}