govuk_publishing_components 39.2.5 → 40.0.0

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

@@ -0,0 +1,159 @@
+{
+    "component": "tag",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Alpha"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag\">\n  Alpha\n</strong>"
+        },
+        {
+            "name": "grey",
+            "options": {
+                "text": "Grey",
+                "classes": "govuk-tag--grey"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--grey\">\n  Grey\n</strong>"
+        },
+        {
+            "name": "blue",
+            "options": {
+                "text": "Blue",
+                "classes": "govuk-tag--blue"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--blue\">\n  Blue\n</strong>"
+        },
+        {
+            "name": "light blue",
+            "options": {
+                "text": "Light blue",
+                "classes": "govuk-tag--light-blue"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--light-blue\">\n  Light blue\n</strong>"
+        },
+        {
+            "name": "turquoise",
+            "options": {
+                "text": "Turquoise",
+                "classes": "govuk-tag--turquoise"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--turquoise\">\n  Turquoise\n</strong>"
+        },
+        {
+            "name": "green",
+            "options": {
+                "text": "Green",
+                "classes": "govuk-tag--green"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--green\">\n  Green\n</strong>"
+        },
+        {
+            "name": "purple",
+            "options": {
+                "text": "Purple",
+                "classes": "govuk-tag--purple"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--purple\">\n  Purple\n</strong>"
+        },
+        {
+            "name": "pink",
+            "options": {
+                "text": "Pink",
+                "classes": "govuk-tag--pink"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--pink\">\n  Pink\n</strong>"
+        },
+        {
+            "name": "red",
+            "options": {
+                "text": "Red",
+                "classes": "govuk-tag--red"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--red\">\n  Red\n</strong>"
+        },
+        {
+            "name": "orange",
+            "options": {
+                "text": "Orange",
+                "classes": "govuk-tag--orange"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--orange\">\n  Orange\n</strong>"
+        },
+        {
+            "name": "yellow",
+            "options": {
+                "text": "Yellow",
+                "classes": "govuk-tag--yellow"
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag govuk-tag--yellow\">\n  Yellow\n</strong>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Tag with attributes",
+                "attributes": {
+                    "data-test": "attribute",
+                    "id": "my-tag"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag\" data-test=\"attribute\" id=\"my-tag\">\n  Tag with attributes\n</strong>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>Alpha</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag\">\n  &lt;span&gt;Alpha&lt;/span&gt;\n</strong>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<span>Alpha</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<strong class=\"govuk-tag\">\n  <span>Alpha</span>\n</strong>"
+        }
+    ]
+}

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-blue.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--blue">
+  Blue
+</strong>

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

@@ -0,0 +1,3 @@
+<strong class="govuk-tag">
+  Alpha
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-green.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--green">
+  Green
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-grey.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--grey">
+  Grey
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-light-blue.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--light-blue">
+  Light blue
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-orange.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--orange">
+  Orange
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-pink.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--pink">
+  Pink
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-purple.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--purple">
+  Purple
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-red.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--red">
+  Red
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-turquoise.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--turquoise">
+  Turquoise
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/tag/template-yellow.html

@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--yellow">
+  Yellow
+</strong>

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

@@ -0,0 +1,3 @@
+<strong class="govuk-tag {%- if params.classes %} {{ params.classes }}{% endif %}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+  {{ params.html | safe if params.html else params.text }}
+</strong>

data/node_modules/govuk-frontend/dist/govuk/components/task-list/README.md

@@ -0,0 +1,15 @@
+# Task list
+
+## 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 task list component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/task-list).
+
+## 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/task-list/#options-task-list-example) for details.

data/node_modules/govuk-frontend/dist/govuk/components/task-list/_index.scss

@@ -0,0 +1,77 @@
+@import "../tag/index";
+
+@include govuk-exports("govuk/component/task-list") {
+  $govuk-task-list-hover-colour: govuk-colour("light-grey");
+
+  .govuk-task-list {
+    @include govuk-font($size: 19);
+    margin-top: 0;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: 0;
+    list-style-type: none;
+  }
+
+  // This uses table layout so that the task name and status always appear side-by-side, with the width of
+  // each 'column' being flexible depending upon the length of the task names and statuses.
+  //
+  // The position is set to 'relative' so than an absolutely-positioned transparent element box
+  // can be added within the link so that the whole row can be clickable.
+  .govuk-task-list__item {
+    display: table;
+    position: relative;
+    width: 100%;
+    margin-bottom: 0;
+    padding-top: govuk-spacing(2);
+    padding-bottom: govuk-spacing(2);
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-task-list__item:first-child {
+    border-top: 1px solid $govuk-border-colour;
+  }
+
+  // This class is added to the <li> elements where the task name is a link.
+  // The background hover colour is added to help indicate that the whole row is clickable, rather
+  // than just the visible link text.
+  .govuk-task-list__item--with-link:hover {
+    background: $govuk-task-list-hover-colour;
+  }
+
+  .govuk-task-list__name-and-hint {
+    display: table-cell;
+    vertical-align: top;
+    @include govuk-text-colour;
+  }
+
+  .govuk-task-list__status {
+    display: table-cell;
+    padding-left: govuk-spacing(2);
+    text-align: right;
+    vertical-align: top;
+    @include govuk-text-colour;
+  }
+
+  .govuk-task-list__status--cannot-start-yet {
+    color: $govuk-secondary-text-colour;
+  }
+
+  // This adds an empty transparent box covering the whole row, including the task status and
+  // any hint text. Because this is generated within the link element, this allows the whole area
+  // to be clickable.
+  .govuk-task-list__link::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .govuk-task-list__hint {
+    margin-top: govuk-spacing(1);
+    color: $govuk-secondary-text-colour;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/task-list/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;;AAEtB;EACE,yDAAyD;;EAEzD;IACE,8BAA8B;IAC9B,aAAa;IACb,6CAA6C;IAC7C,UAAU;IACV,qBAAqB;EACvB;;EAEA,uGAAuG;EACvG,wFAAwF;EACxF,CAAC;EACD,4FAA4F;EAC5F,sEAAsE;EACtE;IACE,cAAc;IACd,kBAAkB;IAClB,WAAW;IACX,gBAAgB;IAChB,6BAA6B;IAC7B,gCAAgC;IAChC,6CAA6C;EAC/C;;EAEA;IACE,0CAA0C;EAC5C;;EAEA,yEAAyE;EACzE,+FAA+F;EAC/F,kCAAkC;EAClC;IACE,yCAAyC;EAC3C;;EAEA;IACE,mBAAmB;IACnB,mBAAmB;IACnB,0BAA0B;EAC5B;;EAEA;IACE,mBAAmB;IACnB,8BAA8B;IAC9B,iBAAiB;IACjB,mBAAmB;IACnB,0BAA0B;EAC5B;;EAEA;IACE,mCAAmC;EACrC;;EAEA,0FAA0F;EAC1F,8FAA8F;EAC9F,kBAAkB;EAClB;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;EACT;;EAEA;IACE,4BAA4B;IAC5B,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/task-list\") {\n  $govuk-task-list-hover-colour: govuk-colour(\"light-grey\");\n\n  .govuk-task-list {\n    @include govuk-font($size: 19);\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: 0;\n    list-style-type: none;\n  }\n\n  // This uses table layout so that the task name and status always appear side-by-side, with the width of\n  // each 'column' being flexible depending upon the length of the task names and statuses.\n  //\n  // The position is set to 'relative' so than an absolutely-positioned transparent element box\n  // can be added within the link so that the whole row can be clickable.\n  .govuk-task-list__item {\n    display: table;\n    position: relative;\n    width: 100%;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-task-list__item:first-child {\n    border-top: 1px solid $govuk-border-colour;\n  }\n\n  // This class is added to the <li> elements where the task name is a link.\n  // The background hover colour is added to help indicate that the whole row is clickable, rather\n  // than just the visible link text.\n  .govuk-task-list__item--with-link:hover {\n    background: $govuk-task-list-hover-colour;\n  }\n\n  .govuk-task-list__name-and-hint {\n    display: table-cell;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status {\n    display: table-cell;\n    padding-left: govuk-spacing(2);\n    text-align: right;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status--cannot-start-yet {\n    color: $govuk-secondary-text-colour;\n  }\n\n  // This adds an empty transparent box covering the whole row, including the task status and\n  // any hint text. Because this is generated within the link element, this allows the whole area\n  // to be clickable.\n  .govuk-task-list__link::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  .govuk-task-list__hint {\n    margin-top: govuk-spacing(1);\n    color: $govuk-secondary-text-colour;\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/task-list/_task-list.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/task-list/_task-list.scss.map

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