govuk_publishing_components 32.1.0 → 33.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (145) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/component_guide/accessibility-test.js +0 -1
  3. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-core.js +175 -0
  4. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-ecommerce-tracker.js +4 -4
  5. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-event-tracker.js +5 -13
  6. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-link-tracker.js +80 -309
  7. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-page-views.js +2 -2
  8. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-specialist-link-tracker.js +140 -0
  9. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/init-ga4.js +3 -0
  10. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4.js +1 -0
  11. data/app/assets/javascripts/govuk_publishing_components/components/accordion.js +12 -1
  12. data/app/assets/javascripts/govuk_publishing_components/components/single-page-notification-button.js +24 -8
  13. data/app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js +22 -1
  14. data/app/assets/javascripts/govuk_publishing_components/vendor/lux/lux-reporter.js +140 -191
  15. data/app/assets/stylesheets/govuk_publishing_components/components/_big-number.scss +2 -5
  16. data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss +1 -5
  17. data/app/assets/stylesheets/govuk_publishing_components/components/_input.scss +3 -5
  18. data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +10 -30
  19. data/app/assets/stylesheets/govuk_publishing_components/components/_search.scss +0 -7
  20. data/app/views/govuk_publishing_components/components/_accordion.html.erb +14 -1
  21. data/app/views/govuk_publishing_components/components/_error_summary.html.erb +27 -26
  22. data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb +2 -2
  23. data/app/views/govuk_publishing_components/components/_phase_banner.html.erb +1 -1
  24. data/app/views/govuk_publishing_components/components/_share_links.html.erb +11 -13
  25. data/app/views/govuk_publishing_components/components/_single_page_notification_button.html.erb +1 -1
  26. data/app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb +4 -1
  27. data/app/views/govuk_publishing_components/components/docs/accordion.yml +15 -3
  28. data/app/views/govuk_publishing_components/components/docs/button.yml +10 -0
  29. data/app/views/govuk_publishing_components/components/docs/share_links.yml +59 -30
  30. data/app/views/govuk_publishing_components/components/docs/single_page_notification_button.yml +10 -1
  31. data/app/views/govuk_publishing_components/components/docs/step_by_step_nav.yml +34 -0
  32. data/app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb +1 -1
  33. data/app/views/govuk_publishing_components/components/feedback/_survey_signup_form.html.erb +1 -1
  34. data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb +3 -3
  35. data/lib/govuk_publishing_components/presenters/button_helper.rb +9 -2
  36. data/lib/govuk_publishing_components/presenters/single_page_notification_button_helper.rb +25 -1
  37. data/lib/govuk_publishing_components/version.rb +1 -1
  38. data/node_modules/axe-core/axe.js +4559 -4673
  39. data/node_modules/axe-core/axe.min.js +2 -2
  40. data/node_modules/axe-core/package.json +2 -2
  41. data/node_modules/axe-core/sri-history.json +4 -0
  42. data/node_modules/govuk-frontend/README.md +1 -2
  43. data/node_modules/govuk-frontend/govuk/all.js +1398 -273
  44. data/node_modules/govuk-frontend/govuk/common/closest-attribute-value.js +70 -0
  45. data/node_modules/govuk-frontend/govuk/common/index.js +172 -0
  46. data/node_modules/govuk-frontend/govuk/common/normalise-dataset.js +373 -0
  47. data/node_modules/govuk-frontend/govuk/common.js +138 -3
  48. data/node_modules/govuk-frontend/govuk/components/accordion/accordion.js +753 -25
  49. data/node_modules/govuk-frontend/govuk/components/accordion/fixtures.json +54 -22
  50. data/node_modules/govuk-frontend/govuk/components/accordion/macro-options.json +36 -0
  51. data/node_modules/govuk-frontend/govuk/components/accordion/template.njk +7 -1
  52. data/node_modules/govuk-frontend/govuk/components/back-link/fixtures.json +12 -12
  53. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/fixtures.json +22 -22
  54. data/node_modules/govuk-frontend/govuk/components/button/_index.scss +23 -5
  55. data/node_modules/govuk-frontend/govuk/components/button/button.js +365 -107
  56. data/node_modules/govuk-frontend/govuk/components/button/fixtures.json +85 -66
  57. data/node_modules/govuk-frontend/govuk/components/button/template.njk +1 -1
  58. data/node_modules/govuk-frontend/govuk/components/character-count/_index.scss +9 -0
  59. data/node_modules/govuk-frontend/govuk/components/character-count/character-count.js +1033 -121
  60. data/node_modules/govuk-frontend/govuk/components/character-count/fixtures.json +112 -36
  61. data/node_modules/govuk-frontend/govuk/components/character-count/macro-options.json +42 -0
  62. data/node_modules/govuk-frontend/govuk/components/character-count/template.njk +27 -3
  63. data/node_modules/govuk-frontend/govuk/components/checkboxes/checkboxes.js +30 -2
  64. data/node_modules/govuk-frontend/govuk/components/checkboxes/fixtures.json +96 -93
  65. data/node_modules/govuk-frontend/govuk/components/cookie-banner/fixtures.json +46 -46
  66. data/node_modules/govuk-frontend/govuk/components/date-input/fixtures.json +50 -50
  67. data/node_modules/govuk-frontend/govuk/components/details/details.js +43 -13
  68. data/node_modules/govuk-frontend/govuk/components/details/fixtures.json +20 -20
  69. data/node_modules/govuk-frontend/govuk/components/error-message/fixtures.json +20 -20
  70. data/node_modules/govuk-frontend/govuk/components/error-summary/error-summary.js +268 -6
  71. data/node_modules/govuk-frontend/govuk/components/error-summary/fixtures.json +44 -35
  72. data/node_modules/govuk-frontend/govuk/components/error-summary/template.njk +25 -21
  73. data/node_modules/govuk-frontend/govuk/components/fieldset/fixtures.json +51 -39
  74. data/node_modules/govuk-frontend/govuk/components/file-upload/fixtures.json +26 -26
  75. data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +1 -1
  76. data/node_modules/govuk-frontend/govuk/components/footer/fixtures.json +46 -46
  77. data/node_modules/govuk-frontend/govuk/components/footer/macro-options.json +2 -2
  78. data/node_modules/govuk-frontend/govuk/components/header/fixtures.json +93 -38
  79. data/node_modules/govuk-frontend/govuk/components/header/header.js +6 -0
  80. data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +8 -2
  81. data/node_modules/govuk-frontend/govuk/components/header/template.njk +4 -2
  82. data/node_modules/govuk-frontend/govuk/components/hint/fixtures.json +12 -12
  83. data/node_modules/govuk-frontend/govuk/components/input/fixtures.json +80 -80
  84. data/node_modules/govuk-frontend/govuk/components/inset-text/fixtures.json +12 -12
  85. data/node_modules/govuk-frontend/govuk/components/label/fixtures.json +34 -34
  86. data/node_modules/govuk-frontend/govuk/components/notification-banner/fixtures.json +56 -46
  87. data/node_modules/govuk-frontend/govuk/components/notification-banner/notification-banner.js +252 -2
  88. data/node_modules/govuk-frontend/govuk/components/notification-banner/template.njk +1 -1
  89. data/node_modules/govuk-frontend/govuk/components/pagination/_index.scss +10 -7
  90. data/node_modules/govuk-frontend/govuk/components/pagination/fixtures.json +33 -26
  91. data/node_modules/govuk-frontend/govuk/components/panel/fixtures.json +18 -18
  92. data/node_modules/govuk-frontend/govuk/components/phase-banner/fixtures.json +14 -14
  93. data/node_modules/govuk-frontend/govuk/components/radios/fixtures.json +94 -91
  94. data/node_modules/govuk-frontend/govuk/components/radios/radios.js +30 -2
  95. data/node_modules/govuk-frontend/govuk/components/select/fixtures.json +32 -32
  96. data/node_modules/govuk-frontend/govuk/components/skip-link/fixtures.json +22 -20
  97. data/node_modules/govuk-frontend/govuk/components/skip-link/skip-link.js +10 -4
  98. data/node_modules/govuk-frontend/govuk/components/summary-list/fixtures.json +50 -50
  99. data/node_modules/govuk-frontend/govuk/components/table/_index.scss +1 -1
  100. data/node_modules/govuk-frontend/govuk/components/table/fixtures.json +40 -40
  101. data/node_modules/govuk-frontend/govuk/components/tabs/fixtures.json +29 -29
  102. data/node_modules/govuk-frontend/govuk/components/tabs/tabs.js +28 -0
  103. data/node_modules/govuk-frontend/govuk/components/tag/fixtures.json +28 -28
  104. data/node_modules/govuk-frontend/govuk/components/textarea/fixtures.json +34 -34
  105. data/node_modules/govuk-frontend/govuk/components/warning-text/fixtures.json +14 -14
  106. data/node_modules/govuk-frontend/govuk/core/_section-break.scss +1 -1
  107. data/node_modules/govuk-frontend/govuk/helpers/_colour.scss +2 -2
  108. data/node_modules/govuk-frontend/govuk/helpers/_links.scss +6 -6
  109. data/node_modules/govuk-frontend/govuk/i18n.js +390 -0
  110. data/node_modules/govuk-frontend/govuk/macros/i18n.njk +15 -0
  111. data/node_modules/govuk-frontend/govuk/settings/_all.scss +1 -0
  112. data/node_modules/govuk-frontend/govuk/settings/_colours-palette.scss +12 -0
  113. data/node_modules/govuk-frontend/govuk/settings/_compatibility.scss +26 -0
  114. data/node_modules/govuk-frontend/govuk/settings/_typography-font.scss +23 -0
  115. data/node_modules/govuk-frontend/govuk/settings/_typography-responsive.scss +12 -0
  116. data/node_modules/govuk-frontend/govuk/settings/_warnings.scss +53 -0
  117. data/node_modules/govuk-frontend/govuk/tools/_compatibility.scss +20 -6
  118. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Date/now.js +21 -0
  119. data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/dataset.js +300 -0
  120. data/node_modules/govuk-frontend/govuk/vendor/polyfills/String/prototype/trim.js +21 -0
  121. data/node_modules/govuk-frontend/govuk-esm/all.mjs +50 -27
  122. data/node_modules/govuk-frontend/govuk-esm/common/closest-attribute-value.mjs +15 -0
  123. data/node_modules/govuk-frontend/govuk-esm/common/index.mjs +159 -0
  124. data/node_modules/govuk-frontend/govuk-esm/common/normalise-dataset.mjs +58 -0
  125. data/node_modules/govuk-frontend/govuk-esm/common.mjs +6 -28
  126. data/node_modules/govuk-frontend/govuk-esm/components/accordion/accordion.mjs +113 -43
  127. data/node_modules/govuk-frontend/govuk-esm/components/button/button.mjs +67 -30
  128. data/node_modules/govuk-frontend/govuk-esm/components/character-count/character-count.mjs +325 -123
  129. data/node_modules/govuk-frontend/govuk-esm/components/checkboxes/checkboxes.mjs +9 -3
  130. data/node_modules/govuk-frontend/govuk-esm/components/details/details.mjs +22 -8
  131. data/node_modules/govuk-frontend/govuk-esm/components/error-summary/error-summary.mjs +48 -6
  132. data/node_modules/govuk-frontend/govuk-esm/components/header/header.mjs +6 -0
  133. data/node_modules/govuk-frontend/govuk-esm/components/notification-banner/notification-banner.mjs +32 -2
  134. data/node_modules/govuk-frontend/govuk-esm/components/radios/radios.mjs +9 -3
  135. data/node_modules/govuk-frontend/govuk-esm/components/skip-link/skip-link.mjs +10 -4
  136. data/node_modules/govuk-frontend/govuk-esm/components/tabs/tabs.mjs +8 -2
  137. data/node_modules/govuk-frontend/govuk-esm/i18n.mjs +380 -0
  138. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Date/now.mjs +13 -0
  139. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Element/prototype/dataset.mjs +68 -0
  140. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/String/prototype/trim.mjs +13 -0
  141. data/node_modules/govuk-frontend/govuk-prototype-kit/init.js +7 -0
  142. data/node_modules/govuk-frontend/govuk-prototype-kit/init.scss +12 -0
  143. data/node_modules/govuk-frontend/govuk-prototype-kit.config.json +138 -7
  144. data/node_modules/govuk-frontend/package.json +1 -1
  145. metadata +22 -3
@@ -31,8 +31,8 @@
31
31
  }
32
32
  ]
33
33
  },
34
- "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
- "hidden": false
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>"
36
36
  },
37
37
  {
38
38
  "name": "with actions",
@@ -101,8 +101,8 @@
101
101
  }
102
102
  ]
103
103
  },
104
- "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
- "hidden": false
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>"
106
106
  },
107
107
  {
108
108
  "name": "translated",
@@ -120,12 +120,12 @@
120
120
  {
121
121
  "href": "#",
122
122
  "html": "Golygu<span class=\"govuk-visually-hidden\"> enw</span>",
123
- "visuallyHiddenText": false
123
+ "visuallyHiddenText": ""
124
124
  },
125
125
  {
126
126
  "href": "#",
127
127
  "html": "Dileu<span class=\"govuk-visually-hidden\"> enw</span>",
128
- "visuallyHiddenText": false
128
+ "visuallyHiddenText": ""
129
129
  }
130
130
  ]
131
131
  }
@@ -142,7 +142,7 @@
142
142
  {
143
143
  "href": "#",
144
144
  "html": "Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span>",
145
- "visuallyHiddenText": false
145
+ "visuallyHiddenText": ""
146
146
  }
147
147
  ]
148
148
  }
@@ -159,15 +159,15 @@
159
159
  {
160
160
  "href": "#",
161
161
  "html": "Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span>",
162
- "visuallyHiddenText": false
162
+ "visuallyHiddenText": ""
163
163
  }
164
164
  ]
165
165
  }
166
166
  }
167
167
  ]
168
168
  },
169
- "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
- "hidden": false
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>"
171
171
  },
172
172
  {
173
173
  "name": "with some actions",
@@ -213,8 +213,8 @@
213
213
  }
214
214
  ]
215
215
  },
216
- "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
- "hidden": false
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>"
218
218
  },
219
219
  {
220
220
  "name": "with no first action",
@@ -298,8 +298,8 @@
298
298
  }
299
299
  ]
300
300
  },
301
- "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
- "hidden": false
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>"
303
303
  },
304
304
  {
305
305
  "name": "no-border",
@@ -332,8 +332,8 @@
332
332
  }
333
333
  ]
334
334
  },
335
- "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
- "hidden": false
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>"
337
337
  },
338
338
  {
339
339
  "name": "no-border on last row",
@@ -366,8 +366,8 @@
366
366
  }
367
367
  ]
368
368
  },
369
- "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
- "hidden": false
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>"
371
371
  },
372
372
  {
373
373
  "name": "overridden-widths",
@@ -439,8 +439,8 @@
439
439
  }
440
440
  ]
441
441
  },
442
- "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
- "hidden": false
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>"
444
444
  },
445
445
  {
446
446
  "name": "check-your-answers",
@@ -584,8 +584,8 @@
584
584
  }
585
585
  ]
586
586
  },
587
- "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
- "hidden": false
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>"
589
589
  },
590
590
  {
591
591
  "name": "extreme",
@@ -932,8 +932,8 @@
932
932
  }
933
933
  ]
934
934
  },
935
- "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
- "hidden": false
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>"
937
937
  },
938
938
  {
939
939
  "name": "attributes",
@@ -953,8 +953,8 @@
953
953
  "data-attribute-2": "value-2"
954
954
  }
955
955
  },
956
- "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>",
957
- "hidden": true
956
+ "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>"
958
958
  },
959
959
  {
960
960
  "name": "with falsey values",
@@ -981,8 +981,8 @@
981
981
  }
982
982
  ]
983
983
  },
984
- "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>",
985
- "hidden": true
984
+ "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>"
986
986
  },
987
987
  {
988
988
  "name": "key with html",
@@ -998,8 +998,8 @@
998
998
  }
999
999
  ]
1000
1000
  },
1001
- "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>",
1002
- "hidden": true
1001
+ "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>"
1003
1003
  },
1004
1004
  {
1005
1005
  "name": "key with classes",
@@ -1016,8 +1016,8 @@
1016
1016
  }
1017
1017
  ]
1018
1018
  },
1019
- "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>",
1020
- "hidden": true
1019
+ "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>"
1021
1021
  },
1022
1022
  {
1023
1023
  "name": "value with html",
@@ -1033,8 +1033,8 @@
1033
1033
  }
1034
1034
  ]
1035
1035
  },
1036
- "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>",
1037
- "hidden": true
1036
+ "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>"
1038
1038
  },
1039
1039
  {
1040
1040
  "name": "actions href",
@@ -1058,8 +1058,8 @@
1058
1058
  }
1059
1059
  ]
1060
1060
  },
1061
- "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>",
1062
- "hidden": true
1061
+ "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>"
1063
1063
  },
1064
1064
  {
1065
1065
  "name": "actions with html",
@@ -1083,8 +1083,8 @@
1083
1083
  }
1084
1084
  ]
1085
1085
  },
1086
- "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>",
1087
- "hidden": true
1086
+ "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>"
1088
1088
  },
1089
1089
  {
1090
1090
  "name": "actions with classes",
@@ -1109,8 +1109,8 @@
1109
1109
  }
1110
1110
  ]
1111
1111
  },
1112
- "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>",
1113
- "hidden": true
1112
+ "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>"
1114
1114
  },
1115
1115
  {
1116
1116
  "name": "actions with attributes",
@@ -1138,8 +1138,8 @@
1138
1138
  }
1139
1139
  ]
1140
1140
  },
1141
- "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>",
1142
- "hidden": true
1141
+ "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>"
1143
1143
  },
1144
1144
  {
1145
1145
  "name": "single action with anchor",
@@ -1163,8 +1163,8 @@
1163
1163
  }
1164
1164
  ]
1165
1165
  },
1166
- "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>",
1167
- "hidden": true
1166
+ "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>"
1168
1168
  },
1169
1169
  {
1170
1170
  "name": "classes on items",
@@ -1189,8 +1189,8 @@
1189
1189
  }
1190
1190
  ]
1191
1191
  },
1192
- "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>",
1193
- "hidden": true
1192
+ "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>"
1194
1194
  },
1195
1195
  {
1196
1196
  "name": "empty items array",
@@ -1209,8 +1209,8 @@
1209
1209
  }
1210
1210
  ]
1211
1211
  },
1212
- "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>",
1213
- "hidden": true
1212
+ "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>"
1214
1214
  },
1215
1215
  {
1216
1216
  "name": "rows with classes",
@@ -1227,8 +1227,8 @@
1227
1227
  }
1228
1228
  ]
1229
1229
  },
1230
- "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>",
1231
- "hidden": true
1230
+ "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>"
1232
1232
  }
1233
1233
  ]
1234
1234
  }
@@ -21,7 +21,7 @@
21
21
  vertical-align: top;
22
22
  // GOV.UK Elements sets the font-size and line-height for all headers and cells
23
23
  // in tables.
24
- @include govuk-compatibility(govuk_elements) {
24
+ @include _govuk-compatibility(govuk_elements) {
25
25
  font-size: inherit;
26
26
  line-height: inherit;
27
27
  }