Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Snyk has created this PR to upgrade multiple dependencies.
👯 The following dependencies are linked and will therefore be updated together.ℹ️ 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.
@azure/identity
from 4.3.0 to 4.4.1 | 11 versions ahead of your current version | 2 months ago
on 2024-07-31
govuk-frontend
from 5.4.0 to 5.6.0 | 3 versions ahead of your current version | 22 days ago
on 2024-08-29
@ministryofjustice/frontend
from 2.1.3 to 2.2.0 | 1 version ahead of your current version | 2 months ago
on 2024-07-31
Release notes
Package name: govuk-frontend
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.New features
Make it easier to navigate complex services with the Service navigation component
We've added a new Service navigation component to help users to navigate services with multiple top-level sections. This replaces the navigation functions of the Header component, which will be deprecated in a future release of GOV.UK Frontend.
This component includes some features we consider experimental. We intend to iterate these features in response to user feedback. These are:
We introduced this change in pull request #5206: Service navigation component.
This release includes an updated list of organisations and brand colours. We’ve also added a new feature to stop long words from ‘breaking out’ of components.
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.New features
We've updated the list of organisations and brand colours included in Frontend
We've overhauled the list of organisations and organisation brand colours that are shipped with GOV.UK Frontend.
The previous list was outdated and had not kept up with changes to the machinery of government. We’ve updated the list to:
To enable these changes, set the feature flag variable
$govuk-new-organisation-colours
totrue
before you import GOV.UK Frontend in your Sass files:You can also silence warnings about defunct organisations by adding
organisation-colours
to the$govuk-suppressed-warnings
setting.We introduced this change in pull request #3407: Update organisation colours.
Stop long words breaking out of components with
govuk-!-text-break-word
We've added a new override class to help display long words with no obvious break points when the space is too narrow to display them on one line. An example of a long word might be an email address entered by a user.
Wrapping the content with the
govuk-!-text-break-word
class forces words that are too long for the parent element to break onto a new line.Sass users can also use the
govuk-text-break-word
mixin.We introduced this change in pull request #5159: Add break-word typography helper.
Recommended changes
Update the
$websafe
parameter on thegovuk-organisation-colour
functionThe
govuk-organisation-colour
Sass function's$websafe
parameter has been renamed to$contrast-safe
.This is to more accurately describe the functionality of the parameter.
The old parameter name will stop working in the next major version of GOV.UK Frontend.
We introduced this change in pull request #3407: Update organisation colours.
Fixes
We've made fixes to GOV.UK Frontend in the following pull requests:
href
andtext
for falsy valuesTo 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
andaria-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 anaria-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:
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 thatinitAll
does.The
createAll
function will:data-module
attributecreateAll(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
filesYou'll see a warning when compiling your Sass if you import any of our layers using the
all
file. Importing using theall
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 toindex
for our Sass entry points.Fixes
We've made fixes to GOV.UK Frontend in the following pull requests:
errorMessage
argument for the password input component - thanks to Tim South for contributing this changegovuk-frontend
errorList
is providedPackage name: @ministryofjustice/frontend
2.2.0 (2024-07-31)
You can find out how to stay up-to-date with new releases.
New feature: use the date picker component to help users select dates
The date picker component enables users to:
2.1.3 (2024-05-07)
Bug Fixes
Important
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: