govuk_publishing_components 39.2.5 → 40.0.0

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

@@ -0,0 +1,119 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items for each task within the task list component.",
+        "params": [
+            {
+                "name": "title",
+                "type": "object",
+                "required": true,
+                "description": "The main title for the task within the task list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to use within the title. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to use within the title. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the title wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each task within the task list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to use within the hint. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to use within the hint. If `html` is provided, the `text` argument will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "status",
+                "type": "object",
+                "required": true,
+                "description": "The status for each task within the task list component.",
+                "params": [
+                    {
+                        "name": "tag",
+                        "type": "object",
+                        "isComponent": true,
+                        "required": false,
+                        "description": "Can be used to add a tag to the status of the task within the task list component."
+                    },
+                    {
+                        "name": "text",
+                        "required": false,
+                        "type": "string",
+                        "description": "Text to use for the status, as an alternative to using a tag. If `html` or `tag` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "required": false,
+                        "type": "string",
+                        "description": "HTML to use for the status, as an alternative to using a tag. If `html` or `tag` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the status container."
+                    }
+                ]
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "The value of the link’s `href` attribute for the task list item."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the item `div`."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the `ul` container for the task list."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the `ul` container for the task list."
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for the task list item tag and hint, separated by `-`. Defaults to `\"task-list\"`."
+    }
+]

data/node_modules/govuk-frontend/dist/govuk/components/task-list/macro.njk

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

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

@@ -0,0 +1,30 @@
+<ul class="govuk-task-list">
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">Company Directors</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-1-status">
+          Completed
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">Registered company details</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-2-status">
+          <strong class="govuk-tag govuk-tag--blue">
+      Incomplete
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">Business plan</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-3-status">
+          <strong class="govuk-tag govuk-tag--blue">
+      Incomplete
+    </strong>
+      </div>
+    </li>
+</ul>

data/node_modules/govuk-frontend/dist/govuk/components/task-list/template-example-with-3-states.html

@@ -0,0 +1,40 @@
+<ul class="govuk-task-list">
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">Company Directors</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-1-status">
+          Completed
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">Registered company details</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-2-status">
+          <strong class="govuk-tag govuk-tag--light-blue">
+      Not started
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">Business plan</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-3-status">
+          <strong class="govuk-tag govuk-tag--blue">
+      In progress
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-4-status">Documentation</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-4-status">
+          <strong class="govuk-tag govuk-tag--light-blue">
+      Not started
+    </strong>
+      </div>
+    </li>
+</ul>

data/node_modules/govuk-frontend/dist/govuk/components/task-list/template-example-with-all-possible-colours.html

@@ -0,0 +1,118 @@
+<ul class="govuk-task-list">
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">Task A</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-1-status">
+          Text colour
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">Task B</a>
+      </div>
+      <div class="govuk-task-list__status govuk-task-list__status--cannot-start-yet" id="task-list-2-status">
+          Secondary text colour
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">Task C</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-3-status">
+          <strong class="govuk-tag govuk-tag--grey">
+      Grey
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-4-status">Task D</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-4-status">
+          <strong class="govuk-tag govuk-tag--blue">
+      Blue
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-5-status">Task E</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-5-status">
+          <strong class="govuk-tag govuk-tag--light-blue">
+      Light blue
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-6-status">Task F</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-6-status">
+          <strong class="govuk-tag govuk-tag--turquoise">
+      Turquoise
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-7-status">Task G</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-7-status">
+          <strong class="govuk-tag govuk-tag--green">
+      Green
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-8-status">Task H</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-8-status">
+          <strong class="govuk-tag govuk-tag--purple">
+      Purple
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-9-status">Task I</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-9-status">
+          <strong class="govuk-tag govuk-tag--pink">
+      Pink
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-10-status">Task J</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-10-status">
+          <strong class="govuk-tag govuk-tag--red">
+      Red
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-11-status">Task K</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-11-status">
+          <strong class="govuk-tag govuk-tag--orange">
+      Orange
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-12-status">Task L</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-12-status">
+          <strong class="govuk-tag govuk-tag--yellow">
+      Yellow
+    </strong>
+      </div>
+    </li>
+</ul>

data/node_modules/govuk-frontend/dist/govuk/components/task-list/template-example-with-hint-text-and-additional-states.html

@@ -0,0 +1,64 @@
+<ul class="govuk-task-list">
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">Company Directors</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-1-status">
+          Completed
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">Registered company details</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-2-status">
+          <strong class="govuk-tag govuk-tag--light-blue">
+      Not started
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-hint task-list-3-status">Business plan</a>
+          <div id="task-list-3-hint" class="govuk-task-list__hint">
+            Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts.
+          </div>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-3-status">
+          <strong class="govuk-tag govuk-tag--pink">
+      Review
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-4-status">Documentation</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-4-status">
+          <strong class="govuk-tag govuk-tag--blue">
+      In progress
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-5-status">Charitable status</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-5-status">
+          <strong class="govuk-tag govuk-tag--red">
+      Error
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item">
+      <div class="govuk-task-list__name-and-hint">
+          <div>Payment</div>
+          <div id="task-list-6-hint" class="govuk-task-list__hint">
+            It will cost between £15 and £75
+          </div>
+      </div>
+      <div class="govuk-task-list__status govuk-task-list__status--cannot-start-yet" id="task-list-6-status">
+          Cannot start yet
+      </div>
+    </li>
+</ul>

data/node_modules/govuk-frontend/dist/govuk/components/task-list/template-example-with-very-long-single-word-tags.html

@@ -0,0 +1,30 @@
+<ul class="govuk-task-list">
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">Company Directors</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-1-status">
+          Completed
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">Registered company details</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-2-status">
+          <strong class="govuk-tag govuk-tag--blue">
+      Incomplete
+    </strong>
+      </div>
+    </li>
+<li class="govuk-task-list__item govuk-task-list__item--with-link">
+      <div class="govuk-task-list__name-and-hint">
+          <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">A very very very long Business plan</a>
+      </div>
+      <div class="govuk-task-list__status" id="task-list-3-status">
+          <strong class="govuk-tag govuk-tag--blue">
+      Thisisaverylongwaytosaythatsomethingisincomplete
+    </strong>
+      </div>
+    </li>
+</ul>

data/node_modules/govuk-frontend/dist/govuk/components/task-list/template.njk

@@ -0,0 +1,31 @@
+{% from "../tag/macro.njk" import govukTag %}
+
+{%- set idPrefix = params.idPrefix if params.idPrefix else "task-list" -%}
+
+<ul class="govuk-task-list {%- if params.classes %} {{ params.classes }}{% endif %}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+  {% for item in params.items %}
+    {%- set hintId = idPrefix + "-" + loop.index + "-hint" -%}
+    {%- set statusId = idPrefix + "-" + loop.index + "-status" -%}
+    <li class="govuk-task-list__item {%- if item.href %} govuk-task-list__item--with-link{% endif %}{%- if item.classes %} {{ item.classes }}{% endif %}">
+      <div class="govuk-task-list__name-and-hint">
+        {% if item.href %}
+          <a class="govuk-link govuk-task-list__link {%- if item.title.classes %} {{ item.title.classes }}{% endif %}" href="{{ item.href }}" aria-describedby="{{ hintId + " " if item.hint }}{{ statusId }}">{{ item.title.html | safe if item.title.html else item.title.text }}</a>
+        {% else %}
+          <div {%- if item.title.classes %} class="{{ item.title.classes }}"{% endif %}>{{ item.title.html | safe if item.title.html else item.title.text }}</div>
+        {% endif %}
+        {% if item.hint %}
+          <div id="{{ hintId }}" class="govuk-task-list__hint">
+            {{ item.hint.html | safe if item.hint.html else item.hint.text }}
+          </div>
+        {% endif %}
+      </div>
+      <div class="govuk-task-list__status {%- if item.status.classes %} {{ item.status.classes }}{% endif %}" id="{{ statusId }}">
+        {% if item.status.tag %}
+          {{ govukTag(item.status.tag) | trim | indent(4) }}
+        {% else %}
+          {{ item.status.html | safe if item.status.html else item.status.text }}
+        {% endif %}
+      </div>
+    </li>
+  {% endfor %}
+</ul>

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

@@ -0,0 +1,50 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/textarea") {
+  .govuk-textarea {
+    @include govuk-font($size: 19, $line-height: 1.25);
+
+    box-sizing: border-box; // should this be global?
+    display: block;
+    width: 100%;
+    min-height: 40px;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: govuk-spacing(1);
+
+    resize: vertical;
+
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border-radius: 0;
+
+    -webkit-appearance: none;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Ensure outline appears outside of the element
+      outline-offset: 0;
+      // Double the border by adding its width again. Use `box-shadow` to do
+      // this instead of changing `border-width` (which changes element size) and
+      // since `outline` is already used for the yellow focus state.
+      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-textarea--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/textarea/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB,EAAE,wBAAwB;IAChD,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,6CAA6C;IAC7C,yBAAyB;;IAEzB,gBAAgB;;IAEhB,yEAAyE;IACzE,gBAAgB;;IAEhB,wBAAwB;;IAExB;MACE,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,qEAAqE;MACrE,0EAA0E;MAC1E,6DAA6D;MAC7D,wDAAwD;IAC1D;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/textarea\") {\n  .govuk-textarea {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box; // should this be global?\n    display: block;\n    width: 100%;\n    min-height: 40px;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: govuk-spacing(1);\n\n    resize: vertical;\n\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    -webkit-appearance: none;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      // Double the border by adding its width again. Use `box-shadow` to do\n      // this instead of changing `border-width` (which changes element size) and\n      // since `outline` is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-textarea--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/textarea/_textarea.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/textarea/_textarea.scss.map

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