Bump nhsuk-frontend from 10.4.2 to 10.5.0

[dependabot]

Bumps nhsuk-frontend from 10.4.2 to 10.5.0.

Release notes

Sourced from nhsuk-frontend's releases.

v10.5.0

10.5.0 - 2 June 2026

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

🆕 New features

New search input component

We've added a new search input component.

To use the searchInput Nunjucks macro in your service:

{{ searchInput({
  label: {
    text: "Find session"
  },
  name: "search",
  width: 10
}) }}

If you are not using Nunjucks macros, use the HTML markup from the search input examples in the NHS digital service manual.

This change was introduced in [pull request #1660: Add search input component](nhsuk/nhsuk-frontend#1660).

Improved character count counting

We've added a new countType option to the character count component to enable improved counting with Intl.Segmenter.

This feature was introduced because JavaScript counts String: length in code units not characters, for example:

String	Length	Remarks
cafȩ́	5	The character ȩ́ counted as 2 code units
cafȩ́	5	The character ȩ with combining mark ́ counted as 2 code units
cafȩ́	6	The character e with combining marks ́ and ̧ counted as 3 code units
😹	2	The cat emoji counted as 2 code units
👩🏻‍🚀	7	The astronaut emoji with gender and skin modifiers counted as 7 code units

Similarly when counting words, "my mother-in-law" is now counted as 4 (not 2) words to correctly follow the Unicode Default Word Boundary Specification.

To enable improved counting in supported browsers you should either:

• add countType: "characters" to count user-perceived characters
• add countType: "words" to count words between word boundaries

Unsupported browsers will default to the textareaDescriptionText message shown when JavaScript is unavailable, such as:

... (truncated)

Changelog

Sourced from nhsuk-frontend's changelog.

10.5.0 - 2 June 2026

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

🆕 New features

New search input component

We've added a new search input component.

To use the searchInput Nunjucks macro in your service:

{{ searchInput({
  label: {
    text: "Find session"
  },
  name: "search",
  width: 10
}) }}

If you are not using Nunjucks macros, use the HTML markup from the search input examples in the NHS digital service manual.

This change was introduced in [pull request #1660: Add search input component](nhsuk/nhsuk-frontend#1660).

Improved character count counting

We've added a new countType option to the character count component to enable improved counting with Intl.Segmenter.

This feature was introduced because JavaScript counts String: length in code units not characters, for example:

String	Length	Remarks
cafȩ́	5	The character ȩ́ counted as 2 code units
cafȩ́	5	The character ȩ with combining mark ́ counted as 2 code units
cafȩ́	6	The character e with combining marks ́ and ̧ counted as 3 code units
😹	2	The cat emoji counted as 2 code units
👩🏻‍🚀	7	The astronaut emoji with gender and skin modifiers counted as 7 code units

Similarly when counting words, "my mother-in-law" is now counted as 4 (not 2) words to correctly follow the Unicode Default Word Boundary Specification.

To enable improved counting in supported browsers you should either:

• add countType: "characters" to count user-perceived characters
• add countType: "words" to count words between word boundaries

Unsupported browsers will default to the textareaDescriptionText message shown when JavaScript is unavailable, such as:

You can enter up to 350 characters

... (truncated)

Commits

• fa2f70f Merge pull request #1951 from nhsuk/search-icon-tweak-2
• b4615b0 Add changelog entry
• ac2d4a9 Update changelog entry
• b33aee4 Update reference images
• ff3f76d Add same link example workaround as .\:focus but for hover and active
• 00ee2b6 Fix link style order to preserve reverse link colour for no-visited
• ccb6d0b Move search icon up by 0.4px (versus original) in SVG path
• 7b27f72 Move tick icon up by 1.3px (versus original) in SVG path
• 5b9b16e Add button examples without shadows
• b2ac2d2 Render all icons on button example page
• 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 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]

Superseded by #26.