Bump nhsuk-frontend from 8.3.0 to 10.4.2

[dependabot]

Bumps nhsuk-frontend from 8.3.0 to 10.4.2.

Release notes

Sourced from nhsuk-frontend's releases.

v10.4.2

10.4.2 - 25 March 2026

Note: This release was created from the support/10.x branch.

🔧 Fixes

• #1867: Update macro options JSON to include release metadata
• #1868: Update package exports field for shorter Sass pkg: URLs

v10.4.1

10.4.1 - 19 March 2026

Note: This release was created from the support/10.x branch.

🔧 Fixes

• #1860: Restore source maps for CSS to CSS output

v10.4.0

10.4.0 - 18 March 2026

Note: This release was created from the support/10.x branch.

🆕 New features

Add a modifier class for header inline search or account links

We've added a new .nhsuk-header--inline class and inline Nunjucks option for the header component. This positions the search bar (or account links) inline with the NHS logo on small screens, depending on the length of your service name. For example:

  {{ header({
+   inline: true,
    account: {
      items: [
        {
          text: "Log in",
          href: "/log-in"
        }
      ]
    }
  }) }}

This was added in pull requests #1783: Add support for inline header search or account and #1801: Add Nunjucks options for components with modifier classes.

Add Nunjucks options for components with modifier classes

We've added a new variant Nunjucks option to action links, back links, buttons, breadcrumbs, panels and tables as a simpler alternative to the variant modifier classes. For example:

... (truncated)

Changelog

Sourced from nhsuk-frontend's changelog.

10.4.2 - 25 March 2026

Note: This release was created from the support/10.x branch.

🔧 Fixes

• #1867: Update macro options JSON to include release metadata
• #1868: Update package exports field for shorter Sass pkg: URLs

10.4.1 - 19 March 2026

Note: This release was created from the support/10.x branch.

🔧 Fixes

• #1860: Restore source maps for CSS to CSS output

10.4.0 - 18 March 2026

Note: This release was created from the support/10.x branch.

🆕 New features

Add a modifier class for header inline search or account links

We've added a new .nhsuk-header--inline class and inline Nunjucks option for the header component. This positions the search bar (or account links) inline with the NHS logo on small screens, depending on the length of your service name. For example:

  {{ header({
+   inline: true,
    account: {
      items: [
        {
          text: "Log in",
          href: "/log-in"
        }
      ]
    }
  }) }}

This was added in pull requests #1783: Add support for inline header search or account and #1801: Add Nunjucks options for components with modifier classes.

Add Nunjucks options for components with modifier classes

We've added a new variant Nunjucks option to action links, back links, buttons, breadcrumbs, panels and tables as a simpler alternative to the variant modifier classes. For example:

  {{ button({
    text: "Yes, delete this vaccine",
</tr></table> 

... (truncated)

Commits

• 61d612b Merge pull request #1870 from nhsuk/release-v10.4.2
• 06c3f9c Update package version to v10.4.2
• fb5a30e Add changelog entry for #1868
• 05aac7d Merge pull request #1867 from nhsuk/macro-options-info
• f510e0b Add changelog entry
• 836faab Remove unreleased button.login boolean macro option
• 7d55acd Add release info to macro options
• 5076eee Merge pull request #1868 from nhsuk/package-exports
• d228a50 Fix incorrect highlighter export
• 0c8bf12 Allow shorthand package exports for Sass and Node.js (lib only)
• Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by GitHub Actions, a new releaser for nhsuk-frontend since your current version.

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 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)