build(deps): Bump govuk-frontend from 5.14.0 to 6.4.0 in /backend

[dependabot]

Bumps govuk-frontend from 5.14.0 to 6.4.0.

Release notes

Sourced from govuk-frontend's releases.

v6.4.0

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

New features

You can now use the Interruption panel to pause the user’s journey and give important information

We’ve introduced an interruption variant of the Panel component.

You can use Interruption panels within Interruption pages to warn users before they:

• do something unusual that’s probably a mistake
• do something that cannot be undone (so you can ask the user “Are you sure?”)
• give an answer that conflicts with existing information

See the guidance on the Design System website for more information on how to use the Interruption panel in your service.

We made this change in [pull request #6636: Add interruption panel](alphagov/govuk-frontend#6636) - thanks to @​frankieroberto and the NHS Design System team for contributing this change.

You can now pass day, month, year, error and values options to the Date input component

We've updated the Date input component to add the following Nunjucks options:

• day, month and year options to customise individual items
• an error boolean option to set the error state on individual items
• a values option to set individual item values using a single object

For consistency with other components, the Date input component's error state is now set automatically when errorMessage is provided.

For example, you no longer need to set the "govuk-input--error" class on every item:

  {{ govukDateInput({
    fieldset: {
      legend: {
        text: "What is your date of birth?"
      }
    },
    errorMessage: {
      text: "Enter your date of birth"
-   },
-   items: [
-     {
-       name: "day",
-       label: "Day",
-       classes: "govuk-input--width-2 govuk-input--error"
-     },
-     {
-       name: "month",
-       label: "Month",
</tr></table> 

... (truncated)

Changelog

Sourced from govuk-frontend's changelog.

v6.4.0 (Feature release)

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

New features

You can now use the Interruption panel to pause the user’s journey and give important information

We’ve introduced an interruption variant of the Panel component.

You can use Interruption panels within Interruption pages to warn users before they:

• do something unusual that’s probably a mistake
• do something that cannot be undone (so you can ask the user “Are you sure?”)
• give an answer that conflicts with existing information

See the guidance on the Design System website for more information on how to use the Interruption panel in your service.

We made this change in [pull request #6636: Add interruption panel](alphagov/govuk-frontend#6636) - thanks to @​frankieroberto and the NHS Design System team for contributing this change.

You can now pass day, month, year, error and values options to the Date input component

We've updated the Date input component to add the following Nunjucks options:

• day, month and year options to customise individual items
• an error boolean option to set the error state on individual items
• a values option to set individual item values using a single object

For consistency with other components, the Date input component's error state is now set automatically when errorMessage is provided.

For example, you no longer need to set the "govuk-input--error" class on every item:

  {{ govukDateInput({
    fieldset: {
      legend: {
        text: "What is your date of birth?"
      }
    },
    errorMessage: {
      text: "Enter your date of birth"
-   },
-   items: [
-     {
-       name: "day",
-       label: "Day",
-       classes: "govuk-input--width-2 govuk-input--error"
-     },
-     {
-       name: "month",
</tr></table> 

... (truncated)

Commits

• e625d77 Release 6.4.0
• 57b67ac Make file input selector more specific
• 6394a0e Add actions option to the Panel component
• b49d3d1 Adjust spacing of the Interruption panel
• bdb4812 Make sure Panel print styles apply to modifiers
• b92ccc9 Resolve class ordering issue
• ca714be Add test coverage for default class behaviour
• 0168bf0 Remove global paragraph styles
• 71a1b77 Consistently set inverse-text
• a822e16 Add more Interruption panel examples
• 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)