igniteui-angular 21.0.0-alpha.0 → 21.0.0-alpha.2

package/migrations/update-21_0_0/changes/theme-changes.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "../../common/schema/theme-changes.schema.json",
+  "changes": [
+      {
+        "name": "$resting-shadow",
+        "remove": true,
+        "owner": "outlined-button-theme",
+        "type": "property"
+      },
+      {
+        "name": "$hover-shadow",
+        "remove": true,
+        "owner": "outlined-button-theme",
+        "type": "property"
+      },
+      {
+        "name": "$focus-shadow",
+        "remove": true,
+        "owner": "outlined-button-theme",
+        "type": "property"
+      },
+      {
+        "name": "$active-shadow",
+        "remove": true,
+        "owner": "outlined-button-theme",
+        "type": "property"
+      },
+      {
+        "name": "$resting-shadow",
+        "remove": true,
+        "owner": "flat-button-theme",
+        "type": "property"
+      },
+      {
+        "name": "$hover-shadow",
+        "remove": true,
+        "owner": "flat-button-theme",
+        "type": "property"
+      },
+      {
+        "name": "$focus-shadow",
+        "remove": true,
+        "owner": "flat-button-theme",
+        "type": "property"
+      },
+      {
+        "name": "$active-shadow",
+        "remove": true,
+        "owner": "flat-button-theme",
+        "type": "property"
+      }
+  ]
+}

package/migrations/update-21_0_0/index.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const UpdateChanges_1 = require("../common/UpdateChanges");
 const ts = require("typescript");
 const version = '21.0.0';
 // Comprehensive entry point mapping for ALL exports from all 42 entry points
@@ -16,11 +17,6 @@ const ENTRY_POINT_MAP = new Map([
     // Core - Services, Utilities, Types, Enums
     ['IgxOverlayService', 'core'],
     ['IgxNavigationService', 'core'],
-    ['IgxFocusTrapDirective', 'core'],
-    ['IgxToggleDirective', 'core'],
-    ['IgxRippleDirective', 'core'],
-    ['IgxDragDirective', 'core'],
-    ['IgxDropDirective', 'core'],
     ['DisplayDensity', 'core'],
     ['DisplayDensityToken', 'core'],
     ['DisplayDensityBase', 'core'],
@@ -73,16 +69,12 @@ const ENTRY_POINT_MAP = new Map([
     // Accordion
     ['IgxAccordionComponent', 'accordion'],
     ['IgxAccordionModule', 'accordion'],
-    ['IgxExpansionPanelHeaderComponent', 'accordion'],
-    ['IgxExpansionPanelBodyComponent', 'accordion'],
-    ['IgxExpansionPanelTitleDirective', 'accordion'],
-    ['IgxExpansionPanelDescriptionDirective', 'accordion'],
-    ['IgxExpansionPanelIconDirective', 'accordion'],
     ['IAccordionEventArgs', 'accordion'],
     ['IAccordionCancelableEventArgs', 'accordion'],
     // Action Strip
     ['IgxActionStripComponent', 'action-strip'],
     ['IgxActionStripModule', 'action-strip'],
+    ['IgxActionStripMenuItemDirective', 'action-strip'],
     // Avatar
     ['IgxAvatarComponent', 'avatar'],
     ['IgxAvatarModule', 'avatar'],
@@ -115,6 +107,7 @@ const ENTRY_POINT_MAP = new Map([
     ['IgxButtonDirective', 'button-group'],
     ['IgxIconButtonDirective', 'button-group'],
     ['IButtonGroupEventArgs', 'button-group'],
+    ['ButtonGroupAlignment', 'button-group'],
     // Calendar
     ['IgxCalendarComponent', 'calendar'],
     ['IgxCalendarModule', 'calendar'],
@@ -126,6 +119,11 @@ const ENTRY_POINT_MAP = new Map([
     ['ICalendarDate', 'calendar'],
     ['ICalendarViewChangingEventArgs', 'calendar'],
     ['WeekDays', 'calendar'],
+    ['IFormattingOptions', 'calendar'],
+    ['IgxCalendarView', 'calendar'],
+    ['IgxCalendarHeaderTemplateDirective', 'calendar'],
+    ['IgxCalendarSubheaderTemplateDirective', 'calendar'],
+    ['IViewDateChangeEventArgs', 'calendar'],
     // Card
     ['IgxCardComponent', 'card'],
     ['IgxCardModule', 'card'],
@@ -161,6 +159,7 @@ const ENTRY_POINT_MAP = new Map([
     ['IChipKeyDownEventArgs', 'chips'],
     ['IChipEnterDragAreaEventArgs', 'chips'],
     ['IChipSelectEventArgs', 'chips'],
+    ['IChipsAreaReorderEventArgs', 'chips'],
     // Combo
     ['IgxComboComponent', 'combo'],
     ['IgxComboModule', 'combo'],
@@ -168,19 +167,28 @@ const ENTRY_POINT_MAP = new Map([
     ['IComboItemAdditionEvent', 'combo'],
     ['IComboSearchInputEventArgs', 'combo'],
     ['IgxComboState', 'combo'],
-    // Date Picker
+    ['IgxComboClearIconDirective', 'combo'],
+    ['IgxComboItemDirective', 'combo'],
+    ['IgxComboAddItemDirective', 'combo'],
+    ['IgxComboEmptyDirective', 'combo'],
+    ['IgxComboFooterDirective', 'combo'],
+    ['IgxComboHeaderDirective', 'combo'],
+    ['IgxComboHeaderItemDirective', 'combo'],
+    ['IgxComboToggleIconDirective', 'combo'],
+    // Date and Date Range Picker
     ['IgxDatePickerComponent', 'date-picker'],
     ['IgxDatePickerModule', 'date-picker'],
     ['InteractionMode', 'date-picker'],
     ['IDatePickerCancelEventArgs', 'date-picker'],
     ['IDatePickerDisabledDateEventArgs', 'date-picker'],
     ['IDatePickerValidationFailedEventArgs', 'date-picker'],
-    // Date Range Picker
-    ['IgxDateRangePickerComponent', 'date-range-picker'],
-    ['IgxDateRangePickerModule', 'date-range-picker'],
-    ['DateRangeType', 'date-range-picker'],
-    ['DateRangeDescriptor', 'date-range-picker'],
-    ['IDateRangePickerCancelEventArgs', 'date-range-picker'],
+    ['IgxDateRangePickerComponent', 'date-picker'],
+    ['IgxDateRangePickerModule', 'date-picker'],
+    ['DateRangeType', 'date-picker'],
+    ['DateRangeDescriptor', 'date-picker'],
+    ['IDateRangePickerCancelEventArgs', 'date-picker'],
+    ['IgxDateRangeEndComponent', 'date-picker'],
+    ['IgxDateRangeStartComponent', 'date-picker'],
     // Dialog
     ['IgxDialogComponent', 'dialog'],
     ['IgxDialogModule', 'dialog'],
@@ -197,12 +205,19 @@ const ENTRY_POINT_MAP = new Map([
     ['IgxAutocompleteDirective', 'drop-down'], // Breaking change - moved from directives
     ['ISelectionEventArgs', 'drop-down'],
     ['IDropDownNavigationDirective', 'drop-down'],
+    ['IgxDropDownItemNavigationDirective', 'drop-down'],
+    ['IgxAutocompleteModule', 'drop-down'],
     // Expansion Panel
     ['IgxExpansionPanelComponent', 'expansion-panel'],
     ['IgxExpansionPanelModule', 'expansion-panel'],
     ['IgxExpansionPanelBase', 'expansion-panel'],
     ['IExpansionPanelEventArgs', 'expansion-panel'],
     ['IExpansionPanelCancelableEventArgs', 'expansion-panel'],
+    ['IgxExpansionPanelHeaderComponent', 'expansion-panel'],
+    ['IgxExpansionPanelBodyComponent', 'expansion-panel'],
+    ['IgxExpansionPanelTitleDirective', 'expansion-panel'],
+    ['IgxExpansionPanelDescriptionDirective', 'expansion-panel'],
+    ['IgxExpansionPanelIconDirective', 'expansion-panel'],
     ['ToggleAnimationSettings', 'expansion-panel'],
     // Grids - Components, Services, Types
     // Note: All grid exports are available from 'igniteui-angular/grids'
@@ -224,6 +239,7 @@ const ENTRY_POINT_MAP = new Map([
     ['IgxPivotGridModule', 'grids/pivot-grid'],
     ['IgxColumnComponent', 'grids/core'],
     ['IgxColumnGroupComponent', 'grids/core'],
+    ['IgxCollapsibleIndicatorTemplateDirective', 'grids/core'],
     ['IgxRowDirective', 'grids/core'],
     ['IgxCellComponent', 'grids/core'],
     ['IgxGridCellComponent', 'grids/core'],
@@ -261,16 +277,89 @@ const ENTRY_POINT_MAP = new Map([
     ['GridSummaryCalculationMode', 'grids/core'],
     ['GridSummaryPosition', 'grids/core'],
     ['RowPinningPosition', 'grids/core'],
-    ['ColumnPinningPosition', 'grids/core'],
     ['GridInstanceType', 'grids/core'],
-    ['Size', 'core'], // Moved to core
+    ['IgxSummaryOperand', 'grids/core'],
+    ['IgxNumberSummaryOperand', 'grids/core'],
+    ['IgxDateSummaryOperand', 'grids/core'],
+    ['IgxSummaryTemplateDirective', 'grids/core'],
+    ['IgxCellTemplateDirective', 'grids/core'],
+    ['IgxCellHeaderTemplateDirective', 'grids/core'],
+    ['IgxFilterCellTemplateDirective', 'grids/core'],
+    ['IGridFormGroupCreatedEventArgs', 'grids/core'],
+    ['IgxCellValidationErrorDirective', 'grids/core'],
+    ['IgxColumnMaxValidatorDirective', 'grids/core'],
+    ['IgxColumnMinValidatorDirective', 'grids/core'],
+    ['IgxColumnEmailValidatorDirective', 'grids/core'],
+    ['IgxColumnMinLengthValidatorDirective', 'grids/core'],
+    ['IgxColumnMaxLengthValidatorDirective', 'grids/core'],
+    ['IgxColumnPatternValidatorDirective', 'grids/core'],
+    ['IgxColumnRequiredValidatorDirective', 'grids/core'],
+    ['CellType', 'grids/core'],
+    ['IPinningConfig', 'grids/core'],
+    ['RowType', 'grids/core'],
+    ['IgxCellEditorTemplateDirective', 'grids/core'],
+    ['IGridToolbarExportEventArgs', 'grids/core'],
     ['SortingIndexFilteringStrategy', 'grids/core'],
+    ['IgxHeadSelectorDirective', 'grids/core'],
+    ['IgxRowSelectorDirective', 'grids/core'],
+    ['GridFeatures', 'grids/core'],
+    ['IGridState', 'grids/core'],
+    ['IGridStateOptions', 'grids/core'],
+    ['IgxGridStateDirective', 'grids/core'],
+    ['IgxRowEditActionsDirective', 'grids/core'],
+    ['IgxRowEditTabStopDirective', 'grids/core'],
+    ['IgxRowEditTextDirective', 'grids/core'],
+    ['IgxRowAddTextDirective', 'grids/core'],
+    ['GridPagingMode', 'grids/core'],
+    ['IgxAdvancedFilteringDialogComponent', 'grids/core'],
+    ['IgxExcelStyleColumnOperationsTemplateDirective', 'grids/core'],
+    ['IgxExcelStyleFilterOperationsTemplateDirective', 'grids/core'],
+    ['IgxExcelStyleLoadingValuesTemplateDirective', 'grids/core'],
+    ['IgxExcelStyleHeaderComponent', 'grids/core'],
+    ['IgxExcelStyleHeaderIconDirective', 'grids/core'],
+    ['IgxExcelStyleSearchComponent', 'grids/core'],
+    ['IgxExcelStyleSortingComponent', 'grids/core'],
+    ['IgxExcelStylePinningComponent', 'grids/core'],
+    ['IgxGridExcelStyleFilteringComponent', 'grids/core'],
+    ['IgxExcelTextDirective', 'grids/core'],
+    ['IgxCSVTextDirective', 'grids/core'],
+    ['GridCellMergeMode', 'grids/core'],
+    ['IActiveNodeChangeEventArgs', 'grids/core'],
+    ['IPivotAggregator', 'grids/core'],
+    ['PivotAggregation', 'grids/core'],
+    ['PivotAggregationType', 'grids/core'],
+    ['PivotRowLayoutType', 'grids/core'],
+    ['IPivotConfiguration', 'grids/core'],
+    ['IPivotDimension', 'grids/core'],
+    ['IPivotDimensionData', 'grids/core'],
+    ['IPivotValue', 'grids/core'],
+    ['IgxPivotDateDimension', 'grids/core'],
+    ['IgxPivotAggregate', 'grids/core'],
+    ['IgxPivotNumericAggregate', 'grids/core'],
+    ['IgxPivotDateAggregate', 'grids/core'],
+    ['IgxPivotTimeAggregate', 'grids/core'],
+    ['IPivotUISettings', 'grids/core'],
+    ['PivotSummaryPosition', 'grids/core'],
+    ['NoopPivotDimensionsStrategy', 'grids/core'],
+    ['IgxGridToolbarDirective', 'grids/core'],
+    ['IgxGroupByRowTemplateDirective', 'grids/core'],
+    ['IgxGridDetailTemplateDirective', 'grids/core'],
+    ['GridType', 'grids/core'],
+    ['IGX_GRID_BASE', 'grids/core'],
+    ['IColumnSelectionEventArgs', 'grids/core'],
     ['IgxGridEditingActions', 'grids/core'], // Grid actions moved to grids
     ['IgxGridPinningActions', 'grids/core'], // Grid actions moved to grids
     ['IgxGridActionButtonComponent', 'grids/core'], // Grid actions moved to grids
     ['IgxGridActionsBaseDirective', 'grids/core'], // Grid actions moved to grids
     ['IgxGridEditingActionsComponent', 'grids/core'], // Grid actions moved to grids
     ['IgxGridPinningActionsComponent', 'grids/core'], // Grid actions moved to grids
+    ['IgxColumnActionsComponent', 'grids/core'],
+    ['IgxColumnHidingDirective', 'grids/core'],
+    ['IgxColumnPinningDirective', 'grids/core'],
+    ['IgxTreeGridGroupByAreaComponent', 'grids/tree-grid'],
+    ['ITreeGridAggregation', 'grids/tree-grid'],
+    ['IgxGroupedTreeGridSorting', 'grids/tree-grid'],
+    ['IgxTreeGridGroupingPipe', 'grids/tree-grid'],
     // Icon
     ['IgxIconComponent', 'icon'],
     ['IgxIconModule', 'icon'],
@@ -286,6 +375,7 @@ const ENTRY_POINT_MAP = new Map([
     ['IgxSuffixDirective', 'input-group'], // Breaking change - moved from directives
     ['IgxInputState', 'input-group'],
     ['IgxInputGroupType', 'input-group'],
+    ['IGX_INPUT_GROUP_TYPE', 'input-group'],
     // List
     ['IgxListComponent', 'list'],
     ['IgxListModule', 'list'],
@@ -293,6 +383,13 @@ const ENTRY_POINT_MAP = new Map([
     ['IgxListHeaderComponent', 'list'],
     ['IListItemClickEventArgs', 'list'],
     ['IgxListPanState', 'list'],
+    ['IgxEmptyListTemplateDirective', 'list'],
+    ['IgxListLineDirective', 'list'],
+    ['IgxListLineSubTitleDirective', 'list'],
+    ['IgxListLineTitleDirective', 'list'],
+    ['IgxDataLoadingTemplateDirective', 'list'],
+    ['IgxListActionDirective', 'list'],
+    ['IgxListThumbnailDirective', 'list'],
     // Navbar
     ['IgxNavbarComponent', 'navbar'],
     ['IgxNavbarModule', 'navbar'],
@@ -304,8 +401,14 @@ const ENTRY_POINT_MAP = new Map([
     ['IgxNavigationDrawerItemComponent', 'navigation-drawer'],
     ['INavigationDrawerEventArgs', 'navigation-drawer'],
     ['IgxNavDrawerMode', 'navigation-drawer'],
+    ['IgxNavDrawerItemDirective', 'navigation-drawer'],
+    ['IgxNavDrawerTemplateDirective', 'navigation-drawer'],
+    ['IgxNavDrawerMiniTemplateDirective', 'navigation-drawer'],
     // Paginator
     ['IgxPaginatorComponent', 'paginator'],
+    ['IgxPageNavigationComponent', 'paginator'],
+    ['IgxPageSizeSelectorComponent', 'paginator'],
+    ['IgxPaginatorContentDirective', 'paginator'],
     ['IgxPaginatorModule', 'paginator'],
     ['IPageEventArgs', 'paginator'],
     ['IPageCancelableEventArgs', 'paginator'],
@@ -323,7 +426,8 @@ const ENTRY_POINT_MAP = new Map([
     // Radio
     ['IgxRadioComponent', 'radio'],
     ['IgxRadioModule', 'radio'],
-    ['IgxRadioGroupDirective', 'radio'], // Breaking change - moved from directives
+    ['RadioGroupAlignment', 'radio'],
+    ['IgxRadioGroupDirective', 'radio'],
     // Select
     ['IgxSelectComponent', 'select'],
     ['IgxSelectModule', 'select'],
@@ -332,8 +436,10 @@ const ENTRY_POINT_MAP = new Map([
     ['IgxSelectFooterDirective', 'select'],
     ['IgxSelectToggleIconDirective', 'select'],
     ['ISelectionChangedEventArgs', 'select'],
+    ['IgxSelectGroupComponent', 'select'],
     // Simple Combo
     ['IgxSimpleComboComponent', 'simple-combo'],
+    ['ISimpleComboSelectionChangingEventArgs', 'simple-combo'],
     ['IgxSimpleComboModule', 'simple-combo'],
     // Slider
     ['IgxSliderComponent', 'slider'],
@@ -342,6 +448,11 @@ const ENTRY_POINT_MAP = new Map([
     ['IRangeSliderValue', 'slider'],
     ['SliderType', 'slider'],
     ['IgxSliderType', 'slider'],
+    ['TickLabelsOrientation', 'slider'],
+    ['TicksOrientation', 'slider'],
+    ['IgxTickLabelTemplateDirective', 'slider'],
+    ['IgxThumbToTemplateDirective', 'slider'],
+    ['IgxThumbFromTemplateDirective', 'slider'],
     // Snackbar
     ['IgxSnackbarComponent', 'snackbar'],
     ['IgxSnackbarModule', 'snackbar'],
@@ -359,6 +470,13 @@ const ENTRY_POINT_MAP = new Map([
     ['IStepChangedEventArgs', 'stepper'],
     ['IgxStepperOrientation', 'stepper'],
     ['IgxStepType', 'stepper'],
+    ['IgxStepActiveIndicatorDirective', 'stepper'],
+    ['IgxStepCompletedIndicatorDirective', 'stepper'],
+    ['IgxStepContentDirective', 'stepper'],
+    ['IgxStepTitleDirective', 'stepper'],
+    ['IgxStepSubtitleDirective', 'stepper'],
+    ['IgxStepInvalidIndicatorDirective', 'stepper'],
+    ['IgxStepIndicatorDirective', 'stepper'],
     // Switch
     ['IgxSwitchComponent', 'switch'],
     ['IgxSwitchModule', 'switch'],
@@ -371,6 +489,8 @@ const ENTRY_POINT_MAP = new Map([
     ['IgxTabsGroupComponent', 'tabs'],
     ['ITabsSelectedItemChangeEventArgs', 'tabs'],
     ['IgxTabsType', 'tabs'],
+    ['IgxTabHeaderIconDirective', 'tabs'],
+    ['IgxTabHeaderLabelDirective', 'tabs'],
     // Time Picker
     ['IgxTimePickerComponent', 'time-picker'],
     ['IgxTimePickerModule', 'time-picker'],
@@ -390,23 +510,62 @@ const ENTRY_POINT_MAP = new Map([
     ['ITreeNodeSelectionEvent', 'tree'],
     ['ITreeNodeTogglingEventArgs', 'tree'],
     ['IgxTreeSelectionType', 'tree'],
+    ['IgxTreeNodeLinkDirective', 'tree'],
     // Directives (re-exports from other entry points)
     ['IgxForOfDirective', 'directives'],
+    ['IForOfState', 'directives'],
+    ['IgxForOfModule', 'directives'],
     ['IgxTemplateOutletDirective', 'directives'],
     ['IgxTextSelectionDirective', 'directives'],
+    ['IgxTextSelectionModule', 'directives'],
     ['IgxTextHighlightDirective', 'directives'],
+    ['IgxTextHighlightModule', 'directives'],
     ['IgxDateTimeEditorDirective', 'directives'],
     ['IgxMaskDirective', 'directives'],
+    ['IgxMaskModule', 'directives'],
     ['IgxDividerDirective', 'directives'],
+    ['IgxDividerModule', 'directives'],
     ['IgxFilterDirective', 'directives'],
     ['IgxButtonDirective', 'directives'],
+    ['IgxButtonModule', 'directives'],
+    ['IgxIconButtonDirective', 'directives'],
     ['IgxToggleActionDirective', 'directives'],
     ['IgxLayoutDirective', 'directives'],
+    ['IgxLayoutModule', 'directives'],
     ['IgxFlexDirective', 'directives'],
+    ['IgxFocusDirective', 'directives'],
+    ['IgxFocusModule', 'directives'],
+    ['IgxTooltipDirective', 'directives'],
+    ['IgxTooltipTargetDirective', 'directives'],
+    ['IgxTooltipModule', 'directives'],
+    ['IgxRippleDirective', 'directives'],
+    ['IgxRippleModule', 'directives'],
+    ['IDropDroppedEventArgs', 'directives'],
+    ['IDragGhostCreatedEventArgs', 'directives'],
+    ['IDragStartEventArgs', 'directives'],
+    ['IDragBaseEventArgs', 'directives'],
+    ['IDropBaseEventArgs', 'directives'],
+    ['IDragMoveEventArgs', 'directives'],
+    ['IgxDragIndicatorIconDirective', 'directives'],
+    ['IgxRowDragGhostDirective', 'directives'],
+    ['IgxDragDirective', 'directives'],
+    ['IgxDragHandleDirective', 'directives'],
+    ['IgxDragLocation', 'directives'],
+    ['IgxDropDirective', 'directives'],
+    ['IgxDragDropModule', 'directives'],
+    ['IgxFocusTrapDirective', 'directives'],
+    ['IgxToggleDirective', 'directives'],
+    ['IgxToggleModule', 'directives'],
+    ['IgxFilterOptions', 'directives'],
+    ['IgxFilterPipe', 'directives'],
+    ['IgxFilterModule', 'directives'],
+    ['IgcFormControlDirective', 'directives'],
+    ['IgxTextHighlightService', 'directives']
 ]);
 // Type renames (old name -> new name and entry point)
 const TYPE_RENAMES = new Map([
     ['Direction', { newName: 'CarouselAnimationDirection', entryPoint: 'carousel' }],
+    ['IgxColumPatternValidatorDirective', { newName: 'IgxColumnPatternValidatorDirective', entryPoint: 'grids/core' }],
 ]);
 function migrateImportDeclaration(node, sourceFile) {
     var _a;
@@ -527,6 +686,7 @@ function migrateFile(filePath, content) {
 }
 exports.default = (options = {}) => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
     context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+    const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
     const shouldMigrateImports = options.migrateImports !== false; // Default to true if not specified
     if (shouldMigrateImports) {
         context.logger.info('Migrating imports to new entry points...');
@@ -568,4 +728,5 @@ exports.default = (options = {}) => (host, context) => __awaiter(void 0, void 0,
         context.logger.info('Note: The library now supports granular entry points for better tree-shaking.');
         context.logger.info('To migrate later, run: ng update igniteui-angular --migrate-only --from=20.1.0 --to=21.0.0');
     }
+    update.applyChanges();
 });

package/migrations/update-21_0_0/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "igniteui-angular-migration-21",
+  "$id": "igniteui-angular-migration-21",
   "title": "Update to version 21.0.0",
   "type": "object",
   "properties": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "21.0.0-alpha.0",
+  "version": "21.0.0-alpha.2",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -69,20 +69,20 @@
     "tree"
   ],
   "dependencies": {
-    "fflate": "^0.8.1",
-    "tslib": "^2.3.0",
+    "fflate": "^0.8.2",
+    "tslib": "^2.8.1",
     "igniteui-trial-watermark": "^3.1.0",
     "lodash-es": "^4.17.21",
-    "igniteui-theming": "^23.0.0",
+    "igniteui-theming": "^24.0.0",
     "@igniteui/material-icons-extended": "^3.1.0"
   },
   "peerDependencies": {
-    "@angular/common": "20",
-    "@angular/core": "20",
-    "@angular/animations": "20",
-    "@angular/forms": "20",
+    "@angular/common": "21",
+    "@angular/core": "21",
+    "@angular/animations": "21",
+    "@angular/forms": "21",
     "hammerjs": "^2.0.8",
-    "@types/hammerjs": "^2.0.40"
+    "@types/hammerjs": "^2.0.46"
   },
   "peerDependenciesMeta": {
     "hammerjs": {
@@ -112,13 +112,13 @@
       "default": "./migrations/*"
     },
     "./lib/core/styles/themes/index": {
-      "sass": "./core/src/core/styles/themes/_index.scss"
+      "sass": "./lib/core/styles/themes/_index.scss"
     },
     "./theming": {
-      "sass": "./core/src/core/styles/themes/_index.scss"
+      "sass": "./lib/core/styles/themes/_index.scss"
     },
     "./themes": {
-      "sass": "./core/src/core/styles/themes/_index.scss"
+      "sass": "./lib/core/styles/themes/_index.scss"
     },
     "./package.json": {
       "default": "./package.json"