Bump govuk-frontend from 4.1.0 to 4.4.1

[dependabot]

Bumps govuk-frontend from 4.1.0 to 4.4.1.

Release notes

Sourced from govuk-frontend's releases.

GOV.UK Frontend v4.4.1

Fixes

We've made fixes to GOV.UK Frontend in the following pull requests:

• #3107: Fix focus styles for links split over multiple lines in Chromium 108+ (Chrome 108+, Edge 108+, Opera 94+)

GOV.UK Frontend v4.4.0

New features

Change the Button component's background and text colour

For non-GOV.UK branded websites, you can now change the Button component background and text colour.

To change the Button component background colour, set the $govuk-button-background-colour Sass variable.

To change the Button component text colour, set the $govuk-button-text-colour Sass variable.

@import "node_modules/govuk-frontend/govuk/base";
$govuk-button-background-colour: govuk-colour("yellow");
$govuk-button-text-colour: govuk-colour("black");
@​import "node_modules/govuk-frontend/govuk/components/button/index";

This was added in [pull request #2752: Change the Button component background and text colour](alphagov/govuk-frontend#2752). Thanks to @​NickColley for this contribution.

Localise the navigation menu toggle button

When using the header Nunjucks macro, you can now translate the text of the mobile navigation menu toggle button by using the menuButtonText parameter.

You should avoid lengthy values for the menuButtonText parameter. If the text is too long it can overflow and cause visual issues.

This was added in [pull request #2720: Add parameter to localise mobile menu toggle button](alphagov/govuk-frontend#2720).

Localise the character count's textarea description/fallback text

When using the character count Nunjucks macro, you can now translate the description of textarea by using the textareaDescriptionText option.

This text is announced by screen readers when the character count input is focused. It's also displayed visually as a fallback if JavaScript is not available.

This was added in [pull request #2742: Add ability to customise character count fallback text](alphagov/govuk-frontend#2742), and the option renamed to textareaDescriptionText in [pull request #2915](alphagov/govuk-frontend#2915).

Localise the character count's counter message

You can now translate the text shown by the character count component to inform users of:

• when they have reached the maximum number of characters or words
• the number of characters or words over or under the allowed maximum

... (truncated)

Changelog

Sourced from govuk-frontend's changelog.

4.4.1 (Fix release)

Fixes

We've made fixes to GOV.UK Frontend in the following pull requests:

• #3087: Fix focus styles for links split over multiple lines in Chromium 108+ (Chrome 108+, Edge 108+, Opera 94+)
• #3112: Remove unused classList polyfill from header component JavaScript

4.4.0 (Feature release)

New features

Change the Button component's background and text colour

For non-GOV.UK branded websites, you can now change the Button component background and text colour.

To change the Button component background colour, set the $govuk-button-background-colour Sass variable.

To change the Button component text colour, set the $govuk-button-text-colour Sass variable.

@import "node_modules/govuk-frontend/govuk/base";
$govuk-button-background-colour: govuk-colour("yellow");
$govuk-button-text-colour: govuk-colour("black");
@​import "node_modules/govuk-frontend/govuk/components/button/index";

This was added in [pull request #2752: Change the Button component background and text colour](alphagov/govuk-frontend#2752). Thanks to Nick Colley for this contribution.

Localise the navigation menu toggle button

When using the header Nunjucks macro, you can now translate the text of the mobile navigation menu toggle button by using the menuButtonText parameter.

You should avoid lengthy values for the menuButtonText parameter. If the text is too long it can overflow and cause visual issues.

This was added in [pull request #2720: Add parameter to localise mobile menu toggle button](alphagov/govuk-frontend#2720).

Localise the character count's textarea description/fallback text

When using the character count Nunjucks macro, you can now translate the description of textarea by using the textareaDescriptionText option.

This text is announced by screen readers when the character count input is focused. It's also displayed visually as a fallback if JavaScript is not available.

This was added in [pull request #2742: Add ability to customise character count fallback text](alphagov/govuk-frontend#2742), and the option renamed to textareaDescriptionText in [pull request #2915](alphagov/govuk-frontend#2915).

Localise the character count's counter message

You can now translate the text shown by the character count component to inform users of:

... (truncated)

Commits

• f31e6f8 Merge pull request #3108 from alphagov/support-release-v4.4.1
• 9cec325 Release v4.4.1
• 8cad4bc Merge pull request #3107 from alphagov/cherry-pick-chrome-links-fix
• dc6f98e Document in CHANGELOG
• d188e40 Fix link focus styles in Chromium 108+
• 65bf0ac Merge pull request #3000 from alphagov/release-v4.4.0
• 51f8dc8 Merge pull request #3005 from alphagov/dependabot/npm_and_yarn/memfs-3.4.11
• cbbac0b Bump memfs from 3.4.10 to 3.4.11
• 4ec2ebd Release v4.4.0
• 180d09c Merge pull request #2997 from alphagov/fix-types-i18n
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually 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 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)

[dependabot]

Superseded by #2752.