NYS Design System Release 1.19.2

New subheading for <nys-globalfooter>

Use agencySubheading to display a short description beneath the agency name.

<nys-globalfooter
  agencyName="NYS Design System"
  agencySubheading="A product of the NYS Office of Information Technology Services"
>
</nys-globalfooter>

Two new icons

We added two new icons to the icon library:

schedule
location_on

Reminder: When using the <nys-icon>, you can now choose to load in icons from any other library. You can serve the icons locally or via a Content Delivery Network (CDN).

Quarterly audit fixes

We take stock of our progress every quarter. We do this to ensure that we're being consistent and that we speak with one voice. We need to check for new accessibility issues, and general bugs.

During our quarterly audit we uncovered 89 findings and remediated them. Here is a summarized list of fixes that were implemented:

• <nys-button> could execute arbitrary code
• <nys-backtotop> broke server-side rendering
• Missing sideEffects risked breaking tree-shaking changes
• Accessibility issues resolved for <nys-breadcrumb> and <nys-datepicker>
• Multiple security vulnerabilities patched
• Tooling changes

🚨 Breaking changes

• <nys-icon> in 1.19.0 libraries break on "chunked" frameworks (like React, Angular). Library break fixed in 1.19.1
• nys-grid-gap in 1.19.0 added vertical spacing to grid-gap gutters. Read about the grid-gap classes
• <nys-datepicker> default width changed from md to full. See note about width

⚠️ Known issues

• none

If you notice any issues, please add them to our GitHub Issue Tracker

For full component updates, bug fixes, and the detailed changelog:

See the full developer release notes for v.1.19.2 →