Update dependency govuk-frontend to v6.3.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
govuk-frontend (source)	6.2.0 → 6.3.0

---

Release Notes

alphagov/govuk-frontend (govuk-frontend)

v6.3.0

Compare Source

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

New features

Use the Generic header component in services not on the GOV.UK website

We've added the Generic header component for services that are not part of the GOV.UK proposition but would still benefit from using GOV.UK Frontend to build their service.

The Generic header component is a version of the GOV.UK header component that you can customise to meet the needs of your service. This includes:

• changing the spacing around the logo
• adding a bottom border with your service's brand colour
• changing the header colour

This was added in pull request #​7061: Add Generic Header component.

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
• error boolean option to set the error state on individual items
• 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, it is no longer necessary 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",
-       classes: "govuk-input--width-2 govuk-input--error"
-     },
-     {
-       name: "year",
-       label: "Year",
-       classes: "govuk-input--width-4 govuk-input--error"
-     }
-   ]
+   }
  }) }}

If only one field has an error, use the new day, month or year options to set error: true for that field only:

  {{ govukDateInput({
    fieldset: {
      legend: {
        text: "What is your date of birth?"
      }
    },
    errorMessage: {
      text: "Date of birth must include a year"
    },
-   items: [
-     {
-       name: "day",
-       label: "Day",
-       classes: "govuk-input--width-2"
-     },
-     {
-       name: "month",
-       label: "Month",
-       classes: "govuk-input--width-2"
-     },
-     {
-       name: "year",
-       label: "Year",
-       classes: "govuk-input--width-4 govuk-input--error"
-     }
-   ]
+   year: {
+     error: true
+   }
  }) }}

When using the GOV.UK Prototype Kit, given the following data object:

{
  "dob-day": "31",
  "dob-month": "3",
  "dob-year": "1980"
}

You can now pass in values: data to automatically set item values:

  {{ govukDateInput({
    fieldset: {
      legend: {
        text: "What is your date of birth?"
      }
    },
    namePrefix: "dob",
    values: data
  }) }}

We made this change in pull request #​6971: Add date input day, month, year and values options.

Fixes

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

• #​7168: Fix lack of explicit colour on input prefix and suffixes
• #​7169: Fix text on small inline radios wrapping unnecessarily

---

Configuration

📅 Schedule: (in timezone Europe/London)

• Branch creation
  • "after 7am and before 11am every weekday"
• 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.