Bump govuk-frontend from 6.0.0 to 6.1.0 in the prod group

[dependabot]

Bumps the prod group with 1 update: govuk-frontend.

Updates govuk-frontend from 6.0.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 <dependency name> major version will close this group update PR and stop Dependabot creating any more for the specific dependency's major version (unless you unignore this specific dependency's major version or upgrade to it yourself)
• @dependabot ignore <dependency name> minor version will close this group update PR and stop Dependabot creating any more for the specific dependency's minor version (unless you unignore this specific dependency's minor version or upgrade to it yourself)
• @dependabot ignore <dependency name> will close this group update PR and stop Dependabot creating any more for the specific dependency (unless you unignore this specific dependency or upgrade to it yourself)
• @dependabot unignore <dependency name> will remove all of the ignore conditions of the specified dependency
• @dependabot unignore <dependency name> <ignore condition> will remove the ignore condition of the specified dependency and ignore conditions