@ons/design-system 64.0.0 → 65.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/components/access-code/_macro.njk +2 -2
  2. package/components/access-code/_macro.spec.js +2 -2
  3. package/components/access-code/access-code.dom.js +11 -0
  4. package/components/access-code/{uac.js → access-code.js} +1 -1
  5. package/components/access-code/{uac.scss → access-code.scss} +1 -1
  6. package/components/access-code/example-access-code-error.njk +6 -6
  7. package/components/access-code/example-access-code.njk +4 -4
  8. package/components/accordion/_macro.njk +2 -2
  9. package/components/accordion/_macro.spec.js +3 -3
  10. package/components/accordion/accordion.dom.js +1 -1
  11. package/components/accordion/accordion.js +1 -1
  12. package/components/address-input/autosuggest.address.error.js +1 -1
  13. package/components/address-input/autosuggest.address.js +2 -2
  14. package/components/address-input/autosuggest.address.spec.js +5 -5
  15. package/components/autosuggest/_autosuggest.scss +11 -6
  16. package/components/autosuggest/_macro.njk +32 -31
  17. package/components/autosuggest/_macro.spec.js +18 -18
  18. package/components/autosuggest/autosuggest.spec.js +31 -31
  19. package/components/autosuggest/autosuggest.ui.js +8 -9
  20. package/components/breadcrumbs/_breadcrumbs.scss +6 -6
  21. package/components/breadcrumbs/_macro.njk +4 -4
  22. package/components/breadcrumbs/_macro.spec.js +13 -13
  23. package/components/button/_button.scss +27 -27
  24. package/components/button/_macro.spec.js +2 -2
  25. package/components/call-to-action/_macro.njk +1 -1
  26. package/components/card/_card.scss +14 -0
  27. package/components/card/_macro.njk +7 -8
  28. package/components/checkboxes/example-checkboxes-with-revealed-checkboxes-expanded.njk +88 -0
  29. package/components/checkboxes/example-checkboxes-with-revealed-radios-expanded.njk +70 -0
  30. package/components/checkboxes/example-checkboxes-with-revealed-select-expanded.njk +72 -0
  31. package/components/checkboxes/example-checkboxes-with-revealed-text-input-expanded.njk +60 -0
  32. package/components/content-pagination/_content-pagination.scss +1 -1
  33. package/components/date-input/_macro.njk +3 -3
  34. package/components/date-input/_macro.spec.js +118 -0
  35. package/components/date-input/example-date-input-error-for-single-field.njk +63 -0
  36. package/components/details/_details.scss +1 -1
  37. package/components/document-list/_macro.njk +5 -7
  38. package/components/document-list/_macro.spec.js +2 -2
  39. package/components/document-list/example-document-list-search-result-featured.njk +1 -1
  40. package/components/document-list/example-document-list-search-results.njk +3 -3
  41. package/components/external-link/_external-link.scss +3 -3
  42. package/components/external-link/_macro.njk +1 -1
  43. package/components/fieldset/_fieldset.scss +1 -1
  44. package/components/footer/_footer.scss +2 -2
  45. package/components/footer/example-footer-with-alternative-organisation.njk +5 -5
  46. package/components/header/_header.scss +8 -8
  47. package/components/header/_macro.njk +4 -4
  48. package/components/header/example-header-external-with-navigation.njk +5 -5
  49. package/components/header/example-header-external-with-service-links.njk +3 -3
  50. package/components/header/example-header-external-with-sub-navigation.njk +10 -10
  51. package/components/header/example-header-internal.njk +2 -2
  52. package/components/header/example-header-neutral-for-multicoloured-logo.njk +6 -6
  53. package/components/icon/_icon.scss +1 -1
  54. package/components/icon/_macro.njk +35 -35
  55. package/components/icon/_macro.spec.js +1 -1
  56. package/components/image/_image.scss +2 -2
  57. package/components/image/_macro.njk +4 -6
  58. package/components/image/_macro.spec.js +10 -10
  59. package/components/list/_list.scss +5 -2
  60. package/components/list/_macro.njk +22 -10
  61. package/components/list/_macro.spec.js +42 -0
  62. package/components/mutually-exclusive/_macro.njk +4 -3
  63. package/components/navigation/_macro.njk +6 -6
  64. package/components/navigation/_macro.spec.js +4 -4
  65. package/components/pagination/_macro.njk +17 -2
  66. package/components/pagination/_pagination.scss +14 -0
  67. package/components/pagination/example-pagination-first.njk +0 -2
  68. package/components/pagination/example-pagination-last.njk +0 -2
  69. package/components/pagination/example-pagination-with-no-range-indicator.njk +0 -2
  70. package/components/pagination/example-pagination.njk +0 -2
  71. package/components/panel/_macro.njk +1 -1
  72. package/components/panel/_panel.scss +7 -7
  73. package/components/password/_macro.njk +1 -1
  74. package/components/password/example-password.njk +1 -2
  75. package/components/question/example-question-interviewer-note.njk +1 -1
  76. package/components/quote/_quote.scss +1 -1
  77. package/components/radios/_macro.njk +1 -1
  78. package/components/radios/example-radios-with-clear-button-expanded.njk +98 -0
  79. package/components/radios/example-radios-with-revealed-checkboxes-expanded.njk +70 -0
  80. package/components/radios/example-radios-with-revealed-radios-expanded.njk +69 -0
  81. package/components/radios/example-radios-with-revealed-select-expanded.njk +70 -0
  82. package/components/radios/example-radios-with-revealed-text-input-expanded.njk +81 -0
  83. package/components/relationships/_macro.spec.js +9 -11
  84. package/components/relationships/example-relationships-error.njk +28 -28
  85. package/components/relationships/example-relationships-you.njk +29 -29
  86. package/components/relationships/example-relationships.njk +28 -28
  87. package/components/relationships/relationships.spec.js +13 -13
  88. package/components/reply/_macro.njk +5 -2
  89. package/components/reply/_macro.spec.js +7 -1
  90. package/components/section-navigation/_macro.njk +2 -1
  91. package/components/section-navigation/_macro.spec.js +2 -13
  92. package/components/skip-to-content/_macro.njk +2 -1
  93. package/components/skip-to-content/_macro.spec.js +17 -3
  94. package/components/skip-to-content/_skip.scss +1 -1
  95. package/components/skip-to-content/skip-to-content.dom.js +1 -1
  96. package/components/skip-to-content/skip-to-content.spec.js +3 -3
  97. package/components/summary/_summary.scss +1 -1
  98. package/components/table/_table.scss +6 -6
  99. package/components/table/sortable-table.js +1 -1
  100. package/components/tabs/_macro.njk +5 -5
  101. package/components/tabs/_macro.spec.js +1 -1
  102. package/components/tabs/example-tabs-details.njk +3 -0
  103. package/components/tabs/example-tabs.njk +0 -1
  104. package/components/textarea/example-textarea-error.njk +4 -4
  105. package/components/timeline/_macro.njk +18 -22
  106. package/components/timeline/_macro.spec.js +18 -0
  107. package/components/video/example-video.njk +1 -1
  108. package/components/video/video.js +10 -1
  109. package/components/video/video.spec.js +33 -0
  110. package/css/main.css +3 -3
  111. package/css/print.css +1 -1
  112. package/js/cookies-settings.js +1 -1
  113. package/js/main.js +1 -1
  114. package/package.json +19 -21
  115. package/scripts/main.es5.js +1 -1
  116. package/scripts/main.js +1 -1
  117. package/scss/base/_global.scss +1 -1
  118. package/scss/main.scss +1 -1
  119. package/scss/objects/_spacing.scss +3 -3
  120. package/scss/overrides/hcm.scss +10 -10
  121. package/scss/overrides/rtl.scss +2 -2
  122. package/scss/print.scss +2 -2
  123. package/components/access-code/uac.dom.js +0 -11
  124. /package/components/access-code/{uac.spec.js → access-code.spec.js} +0 -0
package/components/radios/example-radios-with-revealed-text-input-expanded.njk ADDED
@@ -0,0 +1,81 @@
1
+ {% from "components/radios/_macro.njk" import onsRadios %}
2
+ {% from "components/question/_macro.njk" import onsQuestion %}
3
+
4
+ {% call onsQuestion({
5
+ "title": "How do you usually travel to work?",
6
+ "classes": "ons-u-mt-no",
7
+ "legendIsQuestionTitle": true
8
+ }) %}
9
+ {{
10
+ onsRadios({
11
+ "dontWrap": true,
12
+ "name": "travel",
13
+ "radios": [
14
+ {
15
+ "id": "home",
16
+ "label": {
17
+ "text": "Work mainly from home"
18
+ },
19
+ "value": "home"
20
+ },
21
+ {
22
+ "id": "car",
23
+ "label": {
24
+ "text": "Car or van"
25
+ },
26
+ "value": "car"
27
+ },
28
+ {
29
+ "id": "underground",
30
+ "label": {
31
+ "text": "Underground, metro, light rail or tram"
32
+ },
33
+ "value": "underground"
34
+ },
35
+ {
36
+ "id": "train",
37
+ "label": {
38
+ "text": "Train"
39
+ },
40
+ "value": "train"
41
+ },
42
+ {
43
+ "id": "bus",
44
+ "label": {
45
+ "text": "Bus, minibus or coach"
46
+ },
47
+ "value": "bus"
48
+ },
49
+ {
50
+ "id": "bicycle",
51
+ "label": {
52
+ "text": "Bicycle"
53
+ },
54
+ "value": "bicycle"
55
+ },
56
+ {
57
+ "id": "walk",
58
+ "label": {
59
+ "text": "Walk"
60
+ },
61
+ "value": "walk"
62
+ },
63
+ {
64
+ "id": "other-radio",
65
+ "label": {
66
+ "text": "Other"
67
+ },
68
+ "value": "other",
69
+ "checked": true,
70
+ "other": {
71
+ "id": "other-textbox",
72
+ "name": "other-answer",
73
+ "label": {
74
+ "text": "Enter how you travel"
75
+ }
76
+ }
77
+ }
78
+ ]
79
+ })
80
+ }}
81
+ {% endcall %}
package/components/relationships/_macro.spec.js CHANGED
@@ -6,7 +6,7 @@ import axe from '../../tests/helpers/axe';
6
6
  import { renderComponent, templateFaker } from '../../tests/helpers/rendering';
7
7
 
8
8
  const EXAMPLE_RELATIONSHIPS = {
9
- playback: "Amanda Bloggs is Joe Bloggs' <em>…</em>",
9
+ playback: "Amanda Bloggs is Joe Bloggs' <strong>…</strong>",
10
10
  name: 'relationship',
11
11
  dontWrap: true,
12
12
  legendIsQuestionTitle: true,
@@ -18,8 +18,8 @@ const EXAMPLE_RELATIONSHIPS = {
18
18
  text: 'Grandparent',
19
19
  },
20
20
  attributes: {
21
- 'data-title': 'Thinking of Joe Bloggs, Amanda Bloggs is their <em>grandparents</em>',
22
- 'data-playback': "Amanda Bloggs is Joe Bloggs' <em>grandparents</em>",
21
+ 'data-title': 'Thinking of Joe Bloggs, Amanda Bloggs is their <strong>grandparents</strong>',
22
+ 'data-playback': "Amanda Bloggs is Joe Bloggs' <strong>grandparents</strong>",
23
23
  },
24
24
  },
25
25
  {
@@ -29,8 +29,8 @@ const EXAMPLE_RELATIONSHIPS = {
29
29
  text: 'Other relation',
30
30
  },
31
31
  attributes: {
32
- 'data-title': 'Thinking of Joe Bloggs, Amanda Bloggs is their <em>other relation</em>',
33
- 'data-playback': "Amanda Bloggs is Joe Bloggs' <em>other relation</em>",
32
+ 'data-title': 'Thinking of Joe Bloggs, Amanda Bloggs is their <strong>other relation</strong>',
33
+ 'data-playback': "Amanda Bloggs is Joe Bloggs' <strong>other relation</strong>",
34
34
  },
35
35
  },
36
36
  {
@@ -41,8 +41,8 @@ const EXAMPLE_RELATIONSHIPS = {
41
41
  description: 'Including foster child',
42
42
  },
43
43
  attributes: {
44
- 'data-title': 'Thinking of Joe Bloggs, Amanda Bloggs is <em>unrelated</em> to Joe Bloggs',
45
- 'data-playback': 'Amanda Bloggs is <em>unrelated</em> to Joe Bloggs',
44
+ 'data-title': 'Thinking of Joe Bloggs, Amanda Bloggs is <strong>unrelated</strong> to Joe Bloggs',
45
+ 'data-playback': 'Amanda Bloggs is <strong>unrelated</strong> to Joe Bloggs',
46
46
  },
47
47
  },
48
48
  ],
@@ -82,10 +82,8 @@ describe('macro: relationships', () => {
82
82
  it('has the provided `playback` text', () => {
83
83
  const $ = cheerio.load(renderComponent('relationships', EXAMPLE_RELATIONSHIPS));
84
84
 
85
- const playbackContent = $('.ons-relationships__playback')
86
- .html()
87
- .trim();
88
- expect(playbackContent).toBe("Amanda Bloggs is Joe Bloggs' <em>…</em>");
85
+ const playbackContent = $('.ons-relationships__playback').html().trim();
86
+ expect(playbackContent).toBe("Amanda Bloggs is Joe Bloggs' <strong>…</strong>");
89
87
  });
90
88
 
91
89
  it('has playback paragraph hidden initially', async () => {
package/components/relationships/example-relationships-error.njk CHANGED
@@ -45,7 +45,7 @@ layout: ~
45
45
  }}
46
46
  {% endcall %}
47
47
  {% call onsQuestion({
48
- "title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>…</em>",
48
+ "title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>…</strong>",
49
49
  "description": "<p>Complete the sentence by selecting the appropriate relationship</p>",
50
50
  "readDescriptionFirst": true,
51
51
  "legendIsQuestionTitle": true,
@@ -53,7 +53,7 @@ layout: ~
53
53
  "submitButton": true
54
54
  }) %}
55
55
  {{ onsRelationships({
56
- "playback": "Amanda Bloggs is Joe Bloggs' <em>…</em>",
56
+ "playback": "Amanda Bloggs is Joe Bloggs' <strong>…</strong>",
57
57
  "name": "relationship",
58
58
  "dontWrap": true,
59
59
  "error": {
@@ -68,8 +68,8 @@ layout: ~
68
68
  "text": "Husband or wife"
69
69
  },
70
70
  "attributes": {
71
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>husband or wife</em>",
72
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>husband or wife</em>"
71
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>husband or wife</strong>",
72
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>husband or wife</strong>"
73
73
  }
74
74
  },
75
75
  {
@@ -79,8 +79,8 @@ layout: ~
79
79
  "text": "Legally registered civil partner"
80
80
  },
81
81
  "attributes": {
82
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>legally registered civil partner</em>",
83
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>legally registered civil partner</em>"
82
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>legally registered civil partner</strong>",
83
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>legally registered civil partner</strong>"
84
84
  }
85
85
  },
86
86
  {
@@ -90,8 +90,8 @@ layout: ~
90
90
  "text": "Partner"
91
91
  },
92
92
  "attributes": {
93
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>partner</em>",
94
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>partner</em>"
93
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>partner</strong>",
94
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>partner</strong>"
95
95
  }
96
96
  },
97
97
  {
@@ -101,8 +101,8 @@ layout: ~
101
101
  "text": "Son or daughter"
102
102
  },
103
103
  "attributes": {
104
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>son or daughter</em>",
105
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>son or daughter</em>"
104
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>son or daughter</strong>",
105
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>son or daughter</strong>"
106
106
  }
107
107
  },
108
108
  {
@@ -112,8 +112,8 @@ layout: ~
112
112
  "text": "Stepchild"
113
113
  },
114
114
  "attributes": {
115
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>stepchild</em>",
116
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>stepchild</em>"
115
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>stepchild</strong>",
116
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>stepchild</strong>"
117
117
  }
118
118
  },
119
119
  {
@@ -123,8 +123,8 @@ layout: ~
123
123
  "text": "Brother or sister"
124
124
  },
125
125
  "attributes": {
126
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>brother or sister</em>",
127
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>brother or sister</em>"
126
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>brother or sister</strong>",
127
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>brother or sister</strong>"
128
128
  }
129
129
  },
130
130
  {
@@ -134,8 +134,8 @@ layout: ~
134
134
  "text": "Stepbrother or stepsister"
135
135
  },
136
136
  "attributes": {
137
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>stepbrother or sister</em>",
138
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>stepbrother or sister</em>"
137
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>stepbrother or sister</strong>",
138
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>stepbrother or sister</strong>"
139
139
  }
140
140
  },
141
141
  {
@@ -145,8 +145,8 @@ layout: ~
145
145
  "text": "Mother or father"
146
146
  },
147
147
  "attributes": {
148
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>mother or father</em>",
149
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>mother or father</em>"
148
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>mother or father</strong>",
149
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>mother or father</strong>"
150
150
  }
151
151
  },
152
152
  {
@@ -156,8 +156,8 @@ layout: ~
156
156
  "text": "Stepmother or stepfather"
157
157
  },
158
158
  "attributes": {
159
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>stepmother or stepfather</em>",
160
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>stepmother or stepfather</em>"
159
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>stepmother or stepfather</strong>",
160
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>stepmother or stepfather</strong>"
161
161
  }
162
162
  },
163
163
  {
@@ -167,8 +167,8 @@ layout: ~
167
167
  "text": "Grandchild"
168
168
  },
169
169
  "attributes": {
170
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>grandchild</em>",
171
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>grandchild</em>"
170
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>grandchild</strong>",
171
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>grandchild</strong>"
172
172
  }
173
173
  },
174
174
  {
@@ -178,8 +178,8 @@ layout: ~
178
178
  "text": "Grandparent"
179
179
  },
180
180
  "attributes": {
181
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>grandparents</em>",
182
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>grandparents</em>"
181
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>grandparents</strong>",
182
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>grandparents</strong>"
183
183
  }
184
184
  },
185
185
  {
@@ -189,8 +189,8 @@ layout: ~
189
189
  "text": "Other relation"
190
190
  },
191
191
  "attributes": {
192
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>other relation</em>",
193
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>other relation</em>"
192
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>other relation</strong>",
193
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>other relation</strong>"
194
194
  }
195
195
  },
196
196
  {
@@ -201,8 +201,8 @@ layout: ~
201
201
  "description": "Including foster child"
202
202
  },
203
203
  "attributes": {
204
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is <em>unrelated</em> to Joe Bloggs",
205
- "data-playback": "Amanda Bloggs is <em>unrelated</em> to Joe Bloggs"
204
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is <strong>unrelated</strong> to Joe Bloggs",
205
+ "data-playback": "Amanda Bloggs is <strong>unrelated</strong> to Joe Bloggs"
206
206
  }
207
207
  }
208
208
  ]
package/components/relationships/example-relationships-you.njk CHANGED
@@ -23,7 +23,7 @@ layout: ~
23
23
 
24
24
  {% block main %}
25
25
  {% call onsQuestion({
26
- "title": "Joe Bloggs is your <em>…</em>",
26
+ "title": "Joe Bloggs is your <strong>…</strong>",
27
27
  "description": "<p>Complete the sentence by selecting the appropriate relationship</p>",
28
28
  "readDescriptionFirst": true,
29
29
  "legendIsQuestionTitle": true,
@@ -31,9 +31,9 @@ layout: ~
31
31
  "submitButton": true
32
32
  }) %}
33
33
  {{ onsRelationships({
34
- "legend": "Joe Bloggs is your <em>…</em>",
34
+ "legend": "Joe Bloggs is your <strong>…</strong>",
35
35
  "legendClasses": "ons-u-vh",
36
- "playback": "Joe Bloggs is your <em>…</em>",
36
+ "playback": "Joe Bloggs is your <strong>…</strong>",
37
37
  "name": "relationship",
38
38
  "dontWrap": true,
39
39
  "radios": [
@@ -44,8 +44,8 @@ layout: ~
44
44
  "text": "Husband or wife"
45
45
  },
46
46
  "attributes": {
47
- "data-title": "Joe Bloggs is your <em>husband or wife</em>",
48
- "data-playback": "Joe Bloggs is your <em>husband or wife</em>"
47
+ "data-title": "Joe Bloggs is your <strong>husband or wife</strong>",
48
+ "data-playback": "Joe Bloggs is your <strong>husband or wife</strong>"
49
49
  }
50
50
  },
51
51
  {
@@ -55,8 +55,8 @@ layout: ~
55
55
  "text": "Legally registered civil partner"
56
56
  },
57
57
  "attributes": {
58
- "data-title": "Joe Bloggs is your <em>legally registered civil partner</em>",
59
- "data-playback": "Joe Bloggs is your <em>legally registered civil partner</em>"
58
+ "data-title": "Joe Bloggs is your <strong>legally registered civil partner</strong>",
59
+ "data-playback": "Joe Bloggs is your <strong>legally registered civil partner</strong>"
60
60
  }
61
61
  },
62
62
  {
@@ -66,8 +66,8 @@ layout: ~
66
66
  "text": "Partner"
67
67
  },
68
68
  "attributes": {
69
- "data-title": "Joe Bloggs is your <em>partner</em>",
70
- "data-playback": "Joe Bloggs is your <em>partner</em>"
69
+ "data-title": "Joe Bloggs is your <strong>partner</strong>",
70
+ "data-playback": "Joe Bloggs is your <strong>partner</strong>"
71
71
  }
72
72
  },
73
73
  {
@@ -77,8 +77,8 @@ layout: ~
77
77
  "text": "Son or daughter"
78
78
  },
79
79
  "attributes": {
80
- "data-title": "Joe Bloggs is your <em>son or daughter</em>",
81
- "data-playback": "Joe Bloggs is your <em>son or daughter</em>"
80
+ "data-title": "Joe Bloggs is your <strong>son or daughter</strong>",
81
+ "data-playback": "Joe Bloggs is your <strong>son or daughter</strong>"
82
82
  }
83
83
  },
84
84
  {
@@ -88,8 +88,8 @@ layout: ~
88
88
  "text": "Stepchild"
89
89
  },
90
90
  "attributes": {
91
- "data-title": "Joe Bloggs is your <em>stepchild</em>",
92
- "data-playback": "Joe Bloggs is your <em>stepchild</em>"
91
+ "data-title": "Joe Bloggs is your <strong>stepchild</strong>",
92
+ "data-playback": "Joe Bloggs is your <strong>stepchild</strong>"
93
93
  }
94
94
  },
95
95
  {
@@ -99,8 +99,8 @@ layout: ~
99
99
  "text": "Brother or sister"
100
100
  },
101
101
  "attributes": {
102
- "data-title": "Joe Bloggs is your <em>brother or sister</em>",
103
- "data-playback": "Joe Bloggs is your <em>brother or sister</em>"
102
+ "data-title": "Joe Bloggs is your <strong>brother or sister</strong>",
103
+ "data-playback": "Joe Bloggs is your <strong>brother or sister</strong>"
104
104
  }
105
105
  },
106
106
  {
@@ -110,8 +110,8 @@ layout: ~
110
110
  "text": "Stepbrother or stepsister"
111
111
  },
112
112
  "attributes": {
113
- "data-title": "Joe Bloggs is your <em>stepbrother or sister</em>",
114
- "data-playback": "Joe Bloggs is your <em>stepbrother or sister</em>"
113
+ "data-title": "Joe Bloggs is your <strong>stepbrother or sister</strong>",
114
+ "data-playback": "Joe Bloggs is your <strong>stepbrother or sister</strong>"
115
115
  }
116
116
  },
117
117
  {
@@ -121,8 +121,8 @@ layout: ~
121
121
  "text": "Mother or father"
122
122
  },
123
123
  "attributes": {
124
- "data-title": "Joe Bloggs is your <em>mother or father</em>",
125
- "data-playback": "Joe Bloggs is your <em>mother or father</em>"
124
+ "data-title": "Joe Bloggs is your <strong>mother or father</strong>",
125
+ "data-playback": "Joe Bloggs is your <strong>mother or father</strong>"
126
126
  }
127
127
  },
128
128
  {
@@ -132,8 +132,8 @@ layout: ~
132
132
  "text": "Stepmother or stepfather"
133
133
  },
134
134
  "attributes": {
135
- "data-title": "Joe Bloggs is your <em>stepmother or stepfather</em>",
136
- "data-playback": "Joe Bloggs is your <em>stepmother or stepfather</em>"
135
+ "data-title": "Joe Bloggs is your <strong>stepmother or stepfather</strong>",
136
+ "data-playback": "Joe Bloggs is your <strong>stepmother or stepfather</strong>"
137
137
  }
138
138
  },
139
139
  {
@@ -143,8 +143,8 @@ layout: ~
143
143
  "text": "Grandchild"
144
144
  },
145
145
  "attributes": {
146
- "data-title": "Joe Bloggs is your <em>grandchild</em>",
147
- "data-playback": "Joe Bloggs is your <em>grandchild</em>"
146
+ "data-title": "Joe Bloggs is your <strong>grandchild</strong>",
147
+ "data-playback": "Joe Bloggs is your <strong>grandchild</strong>"
148
148
  }
149
149
  },
150
150
  {
@@ -154,8 +154,8 @@ layout: ~
154
154
  "text": "Grandparent"
155
155
  },
156
156
  "attributes": {
157
- "data-title": "Joe Bloggs is your <em>grandparent</em>",
158
- "data-playback": "Joe Bloggs is your <em>grandparent</em>"
157
+ "data-title": "Joe Bloggs is your <strong>grandparent</strong>",
158
+ "data-playback": "Joe Bloggs is your <strong>grandparent</strong>"
159
159
  }
160
160
  },
161
161
  {
@@ -165,8 +165,8 @@ layout: ~
165
165
  "text": "Other relation"
166
166
  },
167
167
  "attributes": {
168
- "data-title": "Joe Bloggs is your <em>other relation</em>",
169
- "data-playback": "Joe Bloggs is your <em>other relation</em>"
168
+ "data-title": "Joe Bloggs is your <strong>other relation</strong>",
169
+ "data-playback": "Joe Bloggs is your <strong>other relation</strong>"
170
170
  }
171
171
  },
172
172
  {
@@ -177,8 +177,8 @@ layout: ~
177
177
  "description": "Including foster child"
178
178
  },
179
179
  "attributes": {
180
- "data-title": "Joe Bloggs is <em>unrelated</em> to you",
181
- "data-playback": "Joe Bloggs is <em>unrelated</em> to you"
180
+ "data-title": "Joe Bloggs is <strong>unrelated</strong> to you",
181
+ "data-playback": "Joe Bloggs is <strong>unrelated</strong> to you"
182
182
  }
183
183
  }
184
184
  ]
package/components/relationships/example-relationships.njk CHANGED
@@ -23,7 +23,7 @@ layout: ~
23
23
 
24
24
  {% block main %}
25
25
  {% call onsQuestion({
26
- "title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>…</em>",
26
+ "title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>…</strong>",
27
27
  "description": "<p>Complete the sentence by selecting the appropriate relationship</p>",
28
28
  "readDescriptionFirst": true,
29
29
  "legendIsQuestionTitle": true,
@@ -31,7 +31,7 @@ layout: ~
31
31
  "submitButton": true
32
32
  }) %}
33
33
  {{ onsRelationships({
34
- "playback": "Amanda Bloggs is Joe Bloggs' <em>…</em>",
34
+ "playback": "Amanda Bloggs is Joe Bloggs' <strong>…</strong>",
35
35
  "name": "relationship",
36
36
  "dontWrap": true,
37
37
  "radios": [
@@ -42,8 +42,8 @@ layout: ~
42
42
  "text": "Husband or wife"
43
43
  },
44
44
  "attributes": {
45
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>husband or wife</em>",
46
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>husband or wife</em>"
45
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>husband or wife</strong>",
46
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>husband or wife</strong>"
47
47
  }
48
48
  },
49
49
  {
@@ -53,8 +53,8 @@ layout: ~
53
53
  "text": "Legally registered civil partner"
54
54
  },
55
55
  "attributes": {
56
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>legally registered civil partner</em>",
57
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>legally registered civil partner</em>"
56
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>legally registered civil partner</strong>",
57
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>legally registered civil partner</strong>"
58
58
  }
59
59
  },
60
60
  {
@@ -64,8 +64,8 @@ layout: ~
64
64
  "text": "Partner"
65
65
  },
66
66
  "attributes": {
67
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>partner</em>",
68
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>partner</em>"
67
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>partner</strong>",
68
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>partner</strong>"
69
69
  }
70
70
  },
71
71
  {
@@ -75,8 +75,8 @@ layout: ~
75
75
  "text": "Son or daughter"
76
76
  },
77
77
  "attributes": {
78
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>son or daughter</em>",
79
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>son or daughter</em>"
78
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>son or daughter</strong>",
79
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>son or daughter</strong>"
80
80
  }
81
81
  },
82
82
  {
@@ -86,8 +86,8 @@ layout: ~
86
86
  "text": "Stepchild"
87
87
  },
88
88
  "attributes": {
89
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>stepchild</em>",
90
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>stepchild</em>"
89
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>stepchild</strong>",
90
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>stepchild</strong>"
91
91
  }
92
92
  },
93
93
  {
@@ -97,8 +97,8 @@ layout: ~
97
97
  "text": "Brother or sister"
98
98
  },
99
99
  "attributes": {
100
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>brother or sister</em>",
101
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>brother or sister</em>"
100
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>brother or sister</strong>",
101
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>brother or sister</strong>"
102
102
  }
103
103
  },
104
104
  {
@@ -108,8 +108,8 @@ layout: ~
108
108
  "text": "Stepbrother or stepsister"
109
109
  },
110
110
  "attributes": {
111
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>stepbrother or sister</em>",
112
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>stepbrother or sister</em>"
111
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>stepbrother or sister</strong>",
112
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>stepbrother or sister</strong>"
113
113
  }
114
114
  },
115
115
  {
@@ -119,8 +119,8 @@ layout: ~
119
119
  "text": "Mother or father"
120
120
  },
121
121
  "attributes": {
122
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>mother or father</em>",
123
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>mother or father</em>"
122
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>mother or father</strong>",
123
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>mother or father</strong>"
124
124
  }
125
125
  },
126
126
  {
@@ -130,8 +130,8 @@ layout: ~
130
130
  "text": "Stepmother or stepfather"
131
131
  },
132
132
  "attributes": {
133
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>stepmother or stepfather</em>",
134
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>stepmother or stepfather</em>"
133
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>stepmother or stepfather</strong>",
134
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>stepmother or stepfather</strong>"
135
135
  }
136
136
  },
137
137
  {
@@ -141,8 +141,8 @@ layout: ~
141
141
  "text": "Grandchild"
142
142
  },
143
143
  "attributes": {
144
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>grandchild</em>",
145
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>grandchild</em>"
144
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>grandchild</strong>",
145
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>grandchild</strong>"
146
146
  }
147
147
  },
148
148
  {
@@ -152,8 +152,8 @@ layout: ~
152
152
  "text": "Grandparent"
153
153
  },
154
154
  "attributes": {
155
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>grandparents</em>",
156
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>grandparents</em>"
155
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>grandparents</strong>",
156
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>grandparents</strong>"
157
157
  }
158
158
  },
159
159
  {
@@ -163,8 +163,8 @@ layout: ~
163
163
  "text": "Other relation"
164
164
  },
165
165
  "attributes": {
166
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <em>other relation</em>",
167
- "data-playback": "Amanda Bloggs is Joe Bloggs' <em>other relation</em>"
166
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is their <strong>other relation</strong>",
167
+ "data-playback": "Amanda Bloggs is Joe Bloggs' <strong>other relation</strong>"
168
168
  }
169
169
  },
170
170
  {
@@ -175,8 +175,8 @@ layout: ~
175
175
  "description": "Including foster child"
176
176
  },
177
177
  "attributes": {
178
- "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is <em>unrelated</em> to Joe Bloggs",
179
- "data-playback": "Amanda Bloggs is <em>unrelated</em> to Joe Bloggs"
178
+ "data-title": "Thinking of Joe Bloggs, Amanda Bloggs is <strong>unrelated</strong> to Joe Bloggs",
179
+ "data-playback": "Amanda Bloggs is <strong>unrelated</strong> to Joe Bloggs"
180
180
  }
181
181
  }
182
182
  ]