AgDS Beta v1.3.0 release

Updates

Autocomplete

• Improved styles for disabled state (PR #981)

Box

• Updated the palette prop to accept responsive values. For example <Box palette={["dark", "light"]} />. (PR #1021)

Combobox

• Fixed bug where the dropdown trigger button and clear button were not being marked or shown as disabled (PR #981)
• Improved styles for disabled state (PR #981)

Control Input

• Improved styles for disabled state (PR #981)

Core

• Removed dependency to Reach UI as it is no longer being maintained. The logic from @reach/auto-id has been forked and copied into the repo. (PR #1002)

Date picker

• Updated default label to show ‘(optional)’ when the field is not required. This is consistent with all other form components in the design system. (PR #1008)
• Added new prop onInputChange which can be used to track the value of the text input (PR #997)
• Updated the type of the value prop so it can accept string (which represents the value of the text input) (PR #997)
• Removed unused prop placeholder (PR #1016)
• Removed options xs and sm from maxWidth prop. These widths were too small to be used in this component. (PR #1016)
• Improved styles for disabled state (PR #981)
• Improved test coverage (PR #999)

Date range picker

• Updated default label to show ‘(optional)’ when the field is not required. This is consistent with all other form components in the design system. (PR #1008)
• Updated the type of the value prop so it can accept string (which represents the value of the text inputs) (PR #997)- Added new prop onFromInputChange and onToInputChange which can be used to track the value of the text inputs (PR #997)
• Added support for a legend to be supplied via a new legend prop. If no legend is supplied, a default legend of Date range will be rendered but will be visually hidden. (PR #1000)
• Added support for hint text via the hint prop (PR #1000)
• Added support for an invalid state via the fromInvalid, toInvalid and message prop (PR #1000)
• Improved styles for disabled state (PR #981)
• Improved test coverage (PR #999)

Field

• Updated behaviour of the secondaryLabel prop so it will prepend any text to the label instead of replacing default secondary label ‘(optional)’. (PR #1008)
• Added className prop to FieldLabel (PR #998)
• Fixed typos in hook useScrollToField (PR #998)
• Exported component props and added comments to props (PR #998)

File input

• Improved styles for disabled state (PR #981)

Icon

• Added new icons ChevronsUpDownIcon, EmailIcon, FacebookIcon, InstagramIcon, LinkedInIcon, WebsiteIcon and TwitterIcon. (PR #1005)

Search input

• Improved styles for disabled state (PR #981)

Side nav

• Updated interface of link list items as per latest designs (PR #1023)
• Removed exports of primitive components and modular storybook example (PR #1023)

Summary list

• Fixed a text colour bug when this component was placed inside dark palette. This was done by adding an explicit colour to SummaryListItemTerm and SummaryListItemDescription. (PR #1022)

Table

• Add support for id prop (PR #1010)
• Add support for table-layout prop (PR #1015)
• Add support for aria-labelledby and aria-describedby props (PR #1007)
• Widen types for column widths (PR #1015)
• TableCell supports usage as a row header (th) (PR #1017)

Text input

• Improved styles for disabled state (PR #981)

Textarea

• Improved styles for disabled state (PR #981)

Released packages

"@ag.ds-next/react": "1.3.0"

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.