Infragistics Ignite UI for Angular Lanzamientos

• New Features
  • Theming
    • Component structural styles are now scoped and tree-shakable - they ship inside each component's own bundle instead of a single global, all-or-nothing theme stylesheet. An app now pays for CSS only for the components it actually imports.
    •  Design tokens for all four design systems (Material, Bootstrap, Fluent, Indigo) × light/dark are emitted once per theme into the global preset (e.g. igniteui-angular.css). As a result of those changes, the pre-built theme files are roughly half the size (~49% smaller raw, ~58% smaller gzip).
    • Finalized the migration to the tokens() mixin as the single way to apply a component theme, replacing the individual per-component wrapper mixins (avatar(), dialog(), checkbox(), tabs(), etc.) across the rest of the library, following the same pattern already introduced for the Grid family in 22.0.0.
    • The 22.1.0 ng update migration performs a syntactic replacement of removed wrapper mixins, but cannot reliably infer whether an application's customization was intended as a universal override or as a local theme. Review migrated tokens() calls and add $mode: 'scoped' where one of the cases above applies.
    • Cascade layering (ig.reset → ig.base → ig.material/ig.bootstrap/ig.fluent/ig.indigo → ig.derived) keeps precedence deterministic between structural styles, design-system overrides, and derived/contextual tokens now that styles are split across component bundles and the global preset.
  • Breaking Changes
    • The individual per-component Sass theme wrapper mixins (avatar, badge, banner, bottom-nav, button-group, calendar, card, carousel, checkbox, chip, column-actions, combo, date-picker, date-range-picker, dialog, divider, drop-down, expansion-panel, excel-filtering, grid-summary, grid-toolbar, icon, file-input, input-group, list, navbar, navdrawer, paginator, progress-circular, progress-linear, query-builder, radio, select, slider, snackbar, splitter, stepper, switch, tabs, time-picker, toast, tree, and the grid/pivot mixins), which have been marked as deprecated in favor of the generic tokens/css-vars mixins for several major versions, have now been removed. Use the tokens() mixin instead. The ng update migration for 22.1.0 automatically rewrites existing @include <component>(<component>-theme(...)) calls to @include tokens(<component>-theme(...)). This is a syntactic migration; review each replacement and use $mode: 'scoped' for component-local themes as described in the Theming section above.
    • Removed the per-component -typography mixins (badge-typography, dialog-typography, checkbox-typography, etc.). Typography is now applied automatically as part of each component's tokens, so these standalone calls are no longer needed. The ng update migration deletes existing calls (including multi-line and aliased calls) automatically.
    • Removed the deep Sass imports of per-component structural partials (e.g. igniteui-angular/lib/core/styles/components/avatar/avatar-component) and their component() mixin calls. Structural styles are no longer optionally-included Sass — they now ship automatically with each component's bundle. The ng update migration removes these @use statements and matching component() calls automatically.
    • IgxDividerDirective has been replaced by IgxDividerComponent (divider is now a standalone component with its own scoped stylesheet). The ng update migration updates existing imports/usages automatically; IgxDividerModule is unaffected.
• General
  • Removed Hammer.js dependency
    • The hammerjs and @types/hammerjs peer dependencies have been removed. All touch gesture support (Carousel swipe, Navigation Drawer pan/swipe, List Item pan, Time Picker vertical scroll, Grid Cell double-tap on iOS) is now implemented with native Pointer Events / Touch Events APIs.
    • HammerGesturesManager and related types (HammerInput, HammerStatic, HammerManager, HammerOptions) are no longer exported from igniteui-angular/core.
    • The ng add schematic no longer prompts for, or installs, hammerjs.
    • If your application imported hammerjs solely for Ignite UI components, you can safely remove it from your package.json dependencies, angular.json scripts/polyfills, and any import 'hammerjs' statements.
  • igxList
    • igx-list-item no longer tracks touch gestures when neither allowLeftPanning nor allowRightPanning is enabled, so pressing an item no longer captures the pointer or suppresses the touch scrolling of the list. When panning is enabled, the gestures are processed outside of the Angular zone, which keeps continuous touch dragging of large (virtualized) lists smooth.

• Angular 22 compatibility - All Ignite UI for Angular components are now fully compatible with Angular 22.
• Standalone component support - Components can now be used directly in standalone Angular applications without NgModule. New provide() functions (e.g. provideIgxCategoryChart()) let you register component feature sets through bootstrapApplication() providers, and imperative register() functions are available for DI-free setups.
• Per-component entry points for improved tree-shaking - Each package now exposes named subpath entry points (e.g. import 'igniteui-angular-charts/category-chart') that register only the feature set you need. The root package import remains fully side-effect-free and tree-shakeable, so you only pay for the components you use. For DataChart, graduated entry points such as data-chart-category, data-chart-scatter, and data-chart-financial let you pull in individual series families without bundling the entire chart.

• DataChart - An error is thrown when destroying chart with a data tooltip layer.

• Theming
  • Added derived themes for the Grid and related internal components. When a parent component theme is included, its internal controls now derive their tokens from the parent theme colors, keeping nested buttons, icons, inputs, dropdowns, checkboxes, scrollbars, chips, and other helper components visually aligned. The derived themes are introduces for the following components:
    • Grid
    • Excel Filtering
    • Grid Toolbar
    • Paginator
    • Column Actions
    • Query Builder and Advanced Filtering Dialog
    • The derived themes are applied through the existing component theme mixins, so no additional mixin call is required. To style the whole IgxGrid, provide the $background, $foreground, and $accent-color properties to grid-theme() and include the generated theme with tokens(). The $foreground property is optional; when omitted, it is derived automatically as a contrast color for the background. Internal components inherit derived tokens from the parent component theme.
  • Breaking Changes
    • IgxInputGroupComponent, IgxSelectComponent, IgxDatePickerComponent, IgxDateRangePickerComponent, IgxTimePickerComponent
    • The default type has changed from line to box. The ng update migration automatically adds type="line" to existing instances that do not already have an explicit type binding to preserve their appearance.
  • Behavioral Changes
    • IgxCarouselComponent
      • Changed the default tab order of the component; focus now flows starting with the active slide indicator, navigation buttons, or the first focusable element in the active slide, whichever is available.
  • General
    • Touch Gestures (HammerJS) (optional)
      • HammerModule, previously exported from @angular/platform-browser, is no longer available in Angular 22. Touch gesture support (Slider, Drag & Drop, Carousel swipe, Navigation Drawer) is optional.
    • IgxSelectComponent
      • The default positioning strategy has changed from the internal overlap strategy to AutoPositionStrategy. The dropdown now opens below (or above, if there is not enough space) the input element, consistent with other connected components.
    • Added IgxSelectOverlapPositionStrategy - a new publicly exported strategy that preserves the previous behavior of aligning the selected item's text over the input text.

IgxOverlayService

• IgxOverlayService.createAbsoluteOverlaySettings - Added a new overload accepting useContainerStrategy?: boolean as the second parameter. When true, uses ContainerPositionStrategy; otherwise defaults to GlobalPositionStrategy. The previous overload accepting outlet?: IgxOverlayOutletDirective | ElementRef is still supported but deprecated.

IgxSnackbarComponent, IgxToastComponent

• Added a new positioning input property. When set to container, the components is displayed inside its nearest positioned ancestor in place of the now deprecated outlet property.

IgxCombo, IgxSimpleCombo

• Introduced the selectionChanged event for both components. The event is not cancelable and is emitted after the selection is committed and the component state is updated.
• Added disableClear input that allows hiding the clear button even when items are selected. Defaults to false.

IgxOverlayService

• Deprecation - The outlet property in OverlaySettings, IgxOverlayOutletDirective, and igxToggleOutlet input on IgxToggleActionDirective are deprecated and will be removed in a future version. As overlay service now integrates the HTML Popover API and prefers rendering content in place / in the top layer, significantly reducing the need for outlet containers, new code should rely on the default in-place / top-layer rendering behavior instead of custom outlet containers.

AI-Assisted Development - Copilot Skill: Generate from Image Design

• Added a new igniteui-angular-generate-from-image-design Copilot Skill that teaches AI coding assistants/agents (e.g., GitHub Copilot, Cursor, Windsurf, Claude, JetBrains AI, etc.) how to implement Angular application views directly from design images (screenshots, mockups, wireframes).
• The skill provides a structured workflow covering image analysis, component discovery via MCP tools (list_components, get_doc), theme generation (create_palette, create_theme, create_component_theme), layout implementation, and visual refinement (set_size, set_spacing, set_roundness).
• Includes reference files:
  • Component Mapping - Maps common UI patterns (dashboards, charts, forms, navigation, data display, gauges) to the most appropriate Ignite UI for Angular component with key properties and decision rules.
  • Gotchas - Documents known pitfalls, component-specific constraints, and corrective patterns to help AI agents avoid common implementation mistakes.

AI-Assisted Development - Copilot Skills improvements

• igniteui-angular-grids skill - Added a new sizing.md reference covering grid and column width/height inputs, percentage and auto sizing modes, column sizing (minWidth, maxWidth, * star-sizing, auto-fit), and cell spacing/density control.
• igniteui-angular-components skill - Corrected Financial Chart (IgxFinancialChartComponent) documentation: updated chartType enum values to Auto, Candle, Line, Bar, Column to match the actual FinancialChartType API.
• igniteui-angular-theming skill - Minor cleanup to remove stale internal contributing reference.