defra_ruby_template 5.11.0 → 6.4.0

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

@@ -8,148 +8,133 @@
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
-            "screenshot": false,
+            "pageTemplateOptions": {},
+            "screenshot": true,
             "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Save and continue\n</button>"
         },
         {
-            "name": "disabled",
+            "name": "default hover state",
             "options": {
-                "text": "Disabled button",
-                "disabled": true
+                "text": "Save and continue",
+                "classes": ":hover"
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<button type=\"submit\" disabled aria-disabled=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Disabled button\n</button>"
+            "html": "<button type=\"submit\" class=\"govuk-button :hover\" data-module=\"govuk-button\">\n  Save and continue\n</button>"
         },
         {
-            "name": "link",
+            "name": "default active state",
             "options": {
-                "text": "Link button",
-                "href": "/"
+                "text": "Save and continue",
+                "classes": ":active"
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Link button\n</a>"
-        },
-        {
-            "name": "start",
-            "options": {
-                "text": "Start now button",
-                "isStartButton": true
-            },
-            "hidden": false,
-            "description": "",
-            "previewLayoutModifiers": [],
-            "screenshot": true,
-            "html": "<button type=\"submit\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</button>"
+            "html": "<button type=\"submit\" class=\"govuk-button :active\" data-module=\"govuk-button\">\n  Save and continue\n</button>"
         },
         {
-            "name": "start link",
+            "name": "default focus state",
             "options": {
-                "text": "Start now link button",
-                "href": "/",
-                "isStartButton": true
+                "text": "Save and continue",
+                "classes": ":focus"
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now link button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</a>"
+            "html": "<button type=\"submit\" class=\"govuk-button :focus\" data-module=\"govuk-button\">\n  Save and continue\n</button>"
         },
         {
-            "name": "input",
+            "name": "disabled",
             "options": {
-                "element": "input",
-                "name": "start-now",
-                "text": "Start now"
+                "text": "Disabled button",
+                "disabled": true
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<input value=\"Start now\" type=\"submit\" name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">"
+            "html": "<button type=\"submit\" disabled aria-disabled=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Disabled button\n</button>"
         },
         {
-            "name": "input disabled",
+            "name": "link",
             "options": {
-                "element": "input",
-                "text": "Explicit input button disabled",
-                "disabled": true
+                "text": "Link button",
+                "href": "/"
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<input value=\"Explicit input button disabled\" type=\"submit\" disabled aria-disabled=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">"
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Link button\n</a>"
         },
         {
-            "name": "prevent double click",
+            "name": "start",
             "options": {
-                "text": "Submit",
-                "preventDoubleClick": true
+                "text": "Start now button",
+                "isStartButton": true
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
-            "screenshot": false,
-            "html": "<button type=\"submit\" data-prevent-double-click=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<button type=\"submit\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</button>"
         },
         {
-            "name": "with active state",
+            "name": "secondary",
             "options": {
-                "name": "active",
-                "text": "Active",
-                "classes": ":active"
+                "name": "secondary",
+                "text": "Secondary button",
+                "classes": "govuk-button--secondary"
             },
             "hidden": false,
-            "description": "Simulate triggering the :active CSS pseudo-class, not available in the production build.",
-            "previewLayoutModifiers": [],
+            "description": "A button for secondary actions",
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<button type=\"submit\" name=\"active\" class=\"govuk-button :active\" data-module=\"govuk-button\">\n  Active\n</button>"
+            "html": "<button type=\"submit\" name=\"secondary\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">\n  Secondary button\n</button>"
         },
         {
-            "name": "with hover state",
+            "name": "secondary hover state",
             "options": {
-                "name": "hover",
-                "text": "Hovered",
-                "classes": ":hover"
+                "name": "secondary",
+                "text": "Secondary button",
+                "classes": "govuk-button--secondary :hover"
             },
             "hidden": false,
-            "description": "Simulate triggering the :hover CSS pseudo-class, not available in the production build.",
-            "previewLayoutModifiers": [],
+            "description": "",
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<button type=\"submit\" name=\"hover\" class=\"govuk-button :hover\" data-module=\"govuk-button\">\n  Hovered\n</button>"
+            "html": "<button type=\"submit\" name=\"secondary\" class=\"govuk-button govuk-button--secondary :hover\" data-module=\"govuk-button\">\n  Secondary button\n</button>"
         },
         {
-            "name": "with focus state",
+            "name": "secondary active state",
             "options": {
-                "name": "focus",
-                "text": "Focussed",
-                "classes": ":focus"
+                "name": "secondary",
+                "text": "Secondary button",
+                "classes": "govuk-button--secondary :active"
             },
             "hidden": false,
-            "description": "Simulate triggering the :focus CSS pseudo-class, not available in the production build.",
-            "previewLayoutModifiers": [],
+            "description": "",
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<button type=\"submit\" name=\"focus\" class=\"govuk-button :focus\" data-module=\"govuk-button\">\n  Focussed\n</button>"
+            "html": "<button type=\"submit\" name=\"secondary\" class=\"govuk-button govuk-button--secondary :active\" data-module=\"govuk-button\">\n  Secondary button\n</button>"
         },
         {
-            "name": "secondary",
+            "name": "secondary focus state",
             "options": {
                 "name": "secondary",
                 "text": "Secondary button",
-                "classes": "govuk-button--secondary"
+                "classes": "govuk-button--secondary :focus"
             },
             "hidden": false,
-            "description": "A button for secondary actions",
-            "previewLayoutModifiers": [],
+            "description": "",
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<button type=\"submit\" name=\"secondary\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">\n  Secondary button\n</button>"
+            "html": "<button type=\"submit\" name=\"secondary\" class=\"govuk-button govuk-button--secondary :focus\" data-module=\"govuk-button\">\n  Secondary button\n</button>"
         },
         {
             "name": "secondary disabled",
@@ -161,64 +146,75 @@
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<button type=\"submit\" name=\"secondary\" disabled aria-disabled=\"true\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">\n  Secondary button disabled\n</button>"
         },
         {
-            "name": "secondary link",
+            "name": "warning",
             "options": {
-                "name": "secondary",
-                "text": "Secondary button",
-                "href": "/",
-                "classes": "govuk-button--secondary"
+                "name": "Warning",
+                "text": "Warning button",
+                "classes": "govuk-button--warning"
             },
             "hidden": false,
-            "description": "A link button for secondary actions",
-            "previewLayoutModifiers": [],
+            "description": "A button for actions that need a warning",
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">\n  Secondary button\n</a>"
+            "html": "<button type=\"submit\" name=\"Warning\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button\n</button>"
         },
         {
-            "name": "warning",
+            "name": "warning hover state",
             "options": {
                 "name": "Warning",
                 "text": "Warning button",
-                "classes": "govuk-button--warning"
+                "classes": "govuk-button--warning :hover"
             },
             "hidden": false,
-            "description": "A button for actions that need a warning",
-            "previewLayoutModifiers": [],
+            "description": "",
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<button type=\"submit\" name=\"Warning\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button\n</button>"
+            "html": "<button type=\"submit\" name=\"Warning\" class=\"govuk-button govuk-button--warning :hover\" data-module=\"govuk-button\">\n  Warning button\n</button>"
         },
         {
-            "name": "warning disabled",
+            "name": "warning active state",
             "options": {
-                "name": "warning",
-                "text": "Warning button disabled",
-                "classes": "govuk-button--warning",
-                "disabled": true
+                "name": "Warning",
+                "text": "Warning button",
+                "classes": "govuk-button--warning :active"
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<button type=\"submit\" name=\"warning\" disabled aria-disabled=\"true\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button disabled\n</button>"
+            "html": "<button type=\"submit\" name=\"Warning\" class=\"govuk-button govuk-button--warning :active\" data-module=\"govuk-button\">\n  Warning button\n</button>"
         },
         {
-            "name": "warning link",
+            "name": "warning focus state",
             "options": {
                 "name": "Warning",
                 "text": "Warning button",
-                "href": "/",
-                "classes": "govuk-button--warning"
+                "classes": "govuk-button--warning :focus"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"Warning\" class=\"govuk-button govuk-button--warning :focus\" data-module=\"govuk-button\">\n  Warning button\n</button>"
+        },
+        {
+            "name": "warning disabled",
+            "options": {
+                "name": "warning",
+                "text": "Warning button disabled",
+                "classes": "govuk-button--warning",
+                "disabled": true
             },
             "hidden": false,
-            "description": "A link button for actions that need a warning",
-            "previewLayoutModifiers": [],
+            "description": "",
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button\n</a>"
+            "html": "<button type=\"submit\" name=\"warning\" disabled aria-disabled=\"true\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button disabled\n</button>"
         },
         {
             "name": "inverse",
@@ -229,81 +225,76 @@
             },
             "hidden": false,
             "description": "A button that appears on dark backgrounds",
-            "previewLayoutModifiers": [
-                "inverse"
-            ],
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
             "screenshot": true,
             "html": "<button type=\"submit\" name=\"Inverse\" class=\"govuk-button govuk-button--inverse\" data-module=\"govuk-button\">\n  Inverse button\n</button>"
         },
         {
-            "name": "inverse disabled",
+            "name": "inverse hover state",
             "options": {
                 "name": "Inverse",
-                "text": "Inverse button disabled",
-                "classes": "govuk-button--inverse",
-                "disabled": true
+                "text": "Inverse button",
+                "classes": "govuk-button--inverse :hover"
             },
             "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [
-                "inverse"
-            ],
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
             "screenshot": false,
-            "html": "<button type=\"submit\" name=\"Inverse\" disabled aria-disabled=\"true\" class=\"govuk-button govuk-button--inverse\" data-module=\"govuk-button\">\n  Inverse button disabled\n</button>"
+            "html": "<button type=\"submit\" name=\"Inverse\" class=\"govuk-button govuk-button--inverse :hover\" data-module=\"govuk-button\">\n  Inverse button\n</button>"
         },
         {
-            "name": "inverse link",
+            "name": "inverse active state",
             "options": {
                 "name": "Inverse",
                 "text": "Inverse button",
-                "href": "/",
-                "classes": "govuk-button--inverse"
+                "classes": "govuk-button--inverse :active"
             },
             "hidden": false,
-            "description": "A link button for actions that appear on dark backgrounds",
-            "previewLayoutModifiers": [
-                "inverse"
-            ],
+            "description": "",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
             "screenshot": false,
-            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--inverse\" data-module=\"govuk-button\">\n  Inverse button\n</a>"
+            "html": "<button type=\"submit\" name=\"Inverse\" class=\"govuk-button govuk-button--inverse :active\" data-module=\"govuk-button\">\n  Inverse button\n</button>"
         },
         {
-            "name": "inverse start",
+            "name": "inverse focus state",
             "options": {
                 "name": "Inverse",
-                "text": "Inverse start button",
-                "href": "/",
-                "classes": "govuk-button--inverse",
-                "isStartButton": true
+                "text": "Inverse button",
+                "classes": "govuk-button--inverse :focus"
             },
             "hidden": false,
-            "description": "A start button that appears on dark backgrounds",
-            "previewLayoutModifiers": [
-                "inverse"
-            ],
-            "screenshot": true,
-            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--inverse govuk-button--start\" data-module=\"govuk-button\">\n  Inverse start button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</a>"
+            "description": "",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"Inverse\" class=\"govuk-button govuk-button--inverse :focus\" data-module=\"govuk-button\">\n  Inverse button\n</button>"
         },
         {
-            "name": "attributes",
+            "name": "inverse disabled",
             "options": {
-                "element": "button",
-                "text": "Submit",
-                "attributes": {
-                    "aria-controls": "test-target-element",
-                    "data-tracking-dimension": 123
-                }
+                "name": "Inverse",
+                "text": "Inverse button",
+                "classes": "govuk-button--inverse",
+                "disabled": true
             },
-            "hidden": true,
+            "hidden": false,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
             "screenshot": false,
-            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</button>"
+            "html": "<button type=\"submit\" name=\"Inverse\" disabled aria-disabled=\"true\" class=\"govuk-button govuk-button--inverse\" data-module=\"govuk-button\">\n  Inverse button\n</button>"
         },
         {
-            "name": "link attributes",
+            "name": "attributes",
             "options": {
-                "element": "a",
                 "text": "Submit",
                 "attributes": {
                     "aria-controls": "test-target-element",
@@ -312,14 +303,14 @@
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</a>"
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</button>"
         },
         {
-            "name": "input attributes",
+            "name": "link attributes",
             "options": {
-                "element": "input",
+                "href": "/",
                 "text": "Submit",
                 "attributes": {
                     "aria-controls": "test-target-element",
@@ -328,59 +319,44 @@
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">"
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</a>"
         },
         {
             "name": "classes",
             "options": {
                 "text": "Submit",
-                "element": "button",
                 "classes": "app-button--custom-modifier"
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<button type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</button>"
         },
         {
             "name": "link classes",
             "options": {
+                "href": "/",
                 "text": "Submit",
-                "element": "a",
-                "classes": "app-button--custom-modifier"
-            },
-            "hidden": true,
-            "description": "",
-            "previewLayoutModifiers": [],
-            "screenshot": false,
-            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</a>"
-        },
-        {
-            "name": "input classes",
-            "options": {
-                "text": "Submit",
-                "element": "input",
                 "classes": "app-button--custom-modifier"
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">"
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</a>"
         },
         {
             "name": "name",
             "options": {
                 "text": "Submit",
-                "element": "button",
                 "name": "start-now"
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<button type=\"submit\" name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
         },
@@ -388,76 +364,47 @@
             "name": "type",
             "options": {
                 "text": "Submit",
-                "element": "button",
                 "type": "button"
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
         },
-        {
-            "name": "input type",
-            "options": {
-                "text": "Submit",
-                "element": "input",
-                "type": "button"
-            },
-            "hidden": true,
-            "description": "",
-            "previewLayoutModifiers": [],
-            "screenshot": false,
-            "html": "<input value=\"Submit\" type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">"
-        },
         {
             "name": "explicit link",
             "options": {
-                "element": "a",
                 "href": "/",
                 "text": "Continue"
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Continue\n</a>"
         },
-        {
-            "name": "no href",
-            "options": {
-                "text": "Submit",
-                "element": "a"
-            },
-            "hidden": true,
-            "description": "",
-            "previewLayoutModifiers": [],
-            "screenshot": false,
-            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</a>"
-        },
         {
             "name": "value",
             "options": {
                 "text": "Submit",
-                "element": "button",
                 "value": "start"
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<button value=\"start\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+            "html": "<button type=\"submit\" value=\"start\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
         },
         {
             "name": "html",
             "options": {
                 "text": "Submit",
-                "element": "button",
                 "html": "Start <em>now</em>"
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Start <em>now</em>\n</button>"
         },
@@ -468,7 +415,7 @@
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Button!\n</button>"
         },
@@ -479,7 +426,7 @@
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
         },
@@ -491,7 +438,7 @@
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<button type=\"submit\" data-prevent-double-click=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
         },
@@ -499,14 +446,51 @@
             "name": "id",
             "options": {
                 "text": "Submit",
-                "element": "input",
                 "id": "submit"
             },
             "hidden": true,
             "description": "",
-            "previewLayoutModifiers": [],
+            "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" id=\"submit\">"
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" id=\"submit\">\n  Submit\n</button>"
+        },
+        {
+            "name": "start link",
+            "options": {
+                "href": "/",
+                "text": "Start now link button",
+                "isStartButton": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now link button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</a>"
+        },
+        {
+            "name": "start link with html",
+            "options": {
+                "href": "/",
+                "html": "Start <em>now</em>",
+                "isStartButton": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  <span>Start <em>now</em></span>\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</a>"
+        },
+        {
+            "name": "prevent double click",
+            "options": {
+                "text": "Submit",
+                "preventDoubleClick": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" data-prevent-double-click=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
         }
     ]
 }