NYS Design System Release 1.19.0 “Upper Wolf Jaw”

BREAKING CHANGES! We upgraded the <nys-icon> to load external icon libraries which caused some breaking changes. Vertical space gaps available with new vertical grid-gap classes. Check your layouts as there is potential vertical padding breaking changes with grid-gap. Lastly, we added a subtle variant to the <nys-divider>

Eric Steinborn

June 11, 2026

2 min read time

Read the nys-icon and grid-gap documentation below to see how to migrate

“Upper Wolf Jaw” 🏔️

The winning vote during Office Hours this week was for naming this release “Upper Wolf Jaw” after the 29^th highest peak in New York: Upper Wolfjaw Mountain. The Mountain has an elevation of 4,185 ft (1,276 m). That is as tall as 50,400 New York bagels !

Learn more about Upper Wolfjaw Mountain

Custom icon library support

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).

Migrating to the new `<nys-icon>`

To migrate to the new <nys-icon> libraries, you'll need to ensure your icon files are in the correct location, and you may need to configure the "default" library to point to your icon files. Learn how to manage your libraries.

Custom icon library demos

Below, you will find two examples which retrieve icons from Font Awesome and Material:

Font Awesome demo

house

user

star

heart

bell

magnifying-glass

circle-check

triangle-exclamation

Material demo

home

person

star

favorite

notifications

check_circle

warning

Grid-gap vertical spacing

We enhanced the functionality of the grid-gap classes to add vertical spacing in addition to the pre-existing horizontal spacing. Add vertical space to your grid layouts today!

New `<nys-divider>` subtle variant

The <nys-divider> component got a new subtle attribute that provides a more understated visual separation between content. The subtle divider is ideal for use in situations where a less prominent division is desired.

Content above the divider. Content below the divider.

<nys-divider subtle></nys-divider>

Bug fixes

Align dev environment linting processes and prettier the Sass
Remove horizontal padding of text buttons
Fix href and fullWidth button configurations
Rework <nys-radiobutton> for better accessibility
Updated security vulnerabilities
Fix missing color fill on certain <nys-icon> glyphs
New tokens for underline regular and strong styles

🚨 Breaking changes

<nys-icon> libraries break on "chunked" frameworks (like React, Angular). Library break fix
nys-grid-gap added vertical spacing to grid-gap gutters. Read about the grid-gap classes