Figma libraries streamlined

Designers, this one’s for you. We merged the Components and Foundations library, which makes them easier to use with branching and will be a better experience when we publish to the community. This also sets the stage for powerful new “modes” (like wireframing)... coming soon.

And good news: <nys-tooltip> has already landed in Figma, and will be available in code soon!

Screenshot showing Figma updates

↳ Thanks to Kristin Sorrentino and Leo Vogel for the tireless work in making this happen.

Back to Top joins the library

Need a quick way back to the top of a page? <nys-backtotop> is here! Put it at the bottom of your main content container, and it will appear once the user scrolls down. Read more about it on the nys-backtotop component documentation page.

Screenshot of the nys-backtotop component

↳ "Top tier" work by Robert Chen.

Circle button variant

<nys-button> now has a circle variant, great for icon-only actions. (Be sure to use the label prop for accessibility!)

Screenshot of the circle button

Robert Chen rounded this one out.

Lots of other fixes and improvements

  • Code Connect updates for Figma
  • ☑️ Checkbox tiles are now fully clickable
  • Button height issues resolved (no more overflow or static sizing)
  • Password toggle button no longer overlaps input text
  • Browser support information added to Storybook and the Reference site

↳ Thanks to Robert Chen, Emily Gorelik, and Jesse Gardner for sweating the details.


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

See the full developer release notes for v1.3.0 →

  • release
  • components
  • figma
  • accessibility
  • forms
Up Next: Release 1.4.0
Previous : Release 1.2.0