AgDS Beta v1.26.0 release

Updates

Accordion

• Fix all act/state warnings in tests.

AG branding

• Update all theme colours to be consistent, 6 character hex codes.

App layout

• AppLayoutFooter: Add maxWidth='container|containerLg' prop.
• AppLayoutSidebarNav: Update to cater for additional native mouse events on links and buttons.

Autocomplete

• Fix all act/state warnings in tests.

Box

• Hide internal hash URLs for print media.

Button

• Add TypeScript support for native onMouseEnter, onMouseLeave, onMouseOut and onMouseOver events to BaseButton.
• Use exactColor to improve visuals when printing.
• docs: Add guidance about customising loadingLabel.

Callout

• docs: Remove callout in control group as we no longer support this pattern.

Combobox

• Fix all act/state warnings in tests.

Content

• Add maxWidth='container|containerLg' prop to all content components.

Core

• Add new 'containerLg' maxWidth token.
• Allow maxWidth prop to pick from maxWidth tokens.
• Add TypeScript support for native onClick, onMouseEnter, onMouseLeave, onMouseOut and onMouseOver events to LinkProps.
• Add new exactColor print pack.
• Add new hideHref print pack to prevent a link’s href from being appended when printed.
• Update all theme colours to be consistent, 6 character hex codes.

Date picker

• Add superseded announcement.
• Add aria-expanded attribute to button.
• Make the example date more relevant.
• Fix Escape keydown listener so it doesn’t close a parent Drawer.
• Fix all act/state warnings in tests.

Date picker next

• Initial release of component.

Date range picker

• Add superseded announcement.
• Add aria-expanded attribute to button.
• Make the example date more relevant.
• Fix 2nd calendar dropdown updating to the wrong calendar.
• Fix Escape keydown listener so it doesn’t close a parent Drawer.
• Fix all act/state warnings in tests.

Date range picker next

• Initial release of component.

Drawer

• Remove deprecated, internal onDismiss prop on DrawerDialog.
• Change deprecation warnings to not appear in production environments.
• Fix all act/state warnings in tests.
• docs: Add DatePickerNext to form example.

Dropdown menu

• Add event argument to onClick function prop.
• Fix all act/state warnings in tests.

File input

• Fix button click not firing when ref is passed.
• Fix focus management.

File upload

• Hide existing file URLs for print media.
• Add download support for uploaded and existing files.

Footer

• Add maxWidth='container|containerLg' prop.

Global alert

• Use exactColor to improve visuals when printing.
• Change deprecation warnings to not appear in production environments.

Header

• Add maxWidth='container|containerLg' prop.

Icon

• Add new icons: ArchiveIcon, BusinessIcon, ClockIcon, EmailOpenIcon, FlagFilledIcon, FlagIcon, GripIcon, HistoryIcon, MoveLeftIcon, MoveRightIcon, ProgressNotRequiredIcon, RotateLeftIcon, RotateRightIcon, StarFilledIcon, StarIcon, TimerIcon, ZoomInIcon and ZoomOutIcon.
• Minify icons: AlertFilledIcon, AlertIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, AvatarIcon, CalendarIcon, ChartBarIcon, ChartLineIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, EditIcon, EmailIcon, ExitIcon, ExternalLinkIcon, FacebookIcon, FactoryIcon, FileIcon, FilterIcon, HelpIcon, HomeIcon, InboxIcon, InfoFilledIcon, InfoIcon, InstagramIcon, LinkedInIcon, MenuIcon, MinusIcon, PauseIcon, PlayIcon, PlusIcon, PrintIcon, ProgressDoingIcon, SearchIcon, SuccessFilledIcon, ThumbsDownIcon, ThumbsUpIcon, TwitterIcon, UploadIcon, WarningIcon, WebsiteIcon and XIcon.

Indicator dot

• Use exactColor to improve visuals when printing.

List

• docs: Fix examples.

Loading

• Announce 'fullscreen' LoadingBlanket assertively.
• Use exactColor to improve visuals when printing.

Main nav

• Add maxWidth='container|containerLg' prop.
• Update MainNavList to cater for additional native mouse events on links and buttons.

Modal

• Remove deprecated, internal onDismiss prop on ModalDialog.
• Change deprecation warnings to not appear in production environments.
• Fix all act/state warnings in tests.

Notification badge

• Use exactColor to improve visuals when printing.

Page alert

• Change deprecation warnings to not appear in production environments.
• Use exactColor to improve visuals when printing.

Pagination

• Hide URLs for print media.

Password input

• Fix all act/state warnings in tests.

Search input

• Fix all act/state warnings in tests.

Section alert

• Change deprecation warnings to not appear in production environments.

Side nav

• Fix all act/state warnings in tests.

Status badge

• Update to match design and remove the unnecessary whitespace that was being added below.
• Remove emphasis from icon announcement.

Switch

• Use exactColor to improve visuals when printing.

Table

• Add onMouseEnter, onMouseLeave, onMouseOut and onMouseOver props.
• Update onClick to match BaseButton’s signature.

Tabs

• Use exactColor to improve visuals when printing.
• Fix all act/state warnings in tests.

Task list

• Add new 'notRequired' status.

Time input

• Fix all act/state warnings in tests.

Time picker

• Fix all act/state warnings in tests.

Toggle button

• Initial release of component.

Other docs

• Make packs available for use in code snippets and playroom.
• patterns: Fixed Card link in Search filters page.
• Remove unused react-simple-code-editor.
• Update Storybook to version 8, update NextJS and Playroom to latest minor version.

Build

• Dependency updates.

yourgov

• Updated release of complex example application to showcase various patterns.

Released packages

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