govuk_publishing_components 34.6.0 → 34.7.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (110) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-link-tracker.js +2 -1
  3. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/init-ga4.js +6 -4
  4. data/app/assets/javascripts/govuk_publishing_components/load-analytics.js +6 -3
  5. data/app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss +6 -0
  6. data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +1 -1
  7. data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_tables.scss +12 -0
  8. data/app/views/govuk_publishing_components/components/_document_list.html.erb +1 -0
  9. data/app/views/govuk_publishing_components/components/docs/document_list.yml +18 -1
  10. data/app/views/govuk_publishing_components/components/docs/govspeak.yml +22 -1
  11. data/lib/govuk_publishing_components/presenters/related_navigation_helper.rb +0 -7
  12. data/lib/govuk_publishing_components/version.rb +1 -1
  13. data/node_modules/govuk-frontend/govuk/all.js +4029 -3792
  14. data/node_modules/govuk-frontend/govuk/all.js.map +1 -0
  15. data/node_modules/govuk-frontend/govuk/common/closest-attribute-value.js +52 -51
  16. data/node_modules/govuk-frontend/govuk/common/closest-attribute-value.js.map +1 -0
  17. data/node_modules/govuk-frontend/govuk/common/index.js +153 -145
  18. data/node_modules/govuk-frontend/govuk/common/index.js.map +1 -0
  19. data/node_modules/govuk-frontend/govuk/common/normalise-dataset.js +324 -321
  20. data/node_modules/govuk-frontend/govuk/common/normalise-dataset.js.map +1 -0
  21. data/node_modules/govuk-frontend/govuk/common.js +154 -146
  22. data/node_modules/govuk-frontend/govuk/common.js.map +1 -0
  23. data/node_modules/govuk-frontend/govuk/components/_all.scss +1 -1
  24. data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss +23 -4
  25. data/node_modules/govuk-frontend/govuk/components/accordion/accordion.js +2059 -1654
  26. data/node_modules/govuk-frontend/govuk/components/accordion/accordion.js.map +1 -0
  27. data/node_modules/govuk-frontend/govuk/components/accordion/fixtures.json +11 -11
  28. data/node_modules/govuk-frontend/govuk/components/accordion/template.njk +1 -1
  29. data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss +19 -19
  30. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_index.scss +21 -10
  31. data/node_modules/govuk-frontend/govuk/components/button/button.js +927 -917
  32. data/node_modules/govuk-frontend/govuk/components/button/button.js.map +1 -0
  33. data/node_modules/govuk-frontend/govuk/components/character-count/character-count.js +2050 -2040
  34. data/node_modules/govuk-frontend/govuk/components/character-count/character-count.js.map +1 -0
  35. data/node_modules/govuk-frontend/govuk/components/checkboxes/checkboxes.js +1155 -1147
  36. data/node_modules/govuk-frontend/govuk/components/checkboxes/checkboxes.js.map +1 -0
  37. data/node_modules/govuk-frontend/govuk/components/cookie-banner/fixtures.json +23 -23
  38. data/node_modules/govuk-frontend/govuk/components/cookie-banner/template.njk +1 -1
  39. data/node_modules/govuk-frontend/govuk/components/details/details.js +800 -799
  40. data/node_modules/govuk-frontend/govuk/components/details/details.js.map +1 -0
  41. data/node_modules/govuk-frontend/govuk/components/error-summary/error-summary.js +1058 -1045
  42. data/node_modules/govuk-frontend/govuk/components/error-summary/error-summary.js.map +1 -0
  43. data/node_modules/govuk-frontend/govuk/components/header/_index.scss +6 -0
  44. data/node_modules/govuk-frontend/govuk/components/header/header.js +646 -998
  45. data/node_modules/govuk-frontend/govuk/components/header/header.js.map +1 -0
  46. data/node_modules/govuk-frontend/govuk/components/notification-banner/notification-banner.js +760 -752
  47. data/node_modules/govuk-frontend/govuk/components/notification-banner/notification-banner.js.map +1 -0
  48. data/node_modules/govuk-frontend/govuk/components/pagination/fixtures.json +61 -0
  49. data/node_modules/govuk-frontend/govuk/components/pagination/template.njk +1 -1
  50. data/node_modules/govuk-frontend/govuk/components/phase-banner/macro-options.json +1 -1
  51. data/node_modules/govuk-frontend/govuk/components/radios/radios.js +1110 -1107
  52. data/node_modules/govuk-frontend/govuk/components/radios/radios.js.map +1 -0
  53. data/node_modules/govuk-frontend/govuk/components/skip-link/skip-link.js +1017 -1014
  54. data/node_modules/govuk-frontend/govuk/components/skip-link/skip-link.js.map +1 -0
  55. data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss +107 -0
  56. data/node_modules/govuk-frontend/govuk/components/summary-list/fixtures.json +318 -23
  57. data/node_modules/govuk-frontend/govuk/components/summary-list/macro-options.json +110 -0
  58. data/node_modules/govuk-frontend/govuk/components/summary-list/template.njk +72 -28
  59. data/node_modules/govuk-frontend/govuk/components/tabs/tabs.js +1392 -1264
  60. data/node_modules/govuk-frontend/govuk/components/tabs/tabs.js.map +1 -0
  61. data/node_modules/govuk-frontend/govuk/i18n.js +363 -364
  62. data/node_modules/govuk-frontend/govuk/i18n.js.map +1 -0
  63. data/node_modules/govuk-frontend/govuk/settings/_measurements.scss +5 -5
  64. data/node_modules/govuk-frontend/govuk/vendor/polyfills/DOMTokenList.js +242 -241
  65. data/node_modules/govuk-frontend/govuk/vendor/polyfills/DOMTokenList.js.map +1 -0
  66. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Date/now.js +13 -12
  67. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Date/now.js.map +1 -0
  68. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Document.js +17 -16
  69. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Document.js.map +1 -0
  70. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/classList.js +547 -546
  71. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/classList.js.map +1 -0
  72. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/closest.js +37 -36
  73. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/closest.js.map +1 -0
  74. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/dataset.js +251 -250
  75. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/dataset.js.map +1 -0
  76. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/matches.js +21 -20
  77. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/matches.js.map +1 -0
  78. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/nextElementSibling.js +198 -197
  79. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/nextElementSibling.js.map +1 -0
  80. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/previousElementSibling.js +198 -197
  81. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/previousElementSibling.js.map +1 -0
  82. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element.js +106 -105
  83. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element.js.map +1 -0
  84. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Event.js +400 -399
  85. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Event.js.map +1 -0
  86. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Function/prototype/bind.js +239 -238
  87. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Function/prototype/bind.js.map +1 -0
  88. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Object/defineProperty.js +72 -71
  89. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Object/defineProperty.js.map +1 -0
  90. data/node_modules/govuk-frontend/govuk/vendor/polyfills/String/prototype/trim.js +14 -13
  91. data/node_modules/govuk-frontend/govuk/vendor/polyfills/String/prototype/trim.js.map +1 -0
  92. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Window.js +17 -16
  93. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Window.js.map +1 -0
  94. data/node_modules/govuk-frontend/govuk-esm/all.mjs +2 -2
  95. data/node_modules/govuk-frontend/govuk-esm/common/index.mjs +17 -10
  96. data/node_modules/govuk-frontend/govuk-esm/common/normalise-dataset.mjs +3 -1
  97. data/node_modules/govuk-frontend/govuk-esm/components/accordion/accordion.mjs +135 -52
  98. data/node_modules/govuk-frontend/govuk-esm/components/button/button.mjs +11 -9
  99. data/node_modules/govuk-frontend/govuk-esm/components/character-count/character-count.mjs +10 -7
  100. data/node_modules/govuk-frontend/govuk-esm/components/checkboxes/checkboxes.mjs +24 -18
  101. data/node_modules/govuk-frontend/govuk-esm/components/details/details.mjs +23 -16
  102. data/node_modules/govuk-frontend/govuk-esm/components/error-summary/error-summary.mjs +15 -11
  103. data/node_modules/govuk-frontend/govuk-esm/components/header/header.mjs +3 -2
  104. data/node_modules/govuk-frontend/govuk-esm/components/notification-banner/notification-banner.mjs +3 -4
  105. data/node_modules/govuk-frontend/govuk-esm/components/radios/radios.mjs +10 -9
  106. data/node_modules/govuk-frontend/govuk-esm/components/skip-link/skip-link.mjs +5 -3
  107. data/node_modules/govuk-frontend/govuk-esm/components/tabs/tabs.mjs +165 -38
  108. data/node_modules/govuk-frontend/govuk-esm/i18n.mjs +9 -11
  109. data/node_modules/govuk-frontend/package.json +1 -1
  110. metadata +35 -3
@@ -32,7 +32,7 @@
32
32
  ]
33
33
  },
34
34
  "hidden": false,
35
- "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>"
35
+ "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>"
36
36
  },
37
37
  {
38
38
  "name": "with actions",
@@ -102,7 +102,7 @@
102
102
  ]
103
103
  },
104
104
  "hidden": false,
105
- "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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> name</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Delete<span class=\"govuk-visually-hidden\"> name</span>\n </a></li></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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> contact information</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> contact information</span>\n </a></li></ul>\n \n </dd>\n \n </div>\n \n \n</dl>"
105
+ "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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> name</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Delete<span class=\"govuk-visually-hidden\"> name</span>\n </a></li></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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> contact information</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> contact information</span>\n </a></li></ul>\n \n </dd>\n \n </div>\n \n \n </dl>"
106
106
  },
107
107
  {
108
108
  "name": "translated",
@@ -167,7 +167,7 @@
167
167
  ]
168
168
  },
169
169
  "hidden": false,
170
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Enw\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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Golygu<span class=\"govuk-visually-hidden\"> enw</span></a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Dileu<span class=\"govuk-visually-hidden\"> enw</span></a></li></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 Dyddiad geni\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 Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span></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 Gwybodaeth cyswllt\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 <a class=\"govuk-link\" href=\"#\">\n Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span></a>\n \n </dd>\n \n </div>\n \n \n</dl>"
170
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Enw\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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Golygu<span class=\"govuk-visually-hidden\"> enw</span></a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Dileu<span class=\"govuk-visually-hidden\"> enw</span></a></li></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 Dyddiad geni\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 Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span></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 Gwybodaeth cyswllt\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 <a class=\"govuk-link\" href=\"#\">\n Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span></a>\n \n </dd>\n \n </div>\n \n \n </dl>"
171
171
  },
172
172
  {
173
173
  "name": "with some actions",
@@ -214,7 +214,7 @@
214
214
  ]
215
215
  },
216
216
  "hidden": false,
217
- "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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> name</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Delete<span class=\"govuk-visually-hidden\"> name</span>\n </a></li></ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\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-actions\">\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>"
217
+ "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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> name</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Delete<span class=\"govuk-visually-hidden\"> name</span>\n </a></li></ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\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-actions\">\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>"
218
218
  },
219
219
  {
220
220
  "name": "with no first action",
@@ -299,7 +299,7 @@
299
299
  ]
300
300
  },
301
301
  "hidden": false,
302
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\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 </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 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>"
302
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\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 </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 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>"
303
303
  },
304
304
  {
305
305
  "name": "no-border",
@@ -333,7 +333,7 @@
333
333
  ]
334
334
  },
335
335
  "hidden": false,
336
- "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>"
336
+ "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>"
337
337
  },
338
338
  {
339
339
  "name": "no-border on last row",
@@ -367,7 +367,7 @@
367
367
  ]
368
368
  },
369
369
  "hidden": false,
370
- "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>"
370
+ "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>"
371
371
  },
372
372
  {
373
373
  "name": "overridden-widths",
@@ -440,7 +440,7 @@
440
440
  ]
441
441
  },
442
442
  "hidden": false,
443
- "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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> name</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Delete<span class=\"govuk-visually-hidden\"> name</span>\n </a></li></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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> contact information</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> contact information</span>\n </a></li></ul>\n \n </dd>\n \n </div>\n \n \n</dl>"
443
+ "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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> name</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Delete<span class=\"govuk-visually-hidden\"> name</span>\n </a></li></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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> contact information</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> contact information</span>\n </a></li></ul>\n \n </dd>\n \n </div>\n \n \n </dl>"
444
444
  },
445
445
  {
446
446
  "name": "check-your-answers",
@@ -585,7 +585,7 @@
585
585
  ]
586
586
  },
587
587
  "hidden": false,
588
- "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>"
588
+ "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>"
589
589
  },
590
590
  {
591
591
  "name": "extreme",
@@ -933,7 +933,205 @@
933
933
  ]
934
934
  },
935
935
  "hidden": false,
936
- "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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Buy</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Use</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Break</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Fix</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Trash</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Change</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Mail</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Upgrade</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Charge</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Point</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Zoom</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Press</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Snap</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Work</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Quick</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Erase</a></li></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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Write</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Cut</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Paste</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Save</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Load</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Check</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Quick</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Rewrite</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Plug</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Play</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Burn</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Rip</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Drag and drop</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Zip</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Unzip</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Lock</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Fill</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Curl</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Find</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n View</a></li></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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Code</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Jam</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Unlock</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Surf</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Scroll</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Pose</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Click</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Cross</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Crack</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Twitch</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Update</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Name</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Read</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Tune</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Print</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Scan</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Send</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Fax</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Rename</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Touch</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Bring</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Pay</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Watch</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Turn</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Leave</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Stop</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Format</a></li></ul>\n \n </dd>\n \n </div>\n \n \n</dl>"
936
+ "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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Buy</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Use</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Break</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Fix</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Trash</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Change</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Mail</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Upgrade</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Charge</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Point</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Zoom</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Press</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Snap</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Work</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Quick</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Erase</a></li></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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Write</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Cut</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Paste</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Save</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Load</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Check</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Quick</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Rewrite</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Plug</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Play</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Burn</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Rip</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Drag and drop</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Zip</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Unzip</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Lock</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Fill</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Curl</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Find</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n View</a></li></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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Code</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Jam</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Unlock</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Surf</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Scroll</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Pose</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Click</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Cross</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Crack</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Twitch</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Update</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Name</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Read</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Tune</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Print</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Scan</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Send</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Fax</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Rename</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Touch</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Bring</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Pay</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Watch</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Turn</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Leave</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Stop</a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Format</a></li></ul>\n \n </dd>\n \n </div>\n \n \n </dl>"
937
+ },
938
+ {
939
+ "name": "as a summary card with a text header",
940
+ "options": {
941
+ "card": {
942
+ "title": {
943
+ "text": "Undergraduate teaching assistant"
944
+ }
945
+ },
946
+ "rows": [
947
+ {
948
+ "key": {
949
+ "text": "Name"
950
+ },
951
+ "value": {
952
+ "text": "Firstname Lastname"
953
+ }
954
+ },
955
+ {
956
+ "key": {
957
+ "text": "Date of birth"
958
+ },
959
+ "value": {
960
+ "text": "13/08/1980"
961
+ }
962
+ }
963
+ ]
964
+ },
965
+ "hidden": false,
966
+ "html": "<div class=\"govuk-summary-card\">\n <div class=\"govuk-summary-card__title-wrapper\"><h2 class=\"govuk-summary-card__title\">Undergraduate teaching assistant</h2></div>\n\n <div class=\"govuk-summary-card__content\">\n <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 </dl></div>\n </div>"
967
+ },
968
+ {
969
+ "name": "as a summary card with a custom header level",
970
+ "options": {
971
+ "card": {
972
+ "title": {
973
+ "text": "Undergraduate teaching assistant",
974
+ "headingLevel": 3
975
+ }
976
+ },
977
+ "rows": [
978
+ {
979
+ "key": {
980
+ "text": "Name"
981
+ },
982
+ "value": {
983
+ "text": "Firstname Lastname"
984
+ }
985
+ },
986
+ {
987
+ "key": {
988
+ "text": "Date of birth"
989
+ },
990
+ "value": {
991
+ "text": "13/08/1980"
992
+ }
993
+ }
994
+ ]
995
+ },
996
+ "hidden": false,
997
+ "html": "<div class=\"govuk-summary-card\">\n <div class=\"govuk-summary-card__title-wrapper\"><h3 class=\"govuk-summary-card__title\">Undergraduate teaching assistant</h3></div>\n\n <div class=\"govuk-summary-card__content\">\n <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 </dl></div>\n </div>"
998
+ },
999
+ {
1000
+ "name": "as a summary card with a html header",
1001
+ "options": {
1002
+ "card": {
1003
+ "title": {
1004
+ "html": "<em>Undergraduate teaching assistant</em>"
1005
+ }
1006
+ },
1007
+ "rows": [
1008
+ {
1009
+ "key": {
1010
+ "text": "Name"
1011
+ },
1012
+ "value": {
1013
+ "text": "Firstname Lastname"
1014
+ }
1015
+ },
1016
+ {
1017
+ "key": {
1018
+ "text": "Date of birth"
1019
+ },
1020
+ "value": {
1021
+ "text": "13/08/1980"
1022
+ }
1023
+ }
1024
+ ]
1025
+ },
1026
+ "hidden": false,
1027
+ "html": "<div class=\"govuk-summary-card\">\n <div class=\"govuk-summary-card__title-wrapper\"><h2 class=\"govuk-summary-card__title\"><em>Undergraduate teaching assistant</em></h2></div>\n\n <div class=\"govuk-summary-card__content\">\n <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 </dl></div>\n </div>"
1028
+ },
1029
+ {
1030
+ "name": "as a summary card with actions",
1031
+ "options": {
1032
+ "card": {
1033
+ "title": {
1034
+ "text": "Undergraduate teaching assistant"
1035
+ },
1036
+ "actions": {
1037
+ "items": [
1038
+ {
1039
+ "text": "Delete job history",
1040
+ "href": "#"
1041
+ },
1042
+ {
1043
+ "text": "Withdraw job history",
1044
+ "href": "#"
1045
+ }
1046
+ ]
1047
+ }
1048
+ },
1049
+ "rows": [
1050
+ {
1051
+ "key": {
1052
+ "text": "Name"
1053
+ },
1054
+ "value": {
1055
+ "text": "Firstname Lastname"
1056
+ }
1057
+ },
1058
+ {
1059
+ "key": {
1060
+ "text": "Date of birth"
1061
+ },
1062
+ "value": {
1063
+ "text": "13/08/1980"
1064
+ }
1065
+ }
1066
+ ]
1067
+ },
1068
+ "hidden": false,
1069
+ "html": "<div class=\"govuk-summary-card\">\n <div class=\"govuk-summary-card__title-wrapper\"><h2 class=\"govuk-summary-card__title\">Undergraduate teaching assistant</h2><ul class=\"govuk-summary-card__actions\"><li class=\"govuk-summary-card__action\">\n <a class=\"govuk-link\" href=\"#\">\n Delete job history</a>\n</li><li class=\"govuk-summary-card__action\">\n <a class=\"govuk-link\" href=\"#\">\n Withdraw job history</a>\n</li></ul>\n </div>\n\n <div class=\"govuk-summary-card__content\">\n <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 </dl></div>\n </div>"
1070
+ },
1071
+ {
1072
+ "name": "as a summary card with actions plus summary list actions",
1073
+ "options": {
1074
+ "card": {
1075
+ "title": {
1076
+ "text": "Undergraduate teaching assistant"
1077
+ },
1078
+ "actions": {
1079
+ "items": [
1080
+ {
1081
+ "text": "Delete job history",
1082
+ "href": "#"
1083
+ },
1084
+ {
1085
+ "text": "Withdraw job history",
1086
+ "href": "#"
1087
+ }
1088
+ ]
1089
+ }
1090
+ },
1091
+ "rows": [
1092
+ {
1093
+ "key": {
1094
+ "text": "Name"
1095
+ },
1096
+ "value": {
1097
+ "text": "Firstname Lastname"
1098
+ },
1099
+ "actions": {
1100
+ "items": [
1101
+ {
1102
+ "href": "#",
1103
+ "text": "Edit",
1104
+ "visuallyHiddenText": "name"
1105
+ },
1106
+ {
1107
+ "href": "#",
1108
+ "text": "Delete",
1109
+ "visuallyHiddenText": "name"
1110
+ }
1111
+ ]
1112
+ }
1113
+ },
1114
+ {
1115
+ "key": {
1116
+ "text": "Date of birth"
1117
+ },
1118
+ "value": {
1119
+ "text": "13/08/1980"
1120
+ },
1121
+ "actions": {
1122
+ "items": [
1123
+ {
1124
+ "href": "#",
1125
+ "text": "Change",
1126
+ "visuallyHiddenText": "date of birth"
1127
+ }
1128
+ ]
1129
+ }
1130
+ }
1131
+ ]
1132
+ },
1133
+ "hidden": false,
1134
+ "html": "<div class=\"govuk-summary-card\">\n <div class=\"govuk-summary-card__title-wrapper\"><h2 class=\"govuk-summary-card__title\">Undergraduate teaching assistant</h2><ul class=\"govuk-summary-card__actions\"><li class=\"govuk-summary-card__action\">\n <a class=\"govuk-link\" href=\"#\">\n Delete job history</a>\n</li><li class=\"govuk-summary-card__action\">\n <a class=\"govuk-link\" href=\"#\">\n Withdraw job history</a>\n</li></ul>\n </div>\n\n <div class=\"govuk-summary-card__content\">\n <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\"><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"govuk-visually-hidden\"> name</span>\n </a></li><li class=\"govuk-summary-list__actions-list-item\"><a class=\"govuk-link\" href=\"#\">\n Delete<span class=\"govuk-visually-hidden\"> name</span>\n </a></li></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 </dl></div>\n </div>"
937
1135
  },
938
1136
  {
939
1137
  "name": "attributes",
@@ -954,7 +1152,7 @@
954
1152
  }
955
1153
  },
956
1154
  "hidden": true,
957
- "html": "<dl class=\"govuk-summary-list\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n</dl>"
1155
+ "html": "<dl class=\"govuk-summary-list\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n </dl>"
958
1156
  },
959
1157
  {
960
1158
  "name": "with falsey values",
@@ -982,7 +1180,7 @@
982
1180
  ]
983
1181
  },
984
1182
  "hidden": true,
985
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n \n \n \n \n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name 2\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname2 Lastname2\n </dd>\n \n </div>\n \n \n</dl>"
1183
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n \n \n \n \n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name 2\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname2 Lastname2\n </dd>\n \n </div>\n \n \n </dl>"
986
1184
  },
987
1185
  {
988
1186
  "name": "key with html",
@@ -999,7 +1197,7 @@
999
1197
  ]
1000
1198
  },
1001
1199
  "hidden": true,
1002
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n <b>Name</b>\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <strong>Firstname Lastname</strong>\n </dd>\n \n </div>\n \n \n</dl>"
1200
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n <b>Name</b>\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <strong>Firstname Lastname</strong>\n </dd>\n \n </div>\n \n \n </dl>"
1003
1201
  },
1004
1202
  {
1005
1203
  "name": "key with classes",
@@ -1017,7 +1215,7 @@
1017
1215
  ]
1018
1216
  },
1019
1217
  "hidden": true,
1020
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key app-custom-class\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n</dl>"
1218
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key app-custom-class\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n </dl>"
1021
1219
  },
1022
1220
  {
1023
1221
  "name": "value with html",
@@ -1034,7 +1232,7 @@
1034
1232
  ]
1035
1233
  },
1036
1234
  "hidden": true,
1037
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <span>email@email.com</span>\n </dd>\n \n </div>\n \n \n</dl>"
1235
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <span>email@email.com</span>\n </dd>\n \n </div>\n \n \n </dl>"
1038
1236
  },
1039
1237
  {
1040
1238
  "name": "actions href",
@@ -1059,7 +1257,7 @@
1059
1257
  ]
1060
1258
  },
1061
1259
  "hidden": true,
1062
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"https://www.gov.uk\">\n Go to GOV.UK</a>\n \n </dd>\n \n </div>\n \n \n</dl>"
1260
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"https://www.gov.uk\">\n Go to GOV.UK</a>\n \n </dd>\n \n </div>\n \n \n </dl>"
1063
1261
  },
1064
1262
  {
1065
1263
  "name": "actions with html",
@@ -1084,7 +1282,7 @@
1084
1282
  ]
1085
1283
  },
1086
1284
  "hidden": true,
1087
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"visually-hidden\"> name</span></a>\n \n </dd>\n \n </div>\n \n \n</dl>"
1285
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Edit<span class=\"visually-hidden\"> name</span></a>\n \n </dd>\n \n </div>\n \n \n </dl>"
1088
1286
  },
1089
1287
  {
1090
1288
  "name": "actions with classes",
@@ -1110,7 +1308,7 @@
1110
1308
  ]
1111
1309
  },
1112
1310
  "hidden": true,
1113
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions app-custom-class\">\n \n <a class=\"govuk-link\" href=\"/edit\">\n Edit</a>\n \n </dd>\n \n </div>\n \n \n</dl>"
1311
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions app-custom-class\">\n \n <a class=\"govuk-link\" href=\"/edit\">\n Edit</a>\n \n </dd>\n \n </div>\n \n \n </dl>"
1114
1312
  },
1115
1313
  {
1116
1314
  "name": "actions with attributes",
@@ -1139,7 +1337,7 @@
1139
1337
  ]
1140
1338
  },
1141
1339
  "hidden": true,
1142
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n Edit</a>\n \n </dd>\n \n </div>\n \n \n</dl>"
1340
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n Edit</a>\n \n </dd>\n \n </div>\n \n \n </dl>"
1143
1341
  },
1144
1342
  {
1145
1343
  "name": "single action with anchor",
@@ -1164,7 +1362,7 @@
1164
1362
  ]
1165
1363
  },
1166
1364
  "hidden": true,
1167
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n First action</a>\n \n </dd>\n \n </div>\n \n \n</dl>"
1365
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n First action</a>\n \n </dd>\n \n </div>\n \n \n </dl>"
1168
1366
  },
1169
1367
  {
1170
1368
  "name": "classes on items",
@@ -1190,7 +1388,7 @@
1190
1388
  ]
1191
1389
  },
1192
1390
  "hidden": true,
1193
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\">\n Edit</a>\n \n </dd>\n \n </div>\n \n \n</dl>"
1391
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\">\n Edit</a>\n \n </dd>\n \n </div>\n \n \n </dl>"
1194
1392
  },
1195
1393
  {
1196
1394
  "name": "empty items array",
@@ -1210,7 +1408,7 @@
1210
1408
  ]
1211
1409
  },
1212
1410
  "hidden": true,
1213
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n</dl>"
1411
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n </dl>"
1214
1412
  },
1215
1413
  {
1216
1414
  "name": "rows with classes",
@@ -1228,7 +1426,104 @@
1228
1426
  ]
1229
1427
  },
1230
1428
  "hidden": true,
1231
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row app-custom-class\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n</dl>"
1429
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row app-custom-class\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Firstname Lastname\n </dd>\n \n </div>\n \n \n </dl>"
1430
+ },
1431
+ {
1432
+ "name": "summary card with custom classes",
1433
+ "options": {
1434
+ "card": {
1435
+ "classes": "custom-class"
1436
+ },
1437
+ "rows": [
1438
+ {
1439
+ "key": {
1440
+ "text": "Name"
1441
+ },
1442
+ "value": {
1443
+ "text": "Firstname Lastname"
1444
+ }
1445
+ },
1446
+ {
1447
+ "key": {
1448
+ "text": "Date of birth"
1449
+ },
1450
+ "value": {
1451
+ "text": "13/08/1980"
1452
+ }
1453
+ }
1454
+ ]
1455
+ },
1456
+ "hidden": true,
1457
+ "html": "<div class=\"govuk-summary-card custom-class\">\n <div class=\"govuk-summary-card__title-wrapper\"></div>\n\n <div class=\"govuk-summary-card__content\">\n <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 </dl></div>\n </div>"
1458
+ },
1459
+ {
1460
+ "name": "summary card with custom attributes",
1461
+ "options": {
1462
+ "card": {
1463
+ "attributes": {
1464
+ "data-attribute-1": "value-1",
1465
+ "data-attribute-2": "value-2"
1466
+ }
1467
+ },
1468
+ "rows": [
1469
+ {
1470
+ "key": {
1471
+ "text": "Name"
1472
+ },
1473
+ "value": {
1474
+ "text": "Firstname Lastname"
1475
+ }
1476
+ },
1477
+ {
1478
+ "key": {
1479
+ "text": "Date of birth"
1480
+ },
1481
+ "value": {
1482
+ "text": "13/08/1980"
1483
+ }
1484
+ }
1485
+ ]
1486
+ },
1487
+ "hidden": true,
1488
+ "html": "<div class=\"govuk-summary-card\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n <div class=\"govuk-summary-card__title-wrapper\"></div>\n\n <div class=\"govuk-summary-card__content\">\n <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 </dl></div>\n </div>"
1489
+ },
1490
+ {
1491
+ "name": "summary card with only 1 action",
1492
+ "options": {
1493
+ "card": {
1494
+ "title": {
1495
+ "text": "Undergraduate teaching assistant"
1496
+ },
1497
+ "actions": {
1498
+ "items": [
1499
+ {
1500
+ "text": "My lonely action",
1501
+ "href": "#"
1502
+ }
1503
+ ]
1504
+ }
1505
+ },
1506
+ "rows": [
1507
+ {
1508
+ "key": {
1509
+ "text": "Name"
1510
+ },
1511
+ "value": {
1512
+ "text": "Firstname Lastname"
1513
+ }
1514
+ },
1515
+ {
1516
+ "key": {
1517
+ "text": "Date of birth"
1518
+ },
1519
+ "value": {
1520
+ "text": "13/08/1980"
1521
+ }
1522
+ }
1523
+ ]
1524
+ },
1525
+ "hidden": true,
1526
+ "html": "<div class=\"govuk-summary-card\">\n <div class=\"govuk-summary-card__title-wrapper\"><h2 class=\"govuk-summary-card__title\">Undergraduate teaching assistant</h2><div class=\"govuk-summary-card__actions\">\n <a class=\"govuk-link\" href=\"#\">\n My lonely action</a>\n</div></div>\n\n <div class=\"govuk-summary-card__content\">\n <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 </dl></div>\n </div>"
1232
1527
  }
1233
1528
  ]
1234
1529
  }