govuk_publishing_components 9.5.1 → 9.5.2

data/node_modules/govuk-frontend/components/date-input/_date-input.scss

@@ -13,7 +13,6 @@
   }
 
   .govuk-date-input__item {
-    width: 50px;
     margin-right: govuk-spacing(4);
     margin-bottom: 0;
     float: left;
@@ -28,8 +27,4 @@
   .govuk-date-input__input {
     margin-bottom: 0;
   }
-
-  .govuk-date-input__item--year {
-    width: 70px;
-  }
 }

data/node_modules/govuk-frontend/components/date-input/template.njk

@@ -7,11 +7,30 @@
    aria-describedby – for example hints or error messages -#}
 {% set describedBy = "" %}
 
+{% if params.items %}
+  {% set dateInputItems = params.items %}
+{% else %}
+  {% set dateInputItems = [
+    {
+      name: "day",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "month",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "year",
+      classes: "govuk-input--width-4"
+    }
+  ] %}
+{% endif %}
+
 {#- Capture the HTML so we can optionally nest it in a fieldset -#}
 {% set innerHtml %}
 {% if params.hint %}
-  {% set hintId = params.id + '-hint' %}
-  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {% set hintId = params.id + "-hint" %}
+  {% set describedBy = describedBy + " " + hintId if describedBy else hintId %}
   {{ govukHint({
     id: hintId,
     classes: params.hint.classes,
@@ -21,8 +40,8 @@
   }) | indent(2) | trim }}
 {% endif %}
 {% if params.errorMessage %}
-  {% set errorId = params.id + '-error' %}
-  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {% set errorId = params.id + "-error" %}
+  {% set describedBy = describedBy + " " + errorId if describedBy else errorId %}
   {{ govukErrorMessage({
     id: errorId,
     classes: params.errorMessage.classes,
@@ -33,20 +52,24 @@
   <div class="govuk-date-input {%- if params.classes %} {{ params.classes }}{% endif %}"
     {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}
     {%- if params.id %} id="{{ params.id }}"{% endif %}>
-    {% for item in params.items %}
-    <div class="govuk-date-input__item govuk-date-input__item--{{ item.name }}">
+    {% for item in dateInputItems %}
+
+    {# @todo Remove this definition and any mentions of it on the next breaking release #}
+    {% set inputWidthClass = 'govuk-input--width-4 ' if item.name == 'year' else 'govuk-input--width-2 ' %}
+
+    <div class="govuk-date-input__item">
       {{ govukInput({
-        "label":{
-          "text": item.name | capitalize,
-          "classes": 'govuk-date-input__label'
+        label: {
+          text: item.label if item.label else item.name | capitalize,
+          classes: "govuk-date-input__label"
         },
-        "id": params.id + "-" + item.name,
-        "classes": "govuk-date-input__input" + (" " + item.classes if item.classes),
-        "name": params.name + "-" + item.name,
-        "value": item.value,
-        "type": "number",
-        "attributes": {
-          "pattern": "[0-9]*"
+        id: item.id if item.id else (params.id + "-" + item.name),
+        classes: "govuk-date-input__input " + inputWidthClass + item.classes,
+        name: (params.name + "-" + item.name) if params.name else item.name,
+        value: item.value,
+        type: "number",
+        attributes: {
+          pattern: "[0-9]*"
         }
       }) | indent(6) | trim }}
     </div>
@@ -64,7 +87,7 @@
     describedBy: describedBy,
     classes: params.fieldset.classes,
     attributes: {
-      role: 'group'
+      role: "group"
     },
     legend: params.fieldset.legend
   }) %}

data/node_modules/govuk-frontend/components/details/README.md

@@ -6,13 +6,13 @@ Component for conditionally revealing content, using the details HTML element.
 
 ## Guidance
 
-Find out when to use the Details component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/details).
+Find out when to use the details component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/details).
 
 ## Quick start examples
 
-### Component default
+### Details
 
-[Preview the details component](http://govuk-frontend-review.herokuapp.com/components/details/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/details/preview)
 
 #### Markup
 
@@ -29,16 +29,16 @@ Find out when to use the Details component in your service in the [GOV.UK Design
 
 #### Macro
 
-    {% from 'details/macro.njk' import govukDetails %}
+    {% from "details/macro.njk" import govukDetails %}
 
     {{ govukDetails({
       "summaryText": "Help with nationality",
       "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post."
     }) }}
 
-### Details--expanded
+### Details expanded
 
-[Preview the details--expanded example](http://govuk-frontend-review.herokuapp.com/components/details/expanded/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/details/expanded/preview)
 
 #### Markup
 
@@ -55,7 +55,7 @@ Find out when to use the Details component in your service in the [GOV.UK Design
 
 #### Macro
 
-    {% from 'details/macro.njk' import govukDetails %}
+    {% from "details/macro.njk" import govukDetails %}
 
     {{ govukDetails({
       "id": "help-with-nationality",
@@ -64,9 +64,9 @@ Find out when to use the Details component in your service in the [GOV.UK Design
       "open": true
     }) }}
 
-### Details--with-html
+### Details with html
 
-[Preview the details--with-html example](http://govuk-frontend-review.herokuapp.com/components/details/with-html/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/details/with-html/preview)
 
 #### Markup
 
@@ -91,7 +91,7 @@ Find out when to use the Details component in your service in the [GOV.UK Design
 
 #### Macro
 
-    {% from 'details/macro.njk' import govukDetails %}
+    {% from "details/macro.njk" import govukDetails %}
 
     {{ govukDetails({
       "summaryText": "Where to find your National Insurance Number",

data/node_modules/govuk-frontend/components/error-message/README.md

@@ -6,13 +6,13 @@ Component to show a red error message - used for form validation. Use inside a l
 
 ## Guidance
 
-Find out when to use the Error message component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/error-message).
+Find out when to use the error message component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/error-message).
 
 ## Quick start examples
 
-### Component default
+### Error message
 
-[Preview the error-message component](http://govuk-frontend-review.herokuapp.com/components/error-message/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/error-message/preview)
 
 #### Markup
 
@@ -22,7 +22,7 @@ Find out when to use the Error message component in your service in the [GOV.UK
 
 #### Macro
 
-    {% from 'error-message/macro.njk' import govukErrorMessage %}
+    {% from "error-message/macro.njk" import govukErrorMessage %}
 
     {{ govukErrorMessage({
       "text": "Error message about full name goes here"

data/node_modules/govuk-frontend/components/error-summary/README.md

@@ -6,13 +6,13 @@ Component to show an error summary box - used at the top of the page, to summari
 
 ## Guidance
 
-Find out when to use the Error summary component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/error-summary).
+Find out when to use the error summary component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/error-summary).
 
 ## Quick start examples
 
-### Component default
+### Error summary
 
-[Preview the error-summary component](http://govuk-frontend-review.herokuapp.com/components/error-summary/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/error-summary/preview)
 
 #### Markup
 
@@ -46,7 +46,7 @@ Find out when to use the Error summary component in your service in the [GOV.UK
 
 #### Macro
 
-    {% from 'error-summary/macro.njk' import govukErrorSummary %}
+    {% from "error-summary/macro.njk" import govukErrorSummary %}
 
     {{ govukErrorSummary({
       "titleText": "Message to alert the user to a problem goes here",
@@ -58,7 +58,7 @@ Find out when to use the Error summary component in your service in the [GOV.UK
           "href": "#example-error-1"
         },
         {
-          "html": "Descriptive link to the question with an error",
+          "text": "Descriptive link to the question with an error",
           "href": "#example-error-1"
         }
       ]

data/node_modules/govuk-frontend/components/fieldset/README.md

@@ -6,13 +6,13 @@ The fieldset element is used to group several controls within a web form. The le
 
 ## Guidance
 
-Find out when to use the Fieldset component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/fieldset).
+Find out when to use the fieldset component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/fieldset).
 
 ## Quick start examples
 
-### Component default
+### Fieldset
 
-[Preview the fieldset component](http://govuk-frontend-review.herokuapp.com/components/fieldset/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/fieldset/preview)
 
 #### Markup
 
@@ -26,7 +26,7 @@ Find out when to use the Fieldset component in your service in the [GOV.UK Desig
 
 #### Macro
 
-    {% from 'fieldset/macro.njk' import govukFieldset %}
+    {% from "fieldset/macro.njk" import govukFieldset %}
 
     {{ govukFieldset({
       "legend": {
@@ -34,9 +34,9 @@ Find out when to use the Fieldset component in your service in the [GOV.UK Desig
       }
     }) }}
 
-### Fieldset--as page heading
+### Fieldset as page heading
 
-[Preview the fieldset--as page heading example](http://govuk-frontend-review.herokuapp.com/components/fieldset/as page heading/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/fieldset/as-page-heading/preview)
 
 #### Markup
 
@@ -52,7 +52,7 @@ Find out when to use the Fieldset component in your service in the [GOV.UK Desig
 
 #### Macro
 
-    {% from 'fieldset/macro.njk' import govukFieldset %}
+    {% from "fieldset/macro.njk" import govukFieldset %}
 
     {{ govukFieldset({
       "legend": {

data/node_modules/govuk-frontend/components/file-upload/README.md

@@ -6,13 +6,13 @@ The HTML `<input>` element with type="file" lets a user pick one or more files,
 
 ## Guidance
 
-Find out when to use the File upload component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/file-upload).
+Find out when to use the file upload component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/file-upload).
 
 ## Quick start examples
 
-### Component default
+### File upload
 
-[Preview the file-upload component](http://govuk-frontend-review.herokuapp.com/components/file-upload/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/file-upload/preview)
 
 #### Markup
 
@@ -26,7 +26,7 @@ Find out when to use the File upload component in your service in the [GOV.UK De
 
 #### Macro
 
-    {% from 'file-upload/macro.njk' import govukFileUpload %}
+    {% from "file-upload/macro.njk" import govukFileUpload %}
 
     {{ govukFileUpload({
       "id": "file-upload-1",
@@ -36,9 +36,9 @@ Find out when to use the File upload component in your service in the [GOV.UK De
       }
     }) }}
 
-### File-upload--with-hint-text
+### File upload with hint text
 
-[Preview the file-upload--with-hint-text example](http://govuk-frontend-review.herokuapp.com/components/file-upload/with-hint-text/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/file-upload/with-hint-text/preview)
 
 #### Markup
 
@@ -56,7 +56,7 @@ Find out when to use the File upload component in your service in the [GOV.UK De
 
 #### Macro
 
-    {% from 'file-upload/macro.njk' import govukFileUpload %}
+    {% from "file-upload/macro.njk" import govukFileUpload %}
 
     {{ govukFileUpload({
       "id": "file-upload-2",
@@ -69,9 +69,9 @@ Find out when to use the File upload component in your service in the [GOV.UK De
       }
     }) }}
 
-### File-upload--with-error-message
+### File upload with error message
 
-[Preview the file-upload--with-error-message example](http://govuk-frontend-review.herokuapp.com/components/file-upload/with-error-message/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/file-upload/with-error-message/preview)
 
 #### Markup
 
@@ -93,7 +93,7 @@ Find out when to use the File upload component in your service in the [GOV.UK De
 
 #### Macro
 
-    {% from 'file-upload/macro.njk' import govukFileUpload %}
+    {% from "file-upload/macro.njk" import govukFileUpload %}
 
     {{ govukFileUpload({
       "id": "file-upload-3",
@@ -109,9 +109,9 @@ Find out when to use the File upload component in your service in the [GOV.UK De
       }
     }) }}
 
-### File-upload--with-value-and-attributes
+### File upload with value and attributes
 
-[Preview the file-upload--with-value-and-attributes example](http://govuk-frontend-review.herokuapp.com/components/file-upload/with-value-and-attributes/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/file-upload/with-value-and-attributes/preview)
 
 #### Markup
 
@@ -125,7 +125,7 @@ Find out when to use the File upload component in your service in the [GOV.UK De
 
 #### Macro
 
-    {% from 'file-upload/macro.njk' import govukFileUpload %}
+    {% from "file-upload/macro.njk" import govukFileUpload %}
 
     {{ govukFileUpload({
       "id": "file-upload-4",
@@ -139,9 +139,9 @@ Find out when to use the File upload component in your service in the [GOV.UK De
       }
     }) }}
 
-### File-upload--with-label-as-page-heading
+### File upload with label as page heading
 
-[Preview the file-upload--with-label-as-page-heading example](http://govuk-frontend-review.herokuapp.com/components/file-upload/with-label-as-page-heading/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/file-upload/with-label-as-page-heading/preview)
 
 #### Markup
 
@@ -158,7 +158,7 @@ Find out when to use the File upload component in your service in the [GOV.UK De
 
 #### Macro
 
-    {% from 'file-upload/macro.njk' import govukFileUpload %}
+    {% from "file-upload/macro.njk" import govukFileUpload %}
 
     {{ govukFileUpload({
       "id": "file-upload-1",

data/node_modules/govuk-frontend/components/footer/README.md

@@ -6,13 +6,13 @@ The footer component is used at the bottom of every GOV.UK page, to help users n
 
 ## Guidance
 
-Find out when to use the Footer component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/footer).
+Find out when to use the footer component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/footer).
 
 ## Quick start examples
 
-### Component default
+### Footer
 
-[Preview the footer component](http://govuk-frontend-review.herokuapp.com/components/footer/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/footer/preview)
 
 #### Markup
 
@@ -48,7 +48,7 @@ Find out when to use the Footer component in your service in the [GOV.UK Design
           <div class="govuk-footer__meta-item">
             <a
               class="govuk-footer__link govuk-footer__copyright-logo"
-              href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"
+              href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
             >© Crown copyright</a>
           </div>
         </div>
@@ -57,7 +57,7 @@ Find out when to use the Footer component in your service in the [GOV.UK Design
 
 #### Macro
 
-    {% from 'footer/macro.njk' import govukFooter %}
+    {% from "footer/macro.njk" import govukFooter %}
 
     {{ govukFooter({}) }}
 

data/node_modules/govuk-frontend/components/footer/template.njk

@@ -72,7 +72,7 @@
       <div class="govuk-footer__meta-item">
         <a
           class="govuk-footer__link govuk-footer__copyright-logo"
-          href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
         >© Crown copyright</a>
       </div>
     </div>

data/node_modules/govuk-frontend/components/header/README.md

@@ -6,13 +6,13 @@ The header component is used at the top of every GOV.UK page, to help users navi
 
 ## Guidance
 
-Find out when to use the Header component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/header).
+Find out when to use the header component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/header).
 
 ## Quick start examples
 
-### Component default
+### Header
 
-[Preview the header component](http://govuk-frontend-review.herokuapp.com/components/header/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/header/preview)
 
 #### Markup
 
@@ -45,21 +45,20 @@ Find out when to use the Header component in your service in the [GOV.UK Design
             </span>
 
           </a>
-        </div><div class="govuk-header__content">
-
         </div>
+
       </div>
     </header>
 
 #### Macro
 
-    {% from 'header/macro.njk' import govukHeader %}
+    {% from "header/macro.njk" import govukHeader %}
 
     {{ govukHeader({}) }}
 
-### Header--with-service-name
+### Header with service name
 
-[Preview the header--with-service-name example](http://govuk-frontend-review.herokuapp.com/components/header/with-service-name/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/header/with-service-name/preview)
 
 #### Markup
 
@@ -92,28 +91,31 @@ Find out when to use the Header component in your service in the [GOV.UK Design
             </span>
 
           </a>
-        </div><div class="govuk-header__content">
+        </div>
+
+        <div class="govuk-header__content">
 
         <a href="/components/header" class="govuk-header__link govuk-header__link--service-name">
           Service Name
         </a>
 
         </div>
+
       </div>
     </header>
 
 #### Macro
 
-    {% from 'header/macro.njk' import govukHeader %}
+    {% from "header/macro.njk" import govukHeader %}
 
     {{ govukHeader({
       "serviceName": "Service Name",
       "serviceUrl": "/components/header"
     }) }}
 
-### Header--with-navigation
+### Header with navigation
 
-[Preview the header--with-navigation example](http://govuk-frontend-review.herokuapp.com/components/header/with-navigation/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/header/with-navigation/preview)
 
 #### Markup
 
@@ -146,7 +148,9 @@ Find out when to use the Header component in your service in the [GOV.UK Design
             </span>
 
           </a>
-        </div><div class="govuk-header__content">
+        </div>
+
+        <div class="govuk-header__content">
 
         <button role="button" class="govuk-header__menu-button js-header-toggle" aria-controls="navigation" aria-label="Show or hide Top Level Navigation">Menu</button>
         <nav>
@@ -180,12 +184,13 @@ Find out when to use the Header component in your service in the [GOV.UK Design
         </nav>
 
         </div>
+
       </div>
     </header>
 
 #### Macro
 
-    {% from 'header/macro.njk' import govukHeader %}
+    {% from "header/macro.njk" import govukHeader %}
 
     {{ govukHeader({
       "navigation": [
@@ -209,9 +214,9 @@ Find out when to use the Header component in your service in the [GOV.UK Design
       ]
     }) }}
 
-### Header--with-service-name-and-navigation
+### Header with service name and navigation
 
-[Preview the header--with-service-name-and-navigation example](http://govuk-frontend-review.herokuapp.com/components/header/with-service-name-and-navigation/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/header/with-service-name-and-navigation/preview)
 
 #### Markup
 
@@ -244,7 +249,9 @@ Find out when to use the Header component in your service in the [GOV.UK Design
             </span>
 
           </a>
-        </div><div class="govuk-header__content">
+        </div>
+
+        <div class="govuk-header__content">
 
         <a href="/components/header" class="govuk-header__link govuk-header__link--service-name">
           Service Name
@@ -282,12 +289,13 @@ Find out when to use the Header component in your service in the [GOV.UK Design
         </nav>
 
         </div>
+
       </div>
     </header>
 
 #### Macro
 
-    {% from 'header/macro.njk' import govukHeader %}
+    {% from "header/macro.njk" import govukHeader %}
 
     {{ govukHeader({
       "serviceName": "Service Name",