NYS Design System Release 1.10.1

You can add columns of links to your footer now

<nys-globalfooter> now accepts a set of <ul>s and displays them in columns. This allows for more standard footer layouts. Read the full documentation for link columns on the <nys-globalfooter> component.

<nys-globalfooter agencyName="Office of Information Technology Services">
  <ul>
    <li>
      <span>About</span>
      <ul>
        <li><a href="https://its.ny.gov/about-us">About ITS</a></li>
        <li><a href="https://its.ny.gov/contact-us">Contact</a></li>
        <li><a href="https://its.ny.gov/policies">Policies</a></li>
      </ul>
    </li>
    <li>
      <span>Resources</span>
      <ul>
        <li><a href="https://its.ny.gov/resources">Developer Tools</a></li>
        <li><a href="https://its.ny.gov/accessibility">Accessibility</a></li>
        <li><a href="https://its.ny.gov/privacy">Privacy</a></li>
      </ul>
    </li>
  </ul>
</nys-globalfooter>

Robert Chen expanded linkage.

No more disappearing pagination buttons

The <nys-pagination> component has been updated to no longer hide the "previous" and "next" buttons when you are on the first or last page. This update will now disable these buttons instead of removing them. This results in a more consistent user experience.

<nys-pagination
  id="pagination"
  name="pagination"
  currentPage=4
  totalPages=10
></nys-pagination>

Emily Gorelik disabled the buttons.

Bug fixes

• Update NPM packages for security fixes
• Hide unloaded components before they are processed by JS
• Fix checkbox labels failing accessibility tests
• Unav Header mobile padding fix

🚨 Breaking changes

• none

⚠️ Known issues

• <nys-button> not triggering click on keydown #935

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

That’s it!

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

See the full developer release notes for v.1.10.1 →