Fix Nunjucks HTML indentation: Cookie banner

[colinrotherham]

Cookie banner changes, split out from #4448 to partially resolve #3211

[github-actions]

📋 Stats

File sizes

File	Size
dist/govuk-frontend-development.min.css	112.45 KiB
dist/govuk-frontend-development.min.js	38.58 KiB
packages/govuk-frontend/dist/govuk/all.bundle.js	78.74 KiB
packages/govuk-frontend/dist/govuk/all.bundle.mjs	73.99 KiB
packages/govuk-frontend/dist/govuk/all.mjs	3.86 KiB
packages/govuk-frontend/dist/govuk/govuk-frontend-component.mjs	359 B
packages/govuk-frontend/dist/govuk/govuk-frontend.min.css	112.44 KiB
packages/govuk-frontend/dist/govuk/govuk-frontend.min.js	38.57 KiB
packages/govuk-frontend/dist/govuk/i18n.mjs	5.38 KiB

Modules

File	Size
all.mjs	70.32 KiB
components/accordion/accordion.mjs	21.67 KiB
components/button/button.mjs	4.7 KiB
components/character-count/character-count.mjs	21.24 KiB
components/checkboxes/checkboxes.mjs	5.83 KiB
components/error-summary/error-summary.mjs	6.57 KiB
components/exit-this-page/exit-this-page.mjs	16.08 KiB
components/header/header.mjs	4.46 KiB
components/notification-banner/notification-banner.mjs	4.93 KiB
components/radios/radios.mjs	4.83 KiB
components/skip-link/skip-link.mjs	4.39 KiB
components/tabs/tabs.mjs	10.16 KiB

View stats and visualisations on the review app

---

Action run for 0a4545d

[github-actions]

Rendered HTML changes to npm package

diff --git a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-accepted-confirmation-banner.html b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-accepted-confirmation-banner.html
index 844587586..3872c3bce 100644
--- a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-accepted-confirmation-banner.html
+++ b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-accepted-confirmation-banner.html
@@ -1,16 +1,19 @@
-<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">    <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
 
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
-
-        <div class="govuk-cookie-banner__content"><p class="govuk-body">Your cookie preferences have been saved. You have accepted cookies.</p></div>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have accepted cookies.</p>
+        </div>
       </div>
     </div>
 
-      <div class="govuk-button-group">
-            <button type="button" class="govuk-button" data-module="govuk-button">
-              Hide cookie message
-            </button>
-      </div>
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
     </div>
+
+  </div>
 </div>
diff --git a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-client-side-implementation.html b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-client-side-implementation.html
index 97c7edc22..2d3dfc65b 100644
--- a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-client-side-implementation.html
+++ b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-client-side-implementation.html
@@ -1,51 +1,60 @@
-<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">    <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container">
 
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
-        <h2 class="govuk-cookie-banner__heading govuk-heading-m">Cookies on this service</h2>
-
-        <div class="govuk-cookie-banner__content"><p class="govuk-body">We use cookies to help understand how users use our service.</p></div>
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          Cookies on this service
+        </h2>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">We use cookies to help understand how users use our service.</p>
+        </div>
       </div>
     </div>
 
-      <div class="govuk-button-group">
-            <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
-              Accept analytics cookies
-            </button>
-            <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
-              Reject analytics cookies
-            </button>
-              <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
-      </div>
+    <div class="govuk-button-group">
+      <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Accept analytics cookies
+      </button>
+      <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Reject analytics cookies
+      </button>
+      <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
     </div>
-    <div class="govuk-cookie-banner__message govuk-width-container" role="alert" hidden>
+
+  </div>
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert" hidden>
 
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
-
-        <div class="govuk-cookie-banner__content"><p class="govuk-body">Your cookie preferences have been saved. You have accepted cookies.</p></div>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have accepted cookies.</p>
+        </div>
       </div>
     </div>
 
-      <div class="govuk-button-group">
-            <button type="button" class="govuk-button" data-module="govuk-button">
-              Hide cookie message
-            </button>
-      </div>
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
     </div>
-    <div class="govuk-cookie-banner__message govuk-width-container" role="alert" hidden>
+
+  </div>
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert" hidden>
 
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
-
-        <div class="govuk-cookie-banner__content"><p class="govuk-body">Your cookie preferences have been saved. You have rejected cookies.</p></div>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have rejected cookies.</p>
+        </div>
       </div>
     </div>
 
-      <div class="govuk-button-group">
-            <button type="button" class="govuk-button" data-module="govuk-button">
-              Hide cookie message
-            </button>
-      </div>
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
     </div>
+
+  </div>
 </div>
diff --git a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-default.html b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-default.html
index 823155898..f3cb6223a 100644
--- a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-default.html
+++ b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-default.html
@@ -1,21 +1,26 @@
-<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">    <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container">
 
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
-        <h2 class="govuk-cookie-banner__heading govuk-heading-m">Cookies on this government service</h2>
-
-        <div class="govuk-cookie-banner__content"><p class="govuk-body">We use analytics cookies to help understand how users use our service.</p></div>
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          Cookies on this government service
+        </h2>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">We use analytics cookies to help understand how users use our service.</p>
+        </div>
       </div>
     </div>
 
-      <div class="govuk-button-group">
-            <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
-              Accept analytics cookies
-            </button>
-            <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
-              Reject analytics cookies
-            </button>
-              <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
-      </div>
+    <div class="govuk-button-group">
+      <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Accept analytics cookies
+      </button>
+      <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Reject analytics cookies
+      </button>
+      <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
     </div>
+
+  </div>
 </div>
diff --git a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-rejected-confirmation-banner.html b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-rejected-confirmation-banner.html
index 3a411ca0d..39dc219ba 100644
--- a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-rejected-confirmation-banner.html
+++ b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-rejected-confirmation-banner.html
@@ -1,16 +1,19 @@
-<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">    <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
 
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
-
-        <div class="govuk-cookie-banner__content"><p class="govuk-body">Your cookie preferences have been saved. You have rejected cookies.</p></div>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have rejected cookies.</p>
+        </div>
       </div>
     </div>
 
-      <div class="govuk-button-group">
-            <button type="button" class="govuk-button" data-module="govuk-button">
-              Hide cookie message
-            </button>
-      </div>
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
     </div>
+
+  </div>
 </div>
diff --git a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-with-html.html b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-with-html.html
index dc1eb8571..df517749b 100644
--- a/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-with-html.html
+++ b/packages/govuk-frontend/dist/govuk/components/cookie-banner/template-with-html.html
@@ -1,23 +1,27 @@
-<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">    <div class="govuk-cookie-banner__message govuk-width-container">
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container">
 
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
-        <h2 class="govuk-cookie-banner__heading govuk-heading-m">Cookies on <span>my service</span></h2>
-
-        <div class="govuk-cookie-banner__content"><p class="govuk-body">We use cookies in <span>our service</span>.</p>
-<p class="govuk-body">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>
-</div>
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          Cookies on <span>my service</span>
+        </h2>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">We use cookies in <span>our service</span>.</p>
+          <p class="govuk-body">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>
+        </div>
       </div>
     </div>
 
-      <div class="govuk-button-group">
-            <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
-              Accept analytics cookies
-            </button>
-            <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
-              Reject analytics cookies
-            </button>
-              <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
-      </div>
+    <div class="govuk-button-group">
+      <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Accept analytics cookies
+      </button>
+      <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Reject analytics cookies
+      </button>
+      <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
     </div>
+
+  </div>
 </div>

---

Action run for 0a4545d

[github-actions]

Other changes to npm package

diff --git a/packages/govuk-frontend/dist/govuk/components/cookie-banner/fixtures.json b/packages/govuk-frontend/dist/govuk/components/cookie-banner/fixtures.json
index 977478a7a..30e988ef1 100644
--- a/packages/govuk-frontend/dist/govuk/components/cookie-banner/fixtures.json
+++ b/packages/govuk-frontend/dist/govuk/components/cookie-banner/fixtures.json
@@ -32,7 +32,7 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">Cookies on this government service</h2>\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Accept analytics cookies\n            </button>\n            <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Reject analytics cookies\n            </button>\n              <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this government service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "accepted confirmation banner",
@@ -53,7 +53,7 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Hide cookie message\n            </button>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "rejected confirmation banner",
@@ -74,7 +74,7 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Hide cookie message\n            </button>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "client-side implementation",
@@ -129,7 +129,7 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">Cookies on this service</h2>\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">We use cookies to help understand how users use our service.</p></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Accept analytics cookies\n            </button>\n            <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Reject analytics cookies\n            </button>\n              <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n      </div>\n    </div>\n    <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Hide cookie message\n            </button>\n      </div>\n    </div>\n    <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Hide cookie message\n            </button>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "with html",
@@ -162,7 +162,7 @@
             "hidden": false,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">Cookies on <span>my service</span></h2>\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n<p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n</div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Accept analytics cookies\n            </button>\n            <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Reject analytics cookies\n            </button>\n              <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n          <p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "heading html",
@@ -176,7 +176,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">Cookies on <span>my service</span></h2>\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
         },
         {
             "name": "heading html as text",
@@ -190,7 +190,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">Cookies on &lt;span&gt;my service&lt;/span&gt;</h2>\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on &lt;span&gt;my service&lt;/span&gt;\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
         },
         {
             "name": "html",
@@ -204,7 +204,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">We use cookies in <span>our service</span>.</p></div>\n      </div>\n    </div>\n\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
         },
         {
             "name": "classes",
@@ -218,7 +218,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message app-my-class govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message app-my-class govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
         },
         {
             "name": "attributes",
@@ -234,7 +234,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\" data-attribute=\"my-value\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" data-attribute=\"my-value\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
         },
         {
             "name": "custom aria label",
@@ -249,7 +249,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on GOV.UK\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">We use cookies on GOV.UK</p></div>\n      </div>\n    </div>\n\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on GOV.UK\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies on GOV.UK</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
         },
         {
             "name": "hidden",
@@ -263,7 +263,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
         },
         {
             "name": "hidden false",
@@ -277,7 +277,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
         },
         {
             "name": "default action",
@@ -295,7 +295,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n              This is a button\n            </button>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a button\n      </button>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "link",
@@ -314,7 +314,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n              <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "link with false button options",
@@ -335,7 +335,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n              <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "link as a button",
@@ -355,7 +355,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n              <a href=\"/link\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n              This is a link\n            </a>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a href=\"/link\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a link\n      </a>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "type",
@@ -374,7 +374,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Button\n            </button>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Button\n      </button>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "button classes",
@@ -393,7 +393,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"submit\" class=\"govuk-button my-button-class app-button-class\" data-module=\"govuk-button\">\n              Button with custom classes\n            </button>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button my-button-class app-button-class\" data-module=\"govuk-button\">\n        Button with custom classes\n      </button>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "button attributes",
@@ -414,7 +414,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" data-button-attribute=\"my-value\">\n              Button with attributes\n            </button>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\" data-button-attribute=\"my-value\">\n        Button with attributes\n      </button>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "link classes",
@@ -434,7 +434,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n              <a class=\"govuk-link my-link-class app-link-class\" href=\"/my-link\">Link with custom classes</a>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link my-link-class app-link-class\" href=\"/my-link\">Link with custom classes</a>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "link attributes",
@@ -456,7 +456,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n              <a class=\"govuk-link\" href=\"/link\" data-link-attribute=\"my-value\">Link with attributes</a>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\" data-link-attribute=\"my-value\">Link with attributes</a>\n    </div>\n\n  </div>\n</div>"
         },
         {
             "name": "full banner hidden",
@@ -514,7 +514,7 @@
             "hidden": true,
             "description": "",
             "previewLayoutModifiers": [],
-            "html": "<div class=\"govuk-cookie-banner hide-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\" hidden data-hide-cookie-banner=\"true\">    <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">Cookies on this service</h2>\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">We use cookies to help understand how users use our service.</p></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Accept analytics cookies\n            </button>\n            <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Reject analytics cookies\n            </button>\n              <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n      </div>\n    </div>\n    <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Hide cookie message\n            </button>\n      </div>\n    </div>\n    <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n\n        <div class=\"govuk-cookie-banner__content\"><p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p></div>\n      </div>\n    </div>\n\n      <div class=\"govuk-button-group\">\n            <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n              Hide cookie message\n            </button>\n      </div>\n    </div>\n</div>"
+            "html": "<div class=\"govuk-cookie-banner hide-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\" hidden data-hide-cookie-banner=\"true\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
         }
     ]
 }

---

Action run for 0a4545d