[Snyk] Upgrade govuk-frontend from 5.4.0 to 5.4.1

[ccs-snyk]

Snyk has created this PR to upgrade govuk-frontend from 5.4.0 to 5.4.1.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

---

• The recommended version is 1 version ahead of your current version.

• The recommended version was released on 21 days ago.

Release notes

Package name: govuk-frontend

• 5.4.1 - 2024-07-12
  

  To install this version with npm, run npm install [email protected]. You can also find more information about how to stay up to date in our documentation.

  Recommended changes

  Update Breadcrumbs to use nav and aria-label

  We've made changes to the Breadcrumbs component to improve how it appears to screen readers.

  We've changed the wrapping element to use the nav tag to expose it as a navigational landmark, and added an aria-label attribute to differentiate it as breadcrumb navigation.

  This change was introduced in pull request #4995: Update Breadcrumb component to improve screen reader accessibility.

  Fixes

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

  • #5114: Fix divider width for small checkboxes – thanks to @ colinrotherham
  • #5043: Refactor the accordion JavaScript
  • #5044: Remove session storage checks from accordion JavaScript
  • #5060: Reintroduce additional bottom margin to Error Summary content
  • #5070: Fix alignment of content in conditional checkboxes and radio buttons
  • #5090: Remove redundant tag CSS from phase banner
• 5.4.0 - 2024-05-17
  

  To install this version with npm, run npm install [email protected]. 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.

  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.

  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.

  In your import statements, use a trailing /index rather than /all to load GOV.UK Frontend's files.
  For example:

  • @ import "govuk/index"; instead of @ import "govuk/all";;
  • @ import "govuk/<PATH>/index"; instead of @ import "govuk/<PATH>/all";;

  You do not need /index at the end of each import path if you’re using Dart Sass, LibSass 3.6.0 or higher, or Ruby Sass 3.6.0 or higher.

  This change was introduced in pull request #4955: Rename all files to index for our Sass entry points.

  Fixes

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

  • #4942: Remove duplicate errorMessage argument for the password input component - thanks to Tim South for contributing this change
  • #4961: Fix tree-shaking when importing govuk-frontend
  • #4963: Fix input value not being set if the value was '0' – thanks to @ dwp-dmitri-algazin for reporting this issue
  • #4971: Fix Error Summary component outputting list HTML when no errorList is provided
  • #442: Update content to streamline installation info
  • #438: Split up the 'Import CSS, assets and JavaScript' page

from govuk-frontend GitHub release notes

---

Important

• Check the changes in this PR to ensure they won't cause issues with your project.
• This PR was automatically created by Snyk using the credentials of a real user.

---

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

• 🧐 View latest project report
• 📜 Customise PR templates
• 🛠 Adjust upgrade PR settings
• 🔕 Ignore this dependency or unsubscribe from future upgrade PRs