govuk_publishing_components 39.2.4 → 40.0.0

data/node_modules/govuk-frontend/dist/govuk/components/error-summary/fixtures.json

@@ -0,0 +1,296 @@
+{
+    "component": "error-summary",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "The date your passport was issued must be in the past",
+                        "href": "#example-error-1"
+                    },
+                    {
+                        "text": "Enter a postcode, like AA1 1AA",
+                        "href": "#example-error-2"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#example-error-1\">The date your passport was issued must be in the past</a>\n        </li>\n        <li>\n          <a href=\"#example-error-2\">Enter a postcode, like AA1 1AA</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "without links",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "mixed with and without links",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    },
+                    {
+                        "text": "Agree to the terms of service to log in",
+                        "href": "#example-error-1"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n        <li>\n          <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with everything",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "Please fix the errors below.",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    },
+                    {
+                        "text": "Agree to the terms of service to log in",
+                        "href": "#example-error-1"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        Please fix the errors below.\n      </p>\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n        <li>\n          <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as titleText",
+            "options": {
+                "titleText": "Alert, <em>alert</em>",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      Alert, &lt;em&gt;alert&lt;/em&gt;\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "title html",
+            "options": {
+                "titleHtml": "Alert, <em>alert</em>",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      Alert, <em>alert</em>\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "description",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "Lorem ipsum",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        Lorem ipsum\n      </p>\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as descriptionText",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "See errors below (>)",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        See errors below (&gt;)\n      </p>\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "description html",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionHtml": "See <span>errors</span> below",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        See <span>errors</span> below\n      </p>\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "titleText": "There is a problem",
+                "classes": "extra-class one-more-class",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary extra-class one-more-class\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "titleText": "There is a problem",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                },
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" first-attribute=\"foo\" second-attribute=\"bar\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Invalid username or password\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with attributes",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Error-1",
+                        "href": "#item",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#item\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">Error-1</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html as text",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Descriptive link to the <b>question</b> with an error"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "html": "The date your passport was issued <b>must</b> be in the past"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          The date your passport was issued <b>must</b> be in the past\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html link",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "html": "Descriptive link to the <b>question</b> with an error",
+                        "href": "#error-1"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#error-1\">Descriptive link to the <b>question</b> with an error</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html as text link",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Descriptive link to the <b>question</b> with an error",
+                        "href": "#error-1"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a href=\"#error-1\">Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "autofocus disabled",
+            "options": {
+                "titleText": "There is a problem",
+                "disableAutoFocus": true
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-disable-auto-focus=\"true\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "autofocus explicitly enabled",
+            "options": {
+                "titleText": "There is a problem",
+                "disableAutoFocus": false
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-error-summary\" data-disable-auto-focus=\"false\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n      </ul>\n    </div>\n  </div>\n</div>"
+        }
+    ]
+}

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

@@ -0,0 +1,82 @@
+[
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": true,
+        "description": "If `titleHtml` is set, this is not required. Text to use for the heading of the error summary block. If `titleHtml` is provided, `titleText` will be ignored."
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `titleText` is set, this is not required. HTML to use for the heading of the error summary block. If `titleHtml` is provided, `titleText` will be ignored."
+    },
+    {
+        "name": "descriptionText",
+        "type": "string",
+        "required": false,
+        "description": "Text to use for the description of the errors. If you set `descriptionHtml`, the component will ignore `descriptionText`."
+    },
+    {
+        "name": "descriptionHtml",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use for the description of the errors. If you set this option, the component will ignore `descriptionText`."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire error summary component in a `call` block."
+    },
+    {
+        "name": "errorList",
+        "type": "array",
+        "required": true,
+        "description": "The list of errors to include in the error summary.",
+        "params": [
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "Href attribute for the error link item. If provided item will be an anchor."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text for the error link item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML for the error link item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the error link anchor."
+            }
+        ]
+    },
+    {
+        "name": "disableAutoFocus",
+        "type": "boolean",
+        "required": false,
+        "description": "Prevent moving focus to the error summary when the page loads."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the error-summary container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the error-summary container."
+    }
+]

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

@@ -0,0 +1,17 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <ul class="govuk-list govuk-error-summary__list">
+        <li>
+          <a href="#example-error-1">The date your passport was issued must be in the past</a>
+        </li>
+        <li>
+          <a href="#example-error-2">Enter a postcode, like AA1 1AA</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-mixed-with-and-without-links.html

@@ -0,0 +1,17 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <ul class="govuk-list govuk-error-summary__list">
+        <li>
+          Invalid username or password
+        </li>
+        <li>
+          <a href="#example-error-1">Agree to the terms of service to log in</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-with-everything.html

@@ -0,0 +1,20 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <p>
+        Please fix the errors below.
+      </p>
+      <ul class="govuk-list govuk-error-summary__list">
+        <li>
+          Invalid username or password
+        </li>
+        <li>
+          <a href="#example-error-1">Agree to the terms of service to log in</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-without-links.html

@@ -0,0 +1,14 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <ul class="govuk-list govuk-error-summary__list">
+        <li>
+          Invalid username or password
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/error-summary/template.njk

@@ -0,0 +1,32 @@
+<div class="govuk-error-summary
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {%- if params.disableAutoFocus !== undefined %} data-disable-auto-focus="{{ params.disableAutoFocus }}"{% endif %}
+  {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %} data-module="govuk-error-summary">
+  {#- Keep the role="alert" in a seperate child container to prevent a race condition between
+  the focusing js at the alert, resulting in information getting missed in screen reader announcements #}
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      {{ params.titleHtml | safe | trim | indent(6) if params.titleHtml else params.titleText }}
+    </h2>
+    <div class="govuk-error-summary__body">
+      {% if caller or params.descriptionHtml or params.descriptionText %}
+      <p>
+        {{ caller() if caller else (params.descriptionHtml | safe | trim | indent(8) if params.descriptionHtml else params.descriptionText) }}
+      </p>
+      {% endif %}
+      <ul class="govuk-list govuk-error-summary__list">
+      {% for item in params.errorList %}
+        <li>
+        {% if item.href %}
+          <a href="{{ item.href }}" {%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+            {{- item.html | safe | trim | indent(12) if item.html else item.text -}}
+          </a>
+        {% else %}
+          {{ item.html | safe | trim | indent(10) if item.html else item.text }}
+        {% endif %}
+        </li>
+      {% endfor %}
+      </ul>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss

@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_exit-this-page.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/exit-this-page/_exit-this-page.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_exit-this-page.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss

@@ -0,0 +1,92 @@
+@import "../button/index";
+
+@include govuk-exports("govuk/component/exit-this-page") {
+  $indicator-size: 0.75em;
+
+  .govuk-exit-this-page {
+    @include govuk-responsive-margin(8, "bottom");
+    position: -webkit-sticky;
+    position: sticky;
+    z-index: 1000;
+    top: 0;
+    left: 0;
+    width: 100%;
+
+    @include govuk-media-query($from: tablet) {
+      display: inline-block;
+      right: 0;
+      left: auto;
+      width: auto;
+      float: right;
+    }
+  }
+
+  .govuk-exit-this-page__button {
+    margin-bottom: 0;
+  }
+
+  .govuk-exit-this-page__indicator {
+    @include govuk-responsive-padding(2);
+    display: none;
+    padding-bottom: 0;
+    color: inherit;
+    line-height: 0; // removes extra negative space below the indicators
+    text-align: center;
+    pointer-events: none;
+  }
+
+  .govuk-exit-this-page__indicator--visible {
+    display: block;
+  }
+
+  .govuk-exit-this-page__indicator-light {
+    box-sizing: border-box;
+    display: inline-block;
+    width: $indicator-size;
+    height: $indicator-size;
+    margin: 0 0.125em;
+    border-width: 2px;
+    border-style: solid;
+    border-radius: 50%;
+    border-color: currentcolor;
+  }
+
+  .govuk-exit-this-page__indicator-light--on {
+    border-width: $indicator-size / 2;
+  }
+
+  @media only print {
+    .govuk-exit-this-page {
+      display: none;
+    }
+  }
+
+  .govuk-exit-this-page-overlay {
+    position: fixed;
+    z-index: 9999;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: govuk-colour("white");
+  }
+
+  // This class is added to the body when the Exit This Page button is activated
+  // in addition to the overlay to both block the entire screen and hide everything
+  // underneath it.
+  //
+  // We do this to ensure that users don't risk interacting with the page underneath
+  // the overlay between activating the button and navigating to the next page.
+  .govuk-exit-this-page-hide-content {
+    // stylelint-disable declaration-no-important
+    * {
+      display: none !important;
+    }
+
+    .govuk-exit-this-page-overlay {
+      display: block !important;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/exit-this-page/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;;AAEzB;EACE,uBAAuB;;EAEvB;IACE,6CAA6C;IAC7C,wBAAgB;IAAhB,gBAAgB;IAChB,aAAa;IACb,MAAM;IACN,OAAO;IACP,WAAW;;IAEX;MACE,qBAAqB;MACrB,QAAQ;MACR,UAAU;MACV,WAAW;MACX,YAAY;IACd;EACF;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,oCAAoC;IACpC,aAAa;IACb,iBAAiB;IACjB,cAAc;IACd,cAAc,EAAE,mDAAmD;IACnE,kBAAkB;IAClB,oBAAoB;EACtB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,sBAAsB;IACtB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,iBAAiB;IACjB,iBAAiB;IACjB,mBAAmB;IACnB,kBAAkB;IAClB,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;EACnC;;EAEA;IACE;MACE,aAAa;IACf;EACF;;EAEA;IACE,eAAe;IACf,aAAa;IACb,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;IACP,uCAAuC;EACzC;;EAEA,6EAA6E;EAC7E,gFAAgF;EAChF,gBAAgB;EAChB,CAAC;EACD,iFAAiF;EACjF,4EAA4E;EAC5E;IACE,4CAA4C;IAC5C;MACE,wBAAwB;IAC1B;;IAEA;MACE,yBAAyB;IAC3B;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n\n@include govuk-exports(\"govuk/component/exit-this-page\") {\n  $indicator-size: 0.75em;\n\n  .govuk-exit-this-page {\n    @include govuk-responsive-margin(8, \"bottom\");\n    position: sticky;\n    z-index: 1000;\n    top: 0;\n    left: 0;\n    width: 100%;\n\n    @include govuk-media-query($from: tablet) {\n      display: inline-block;\n      right: 0;\n      left: auto;\n      width: auto;\n      float: right;\n    }\n  }\n\n  .govuk-exit-this-page__button {\n    margin-bottom: 0;\n  }\n\n  .govuk-exit-this-page__indicator {\n    @include govuk-responsive-padding(2);\n    display: none;\n    padding-bottom: 0;\n    color: inherit;\n    line-height: 0; // removes extra negative space below the indicators\n    text-align: center;\n    pointer-events: none;\n  }\n\n  .govuk-exit-this-page__indicator--visible {\n    display: block;\n  }\n\n  .govuk-exit-this-page__indicator-light {\n    box-sizing: border-box;\n    display: inline-block;\n    width: $indicator-size;\n    height: $indicator-size;\n    margin: 0 0.125em;\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 50%;\n    border-color: currentcolor;\n  }\n\n  .govuk-exit-this-page__indicator-light--on {\n    border-width: $indicator-size / 2;\n  }\n\n  @media only print {\n    .govuk-exit-this-page {\n      display: none;\n    }\n  }\n\n  .govuk-exit-this-page-overlay {\n    position: fixed;\n    z-index: 9999;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: govuk-colour(\"white\");\n  }\n\n  // This class is added to the body when the Exit This Page button is activated\n  // in addition to the overlay to both block the entire screen and hide everything\n  // underneath it.\n  //\n  // We do this to ensure that users don't risk interacting with the page underneath\n  // the overlay between activating the button and navigating to the next page.\n  .govuk-exit-this-page-hide-content {\n    // stylelint-disable declaration-no-important\n    * {\n      display: none !important;\n    }\n\n    .govuk-exit-this-page-overlay {\n      display: block !important;\n    }\n  }\n}\n"]}