Agriculture Design System
Beta
Design System for the Export Service

27th July, 2022

Rethought our <Columns /> component, improved many of our components to handle colours more consistently, and introduced @babel/runtime as a dependency for most packages.

⚠️ 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 rethought our <Columns /> component, improved many of our components to handle colours more consistently, and also introduced @babel/runtime as a dependency for most packages.

New packages

"@ag.ds-next/badge": "1.0.0",
"@ag.ds-next/skeleton": "1.0.0",

Breaking changes

  • @ag.ds-next/card: Removed CardList component, please use Columns instead.
  • @ag.ds-next/hero-banner: Replaced variant prop with background
  • @ag.ds-next/side-nav: Replaced variant prop with background
  • @ag.ds-next/sub-nav: Replaced variant prop with background

Updates

@ag.ds-next/card@6.0.0

  • Remove CardList component. please use Columns instead.
  • Added support for css prop
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/columns@7.0.0

  • Using the new cols prop on the Columns, you can now specify the amount of columns you want in your grid, rather than being forced to use 12 columns everywhere. This largely removes the need to use the Column component, which greatly improves the API for achieving column layouts.
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/hero-banner@5.0.0

  • Replaced variant prop with background. This component now respects parent colour palette.
  • Added @babel/runtime as a package dependency
  • Updated documentation

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

  • Replaced variant prop with background
  • Improved overflow of mobile version
  • Converted titleLink into an optional prop
  • Removed unnecessary button role on collapsible button
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/sub-nav@2.0.0

  • Replaced variant prop with background. This component now respects parent colour palette.
  • Updated documentation
  • Added @babel/runtime as a package dependency

@ag.ds-next/accordion@9.0.0

  • Added background prop
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/box@6.1.0

  • Added support for columnGap and rowGap props
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/callout@6.0.0

  • Added background prop
  • Added @babel/runtime as a package dependency
  • Updated documentation

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

  • Narrowed down prop types
  • Upgraded react-day-picker dependency
  • Added the ability to disable dates through new minDate and maxDate props
  • Fixed bug where incorrect element was being focused when calendar first opened
  • Fixed bug where users couldn’t input a date using the text input after a value was set
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/field@9.0.0

  • Adjusted font weight of FieldMessage
  • Prevent flex shrinking of field message alert icon
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/file-upload@5.0.0

  • Refreshed UI for invalid files
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/icon@10.0.0

  • Added WarningIcon and InfoIcon
  • Added @babel/runtime as a package dependency
  • Updated documentation

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

  • Added background prop
  • Improved overflow of mobile version
  • Removed unnecessary button role on collapsible button
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/search-box@11.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation
  • Narrowed down prop types

@ag.ds-next/select@10.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation
  • Narrowed down prop types

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

  • Added @babel/runtime as a package dependency
  • Updated documentation
  • Narrowed down prop types

@ag.ds-next/textarea@10.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation
  • Narrowed down prop types

@ag.ds-next/a11y@1.2.1

  • Added @babel/runtime as a package dependency
  • Updated documentation

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

  • New error colour token
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/body@8.0.0

  • Allow consumers to keep vertical rhythm on specific elements using bodyBlockClassname
  • Added styles for tables
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/breadcrumbs@13.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/button@10.0.0

  • Added default type="button" to BaseButton
  • Improved prop type definitions
  • Added @babel/runtime as a package dependency
  • Updated documentation

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

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/content@8.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

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

  • Narrowed down types for Checkbox and Radio
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/core@3.0.1

  • Fixed bug in the Core component where if no theme was supplied, the default theme (GOLD) was not being applied
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/direction-link@9.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/fieldset@6.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/footer@8.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/form-stack@5.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/header@10.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/heading@8.0.0

  • Exported size map object for use in other packages
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/inpage-nav@8.0.0

  • Updated title in examples
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/keyword-list@8.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/loading@5.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

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

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/modal@7.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/page-alert@6.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/pagination@2.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

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

  • Added @babel/runtime as a package dependency
  • Updated documentation
  • Narrowed down types

@ag.ds-next/switch@2.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation
  • Added comments to each prop to improve documentation

@ag.ds-next/table@5.0.0

  • Added new verticalAlign prop to TableCell with a default value of top
  • Added more options to the width prop in TableOption
  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/tags@8.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/task-list@9.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/text@9.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

@ag.ds-next/text-link@5.0.0

  • Added @babel/runtime as a package dependency
  • Updated documentation

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/499) for this release.

Released packages

"@ag.ds-next/a11y": "1.2.1",
"@ag.ds-next/accordion": "9.0.0",
"@ag.ds-next/ag-branding": "6.1.1",
"@ag.ds-next/badge": "1.0.0",
"@ag.ds-next/body": "8.0.0",
"@ag.ds-next/box": "6.1.0",
"@ag.ds-next/breadcrumbs": "13.0.0",
"@ag.ds-next/button": "10.0.0",
"@ag.ds-next/call-to-action": "9.0.0",
"@ag.ds-next/callout": "6.0.0",
"@ag.ds-next/card": "6.0.0",
"@ag.ds-next/columns": "7.0.0",
"@ag.ds-next/content": "8.0.0",
"@ag.ds-next/control-input": "10.0.0",
"@ag.ds-next/core": "3.0.1",
"@ag.ds-next/date-picker": "7.0.0",
"@ag.ds-next/direction-link": "9.0.0",
"@ag.ds-next/field": "9.0.0",
"@ag.ds-next/fieldset": "6.0.0",
"@ag.ds-next/file-upload": "5.0.0",
"@ag.ds-next/footer": "8.0.0",
"@ag.ds-next/form-stack": "5.0.0",
"@ag.ds-next/header": "10.0.0",
"@ag.ds-next/heading": "8.0.0",
"@ag.ds-next/hero-banner": "5.0.0",
"@ag.ds-next/icon": "10.0.0",
"@ag.ds-next/inpage-nav": "8.0.0",
"@ag.ds-next/keyword-list": "8.0.0",
"@ag.ds-next/link-list": "11.0.0",
"@ag.ds-next/loading": "5.0.0",
"@ag.ds-next/main-nav": "13.0.0",
"@ag.ds-next/modal": "7.0.0",
"@ag.ds-next/page-alert": "6.0.0",
"@ag.ds-next/pagination": "2.0.0",
"@ag.ds-next/progress-indicator": "11.0.0",
"@ag.ds-next/search-box": "11.0.0",
"@ag.ds-next/select": "10.0.0",
"@ag.ds-next/side-nav": "12.0.0",
"@ag.ds-next/skeleton": "1.0.0",
"@ag.ds-next/skip-link": "8.0.0",
"@ag.ds-next/sub-nav": "2.0.0",
"@ag.ds-next/switch": "2.0.0",
"@ag.ds-next/table": "5.0.0",
"@ag.ds-next/tags": "8.0.0",
"@ag.ds-next/task-list": "9.0.0",
"@ag.ds-next/text": "9.0.0",
"@ag.ds-next/text-input": "10.0.0",
"@ag.ds-next/text-link": "5.0.0",
"@ag.ds-next/textarea": "10.0.0",
Edit this page