Bump govuk-frontend from 4.3.1 to 4.4.0

[dependabot]

Bumps govuk-frontend from 4.3.1 to 4.4.0.

Release notes

Sourced from govuk-frontend's releases.

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

The Nunjucks macro accepts new options so you can customise each message. You can:

• Use charactersAtLimitText or wordsAtLimitText to provide the text that shows when users have reached the limit.
• Use charactersUnderLimitText or wordsUnderLimitText to provide the text that shows when users are under the limit. The component will pluralise the message according to the configured locale and the number of characters or words remaining.
• Use charactersOverLimitText or wordsOverLimitText to provide the text that shows when users are over the limit. The component will pluralise the message according to the configured locale and the number of characters or words remaining.

... (truncated)

Changelog

Sourced from govuk-frontend's changelog.

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:

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

The Nunjucks macro accepts new options so you can customise each message. You can:

• Use charactersAtLimitText or wordsAtLimitText to provide the text that shows when users have reached the limit.
• Use charactersUnderLimitText or wordsUnderLimitText to provide the text that shows when users are under the limit. The component will pluralise the message according to the configured locale and the number of characters or words remaining.
• Use charactersOverLimitText or wordsOverLimitText to provide the text that shows when users are over the limit. The component will pluralise the message according to the configured locale and the number of characters or words remaining.

... (truncated)

Commits

• 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
• a80ecde Add JSDoc links to default translations
• cab5c36 Use config type definitions for initAll
• ddc6c1e Ensure JSDoc plural form other is optional (with caveats)
• 006f512 Update JSDoc for I18n, Accordion, Character count
• adcc8a2 Code fixes for I18n, Accordion, Character count
• 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)

[Cruikshanks]

@dependabot rebase