Angular 19 Support (SKY UX 12)

[Blackbaud-KerryCampbell]

How to update

To update your project to the next version of Angular and SKY UX, run the following command.

ng update @angular/core @angular/cli @skyux/packages

Angular 19 support

For an overview of the new features introduced in Angular 18, see the Angular 19 release announcement or update guide.

AG Grid 33 support

More information on what AG Grid added can be found in their release notes for v33 or in their change log. AG Grid 33 overhauls the way grid themes are built and applied. If your project applies any style overrides for AG Grid, reevaluate whether those styles are still necessary or need to be updated.

All icons updated to Fluent SVG

SKY UX 12 updates all icons to SVG icons from the Microsoft Fluent icon set. With this change, Font Awesome and Blackbaud icons have been deprecated and support for these icons will be removed in SKY UX 13. This change affects both modern and default themes. During the automatic update process, the SKY UX update runner will convert all action button, checkbox, icon, and radio components to use the new SVG icons if the icon name was hard-coded. Consumers will need to manually update icons if the icon was bound to a component field. Consumers should verify the conversion of all icons prior to merging the SKY UX 12 update.

Angular's support for standalone by default

In Angular 19, components, directives, and pipes are standalone by default. Components, directives, and pipes that were not standalone in Angular 18 now set standalone to false in the decorator metadata. For a detailed explanation of standalone components, see Angular Standalone Components: Complete Guide.