NYS Design System Release 1.16.0 “Algonquin”

“Algonquin” 🏔️

We held a vote during our office hours this week, and the winning vote was for naming this release “Algonquin” after the 2^nd highest peak in New York: Algonquin Peak. Algonquin Peak has an elevation of 5,114 ft (1,558 m).

Learn more about Algonquin Peak.

`<nys-video>` now available

The new <nys-video> embeds a YouTube video with a clickable thumbnail and on-demand playback. The iframe loads only after interaction by default, helping improve page performance while keeping the experience responsive and accessible.

Read the full video documentation.

<nys-video
  videourl="https://www.youtube.com/watch?v=TBfFzt0150Q"
  titleText="IT'S a Tech Podcast, Episode 3: Human-Centered Design"
></nys-video>

Robert Chen pressed play on this one.

`.nys-flex-gap` classes now available

We've added flex gap configuration classes to the NYS DS styles package. You can use them in your HTML to set gap widths that fit your application needs.

Read the full flex-gap documentation.

Emily Gorelik Flexed her muscles on this one.

Figma updates

Today we’re launching the official version of the video component in our design library.

Video Player now available in Figma

Kristin Sorrentino is creating important components!

Bug fixes

<nys-dropdownmenu> in v1.15.0 had z-index issues. They have been resolved in this release.
maxLength fixed in <nys-textinput>
React support has expanded to add react wrappers and JSX definitions for React-like
Dispatch events now bubble up and are composed
Project build time reduced significantly
Fixed table sort event not firing
Globalheader no longer scheduling updates
Fixes to build scripts
Focus and logic fixes for <nys-checkboxgroup>
Removed extraneous getButtonElement() function from <nys-modal>
Icon alignment fixes
MCP server fixes