Angular 17 Support (SKY UX 10)

[Blackbaud-KerryCampbell]

Angular 17

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

AG Grid 31 support

Updated two major versions of AG Grid. More information on what AG Grid added can be found in their release notes for v30 and v31. AG Grid added keyboard navigation improvements and we built off of those improvements to add visual grab handles to the column resizer in modern theme. Previously the header of data grids in modern theme had no vertical dividers between the columns. Data grids now have a visual divider which helps show the break between columns but also is a better indicator to users that it is possible to resize the columns to better fit their needs.

Visual Change to Headings

Headings 4 and 5 were previously styled as all-caps styles in the modern visual theme and have been updated to show as regular sentence casing with size and weights that flow down through the heading styles. The most noticeable location that this will be seen is within data grids that are shown in modern theme.

Removal of placeholder text

Placeholder text has been removed from inputs and the context that was previously provided is now displayed below the field as hint text. Impacted inputs include Dates, Phone numbers, and URL inputs across a number of components. This update is to meet accessibility guidelines as well as better usability so that context, like the expected format of a date, is not lost once I user starts typing.

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