AgDS Beta v1.10.0 release

Updates

App layout

• Made focusMode prop optional (false by default)

AG Branding

• Updated selectedMuted tokens to new blue colour

Autocomplete

• Added new inputRef prop

Box

• Remove focus from supported text styles
• Updated focusStyles to use the :focus-visible selector so the focus indicator will only be shown when the element receives keyboard focus.

Button

• Increased the gap between icons and labels in the small button variant from 0.25rem to 0.5rem

Card

• Updated box-shadow with new tokens

Checkbox

• Added support for indeterminate checkboxes via a new indeterminate prop
• Updated indicator icon
• Updated CSS for toggling the display of the checkbox indicator which stops the checkbox from shifting slightly in certain browsers

Combobox

• Added new inputRef prop
• Improved async logic in ComboboxAsync and ComboboxAsyncMulti
• Deprecated prop openDropdownOnFocus as it is no longer used.
• Upgraded dependency on downshift to version 8, which implements ARIA version 1.2
• Added truncation to better handle options with long labels
• Updated dropdown chevron indicator to flip when combobox is opened.
• Updated box-shadow with new tokens

Core

• Added new selected and selectedMuted tokens
• Added new shadow tokens for box-shadows
• Added new truncate pack

Date picker

• Update hover state styles in Calendar
• Updated box-shadow with new tokens

Date range picker

• Update hover state styles in Calendar
• Updated box-shadow with new tokens

Dropdown menu

• Created component

Filter drawer

• Update usage of createPortal to fix server side render issues
• Updated box-shadow with new tokens

Icon

• Added new icons: ArrowUpDownIcon, CheckIcon and MinusIcon
• Updated ChevronUpIcon, ChevronDownIcon, ChevronLeftIcon and ChevronRightIcon
• Deprecated ChevronsUpDownIcon, use ArrowUpDownIcon instead. This will be removed in the next major version.

List

• Created new components UnorderedList and OrderedList

Modal

• Update usage of createPortal to fix server side render issues
• Updated box-shadow with new tokens

Progress indicator

• Refactor logic for collapsing on mobile

Prose

• Updated mark styles

Radio

• Updated CSS for toggling the display of the radio indicator for consistency with the Checkbox component

Select

• Added truncation to selects to better handle long options that extend the width of the select box

Side nav

• Refactor logic for collapsing on mobile

Switch

• Updated indicator icon

Table

• Updated icons in TableHeaderSortable

Tabs

• Increased vertical padding in the tab panel on mobile devices

Text Link

• Added onClick prop to TextLink and TextLinkExternal

Released packages

"@ag.ds-next/react": "1.10.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.