Bump govuk-frontend from 5.14.0 to 6.1.0

[dependabot]

Bumps govuk-frontend from 5.14.0 to 6.1.0.

Release notes

Sourced from govuk-frontend's releases.

GOV.UK Frontend v6.1.0

To install this version with npm, run npm install govuk-frontend@6.1.0. You can also find more information about how to stay up to date in our documentation.

New features

Use Sass functions to configure asset URLs

You can now use Sass functions from meta.get-function in addition to strings to configure:

• $govuk-image-url-function
• $govuk-font-url-function

This will allow the variables to be configured when loading GOV.UK Frontend as a module once we support @use and @forward.

We made this change in [pull request #6767: Use Sass functions to configure asset URLs](alphagov/govuk-frontend#6767).

Recommended changes

Use <COMPONENT_NAME>/_index.scss to import individual components

We've deprecated each component's _<COMPONENT_NAME>.scss files, which let you import an individual component’s CSS using a single Sass import. We'll remove the _<COMPONENT_NAME>.scss files in the next major release.

If you were using the _<COMPONENT_NAME>.scss files, use the component's _index.scss file instead. For example:

// Previously
@import "govuk/components/button/button";
// Now
@​import "govuk/components/button";

We made this change in [pull request #6761: Deprecate _<COMPONENT_NAME>.scss files](alphagov/govuk-frontend#6761).

Use color: govuk-functional-colour(text) to set the text colour

We've updated how the text colour changes to pure black when printing.

Previously, an additional print media query was included every time you used @include govuk-text-colour:

.my-element {
  color: var(--govuk-text-colour, #0b0c0c);
}
@​media print {
.my-element {
color: var(--govuk-print-text-colour, #000);
}
</tr></table>

... (truncated)

Changelog

Sourced from govuk-frontend's changelog.

v6.1.0 (Feature release)

To install this version with npm, run npm install govuk-frontend@6.1.0. You can also find more information about how to stay up to date in our documentation.

New features

Use Sass functions to configure asset URLs

You can now use Sass functions from meta.get-function as well as strings to configure:

• $govuk-image-url-function
• $govuk-font-url-function

This will allow the variables to be configured when loading GOV.UK Frontend as a module once we support @use and @forward.

We made this change in [pull request #6767: Use Sass functions to configure asset URLs](alphagov/govuk-frontend#6767).

Recommended changes

Use <COMPONENT_NAME>/_index.scss to import individual components

We've deprecated each component's _<COMPONENT_NAME>.scss files, which let you import an individual component’s CSS using a single Sass import. We'll remove the _<COMPONENT_NAME>.scss files in the next major release.

If you were using the _<COMPONENT_NAME>.scss files, use the component's _index.scss file instead. For example:

// Previously
@import "govuk/components/button/button";
// Now
@​import "govuk/components/button";

We made this change in [pull request #6761: Deprecate _<COMPONENT_NAME>.scss files](alphagov/govuk-frontend#6761).

Use color: govuk-functional-colour(text) to set the text colour

We've updated how the text colour changes to pure black when printing.

Previously, an additional print media query was included every time you used @include govuk-text-colour:

.my-element {
  color: var(--govuk-text-colour, #0b0c0c);
}
@​media print {
.my-element {
color: var(--govuk-print-text-colour, #000);
}
</tr></table>

... (truncated)

Commits

• 7221035 Release 6.1.0
• f0ef301 Bump the postcss group with 2 updates
• b4df849 Merge pull request #6805 from alphagov/dependabot/npm_and_yarn/govuk-prototyp...
• 087180d Bump puppeteer from 24.37.3 to 24.37.5 in the test group
• 9efe80c Bump govuk-prototype-kit from 13.18.1 to 13.19.0
• 83b5b87 Bump the babel group with 2 updates
• 3a24037 Use focus-text colour for text link focus state
• de10615 Merge pull request #6427 from alphagov/print-text-through-custom-properties
• 8ac4b45 Deprecate the govuk-text-colour mixin
• 8a68684 Use color: govuk-functional-colour(text) instead of the govuk-text-colour...
• 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)

[lfdebrux]

@dependabot rebase

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

🎉 A review copy of this PR has been deployed! It is made of up two components

1. A review copy of forms-runner
2. A production copy of forms-admin

Important

Not all of the functionality of forms-runner is present in review apps.
Functionality such as sending emails, file upload, and S3 submission types are
deliberately disabled for the sake of simplifying review apps.

You should use the full dev environment to test the functionality which is disabled here.

It may take 5 minutes or so for the application to be fully deployed and working. If it still isn't ready
after 5 minutes, there may be something wrong with the ECS task. You will need to go to the integration AWS account
to debug, or otherwise ask an infrastructure person.

For the sign in details and more information, see the review apps wiki page.