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
@@ -6,16 +6,16 @@
6
6
  "options": {
7
7
  "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
8
8
  },
9
- "html": "<div class=\"govuk-inset-text\">\n It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>",
10
- "hidden": false
9
+ "hidden": false,
10
+ "html": "<div class=\"govuk-inset-text\">\n It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
11
11
  },
12
12
  {
13
13
  "name": "with html",
14
14
  "options": {
15
15
  "html": "<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n You can be fined up to £5,000 if you don’t register.\n </strong>\n</div>\n<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n"
16
16
  },
17
- "html": "<div class=\"govuk-inset-text\">\n <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n You can be fined up to £5,000 if you don’t register.\n </strong>\n</div>\n<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n\n</div>",
18
- "hidden": false
17
+ "hidden": false,
18
+ "html": "<div class=\"govuk-inset-text\">\n <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n You can be fined up to £5,000 if you don’t register.\n </strong>\n</div>\n<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n\n</div>"
19
19
  },
20
20
  {
21
21
  "name": "classes",
@@ -23,8 +23,8 @@
23
23
  "classes": "app-inset-text--custom-modifier",
24
24
  "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
25
25
  },
26
- "html": "<div class=\"govuk-inset-text app-inset-text--custom-modifier\">\n It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>",
27
- "hidden": true
26
+ "hidden": true,
27
+ "html": "<div class=\"govuk-inset-text app-inset-text--custom-modifier\">\n It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
28
28
  },
29
29
  {
30
30
  "name": "id",
@@ -32,16 +32,16 @@
32
32
  "id": "my-inset-text",
33
33
  "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
34
34
  },
35
- "html": "<div id=\"my-inset-text\" class=\"govuk-inset-text\">\n It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>",
36
- "hidden": true
35
+ "hidden": true,
36
+ "html": "<div id=\"my-inset-text\" class=\"govuk-inset-text\">\n It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
37
37
  },
38
38
  {
39
39
  "name": "html as text",
40
40
  "options": {
41
41
  "text": "It can take <b>up to 8 weeks</b> to register a lasting power of attorney if there are no mistakes in the application."
42
42
  },
43
- "html": "<div class=\"govuk-inset-text\">\n It can take &lt;b&gt;up to 8 weeks&lt;/b&gt; to register a lasting power of attorney if there are no mistakes in the application.\n</div>",
44
- "hidden": true
43
+ "hidden": true,
44
+ "html": "<div class=\"govuk-inset-text\">\n It can take &lt;b&gt;up to 8 weeks&lt;/b&gt; to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
45
45
  },
46
46
  {
47
47
  "name": "attributes",
@@ -51,8 +51,8 @@
51
51
  "data-attribute": "my data value"
52
52
  }
53
53
  },
54
- "html": "<div class=\"govuk-inset-text\" data-attribute=\"my data value\">\n It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>",
55
- "hidden": true
54
+ "hidden": true,
55
+ "html": "<div class=\"govuk-inset-text\" data-attribute=\"my data value\">\n It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
56
56
  }
57
57
  ]
58
58
  }
@@ -6,8 +6,8 @@
6
6
  "options": {
7
7
  "text": "National Insurance number"
8
8
  },
9
- "html": "<label class=\"govuk-label\">\n National Insurance number\n</label>",
10
- "hidden": false
9
+ "hidden": false,
10
+ "html": "<label class=\"govuk-label\">\n National Insurance number\n</label>"
11
11
  },
12
12
  {
13
13
  "name": "with bold text",
@@ -15,8 +15,8 @@
15
15
  "classes": "govuk-label--s",
16
16
  "text": "National Insurance number"
17
17
  },
18
- "html": "<label class=\"govuk-label govuk-label--s\">\n National Insurance number\n</label>",
19
- "hidden": false
18
+ "hidden": false,
19
+ "html": "<label class=\"govuk-label govuk-label--s\">\n National Insurance number\n</label>"
20
20
  },
21
21
  {
22
22
  "name": "styled as xl text",
@@ -24,8 +24,8 @@
24
24
  "text": "National Insurance number",
25
25
  "classes": "govuk-label--xl"
26
26
  },
27
- "html": "<label class=\"govuk-label govuk-label--xl\">\n National Insurance number\n</label>",
28
- "hidden": false
27
+ "hidden": false,
28
+ "html": "<label class=\"govuk-label govuk-label--xl\">\n National Insurance number\n</label>"
29
29
  },
30
30
  {
31
31
  "name": "styled as large text",
@@ -33,8 +33,8 @@
33
33
  "text": "National Insurance number",
34
34
  "classes": "govuk-label--l"
35
35
  },
36
- "html": "<label class=\"govuk-label govuk-label--l\">\n National Insurance number\n</label>",
37
- "hidden": false
36
+ "hidden": false,
37
+ "html": "<label class=\"govuk-label govuk-label--l\">\n National Insurance number\n</label>"
38
38
  },
39
39
  {
40
40
  "name": "styled as medium text",
@@ -42,8 +42,8 @@
42
42
  "text": "National Insurance number",
43
43
  "classes": "govuk-label--m"
44
44
  },
45
- "html": "<label class=\"govuk-label govuk-label--m\">\n National Insurance number\n</label>",
46
- "hidden": false
45
+ "hidden": false,
46
+ "html": "<label class=\"govuk-label govuk-label--m\">\n National Insurance number\n</label>"
47
47
  },
48
48
  {
49
49
  "name": "styled as small text",
@@ -51,8 +51,8 @@
51
51
  "text": "National Insurance number",
52
52
  "classes": "govuk-label--s"
53
53
  },
54
- "html": "<label class=\"govuk-label govuk-label--s\">\n National Insurance number\n</label>",
55
- "hidden": false
54
+ "hidden": false,
55
+ "html": "<label class=\"govuk-label govuk-label--s\">\n National Insurance number\n</label>"
56
56
  },
57
57
  {
58
58
  "name": "as page heading xl",
@@ -61,8 +61,8 @@
61
61
  "classes": "govuk-label--xl",
62
62
  "isPageHeading": true
63
63
  },
64
- "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--xl\">\n National Insurance number\n </label>\n </h1>",
65
- "hidden": false
64
+ "hidden": false,
65
+ "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--xl\">\n National Insurance number\n </label>\n </h1>"
66
66
  },
67
67
  {
68
68
  "name": "as page heading l",
@@ -71,8 +71,8 @@
71
71
  "classes": "govuk-label--l",
72
72
  "isPageHeading": true
73
73
  },
74
- "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--l\">\n National Insurance number\n </label>\n </h1>",
75
- "hidden": false
74
+ "hidden": false,
75
+ "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--l\">\n National Insurance number\n </label>\n </h1>"
76
76
  },
77
77
  {
78
78
  "name": "as page heading m",
@@ -81,8 +81,8 @@
81
81
  "classes": "govuk-label--m",
82
82
  "isPageHeading": true
83
83
  },
84
- "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--m\">\n National Insurance number\n </label>\n </h1>",
85
- "hidden": false
84
+ "hidden": false,
85
+ "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--m\">\n National Insurance number\n </label>\n </h1>"
86
86
  },
87
87
  {
88
88
  "name": "as page heading s",
@@ -91,8 +91,8 @@
91
91
  "classes": "govuk-label--s",
92
92
  "isPageHeading": true
93
93
  },
94
- "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--s\">\n National Insurance number\n </label>\n </h1>",
95
- "hidden": false
94
+ "hidden": false,
95
+ "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--s\">\n National Insurance number\n </label>\n </h1>"
96
96
  },
97
97
  {
98
98
  "name": "as page heading without class",
@@ -100,14 +100,14 @@
100
100
  "text": "National Insurance number",
101
101
  "isPageHeading": true
102
102
  },
103
- "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label\">\n National Insurance number\n </label>\n </h1>",
104
- "hidden": false
103
+ "hidden": false,
104
+ "html": "<h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label\">\n National Insurance number\n </label>\n </h1>"
105
105
  },
106
106
  {
107
107
  "name": "empty",
108
108
  "options": {},
109
- "html": "",
110
- "hidden": true
109
+ "hidden": true,
110
+ "html": ""
111
111
  },
112
112
  {
113
113
  "name": "classes",
@@ -115,24 +115,24 @@
115
115
  "text": "National Insurance number",
116
116
  "classes": "extra-class one-more-class"
117
117
  },
118
- "html": "<label class=\"govuk-label extra-class one-more-class\">\n National Insurance number\n</label>",
119
- "hidden": true
118
+ "hidden": true,
119
+ "html": "<label class=\"govuk-label extra-class one-more-class\">\n National Insurance number\n</label>"
120
120
  },
121
121
  {
122
122
  "name": "html as text",
123
123
  "options": {
124
124
  "text": "National Insurance number, <em>NINO</em>"
125
125
  },
126
- "html": "<label class=\"govuk-label\">\n National Insurance number, &lt;em&gt;NINO&lt;/em&gt;\n</label>",
127
- "hidden": true
126
+ "hidden": true,
127
+ "html": "<label class=\"govuk-label\">\n National Insurance number, &lt;em&gt;NINO&lt;/em&gt;\n</label>"
128
128
  },
129
129
  {
130
130
  "name": "html",
131
131
  "options": {
132
132
  "html": "National Insurance number <em>NINO</em>"
133
133
  },
134
- "html": "<label class=\"govuk-label\">\n National Insurance number <em>NINO</em>\n</label>",
135
- "hidden": true
134
+ "hidden": true,
135
+ "html": "<label class=\"govuk-label\">\n National Insurance number <em>NINO</em>\n</label>"
136
136
  },
137
137
  {
138
138
  "name": "for",
@@ -140,8 +140,8 @@
140
140
  "for": "#dummy-input",
141
141
  "text": "National Insurance number"
142
142
  },
143
- "html": "<label class=\"govuk-label\" for=\"#dummy-input\">\n National Insurance number\n</label>",
144
- "hidden": true
143
+ "hidden": true,
144
+ "html": "<label class=\"govuk-label\" for=\"#dummy-input\">\n National Insurance number\n</label>"
145
145
  },
146
146
  {
147
147
  "name": "attributes",
@@ -152,8 +152,8 @@
152
152
  "second-attribute": "bar"
153
153
  }
154
154
  },
155
- "html": "<label class=\"govuk-label\" first-attribute=\"foo\" second-attribute=\"bar\">\n National Insurance number\n</label>",
156
- "hidden": true
155
+ "hidden": true,
156
+ "html": "<label class=\"govuk-label\" first-attribute=\"foo\" second-attribute=\"bar\">\n National Insurance number\n</label>"
157
157
  }
158
158
  ]
159
159
  }
@@ -6,24 +6,24 @@
6
6
  "options": {
7
7
  "text": "This publication was withdrawn on 7 March 2014."
8
8
  },
9
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
10
- "hidden": false
9
+ "hidden": false,
10
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
11
11
  },
12
12
  {
13
13
  "name": "paragraph as html heading",
14
14
  "options": {
15
15
  "html": "<p class=\"govuk-notification-banner__heading\">You have 9 days to send a response.</p>"
16
16
  },
17
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><p class=\"govuk-notification-banner__heading\">You have 9 days to send a response.</p></div>\n</div>",
18
- "hidden": false
17
+ "hidden": false,
18
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><p class=\"govuk-notification-banner__heading\">You have 9 days to send a response.</p></div>\n</div>"
19
19
  },
20
20
  {
21
21
  "name": "with text as html",
22
22
  "options": {
23
23
  "html": "<h3 class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014</h3><p class=\"govuk-body\">Archived and replaced by the <a href=\"#\" class=\"govuk-notification-banner__link\">new planning guidance</a> launched 6 March 2014 on an external website</p>\n"
24
24
  },
25
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><h3 class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014</h3><p class=\"govuk-body\">Archived and replaced by the <a href=\"#\" class=\"govuk-notification-banner__link\">new planning guidance</a> launched 6 March 2014 on an external website</p>\n</div>\n</div>",
26
- "hidden": false
25
+ "hidden": false,
26
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><h3 class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014</h3><p class=\"govuk-body\">Archived and replaced by the <a href=\"#\" class=\"govuk-notification-banner__link\">new planning guidance</a> launched 6 March 2014 on an external website</p>\n</div>\n</div>"
27
27
  },
28
28
  {
29
29
  "name": "with type as success",
@@ -31,8 +31,8 @@
31
31
  "type": "success",
32
32
  "text": "Email sent to example@email.com"
33
33
  },
34
- "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>",
35
- "hidden": false
34
+ "hidden": false,
35
+ "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>"
36
36
  },
37
37
  {
38
38
  "name": "success with custom html",
@@ -40,32 +40,32 @@
40
40
  "type": "success",
41
41
  "html": "<h3 class=\"govuk-notification-banner__heading\">4 files uploaded</h3><ul class=\"govuk-!-margin-0 govuk-list\"><li><a href=\"link-1\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li><li><a href=\"link-2\" class=\"govuk-notification-banner__link\">government-strategy-v1.pdf</a></li></ul>\n"
42
42
  },
43
- "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><h3 class=\"govuk-notification-banner__heading\">4 files uploaded</h3><ul class=\"govuk-!-margin-0 govuk-list\"><li><a href=\"link-1\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li><li><a href=\"link-2\" class=\"govuk-notification-banner__link\">government-strategy-v1.pdf</a></li></ul>\n</div>\n</div>",
44
- "hidden": false
43
+ "hidden": false,
44
+ "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><h3 class=\"govuk-notification-banner__heading\">4 files uploaded</h3><ul class=\"govuk-!-margin-0 govuk-list\"><li><a href=\"link-1\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li><li><a href=\"link-2\" class=\"govuk-notification-banner__link\">government-strategy-v1.pdf</a></li></ul>\n</div>\n</div>"
45
45
  },
46
46
  {
47
47
  "name": "with a list",
48
48
  "options": {
49
49
  "html": "<h3 class=\"govuk-notification-banner__heading\">4 files uploaded</h3>\n<ul class=\"govuk-list govuk-list--bullet govuk-!-margin-bottom-0\">\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li>\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v2.pdf</a></li>\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v3-FINAL.pdf</a></li>\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v4-FINAL-v2.pdf</a></li>\n</ul>\n"
50
50
  },
51
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><h3 class=\"govuk-notification-banner__heading\">4 files uploaded</h3>\n<ul class=\"govuk-list govuk-list--bullet govuk-!-margin-bottom-0\">\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li>\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v2.pdf</a></li>\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v3-FINAL.pdf</a></li>\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v4-FINAL-v2.pdf</a></li>\n</ul>\n</div>\n</div>",
52
- "hidden": false
51
+ "hidden": false,
52
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><h3 class=\"govuk-notification-banner__heading\">4 files uploaded</h3>\n<ul class=\"govuk-list govuk-list--bullet govuk-!-margin-bottom-0\">\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li>\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v2.pdf</a></li>\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v3-FINAL.pdf</a></li>\n <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v4-FINAL-v2.pdf</a></li>\n</ul>\n</div>\n</div>"
53
53
  },
54
54
  {
55
55
  "name": "with long heading",
56
56
  "options": {
57
57
  "text": "This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters."
58
58
  },
59
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters.</p></div>\n</div>",
60
- "hidden": false
59
+ "hidden": false,
60
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters.</p></div>\n</div>"
61
61
  },
62
62
  {
63
63
  "name": "with lots of content",
64
64
  "options": {
65
65
  "html": "<h3 class=\"govuk-notification-banner__heading\">\n Check if you need to apply the reverse charge to this application\n</h3> <p class=\"govuk-body\">You will have to apply the <a href=\"#\" class=\"govuk-notification-banner__link\">reverse charge</a> if the applicant supplies any of these services:</p> <ul class=\"govuk-list govuk-list--bullet govuk-list--spaced\">\n <li>\n constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services\n </li>\n <li>\n constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours\n </li>\n</ul>\n"
66
66
  },
67
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><h3 class=\"govuk-notification-banner__heading\">\n Check if you need to apply the reverse charge to this application\n</h3> <p class=\"govuk-body\">You will have to apply the <a href=\"#\" class=\"govuk-notification-banner__link\">reverse charge</a> if the applicant supplies any of these services:</p> <ul class=\"govuk-list govuk-list--bullet govuk-list--spaced\">\n <li>\n constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services\n </li>\n <li>\n constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours\n </li>\n</ul>\n</div>\n</div>",
68
- "hidden": false
67
+ "hidden": false,
68
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\"><h3 class=\"govuk-notification-banner__heading\">\n Check if you need to apply the reverse charge to this application\n</h3> <p class=\"govuk-body\">You will have to apply the <a href=\"#\" class=\"govuk-notification-banner__link\">reverse charge</a> if the applicant supplies any of these services:</p> <ul class=\"govuk-list govuk-list--bullet govuk-list--spaced\">\n <li>\n constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services\n </li>\n <li>\n constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours\n </li>\n</ul>\n</div>\n</div>"
69
69
  },
70
70
  {
71
71
  "name": "auto-focus disabled, with type as success",
@@ -74,8 +74,18 @@
74
74
  "disableAutoFocus": true,
75
75
  "text": "Email sent to example@email.com"
76
76
  },
77
- "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\" data-disable-auto-focus=\"true\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>",
78
- "hidden": false
77
+ "hidden": false,
78
+ "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\" data-disable-auto-focus=\"true\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>"
79
+ },
80
+ {
81
+ "name": "auto-focus explicitly enabled, with type as success",
82
+ "options": {
83
+ "type": "success",
84
+ "disableAutoFocus": false,
85
+ "text": "Email sent to example@email.com"
86
+ },
87
+ "hidden": false,
88
+ "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\" data-disable-auto-focus=\"false\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>"
79
89
  },
80
90
  {
81
91
  "name": "role=alert overridden to role=region, with type as success",
@@ -84,8 +94,8 @@
84
94
  "role": "region",
85
95
  "text": "Email sent to example@email.com"
86
96
  },
87
- "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>",
88
- "hidden": false
97
+ "hidden": false,
98
+ "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>"
89
99
  },
90
100
  {
91
101
  "name": "custom tabindex",
@@ -96,8 +106,8 @@
96
106
  "tabindex": 2
97
107
  }
98
108
  },
99
- "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\" tabindex=\"2\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>",
100
- "hidden": false
109
+ "hidden": false,
110
+ "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\" tabindex=\"2\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>"
101
111
  },
102
112
  {
103
113
  "name": "custom title",
@@ -105,8 +115,8 @@
105
115
  "titleText": "Important information",
106
116
  "text": "This publication was withdrawn on 7 March 2014."
107
117
  },
108
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important information\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
109
- "hidden": true
118
+ "hidden": true,
119
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important information\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
110
120
  },
111
121
  {
112
122
  "name": "title as html",
@@ -114,8 +124,8 @@
114
124
  "titleHtml": "<span>Important information</span>",
115
125
  "text": "This publication was withdrawn on 7 March 2014."
116
126
  },
117
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n <span>Important information</span>\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
118
- "hidden": true
127
+ "hidden": true,
128
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n <span>Important information</span>\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
119
129
  },
120
130
  {
121
131
  "name": "title html as text",
@@ -123,8 +133,8 @@
123
133
  "titleText": "<span>Important information</span>",
124
134
  "text": "This publication was withdrawn on 7 March 2014."
125
135
  },
126
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n &lt;span&gt;Important information&lt;/span&gt;\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
127
- "hidden": true
136
+ "hidden": true,
137
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n &lt;span&gt;Important information&lt;/span&gt;\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
128
138
  },
129
139
  {
130
140
  "name": "custom title heading level",
@@ -132,8 +142,8 @@
132
142
  "titleHeadingLevel": 3,
133
143
  "text": "This publication was withdrawn on 7 March 2014."
134
144
  },
135
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h3 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h3>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
136
- "hidden": true
145
+ "hidden": true,
146
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h3 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h3>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
137
147
  },
138
148
  {
139
149
  "name": "custom title id",
@@ -141,8 +151,8 @@
141
151
  "titleId": "my-id",
142
152
  "text": "This publication was withdrawn on 7 March 2014."
143
153
  },
144
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"my-id\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"my-id\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
145
- "hidden": true
154
+ "hidden": true,
155
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"my-id\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"my-id\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
146
156
  },
147
157
  {
148
158
  "name": "custom title id with type as success",
@@ -151,24 +161,24 @@
151
161
  "titleId": "my-id",
152
162
  "text": "Email sent to example@email.com"
153
163
  },
154
- "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"my-id\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"my-id\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>",
155
- "hidden": true
164
+ "hidden": true,
165
+ "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\"\n aria-labelledby=\"my-id\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"my-id\" >\n Success\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">Email sent to example@email.com</p></div>\n</div>"
156
166
  },
157
167
  {
158
168
  "name": "custom text",
159
169
  "options": {
160
170
  "text": "This publication was withdrawn on 7 March 2014."
161
171
  },
162
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
163
- "hidden": true
172
+ "hidden": true,
173
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
164
174
  },
165
175
  {
166
176
  "name": "html as text",
167
177
  "options": {
168
178
  "text": "<span>This publication was withdrawn on 7 March 2014.</span>"
169
179
  },
170
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">&lt;span&gt;This publication was withdrawn on 7 March 2014.&lt;/span&gt;</p></div>\n</div>",
171
- "hidden": true
180
+ "hidden": true,
181
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">&lt;span&gt;This publication was withdrawn on 7 March 2014.&lt;/span&gt;</p></div>\n</div>"
172
182
  },
173
183
  {
174
184
  "name": "custom role",
@@ -176,8 +186,8 @@
176
186
  "role": "banner",
177
187
  "text": "This publication was withdrawn on 7 March 2014."
178
188
  },
179
- "html": "<div class=\"govuk-notification-banner\" role=\"banner\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
180
- "hidden": true
189
+ "hidden": true,
190
+ "html": "<div class=\"govuk-notification-banner\" role=\"banner\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
181
191
  },
182
192
  {
183
193
  "name": "classes",
@@ -185,8 +195,8 @@
185
195
  "text": "This publication was withdrawn on 7 March 2014.",
186
196
  "classes": "app-my-class"
187
197
  },
188
- "html": "<div class=\"govuk-notification-banner app-my-class\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
189
- "hidden": true
198
+ "hidden": true,
199
+ "html": "<div class=\"govuk-notification-banner app-my-class\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
190
200
  },
191
201
  {
192
202
  "name": "attributes",
@@ -196,8 +206,8 @@
196
206
  "my-attribute": "value"
197
207
  }
198
208
  },
199
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\" my-attribute=\"value\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
200
- "hidden": true
209
+ "hidden": true,
210
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\" my-attribute=\"value\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
201
211
  },
202
212
  {
203
213
  "name": "with invalid type",
@@ -205,8 +215,8 @@
205
215
  "type": "some-type",
206
216
  "text": "This publication was withdrawn on 7 March 2014."
207
217
  },
208
- "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>",
209
- "hidden": true
218
+ "hidden": true,
219
+ "html": "<div class=\"govuk-notification-banner\" role=\"region\"\n aria-labelledby=\"govuk-notification-banner-title\"\n data-module=\"govuk-notification-banner\">\n <div class=\"govuk-notification-banner__header\">\n <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\" >\n Important\n </h2>\n </div>\n <div class=\"govuk-notification-banner__content\">\n <p class=\"govuk-notification-banner__heading\">This publication was withdrawn on 7 March 2014.</p></div>\n</div>"
210
220
  }
211
221
  ]
212
222
  }