govuk_publishing_components 23.2.1 → 23.6.0

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

@@ -38,7 +38,7 @@
         "name": "idPrefix",
         "type": "string",
         "required": false,
-        "description": "String to prefix id for each checkbox item if no id is specified on each item. If `idPrefix` is not passed, fallback to using the name attribute instead."
+        "description": "String to prefix id for each radio item if no id is specified on each item. If `idPrefix` is not passed, fallback to using the name attribute instead."
     },
     {
         "name": "name",
@@ -87,7 +87,7 @@
                 "name": "hint",
                 "type": "object",
                 "required": false,
-                "description": "Provide hint to each checkbox item.",
+                "description": "Provide hint to each radio item.",
                 "isComponent": true
             },
             {

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

@@ -46,5 +46,4 @@
       border-color: $govuk-input-border-colour;
     }
   }
-
 }

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

@@ -0,0 +1,248 @@
+{
+    "component": "select",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n\n\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n  \n    \n      <option value=\"1\">GOV.UK frontend option 1</option>\n    \n  \n    \n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    \n  \n    \n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n    \n  \n  </select>\n</div>"
+        },
+        {
+            "name": "with hint text and error message",
+            "options": {
+                "id": "select-2",
+                "name": "select-2",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "hint": {
+                    "text": "Hint text goes here"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-2\">\n    Label text goes here\n  </label>\n\n  \n  \n  <div id=\"select-2-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n\n\n  \n  \n  <span id=\"select-2-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </span>\n\n  <select class=\"govuk-select govuk-select--error\" id=\"select-2\" name=\"select-2\" aria-describedby=\"select-2-hint select-2-error\">\n  \n    \n      <option value=\"1\">GOV.UK frontend option 1</option>\n    \n  \n    \n      <option value=\"2\">GOV.UK frontend option 2</option>\n    \n  \n    \n      <option value=\"3\">GOV.UK frontend option 3</option>\n    \n  \n  </select>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "select-3",
+                "name": "select-3",
+                "label": {
+                    "text": "Label text goes here",
+                    "isPageHeading": true
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label\" for=\"select-3\">\n      Label text goes here\n    </label>\n    </h1>\n\n\n  <select class=\"govuk-select\" id=\"select-3\" name=\"select-3\">\n  \n    \n      <option value=\"1\">GOV.UK frontend option 1</option>\n    \n  \n    \n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    \n  \n    \n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n    \n  \n  </select>\n</div>"
+        },
+        {
+            "name": "with full width override",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "classes": "govuk-!-width-full",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n\n\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n  \n    \n      <option value=\"1\">GOV.UK frontend option 1</option>\n    \n  \n    \n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    \n  \n    \n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n    \n  \n  </select>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "classes": "govuk-!-width-full",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n\n\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n  \n    \n      <option value=\"1\">GOV.UK frontend option 1</option>\n    \n  \n    \n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    \n  \n    \n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n    \n  \n  </select>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "describedBy": "some-id"
+            },
+            "html": "<div class=\"govuk-form-group\">\n  \n\n\n  <select class=\"govuk-select\" id=\"\" name=\"\" aria-describedby=\"some-id\">\n  \n  </select>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "html": "<div class=\"govuk-form-group\">\n  \n\n\n  <select class=\"govuk-select\" id=\"\" name=\"\" data-attribute=\"my data value\">\n  \n  </select>\n</div>"
+        },
+        {
+            "name": "attributes on items",
+            "options": {
+                "value": 2,
+                "items": [
+                    {
+                        "text": "Option 1",
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "text": "Option 2",
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  \n\n\n  <select class=\"govuk-select\" id=\"\" name=\"\">\n  \n    \n      <option value=\"\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n    \n  \n    \n      <option value=\"\" data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n    \n  \n  </select>\n</div>"
+        },
+        {
+            "name": "with falsey values",
+            "options": {
+                "items": [
+                    {
+                        "text": "Option 1"
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "text": "Options 2"
+                    }
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  \n\n\n  <select class=\"govuk-select\" id=\"\" name=\"\">\n  \n    \n      <option value=\"\">Option 1</option>\n    \n  \n    \n  \n    \n  \n    \n  \n    \n      <option value=\"\">Options 2</option>\n    \n  \n  </select>\n</div>"
+        },
+        {
+            "name": "hint",
+            "options": {
+                "id": "select-with-hint",
+                "hint": {
+                    "text": "Hint text goes here"
+                }
+            },
+            "html": "<div class=\"govuk-form-group\">\n  \n\n  \n  \n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n\n\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"\" aria-describedby=\"select-with-hint-hint\">\n  \n  </select>\n</div>"
+        },
+        {
+            "name": "hint and describedBy",
+            "options": {
+                "id": "select-with-hint",
+                "describedBy": "some-id",
+                "hint": {
+                    "text": "Hint text goes here"
+                }
+            },
+            "html": "<div class=\"govuk-form-group\">\n  \n\n  \n  \n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n\n\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"\" aria-describedby=\"some-id select-with-hint-hint\">\n  \n  </select>\n</div>"
+        },
+        {
+            "name": "error",
+            "options": {
+                "id": "select-with-error",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  \n\n\n  \n  \n  <span id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </span>\n\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"\" aria-describedby=\"select-with-error-error\">\n  \n  </select>\n</div>"
+        },
+        {
+            "name": "error and describedBy",
+            "options": {
+                "id": "select-with-error",
+                "describedBy": "some-id",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  \n\n\n  \n  \n  <span id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </span>\n\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"\" aria-describedby=\"some-id select-with-error-error\">\n  \n  </select>\n</div>"
+        }
+    ]
+}

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

@@ -0,0 +1,72 @@
+{
+    "component": "skip-link",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Skip to main content",
+                "href": "#content"
+            },
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "with focus",
+            "options": {
+                "classes": ":focus",
+                "text": "Skip to main content",
+                "href": "#content"
+            },
+            "html": "<a href=\"#content\" class=\"govuk-skip-link :focus\">Skip to main content</a>"
+        },
+        {
+            "name": "default values",
+            "options": {},
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\"></a>"
+        },
+        {
+            "name": "custom href",
+            "options": {
+                "href": "#custom"
+            },
+            "html": "<a href=\"#custom\" class=\"govuk-skip-link\"></a>"
+        },
+        {
+            "name": "custom text",
+            "options": {
+                "text": "skip"
+            },
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\">skip</a>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<p>skip</p>"
+            },
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\">&lt;p&gt;skip&lt;/p&gt;</a>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<p>skip</p>"
+            },
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\"><p>skip</p></a>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-skip-link--custom-class"
+            },
+            "html": "<a href=\"#content\" class=\"govuk-skip-link app-skip-link--custom-class\"></a>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test": "attribute",
+                    "aria-label": "Skip to content"
+                }
+            },
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-test=\"attribute\" aria-label=\"Skip to content\"></a>"
+        }
+    ]
+}

data/node_modules/govuk-frontend/govuk/components/summary-list/README.md

@@ -6,7 +6,7 @@ See the [main README quick start guide](https://github.com/alphagov/govuk-fronte
 
 ## Guidance and Examples
 
-Find out when to use the details component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/summary-list).
+Find out when to use the summary list component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/summary-list).
 
 ## Component options
 

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

@@ -1,5 +1,4 @@
 @include govuk-exports("govuk/component/summary-list") {
-
   .govuk-summary-list {
     @include govuk-font($size: 19);
     @include govuk-text-colour;
@@ -29,15 +28,8 @@
 
     @include govuk-media-query($from: tablet) {
       display: table-cell;
-      padding-right: govuk-spacing(4);
-    }
-  }
-
-  .govuk-summary-list__key,
-  .govuk-summary-list__value,
-  .govuk-summary-list__actions {
-    @include govuk-media-query($from: tablet) {
       padding-top: govuk-spacing(2);
+      padding-right: govuk-spacing(4);
       padding-bottom: govuk-spacing(2);
       border-bottom: 1px solid $govuk-border-colour;
     }
@@ -99,7 +91,7 @@
 
   .govuk-summary-list__actions-list-item {
     display: inline;
-    margin-right:  govuk-spacing(2);
+    margin-right: govuk-spacing(2);
     padding-right: govuk-spacing(2);
   }
 

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

@@ -0,0 +1,991 @@
+{
+    "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "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>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "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</dl>"
+        },
+        {
+            "name": "with falsey values",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        }
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "key": {
+                            "text": "Name 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          \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          \n        </dd>\n        \n      </div>\n    \n  \n</dl>"
+        },
+        {
+            "name": "key with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "html": "<b>Name</b>"
+                        }
+                    }
+                ]
+            },
+            "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          \n        </dd>\n        \n      </div>\n    \n  \n</dl>"
+        },
+        {
+            "name": "key with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name",
+                            "classes": "app-custom-class"
+                        }
+                    }
+                ]
+            },
+            "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          \n        </dd>\n        \n      </div>\n    \n  \n</dl>"
+        },
+        {
+            "name": "value with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": null,
+                        "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          \n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <span>email@email.com</span>\n        </dd>\n        \n      </div>\n    \n  \n</dl>"
+        },
+        {
+            "name": "actions href",
+            "options": {
+                "rows": [
+                    {
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "https://www.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          \n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          \n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions\">\n            \n              <a class=\"govuk-link\" href=\"https://www.gov.uk\">\n                </a>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>"
+        },
+        {
+            "name": "actions with html",
+            "options": {
+                "rows": [
+                    {
+                        "actions": {
+                            "items": [
+                                {
+                                    "html": "Edit<span class=\"visually-hidden\"> name</span>"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          \n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          \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>"
+        },
+        {
+            "name": "actions with classes",
+            "options": {
+                "rows": [
+                    {
+                        "actions": {
+                            "classes": "app-custom-class",
+                            "items": [
+                                {
+                                    "text": "Edit"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "html": "<dl class=\"govuk-summary-list\">\n  \n    \n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          \n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          \n        </dd>\n        \n          <dd class=\"govuk-summary-list__actions app-custom-class\">\n            \n              <a class=\"govuk-link\" href=\"\">\n                Edit</a>\n            \n          </dd>\n        \n      </div>\n    \n  \n</dl>"
+        },
+        {
+            "name": "actions with attributes",
+            "options": {
+                "rows": [
+                    {
+                        "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          \n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          \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>"
+        },
+        {
+            "name": "single action with anchor",
+            "options": {
+                "rows": [
+                    {
+                        "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          \n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          \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>"
+        },
+        {
+            "name": "classes on items",
+            "options": {
+                "rows": [
+                    {
+                        "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          \n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          \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>"
+        },
+        {
+            "name": "empty items array",
+            "options": {
+                "rows": [
+                    {
+                        "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          \n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          \n        </dd>\n        \n      </div>\n    \n  \n</dl>"
+        },
+        {
+            "name": "rows with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "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          \n        </dd>\n        \n      </div>\n    \n  \n</dl>"
+        }
+    ]
+}