Bump govuk-frontend from 4.8.0 to 5.4.0

[dependabot]

Bumps govuk-frontend from 4.8.0 to 5.4.0.

Release notes

Sourced from govuk-frontend's releases.

GOV.UK Frontend v5.4.0

To install this version with npm, run npm install govuk-frontend@5.4.0. You can also find more information about how to stay up to date in our documentation.

This release includes new features to help you include only the components your service uses. Doing this can help reduce the size of the JavaScript and CSS files sent to users, improving their experience.

New features

Create individual components with createAll

We've added a new createAll function that lets you initialise specific components in the same way that initAll does.

The createAll function will:

• find all elements in the page with the corresponding data-module attribute
• instantiate a component object for each element
• catch errors and log them in the console
• return an array of all the successfully instantiated component objects.

import { createAll, Button, Checkboxes } from 'govuk-frontend'
createAll(Button)
createAll(Checkboxes)

You can also pass a config object and a scope within which to search for elements.

You can find out more about how to use the createAll function in our documentation.

This change was introduced in [pull request #4975: Add createAll function to initialise individual components](alphagov/govuk-frontend#4975).

Use tabular numbers easily with govuk-!-font-tabular-numbers

We've added a new override class for tabular number styling: govuk-!-font-tabular-numbers.

Using tabular numbers can make it easier for users to read numbers intended for comparison to one another, or for numbers that dynamically update.

It was previously only possible to use tabular numbers by using the govuk-font-tabular-numbers Sass mixin.

This change was introduced in [pull request #4973: Add override class for tabular numbers](alphagov/govuk-frontend#4973).

Deprecated features

Importing layers using all files

You'll see a warning when compiling your Sass if you import any of our layers using the all file. Importing using the all files is deprecated, and we’ll remove them in the next major release.

Update your import statements to refer to the index file for each layer rather than all:

</tr></table> 

... (truncated)

Changelog

Sourced from govuk-frontend's changelog.

5.4.0 (Feature release)

To install this version with npm, run npm install govuk-frontend@5.4.0. You can also find more information about how to stay up to date in our documentation.

This release includes new features to help you include only the components your service uses. Doing this can help reduce the size of the JavaScript and CSS files sent to users, improving their experience.

New features

Create individual components with createAll

We've added a new createAll function that lets you initialise specific components in the same way that initAll does.

The createAll function will:

• find all elements in the page with the corresponding data-module attribute
• instantiate a component object for each element
• catch errors and log them in the console
• return an array of all the successfully instantiated component objects.

import { createAll, Button, Checkboxes } from 'govuk-frontend'
createAll(Button)
createAll(Checkboxes)

You can also pass a config object and a scope within which to search for elements.

You can find out more about how to use the createAll function in our documentation.

This change was introduced in [pull request #4975: Add createAll function to initialise individual components](alphagov/govuk-frontend#4975).

Use tabular numbers easily with govuk-!-font-tabular-numbers

We've added a new override class for tabular number styling: govuk-!-font-tabular-numbers.

Using tabular numbers can make it easier for users to read numbers intended for comparison to one another, or for numbers that dynamically update.

It was previously only possible to use tabular numbers by using the govuk-font-tabular-numbers Sass mixin.

This change was introduced in [pull request #4973: Add override class for tabular numbers](alphagov/govuk-frontend#4973).

Deprecated features

Importing layers using all files

You'll see a warning when compiling your Sass if you import any of our layers using the all file. Importing using the all files is deprecated, and we’ll remove them in the next major release.

Update your import statements to refer to the index file for each layer rather than all:

... (truncated)

Commits

• adfa0ab Merge pull request #4987 from alphagov/release-5.4.0
• cf861ab Release v5.4.0
• f4b92a6 Merge pull request #4986 from alphagov/readme-all-index
• b5c1293 Merge pull request #4984 from alphagov/root-all-index
• 0d43c00 Update entry point for layers in readme
• 97f1a3e Merge pull request #4971 from alphagov/error-summary-list-requirement
• 9235de4 Make root all.scss import index.scss
• bb5358d Allow Error Summary component to not include an error list
• 97e6c75 Merge pull request #4980 from alphagov/fix-webpack-integration-config
• f5a4246 Merge pull request #4981 from alphagov/fix-vite-code-splitting
• 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 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)