What’s New

Responsive margin and padding, <nys-accordionitem> style overrides, MCP server updates, added more native functionality to <nys-button> and <nys-icon>, fixes to <nys-fileinput>, and continuing our automation journey!

BREAKING CHANGES! We added a subheading to nys-globalfooter, added two new icons, and performed our quarterly audit.

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>

Fixed a ton of bugs, made the DS more accessible, and improved the MCP Server

Releasing the new <nys-tab> component! We fixed some responsive utility CSS, as well as a few React and Preact bugs. BREAKING CHANGE to grid-gap CSS classes, read release notes for more info.

<nys-breadcrumbs> component released. Text variant of <nys-button> supports prefix and suffix icons now. Fixes to error messages, pagination, and the MCP server.

How the NYS Design System uses CSS variables and design tokens to enable consistent, scalable, and customizable UI development across New York State.

<nys-video> width fixes, <nys-datepicker> minDate, maxDate, and “Day 1” bug fixes.

<nys-video> component released as stable. Added flex-gap classes for better customizing flexbox layouts. Sped up build time, and fixed a mountain of smaller issues.

Meet <nys-combobox> and <nys-dropdownmenu>, the two newest components in the NYS Design System! We added 3 new icons to the <nys-icon> component, standardized our JS files, fixed bugs, and added a new language configuration option for <nys-unavheader>.

Happy one year anniversary to the NYS Design System! 🍰 We now lint all our styles before publishing and have provided new methods for customizing the <nys-accordion>. Lots of bug and accessibility fixes in this release too!

We're celebrating our one year anniversary! We shipped a new homepage and contribute pages. Contribution can take many forms: New feature requests, bug reports, or hop into our Teams channel.

A bug fix and enhancements release. Custom search endpoints in <nys-unavheader>. New @nysds/tokens package available. Strong badges make an appearance.

We're releasing two new components, <nys-datepicker> and <nys-table>. We've made some modifications to the <nys-globalheader> to allow for “user actions.”

We are wrapping up 2025 with our 34th release of the year! Design previews of nys-table and nys-datepicker are now widely available in the NYS DS Figma library.

This release completely revamped the tooltip component to be more accessible and easier to use. The old tooltip wrapper has been removed from the package. We also introduced new responsive variants for our popular utility classes.

We released our community Figma file! Custom Element Manifest (CEM) now available in the package. CEM allows us to map custom components to VSCode, and eventually automatically create our React wrappers.

Primarily a bug fix release. No more console warnings. No more accidental double-clicks. We also cleaned up our Figma files.

Enhancements and bug fixes for this release. Some nice Figma improvements as well. Enhancement to <nys-icon> size ramps and bug fixes for accessibility (including a particularly nasty bug) and some deprecation changes with <nys-select>.

We have implemented a site search, added a new 404 page, and created quick links for headings across the site.

Enhancements and bug fixes for this release. Enhancement to <nys-globalfooter> to allow multiple columns of links and bug fixes for accessibility and click functionality of <nys-checkbox>.

We shipped two new components: <nys-pagination> and <nys-modal>. Use them to create dynamic experiences for your users.

Use the new <nys-divider> component to split up visual elements on your pages. We also fixed some bugs.

Create step-by-step user flows easier with the new <nys-stepper> component!

Are you looking to learn more about the New York State Design System? Be sure to watch our new NYS Design System video series. And check out our two new components: <nys-badge> and <nys-accordion>

New icons, improved field masking, and some Figma updates.

Unlock new workflows by building your design system with a fidelity routing collection to swap between low-fi, mid-fi, and high-fi in one click.

Hotfixes for nys-textinput, nys-unavheader accessibility, and nys-backtotop behavior.

Welcoming nys-tooltip to the library and polishing up nys-fileinput.

New nys-fileinput component, package size cut in half, and fresh icons.

Consolidated Figma libraries, new nys-backtotop component, circle prop for nys-button, and key accessibility fixes.

Figma updates for buttons and inputs, new automated tests, and key fixes.

New text input variants, a tile option for checkboxes, and automated testing.

A new skip navigation component, fresh icons, and key accessibility fixes.

New link targeting in nys-button and important accessibility fixes.

Jesse Gardner and Eric Steinborn discuss scaling human-centered design with the New York State Design System on episode

Accessibility fix for buttons, better component loading, and an npm install fix.

Figma Code Connect for all components and a much leaner npm package.

Updated Figma variables, refreshed design tokens, and a round of bug fixes.

Form elements now reflect validation properly, plus Code Connect between Figma and code.

★ NYSDS 1.0.0 — our first stable release!

Global Header + Footer land in the Design System, along with form event fixes and dependency updates.

Launch of @nysds/styles package and major documentation improvements.

Our first styles package lands + avatar component joins the lineup.

New textarea and toggle components debut, plus major build and publishing upgrades.

New components (nys-radiobutton, nys-icon, nys-textinput, nys-alert) plus Storybook publishing, module upgrades, and CI/CD fixes.

Added new components nys-icon and nys-checkbox.

Our very first alpha release of the NYS Design System 🎉