Bump govuk-frontend from 4.7.0 to 4.8.0

[dependabot]

Bumps govuk-frontend from 4.7.0 to 4.8.0.

Release notes

Sourced from govuk-frontend's releases.

GOV.UK Frontend v4.8.0

This release includes the ability to update the crown logo. You must do this between 19 February and 1 March 2024.

We’ll send reminders to our mailing list and cross-government Slack as soon as you can make this change.

New features

Update to the new GOV.UK logo (between 19 February and 1 March 2024)

We’ve updated the GOV.UK logo to reflect the changing of the monarch. King Charles III uses the Tudor Crown, rather than the St Edward’s Crown chosen by Queen Elizabeth II.

If your service uses GOV.UK branding, you must update your service to use the new crown.

These changes were made in the following pull requests:

• #4376: Implement the Tudor crown favicons (v4.x)
• #4278: Implement the Tudor crown in the Header component (v4.x)
• #4677: Adjust the spacing of the new Tudor crown (v4.x) - thanks to @​MartinJJones and @​monicacrusellasfanlo for contributing this change

Include the new logo assets

Multiple new image assets are included in this release. You’ll need to copy these to your service's image assets folder if they are not being used directly from the Frontend package. By default this folder is located at /assets/images.

If you’re using Nunjucks, the asset path may have been changed by the assetPath global variable or assetsPath parameter on the header component.

Copy the following files from /dist/assets/images into your assets folder. Any images with the same name as an existing image can be safely overwritten.

• favicon.ico
• govuk-apple-touch-icon-152x152.png
• govuk-apple-touch-icon-167x167.png
• govuk-apple-touch-icon-180x180.png
• govuk-apple-touch-icon.png
• govuk-logotype-tudor-crown.png
• govuk-mask-icon.svg
• govuk-opengraph-image.png

Update the logo in the header of your page

If you are using the govukHeader Nunjucks macro in your service, add the useTudorCrown parameter to the macro instantiation.

{{ govukHeader({
  ...
  useTudorCrown: true
}) }}

If you are not using the Nunjucks macro, locate the HTML for the existing crown and replace it with this updated HTML. Make sure the URL for the new PNG fallback image is correct.

</tr></table> 

... (truncated)

Changelog

Sourced from govuk-frontend's changelog.

GOV.UK Frontend v4.8.0 (Feature release)

This release includes the ability to update the crown logo. You must do this between 19 February and 1 March 2024. We’ll send reminders to our mailing list and cross-government Slack as soon as you can make this change.

New features

Update to the new GOV.UK logo (between 19 February and 1 March 2024)

We’ve updated the GOV.UK logo to reflect the changing of the monarch. King Charles III uses the Tudor Crown, rather than the St Edward’s Crown chosen by Queen Elizabeth II. If your service uses GOV.UK branding, you must update your service to use the new crown.

These changes were made in the following pull requests:

• #4376: Implement the Tudor crown favicons (v4.x)
• #4278: Implement the Tudor crown in the Header component (v4.x)
• #4677: Adjust the spacing of the new Tudor crown (v4.x) - thanks to Martin Jones and Mónica Crusellas for contributing this change

Include the new logo assets

Multiple new image assets are included in this release. You’ll need to copy these to your service's image assets folder if they are not being used directly from the Frontend package. By default this folder is located at /assets/images.

If you’re using Nunjucks, the asset path may have been changed by the assetPath global variable or assetsPath parameter on the header component.

Copy the following files from /dist/assets/images into your assets folder. Any images with the same name as an existing image can be safely overwritten.

• favicon.ico
• govuk-apple-touch-icon-152x152.png
• govuk-apple-touch-icon-167x167.png
• govuk-apple-touch-icon-180x180.png
• govuk-apple-touch-icon.png
• govuk-logotype-tudor-crown.png
• govuk-mask-icon.svg
• govuk-opengraph-image.png

Update the logo in the header of your page

If you are using the govukHeader Nunjucks macro in your service, add the useTudorCrown parameter to the macro instantiation.

{{ govukHeader({
  ...
  useTudorCrown: true
}) }}

If you are not using the Nunjucks macro, locate the HTML for the existing crown and replace it with this updated HTML. Make sure the URL for the new PNG fallback image is correct.

<!--[if gt IE 8]><!-->
</tr></table> 

... (truncated)

Commits

• f706252 Merge pull request #4732 from alphagov/release-4.8.0
• b625c12 Release v4.8.0
• 95dc753 Merge pull request #4677 from alphagov/adjust-tudor-crown-spacing
• f607a83 Add pull request entry to v4.8.0 release changelog
• 0d05223 Adjust the spacing of the new Tudor crown
• bfe1c39 Merge pull request #4619 from alphagov/v4.8.0-changelog
• 78e25b8 Add changelog for v4.8.0 release
• 3e0306d Merge pull request #4602 from alphagov/v4-update-npm-version
• d481607 Bump minimum Node version, allow using npm v10
• 92462b3 Merge pull request #4376 from alphagov/new-favicons-v4
• Additional commits viewable in compare view

Most Recent Ignore Conditions Applied to This Pull Request

Dependency Name	Ignore Conditions
govuk-frontend	[>= 5.a, < 6]

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 merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @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)