Agriculture Design System
Beta
Design System for the Export Service

April 28th, 2022

Add HeroBanner and Loading. Various bug fixes and improvements.

⚠️ 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.

New packages

"@ag.ds-next/loading": "1.0.0",
"@ag.ds-next/hero-banner": "1.0.0"

Updates

@ag.ds-next/modal@2.0.0

  • Title is required. Also, resolves issue with Chrome not reading title in VoiceOver.
  • Buttons now appear at bottom of screen in Mobile view. We have achieved this by changing the way buttons are added to a modal - via an actions prop on the Modal.
  • Improve mobile styles
  • Design improvements
  • Prevented the body from being scrollable while modal is open

@ag.ds-next/accordion@4.1.0

  • Updated height animation logic to improve accessibility

@ag.ds-next/button@6.0.0

  • Added LoadingDots to button component

@ag.ds-next/control-input@6.0.0

  • Removed requiredLabel prop
  • Increased gap between control group children and label
  • Updated spacing between elements

@ag.ds-next/date-picker@2.0.0

  • Added date format to label
  • Remove placeholder
  • Removed requiredLabel prop
  • DateRangePicker only shows 1 month in mobile
  • Calendar now closes when the escape key is pressed
  • Improved focus management

@ag.ds-next/field@5.1.0

  • Added secondaryLabel prop
  • Removed requiredLabel prop

@ag.ds-next/main-nav@8.1.0

  • Improve accessibility for screen reader users
  • Remove data attributes for style overrides
  • Return focus when modal is closed
  • Hide mobile toggle button if no links are supplied

@ag.ds-next/progress-indicator@5.1.0

  • Updated height animation logic to improve accessibility
  • Removed props for setting titles (title, subTitle and collapseTitle)
  • Updated mobile UI
  • Updated hover styles

@ag.ds-next/select@6.0.0

  • Removed requiredLabel prop
  • Update icon color in dark mode

@ag.ds-next/side-nav@7.1.0

  • Updated height animation logic to improve accessibility

@ag.ds-next/text-input@6.0.0

  • Removed requiredLabel prop

@ag.ds-next/textarea@6.0.0

  • Removed requiredLabel prop

@ag.ds-next/ag-branding@4.1.2

  • Added aria tags to Logo

@ag.ds-next/box@4.1.1

  • Added responsive type scale

@ag.ds-next/call-to-action@3.0.1

  • Reduced icon size from 1.5rem to 1rem

@ag.ds-next/core@2.1.5

  • Added responsive type scale

@ag.ds-next/footer@5.0.1

  • Hide footer divider from screen readers

@ag.ds-next/skip-link@3.0.0

  • Explicitly set position absolute to anchor tags

@ag.ds-next/table@1.0.1

  • Fix Emotion warning

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 (https://github.com/agriculturegovau/agds-next/pull/279) for this release.

Released packages

"@ag.ds-next/accordion": "4.1.0",
"@ag.ds-next/ag-branding": "4.1.2",
"@ag.ds-next/body": "5.0.1",
"@ag.ds-next/box": "4.1.1",
"@ag.ds-next/breadcrumbs": "7.0.1",
"@ag.ds-next/button": "6.0.0",
"@ag.ds-next/call-to-action": "3.0.1",
"@ag.ds-next/callout": "2.0.1",
"@ag.ds-next/card": "3.0.1",
"@ag.ds-next/columns": "4.0.1",
"@ag.ds-next/content": "5.0.1",
"@ag.ds-next/control-input": "6.0.0",
"@ag.ds-next/core": "2.1.5",
"@ag.ds-next/date-picker": "2.0.0",
"@ag.ds-next/direction-link": "3.0.1",
"@ag.ds-next/field": "5.1.0",
"@ag.ds-next/fieldset": "2.0.1",
"@ag.ds-next/footer": "5.0.1",
"@ag.ds-next/form-stack": "2.0.1",
"@ag.ds-next/header": "6.0.1",
"@ag.ds-next/heading": "5.0.1",
"@ag.ds-next/hero-banner": "1.0.0",
"@ag.ds-next/icon": "6.0.1",
"@ag.ds-next/inpage-nav": "2.0.1",
"@ag.ds-next/keyword-list": "2.0.1",
"@ag.ds-next/link-list": "5.0.1",
"@ag.ds-next/loading": "1.0.0",
"@ag.ds-next/main-nav": "8.1.0",
"@ag.ds-next/modal": "2.0.0",
"@ag.ds-next/page-alert": "2.0.1",
"@ag.ds-next/progress-indicator": "5.1.0",
"@ag.ds-next/search-box": "6.0.0",
"@ag.ds-next/select": "6.0.0",
"@ag.ds-next/side-nav": "7.1.0",
"@ag.ds-next/skip-link": "3.0.0",
"@ag.ds-next/table": "1.0.1",
"@ag.ds-next/tags": "2.0.1",
"@ag.ds-next/task-list": "3.0.1",
"@ag.ds-next/text": "5.0.1",
"@ag.ds-next/text-input": "6.0.0",
"@ag.ds-next/textarea": "6.0.0",