defra_ruby_template 3.13.0

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

@@ -0,0 +1,318 @@
+{
+    "component": "button",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Save and continue"
+            },
+            "html": "<button class=\"govuk-button\" data-module=\"govuk-button\">\n  Save and continue\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "text": "Disabled button",
+                "disabled": true
+            },
+            "html": "<button disabled=\"disabled\" aria-disabled=\"true\" class=\"govuk-button govuk-button--disabled\" data-module=\"govuk-button\">\n  Disabled button\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "link",
+            "options": {
+                "text": "Link button",
+                "href": "/"
+            },
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Link button\n</a>",
+            "hidden": false
+        },
+        {
+            "name": "link disabled",
+            "options": {
+                "text": "Disabled link button",
+                "href": "/",
+                "disabled": true
+            },
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--disabled\" data-module=\"govuk-button\">\n  Disabled link button\n</a>",
+            "hidden": false
+        },
+        {
+            "name": "start link",
+            "options": {
+                "text": "Start now link button",
+                "href": "/",
+                "isStartButton": true
+            },
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now link button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg></a>",
+            "hidden": false
+        },
+        {
+            "name": "input",
+            "options": {
+                "element": "input",
+                "name": "start-now",
+                "text": "Start now"
+            },
+            "html": "<input value=\"Start now\" type=\"submit\" name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">",
+            "hidden": false
+        },
+        {
+            "name": "input disabled",
+            "options": {
+                "element": "input",
+                "text": "Explicit input button disabled",
+                "disabled": true
+            },
+            "html": "<input value=\"Explicit input button disabled\" type=\"submit\" disabled=\"disabled\" aria-disabled=\"true\" class=\"govuk-button govuk-button--disabled\" data-module=\"govuk-button\">",
+            "hidden": false
+        },
+        {
+            "name": "prevent double click",
+            "options": {
+                "text": "Submit",
+                "preventDoubleClick": true
+            },
+            "html": "<button data-prevent-double-click=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "with active state",
+            "options": {
+                "name": "active",
+                "text": "Active",
+                "classes": ":active"
+            },
+            "html": "<button name=\"active\" class=\"govuk-button :active\" data-module=\"govuk-button\">\n  Active\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "with hover state",
+            "options": {
+                "name": "hover",
+                "text": "Hovered",
+                "classes": ":hover"
+            },
+            "html": "<button name=\"hover\" class=\"govuk-button :hover\" data-module=\"govuk-button\">\n  Hovered\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "with focus state",
+            "options": {
+                "name": "focus",
+                "text": "Focussed",
+                "classes": ":focus"
+            },
+            "html": "<button name=\"focus\" class=\"govuk-button :focus\" data-module=\"govuk-button\">\n  Focussed\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "Secondary",
+            "options": {
+                "name": "secondary",
+                "text": "Secondary button",
+                "classes": "govuk-button--secondary"
+            },
+            "html": "<button name=\"secondary\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">\n  Secondary button\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "Secondary disabled",
+            "options": {
+                "name": "secondary",
+                "text": "Secondary button disabled",
+                "classes": "govuk-button--secondary",
+                "disabled": true
+            },
+            "html": "<button name=\"secondary\" disabled=\"disabled\" aria-disabled=\"true\" class=\"govuk-button govuk-button--secondary govuk-button--disabled\" data-module=\"govuk-button\">\n  Secondary button disabled\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "Secondary link",
+            "options": {
+                "name": "secondary",
+                "text": "Secondary button",
+                "href": "/",
+                "classes": "govuk-button--secondary"
+            },
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">\n  Secondary button\n</a>",
+            "hidden": false
+        },
+        {
+            "name": "Warning",
+            "options": {
+                "name": "Warning",
+                "text": "Warning button",
+                "classes": "govuk-button--warning"
+            },
+            "html": "<button name=\"Warning\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "Warning disabled",
+            "options": {
+                "name": "warning",
+                "text": "Warning button disabled",
+                "classes": "govuk-button--warning",
+                "disabled": true
+            },
+            "html": "<button name=\"warning\" disabled=\"disabled\" aria-disabled=\"true\" class=\"govuk-button govuk-button--warning govuk-button--disabled\" data-module=\"govuk-button\">\n  Warning button disabled\n</button>",
+            "hidden": false
+        },
+        {
+            "name": "Warning link",
+            "options": {
+                "name": "Warning",
+                "text": "Warning button",
+                "href": "/",
+                "classes": "govuk-button--warning"
+            },
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button\n</a>",
+            "hidden": false
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "element": "button",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "example-id",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "html": "<button class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"example-id\" data-tracking-dimension=\"123\">\n  Submit\n</button>",
+            "hidden": true
+        },
+        {
+            "name": "link attributes",
+            "options": {
+                "element": "a",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "example-id",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"example-id\" data-tracking-dimension=\"123\">\n  Submit\n</a>",
+            "hidden": true
+        },
+        {
+            "name": "input attributes",
+            "options": {
+                "element": "input",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "example-id",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"example-id\" data-tracking-dimension=\"123\">",
+            "hidden": true
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "classes": "app-button--custom-modifier"
+            },
+            "html": "<button class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</button>",
+            "hidden": true
+        },
+        {
+            "name": "link classes",
+            "options": {
+                "text": "Submit",
+                "element": "a",
+                "classes": "app-button--custom-modifier"
+            },
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</a>",
+            "hidden": true
+        },
+        {
+            "name": "input classes",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "classes": "app-button--custom-modifier"
+            },
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">",
+            "hidden": true
+        },
+        {
+            "name": "name",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "name": "start-now"
+            },
+            "html": "<button name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>",
+            "hidden": true
+        },
+        {
+            "name": "type",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "type": "button"
+            },
+            "html": "<button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>",
+            "hidden": true
+        },
+        {
+            "name": "input type",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "type": "button"
+            },
+            "html": "<input value=\"Submit\" type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">",
+            "hidden": true
+        },
+        {
+            "name": "explicit link",
+            "options": {
+                "element": "a",
+                "href": "/",
+                "text": "Continue"
+            },
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Continue\n</a>",
+            "hidden": true
+        },
+        {
+            "name": "no href",
+            "options": {
+                "text": "Submit",
+                "element": "a"
+            },
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</a>",
+            "hidden": true
+        },
+        {
+            "name": "value",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "value": "start"
+            },
+            "html": "<button value=\"start\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>",
+            "hidden": true
+        },
+        {
+            "name": "html",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "html": "Start <em>now</em>"
+            },
+            "html": "<button class=\"govuk-button\" data-module=\"govuk-button\">\n  Start <em>now</em>\n</button>",
+            "hidden": true
+        },
+        {
+            "name": "no data",
+            "options": {},
+            "html": "<button class=\"govuk-button\" data-module=\"govuk-button\">\n  \n</button>",
+            "hidden": true
+        }
+    ]
+}

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

@@ -0,0 +1,74 @@
+[
+    {
+        "name": "element",
+        "type": "string",
+        "required": false,
+        "description": "Whether to use an `input`, `button` or `a` element to create the button. In most cases you will not need to set this as it will be configured automatically if you use `href` or `html`."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text for the button or link. If `html` is provided, the `text` argument will be ignored and `element` will be automatically set to `button` unless `href` is also set, or it has already been defined. This argument has no effect if `element` is set to `input`."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML for the button or link. If `html` is provided, the `text` argument will be ignored and `element` will be automatically set to `button` unless `href` is also set, or it has already been defined. This argument has no effect if `element` is set to `input`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": false,
+        "description": "Name for the `input` or `button`. This has no effect on `a` elements."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "Type of `input` or `button` – `button`, `submit` or `reset`. Defaults to `submit`. This has no effect on `a` elements."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Value for the `button` tag. This has no effect on `a` or `input` elements."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the button should be disabled. For button and input elements, `disabled` and `aria-disabled` attributes will be set automatically."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": false,
+        "description": "The URL that the button should link to. If this is set, `element` will be automatically set to `a` if it has not already been defined."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the button component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the button component."
+    },
+    {
+        "name": "preventDoubleClick",
+        "type": "boolean",
+        "required": false,
+        "description": "Prevent accidental double clicks on submit buttons from submitting forms multiple times"
+    },
+    {
+        "name": "isStartButton",
+        "type": "boolean",
+        "required": false,
+        "description": "Use for the main call to action on your service's start page."
+    }
+]

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

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

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

@@ -0,0 +1,60 @@
+{# Set classes for this component #}
+{%- set classNames = "govuk-button" -%}
+
+{%- if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif %}
+{% if params.disabled %}
+  {% set classNames = classNames + " govuk-button--disabled" %}
+{% endif -%}
+
+{# Determine type of element to use, if not explicitly set #}
+{%- if params.element %}
+  {% set element = params.element | lower %}
+{% else %}
+  {% if params.href %}
+    {% set element = 'a' %}
+  {% else %}
+    {% set element = 'button' %}
+  {% endif %}
+{% endif -%}
+
+{% if params.isStartButton %}
+  {% set iconHtml %}
+{#- The SVG needs `focusable="false"` so that Internet Explorer does not
+treat it as an interactive element - without this it will be
+'focusable' when using the keyboard to navigate. #}
+<svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
+  <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
+</svg>
+  {% endset %}
+  {% set classNames = classNames + " govuk-button--start" %}
+{% endif %}
+
+{#- Define common attributes that we can use across all element types #}
+
+{%- set commonAttributes %} class="{{ classNames }}" data-module="govuk-button"{% for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}{% endset %}
+
+{#- Define common attributes we can use for both button and input types #}
+
+{%- set buttonAttributes %}{% if params.name %} name="{{ params.name }}"{% endif %}{% if params.disabled %} disabled="disabled" aria-disabled="true"{% endif %}{% if params.preventDoubleClick %} data-prevent-double-click="true"{% endif %}{% endset %}
+
+{#- Actually create a button... or a link! #}
+
+{%- if element == 'a' %}
+<a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }}>
+  {{ params.html | safe if params.html else params.text }}
+{# Indentation is intentional to output HTML nicely #}
+{{- iconHtml | safe | trim | indent(2, true) if iconHtml -}}
+</a>
+
+{%- elseif element == 'button' %}
+<button {%- if params.value %} value="{{ params.value }}"{% endif %}{%- if params.type %} type="{{ params.type }}"{% endif %} {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
+  {{ params.html | safe if params.html else params.text }}
+{# Indentation is intentional to output HTML nicely #}
+{{- iconHtml | safe | trim | indent(2, true) if iconHtml -}}
+</button>
+
+{%- elseif element == 'input' %}
+<input value="{{ params.text }}" type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
+{%- endif %}