defra_ruby_template 3.15.1 → 5.4.0

data/node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/inset-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,qDAAqD;IACrD,0CAA0C;IAC1C,6CAA6C;;IAE7C,WAAW;;IAEX,gEAAgE;;IAEhE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/inset-text\") {\n  .govuk-inset-text {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n    // Margin top intended to collapse\n    // This adds an additional 10px to the paragraph above\n    @include govuk-responsive-margin(6, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    clear: both;\n\n    border-left: $govuk-border-width-wide solid $govuk-border-colour;\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss.map

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

data/node_modules/govuk-frontend/dist/govuk/components/inset-text/fixtures.json

@@ -0,0 +1,70 @@
+{
+    "component": "inset-text",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-inset-text\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "html": "<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-warning-text__assistive\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>\n<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-inset-text\">\n  <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n  <div class=\"govuk-warning-text\">\n    <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n    <strong class=\"govuk-warning-text__text\">\n      <span class=\"govuk-warning-text__assistive\">Warning</span>\n      You can be fined up to £5,000 if you don’t register.\n    </strong>\n  </div>\n  <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-inset-text--custom-modifier",
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-inset-text app-inset-text--custom-modifier\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-inset-text",
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div id=\"my-inset-text\" class=\"govuk-inset-text\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "It can take <b>up to 8 weeks</b> to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-inset-text\">\n  It can take &lt;b&gt;up to 8 weeks&lt;/b&gt; to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<div class=\"govuk-inset-text\" data-attribute=\"my data value\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        }
+    ]
+}

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

@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the inset text component. 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 to use within the inset text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "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 inset text component in a `call` block."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the inset text container."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the inset text container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the inset text container."
+    }
+]

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

@@ -0,0 +1,3 @@
+<div class="govuk-inset-text">
+  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/inset-text/template-with-html.html

@@ -0,0 +1,11 @@
+<div class="govuk-inset-text">
+  <p class="govuk-body">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>
+  <div class="govuk-warning-text">
+    <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+    <strong class="govuk-warning-text__text">
+      <span class="govuk-warning-text__assistive">Warning</span>
+      You can be fined up to £5,000 if you don’t register.
+    </strong>
+  </div>
+  <p class="govuk-body">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/inset-text/template.njk

@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-inset-text {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ caller() if caller else (params.html | safe | trim | indent(2) if params.html else params.text) }}
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/label/_index.scss

@@ -0,0 +1,46 @@
+@include govuk-exports("govuk/component/label") {
+  .govuk-label {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+
+    display: block;
+
+    margin-bottom: govuk-spacing(1);
+  }
+
+  // Modifiers that make labels look more like their equivalent headings
+  .govuk-label--xl,
+  .govuk-label--l,
+  .govuk-label--m {
+    @include govuk-typography-weight-bold;
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-label--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-label--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-label--m {
+    @include govuk-font-size($size: 24);
+  }
+
+  .govuk-label--s {
+    @include govuk-typography-weight-bold;
+  }
+
+  // When the label is nested inside a heading, override the heading so that it
+  // does not have a margin. Effectively we want to be able to treat the heading
+  // as if it is not there.
+  //
+  // This breaks BEM conventions because it exists as a parent of the 'block',
+  // so we can't really consider an element.
+  .govuk-label-wrapper {
+    margin: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/label/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;;IAEd,+BAA+B;EACjC;;EAEA,qEAAqE;EACrE;;;IAGE,qCAAqC;IACrC,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,qCAAqC;EACvC;;EAEA,4EAA4E;EAC5E,6EAA6E;EAC7E,wBAAwB;EACxB,CAAC;EACD,2EAA2E;EAC3E,yCAAyC;EACzC;IACE,SAAS;EACX;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/label\") {\n  .govuk-label {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n  }\n\n  // Modifiers that make labels look more like their equivalent headings\n  .govuk-label--xl,\n  .govuk-label--l,\n  .govuk-label--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-label--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-label--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-label--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-label--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the label is nested inside a heading, override the heading so that it\n  // does not have a margin. Effectively we want to be able to treat the heading\n  // as if it is not there.\n  //\n  // This breaks BEM conventions because it exists as a parent of the 'block',\n  // so we can't really consider an element.\n  .govuk-label-wrapper {\n    margin: 0;\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/label/_label.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/label/_label.scss.map

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

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

@@ -0,0 +1,193 @@
+{
+    "component": "label",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "National Insurance number"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "with bold text",
+            "options": {
+                "classes": "govuk-label--s",
+                "text": "National Insurance number"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label govuk-label--s\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as xl text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--xl"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label govuk-label--xl\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as large text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--l"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label govuk-label--l\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as medium text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--m"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label govuk-label--m\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as small text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--s"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label govuk-label--s\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "as page heading xl",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--xl",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--xl\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading l",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--l",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--l\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading m",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--m",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--m\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading s",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--s",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--s\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading without class",
+            "options": {
+                "text": "National Insurance number",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "empty",
+            "options": {},
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": ""
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label extra-class one-more-class\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "National Insurance number, <em>NINO</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label\">\n  National Insurance number, &lt;em&gt;NINO&lt;/em&gt;\n</label>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "National Insurance number <em>NINO</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label\">\n  National Insurance number <em>NINO</em>\n</label>"
+        },
+        {
+            "name": "for",
+            "options": {
+                "for": "test-target-element",
+                "text": "National Insurance number"
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label\" for=\"test-target-element\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "National Insurance number",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<label class=\"govuk-label\" first-attribute=\"foo\" second-attribute=\"bar\">\n  National Insurance number\n</label>"
+        }
+    ]
+}

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

@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the label. 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 to use within the label. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "for",
+        "type": "string",
+        "required": false,
+        "description": "The value of the `for` attribute, the ID of the input the label is associated with."
+    },
+    {
+        "name": "isPageHeading",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the label also acts as the heading for the page."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the label tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the label tag."
+    }
+]

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

@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--l">
+    National Insurance number
+  </label>
+</h1>

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

@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--m">
+    National Insurance number
+  </label>
+</h1>

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

@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--s">
+    National Insurance number
+  </label>
+</h1>

data/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-without-class.html

@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label">
+    National Insurance number
+  </label>
+</h1>

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

@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--xl">
+    National Insurance number
+  </label>
+</h1>

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

@@ -0,0 +1,3 @@
+<label class="govuk-label">
+  National Insurance number
+</label>

data/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-large-text.html

@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--l">
+  National Insurance number
+</label>

data/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-medium-text.html

@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--m">
+  National Insurance number
+</label>

data/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-small-text.html

@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--s">
+  National Insurance number
+</label>

data/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-xl-text.html

@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--xl">
+  National Insurance number
+</label>

data/node_modules/govuk-frontend/dist/govuk/components/label/template-with-bold-text.html

@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--s">
+  National Insurance number
+</label>

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

@@ -0,0 +1,19 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% if params.html or params.text %}
+{% set labelHtml %}
+<label class="govuk-label {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) -}}
+  {%- if params.for %} for="{{ params.for }}"{% endif %}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</label>
+{% endset -%}
+
+{% if params.isPageHeading %}
+<h1 class="govuk-label-wrapper">
+  {{ labelHtml | safe | trim | indent(2) }}
+</h1>
+{% else %}
+{{ labelHtml | safe | trim }}
+{% endif %}
+{% endif %}

data/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss

@@ -0,0 +1,92 @@
+@include govuk-exports("govuk/component/notification-banner") {
+  .govuk-notification-banner {
+    @include govuk-font($size: 19);
+    @include govuk-responsive-margin(8, "bottom");
+
+    border: $govuk-border-width solid $govuk-brand-colour;
+
+    background-color: $govuk-brand-colour;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+    }
+  }
+
+  .govuk-notification-banner__header {
+    padding: 2px govuk-spacing(3) govuk-spacing(1);
+
+    // Ensures the notification header appears separate to the notification body text in high contrast mode
+    border-bottom: 1px solid transparent;
+
+    @include govuk-media-query($from: tablet) {
+      padding: 2px govuk-spacing(4) govuk-spacing(1);
+    }
+  }
+
+  .govuk-notification-banner__title {
+    // Set the size again because this element is a heading and the user agent
+    // font size overrides the inherited font size
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-bold;
+    margin: 0;
+    padding: 0;
+    color: govuk-colour("white");
+  }
+
+  .govuk-notification-banner__content {
+    $padding-tablet: govuk-spacing(4);
+    @include govuk-text-colour;
+    padding: govuk-spacing(3);
+
+    background-color: $govuk-body-background-colour;
+
+    @include govuk-media-query($from: tablet) {
+      padding: $padding-tablet;
+    }
+
+    // Wrap content at the same place that a 2/3 grid column ends, to maintain
+    // shorter line-lengths when the notification banner is full width
+    > * {
+      // When elements have their own padding (like lists), include the padding
+      // in the max-width calculation
+      box-sizing: border-box;
+
+      // Calculate the internal width of a two-thirds column...
+      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);
+
+      // ...and then factor in the left border and padding
+      $banner-exterior: ($padding-tablet + $govuk-border-width);
+      max-width: $two-col-width - $banner-exterior;
+    }
+
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-notification-banner__heading {
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    margin: 0 0 govuk-spacing(3) 0;
+
+    padding: 0;
+  }
+
+  .govuk-notification-banner__link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-visited-state;
+  }
+
+  .govuk-notification-banner--success {
+    border-color: $govuk-success-colour;
+
+    background-color: $govuk-success-colour;
+
+    .govuk-notification-banner__link {
+      @include govuk-link-style-success;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;;IAE7C,qDAAqD;;IAErD,qCAAqC;;IAErC;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,8CAA8C;;IAE9C,sGAAsG;IACtG,oCAAoC;;IAEpC;MACE,8CAA8C;IAChD;EACF;;EAEA;IACE,yEAAyE;IACzE,6CAA6C;IAC7C,mCAAmC;IACnC,qCAAqC;IACrC,SAAS;IACT,UAAU;IACV,4BAA4B;EAC9B;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;IAC1B,yBAAyB;;IAEzB,+CAA+C;;IAE/C;MACE,wBAAwB;IAC1B;;IAEA,yEAAyE;IACzE,iEAAiE;IACjE;MACE,wEAAwE;MACxE,8BAA8B;MAC9B,sBAAsB;;MAEtB,wDAAwD;MACxD,qEAAqE;;MAErE,mDAAmD;MACnD,yDAAyD;MACzD,4CAA4C;IAC9C;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;;IAErC,8BAA8B;;IAE9B,UAAU;EACZ;;EAEA;IACE,0BAA0B;IAC1B,0CAA0C;EAC5C;;EAEA;IACE,mCAAmC;;IAEnC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/notification-banner\") {\n  .govuk-notification-banner {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-brand-colour;\n\n    background-color: $govuk-brand-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-notification-banner__header {\n    padding: 2px govuk-spacing(3) govuk-spacing(1);\n\n    // Ensures the notification header appears separate to the notification body text in high contrast mode\n    border-bottom: 1px solid transparent;\n\n    @include govuk-media-query($from: tablet) {\n      padding: 2px govuk-spacing(4) govuk-spacing(1);\n    }\n  }\n\n  .govuk-notification-banner__title {\n    // Set the size again because this element is a heading and the user agent\n    // font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    margin: 0;\n    padding: 0;\n    color: govuk-colour(\"white\");\n  }\n\n  .govuk-notification-banner__content {\n    $padding-tablet: govuk-spacing(4);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n\n    background-color: $govuk-body-background-colour;\n\n    @include govuk-media-query($from: tablet) {\n      padding: $padding-tablet;\n    }\n\n    // Wrap content at the same place that a 2/3 grid column ends, to maintain\n    // shorter line-lengths when the notification banner is full width\n    > * {\n      // When elements have their own padding (like lists), include the padding\n      // in the max-width calculation\n      box-sizing: border-box;\n\n      // Calculate the internal width of a two-thirds column...\n      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);\n\n      // ...and then factor in the left border and padding\n      $banner-exterior: ($padding-tablet + $govuk-border-width);\n      max-width: $two-col-width - $banner-exterior;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-notification-banner__heading {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin: 0 0 govuk-spacing(3) 0;\n\n    padding: 0;\n  }\n\n  .govuk-notification-banner__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-visited-state;\n  }\n\n  .govuk-notification-banner--success {\n    border-color: $govuk-success-colour;\n\n    background-color: $govuk-success-colour;\n\n    .govuk-notification-banner__link {\n      @include govuk-link-style-success;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss.map

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