govuk_publishing_components 11.0.0 → 11.1.0

data/node_modules/govuk-frontend/components/checkboxes/_checkboxes.scss

@@ -74,8 +74,7 @@
 
   .govuk-checkboxes__input + .govuk-checkboxes__label::before {
     content: "";
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
+    box-sizing: border-box;
     position: absolute;
     top: 0;
     left: 0;
@@ -119,8 +118,7 @@
     // https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
     outline: $govuk-focus-width solid transparent;
     outline-offset: $govuk-focus-width;
-    -webkit-box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
-            box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
+    box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
   }
 
   // Selected state

data/node_modules/govuk-frontend/components/checkboxes/macro-options.json

@@ -0,0 +1,129 @@
+[
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "Options for the fieldset component (e.g. legend).",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Options for the hint component (e.g. text).",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Options for the errorMessage component (e.g. text).",
+        "isComponent": true
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "String to prefix id for each checkbox item if no id is specified on each item. If not passed, fall back to using the name option instead."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name attribute for all checkbox items."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "Array of checkbox items objects.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within each checkbox item label. If `html` is provided, the `text` argument will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within each checkbox item label. If `html` is provided, the `text` argument will be ignored."
+            },
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Specific id attribute for the checkbox item. If omitted, then idPrefix option will be applied."
+            },
+            {
+                "name": "name",
+                "type": "string",
+                "required": true,
+                "description": "Specific name for the checkbox item. If omitted, then component global `name` string will be applied."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": true,
+                "description": "Value for the checkbox input."
+            },
+            {
+                "name": "label",
+                "type": "object",
+                "required": false,
+                "description": "Provide attributes and classes to each checkbox item label.",
+                "isComponent": true
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Provide hint to each checkbox item.",
+                "isComponent": true
+            },
+            {
+                "name": "checked",
+                "type": "boolean",
+                "required": false,
+                "description": "If true, checkbox will be checked."
+            },
+            {
+                "name": "conditional",
+                "type": "boolean",
+                "required": false,
+                "description": "If true, content provided will be revealed when the item is checked."
+            },
+            {
+                "name": "conditional.html",
+                "type": "string",
+                "required": false,
+                "description": "Provide content for the conditional reveal."
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "If true, checkbox will be disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the checkbox input tag."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the checkboxes container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the anchor tag."
+    }
+]

data/node_modules/govuk-frontend/components/date-input/README.md

@@ -70,7 +70,7 @@ Find out when to use the date input component in your service in the [GOV.UK Des
 
     {{ govukDateInput({
       "id": "dob",
-      "name": "dob",
+      "namePrefix": "dob",
       "fieldset": {
         "legend": {
           "text": "What is your date of birth?"
@@ -250,7 +250,7 @@ Find out when to use the date input component in your service in the [GOV.UK Des
 
     {{ govukDateInput({
       "id": "dob-day-error",
-      "name": "dob-day-error",
+      "namePrefix": "dob-day-error",
       "fieldset": {
         "legend": {
           "text": "What is your date of birth?"
@@ -342,7 +342,7 @@ Find out when to use the date input component in your service in the [GOV.UK Des
 
     {{ govukDateInput({
       "id": "dob-month-error",
-      "name": "dob-month-error",
+      "namePrefix": "dob-month-error",
       "fieldset": {
         "legend": {
           "text": "What is your date of birth?"
@@ -434,7 +434,7 @@ Find out when to use the date input component in your service in the [GOV.UK Des
 
     {{ govukDateInput({
       "id": "dob-year-error",
-      "name": "dob-year-error",
+      "namePrefix": "dob-year-error",
       "fieldset": {
         "legend": {
           "text": "What is your date of birth?"
@@ -522,7 +522,7 @@ Find out when to use the date input component in your service in the [GOV.UK Des
 
     {{ govukDateInput({
       "id": "dob",
-      "name": "dob",
+      "namePrefix": "dob",
       "fieldset": {
         "legend": {
           "text": "What is your date of birth?"
@@ -589,13 +589,13 @@ If you are using Nunjucks,then macros take the following arguments
 
 <tr class="govuk-table__row">
 
-<th class="govuk-table__header" scope="row">name</th>
+<th class="govuk-table__header" scope="row">namePrefix</th>
 
 <td class="govuk-table__cell ">string</td>
 
 <td class="govuk-table__cell ">No</td>
 
-<td class="govuk-table__cell ">Optional name. This is used to compose the name attribute for each item.</td>
+<td class="govuk-table__cell ">Optional prefix. This is used to prefix each `item.name` using `-`.</td>
 
 </tr>
 
@@ -649,6 +649,18 @@ If you are using Nunjucks,then macros take the following arguments
 
 <tr class="govuk-table__row">
 
+<th class="govuk-table__header" scope="row">items.{}.label</th>
+
+<td class="govuk-table__cell ">string</td>
+
+<td class="govuk-table__cell ">No</td>
+
+<td class="govuk-table__cell ">Optional item-specific label text. If provided, this will be used instead of the items.{}.name.</td>
+
+</tr>
+
+<tr class="govuk-table__row">
+
 <th class="govuk-table__header" scope="row">hint</th>
 
 <td class="govuk-table__cell ">object</td>

data/node_modules/govuk-frontend/components/date-input/macro-options.json

@@ -0,0 +1,85 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "This is used for the main component and to compose id attribute for each item."
+    },
+    {
+        "name": "namePrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix each `item.name` using `-`."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "An array of input objects with name, value and classes.",
+        "params": [
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Item-specific id. If provided, it will be used instead of the generated id."
+            },
+            {
+                "name": "name",
+                "type": "string",
+                "required": true,
+                "description": "Item-specific name attribute."
+            },
+            {
+                "name": "label",
+                "type": "string",
+                "required": true,
+                "description": "Item-specific label text. If provided, this will be used instead of `name` for item label text."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": false,
+                "description": "If provided, it will be used as the initial value of the input."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to date input item."
+            }
+        ]
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Options for the hint component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Options for the error message.",
+        "isComponent": true
+    },
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "Options for the fieldset component (e.g. legend).",
+        "isComponent": true
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the date-input container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the date-input container."
+    }
+]

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

@@ -53,26 +53,6 @@
     {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}
     {%- if params.id %} id="{{ params.id }}"{% endif %}>
     {% for item in dateInputItems %}
-
-    {# Maintain backwards compatibility by automatically adding input width
-    classes based on the input name:
-
-    - If there is a width class set on this item, do nothing.
-    - Otherwise, if the input's name is 'year', add a 4 char width class
-    - Otherwise, if the input's name is 'month' or 'day', add a 2 char width class
-    - Otherwise, do nothing.
-
-    @todo Remove this behaviour in the next breaking release:
-    https://github.com/alphagov/govuk-frontend/issues/905 #}
-    {% set inputWidthClass = '' %}
-    {% if not item.classes or not 'govuk-input--width-' in item.classes %}
-      {% if item.name == 'year' %}
-        {% set inputWidthClass = 'govuk-input--width-4 ' %}
-      {% elseif item.name == 'month' or item.name == 'day' %}
-        {% set inputWidthClass = 'govuk-input--width-2 ' %}
-      {% endif %}
-    {% endif %}
-
     <div class="govuk-date-input__item">
       {{ govukInput({
         label: {
@@ -80,8 +60,8 @@
           classes: "govuk-date-input__label"
         },
         id: item.id if item.id else (params.id + "-" + item.name),
-        classes: "govuk-date-input__input " + inputWidthClass + (item.classes if item.classes),
-        name: (params.name + "-" + item.name) if params.name else item.name,
+        classes: "govuk-date-input__input " + (item.classes if item.classes),
+        name: (params.namePrefix + "-" + item.name) if params.namePrefix else item.name,
         value: item.value,
         type: "number",
         attributes: {

data/node_modules/govuk-frontend/components/details/_details.scss

@@ -42,6 +42,9 @@
     // -1px offset fixes gap between background and outline in Firefox
     outline: ($govuk-focus-width + 1px) solid $govuk-focus-colour;
     outline-offset: -1px;
+    // When focussed, the text colour needs to be darker to ensure that colour
+    // contrast is still acceptable
+    color: $govuk-focus-text-colour;
     background: $govuk-focus-colour;
   }
 

data/node_modules/govuk-frontend/components/details/macro-options.json

@@ -0,0 +1,50 @@
+[
+    {
+        "name": "summaryText",
+        "type": "string",
+        "required": true,
+        "description": "If `summmaryHtml` is set, this is not required. Text to use within the summary element (the visible part of the details element). If `summaryHtml` is provided, the `summaryText` argument will be ignored."
+    },
+    {
+        "name": "summaryHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `summmaryText` is set, this is not required. HTML to use within the summary element (the visible part of the details element). If `summaryHtml` is provided, the `summaryText` argument will be ignored."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the disclosed part of the details element. If `html` is provided, the `text` argument will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the disclosed part of the details element. If `html` is provided, the `text` argument will be ignored."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "Id to add to the details element."
+    },
+    {
+        "name": "open",
+        "type": "boolean",
+        "required": false,
+        "description": "If true, details element will be expanded."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the `<details>` element."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the `<details>` element."
+    }
+]

data/node_modules/govuk-frontend/components/error-message/macro-options.json

@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the error message. If `html` is provided, the `text` argument will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the error message. If `html` is provided, the `text` argument will be ignored."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "Id attribute to add to the error message span tag."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the error message span tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the error message span tag"
+    }
+]

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

@@ -168,6 +168,18 @@ If you are using Nunjucks,then macros take the following arguments
 
 <tr class="govuk-table__row">
 
+<th class="govuk-table__header" scope="row">errorList.{}.attributes</th>
+
+<td class="govuk-table__cell ">object</td>
+
+<td class="govuk-table__cell ">No</td>
+
+<td class="govuk-table__cell ">Any extra HTML attributes (for example data attributes) to add to the error link anchor.</td>
+
+</tr>
+
+<tr class="govuk-table__row">
+
 <th class="govuk-table__header" scope="row">classes</th>
 
 <td class="govuk-table__cell ">string</td>