govuk_publishing_components 23.3.0 → 23.4.0

data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss

@@ -52,7 +52,6 @@
       // These should be removed when legacy font support is dropped
       top: -1px;
       bottom: 1px;
-
     } @else {
       top: 0;
       bottom: 0;
@@ -108,5 +107,4 @@
       bottom: $offset;
     }
   }
-
 }

data/node_modules/govuk-frontend/govuk/components/back-link/fixtures.json

@@ -0,0 +1,56 @@
+{
+    "component": "back-link",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "href": "#"
+            },
+            "html": "<a href=\"#\" class=\"govuk-back-link\">Back</a>"
+        },
+        {
+            "name": "with custom text",
+            "options": {
+                "href": "#",
+                "text": "Back to home"
+            },
+            "html": "<a href=\"#\" class=\"govuk-back-link\">Back to home</a>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-back-link--custom-class",
+                "href": "#"
+            },
+            "html": "<a href=\"#\" class=\"govuk-back-link app-back-link--custom-class\">Back</a>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<b>Home</b>",
+                "href": "#"
+            },
+            "html": "<a href=\"#\" class=\"govuk-back-link\">&lt;b&gt;Home&lt;/b&gt;</a>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<b>Back</b>",
+                "href": "#"
+            },
+            "html": "<a href=\"#\" class=\"govuk-back-link\"><b>Back</b></a>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "href": "#",
+                "html": "<b>Back to home</b>",
+                "attributes": {
+                    "data-test": "attribute",
+                    "aria-label": "Back to home"
+                }
+            },
+            "html": "<a href=\"#\" class=\"govuk-back-link\" data-test=\"attribute\" aria-label=\"Back to home\"><b>Back to home</b></a>"
+        }
+    ]
+}

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

@@ -57,7 +57,6 @@
         // These should be removed when legacy font support is dropped
         top: -1px;
         bottom: 1px;
-
       } @else {
         top: 0;
         bottom: 0;

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

@@ -0,0 +1,172 @@
+{
+    "component": "breadcrumbs",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "text": "Section",
+                        "href": "/section"
+                    },
+                    {
+                        "text": "Sub-section",
+                        "href": "/section/sub-section"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-breadcrumbs \">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\">Section</a>\n    </li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section/sub-section\">Sub-section</a>\n    </li>\n    \n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "with one level",
+            "options": {
+                "items": [
+                    {
+                        "text": "Section",
+                        "href": "/section"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-breadcrumbs \">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\">Section</a>\n    </li>\n    \n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "with multiple levels",
+            "options": {
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Section",
+                        "href": "/section"
+                    },
+                    {
+                        "text": "Sub-section",
+                        "href": "/section/sub-section"
+                    },
+                    {
+                        "text": "Sub Sub-section",
+                        "href": "/section/sub-section/sub-sub-section"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-breadcrumbs \">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\">Section</a>\n    </li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section/sub-section\">Sub-section</a>\n    </li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section/sub-section/sub-sub-section\">Sub Sub-section</a>\n    </li>\n    \n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "without the home section",
+            "options": {
+                "items": [
+                    {
+                        "text": "Service Manual",
+                        "href": "/service-manual"
+                    },
+                    {
+                        "text": "Agile Delivery",
+                        "href": "/service-manual/agile-delivery"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-breadcrumbs \">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/service-manual\">Service Manual</a>\n    </li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/service-manual/agile-delivery\">Agile Delivery</a>\n    </li>\n    \n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "with last breadcrumb as current page",
+            "options": {
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Passports, travel and living abroad",
+                        "href": "/browse/abroad"
+                    },
+                    {
+                        "text": "Travel abroad"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-breadcrumbs \">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/browse/abroad\">Passports, travel and living abroad</a>\n    </li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Travel abroad</li>\n    \n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "with collapse on mobile",
+            "options": {
+                "collapseOnMobile": true,
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Education, training and skills",
+                        "href": "/education"
+                    },
+                    {
+                        "text": "Special educational needs and disability (SEND) and high needs",
+                        "href": "/education/special-educational-needs-and-disability-send-and-high-needs"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-breadcrumbs  govuk-breadcrumbs--collapse-on-mobile\">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/education\">Education, training and skills</a>\n    </li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/education/special-educational-needs-and-disability-send-and-high-needs\">Special educational needs and disability (SEND) and high needs</a>\n    </li>\n    \n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-breadcrumbs--custom-modifier"
+            },
+            "html": "<div class=\"govuk-breadcrumbs app-breadcrumbs--custom-modifier\">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "id": "my-navigation",
+                    "role": "navigation"
+                }
+            },
+            "html": "<div class=\"govuk-breadcrumbs \" id=\"my-navigation\" role=\"navigation\">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "item attributes",
+            "options": {
+                "items": [
+                    {
+                        "text": "Section 1",
+                        "href": "/section",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-breadcrumbs \">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">Section 1</a>\n    </li>\n    \n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "items": [
+                    {
+                        "text": "<span>Section 1</span>"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-breadcrumbs \">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">&lt;span&gt;Section 1&lt;/span&gt;</li>\n    \n  \n  </ol>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "items": [
+                    {
+                        "html": "<em>Section 1</em>"
+                    },
+                    {
+                        "html": "<em>Section 2</em>",
+                        "href": "/section-2"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-breadcrumbs \">\n  <ol class=\"govuk-breadcrumbs__list\">\n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\"><em>Section 1</em></li>\n    \n  \n    \n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-2\"><em>Section 2</em></a>\n    </li>\n    \n  \n  </ol>\n</div>"
+        }
+    ]
+}

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

@@ -1,5 +1,5 @@
 @include govuk-exports("govuk/component/button") {
-  $govuk-button-colour: govuk-colour("green", $legacy: #00823b); // sass-lint:disable no-color-literals
+  $govuk-button-colour: govuk-colour("green", $legacy: #00823b);
   $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);
   $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);
   $govuk-button-text-colour: govuk-colour("white");
@@ -117,7 +117,7 @@
 
     // Use a pseudo element to expand the click target area to include the
     // button's shadow as well, in case users try to click it.
-    &::before {
+    &:before {
       content: "";
       display: block;
 
@@ -141,7 +141,7 @@
     // the click event is still fired.
     //
     // 🎉
-    &:active::before {
+    &:active:before {
       top: -($govuk-border-width-form-element + $button-shadow-size);
     }
   }

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

@@ -0,0 +1,275 @@
+{
+    "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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\">"
+        },
+        {
+            "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\">"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "element": "button",
+                "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  \n</button>"
+        },
+        {
+            "name": "link attributes",
+            "options": {
+                "element": "a",
+                "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  \n</a>"
+        },
+        {
+            "name": "input attributes",
+            "options": {
+                "element": "input",
+                "attributes": {
+                    "aria-controls": "example-id",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "html": "<input value=\"\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"example-id\" data-tracking-dimension=\"123\">"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "element": "button",
+                "classes": "app-button--custom-modifier"
+            },
+            "html": "<button class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  \n</button>"
+        },
+        {
+            "name": "link classes",
+            "options": {
+                "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  \n</a>"
+        },
+        {
+            "name": "input classes",
+            "options": {
+                "element": "input",
+                "classes": "app-button--custom-modifier"
+            },
+            "html": "<input value=\"\" type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "name",
+            "options": {
+                "element": "button",
+                "name": "start-now"
+            },
+            "html": "<button name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">\n  \n</button>"
+        },
+        {
+            "name": "type",
+            "options": {
+                "element": "button",
+                "type": "button"
+            },
+            "html": "<button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n  \n</button>"
+        },
+        {
+            "name": "input type",
+            "options": {
+                "element": "input",
+                "type": "button"
+            },
+            "html": "<input value=\"\" type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "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>"
+        },
+        {
+            "name": "no href",
+            "options": {
+                "element": "a"
+            },
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  \n</a>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "element": "button",
+                "value": "start"
+            },
+            "html": "<button value=\"start\" class=\"govuk-button\" data-module=\"govuk-button\">\n  \n</button>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "element": "button",
+                "html": "Start <em>now</em>"
+            },
+            "html": "<button class=\"govuk-button\" data-module=\"govuk-button\">\n  Start <em>now</em>\n</button>"
+        },
+        {
+            "name": "no data",
+            "options": {},
+            "html": "<button class=\"govuk-button\" data-module=\"govuk-button\">\n  \n</button>"
+        }
+    ]
+}