Skip to content

build(deps): bump nhsuk-frontend from 10.3.1 to 10.4.0#383

Open
dependabot[bot] wants to merge 1 commit intomainfrom
dependabot/npm_and_yarn/nhsuk-frontend-10.4.0
Open

build(deps): bump nhsuk-frontend from 10.3.1 to 10.4.0#383
dependabot[bot] wants to merge 1 commit intomainfrom
dependabot/npm_and_yarn/nhsuk-frontend-10.4.0

Conversation

@dependabot
Copy link
Contributor

@dependabot dependabot bot commented on behalf of github Mar 19, 2026

Bumps nhsuk-frontend from 10.3.1 to 10.4.0.

Release notes

Sourced from nhsuk-frontend's releases.

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:

  {{ button({
    text: "Yes, delete this vaccine",
-   classes: "nhsuk-button--warning"
+   variant: "warning"
  }) }}

For modifiers that can exist together, these are now supported using boolean options, for example:

  {{ radios({
    fieldset: {
      legend: {
        text: "Sort by"
      }
    },
-   classes: "nhsuk-radios--small nhsuk-radios--inline",
+   small: true,
</tr></table> 

... (truncated)

Changelog

Sourced from nhsuk-frontend's changelog.

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",
-   classes: "nhsuk-button--warning"
+   variant: "warning"
  }) }}

For modifiers that can exist together, these are now supported using boolean options, for example:

  {{ radios({
    fieldset: {
      legend: {
        text: "Sort by"
      }
    },
-   classes: "nhsuk-radios--small nhsuk-radios--inline",
+   small: true,
+   inline: true,
</tr></table> 

... (truncated)

Commits
  • f58aa2c Merge pull request #1858 from nhsuk/release-v10.4.0
  • 10c5e63 Update package version to v10.4.0
  • abbbb17 Move code word break to component
  • a653215 Consolidate changes
  • 47a7204 Merge pull request #1854 from nhsuk/fix-nested-lists-in-contents-list
  • 82e7e7d Update reference images
  • 19b6314 Add Nunjucks support for contents list nested items
  • 4c4cd31 Fix order
  • dbb3e60 Add changelog entry
  • ef5aa3b Fix for nested lists in contents list
  • Additional commits viewable in compare view

Dependabot compatibility score

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)

@dependabot dependabot bot added dependencies Pull requests that update a dependency file javascript Pull requests that update javascript code labels Mar 19, 2026
@Themitchell Themitchell enabled auto-merge March 19, 2026 14:43
@Themitchell
Copy link
Contributor

@dependabot rebase

Themitchell
Themitchell previously approved these changes Mar 19, 2026
@Themitchell Themitchell disabled auto-merge March 19, 2026 14:44
Bumps [nhsuk-frontend](https://github.com/nhsuk/nhsuk-frontend) from 10.3.1 to 10.4.0.
- [Release notes](https://github.com/nhsuk/nhsuk-frontend/releases)
- [Changelog](https://github.com/nhsuk/nhsuk-frontend/blob/v10.4.0/CHANGELOG.md)
- [Commits](nhsuk/nhsuk-frontend@v10.3.1...v10.4.0)

---
updated-dependencies:
- dependency-name: nhsuk-frontend
  dependency-version: 10.4.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/nhsuk-frontend-10.4.0 branch from e8966f2 to 94fd18d Compare March 19, 2026 14:44
@sonarqubecloud
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies Pull requests that update a dependency file javascript Pull requests that update javascript code

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant