defra_ruby_template 3.13.0

data/node_modules/govuk-frontend/govuk/components/notification-banner/macro-options.json

@@ -0,0 +1,68 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "The text that displays in the notification banner. You can use any string with this option. If you set `html`, this option is not required and is ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "The HTML to use within the notification banner. You can use any string with this option. If you set `html`, `text` is not required and is ignored."
+    },
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": false,
+        "description": "The title text that displays in the notification banner. You can use any string with this option. Use this option to set text that does not contain HTML. The available default values are 'Important', 'Success', and null:\n- if you do not set `type`, `titleText` defaults to 'Important'\n- if you set `type` to `success`, `titleText` defaults to 'Success'\n- if you set `titleHtml`, this option is ignored\n"
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": false,
+        "description": "The title HTML to use within the notification banner. You can use any string with this option. Use this option to set text that contains HTML. If you set `titleHtml`, the `titleText` option is ignored."
+    },
+    {
+        "name": "titleHeadingLevel",
+        "type": "string",
+        "required": false,
+        "description": "Sets heading level for the title only. You can only use values between `1` and `6` with this option. The default is `2`."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "The type of notification to render. You can use only the `success` or null values with this option. If you set `type` to `success`, the notification banner sets `role` to `alert`. JavaScript then moves the keyboard focus to the notification banner when the page loads. If you do not set `type`, the notification banner sets `role` to `region`."
+    },
+    {
+        "name": "role",
+        "type": "string",
+        "required": false,
+        "description": "Overrides the value of the `role` attribute for the notification banner. Defaults to `region`. If you set `type` to `success`, `role` defaults to `alert`."
+    },
+    {
+        "name": "titleId",
+        "type": "string",
+        "required": false,
+        "description": "The `id` for the banner title, and the `aria-labelledby` attribute in the banner. Defaults to `govuk-notification-banner-title`."
+    },
+    {
+        "name": "disableAutoFocus",
+        "type": "boolean",
+        "required": false,
+        "description": "If you set `type` to `success`, or `role` to `alert`, JavaScript moves the keyboard focus to the notification banner when the page loads. To disable this behaviour, set `disableAutoFocus` to `true`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The classes that you want to add to the notification banner."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The HTML attributes that you want to add to the notification banner, for example, data attributes."
+    }
+]

data/node_modules/govuk-frontend/govuk/components/notification-banner/macro.njk

@@ -0,0 +1,3 @@
+{% macro govukNotificationBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

data/node_modules/govuk-frontend/govuk/components/notification-banner/notification-banner.js

@@ -0,0 +1,61 @@
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+	typeof define === 'function' && define.amd ? define('GOVUKFrontend', factory) :
+	(global.GOVUKFrontend = factory());
+}(this, (function () { 'use strict';
+
+function NotificationBanner ($module) {
+  this.$module = $module;
+}
+
+/**
+ * Initialise the component
+ */
+NotificationBanner.prototype.init = function () {
+  var $module = this.$module;
+  // Check for module
+  if (!$module) {
+    return
+  }
+
+  this.setFocus();
+};
+
+/**
+ * Focus the element
+ *
+ * If `role="alert"` is set, focus the element to help some assistive technologies
+ * prioritise announcing it.
+ *
+ * You can turn off the auto-focus functionality by setting `data-disable-auto-focus="true"` in the
+ * component HTML. You might wish to do this based on user research findings, or to avoid a clash
+ * with another element which should be focused when the page loads.
+ */
+NotificationBanner.prototype.setFocus = function () {
+  var $module = this.$module;
+
+  if ($module.getAttribute('data-disable-auto-focus') === 'true') {
+    return
+  }
+
+  if ($module.getAttribute('role') !== 'alert') {
+    return
+  }
+
+  // Set tabindex to -1 to make the element focusable with JavaScript.
+  // Remove the tabindex on blur as the component doesn't need to be focusable after the page has
+  // loaded.
+  if (!$module.getAttribute('tabindex')) {
+    $module.setAttribute('tabindex', '-1');
+
+    $module.addEventListener('blur', function () {
+      $module.removeAttribute('tabindex');
+    });
+  }
+
+  $module.focus();
+};
+
+return NotificationBanner;
+
+})));

data/node_modules/govuk-frontend/govuk/components/notification-banner/template.njk

@@ -0,0 +1,47 @@
+{%- if params.type == "success" %}
+  {% set successBanner = true %}
+{% endif %}
+
+{%- if successBanner %}
+  {% set typeClass = "govuk-notification-banner--" + params.type %}
+{% endif %}
+
+{% if params.role %}
+  {% set role = params.role %}
+{% elif successBanner %}
+  {# If type is success, add `role="alert"` to prioritise the information in the notification banner to users of assistive technologies #}
+  {% set role = "alert" %}
+{% else %}
+  {# Otherwise add `role="region"` to make the notification banner a landmark to help users of assistive technologies to navigate to the banner #}
+  {% set role = "region" %}
+{% endif %}
+
+{%- if params.titleHtml %}
+  {% set title = params.titleHtml | safe %}
+{%- elif params.titleText %}
+  {% set title = params.titleText %}
+{%- elif successBanner %}
+  {% set title = "Success" %}
+{%- else %}
+  {% set title = "Important" %}
+{%- endif -%}
+
+<div class="govuk-notification-banner{% if typeClass %} {{ typeClass }}{% endif %}{% if params.classes %} {{ params.classes }}{% endif %}" role="{{ role }}"
+  aria-labelledby="{{ params.titleId | default('govuk-notification-banner-title')}}"
+  data-module="govuk-notification-banner"
+  {%- if params.disableAutoFocus %} data-disable-auto-focus="true"{% endif %}
+  {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
+  <div class="govuk-notification-banner__header">
+    <h{{ params.titleHeadingLevel | default(2) }} class="govuk-notification-banner__title" id="{{ params.titleId | default('govuk-notification-banner-title') }}" >
+      {{ title }}
+    </h{{ params.titleHeadingLevel | default(2) }}>
+  </div>
+  <div class="govuk-notification-banner__content">
+    {%- if params.html -%}
+      {{ params.html | safe }}
+    {%- elif params.text -%}
+      {# Set default style for single line content #}
+      <p class="govuk-notification-banner__heading">{{ params.text }}</p>
+    {%- endif -%}
+  </div>
+</div>

data/node_modules/govuk-frontend/govuk/components/panel/README.md

@@ -0,0 +1,15 @@
+# Panel
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the panel component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/panel).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/panel/#options-panel-example) for details.

data/node_modules/govuk-frontend/govuk/components/panel/_index.scss

@@ -0,0 +1,44 @@
+@include govuk-exports("govuk/component/panel") {
+  .govuk-panel {
+    @include govuk-font($size: 19);
+
+    box-sizing: border-box;
+
+    margin-bottom: govuk-spacing(3);
+    padding: govuk-spacing(7) - $govuk-border-width;
+
+    border: $govuk-border-width solid transparent;
+
+    text-align: center;
+
+    @include govuk-media-query($until: tablet) {
+      padding: govuk-spacing(6) - $govuk-border-width;
+    }
+  }
+
+  .govuk-panel--confirmation {
+    color: govuk-colour("white");
+    background: govuk-colour("green", $legacy: "turquoise");
+
+    @include govuk-media-query($media-type: print) {
+      border-color: currentColor;
+      color: $govuk-print-text-colour;
+      background: none;
+    }
+  }
+
+  .govuk-panel__title {
+    margin-top: 0;
+    margin-bottom: govuk-spacing(6);
+
+    @include govuk-font($size: 48, $weight: bold);
+  }
+
+  .govuk-panel__title:last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-panel__body {
+    @include govuk-font($size: 36);
+  }
+}

data/node_modules/govuk-frontend/govuk/components/panel/_panel.scss

@@ -0,0 +1,2 @@
+@import "../../base";
+@import "./index";

data/node_modules/govuk-frontend/govuk/components/panel/fixtures.json

@@ -0,0 +1,91 @@
+{
+    "component": "panel",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "titleHtml": "Application complete",
+                "text": "Your reference number: HDJ2123F"
+            },
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  \n  <div class=\"govuk-panel__body\">\n    Your reference number: HDJ2123F\n  </div>\n  \n</div>",
+            "hidden": false
+        },
+        {
+            "name": "custom heading level",
+            "options": {
+                "titleText": "Application complete",
+                "headingLevel": 2,
+                "text": "Your reference number: HDJ2123F"
+            },
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h2 class=\"govuk-panel__title\">\n    Application complete\n  </h2>\n  \n  <div class=\"govuk-panel__body\">\n    Your reference number: HDJ2123F\n  </div>\n  \n</div>",
+            "hidden": false
+        },
+        {
+            "name": "title html as text",
+            "options": {
+                "titleText": "Application <strong>not</strong> complete",
+                "text": "Please complete form 1"
+            },
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application &lt;strong&gt;not&lt;/strong&gt; complete\n  </h1>\n  \n  <div class=\"govuk-panel__body\">\n    Please complete form 1\n  </div>\n  \n</div>",
+            "hidden": true
+        },
+        {
+            "name": "title html",
+            "options": {
+                "titleHtml": "Application <strong>not</strong> complete",
+                "html": "Please complete <strong>form 1</strong>"
+            },
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application <strong>not</strong> complete\n  </h1>\n  \n  <div class=\"govuk-panel__body\">\n    Please complete <strong>form 1</strong>\n  </div>\n  \n</div>",
+            "hidden": true
+        },
+        {
+            "name": "body html as text",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number<br><strong>HDJ2123F</strong>"
+            },
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  \n  <div class=\"govuk-panel__body\">\n    Your reference number&lt;br&gt;&lt;strong&gt;HDJ2123F&lt;/strong&gt;\n  </div>\n  \n</div>",
+            "hidden": true
+        },
+        {
+            "name": "body html",
+            "options": {
+                "titleText": "Application complete",
+                "html": "Your reference number<br><strong>HDJ2123F</strong>"
+            },
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  \n  <div class=\"govuk-panel__body\">\n    Your reference number<br><strong>HDJ2123F</strong>\n  </div>\n  \n</div>",
+            "hidden": true
+        },
+        {
+            "name": "classes",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number is HDJ2123F",
+                "classes": "extra-class one-more-class"
+            },
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation extra-class one-more-class\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  \n  <div class=\"govuk-panel__body\">\n    Your reference number is HDJ2123F\n  </div>\n  \n</div>",
+            "hidden": true
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number is HDJ2123F",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\" first-attribute=\"foo\" second-attribute=\"bar\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  \n  <div class=\"govuk-panel__body\">\n    Your reference number is HDJ2123F\n  </div>\n  \n</div>",
+            "hidden": true
+        },
+        {
+            "name": "title with no body text",
+            "options": {
+                "titleText": "Application complete"
+            },
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  \n</div>",
+            "hidden": true
+        }
+    ]
+}

data/node_modules/govuk-frontend/govuk/components/panel/macro-options.json

@@ -0,0 +1,44 @@
+[
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": true,
+        "description": "If `titleHtml` is set, this is not required. Text to use within the panel. If `titleHtml` is provided, the `titleText` argument will be ignored."
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `titleText` is set, this is not required. HTML to use within the panel. If `titleHtml` is provided, the `titleText` argument will be ignored."
+    },
+    {
+        "name": "headingLevel",
+        "type": "integer",
+        "required": false,
+        "description": "Heading level, from 1 to 6. Default is 1."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the panel content. If `html` is provided, the `text` argument will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the panel content. If `html` is provided, the `text` argument will be ignored."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the panel container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the panel container."
+    }
+]

data/node_modules/govuk-frontend/govuk/components/panel/macro.njk

@@ -0,0 +1,3 @@
+{% macro govukPanel(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

data/node_modules/govuk-frontend/govuk/components/panel/template.njk

@@ -0,0 +1,13 @@
+{% set headingLevel = params.headingLevel if params.headingLevel else 1 %}
+<div class="govuk-panel govuk-panel--confirmation
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
+  <h{{ headingLevel }} class="govuk-panel__title">
+    {{ params.titleHtml | safe if params.titleHtml else params.titleText }}
+  </h{{ headingLevel }}>
+  {% if params.html or params.text %}
+  <div class="govuk-panel__body">
+    {{ params.html | safe if params.html else params.text }}
+  </div>
+  {% endif %}
+</div>

data/node_modules/govuk-frontend/govuk/components/phase-banner/README.md

@@ -0,0 +1,15 @@
+# Phase banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the phase banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/phase-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/phase-banner/#options-phase-banner-example) for details.

data/node_modules/govuk-frontend/govuk/components/phase-banner/_index.scss

@@ -0,0 +1,27 @@
+@import "../tag/index";
+
+@include govuk-exports("govuk/component/phase-banner") {
+  .govuk-phase-banner {
+    padding-top: govuk-spacing(2);
+    padding-bottom: govuk-spacing(2);
+
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-phase-banner__content {
+    @include govuk-font($size: 16);
+    @include govuk-text-colour;
+
+    display: table;
+    margin: 0;
+  }
+
+  .govuk-phase-banner__content__tag {
+    margin-right: govuk-spacing(2);
+  }
+
+  .govuk-phase-banner__text {
+    display: table-cell;
+    vertical-align: middle;
+  }
+}