Angular 14 Support (SKY UX 7)

[Blackbaud-KerryCampbell]

Angular 14

SKY UX strives to provide support for the version of Angular undergoing long-term support (LTS). The LTS version (currently, version 14) is generally stable, with few changes aside from bug fixes, and has well-maintained documentation. By locking the latest version of SKY UX to Angular's LTS version, we can limit the potential for out-of-date dependencies, unintentional breaking changes, and implementation frustrations for our consumers. For an overview of the new features introduced in Angular 14, see the Angular 14 release announcement.

Accessibility improvements

SKY UX 7 adds support for the axe-core@4 library, which introduces rules to enforce WCAG 2.1 accessibility standards. A number of SKY UX components have been updated to meet the requirements so updating your project to SKY UX 7 will result in a more accessible user experience.

AG Grid 28

SKY UX 7 adds support for AG Grid 28. The AG Grid 28 stylesheet leverages CSS custom properties, resulting in a much smaller bundle size. Previously the stylesheet relied on SASS mixins for several permutations and generated a 1.2 MB CSS file. With SKY UX 7 and AG Grid 28, that CSS file is now ~232 KB. Review the AG Grid changelog for a list of breaking changes and new features introduced in version 28.

Strict-mode support

Strict-mode support is now included with SKY UX 7, which means consumers will have increased compatibility for their own strict-mode implementations. Additionally, strict-mode linting tools will help the SKY UX team avoid introducing unintentional breaking changes to our consumers.

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

After the update, review the Angular Update Guide. If you encounter any problems during the update, file an issue.