igniteui-angular-data-grids 21.0.0 → 21.0.1-beta.0

package/lib/GridStyleRepositoryKeys.d.ts

@@ -0,0 +1,48 @@
+import { Type } from "igniteui-angular-core";
+/**
+ * @hidden
+ */
+export declare const enum GridStyleRepositoryKeys {
+    HeaderSeparatorColorKey = 0,
+    RowSeparatorColorKey = 1,
+    StickyRowSeparatorColorKey = 2,
+    LastStickyRowSeparatorColorKey = 3,
+    HeaderRowSeparatorColorKey = 4,
+    CellDeleteTextColorKey = 5,
+    CellTextColorKey = 6,
+    BarColorKey = 7,
+    BarOutlineColorKey = 8,
+    ActivationBorderColorKey = 9,
+    CellSelectedBackgroundColorKey = 10,
+    CellBackgroundColorKey = 11,
+    CellHoverBackgroundColorKey = 12,
+    HeaderBackgroundColorKey = 13,
+    SortIndicatorColorKey = 14,
+    HeaderTextColorKey = 15,
+    SectionHeaderBackgroundColorKey = 16,
+    SectionFooterBackgroundColorKey = 17,
+    StickyRowBackgroundColorKey = 18,
+    PinnedRowBackgroundColorKey = 19,
+    RootSummaryCellBackgroundColorKey = 20,
+    SectionSummaryCellBackgroundColorKey = 21,
+    SummaryLabelTextColorKey = 22,
+    SummaryValueTextColorKey = 23,
+    ColumnMoveSeparatorBackgroundColorKey = 24,
+    ResizeSeparatorBackgroundColorKey = 25,
+    PinnedAreaSeparatorBackgroundColorKey = 26,
+    ColumnOptionsIconColorKey = 27,
+    GridBorderColorKey = 28,
+    GridBackgroundColorKey = 29,
+    CellErrorBorderColorKey = 30,
+    EditorRowOverlayBackgroundColorKey = 31,
+    CellFontKey = 32,
+    EmojiFontKey = 33,
+    CellEditFontKey = 34,
+    HeaderCellFontKey = 35,
+    SummaryValueFontKey = 36,
+    SummaryNameFontKey = 37
+}
+/**
+ * @hidden
+ */
+export declare let GridStyleRepositoryKeys_$type: Type;

package/lib/ImageCell.d.ts

@@ -10,25 +10,25 @@ import { ImageStretchOptions } from "./ImageStretchOptions";
  */
 export declare class ImageCell extends GridCellBase {
     static $t: Type;
-    private d1;
-    private dv;
+    private d2;
     private dw;
-    private d3;
     private dx;
+    private d4;
     private dy;
-    private d0;
-    get d2(): DomWrapper;
-    get dz(): number;
-    set dz(a: number);
+    private dz;
+    private d1;
+    get d3(): DomWrapper;
+    get d0(): number;
+    set d0(a: number);
     constructor(a: DomRenderer);
+    private d7;
+    d8(a: string, b: ImageResourceType): void;
     private d6;
-    d7(a: string, b: ImageResourceType): void;
-    private d5;
-    ea(a: ImageStretchOptions): void;
-    private eb;
-    d4(): void;
-    d8(a: CellContentHorizontalAlignment): void;
-    d9(a: CellContentVerticalAlignment): void;
+    eb(a: ImageStretchOptions): void;
+    private ec;
+    d5(): void;
+    d9(a: CellContentHorizontalAlignment): void;
+    ea(a: CellContentVerticalAlignment): void;
     protected get_ae(): boolean;
     protected ck(a: string, b: any, c: any): void;
 }

package/lib/SectionHeaderCell.d.ts

@@ -6,8 +6,8 @@ import { Type } from "igniteui-angular-core";
  */
 export declare class SectionHeaderCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dw(): DomWrapper;
+    private dw;
+    get dx(): DomWrapper;
     constructor(a: DomRenderer);
     protected get_ae(): boolean;
     protected ck(a: string, b: any, c: any): void;

package/lib/SummaryCell.d.ts

@@ -6,14 +6,14 @@ import { Type } from "igniteui-angular-core";
  */
 export declare class SummaryCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dy(): DomWrapper;
     private dw;
     get dz(): DomWrapper;
     private dx;
+    get d0(): DomWrapper;
+    private dy;
+    private d2;
+    dc(a: number, b: number): void;
     private d1;
-    db(a: number, b: number): void;
-    private d0;
     c1(a: number, b: number): void;
     constructor(a: DomRenderer);
     protected get_ae(): boolean;

package/lib/TemplateCell.d.ts

@@ -7,11 +7,11 @@ import { Type } from "igniteui-angular-core";
  */
 export declare class TemplateCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dw(): TemplateCellContainer;
+    private dw;
+    get dx(): TemplateCellContainer;
     constructor(a: DomRenderer);
     protected get_ae(): boolean;
     protected ck(a: string, b: any, c: any): void;
     b9(): void;
-    private dx;
+    private dy;
 }

package/lib/TemplateHeader.d.ts

@@ -12,8 +12,8 @@ export declare class TemplateHeader extends Header {
     static $t: Type;
     constructor();
     protected n(a: CellPath): CellModel;
-    protected d3(a: CellPath, b: DataGrid, c: any): string;
-    ep(a: CellModel, b: DataGrid, c: any, d: any): void;
-    hr(a: TemplateHeaderCellModel, b: any): void;
+    protected d4(a: CellPath, b: DataGrid, c: any): string;
+    eq(a: CellModel, b: DataGrid, c: any, d: any): void;
+    ht(a: TemplateHeaderCellModel, b: any): void;
     cellUpdating: (sender: any, args: TemplateHeaderCellUpdatingEventArgs) => void;
 }

package/lib/TemplateHeaderCell.d.ts

@@ -7,8 +7,8 @@ import { Type } from "igniteui-angular-core";
  */
 export declare class TemplateHeaderCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dw(): TemplateCellContainer;
+    private dw;
+    get dx(): TemplateCellContainer;
     constructor(a: DomRenderer);
     protected get_ac(): boolean;
 }

package/lib/TemplateSectionHeader.d.ts

@@ -10,8 +10,8 @@ import { TemplateSectionHeaderCellUpdatingEventArgs } from "./TemplateSectionHea
  */
 export declare class TemplateSectionHeader extends SectionHeader {
     static $t: Type;
-    protected d3(a: CellPath, b: DataGrid, c: any): string;
+    protected d4(a: CellPath, b: DataGrid, c: any): string;
     protected n(a: CellPath): CellModel;
-    hv(a: TemplateSectionHeaderCellModel, b: any): void;
+    hx(a: TemplateSectionHeaderCellModel, b: any): void;
     cellUpdating: (sender: any, args: TemplateSectionHeaderCellUpdatingEventArgs) => void;
 }

package/lib/TextCell.d.ts

@@ -7,11 +7,11 @@ import { FontInfo } from "igniteui-angular-core";
  */
 export declare class TextCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dw(): DomWrapper;
+    private dw;
+    get dx(): DomWrapper;
+    private dz;
+    dc(a: number, b: number): void;
     private dy;
-    db(a: number, b: number): void;
-    private dx;
     c1(a: number, b: number): void;
     constructor(a: DomRenderer);
     c0(a: DomWrapper, b: FontInfo): void;

package/lib/TextHeaderCell.d.ts

@@ -8,49 +8,51 @@ import { ICellActionManager } from "./ICellActionManager";
 import { Type } from "igniteui-angular-core";
 import { FontInfo } from "igniteui-angular-core";
 import { CellContentHorizontalAlignment } from "./CellContentHorizontalAlignment";
+import { BaseControlTheme } from "igniteui-angular-core";
 /**
  * @hidden
  */
 export declare class TextHeaderCell extends GridCellBase {
     static $t: Type;
-    private d6;
-    private d2;
-    private d0;
+    private d7;
+    private d3;
+    private d1;
+    private dx;
     private dw;
-    private dv;
-    get d9(): DomWrapper;
-    get d3(): GridSortIndicator;
-    get d1(): GridFilterDialog;
-    private dy;
-    get dz(): ColumnOptionsIconBehavior;
-    set dz(a: ColumnOptionsIconBehavior);
-    get dx(): ColumnOptionsIconAlignment;
-    set dx(a: ColumnOptionsIconAlignment);
+    get ea(): DomWrapper;
+    get d4(): GridSortIndicator;
+    get d2(): GridFilterDialog;
+    private dz;
+    get d0(): ColumnOptionsIconBehavior;
+    set d0(a: ColumnOptionsIconBehavior);
+    get dy(): ColumnOptionsIconAlignment;
+    set dy(a: ColumnOptionsIconAlignment);
     protected af(a: ICellActionManager): boolean;
-    private d8;
+    private d9;
+    private ec;
+    dc(a: number, b: number): void;
     private eb;
-    db(a: number, b: number): void;
-    private ea;
     c1(a: number, b: number): void;
     c0(a: DomWrapper, b: FontInfo): void;
-    protected dc(a: number, b: number, c: number, d: number): void;
+    protected dd(a: number, b: number, c: number, d: number): void;
     constructor(a: DomRenderer);
-    private ee;
+    private ef;
+    private em;
     private el;
-    private ek;
-    private eg;
     private eh;
-    private ef;
+    private ei;
+    private eg;
     ci(a: DomWrapper, b: DomWrapper, c: CellContentHorizontalAlignment): void;
     c6(a: number, b: number, c: number, d: number): void;
+    private ek;
     private ej;
-    private ei;
     protected ck(a: string, b: any, c: any): void;
-    private d4;
+    private d5;
     onContactStarted(e_: NormalizedEvent, a: boolean): void;
     onContactCompleted(e_: NormalizedEvent, a: boolean): void;
     detach(): void;
+    da(a: BaseControlTheme): void;
     protected get_ac(): boolean;
-    d7: DomWrapper;
-    d5: boolean;
+    d8: DomWrapper;
+    d6: boolean;
 }

package/lib/VerticalSeparatorCell.d.ts

@@ -8,14 +8,14 @@ import { Type } from "igniteui-angular-core";
  */
 export declare class VerticalSeparatorCell extends GridCellBase {
     static $t: Type;
-    private dw;
-    private dv;
     private dx;
+    private dw;
     private dy;
+    private dz;
     constructor(a: DomRenderer);
     cx(a: Brush, b: number, c: number, d: number, e: number): void;
-    db(a: number, b: number): void;
+    dc(a: number, b: number): void;
     cw(a: Color): void;
+    private d1;
     private d0;
-    private dz;
 }

package/lib/igx-data-grid-column-component.d.ts

@@ -257,6 +257,60 @@ export declare abstract class IgxDataGridColumnComponent extends IgxDefinitionBa
     get isColumnOptionsGroupingEnabled(): boolean;
     set isColumnOptionsGroupingEnabled(v: boolean);
     static ngAcceptInputType_isColumnOptionsGroupingEnabled: boolean | string;
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get actualColumnOptionsBackground(): string;
+    set actualColumnOptionsBackground(v: string);
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get columnOptionsBackground(): string;
+    set columnOptionsBackground(v: string);
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get actualColumnOptionsTextColor(): string;
+    set actualColumnOptionsTextColor(v: string);
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get columnOptionsTextColor(): string;
+    set columnOptionsTextColor(v: string);
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get actualColumnOptionsSeparatorColor(): string;
+    set actualColumnOptionsSeparatorColor(v: string);
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get columnOptionsSeparatorColor(): string;
+    set columnOptionsSeparatorColor(v: string);
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get actualColumnOptionsGroupHeaderBackground(): string;
+    set actualColumnOptionsGroupHeaderBackground(v: string);
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderBackground(): string;
+    set columnOptionsGroupHeaderBackground(v: string);
+    /**
+     * Gets the actual text color for group headers inside the column options menu.
+    */
+    get actualColumnOptionsGroupHeaderTextColor(): string;
+    set actualColumnOptionsGroupHeaderTextColor(v: string);
+    /**
+     * Gets or sets the text color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderTextColor(): string;
+    set columnOptionsGroupHeaderTextColor(v: string);
+    get actualColumnOptionsAccentColor(): string;
+    set actualColumnOptionsAccentColor(v: string);
+    get columnOptionsAccentColor(): string;
+    set columnOptionsAccentColor(v: string);
     /**
      * Gets or sets if the column is editable.
     */
@@ -469,5 +523,5 @@ export declare abstract class IgxDataGridColumnComponent extends IgxDefinitionBa
     private _actualHeaderTextChange;
     get actualHeaderTextChange(): EventEmitter<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxDataGridColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDataGridColumnComponent, "ng-component", never, { "paddingLeft": "paddingLeft"; "paddingTop": "paddingTop"; "paddingRight": "paddingRight"; "paddingBottom": "paddingBottom"; "name": "name"; "field": "field"; "headerText": "headerText"; "actualHeaderText": "actualHeaderText"; "selectedBackground": "selectedBackground"; "actualSelectedBackground": "actualSelectedBackground"; "rowHoverBackground": "rowHoverBackground"; "actualHoverBackground": "actualHoverBackground"; "rowHoverTextColor": "rowHoverTextColor"; "actualRowHoverTextColor": "actualRowHoverTextColor"; "animationSettings": "animationSettings"; "width": "width"; "minWidth": "minWidth"; "isFromMarkup": "isFromMarkup"; "isAutoGenerated": "isAutoGenerated"; "filter": "filter"; "filterExpression": "filterExpression"; "header": "header"; "isFilteringEnabled": "isFilteringEnabled"; "isResizingEnabled": "isResizingEnabled"; "isHidden": "isHidden"; "shouldRemoveWhenHidden": "shouldRemoveWhenHidden"; "sortDirection": "sortDirection"; "pinned": "pinned"; "actualColumnOptionsIconAlignment": "actualColumnOptionsIconAlignment"; "columnOptionsIconAlignment": "columnOptionsIconAlignment"; "actualColumnOptionsIconColor": "actualColumnOptionsIconColor"; "columnOptionsIconColor": "columnOptionsIconColor"; "columnOptionsIconBehavior": "columnOptionsIconBehavior"; "actualColumnOptionsIconBehavior": "actualColumnOptionsIconBehavior"; "actualIsColumnOptionsEnabled": "actualIsColumnOptionsEnabled"; "isColumnOptionsEnabled": "isColumnOptionsEnabled"; "actualIsColumnOptionsSummariesEnabled": "actualIsColumnOptionsSummariesEnabled"; "isColumnOptionsSummariesEnabled": "isColumnOptionsSummariesEnabled"; "actualIsColumnOptionsGroupingEnabled": "actualIsColumnOptionsGroupingEnabled"; "isColumnOptionsGroupingEnabled": "isColumnOptionsGroupingEnabled"; "isEditable": "isEditable"; "deletedTextColor": "deletedTextColor"; "actualDeletedTextColor": "actualDeletedTextColor"; "editOpacity": "editOpacity"; "actualEditOpacity": "actualEditOpacity"; "textEditStyle": "textEditStyle"; "actualEditFontInfo": "actualEditFontInfo"; "mergedCellMode": "mergedCellMode"; "mergedCellEvaluationCriteria": "mergedCellEvaluationCriteria"; "mergedCellVerticalAlignment": "mergedCellVerticalAlignment"; "mergedCellPaddingLeft": "mergedCellPaddingLeft"; "mergedCellPaddingTop": "mergedCellPaddingTop"; "mergedCellPaddingRight": "mergedCellPaddingRight"; "mergedCellPaddingBottom": "mergedCellPaddingBottom"; "filterComparisonType": "filterComparisonType"; "filterOperands": "filterOperands"; "suffixText": "suffixText"; "suffixTextColor": "suffixTextColor"; "suffixTextStyle": "suffixTextStyle"; "suffixIconName": "suffixIconName"; "suffixIconCollectionName": "suffixIconCollectionName"; "suffixIconStroke": "suffixIconStroke"; "suffixIconFill": "suffixIconFill"; "suffixIconViewBoxLeft": "suffixIconViewBoxLeft"; "suffixIconViewBoxTop": "suffixIconViewBoxTop"; "suffixIconViewBoxWidth": "suffixIconViewBoxWidth"; "suffixIconViewBoxHeight": "suffixIconViewBoxHeight"; "suffixMargin": "suffixMargin"; "textDecoration": "textDecoration"; }, { "formatCell": "formatCell"; "actualHeaderTextChange": "actualHeaderTextChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDataGridColumnComponent, "ng-component", never, { "paddingLeft": "paddingLeft"; "paddingTop": "paddingTop"; "paddingRight": "paddingRight"; "paddingBottom": "paddingBottom"; "name": "name"; "field": "field"; "headerText": "headerText"; "actualHeaderText": "actualHeaderText"; "selectedBackground": "selectedBackground"; "actualSelectedBackground": "actualSelectedBackground"; "rowHoverBackground": "rowHoverBackground"; "actualHoverBackground": "actualHoverBackground"; "rowHoverTextColor": "rowHoverTextColor"; "actualRowHoverTextColor": "actualRowHoverTextColor"; "animationSettings": "animationSettings"; "width": "width"; "minWidth": "minWidth"; "isFromMarkup": "isFromMarkup"; "isAutoGenerated": "isAutoGenerated"; "filter": "filter"; "filterExpression": "filterExpression"; "header": "header"; "isFilteringEnabled": "isFilteringEnabled"; "isResizingEnabled": "isResizingEnabled"; "isHidden": "isHidden"; "shouldRemoveWhenHidden": "shouldRemoveWhenHidden"; "sortDirection": "sortDirection"; "pinned": "pinned"; "actualColumnOptionsIconAlignment": "actualColumnOptionsIconAlignment"; "columnOptionsIconAlignment": "columnOptionsIconAlignment"; "actualColumnOptionsIconColor": "actualColumnOptionsIconColor"; "columnOptionsIconColor": "columnOptionsIconColor"; "columnOptionsIconBehavior": "columnOptionsIconBehavior"; "actualColumnOptionsIconBehavior": "actualColumnOptionsIconBehavior"; "actualIsColumnOptionsEnabled": "actualIsColumnOptionsEnabled"; "isColumnOptionsEnabled": "isColumnOptionsEnabled"; "actualIsColumnOptionsSummariesEnabled": "actualIsColumnOptionsSummariesEnabled"; "isColumnOptionsSummariesEnabled": "isColumnOptionsSummariesEnabled"; "actualIsColumnOptionsGroupingEnabled": "actualIsColumnOptionsGroupingEnabled"; "isColumnOptionsGroupingEnabled": "isColumnOptionsGroupingEnabled"; "actualColumnOptionsBackground": "actualColumnOptionsBackground"; "columnOptionsBackground": "columnOptionsBackground"; "actualColumnOptionsTextColor": "actualColumnOptionsTextColor"; "columnOptionsTextColor": "columnOptionsTextColor"; "actualColumnOptionsSeparatorColor": "actualColumnOptionsSeparatorColor"; "columnOptionsSeparatorColor": "columnOptionsSeparatorColor"; "actualColumnOptionsGroupHeaderBackground": "actualColumnOptionsGroupHeaderBackground"; "columnOptionsGroupHeaderBackground": "columnOptionsGroupHeaderBackground"; "actualColumnOptionsGroupHeaderTextColor": "actualColumnOptionsGroupHeaderTextColor"; "columnOptionsGroupHeaderTextColor": "columnOptionsGroupHeaderTextColor"; "actualColumnOptionsAccentColor": "actualColumnOptionsAccentColor"; "columnOptionsAccentColor": "columnOptionsAccentColor"; "isEditable": "isEditable"; "deletedTextColor": "deletedTextColor"; "actualDeletedTextColor": "actualDeletedTextColor"; "editOpacity": "editOpacity"; "actualEditOpacity": "actualEditOpacity"; "textEditStyle": "textEditStyle"; "actualEditFontInfo": "actualEditFontInfo"; "mergedCellMode": "mergedCellMode"; "mergedCellEvaluationCriteria": "mergedCellEvaluationCriteria"; "mergedCellVerticalAlignment": "mergedCellVerticalAlignment"; "mergedCellPaddingLeft": "mergedCellPaddingLeft"; "mergedCellPaddingTop": "mergedCellPaddingTop"; "mergedCellPaddingRight": "mergedCellPaddingRight"; "mergedCellPaddingBottom": "mergedCellPaddingBottom"; "filterComparisonType": "filterComparisonType"; "filterOperands": "filterOperands"; "suffixText": "suffixText"; "suffixTextColor": "suffixTextColor"; "suffixTextStyle": "suffixTextStyle"; "suffixIconName": "suffixIconName"; "suffixIconCollectionName": "suffixIconCollectionName"; "suffixIconStroke": "suffixIconStroke"; "suffixIconFill": "suffixIconFill"; "suffixIconViewBoxLeft": "suffixIconViewBoxLeft"; "suffixIconViewBoxTop": "suffixIconViewBoxTop"; "suffixIconViewBoxWidth": "suffixIconViewBoxWidth"; "suffixIconViewBoxHeight": "suffixIconViewBoxHeight"; "suffixMargin": "suffixMargin"; "textDecoration": "textDecoration"; }, { "formatCell": "formatCell"; "actualHeaderTextChange": "actualHeaderTextChange"; }, never, never>;
 }

package/lib/igx-data-grid-component.d.ts

@@ -89,6 +89,7 @@ import { FilterComparisonType } from "./FilterComparisonType";
 import { IgxGridCustomFilterRequestedEventArgs } from "./igx-grid-custom-filter-requested-event-args";
 import { CellContentVerticalAlignment } from "./CellContentVerticalAlignment";
 import { IgxDataSourceRootSummariesChangedEventArgs } from "igniteui-angular-core";
+import { BaseControlTheme } from "igniteui-angular-core";
 import * as i0 from "@angular/core";
 export declare class IgxDataGridComponent implements OnInit, AfterContentInit {
     private _ngrenderer;
@@ -196,8 +197,14 @@ export declare class IgxDataGridComponent implements OnInit, AfterContentInit {
     get isGroupByAreaVisible(): boolean;
     set isGroupByAreaVisible(value: boolean);
     /**
- * Gets or sets the type of column resizing to use.
+ * Gets or sets the base theme used by the grid.
 */
+    get theme(): BaseControlTheme;
+    set theme(v: BaseControlTheme);
+    static ngAcceptInputType_theme: BaseControlTheme | string;
+    /**
+     * Gets or sets the type of column resizing to use.
+    */
     get columnResizingMode(): ColumnResizingMode;
     set columnResizingMode(v: ColumnResizingMode);
     static ngAcceptInputType_columnResizingMode: ColumnResizingMode | string;
@@ -796,6 +803,11 @@ export declare class IgxDataGridComponent implements OnInit, AfterContentInit {
     get columnOptionsIconBehavior(): ColumnOptionsIconBehavior;
     set columnOptionsIconBehavior(v: ColumnOptionsIconBehavior);
     static ngAcceptInputType_columnOptionsIconBehavior: ColumnOptionsIconBehavior | string;
+    /**
+     * Gets the actual border color around the grid.
+    */
+    get actualBorder(): string;
+    set actualBorder(v: string);
     /**
      * Gets or sets the border color around the grid.
     */
@@ -863,6 +875,16 @@ export declare class IgxDataGridComponent implements OnInit, AfterContentInit {
     get stopPropagation(): boolean;
     set stopPropagation(v: boolean);
     static ngAcceptInputType_stopPropagation: boolean | string;
+    /**
+     * Gets the actual background for the grid.
+    */
+    get actualBackground(): string;
+    set actualBackground(v: string);
+    /**
+     * Gets or sets the background for the grid.
+    */
+    get background(): string;
+    set background(v: string);
     private _responsiveStates;
     /**
      * A set of states that can be applied to the columns of the grid based on available space.
@@ -1127,6 +1149,33 @@ export declare class IgxDataGridComponent implements OnInit, AfterContentInit {
     */
     get scrollbarBackground(): string;
     set scrollbarBackground(v: string);
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get columnOptionsBackground(): string;
+    set columnOptionsBackground(v: string);
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get columnOptionsTextColor(): string;
+    set columnOptionsTextColor(v: string);
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get columnOptionsSeparatorColor(): string;
+    set columnOptionsSeparatorColor(v: string);
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderBackground(): string;
+    set columnOptionsGroupHeaderBackground(v: string);
+    /**
+     * Gets or sets the text color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderTextColor(): string;
+    set columnOptionsGroupHeaderTextColor(v: string);
+    get columnOptionsAccentColor(): string;
+    set columnOptionsAccentColor(v: string);
     get allowCopyOperation(): boolean;
     set allowCopyOperation(v: boolean);
     static ngAcceptInputType_allowCopyOperation: boolean | string;
@@ -1605,5 +1654,5 @@ export declare class IgxDataGridComponent implements OnInit, AfterContentInit {
     protected _zoneRunner: (act: () => void) => void;
     protected _runInZone(act: () => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxDataGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDataGridComponent, "igx-data-grid", never, { "height": "height"; "width": "width"; "dataSource": "dataSource"; "columnResizingMode": "columnResizingMode"; "columnMovingMode": "columnMovingMode"; "isRowHoverEnabled": "isRowHoverEnabled"; "rowHoverBackground": "rowHoverBackground"; "rowHoverTextColor": "rowHoverTextColor"; "editRowBorder": "editRowBorder"; "editRowBorderWidthBottom": "editRowBorderWidthBottom"; "editRowBorderWidthLeft": "editRowBorderWidthLeft"; "editRowBorderWidthRight": "editRowBorderWidthRight"; "editRowBorderWidthTop": "editRowBorderWidthTop"; "sectionHeader": "sectionHeader"; "summaryRowRoot": "summaryRowRoot"; "summaryRowSection": "summaryRowSection"; "rowSeparator": "rowSeparator"; "headerRowSeparator": "headerRowSeparator"; "headerSeparator": "headerSeparator"; "columnResizingSeparator": "columnResizingSeparator"; "columnMovingSeparator": "columnMovingSeparator"; "pinnedAreaSeparator": "pinnedAreaSeparator"; "autoGenerateDesiredProperties": "autoGenerateDesiredProperties"; "dataSourceDesiredProperties": "dataSourceDesiredProperties"; "density": "density"; "actualRowHeight": "actualRowHeight"; "rowHeight": "rowHeight"; "defaultColumnMinWidth": "defaultColumnMinWidth"; "actualHeaderHeight": "actualHeaderHeight"; "headerHeight": "headerHeight"; "headerClickAction": "headerClickAction"; "editMode": "editMode"; "editModeClickAction": "editModeClickAction"; "editOnKeyPress": "editOnKeyPress"; "autoGenerateColumns": "autoGenerateColumns"; "rowSeparatorHeight": "rowSeparatorHeight"; "isPlaceholderRenderingEnabled": "isPlaceholderRenderingEnabled"; "columnAddingAnimationMode": "columnAddingAnimationMode"; "columnPropertyUpdatingAnimationMode": "columnPropertyUpdatingAnimationMode"; "cellDataLoadedAnimationMode": "cellDataLoadedAnimationMode"; "rowSelectionAnimationMode": "rowSelectionAnimationMode"; "rowHoverAnimationMode": "rowHoverAnimationMode"; "cellSelectionAnimationMode": "cellSelectionAnimationMode"; "animationSettings": "animationSettings"; "columnResizingAnimationMode": "columnResizingAnimationMode"; "columnShowingAnimationMode": "columnShowingAnimationMode"; "columnMovingAnimationMode": "columnMovingAnimationMode"; "columnHidingAnimationMode": "columnHidingAnimationMode"; "columnExchangingAnimationMode": "columnExchangingAnimationMode"; "selectionMode": "selectionMode"; "activationMode": "activationMode"; "selectionBehavior": "selectionBehavior"; "mouseDragSelectionEnabled": "mouseDragSelectionEnabled"; "selectedItems": "selectedItems"; "selectedKeys": "selectedKeys"; "selectedCells": "selectedCells"; "selectedCellRanges": "selectedCellRanges"; "pinnedItems": "pinnedItems"; "pinnedKeys": "pinnedKeys"; "isColumnOptionsEnabled": "isColumnOptionsEnabled"; "isGroupRowSticky": "isGroupRowSticky"; "isHeaderSeparatorVisible": "isHeaderSeparatorVisible"; "cellSelectedBackground": "cellSelectedBackground"; "sectionHeaderSelectedBackground": "sectionHeaderSelectedBackground"; "summaryRootBackground": "summaryRootBackground"; "summarySectionBackground": "summarySectionBackground"; "pinnedRowOpacity": "pinnedRowOpacity"; "editTextStyle": "editTextStyle"; "editOpacity": "editOpacity"; "deletedTextColor": "deletedTextColor"; "stickyRowBackground": "stickyRowBackground"; "pinnedRowBackground": "pinnedRowBackground"; "lastStickyRowBackground": "lastStickyRowBackground"; "activeCell": "activeCell"; "cellBackground": "cellBackground"; "cellTextColor": "cellTextColor"; "headerSortIndicatorColor": "headerSortIndicatorColor"; "headerSortIndicatorStyle": "headerSortIndicatorStyle"; "cellTextStyle": "cellTextStyle"; "sectionHeaderBackground": "sectionHeaderBackground"; "sectionHeaderTextColor": "sectionHeaderTextColor"; "sectionHeaderTextStyle": "sectionHeaderTextStyle"; "summaryRootLabelTextStyle": "summaryRootLabelTextStyle"; "summarySectionLabelTextStyle": "summarySectionLabelTextStyle"; "summaryRootValueTextColor": "summaryRootValueTextColor"; "summaryRootValueTextStyle": "summaryRootValueTextStyle"; "summarySectionValueTextStyle": "summarySectionValueTextStyle"; "summarySectionValueTextColor": "summarySectionValueTextColor"; "summaryRootLabelTextColor": "summaryRootLabelTextColor"; "summarySectionLabelTextColor": "summarySectionLabelTextColor"; "summaryRootSelectedBackground": "summaryRootSelectedBackground"; "summarySectionSelectedBackground": "summarySectionSelectedBackground"; "pinnedAreaSeparatorWidth": "pinnedAreaSeparatorWidth"; "headerSeparatorWidth": "headerSeparatorWidth"; "headerSeparatorBackground": "headerSeparatorBackground"; "headerBackground": "headerBackground"; "headerTextColor": "headerTextColor"; "headerTextStyle": "headerTextStyle"; "rowSeparatorBackground": "rowSeparatorBackground"; "headerRowSeparatorBackground": "headerRowSeparatorBackground"; "rowSeparatorStickyRowBackground": "rowSeparatorStickyRowBackground"; "rowSeparatorLastStickyRowBackground": "rowSeparatorLastStickyRowBackground"; "rowSeparatorPinnedRowBackground": "rowSeparatorPinnedRowBackground"; "columnResizingSeparatorWidth": "columnResizingSeparatorWidth"; "columnResizingSeparatorOpacity": "columnResizingSeparatorOpacity"; "columnMovingSeparatorWidth": "columnMovingSeparatorWidth"; "columnMovingSeparatorOpacity": "columnMovingSeparatorOpacity"; "columnResizingSeparatorBackground": "columnResizingSeparatorBackground"; "columnMovingSeparatorBackground": "columnMovingSeparatorBackground"; "shiftSectionContent": "shiftSectionContent"; "columnOptionsIconAlignment": "columnOptionsIconAlignment"; "columnOptionsIconColor": "columnOptionsIconColor"; "columnOptionsIconBehavior": "columnOptionsIconBehavior"; "border": "border"; "actualBorderWidth": "actualBorderWidth"; "borderWidthBottom": "borderWidthBottom"; "borderWidthLeft": "borderWidthLeft"; "borderWidthRight": "borderWidthRight"; "borderWidthTop": "borderWidthTop"; "notifyOnAllSelectionChanges": "notifyOnAllSelectionChanges"; "cornerRadiusBottomRight": "cornerRadiusBottomRight"; "cornerRadiusBottomLeft": "cornerRadiusBottomLeft"; "cornerRadiusTopLeft": "cornerRadiusTopLeft"; "cornerRadiusTopRight": "cornerRadiusTopRight"; "actualCornerRadiusBottomRight": "actualCornerRadiusBottomRight"; "actualCornerRadiusBottomLeft": "actualCornerRadiusBottomLeft"; "actualCornerRadiusTopLeft": "actualCornerRadiusTopLeft"; "actualCornerRadiusTopRight": "actualCornerRadiusTopRight"; "isActiveCellStyleEnabled": "isActiveCellStyleEnabled"; "stopPropagation": "stopPropagation"; "responsiveStates": "responsiveStates"; "initialSorts": "initialSorts"; "initialGroups": "initialGroups"; "initialSummaries": "initialSummaries"; "summaryScope": "summaryScope"; "isGroupCollapsable": "isGroupCollapsable"; "groupHeaderDisplayMode": "groupHeaderDisplayMode"; "isGroupExpandedDefault": "isGroupExpandedDefault"; "groupSummaryDisplayMode": "groupSummaryDisplayMode"; "autoAcceptEdits": "autoAcceptEdits"; "primaryKey": "primaryKey"; "actualPrimaryKey": "actualPrimaryKey"; "actualColumns": "actualColumns"; "reactsToSortChanges": "reactsToSortChanges"; "reactsToGroupChanges": "reactsToGroupChanges"; "reactsToFilterChanges": "reactsToFilterChanges"; "enterBehavior": "enterBehavior"; "enterBehaviorAfterEdit": "enterBehaviorAfterEdit"; "isColumnOptionsSummariesEnabled": "isColumnOptionsSummariesEnabled"; "isColumnOptionsGroupingEnabled": "isColumnOptionsGroupingEnabled"; "mergedCellMode": "mergedCellMode"; "mergedCellEvaluationCriteria": "mergedCellEvaluationCriteria"; "mergedCellVerticalAlignment": "mergedCellVerticalAlignment"; "filterUIType": "filterUIType"; "filterLogicalOperator": "filterLogicalOperator"; "filterComparisonType": "filterComparisonType"; "todayOverride": "todayOverride"; "clearSelectionOnEscape": "clearSelectionOnEscape"; "pageSize": "pageSize"; "isToolbarColumnChooserVisible": "isToolbarColumnChooserVisible"; "isToolbarColumnPinningVisible": "isToolbarColumnPinningVisible"; "toolbarTitle": "toolbarTitle"; "toolbarColumnChooserText": "toolbarColumnChooserText"; "toolbarColumnChooserTitle": "toolbarColumnChooserTitle"; "toolbarColumnPinningText": "toolbarColumnPinningText"; "toolbarColumnPinningTitle": "toolbarColumnPinningTitle"; "scrollbarStyle": "scrollbarStyle"; "scrollbarBackground": "scrollbarBackground"; "allowCopyOperation": "allowCopyOperation"; "deferEventForRowDragSelection": "deferEventForRowDragSelection"; }, { "filterExpressionsChanging": "filterExpressionsChanging"; "filterExpressionsChanged": "filterExpressionsChanged"; "cellPreviewPointerDown": "cellPreviewPointerDown"; "cellPreviewPointerUp": "cellPreviewPointerUp"; "cellPointerDown": "cellPointerDown"; "cellPointerUp": "cellPointerUp"; "cellClicked": "cellClicked"; "sortDescriptionsChanged": "sortDescriptionsChanged"; "groupDescriptionsChanged": "groupDescriptionsChanged"; "summaryDescriptionsChanged": "summaryDescriptionsChanged"; "columnHiddenChanged": "columnHiddenChanged"; "columnPinnedChanged": "columnPinnedChanged"; "cellValueChanging": "cellValueChanging"; "dataCommitted": "dataCommitted"; "dataCommitting": "dataCommitting"; "rootSummariesChanged": "rootSummariesChanged"; "sizeChanged": "sizeChanged"; "actualColumnsChanged": "actualColumnsChanged"; "columnsAutoGenerated": "columnsAutoGenerated"; "selectedItemsChanged": "selectedItemsChanged"; "selectedKeysChanged": "selectedKeysChanged"; "selectedCellsChanged": "selectedCellsChanged"; "selectionChanged": "selectionChanged"; "activeCellChanged": "activeCellChanged"; "selectedCellRangesChanged": "selectedCellRangesChanged"; "columnWidthChanged": "columnWidthChanged"; "cellEditStarted": "cellEditStarted"; "cellEditEnded": "cellEditEnded"; "rowEditStarted": "rowEditStarted"; "rowEditEnded": "rowEditEnded"; "customFilterRequested": "customFilterRequested"; "actualPrimaryKeyChange": "actualPrimaryKeyChange"; }, ["contentColumns"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDataGridComponent, "igx-data-grid", never, { "height": "height"; "width": "width"; "dataSource": "dataSource"; "theme": "theme"; "columnResizingMode": "columnResizingMode"; "columnMovingMode": "columnMovingMode"; "isRowHoverEnabled": "isRowHoverEnabled"; "rowHoverBackground": "rowHoverBackground"; "rowHoverTextColor": "rowHoverTextColor"; "editRowBorder": "editRowBorder"; "editRowBorderWidthBottom": "editRowBorderWidthBottom"; "editRowBorderWidthLeft": "editRowBorderWidthLeft"; "editRowBorderWidthRight": "editRowBorderWidthRight"; "editRowBorderWidthTop": "editRowBorderWidthTop"; "sectionHeader": "sectionHeader"; "summaryRowRoot": "summaryRowRoot"; "summaryRowSection": "summaryRowSection"; "rowSeparator": "rowSeparator"; "headerRowSeparator": "headerRowSeparator"; "headerSeparator": "headerSeparator"; "columnResizingSeparator": "columnResizingSeparator"; "columnMovingSeparator": "columnMovingSeparator"; "pinnedAreaSeparator": "pinnedAreaSeparator"; "autoGenerateDesiredProperties": "autoGenerateDesiredProperties"; "dataSourceDesiredProperties": "dataSourceDesiredProperties"; "density": "density"; "actualRowHeight": "actualRowHeight"; "rowHeight": "rowHeight"; "defaultColumnMinWidth": "defaultColumnMinWidth"; "actualHeaderHeight": "actualHeaderHeight"; "headerHeight": "headerHeight"; "headerClickAction": "headerClickAction"; "editMode": "editMode"; "editModeClickAction": "editModeClickAction"; "editOnKeyPress": "editOnKeyPress"; "autoGenerateColumns": "autoGenerateColumns"; "rowSeparatorHeight": "rowSeparatorHeight"; "isPlaceholderRenderingEnabled": "isPlaceholderRenderingEnabled"; "columnAddingAnimationMode": "columnAddingAnimationMode"; "columnPropertyUpdatingAnimationMode": "columnPropertyUpdatingAnimationMode"; "cellDataLoadedAnimationMode": "cellDataLoadedAnimationMode"; "rowSelectionAnimationMode": "rowSelectionAnimationMode"; "rowHoverAnimationMode": "rowHoverAnimationMode"; "cellSelectionAnimationMode": "cellSelectionAnimationMode"; "animationSettings": "animationSettings"; "columnResizingAnimationMode": "columnResizingAnimationMode"; "columnShowingAnimationMode": "columnShowingAnimationMode"; "columnMovingAnimationMode": "columnMovingAnimationMode"; "columnHidingAnimationMode": "columnHidingAnimationMode"; "columnExchangingAnimationMode": "columnExchangingAnimationMode"; "selectionMode": "selectionMode"; "activationMode": "activationMode"; "selectionBehavior": "selectionBehavior"; "mouseDragSelectionEnabled": "mouseDragSelectionEnabled"; "selectedItems": "selectedItems"; "selectedKeys": "selectedKeys"; "selectedCells": "selectedCells"; "selectedCellRanges": "selectedCellRanges"; "pinnedItems": "pinnedItems"; "pinnedKeys": "pinnedKeys"; "isColumnOptionsEnabled": "isColumnOptionsEnabled"; "isGroupRowSticky": "isGroupRowSticky"; "isHeaderSeparatorVisible": "isHeaderSeparatorVisible"; "cellSelectedBackground": "cellSelectedBackground"; "sectionHeaderSelectedBackground": "sectionHeaderSelectedBackground"; "summaryRootBackground": "summaryRootBackground"; "summarySectionBackground": "summarySectionBackground"; "pinnedRowOpacity": "pinnedRowOpacity"; "editTextStyle": "editTextStyle"; "editOpacity": "editOpacity"; "deletedTextColor": "deletedTextColor"; "stickyRowBackground": "stickyRowBackground"; "pinnedRowBackground": "pinnedRowBackground"; "lastStickyRowBackground": "lastStickyRowBackground"; "activeCell": "activeCell"; "cellBackground": "cellBackground"; "cellTextColor": "cellTextColor"; "headerSortIndicatorColor": "headerSortIndicatorColor"; "headerSortIndicatorStyle": "headerSortIndicatorStyle"; "cellTextStyle": "cellTextStyle"; "sectionHeaderBackground": "sectionHeaderBackground"; "sectionHeaderTextColor": "sectionHeaderTextColor"; "sectionHeaderTextStyle": "sectionHeaderTextStyle"; "summaryRootLabelTextStyle": "summaryRootLabelTextStyle"; "summarySectionLabelTextStyle": "summarySectionLabelTextStyle"; "summaryRootValueTextColor": "summaryRootValueTextColor"; "summaryRootValueTextStyle": "summaryRootValueTextStyle"; "summarySectionValueTextStyle": "summarySectionValueTextStyle"; "summarySectionValueTextColor": "summarySectionValueTextColor"; "summaryRootLabelTextColor": "summaryRootLabelTextColor"; "summarySectionLabelTextColor": "summarySectionLabelTextColor"; "summaryRootSelectedBackground": "summaryRootSelectedBackground"; "summarySectionSelectedBackground": "summarySectionSelectedBackground"; "pinnedAreaSeparatorWidth": "pinnedAreaSeparatorWidth"; "headerSeparatorWidth": "headerSeparatorWidth"; "headerSeparatorBackground": "headerSeparatorBackground"; "headerBackground": "headerBackground"; "headerTextColor": "headerTextColor"; "headerTextStyle": "headerTextStyle"; "rowSeparatorBackground": "rowSeparatorBackground"; "headerRowSeparatorBackground": "headerRowSeparatorBackground"; "rowSeparatorStickyRowBackground": "rowSeparatorStickyRowBackground"; "rowSeparatorLastStickyRowBackground": "rowSeparatorLastStickyRowBackground"; "rowSeparatorPinnedRowBackground": "rowSeparatorPinnedRowBackground"; "columnResizingSeparatorWidth": "columnResizingSeparatorWidth"; "columnResizingSeparatorOpacity": "columnResizingSeparatorOpacity"; "columnMovingSeparatorWidth": "columnMovingSeparatorWidth"; "columnMovingSeparatorOpacity": "columnMovingSeparatorOpacity"; "columnResizingSeparatorBackground": "columnResizingSeparatorBackground"; "columnMovingSeparatorBackground": "columnMovingSeparatorBackground"; "shiftSectionContent": "shiftSectionContent"; "columnOptionsIconAlignment": "columnOptionsIconAlignment"; "columnOptionsIconColor": "columnOptionsIconColor"; "columnOptionsIconBehavior": "columnOptionsIconBehavior"; "actualBorder": "actualBorder"; "border": "border"; "actualBorderWidth": "actualBorderWidth"; "borderWidthBottom": "borderWidthBottom"; "borderWidthLeft": "borderWidthLeft"; "borderWidthRight": "borderWidthRight"; "borderWidthTop": "borderWidthTop"; "notifyOnAllSelectionChanges": "notifyOnAllSelectionChanges"; "cornerRadiusBottomRight": "cornerRadiusBottomRight"; "cornerRadiusBottomLeft": "cornerRadiusBottomLeft"; "cornerRadiusTopLeft": "cornerRadiusTopLeft"; "cornerRadiusTopRight": "cornerRadiusTopRight"; "actualCornerRadiusBottomRight": "actualCornerRadiusBottomRight"; "actualCornerRadiusBottomLeft": "actualCornerRadiusBottomLeft"; "actualCornerRadiusTopLeft": "actualCornerRadiusTopLeft"; "actualCornerRadiusTopRight": "actualCornerRadiusTopRight"; "isActiveCellStyleEnabled": "isActiveCellStyleEnabled"; "stopPropagation": "stopPropagation"; "actualBackground": "actualBackground"; "background": "background"; "responsiveStates": "responsiveStates"; "initialSorts": "initialSorts"; "initialGroups": "initialGroups"; "initialSummaries": "initialSummaries"; "summaryScope": "summaryScope"; "isGroupCollapsable": "isGroupCollapsable"; "groupHeaderDisplayMode": "groupHeaderDisplayMode"; "isGroupExpandedDefault": "isGroupExpandedDefault"; "groupSummaryDisplayMode": "groupSummaryDisplayMode"; "autoAcceptEdits": "autoAcceptEdits"; "primaryKey": "primaryKey"; "actualPrimaryKey": "actualPrimaryKey"; "actualColumns": "actualColumns"; "reactsToSortChanges": "reactsToSortChanges"; "reactsToGroupChanges": "reactsToGroupChanges"; "reactsToFilterChanges": "reactsToFilterChanges"; "enterBehavior": "enterBehavior"; "enterBehaviorAfterEdit": "enterBehaviorAfterEdit"; "isColumnOptionsSummariesEnabled": "isColumnOptionsSummariesEnabled"; "isColumnOptionsGroupingEnabled": "isColumnOptionsGroupingEnabled"; "mergedCellMode": "mergedCellMode"; "mergedCellEvaluationCriteria": "mergedCellEvaluationCriteria"; "mergedCellVerticalAlignment": "mergedCellVerticalAlignment"; "filterUIType": "filterUIType"; "filterLogicalOperator": "filterLogicalOperator"; "filterComparisonType": "filterComparisonType"; "todayOverride": "todayOverride"; "clearSelectionOnEscape": "clearSelectionOnEscape"; "pageSize": "pageSize"; "isToolbarColumnChooserVisible": "isToolbarColumnChooserVisible"; "isToolbarColumnPinningVisible": "isToolbarColumnPinningVisible"; "toolbarTitle": "toolbarTitle"; "toolbarColumnChooserText": "toolbarColumnChooserText"; "toolbarColumnChooserTitle": "toolbarColumnChooserTitle"; "toolbarColumnPinningText": "toolbarColumnPinningText"; "toolbarColumnPinningTitle": "toolbarColumnPinningTitle"; "scrollbarStyle": "scrollbarStyle"; "scrollbarBackground": "scrollbarBackground"; "columnOptionsBackground": "columnOptionsBackground"; "columnOptionsTextColor": "columnOptionsTextColor"; "columnOptionsSeparatorColor": "columnOptionsSeparatorColor"; "columnOptionsGroupHeaderBackground": "columnOptionsGroupHeaderBackground"; "columnOptionsGroupHeaderTextColor": "columnOptionsGroupHeaderTextColor"; "columnOptionsAccentColor": "columnOptionsAccentColor"; "allowCopyOperation": "allowCopyOperation"; "deferEventForRowDragSelection": "deferEventForRowDragSelection"; }, { "filterExpressionsChanging": "filterExpressionsChanging"; "filterExpressionsChanged": "filterExpressionsChanged"; "cellPreviewPointerDown": "cellPreviewPointerDown"; "cellPreviewPointerUp": "cellPreviewPointerUp"; "cellPointerDown": "cellPointerDown"; "cellPointerUp": "cellPointerUp"; "cellClicked": "cellClicked"; "sortDescriptionsChanged": "sortDescriptionsChanged"; "groupDescriptionsChanged": "groupDescriptionsChanged"; "summaryDescriptionsChanged": "summaryDescriptionsChanged"; "columnHiddenChanged": "columnHiddenChanged"; "columnPinnedChanged": "columnPinnedChanged"; "cellValueChanging": "cellValueChanging"; "dataCommitted": "dataCommitted"; "dataCommitting": "dataCommitting"; "rootSummariesChanged": "rootSummariesChanged"; "sizeChanged": "sizeChanged"; "actualColumnsChanged": "actualColumnsChanged"; "columnsAutoGenerated": "columnsAutoGenerated"; "selectedItemsChanged": "selectedItemsChanged"; "selectedKeysChanged": "selectedKeysChanged"; "selectedCellsChanged": "selectedCellsChanged"; "selectionChanged": "selectionChanged"; "activeCellChanged": "activeCellChanged"; "selectedCellRangesChanged": "selectedCellRangesChanged"; "columnWidthChanged": "columnWidthChanged"; "cellEditStarted": "cellEditStarted"; "cellEditEnded": "cellEditEnded"; "rowEditStarted": "rowEditStarted"; "rowEditEnded": "rowEditEnded"; "customFilterRequested": "customFilterRequested"; "actualPrimaryKeyChange": "actualPrimaryKeyChange"; }, ["contentColumns"], never>;
 }

package/lib/igx-data-grid-filter-dialog-component.d.ts

@@ -49,6 +49,33 @@ export declare class IgxDataGridFilterDialogComponent implements OnInit {
     get viewSize(): number;
     set viewSize(v: number);
     static ngAcceptInputType_viewSize: number | string;
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get columnOptionsBackground(): string;
+    set columnOptionsBackground(v: string);
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get columnOptionsTextColor(): string;
+    set columnOptionsTextColor(v: string);
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get columnOptionsSeparatorColor(): string;
+    set columnOptionsSeparatorColor(v: string);
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderBackground(): string;
+    set columnOptionsGroupHeaderBackground(v: string);
+    /**
+     * Gets or sets the text color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderTextColor(): string;
+    set columnOptionsGroupHeaderTextColor(v: string);
+    get columnOptionsAccentColor(): string;
+    set columnOptionsAccentColor(v: string);
     get isOpen(): boolean;
     static ngAcceptInputType_isOpen: boolean | string;
     get commandCompleted(): (arg1: ToolCommand) => void;
@@ -98,5 +125,5 @@ export declare class IgxDataGridFilterDialogComponent implements OnInit {
     protected _zoneRunner: (act: () => void) => void;
     protected _runInZone(act: () => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxDataGridFilterDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDataGridFilterDialogComponent, "igx-data-grid-filter-dialog", never, { "isAnimationEnabled": "isAnimationEnabled"; "pixelScalingRatio": "pixelScalingRatio"; "actualPixelScalingRatio": "actualPixelScalingRatio"; "iconColor": "iconColor"; "viewSize": "viewSize"; "commandCompleted": "commandCompleted"; "invalidateActions": "invalidateActions"; }, { "dialogOpening": "dialogOpening"; "filterChanging": "filterChanging"; "filterChanged": "filterChanged"; "renderCompleted": "renderCompleted"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDataGridFilterDialogComponent, "igx-data-grid-filter-dialog", never, { "isAnimationEnabled": "isAnimationEnabled"; "pixelScalingRatio": "pixelScalingRatio"; "actualPixelScalingRatio": "actualPixelScalingRatio"; "iconColor": "iconColor"; "viewSize": "viewSize"; "columnOptionsBackground": "columnOptionsBackground"; "columnOptionsTextColor": "columnOptionsTextColor"; "columnOptionsSeparatorColor": "columnOptionsSeparatorColor"; "columnOptionsGroupHeaderBackground": "columnOptionsGroupHeaderBackground"; "columnOptionsGroupHeaderTextColor": "columnOptionsGroupHeaderTextColor"; "columnOptionsAccentColor": "columnOptionsAccentColor"; "commandCompleted": "commandCompleted"; "invalidateActions": "invalidateActions"; }, { "dialogOpening": "dialogOpening"; "filterChanging": "filterChanging"; "filterChanged": "filterChanged"; "renderCompleted": "renderCompleted"; }, never, never>;
 }

package/lib/igx-data-grid-pager-component.d.ts

@@ -43,11 +43,21 @@ export declare class IgxDataGridPagerComponent implements OnInit {
     /**
      * Gets or sets the background color to use.
     */
+    get actualBackground(): string;
+    set actualBackground(v: string);
+    /**
+     * Gets or sets the background color to use.
+    */
     get background(): string;
     set background(v: string);
     /**
      * Gets or sets the border color around the grid.
     */
+    get actualBorder(): string;
+    set actualBorder(v: string);
+    /**
+     * Gets or sets the border color around the grid.
+    */
     get border(): string;
     set border(v: string);
     findByName(name: string): any;
@@ -85,5 +95,5 @@ export declare class IgxDataGridPagerComponent implements OnInit {
     protected _zoneRunner: (act: () => void) => void;
     protected _runInZone(act: () => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxDataGridPagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDataGridPagerComponent, "igx-data-grid-pager", never, { "pagerText": "pagerText"; "pageSize": "pageSize"; "pageCount": "pageCount"; "currentPage": "currentPage"; "textStyle": "textStyle"; "background": "background"; "border": "border"; }, { "pageChanged": "pageChanged"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDataGridPagerComponent, "igx-data-grid-pager", never, { "pagerText": "pagerText"; "pageSize": "pageSize"; "pageCount": "pageCount"; "currentPage": "currentPage"; "textStyle": "textStyle"; "actualBackground": "actualBackground"; "background": "background"; "actualBorder": "actualBorder"; "border": "border"; }, { "pageChanged": "pageChanged"; }, never, never>;
 }

package/lib/igx-text-header-cell-info.d.ts

@@ -1,6 +1,7 @@
 import { SortIndicatorStyle } from "./SortIndicatorStyle";
 import { ColumnOptionsIconAlignment } from "./ColumnOptionsIconAlignment";
 import { ColumnOptionsIconBehavior } from "./ColumnOptionsIconBehavior";
+import { BaseControlTheme } from "igniteui-angular-core";
 import { IgxTextCellInfo } from "./igx-text-cell-info";
 import { TextHeaderCellModel as TextHeaderCellModel_internal } from "./TextHeaderCellModel";
 /**
@@ -39,4 +40,37 @@ export declare class IgxTextHeaderCellInfo extends IgxTextCellInfo {
     get columnOptionsIconBehavior(): ColumnOptionsIconBehavior;
     set columnOptionsIconBehavior(v: ColumnOptionsIconBehavior);
     static ngAcceptInputType_columnOptionsIconBehavior: ColumnOptionsIconBehavior | string;
+    /**
+     * Gets or sets the column options theme.
+    */
+    get columnOptionsTheme(): BaseControlTheme;
+    set columnOptionsTheme(v: BaseControlTheme);
+    static ngAcceptInputType_columnOptionsTheme: BaseControlTheme | string;
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get columnOptionsBackground(): string;
+    set columnOptionsBackground(v: string);
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get columnOptionsTextColor(): string;
+    set columnOptionsTextColor(v: string);
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get columnOptionsSeparatorColor(): string;
+    set columnOptionsSeparatorColor(v: string);
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderBackground(): string;
+    set columnOptionsGroupHeaderBackground(v: string);
+    /**
+     * Gets or sets the text color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderTextColor(): string;
+    set columnOptionsGroupHeaderTextColor(v: string);
+    get columnOptionsAccentColor(): string;
+    set columnOptionsAccentColor(v: string);
 }