Bump nhsuk-frontend from 9.6.2 to 10.0.0

[dependabot]

Bumps nhsuk-frontend from 9.6.2 to 10.0.0.

Release notes

Sourced from nhsuk-frontend's releases.

v10.0.0

10.0.0 - 26 August 2025

This release introduces some breaking changes to file paths, full width buttons on mobile, the header component and others. It also stops Internet Explorer 11 and other older browsers from running NHS.UK frontend JavaScript.

Your service will not stop working in Internet Explorer 11, but components will look and behave differently without JavaScript. Read more about how we provide support for different browsers.

Service teams should be using a progressive enhancement approach (GOV.UK service manual) to make sure users can still access any content and complete their tasks.

You must read and apply these updates carefully to make sure your service does not break.

🆕 New features

New header component with account section

We’ve updated the header component to support showing account information and links. As part of this work we’ve also made some other improvements to the header:

• show currently active section or page in the navigation
• remove hardcoded home link from the navigation
• align navigation items to the left by default
• update navigation label from ’Primary navigation’ to ‘Menu’, and remove superfluous role and id attributes
• update NHS logo in the header to have higher contrast when focused
• refactor CSS classes and BEM naming, use hidden attributes instead of modifier classes, use generic search element

This was added in [pull request #1058: New header with account section](nhsuk/nhsuk-frontend#1058).

New notification banner component

We’ve added a new notification banner component, ported from the GOV.UK design system.

This was added in [pull request #1408: Add notification banner component](nhsuk/nhsuk-frontend#1408).

Buttons are now full width on mobile

All buttons are now displayed at full width on mobile. This may not require any changes, but you should check that it does not break any of your layouts.

Buttons and links can also be grouped together so that they appear side-by-side on tablet and desktop by using a <div class="nhsuk-button-group"> </div> container.

This was added in [pull request #1309: Add button group and full width button styles](nhsuk/nhsuk-frontend#1309).

Reversed link style for action link

You can now use the action link component on dark backgrounds by using the .nhsuk-action-link--reverse class. Added in [pull request #1542: Add reverse action link modifiers and styles](nhsuk/nhsuk-frontend#1542).

Sass colour palette nhsuk-colour function

The Sass colour palette variables (e.g. $color_nhsuk-blue) have been moved into a new single $nhsuk-colours map. The previous names are deprecated and will be removed in a future release.

If you need to reference a colour within your application you should use the new nhsuk-colour function:

... (truncated)

Changelog

Sourced from nhsuk-frontend's changelog.

10.0.0 - 26 August 2025

This release introduces some breaking changes to file paths, full width buttons on mobile, the header component and others. It also stops Internet Explorer 11 and other older browsers from running NHS.UK frontend JavaScript.

Your service will not stop working in Internet Explorer 11, but components will look and behave differently without JavaScript. Read more about how we provide support for different browsers.

Service teams should be using a progressive enhancement approach (GOV.UK service manual) to make sure users can still access any content and complete their tasks.

You must read and apply these updates carefully to make sure your service does not break.

🆕 New features

New header component with account section

We’ve updated the header component to support showing account information and links. As part of this work we’ve also made some other improvements to the header:

• show currently active section or page in the navigation
• remove hardcoded home link from the navigation
• align navigation items to the left by default
• update navigation label from ’Primary navigation’ to ‘Menu’, and remove superfluous role and id attributes
• update NHS logo in the header to have higher contrast when focused
• refactor CSS classes and BEM naming, use hidden attributes instead of modifier classes, use generic search element

This was added in [pull request #1058: New header with account section](nhsuk/nhsuk-frontend#1058).

New notification banner component

We’ve added a new notification banner component, ported from the GOV.UK design system.

This was added in [pull request #1408: Add notification banner component](nhsuk/nhsuk-frontend#1408).

Buttons are now full width on mobile

All buttons are now displayed at full width on mobile. This may not require any changes, but you should check that it does not break any of your layouts.

Buttons and links can also be grouped together so that they appear side-by-side on tablet and desktop by using a <div class="nhsuk-button-group"> </div> container.

This was added in [pull request #1309: Add button group and full width button styles](nhsuk/nhsuk-frontend#1309).

Reversed link style for action link

You can now use the action link component on dark backgrounds by using the .nhsuk-action-link--reverse class. Added in [pull request #1542: Add reverse action link modifiers and styles](nhsuk/nhsuk-frontend#1542).

Sass colour palette nhsuk-colour function

The Sass colour palette variables (e.g. $color_nhsuk-blue) have been moved into a new single $nhsuk-colours map. The previous names are deprecated and will be removed in a future release.

If you need to reference a colour within your application you should use the new nhsuk-colour function:

</tr></table> 

... (truncated)

Commits

• 8c72eb7 Merge pull request #1540 from nhsuk/v10-changelog
• 9b56d4a Update package version to v10.0.0
• 36cd86e Merge branch 'main' into v10-changelog
• 112517c Merge pull request #1545 from nhsuk/dependabot/npm_and_yarn/build-ea47a8fa3a
• d0c6424 Add consistent Sass test names and outdent usage
• 051b9ea Add unit tests for nhsuk-media-query()
• 834d910 Remove secrets: inherit from Sass workflow
• 0f9552b Throw error on Sass deprecated misplaced-rest
• d4230ab Resolve Sass deprecated misplaced-rest warnings
• 8faa55f Add browser support and progressive enhancement links to changelog
• 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)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[dependabot]

Looks like nhsuk-frontend is up-to-date now, so this is no longer needed.