igniteui-angular 20.0.10 → 20.0.11

package/index.d.ts

@@ -22327,10 +22327,26 @@ declare class IgxGridHeaderComponent implements DoCheck, OnDestroy {
      * @hidden
      */
     protected sortIconContainer: ElementRef;
+    /**
+     * @hidden
+     */
+    id: string;
     /**
      * Returns the `aria-selected` of the header.
      */
     get ariaSelected(): boolean;
+    /**
+     * Returns the `aria-sort` of the header.
+     */
+    get ariaSort(): "ascending" | "descending";
+    /**
+     * @hidden
+     */
+    get ariaColIndx(): number;
+    /**
+     * @hidden
+     */
+    get ariaRowIndx(): number;
     get columnGroupStyle(): boolean;
     get sortAscendingStyle(): boolean;
     get sortDescendingStyle(): boolean;
@@ -22394,7 +22410,7 @@ declare class IgxGridHeaderComponent implements DoCheck, OnDestroy {
     protected isAdvancedFilterApplied(): boolean;
     private triggerSort;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridHeaderComponent, "igx-grid-header", never, { "column": { "alias": "column"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridHeaderComponent, "igx-grid-header", never, { "column": { "alias": "column"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -29240,7 +29256,7 @@ declare class IgxGridHeaderRowComponent implements DoCheck {
     pinnedColumnCollection: ColumnType[];
     /** Unpinned columns of the grid. */
     unpinnedColumnCollection: ColumnType[];
-    activeDescendant: string;
+    get activeDescendant(): string;
     hasMRL: boolean;
     width: number;
     /**
@@ -29319,7 +29335,7 @@ declare class IgxGridHeaderRowComponent implements DoCheck {
     /** state persistence switching all pinned columns resets collection */
     protected trackPinnedColumn: typeof trackByIdentity;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridHeaderRowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridHeaderRowComponent, "igx-grid-header-row", never, { "grid": { "alias": "grid"; "required": false; }; "pinnedColumnCollection": { "alias": "pinnedColumnCollection"; "required": false; }; "unpinnedColumnCollection": { "alias": "unpinnedColumnCollection"; "required": false; }; "activeDescendant": { "alias": "activeDescendant"; "required": false; }; "hasMRL": { "alias": "hasMRL"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridHeaderRowComponent, "igx-grid-header-row", never, { "grid": { "alias": "grid"; "required": false; }; "pinnedColumnCollection": { "alias": "pinnedColumnCollection"; "required": false; }; "unpinnedColumnCollection": { "alias": "unpinnedColumnCollection"; "required": false; }; "hasMRL": { "alias": "hasMRL"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_hasMRL: unknown;
 }
 
@@ -31543,6 +31559,8 @@ declare abstract class IgxGridBaseDirective implements GridType, OnInit, DoCheck
     private defaultRowEditTemplate;
     private _dataRowList;
     protected baseClass: string;
+    protected get ariaColCount(): number;
+    protected get ariaRowCount(): number;
     /**
      * Gets/Sets the resource strings.
      *
@@ -32338,6 +32356,7 @@ declare abstract class IgxGridBaseDirective implements GridType, OnInit, DoCheck
     private _sortDescendingHeaderIconTemplate;
     private _gridSize;
     private _defaultRowHeight;
+    private _rowCount;
     /**
      * @hidden @internal
      */
@@ -33865,6 +33884,7 @@ declare abstract class IgxGridBaseDirective implements GridType, OnInit, DoCheck
      */
     private clearActiveNode;
     private getRecreatedTree;
+    private _calculateRowCount;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridBaseDirective, [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<IgxGridBaseDirective, never, never, { "snackbarDisplayTime": { "alias": "snackbarDisplayTime"; "required": false; }; "autoGenerate": { "alias": "autoGenerate"; "required": false; }; "autoGenerateExclude": { "alias": "autoGenerateExclude"; "required": false; }; "moving": { "alias": "moving"; "required": false; }; "emptyGridTemplate": { "alias": "emptyGridTemplate"; "required": false; }; "addRowEmptyTemplate": { "alias": "addRowEmptyTemplate"; "required": false; }; "loadingGridTemplate": { "alias": "loadingGridTemplate"; "required": false; }; "summaryRowHeight": { "alias": "summaryRowHeight"; "required": false; }; "dataCloneStrategy": { "alias": "dataCloneStrategy"; "required": false; }; "clipboardOptions": { "alias": "clipboardOptions"; "required": false; }; "rowClasses": { "alias": "rowClasses"; "required": false; }; "rowStyles": { "alias": "rowStyles"; "required": false; }; "primaryKey": { "alias": "primaryKey"; "required": false; }; "uniqueColumnValuesStrategy": { "alias": "uniqueColumnValuesStrategy"; "required": false; }; "dragGhostCustomTemplate": { "alias": "dragGhostCustomTemplate"; "required": false; }; "rowEditTextTemplate": { "alias": "rowEditTextTemplate"; "required": false; }; "rowAddTextTemplate": { "alias": "rowAddTextTemplate"; "required": false; }; "rowEditActionsTemplate": { "alias": "rowEditActionsTemplate"; "required": false; }; "rowExpandedIndicatorTemplate": { "alias": "rowExpandedIndicatorTemplate"; "required": false; }; "rowCollapsedIndicatorTemplate": { "alias": "rowCollapsedIndicatorTemplate"; "required": false; }; "headerExpandedIndicatorTemplate": { "alias": "headerExpandedIndicatorTemplate"; "required": false; }; "headerCollapsedIndicatorTemplate": { "alias": "headerCollapsedIndicatorTemplate"; "required": false; }; "excelStyleHeaderIconTemplate": { "alias": "excelStyleHeaderIconTemplate"; "required": false; }; "sortAscendingHeaderIconTemplate": { "alias": "sortAscendingHeaderIconTemplate"; "required": false; }; "sortDescendingHeaderIconTemplate": { "alias": "sortDescendingHeaderIconTemplate"; "required": false; }; "sortHeaderIconTemplate": { "alias": "sortHeaderIconTemplate"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "filteringLogic": { "alias": "filteringLogic"; "required": false; }; "filteringExpressionsTree": { "alias": "filteringExpressionsTree"; "required": false; }; "advancedFilteringExpressionsTree": { "alias": "advancedFilteringExpressionsTree"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "pagingMode": { "alias": "pagingMode"; "required": false; }; "hideRowSelectors": { "alias": "hideRowSelectors"; "required": false; }; "rowDraggable": { "alias": "rowDraggable"; "required": false; }; "validationTrigger": { "alias": "validationTrigger"; "required": false; }; "rowEditable": { "alias": "rowEditable"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "columnWidth": { "alias": "columnWidth"; "required": false; }; "emptyGridMessage": { "alias": "emptyGridMessage"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "emptyFilteredGridMessage": { "alias": "emptyFilteredGridMessage"; "required": false; }; "pinning": { "alias": "pinning"; "required": false; }; "allowFiltering": { "alias": "allowFiltering"; "required": false; }; "allowAdvancedFiltering": { "alias": "allowAdvancedFiltering"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "summaryPosition": { "alias": "summaryPosition"; "required": false; }; "summaryCalculationMode": { "alias": "summaryCalculationMode"; "required": false; }; "showSummaryOnCollapse": { "alias": "showSummaryOnCollapse"; "required": false; }; "filterStrategy": { "alias": "filterStrategy"; "required": false; }; "sortStrategy": { "alias": "sortStrategy"; "required": false; }; "sortingOptions": { "alias": "sortingOptions"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "headSelectorTemplate": { "alias": "headSelectorTemplate"; "required": false; }; "rowSelectorTemplate": { "alias": "rowSelectorTemplate"; "required": false; }; "dragIndicatorIconTemplate": { "alias": "dragIndicatorIconTemplate"; "required": false; }; "sortingExpressions": { "alias": "sortingExpressions"; "required": false; }; "batchEditing": { "alias": "batchEditing"; "required": false; }; "cellSelection": { "alias": "cellSelection"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "columnSelection": { "alias": "columnSelection"; "required": false; }; "expansionStates": { "alias": "expansionStates"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "selectRowOnClick": { "alias": "selectRowOnClick"; "required": false; }; }, { "filteringExpressionsTreeChange": "filteringExpressionsTreeChange"; "advancedFilteringExpressionsTreeChange": "advancedFilteringExpressionsTreeChange"; "gridScroll": "gridScroll"; "cellClick": "cellClick"; "rowClick": "rowClick"; "formGroupCreated": "formGroupCreated"; "validationStatusChange": "validationStatusChange"; "selected": "selected"; "rowSelectionChanging": "rowSelectionChanging"; "columnSelectionChanging": "columnSelectionChanging"; "columnPin": "columnPin"; "columnPinned": "columnPinned"; "cellEditEnter": "cellEditEnter"; "cellEditExit": "cellEditExit"; "cellEdit": "cellEdit"; "cellEditDone": "cellEditDone"; "rowEditEnter": "rowEditEnter"; "rowEdit": "rowEdit"; "rowEditDone": "rowEditDone"; "rowEditExit": "rowEditExit"; "columnInit": "columnInit"; "columnsAutogenerated": "columnsAutogenerated"; "sorting": "sorting"; "sortingDone": "sortingDone"; "filtering": "filtering"; "filteringDone": "filteringDone"; "rowAdded": "rowAdded"; "rowDeleted": "rowDeleted"; "rowDelete": "rowDelete"; "rowAdd": "rowAdd"; "columnResized": "columnResized"; "contextMenu": "contextMenu"; "doubleClick": "doubleClick"; "columnVisibilityChanging": "columnVisibilityChanging"; "columnVisibilityChanged": "columnVisibilityChanged"; "columnMovingStart": "columnMovingStart"; "columnMoving": "columnMoving"; "columnMovingEnd": "columnMovingEnd"; "gridKeydown": "gridKeydown"; "rowDragStart": "rowDragStart"; "rowDragEnd": "rowDragEnd"; "gridCopy": "gridCopy"; "expansionStatesChange": "expansionStatesChange"; "selectedRowsChange": "selectedRowsChange"; "rowToggle": "rowToggle"; "rowPinning": "rowPinning"; "rowPinned": "rowPinned"; "activeNodeChange": "activeNodeChange"; "sortingExpressionsChange": "sortingExpressionsChange"; "toolbarExporting": "toolbarExporting"; "rangeSelected": "rangeSelected"; "rendered": "rendered"; "localeChange": "localeChange"; "dataChanging": "dataChanging"; "dataChanged": "dataChanged"; }, ["excelStyleLoadingValuesTemplateDirective", "rowAddText", "rowExpandedIndicatorDirectiveTemplate", "rowCollapsedIndicatorDirectiveTemplate", "headerExpandedIndicatorDirectiveTemplate", "headerCollapsedIndicatorDirectiveTemplate", "excelStyleHeaderIconDirectiveTemplate", "sortAscendingHeaderIconDirectiveTemplate", "sortDescendingHeaderIconDirectiveTemplate", "sortHeaderIconDirectiveTemplate", "loadingDirectiveTemplate", "emptyDirectiveTemplate", "excelStyleFilteringComponents", "columnList", "actionStripComponents", "headSelectorsTemplates", "rowSelectorsTemplates", "dragGhostCustomTemplates", "rowEditCustomDirectives", "rowEditTextDirectives", "rowEditActionsDirectives", "dragIndicatorIconTemplates", "rowEditTabsCUSTOM", "toolbar", "paginationComponents"], never, true, never>;
     static ngAcceptInputType_autoGenerate: unknown;
@@ -33926,7 +33946,7 @@ declare class IgxPivotRowDimensionHeaderComponent extends IgxGridHeaderComponent
 /**
  * @hidden
  */
-declare class IgxPivotRowDimensionHeaderGroupComponent extends IgxGridHeaderGroupComponent implements PivotRowHeaderGroupType {
+declare class IgxPivotRowHeaderGroupComponent extends IgxGridHeaderGroupComponent implements PivotRowHeaderGroupType {
     private cdRef;
     grid: PivotGridType;
     private elementRef;
@@ -33936,48 +33956,43 @@ declare class IgxPivotRowDimensionHeaderGroupComponent extends IgxGridHeaderGrou
      * @hidden
      */
     userSelect: string;
-    constructor(cdRef: ChangeDetectorRef, grid: PivotGridType, elementRef: ElementRef<HTMLElement>, colResizingService: IgxPivotColumnResizingService, filteringService: IgxFilteringService, platform: PlatformUtil, zone: NgZone);
-    /**
-     * @hidden
-     * @internal
-     */
-    rowIndex: number;
     /**
      * @hidden
-     * @internal
      */
-    colIndex: number;
+    get role(): string;
+    constructor(cdRef: ChangeDetectorRef, grid: PivotGridType, elementRef: ElementRef<HTMLElement>, colResizingService: IgxPivotColumnResizingService, filteringService: IgxFilteringService, platform: PlatformUtil, zone: NgZone);
     /**
      * @hidden
      * @internal
      */
-    layout: IMultiRowLayoutNode;
-    /**
-    * @hidden
-    * @internal
-    */
-    parent: any;
+    rowIndex: number;
+    set dimWidth(value: number);
+    get dimWidth(): number;
+    get parent(): this;
+    rootDimension: IPivotDimension;
     header: IgxPivotRowDimensionHeaderComponent;
     get headerID(): string;
     get title(): string;
-    /**
-     * @hidden @internal
-     */
-    onClick(event: MouseEvent): void;
     /**
      * @hidden
      * @internal
      */
     get visibleIndex(): number;
     get active(): boolean;
+    get sortAscendingStyle(): boolean;
+    get sortDescendingStyle(): boolean;
+    get sortableStyle(): boolean;
+    get sortedStyle(): boolean;
     protected get activeNode(): {
         row: number;
         column: number;
         level: any;
-        mchCache: any;
-        layout: IMultiRowLayoutNode;
+        mchCache: {
+            level: number;
+            visibleIndex: number;
+        };
+        layout: any;
     };
-    private findRootDimension;
     activate(): void;
     /**
      * @hidden @internal
@@ -33988,8 +34003,8 @@ declare class IgxPivotRowDimensionHeaderGroupComponent extends IgxGridHeaderGrou
      */
     onMouseDown(_event: MouseEvent): void;
     get selectable(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgxPivotRowDimensionHeaderGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxPivotRowDimensionHeaderGroupComponent, "igx-pivot-row-dimension-header-group", never, { "rowIndex": { "alias": "rowIndex"; "required": false; }; "colIndex": { "alias": "colIndex"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgxPivotRowHeaderGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxPivotRowHeaderGroupComponent, "igx-pivot-row-header-group", never, { "rowIndex": { "alias": "rowIndex"; "required": false; }; "dimWidth": { "alias": "dimWidth"; "required": false; }; "rootDimension": { "alias": "rootDimension"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -34049,8 +34064,9 @@ declare class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent imple
     * @hidden
     * @internal
     */
-    rowDimensionHeaders: QueryList<IgxPivotRowDimensionHeaderGroupComponent>;
+    rowDimensionHeaders: QueryList<IgxPivotRowHeaderGroupComponent>;
     get headerForOf(): IgxGridForOfDirective<ColumnType, ColumnType[]>;
+    get activeDescendant(): string;
     constructor(grid: PivotGridType, ref: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, renderer: Renderer2);
     /**
     * @hidden
@@ -34317,6 +34333,79 @@ declare class GridBaseAPIService<T extends GridType> implements GridServiceType
     static ɵprov: i0.ɵɵInjectableDeclaration<GridBaseAPIService<any>>;
 }
 
+/**
+ * @hidden
+ */
+declare class IgxPivotRowDimensionHeaderGroupComponent extends IgxGridHeaderGroupComponent implements PivotRowHeaderGroupType {
+    private cdRef;
+    grid: PivotGridType;
+    private elementRef;
+    colResizingService: IgxPivotColumnResizingService;
+    protected zone: NgZone;
+    /**
+     * @hidden
+     */
+    userSelect: string;
+    /**
+     * @hidden
+     */
+    get role(): string;
+    constructor(cdRef: ChangeDetectorRef, grid: PivotGridType, elementRef: ElementRef<HTMLElement>, colResizingService: IgxPivotColumnResizingService, filteringService: IgxFilteringService, platform: PlatformUtil, zone: NgZone);
+    /**
+     * @hidden
+     * @internal
+     */
+    rowIndex: number;
+    /**
+     * @hidden
+     * @internal
+     */
+    colIndex: number;
+    /**
+     * @hidden
+     * @internal
+     */
+    layout: IMultiRowLayoutNode;
+    /**
+    * @hidden
+    * @internal
+    */
+    parent: any;
+    header: IgxPivotRowDimensionHeaderComponent;
+    get headerID(): string;
+    get title(): string;
+    /**
+     * @hidden @internal
+     */
+    onClick(event: MouseEvent): void;
+    /**
+     * @hidden
+     * @internal
+     */
+    get visibleIndex(): number;
+    get active(): boolean;
+    protected get activeNode(): {
+        row: number;
+        column: number;
+        level: any;
+        mchCache: any;
+        layout: IMultiRowLayoutNode;
+    };
+    private findRootDimension;
+    activate(): void;
+    /**
+     * @hidden @internal
+     */
+    pointerdown(_event: PointerEvent): void;
+    /**
+     * @hidden @internal
+     */
+    onMouseDown(_event: MouseEvent): void;
+    get selectable(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IgxPivotRowDimensionHeaderGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxPivotRowDimensionHeaderGroupComponent, "igx-pivot-row-dimension-header-group", never, { "rowIndex": { "alias": "rowIndex"; "required": false; }; "colIndex": { "alias": "colIndex"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 /**
  *
  * For all intents & purposes treat this component as what a <thead> usually is in the default <table> element.
@@ -34416,66 +34505,6 @@ declare class IgxPivotRowDimensionHeaderTemplateDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<IgxPivotRowDimensionHeaderTemplateDirective, "[igxPivotRowDimensionHeader]", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * @hidden
- */
-declare class IgxPivotRowHeaderGroupComponent extends IgxGridHeaderGroupComponent implements PivotRowHeaderGroupType {
-    private cdRef;
-    grid: PivotGridType;
-    private elementRef;
-    colResizingService: IgxPivotColumnResizingService;
-    protected zone: NgZone;
-    /**
-     * @hidden
-     */
-    userSelect: string;
-    constructor(cdRef: ChangeDetectorRef, grid: PivotGridType, elementRef: ElementRef<HTMLElement>, colResizingService: IgxPivotColumnResizingService, filteringService: IgxFilteringService, platform: PlatformUtil, zone: NgZone);
-    /**
-     * @hidden
-     * @internal
-     */
-    rowIndex: number;
-    set dimWidth(value: number);
-    get dimWidth(): number;
-    get parent(): this;
-    rootDimension: IPivotDimension;
-    header: IgxPivotRowDimensionHeaderComponent;
-    get headerID(): string;
-    get title(): string;
-    /**
-     * @hidden
-     * @internal
-     */
-    get visibleIndex(): number;
-    get active(): boolean;
-    get sortAscendingStyle(): boolean;
-    get sortDescendingStyle(): boolean;
-    get sortableStyle(): boolean;
-    get sortedStyle(): boolean;
-    protected get activeNode(): {
-        row: number;
-        column: number;
-        level: any;
-        mchCache: {
-            level: number;
-            visibleIndex: number;
-        };
-        layout: any;
-    };
-    activate(): void;
-    /**
-     * @hidden @internal
-     */
-    pointerdown(_event: PointerEvent): void;
-    /**
-     * @hidden @internal
-     */
-    onMouseDown(_event: MouseEvent): void;
-    get selectable(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgxPivotRowHeaderGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxPivotRowHeaderGroupComponent, "igx-pivot-row-header-group", never, { "rowIndex": { "alias": "rowIndex"; "required": false; }; "dimWidth": { "alias": "dimWidth"; "required": false; }; "rootDimension": { "alias": "rootDimension"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 /**
  *
  * For all intents & purposes treat this component as what a <thead> usually is in the default <table> element.
@@ -34489,6 +34518,7 @@ declare class IgxPivotRowDimensionMrlRowComponent extends IgxGridHeaderRowCompon
     protected injector: Injector;
     protected envInjector: EnvironmentInjector;
     protected viewRef: ViewContainerRef;
+    rowDimensionContentCollection: QueryList<IgxPivotRowDimensionContentComponent>;
     pivotDim: boolean;
     mrlBlock: boolean;
     get rowsTemplate(): string;
@@ -34689,6 +34719,10 @@ declare class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIn
      * @hidden @internal
      */
     recordTemplate: TemplateRef<any>;
+    /**
+     * @hidden @internal
+     */
+    rowDimensionMrlComponent: IgxPivotRowDimensionMrlRowComponent;
     /**
      * @hidden @internal
      */
@@ -35427,6 +35461,8 @@ declare class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIn
     get excelStyleFilterMinHeight(): string;
     /** @hidden @internal */
     get activeDescendant(): string;
+    /** @hidden @internal */
+    get headerRowActiveDescendant(): string;
     protected resolveToggle(groupColumn: IgxColumnComponent, state: boolean): void;
     protected buildDataView(data: any[]): void;
     /**

package/lib/core/styles/components/switch/_switch-theme.scss

@@ -132,7 +132,7 @@
 
         @if $variant != 'material' {
             %switch-thumb {
-                background: var-get($theme, 'border-hover-color');
+                background: var-get($theme, 'thumb-off-hover-color');
             }
 
             %switch-thumb--x {

package/lib/core/styles/themes/_core.scss

@@ -7,6 +7,7 @@
 
 // Used to configure color accessibility for charts
 @use 'igniteui-theming/sass/color/functions' as color;
+@use 'igniteui-theming/sass/themes/mixins' as theming;
 
 // Common components
 @use '../components/_common/igx-control';
@@ -113,6 +114,8 @@
         }
     }
 
+    @include theming.spacing();
+
     @property --_progress-integer {
         syntax: '<integer>';
         initial-value: 0;

package/lib/core/styles/themes/generators/_base.scss

@@ -84,18 +84,6 @@
         --ig-size-small: 1;
         --ig-size-medium: 2;
         --ig-size-large: 3;
-
-        --ig-spacing-small: 1;
-        --ig-spacing-medium: 1;
-        --ig-spacing-large: 1;
-
-        --ig-spacing-inline-small: 1;
-        --ig-spacing-inline-medium: 1;
-        --ig-spacing-inline-large: 1;
-
-        --ig-spacing-block-small: 1;
-        --ig-spacing-block-medium: 1;
-        --ig-spacing-block-large: 1;
     }
 
     @if not(list.index($exclude, 'palette')) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "20.0.10",
+  "version": "20.0.11",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -73,7 +73,7 @@
     "tslib": "^2.3.0",
     "igniteui-trial-watermark": "^3.1.0",
     "lodash-es": "^4.17.21",
-    "igniteui-theming": "^19.2.1",
+    "igniteui-theming": "^19.2.3",
     "@igniteui/material-icons-extended": "^3.1.0"
   },
   "peerDependencies": {