defra_ruby_template 3.13.0

data/node_modules/govuk-frontend/govuk/components/summary-list/_summary-list.scss

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

data/node_modules/govuk-frontend/govuk/components/summary-list/fixtures.json

@@ -0,0 +1,1084 @@
+{
+    "component": "summary-list",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Contact information\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\">\n          email@email.com\n        </p>\n        <p class=\"govuk-body\">\n          Address line 1<br>\n          Address line 2<br>\n          Address line 3<br>\n          Address line 4<br>\n          Address line 5\n        </p>\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": false
+        },
+        {
+            "name": "with actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <ul class=\"govuk-summary-list__actions-list\">\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Edit<span class=\"govuk-visually-hidden\"> name</span>\n                      </a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Delete<span class=\"govuk-visually-hidden\"> name</span>\n                      </a>\n                  </li>\n                \n              </ul>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> date of birth</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Contact information\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\">\n         email@email.com\n        </p>\n        <p class=\"govuk-body\">\n          Address line 1<br>\n          Address line 2<br>\n          Address line 3<br>\n          Address line 4<br>\n          Address line 5\n        </p>\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <ul class=\"govuk-summary-list__actions-list\">\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Edit<span class=\"govuk-visually-hidden\"> contact information</span>\n                      </a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Change<span class=\"govuk-visually-hidden\"> contact information</span>\n                      </a>\n                  </li>\n                \n              </ul>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": false
+        },
+        {
+            "name": "with some actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <ul class=\"govuk-summary-list__actions-list\">\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Edit<span class=\"govuk-visually-hidden\"> name</span>\n                      </a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Delete<span class=\"govuk-visually-hidden\"> name</span>\n                      </a>\n                  </li>\n                \n              </ul>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        \n          \n          <span class=\"govuk-summary-list__actions\"></span>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Contact information\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\">\n          email@email.com\n        </p>\n        <p class=\"govuk-body\">\n          Address line 1<br>\n          Address line 2<br>\n          Address line 3<br>\n          Address line 4<br>\n          Address line 5\n        </p>\n        </dd>\n        \n          \n          <span class=\"govuk-summary-list__actions\"></span>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": false
+        },
+        {
+            "name": "no-border",
+            "options": {
+                "classes": "govuk-summary-list--no-border",
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list govuk-summary-list--no-border\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Contact information\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\">\n          email@email.com\n        </p>\n        <p class=\"govuk-body\">\n          Address line 1<br>\n          Address line 2<br>\n          Address line 3<br>\n          Address line 4<br>\n          Address line 5\n        </p>\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": false
+        },
+        {
+            "name": "no-border on last row",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "classes": "govuk-summary-list__row--no-border"
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row govuk-summary-list__row--no-border\">\n        <dt class=\"govuk-summary-list__key\">\n          Contact information\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\">\n          email@email.com\n        </p>\n        <p class=\"govuk-body\">\n          Address line 1<br>\n          Address line 2<br>\n          Address line 3<br>\n          Address line 4<br>\n          Address line 5\n        </p>\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": false
+        },
+        {
+            "name": "overridden-widths",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "classes": "govuk-!-width-one-half",
+                            "text": "Name"
+                        },
+                        "value": {
+                            "classes": "govuk-!-width-one-quarter",
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "govuk-!-width-one-half",
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key govuk-!-width-one-half\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value govuk-!-width-one-quarter\">\n          Firstname Lastname\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions govuk-!-width-one-half\">\n            \n              <ul class=\"govuk-summary-list__actions-list\">\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Edit<span class=\"govuk-visually-hidden\"> name</span>\n                      </a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Delete<span class=\"govuk-visually-hidden\"> name</span>\n                      </a>\n                  </li>\n                \n              </ul>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> date of birth</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Contact information\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\">\n          email@email.com\n        </p>\n        <p class=\"govuk-body\">\n          Address line 1<br>\n          Address line 2<br>\n          Address line 3<br>\n          Address line 4<br>\n          Address line 5\n        </p>\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <ul class=\"govuk-summary-list__actions-list\">\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Edit<span class=\"govuk-visually-hidden\"> contact information</span>\n                      </a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Change<span class=\"govuk-visually-hidden\"> contact information</span>\n                      </a>\n                  </li>\n                \n              </ul>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": false
+        },
+        {
+            "name": "check-your-answers",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Sarah Philips"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "5 January 1978"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Address"
+                        },
+                        "value": {
+                            "html": "72 Guild Street<br>\nLondon<br>\nSE23 6FH\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact details"
+                        },
+                        "value": {
+                            "html": "07700 900457<br>\nsarah.phillips@example.com\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact details"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Previous application number"
+                        },
+                        "value": {
+                            "text": 502135326
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "previous application number"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Licence type"
+                        },
+                        "value": {
+                            "text": "For personal use"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "licence type"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Home address"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  72 Guild Street<br>\n  London<br>\n  SE23 6FH\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "home address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Licence period"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">This is a longer paragraph of text provided by the user to provide additional information.</p>\n<p class=\"govuk-body\">This is a second paragraph of text provided by the user.</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "licence period"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Sarah Philips\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> name</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          5 January 1978\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> date of birth</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Address\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          72 Guild Street<br>\n        London<br>\n        SE23 6FH\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> address</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Contact details\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          07700 900457<br>\n        sarah.phillips@example.com\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> contact details</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Previous application number\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          502135326\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> previous application number</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Licence type\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          For personal use\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> licence type</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Home address\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\">\n          72 Guild Street<br>\n          London<br>\n          SE23 6FH\n        </p>\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> home address</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Licence period\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\">This is a longer paragraph of text provided by the user to provide additional information.</p>\n        <p class=\"govuk-body\">This is a second paragraph of text provided by the user.</p>\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> licence period</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": false
+        },
+        {
+            "name": "extreme",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Buy"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Use"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Break"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fix"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Trash"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Mail"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Upgrade"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Charge"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Point"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Coom"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Press"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Snap"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Work"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Erase"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long website address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long website address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long email address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long email address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "No wrapping allowed"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "no wrapping allowed"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Pneumonoultramicroscopicsilicovolcanoconiosis"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n<p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Write"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cut"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Paste"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Save"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Load"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Check"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rewrite"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Plug"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Play"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Burn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Drag and drop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unzip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Lock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fill"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Curl"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Find"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "View"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder."
+                        },
+                        "value": {
+                            "text": "The Great Gatsby"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Code"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Jam"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unlock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Surf"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scroll"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pose"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Click"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cross"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Crack"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Twitch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Update"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Read"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Tune"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Print"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scan"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Send"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fax"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rename"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Touch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Bring"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pay"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Watch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Turn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Leave"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Stop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Format"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <ul class=\"govuk-summary-list__actions-list\">\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Buy</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Use</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Break</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Fix</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Trash</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Change</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Mail</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Upgrade</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Charge</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Point</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Coom</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Press</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Snap</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Work</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Quick</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Erase</a>\n                  </li>\n                \n              </ul>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Long website address\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> long website address</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Long email address\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> long email address</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          No wrapping allowed\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Change<span class=\"govuk-visually-hidden\"> no wrapping allowed</span>\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Pneumonoultramicroscopicsilicovolcanoconiosis\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n        <p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <ul class=\"govuk-summary-list__actions-list\">\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Write</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Cut</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Paste</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Save</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Load</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Check</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Quick</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Rewrite</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Plug</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Play</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Burn</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Rip</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Drag and drop</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Zip</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Unzip</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Lock</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Fill</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Curl</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Find</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      View</a>\n                  </li>\n                \n              </ul>\n            \n          </dd>\n        \n      </div>\n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          The Great Gatsby\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <ul class=\"govuk-summary-list__actions-list\">\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Code</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Jam</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Unlock</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Surf</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Scroll</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Pose</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Click</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Cross</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Crack</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Twitch</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Update</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Name</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Read</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Tune</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Print</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Scan</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Send</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Fax</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Rename</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Touch</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Bring</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Pay</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Watch</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Turn</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Leave</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Stop</a>\n                  </li>\n                \n                  <li class=\"govuk-summary-list__actions-list-item\">\n                    <a class=\"govuk-link\" href=\"#\">\n                      Format</a>\n                  </li>\n                \n              </ul>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": false
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ],
+                "attributes": {
+                    "data-attribute-1": "value-1",
+                    "data-attribute-2": "value-2"
+                }
+            },
+            "html": "<dl class=\"govuk-summary-list\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "with falsey values",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "key": {
+                            "text": "Name 2"
+                        },
+                        "value": {
+                            "text": "Firstname2 Lastname2"
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n      </div>\n    \n  \n    \n  \n    \n  \n    \n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name 2\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname2 Lastname2\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "key with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "html": "<b>Name</b>"
+                        },
+                        "value": {
+                            "html": "<strong>Firstname Lastname</strong>"
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          <b>Name</b>\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <strong>Firstname Lastname</strong>\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "key with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name",
+                            "classes": "app-custom-class"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key app-custom-class\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "value with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "html": "<span>email@email.com</span>"
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <span>email@email.com</span>\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "actions href",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "https://www.gov.uk",
+                                    "text": "Go to GOV.UK"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"https://www.gov.uk\">\n                Go to GOV.UK</a>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "actions with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "html": "Edit<span class=\"visually-hidden\"> name</span>",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                Edit<span class=\"visually-hidden\"> name</span></a>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "actions with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "app-custom-class",
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "/edit"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions app-custom-class\">\n            \n              <a class=\"govuk-link\" href=\"/edit\">\n                Edit</a>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "actions with attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "attributes": {
+                                        "data-test-attribute": "value",
+                                        "data-test-attribute-2": "value-2"
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n                Edit</a>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "single action with anchor",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "First action",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"#\">\n                First action</a>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "classes on items",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "classes": "govuk-link--no-visited-state"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\">\n                Edit</a>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "empty items array",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": []
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        },
+        {
+            "name": "rows with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "classes": "app-custom-class"
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row app-custom-class\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        \n      </div>\n    \n  \n</dl>",
+            "hidden": true
+        }
+    ]
+}