Update dependency govuk-frontend to v5.14.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
govuk-frontend (source)	5.11.2 → 5.14.0

---

Release Notes

alphagov/govuk-frontend (govuk-frontend)

v5.14.0

Compare Source

New features

The GOV.UK footer component now allows the removal of content licence information

If your service does not provide information under the Open Government Licence (OGL), you can now remove the content licence information from the GOV.UK footer.

If you use Nunjucks, set the contentLicence parameter to null:

{{ govukFooter({
  contentLicence: null
}) }}

We introduced this feature in the following pull requests:

• #​6527: Allow false value to turn off contentLicence in GOV.UK Footer – thanks to @​NickColley for making this change.
• #​6586: Use null rather than false to hide the content licence – thanks to @​gunndabad for reporting this issue.

Recommended changes

Add aria-hidden="true" to the Service navigation's menu toggle

The VoiceOver screen reader software for macOS and iPadOS contains bugs that make the menu toggle in the Service navigation accessible to VoiceOver users, even if the button has a hidden attribute.

If you use Nunjucks, you do not have to do anything.

If you do not use Nunjucks to generate your components' HTML, add an aria-hidden="true" attribute to the hidden <button> element of the Service navigation. This means the button will remain hidden for VoiceOver users.

We made this change in pull request #​6469: Fix VoiceOver access to hidden Service Navigation menu button.

Fixes

We've made fixes to GOV.UK Frontend in the following pull requests:

• #​6351: Preserve already escaped attributes values to prevent double escaping
• #​6438: Fix pagination outputting empty links when provided a null or empty value – thanks to @​NikhilNanjappa for reporting this issue.
• #​6531: Prevent date inputs shifting alignment on iOS 18 – thanks to @​rowellx68 for reporting this issue and @​colinrotherham for suggesting the fix.
• #​6528: Fix hover state on focused small radios
• #​6529: Fix rebranded header background being visible when printed – thanks to @​lewis-softwire for reporting this issue.
• #​6462: Update HMRC brand colour
• #​6539: Fix skip link outline being clipped in forced colours mode

v5.13.0

Compare Source

New features

Use Sass functions to create custom media queries

We've added new Sass functions to help write @media and @container queries, mixins and functions whilst still using GOV.UK Frontend's $govuk-breakpoints setting.

You can create min-width and max-width queries using the govuk-from-breakpoint and govuk-until-breakpoint functions:

.element {
  color: red;

  @​media #{govuk-from-breakpoint(mobile)} and #{govuk-until-breakpoint(desktop)} {
    color: blue;
  }
}

You can get the configured value of a breakpoint using govuk-breakpoint-value:

@​function wider-than-tablet($width) {
  @​return $width > govuk-breakpoint-value(tablet);
}

Each of these functions allows for passing a custom breakpoint map. This can be useful if a particular component needs to change layout at different dimensions to the rest of the site and for authoring @container queries.

$component-breakpoints: (
  small: 300px,
  medium: 500px,
  large: 750px
);

.element {
  color: red;

  @​container #{govuk-from-breakpoint(small, $component-breakpoints)} {
    color: blue;
  }
}

We've rewritten the internals of the govuk-media-query mixin to make use of these new functions. The rewritten mixin should work identically and return the same CSS as the previous version, but you may want to make sure that your existing media queries work as expected.

We made these changes in the following pull requests:

• #​6264: Add media query functions.
• #​6265: Rewrite govuk-media-query, remove dependency on sass-mq.

Recommended changes

Rename ellipses HTML class in pagination to ellipsis

Within the pagination component, change the govuk-pagination__item--ellipses class to govuk-pagination__item--ellipsis.

We introduced this change in pull request #​5882: Rename ellipses html class to ellipsis. Thanks to @​frankieroberto for making this change.

Fixes

• #​6223: Account for multiple attribute when enhancing a File Input. Thanks to @​deberny for reporting this issue.
• #​6297: Output deprecation warning if $govuk-show-breakpoints is true
• #​6304: Fix long filenames in enhanced file upload not wrapping. Thanks to @​wardt7 for reporting this issue.

v5.12.0

Compare Source

New features

Use the govuk-focused-form-input mixin to style focus states for form inputs

You can now use the govuk-focused-form-input mixin to style the focus state in your own form input components.

Thanks to @​patrickpatrickpatrick for suggesting this change.

Fixes

We've made fixes to GOV.UK Frontend in the following pull requests:

• #​6222: Fall back to the 'other' translation in older browsers that do not support Intl.PluralRules and remove fallback logic
• #​6232: Remove fieldset indentation from checkboxes and radios – thanks to @​RichardBradley, @​devkokov and @​nathdolan for reporting this issue

---

Configuration

📅 Schedule: Branch creation - "after 7am and before 11am every weekday" in timezone Europe/London, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.