Bump accessible-autocomplete from 2.0.4 to 3.0.0

[dependabot]

Bumps accessible-autocomplete from 2.0.4 to 3.0.0.

Release notes

Sourced from accessible-autocomplete's releases.

v3.0.0

Breaking changes

Verify your code does not rely on removed polyfills

Following on from our previous announcement, the accessible autocomplete code is no longer transpiled and polyfilled to support IE8-10.

However, because the polyfills create or extend global objects, you might have other code in your service unintentionally relying on the inclusion of these polyfills. You might need to introduce your own polyfills or rewrite your JavaScript to avoid using the polyfilled features.

This change was introduced in [pull request #612: Update packages, configs + Node.js 20](alphagov/accessible-autocomplete#612).

Check for minor visual changes in the rendering of the component

We've made some style adjustments to the stylesheet shipped with the component to make its colours, height, line-height and padding match those of the latest version of GOV.UK Frontend's <input>.

If you're using this stylesheet:

• check if our style update affects the rendering of the component in your service, and adjust if necessary
• if you were adding to the default style's to match GOV.UK Frontend's input, look for CSS declarations you may now be able to remove

This change was introduced in [pull request #644: Align CSS styles with GOV.UK Frontend](alphagov/accessible-autocomplete#644).

New features

Options to add classes to parts of the component

Use these new options to add your own classes to parts of the component:

• inputClasses for the input element
• hintClasses for the suggestion hint (input element appearing when the text typed by the user matches the start of an option)
• menuClasses for the ul element listing the options

You can also add custom classes to the ul listing the options through the new menuAttributes option, providing a className or class property.

This change was introduced in:

• [pull request #602: Add inputClasses option](alphagov/accessible-autocomplete#602). Thanks to @​andreyyudin for contributing this change.
• [pull request #649: Update options for styling component inputs](alphagov/accessible-autocomplete#649)
• [pull request #650: Update ways of configuring menu attributes](alphagov/accessible-autocomplete#650)

New class on the component's status

Use the new autocomplete__status class in your CSS (or <CSS_NAMESPACE>__status if you set the cssNamespace option) to customise the styles of the component's status element (hidden element that makes announcements to assistive technologies).

This change was introduced in [pull request #620: Add className attribute to status component](alphagov/accessible-autocomplete#620). Thanks to @​lennym for contributing this change.

Fixes

• [Pull request #621: Handle query change when the text length does not change](alphagov/accessible-autocomplete#621). Thanks to @​archferns for contributing this change.
• [Pull request #591: Add menuAttributes to fix Axe's 'aria-input-field-name' error](alphagov/accessible-autocomplete#591). Thanks to @​mchughbri for contributing this change.
• [Pull request #600: Fix null aria attributes](alphagov/accessible-autocomplete#600). Thanks to @​mark-roberts-ho for contributing this change.
• [Pull request #606: Correct description of tStatusSelectedOption i18n option in README and tweak some wording for consistency with other parts of the README](alphagov/accessible-autocomplete#606). Thanks to @​ellamdav for contributing this change.

Changelog

Sourced from accessible-autocomplete's changelog.

3.0.0 - 2024-04-19

Breaking changes

Verify your code does not rely on removed polyfills

Following on from our previous announcement, the accessible autocomplete code is no longer transpiled and polyfilled to support IE8-10.

However, because the polyfills create or extend global objects, you might have other code in your service unintentionally relying on the inclusion of these polyfills. You might need to introduce your own polyfills or rewrite your JavaScript to avoid using the polyfilled features.

This change was introduced in [pull request #612: Update packages, configs + Node.js 20](alphagov/accessible-autocomplete#612).

Check for minor visual changes in the rendering of the component

We've made some style adjustments to the stylesheet shipped with the component to make its colours, height, line-height and padding match those of the latest version of GOV.UK Frontend's <input>.

If you're using this stylesheet:

• check if our style update affects the rendering of the component in your service, and adjust if necessary
• if you were adding to the default style's to match GOV.UK Frontend's input, look for CSS declarations you may now be able to remove

This change was introduced in [pull request #644: Align CSS styles with GOV.UK Frontend](alphagov/accessible-autocomplete#644).

New features

Options to add classes to parts of the component

Use these new options to add your own classes to parts of the component:

• inputClasses for the input element
• hintClasses for the suggestion hint (input element appearing when the text typed by the user matches the start of an option)
• menuClasses for the ul element listing the options

You can also add custom classes to the ul listing the options through the new menuAttributes option, providing a className or class property.

This change was introduced in:

• [pull request #602: Add inputClasses option](alphagov/accessible-autocomplete#602). Thanks to @​andreyyudin for contributing this change.
• [pull request #649: Update options for styling component inputs](alphagov/accessible-autocomplete#649)
• [pull request #650: Update ways of configuring menu attributes](alphagov/accessible-autocomplete#650)

New class on the component's status

Use the new autocomplete__status class in your CSS (or <CSS_NAMESPACE>__status if you set the cssNamespace option) to customise the styles of the component's status element (hidden element that makes announcements to assistive technologies).

This change was introduced in [pull request #620: Add className attribute to status component](alphagov/accessible-autocomplete#620). Thanks to @​lennym for contributing this change.

Fixes

• [Pull request #621: Handle query change when the text length does not change](alphagov/accessible-autocomplete#621). Thanks to @​archferns for contributing this change.
• [Pull request #591: Add menuAttributes to fix Axe's 'aria-input-field-name' error](alphagov/accessible-autocomplete#591). Thanks to @​mchughbri for contributing this change.
• [Pull request #600: Fix null aria attributes](alphagov/accessible-autocomplete#600). Thanks to @​mark-roberts-ho for contributing this change.

... (truncated)

Commits

• 17420f3 3.0.0
• f6cae22 Update CHANGELOG
• 4e4be0e Merge pull request #684 from alphagov/react-versions-notice
• c8bcf31 Merge pull request #678 from alphagov/preact-versions-notice
• eabbb03 Merge pull request #676 from alphagov/bind-input-click
• 8126171 Update notice about supported React versions in README
• 23c90ee Merge pull request #662 from alphagov/changelog-update
• a4bb102 Add notice about supported Preact versions in README
• 2360f46 Fix binding of handleInputClick
• 30497a9 Update list of changes since last release in the CHANGELOG
• Additional commits viewable in compare view

You can trigger a rebase of this PR by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Note
Automatic rebases have been disabled on this pull request as it has been open for over 30 days.

[dependabot]

Superseded by #1124.