govuk_publishing_components 42.0.0 → 43.0.0

data/node_modules/govuk-frontend/dist/govuk/components/select/fixtures.json

@@ -29,7 +29,8 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      \n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
         },
         {
             "name": "with no items",
@@ -44,6 +45,7 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Horse with no name\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n  </select>\n</div>"
         },
         {
@@ -74,7 +76,8 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      \n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
         },
         {
             "name": "with hint text and error message",
@@ -108,7 +111,8 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-2\">\n    Label text goes here\n  </label>\n  <div id=\"select-2-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <p id=\"select-2-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-2\" name=\"select-2\" aria-describedby=\"select-2-hint select-2-error\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\">GOV.UK frontend option 2</option>\n      \n      <option value=\"3\">GOV.UK frontend option 3</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-2\">\n    Label text goes here\n  </label>\n  <div id=\"select-2-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <p id=\"select-2-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-2\" name=\"select-2\" aria-describedby=\"select-2-hint select-2-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n    <option value=\"3\">GOV.UK frontend option 3</option>\n  </select>\n</div>"
         },
         {
             "name": "with label as page heading",
@@ -140,7 +144,8 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"select-3\">\n      Label text goes here\n    </label>\n  </h1>\n  <select class=\"govuk-select\" id=\"select-3\" name=\"select-3\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      \n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"select-3\">\n      Label text goes here\n    </label>\n  </h1>\n  <select class=\"govuk-select\" id=\"select-3\" name=\"select-3\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
         },
         {
             "name": "with full width override",
@@ -171,7 +176,8 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      \n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
         },
         {
             "name": "with optional form-group classes",
@@ -205,7 +211,8 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      \n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
         },
         {
             "name": "with describedBy",
@@ -230,7 +237,8 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"test-target-element\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"test-target-element\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
         },
         {
             "name": "attributes",
@@ -257,7 +265,8 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
         },
         {
             "name": "attributes on items",
@@ -290,13 +299,14 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-item-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n      \n      <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n      \n      <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-item-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n    <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n    <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n  </select>\n</div>"
         },
         {
-            "name": "with falsey items",
+            "name": "with falsy items",
             "options": {
-                "id": "with-falsey-items",
-                "name": "with-falsey-items",
+                "id": "with-falsy-items",
+                "name": "with-falsy-items",
                 "label": {
                     "text": "Label text goes here"
                 },
@@ -317,7 +327,8 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-falsey-items\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-falsey-items\" name=\"with-falsey-items\">\n      \n      <option value=\"1\">Option 1</option>\n      \n      <option value=\"2\">Options 2</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-falsy-items\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-falsy-items\" name=\"with-falsy-items\">\n    <option value=\"1\">Option 1</option>\n    <option value=\"2\">Options 2</option>\n  </select>\n</div>"
         },
         {
             "name": "hint",
@@ -334,6 +345,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"select-with-hint-hint\">\n  </select>\n</div>"
         },
         {
@@ -362,7 +374,8 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"test-target-element select-with-hint-hint\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"test-target-element select-with-hint-hint\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
         },
         {
             "name": "error",
@@ -389,7 +402,8 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
         },
         {
             "name": "error and describedBy",
@@ -417,7 +431,8 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"test-target-element select-with-error-error\">\n      \n      <option value=\"1\">GOV.UK frontend option 1</option>\n      \n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"test-target-element select-with-error-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
         },
         {
             "name": "without values",
@@ -442,7 +457,8 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n      \n      <option>Red</option>\n      \n      <option>Green</option>\n      \n      <option>Blue</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option>Red</option>\n    <option>Green</option>\n    <option>Blue</option>\n  </select>\n</div>"
         },
         {
             "name": "without values with selected value",
@@ -468,13 +484,14 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n      \n      <option>Red</option>\n      \n      <option selected>Green</option>\n      \n      <option>Blue</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option>Red</option>\n    <option selected>Green</option>\n    <option>Blue</option>\n  </select>\n</div>"
         },
         {
-            "name": "with falsey values",
+            "name": "with falsy values",
             "options": {
-                "name": "falsey-values",
-                "id": "falsey-values",
+                "name": "falsy-values",
+                "id": "falsy-values",
                 "label": {
                     "text": "Label text goes here"
                 },
@@ -496,7 +513,8 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"falsey-values\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"falsey-values\" name=\"falsey-values\">\n      \n      <option value=\"\">Empty string</option>\n      \n      <option value=\"false\">Boolean false</option>\n      \n      <option value=\"0\">Number zero</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"falsy-values\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"falsy-values\" name=\"falsy-values\">\n    <option value=\"\">Empty string</option>\n    <option value=\"false\">Boolean false</option>\n    <option value=\"0\">Number zero</option>\n  </select>\n</div>"
         },
         {
             "name": "item selected overrides value",
@@ -526,7 +544,8 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n      \n      <option value=\"red\">Red</option>\n      \n      <option value=\"green\">Green</option>\n      \n      <option value=\"blue\">Blue</option>\n  </select>\n</div>"
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option value=\"red\">Red</option>\n    <option value=\"green\">Green</option>\n    <option value=\"blue\">Blue</option>\n  </select>\n</div>"
         }
     ]
 }

data/node_modules/govuk-frontend/dist/govuk/components/select/macro-options.json

@@ -105,6 +105,46 @@
                 "type": "object",
                 "required": false,
                 "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the select used by the select component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the select. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the select. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the select used by the select component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the select. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the select. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
             }
         ]
     },

data/node_modules/govuk-frontend/dist/govuk/components/select/template-default.html

@@ -3,11 +3,8 @@
     Label text goes here
   </label>
   <select class="govuk-select" id="select-1" name="select-1">
-      
-      <option value="1">GOV.UK frontend option 1</option>
-      
-      <option value="2" selected>GOV.UK frontend option 2</option>
-      
-      <option value="3" disabled>GOV.UK frontend option 3</option>
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
   </select>
 </div>

data/node_modules/govuk-frontend/dist/govuk/components/select/template-with-full-width-override.html

@@ -3,11 +3,8 @@
     Label text goes here
   </label>
   <select class="govuk-select govuk-!-width-full" id="select-1" name="select-1">
-      
-      <option value="1">GOV.UK frontend option 1</option>
-      
-      <option value="2" selected>GOV.UK frontend option 2</option>
-      
-      <option value="3" disabled>GOV.UK frontend option 3</option>
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
   </select>
 </div>

data/node_modules/govuk-frontend/dist/govuk/components/select/template-with-hint-text-and-error-message.html

@@ -9,11 +9,8 @@
     <span class="govuk-visually-hidden">Error:</span> Error message goes here
   </p>
   <select class="govuk-select govuk-select--error" id="select-2" name="select-2" aria-describedby="select-2-hint select-2-error">
-      
-      <option value="1">GOV.UK frontend option 1</option>
-      
-      <option value="2">GOV.UK frontend option 2</option>
-      
-      <option value="3">GOV.UK frontend option 3</option>
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2">GOV.UK frontend option 2</option>
+    <option value="3">GOV.UK frontend option 3</option>
   </select>
 </div>

data/node_modules/govuk-frontend/dist/govuk/components/select/template-with-label-as-page-heading.html

@@ -5,11 +5,8 @@
     </label>
   </h1>
   <select class="govuk-select" id="select-3" name="select-3">
-      
-      <option value="1">GOV.UK frontend option 1</option>
-      
-      <option value="2" selected>GOV.UK frontend option 2</option>
-      
-      <option value="3" disabled>GOV.UK frontend option 3</option>
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
   </select>
 </div>

data/node_modules/govuk-frontend/dist/govuk/components/select/template-with-optional-form-group-classes.html

@@ -3,11 +3,8 @@
     Label text goes here
   </label>
   <select class="govuk-select govuk-!-width-full" id="select-1" name="select-1">
-      
-      <option value="1">GOV.UK frontend option 1</option>
-      
-      <option value="2" selected>GOV.UK frontend option 2</option>
-      
-      <option value="3" disabled>GOV.UK frontend option 3</option>
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
   </select>
 </div>

data/node_modules/govuk-frontend/dist/govuk/components/select/template-with-selected-value.html

@@ -3,11 +3,8 @@
     Label text goes here
   </label>
   <select class="govuk-select" id="select-1" name="select-1">
-      
-      <option value="1">GOV.UK frontend option 1</option>
-      
-      <option value="2" selected>GOV.UK frontend option 2</option>
-      
-      <option value="3" disabled>GOV.UK frontend option 3</option>
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
   </select>
 </div>

data/node_modules/govuk-frontend/dist/govuk/components/select/template.njk

@@ -1,3 +1,4 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
 {% from "../error-message/macro.njk" import govukErrorMessage %}
 {% from "../hint/macro.njk" import govukHint %}
 {% from "../label/macro.njk" import govukLabel %}
@@ -5,7 +6,8 @@
 {#- a record of other elements that we need to associate with the input using
   aria-describedby – for example hints or error messages -#}
 {% set describedBy = params.describedBy if params.describedBy else "" %}
-<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}" {%- for attribute, value in params.formGroup.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
   {{ govukLabel({
     html: params.label.html,
     text: params.label.text,
@@ -36,21 +38,29 @@
     text: params.errorMessage.text,
     visuallyHiddenText: params.errorMessage.visuallyHiddenText
   }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
 {% endif %}
   <select class="govuk-select
     {%- if params.classes %} {{ params.classes }}{% endif %}{%- if params.errorMessage %} govuk-select--error{% endif %}" id="{{ params.id }}" name="{{ params.name }}"
     {%- if params.disabled %} disabled{% endif %}
     {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
-    {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+    {{- govukAttributes(params.attributes) }}>
   {% for item in params.items %}
     {% if item %}
-      {# Allow selecting by text content (the value for an option when no value attribute is specified) #}
-      {% set effectiveValue = item.value | default(item.text) %}
-      <option {%- if item.value !== undefined %} value="{{ item.value }}"{% endif %}
-        {{-" selected" if item.selected | default((effectiveValue == params.value and item.selected != false) if params.value else false, true) }}
-        {{-" disabled" if item.disabled }}
-        {%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>{{ item.text }}</option>
+    {#- Allow selecting by text content (the value for an option when no value attribute is specified) #}
+    {%- set effectiveValue = item.value | default(item.text) %}
+    <option {%- if item.value !== undefined %} value="{{ item.value }}"{% endif %}
+      {{-" selected" if item.selected | default((effectiveValue == params.value and item.selected != false) if params.value else false, true) }}
+      {{-" disabled" if item.disabled }}
+      {{- govukAttributes(item.attributes) }}>
+      {{- item.text -}}
+    </option>
     {% endif %}
   {% endfor %}
   </select>
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
 </div>

data/node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss

@@ -27,6 +27,7 @@
 
       // Undo unwanted changes when global styles are enabled
       @if $govuk-global-styles {
+        @include govuk-link-decoration;
         box-shadow: none;
       }
     }
@@ -34,11 +35,13 @@
 
   .govuk-skip-link-focused-element {
     &:focus {
-      // Remove the native visible focus indicator when the element is programmatically focused.
+      // Remove the native visible focus indicator when the element is
+      // programmatically focused.
       //
-      // We set the focus on the linked element (this is usually the <main> element) when the skip
-      // link is activated to improve screen reader announcements. However, we remove the visible
-      // focus indicator from the linked element because the user cannot interact with it.
+      // We set the focus on the linked element (this is usually the <main>
+      // element) when the skip link is activated to improve screen reader
+      // announcements. However, we remove the visible focus indicator from the
+      // linked element because the user cannot interact with it.
       //
       // A related discussion: https://github.com/w3c/wcag/issues/1001
       outline: none;

data/node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wCAAwC;IACxC,gCAAgC;IAChC,8BAA8B;IAC9B,8BAA8B;IAC9B,mCAAmC;;IAEnC,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD,+EAA+E;MAC/E,6EAA6E;IAC/E;;IAEA;MACE,qDAAqD;MACrD,iBAAiB;MACjB,qCAAqC;;MAErC,sDAAsD;MACtD;QACE,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,yFAAyF;MACzF,CAAC;MACD,2FAA2F;MAC3F,0FAA0F;MAC1F,mFAAmF;MACnF,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/skip-link\") {\n  .govuk-skip-link {\n    @include govuk-visually-hidden-focusable;\n    @include govuk-typography-common;\n    @include govuk-link-decoration;\n    @include govuk-link-style-text;\n    @include govuk-font-size($size: 16);\n\n    display: block;\n    padding: govuk-spacing(2) govuk-spacing(3);\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (padding: unquote(\"max(calc(0px))\")) {\n      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest padding, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n      padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      outline-offset: 0;\n      background-color: $govuk-focus-colour;\n\n      // Undo unwanted changes when global styles are enabled\n      @if $govuk-global-styles {\n        box-shadow: none;\n      }\n    }\n  }\n\n  .govuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main> element) when the skip\n      // link is activated to improve screen reader announcements. However, we remove the visible\n      // focus indicator from the linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wCAAwC;IACxC,gCAAgC;IAChC,8BAA8B;IAC9B,8BAA8B;IAC9B,mCAAmC;;IAEnC,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD,+EAA+E;MAC/E,6EAA6E;IAC/E;;IAEA;MACE,qDAAqD;MACrD,iBAAiB;MACjB,qCAAqC;;MAErC,sDAAsD;MACtD;QACE,8BAA8B;QAC9B,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,oEAAoE;MACpE,mEAAmE;MACnE,wEAAwE;MACxE,0DAA0D;MAC1D,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/skip-link\") {\n  .govuk-skip-link {\n    @include govuk-visually-hidden-focusable;\n    @include govuk-typography-common;\n    @include govuk-link-decoration;\n    @include govuk-link-style-text;\n    @include govuk-font-size($size: 16);\n\n    display: block;\n    padding: govuk-spacing(2) govuk-spacing(3);\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (padding: unquote(\"max(calc(0px))\")) {\n      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest padding, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n      padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      outline-offset: 0;\n      background-color: $govuk-focus-colour;\n\n      // Undo unwanted changes when global styles are enabled\n      @if $govuk-global-styles {\n        @include govuk-link-decoration;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .govuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main>\n      // element) when the skip link is activated to improve screen reader\n      // announcements. However, we remove the visible focus indicator from the\n      // linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/skip-link/fixtures.json

@@ -10,6 +10,7 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
         },
         {
@@ -22,6 +23,7 @@
             "hidden": false,
             "description": "Simulate triggering the :focus CSS pseudo-class, not available in the production build.",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link :focus\" data-module=\"govuk-skip-link\">Skip to main content</a>"
         },
         {
@@ -32,6 +34,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
         },
         {
@@ -43,6 +46,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<a href=\"#custom\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to custom content</a>"
         },
         {
@@ -53,6 +57,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">skip</a>"
         },
         {
@@ -63,6 +68,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">&lt;p&gt;skip&lt;/p&gt;</a>"
         },
         {
@@ -73,6 +79,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\"><p>skip</p></a>"
         },
         {
@@ -84,6 +91,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<a href=\"#content\" class=\"govuk-skip-link app-skip-link--custom-class\" data-module=\"govuk-skip-link\">Skip link</a>"
         },
         {
@@ -98,6 +106,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
+            "screenshot": false,
             "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-test=\"attribute\" aria-label=\"Skip to content\" data-module=\"govuk-skip-link\">Skip link</a>"
         }
     ]

data/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.js

@@ -45,9 +45,17 @@
    * Schema for component config
    *
    * @typedef {object} Schema
+   * @property {{ [field: string]: SchemaProperty | undefined }} properties - Schema properties
    * @property {SchemaCondition[]} [anyOf] - List of schema conditions
    */
 
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+
   /**
    * Schema condition for component config
    *