Agriculture Design System
Design System for the Export Service

March 2nd, 2022

Improve navigation components

⚠️ Note: All releases under the @ag.ds-next package scope should be considered alpha pre-releases. Expect breaking changes. Once we are happy with the state of the core packages we will migrate all packages to @ag.ds.

In this release we have focused on delivering improvements for existing components.


  • @ag.ds-next/card: Add CardHeader, CardFooter and CardList
  • @ag.ds-next/header: Added support for a badgeLabel in the Header component
  • @ag.ds-next/main-nav: Removed secondaryLinks from MainNav, in favour of rightContent for global actions.
  • @ag.ds-next/side-nav: Improve focus state
  • @ag.ds-next/search-box: Updated horizontal padding of SearchBoxButton
  • @ag.ds-next/progress-indicator: Updated border width of the active item
  • @ag.ds-next/body: Adjust margin for H3s
  • Updated link components to accept all anchor element HTML attributes
  • Ensured consistent API of aria-label

New packages

  • @ag.ds-next/keyword-list
  • @ag.ds-next/skip-link

Full changelog

Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR ( for this release.

Released packages