[Snyk] Upgrade govuk-frontend from 5.10.1 to 5.11.0 (#456)

![snyk-top-banner](https://res.cloudinary.com/snyk/image/upload/r-d/scm-platform/snyk-pull-requests/pr-banner-default.svg)


<h3>Snyk has created this PR to upgrade govuk-frontend from 5.10.1 to
5.11.0.</h3>

:information_source: 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.

<hr/>


- The recommended version is **3 versions** ahead of your current
version.

- The recommended version was released **a month ago**.



<details>
<summary><b>Release notes</b></summary>
<br/>
  <details>
    <summary>Package name: <b>govuk-frontend</b></summary>
    <ul>
      <li>
        <b>5.11.0</b> - 2025-06-24
      </li>
      <li>
<b>5.11.0-internal.0</b> - <a
href="https://redirect.github.com/alphagov/govuk-frontend/releases/tag/v5.11.0-internal.0">2025-06-11</a></br><div
class="markdown-alert markdown-alert-caution"><p
class="markdown-alert-title"><svg class="octicon octicon-stop mr-2"
viewBox="0 0 16 16" version="1.1" width="16" height="16"
aria-hidden="true"><path d="M4.47.22A.749.749 0 0 1 5 0h6c.199 0
.389.079.53.22l4.25 4.25c.141.14.22.331.22.53v6a.749.749 0 0
1-.22.53l-4.25 4.25A.749.749 0 0 1 11 16H5a.749.749 0 0 1-.53-.22L.22
11.53A.749.749 0 0 1 0 11V5c0-.199.079-.389.22-.53Zm.84 1.28L1.5
5.31v5.38l3.81 3.81h5.38l3.81-3.81V5.31L10.69 1.5ZM8 4a.75.75 0 0 1
.75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 1 0-2 1
1 0 0 1 0 2Z"></path></svg>Caution</p><p>This version must
<strong>not</strong> be used in production, only to help you prepare
ahead of time to the changes that will be brought by GOV.UK Frontend
5.11</p>
</div>
<p>To install this version with npm, run <code>npm install
[email protected]</code>. You can also find more
information about <a
href="https://frontend.design-system.service.gov.uk/staying-up-to-date/#updating-to-the-latest-version"
rel="nofollow">how to stay up to date</a> in our documentation.</p>
<h2>New features</h2>
<h3>The Service navigation component no longer uses a menu on mobile for
a single link</h3>
<p>If you're using our Nunjucks macros, the Service navigation component
will no longer collapse the navigation behind a 'Menu' toggle if there
is only one navigation item.</p>
<p>You can control this behaviour using the new
<code>collapseNavigationOnMobile</code> Nunjucks option.</p>
<p>If you are not using our Nunjucks macros, you can recreate this
behaviour by omitting the 'Menu' <code>&lt;button&gt;</code> element if
there is only one navigation item.</p>
<p>This change was introduced in <a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/6016"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/6016/hovercard">pull
request #6016: Don’t use menu for service nav with a single
link</a>.</p>
<h3>Added inverse styling to Service navigation for use on product
pages</h3>
<p>When the GOV.UK rebrand is enabled, you can now add the
<code>govuk-service-navigation--inverse</code> class to the Service
navigation component to use white links on a blue background.</p>
<p>This allows the rebranded GOV.UK header and Service navigation to
flow seamlessly with subsequent components that have a blue background,
as is common on <a href="https://platforms.service.gov.uk/"
rel="nofollow">GOV.UK Digital Service Platform</a> pages.</p>
<p>This change was made in <a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/6015"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/6015/hovercard">pull
request #6015: Add inverse variant to Service navigation
component</a>.</p>
<h2>Deprecated features</h2>
<h3>Replace references to CSS custom properties for breakpoints</h3>
<p>We've renamed the CSS custom properties for breakpoints to simplify
the prefix from <code>--govuk-frontend</code> to just
<code>--govuk</code>.</p>
<table>
<thead>
<tr>
<th>Old name</th>
<th>New name</th>
</tr>
</thead>
<tbody>
<tr>
<td>--govuk-frontend-breakpoint-mobile</td>
<td>--govuk-breakpoint-mobile</td>
</tr>
<tr>
<td>--govuk-frontend-breakpoint-tablet</td>
<td>--govuk-breakpoint-tablet</td>
</tr>
<tr>
<td>--govuk-frontend-breakpoint-desktop</td>
<td>--govuk-breakpoint-desktop</td>
</tr>
</tbody>
</table>
<p>You can still use the old names, but we'll remove them in the next
breaking release (GOV.UK Frontend v6.0.0).</p>
<p>This change was introduced in <a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/6014"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/6014/hovercard">pull
request #6014: Simplify prefix for breakpoint custom properties</a>.</p>
<h2>Fixes</h2>
<p>We've made fixes to GOV.UK Frontend in the following pull
requests:</p>
<ul>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/6018"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/6018/hovercard">#6018:
Fix layout of Service navigation in Edge when forced colours are
enabled</a></li>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/6019"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/6019/hovercard">#6019:
Fix service nav wrapper not filling available width</a>, thanks to <a
class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/joelanman/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://redirect.github.com/joelanman">@ joelanman</a> for
reporting and fixing this issue</li>
</ul>
      </li>
      <li>
<b>5.10.2</b> - <a
href="https://redirect.github.com/alphagov/govuk-frontend/releases/tag/v5.10.2">2025-05-29</a></br><p>To
install this version with npm, run <code>npm install
[email protected]</code>. You can also find more information about
<a
href="https://frontend.design-system.service.gov.uk/staying-up-to-date/"
rel="nofollow">how to stay up to date</a> in our documentation.</p>
<h2>Fixes</h2>
<p>We've made fixes to GOV.UK Frontend in the following pull
requests:</p>
<ul>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/5968"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/5968/hovercard">#5968:
Apply header logo right padding only when menu button is
visible</a></li>
</ul>
      </li>
      <li>
<b>5.10.1</b> - <a
href="https://redirect.github.com/alphagov/govuk-frontend/releases/tag/v5.10.1">2025-05-15</a></br><p>To
install this version with npm, run <code>npm install
[email protected]</code>. You can also find more information about
<a
href="https://frontend.design-system.service.gov.uk/staying-up-to-date/"
rel="nofollow">how to stay up to date</a> in our documentation.</p>
<h2>Brand refresh fixes</h2>
<p>We’ve fixed the colour of the dot in the refreshed GOV.UK logo as
well as made some fixes to the implementation of the brand refresh in
GOV.UK Frontend. We did this in the following pull requests:</p>
<ul>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/5962"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/5962/hovercard">#5962:
Fix colour of refreshed GOV.UK logo's dot</a></li>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/5905"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/5905/hovercard">#5905:
Fix unnecessary whitespace after logo</a></li>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/5920"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/5920/hovercard">#5920:
Fix transparency around edge of rebranded favicon.ico</a>, thanks to <a
class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/matteason/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://redirect.github.com/matteason">@ matteason</a> for
reporting and fixing this issue</li>
</ul>
<h2>Other fixes</h2>
<p>We've made fixes to GOV.UK Frontend in the following pull
requests:</p>
<ul>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/5908"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/5908/hovercard">#5908:
Fix footer licence link reflowing on focus in Safari</a></li>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/5919"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/5919/hovercard">#5919:
Update deprecation warning message to make it clearer how to update to
new organisation colour palette</a></li>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/5953"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/5953/hovercard">#5953:
Move organisation legacy colour palette warning into the
govuk-organisation-colour mixin</a></li>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/5918"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/5918/hovercard">#5918:
Fix <code>govuk-font-size</code> mixin outputting the wrong font
properties for size 14 text when compiled using libsass</a>, thanks to
<a class="user-mention notranslate" data-hovercard-type="user"
data-hovercard-url="/users/oscarduignan/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://redirect.github.com/oscarduignan">@ oscarduignan</a> for
reporting this issue</li>
<li><a
href="https://redirect.github.com/alphagov/govuk-frontend/pull/5896"
data-hovercard-type="pull_request"
data-hovercard-url="/alphagov/govuk-frontend/pull/5896/hovercard">#5896:
Fix character count not having error border colour when rendered with
error message</a>, thanks to <a class="user-mention notranslate"
data-hovercard-type="user" data-hovercard-url="/users/gunjam/hovercard"
data-octo-click="hovercard-link-click"
data-octo-dimensions="link_type:self"
href="https://redirect.github.com/gunjam">@ gunjam</a> for fixing this
issue</li>
</ul>
      </li>
    </ul>
from <a
href="https://redirect.github.com/alphagov/govuk-frontend/releases">govuk-frontend
GitHub release notes</a>
  </details>
</details>

---

> [!IMPORTANT]
>
> - Check the changes in this PR to ensure they won't cause issues with
your project.
> - This PR was automatically created by Snyk using the credentials of a
real user.

---

**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:** <img
src="https://api.segment.io/v1/pixel/track?data=eyJ3cml0ZUtleSI6InJyWmxZcEdHY2RyTHZsb0lYd0dUcVg4WkFRTnNCOUEwIiwiYW5vbnltb3VzSWQiOiIxNmMxNGUxOC1jZmUzLTRmZmMtOTMxZC00Y2I1YzBmNDhjNTAiLCJldmVudCI6IlBSIHZpZXdlZCIsInByb3BlcnRpZXMiOnsicHJJZCI6IjE2YzE0ZTE4LWNmZTMtNGZmYy05MzFkLTRjYjVjMGY0OGM1MCJ9fQ=="
width="0" height="0"/>

> - 🧐 [View latest project
report](https://app.snyk.io/org/legal-aid-agency/project/fd5c57c0-0aee-40df-9218-f283fc21ce9a?utm_source&#x3D;github&amp;utm_medium&#x3D;referral&amp;page&#x3D;upgrade-pr)
> - 📜 [Customise PR
templates](https://docs.snyk.io/scan-using-snyk/pull-requests/snyk-fix-pull-or-merge-requests/customize-pr-templates?utm_source=&utm_content=fix-pr-template)
> - 🛠 [Adjust upgrade PR
settings](https://app.snyk.io/org/legal-aid-agency/project/fd5c57c0-0aee-40df-9218-f283fc21ce9a/settings/integration?utm_source&#x3D;github&amp;utm_medium&#x3D;referral&amp;page&#x3D;upgrade-pr)
> - 🔕 [Ignore this dependency or unsubscribe from future upgrade
PRs](https://app.snyk.io/org/legal-aid-agency/project/fd5c57c0-0aee-40df-9218-f283fc21ce9a/settings/integration?pkg&#x3D;govuk-frontend&amp;utm_source&#x3D;github&amp;utm_medium&#x3D;referral&amp;page&#x3D;upgrade-pr#auto-dep-upgrades)

[//]: #
'snyk:metadata:{"customTemplate":{"variablesUsed":[],"fieldsUsed":[]},"dependencies":[{"name":"govuk-frontend","from":"5.10.1","to":"5.11.0"}],"env":"prod","hasFixes":false,"isBreakingChange":false,"isMajorUpgrade":false,"issuesToFix":[],"prId":"16c14e18-cfe3-4ffc-931d-4cb5c0f48c50","prPublicId":"16c14e18-cfe3-4ffc-931d-4cb5c0f48c50","packageManager":"npm","priorityScoreList":[],"projectPublicId":"fd5c57c0-0aee-40df-9218-f283fc21ce9a","projectUrl":"https://app.snyk.io/org/legal-aid-agency/project/fd5c57c0-0aee-40df-9218-f283fc21ce9a?utm_source=github&utm_medium=referral&page=upgrade-pr","prType":"upgrade","templateFieldSources":{"branchName":"default","commitMessage":"default","description":"default","title":"default"},"templateVariants":[],"type":"auto","upgrade":[],"upgradeInfo":{"versionsDiff":3,"publishedDate":"2025-06-24T13:03:47.324Z"},"vulns":[]}'

Co-authored-by: snyk-bot <[email protected]>
Co-authored-by: Ross Dowthwaite <[email protected]>

Author: 3 people

package-lock.json

@@ -123,7 +123,7 @@
     "concurrently": "^9.2.0",
     "dayjs": "^1.11.12",
     "express": "^5.1.0",
-    "govuk-frontend": "^5.3.0",
+    "govuk-frontend": "^5.11.0",
     "jquery": "^3.7.1",
     "json-2-csv": "^5.5.6",
     "nunjucks": "^3.2.4",