@ons/design-system 65.1.0 → 65.2.1

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 (97) hide show
  1. package/README.md +1 -0
  2. package/components/access-code/access-code.scss +3 -3
  3. package/components/access-code/example-access-code-error.njk +1 -1
  4. package/components/access-code/example-access-code.njk +1 -1
  5. package/components/accordion/example-accordion-open.njk +10 -10
  6. package/components/accordion/example-accordion.njk +1 -1
  7. package/components/address-input/example-address-input-editable.njk +2 -2
  8. package/components/address-input/example-address-input-manual.njk +3 -3
  9. package/components/address-input/example-address-input.njk +2 -2
  10. package/components/autosuggest/_autosuggest.scss +3 -8
  11. package/components/autosuggest/_macro.njk +2 -3
  12. package/components/autosuggest/autosuggest.js +2 -1
  13. package/components/autosuggest/autosuggest.spec.js +89 -55
  14. package/components/autosuggest/autosuggest.ui.js +8 -12
  15. package/components/autosuggest/example-autosuggest-country-multiple.njk +4 -3
  16. package/components/autosuggest/example-autosuggest-country.njk +1 -1
  17. package/components/back-link/example-back-link.njk +1 -1
  18. package/components/button/_button.scss +11 -14
  19. package/components/card/example-card-set-with-images.njk +3 -3
  20. package/components/card/example-card-set-with-lists.njk +3 -3
  21. package/components/card/example-card-set.njk +3 -3
  22. package/components/card/example-card.njk +1 -1
  23. package/components/checkboxes/_checkbox.scss +1 -4
  24. package/components/checkboxes/example-checkboxes-disabled.njk +3 -3
  25. package/components/checkboxes/example-checkboxes-error.njk +7 -7
  26. package/components/checkboxes/example-checkboxes-with-descriptions.njk +7 -7
  27. package/components/checkboxes/example-checkboxes-with-hidden-label.njk +9 -9
  28. package/components/checkboxes/example-checkboxes-with-revealed-checkboxes-expanded.njk +8 -8
  29. package/components/checkboxes/example-checkboxes-with-revealed-checkboxes.njk +8 -8
  30. package/components/checkboxes/example-checkboxes-with-revealed-radios-expanded.njk +8 -8
  31. package/components/checkboxes/example-checkboxes-with-revealed-radios.njk +8 -8
  32. package/components/checkboxes/example-checkboxes-with-revealed-select-expanded.njk +4 -4
  33. package/components/checkboxes/example-checkboxes-with-revealed-select.njk +4 -4
  34. package/components/checkboxes/example-checkboxes-with-revealed-text-input-expanded.njk +6 -6
  35. package/components/checkboxes/example-checkboxes-with-revealed-text-input.njk +6 -6
  36. package/components/checkboxes/example-checkboxes-with-select-all-button.njk +4 -4
  37. package/components/checkboxes/example-checkboxes-with-visible-text-input.njk +6 -6
  38. package/components/checkboxes/example-checkboxes-without-border.njk +3 -3
  39. package/components/checkboxes/example-checkboxes.njk +4 -4
  40. package/components/date-input/example-date-input-error.njk +2 -2
  41. package/components/date-input/example-date-input.njk +1 -1
  42. package/components/details/example-details-with-warning.njk +1 -1
  43. package/components/details/example-details.njk +1 -1
  44. package/components/download-resources/_download-resources.scss +3 -5
  45. package/components/duration/example-duration-error.njk +6 -6
  46. package/components/duration/example-duration.njk +5 -5
  47. package/components/external-link/example-external-link.njk +1 -1
  48. package/components/header/example-header-external-with-service-links.njk +1 -1
  49. package/components/header/example-header-internal.njk +1 -1
  50. package/components/helpers/_grid.scss +6 -0
  51. package/components/helpers/grid.njk +19 -0
  52. package/components/input/_input-type.scss +2 -8
  53. package/components/input/_input.scss +4 -3
  54. package/components/input/example-input-email.njk +1 -1
  55. package/components/input/example-input-number.njk +1 -1
  56. package/components/input/example-input-numeric-values.njk +7 -7
  57. package/components/input/example-input-text-with-character-limit-checker.njk +1 -1
  58. package/components/input/example-input-text-with-description.njk +1 -1
  59. package/components/input/example-input-text.njk +1 -1
  60. package/components/modal/_modal.scss +3 -6
  61. package/components/mutually-exclusive/example-mutually-exclusive-checkboxes.njk +6 -6
  62. package/components/mutually-exclusive/example-mutually-exclusive-date-with-error.njk +2 -2
  63. package/components/mutually-exclusive/example-mutually-exclusive-email.njk +2 -2
  64. package/components/mutually-exclusive/example-mutually-exclusive-multiple-options.njk +5 -5
  65. package/components/navigation/navigation.js +6 -2
  66. package/components/phase-banner/example-phase-banner-alpha.njk +13 -2
  67. package/components/phase-banner/example-phase-banner-beta.njk +13 -2
  68. package/components/radios/example-radios-with-clear-button-expanded.njk +9 -9
  69. package/components/radios/example-radios-with-clear-button.njk +9 -9
  70. package/components/radios/example-radios-with-descriptions.njk +5 -5
  71. package/components/radios/example-radios-with-error.njk +4 -4
  72. package/components/radios/example-radios-with-revealed-checkboxes-expanded.njk +8 -8
  73. package/components/radios/example-radios-with-revealed-checkboxes.njk +8 -8
  74. package/components/radios/example-radios-with-revealed-radios-expanded.njk +9 -9
  75. package/components/radios/example-radios-with-revealed-radios.njk +8 -8
  76. package/components/radios/example-radios-with-revealed-select-expanded.njk +5 -5
  77. package/components/radios/example-radios-with-revealed-select.njk +4 -4
  78. package/components/radios/example-radios-with-revealed-text-input-expanded.njk +9 -9
  79. package/components/radios/example-radios-with-revealed-text-input.njk +9 -9
  80. package/components/radios/example-radios-with-visible-text-input.njk +3 -3
  81. package/components/relationships/example-relationships-error.njk +13 -13
  82. package/components/relationships/example-relationships-you.njk +13 -13
  83. package/components/relationships/example-relationships.njk +13 -13
  84. package/components/select/example-select-with-error.njk +1 -1
  85. package/components/select/example-select-with-inline-label.njk +1 -1
  86. package/components/select/example-select.njk +1 -1
  87. package/components/table/_table.scss +7 -3
  88. package/components/textarea/example-textarea-error.njk +1 -1
  89. package/components/upload/example-upload-error.njk +1 -1
  90. package/components/upload/example-upload.njk +1 -1
  91. package/css/main.css +3 -3
  92. package/package.json +8 -10
  93. package/scripts/main.es5.js +1 -1
  94. package/scripts/main.js +1 -1
  95. package/scss/base/_global.scss +3 -2
  96. package/scss/main.scss +1 -0
  97. package/scss/overrides/hcm.scss +10 -10
package/components/radios/example-radios-with-revealed-radios.njk CHANGED
@@ -7,55 +7,55 @@
7
7
  "borderless": true,
8
8
  "radios": [
9
9
  {
10
- "id": "post",
10
+ "id": "post-example-with-revealed-radio",
11
11
  "label": {
12
12
  "text": "By post"
13
13
  },
14
14
  "value": "post"
15
15
  },
16
16
  {
17
- "id": "email",
17
+ "id": "email-example-with-revealed-radio",
18
18
  "label": {
19
19
  "text": "By email"
20
20
  },
21
21
  "value": "email"
22
22
  },
23
23
  {
24
- "id": "phone",
24
+ "id": "phone-example-with-revealed-radio",
25
25
  "label": {
26
26
  "text": "By phone"
27
27
  },
28
28
  "value": "phone",
29
29
  "other": {
30
30
  "otherType": "radios",
31
- "id": "phone-time",
31
+ "id": "phone-time-example-with-revealed-radio",
32
32
  "name": "phone-time",
33
33
  "legend": "Choose preferred time of day",
34
34
  "radios": [
35
35
  {
36
36
  "value": "anytime",
37
- "id": "anytime",
37
+ "id": "anytime-example-with-revealed-radio",
38
38
  "label": {
39
39
  "text": "Anytime of day"
40
40
  }
41
41
  },
42
42
  {
43
43
  "value": "morning",
44
- "id": "morning",
44
+ "id": "morning-example-with-revealed-radio",
45
45
  "label": {
46
46
  "text": "Morning"
47
47
  }
48
48
  },
49
49
  {
50
50
  "value": "afternoon",
51
- "id": "afternoon",
51
+ "id": "afternoon-example-with-revealed-radio",
52
52
  "label": {
53
53
  "text": "Afternoon"
54
54
  }
55
55
  },
56
56
  {
57
57
  "value": "evening",
58
- "id": "evening",
58
+ "id": "evening-example-with-revealed-radio",
59
59
  "label": {
60
60
  "text": "Evening"
61
61
  }
package/components/radios/example-radios-with-revealed-select-expanded.njk CHANGED
@@ -11,21 +11,21 @@
11
11
  "name": "contact",
12
12
  "radios": [
13
13
  {
14
- "id": "post",
14
+ "id": "post-example-with-revealed-select-expanded",
15
15
  "label": {
16
16
  "text": "By post"
17
17
  },
18
18
  "value": "post"
19
19
  },
20
20
  {
21
- "id": "email",
21
+ "id": "email-example-with-revealed-select-expanded",
22
22
  "label": {
23
23
  "text": "By email"
24
24
  },
25
25
  "value": "email"
26
26
  },
27
27
  {
28
- "id": "phone",
28
+ "id": "phone-example-with-revealed-select-expanded",
29
29
  "label": {
30
30
  "text": "By phone"
31
31
  },
@@ -33,7 +33,7 @@
33
33
  "checked": true,
34
34
  "other": {
35
35
  "otherType": "select",
36
- "id": "phone-time",
36
+ "id": "phone-time-example-with-revealed-select-expanded",
37
37
  "name": "phone-time",
38
38
  "label": {
39
39
  "text": "Choose preferred time of day"
@@ -67,4 +67,4 @@
67
67
  ]
68
68
  })
69
69
  }}
70
- {% endcall %}
70
+ {% endcall %}
package/components/radios/example-radios-with-revealed-select.njk CHANGED
@@ -11,28 +11,28 @@
11
11
  "name": "contact",
12
12
  "radios": [
13
13
  {
14
- "id": "post",
14
+ "id": "post-example-with-revealed-select",
15
15
  "label": {
16
16
  "text": "By post"
17
17
  },
18
18
  "value": "post"
19
19
  },
20
20
  {
21
- "id": "email",
21
+ "id": "email-example-with-revealed-select",
22
22
  "label": {
23
23
  "text": "By email"
24
24
  },
25
25
  "value": "email"
26
26
  },
27
27
  {
28
- "id": "phone",
28
+ "id": "phone-example-with-revealed-select",
29
29
  "label": {
30
30
  "text": "By phone"
31
31
  },
32
32
  "value": "phone",
33
33
  "other": {
34
34
  "otherType": "select",
35
- "id": "phone-time",
35
+ "id": "phone-time-example-with-revealed-select",
36
36
  "name": "phone-time",
37
37
  "label": {
38
38
  "text": "Choose preferred time of day"
package/components/radios/example-radios-with-revealed-text-input-expanded.njk CHANGED
@@ -12,63 +12,63 @@
12
12
  "name": "travel",
13
13
  "radios": [
14
14
  {
15
- "id": "home",
15
+ "id": "home-example-radio-with-revealed-text-input-expanded",
16
16
  "label": {
17
17
  "text": "Work mainly from home"
18
18
  },
19
19
  "value": "home"
20
20
  },
21
21
  {
22
- "id": "car",
22
+ "id": "car-example-radio-with-revealed-text-input-expanded",
23
23
  "label": {
24
24
  "text": "Car or van"
25
25
  },
26
26
  "value": "car"
27
27
  },
28
28
  {
29
- "id": "underground",
29
+ "id": "underground-example-radio-with-revealed-text-input-expanded",
30
30
  "label": {
31
31
  "text": "Underground, metro, light rail or tram"
32
32
  },
33
33
  "value": "underground"
34
34
  },
35
35
  {
36
- "id": "train",
36
+ "id": "train-example-radio-with-revealed-text-input-expanded",
37
37
  "label": {
38
38
  "text": "Train"
39
39
  },
40
40
  "value": "train"
41
41
  },
42
42
  {
43
- "id": "bus",
43
+ "id": "bus-example-radio-with-revealed-text-input-expanded",
44
44
  "label": {
45
45
  "text": "Bus, minibus or coach"
46
46
  },
47
47
  "value": "bus"
48
48
  },
49
49
  {
50
- "id": "bicycle",
50
+ "id": "bicycle-example-radio-with-revealed-text-input-expanded",
51
51
  "label": {
52
52
  "text": "Bicycle"
53
53
  },
54
54
  "value": "bicycle"
55
55
  },
56
56
  {
57
- "id": "walk",
57
+ "id": "walk-example-radio-with-revealed-text-input-expanded",
58
58
  "label": {
59
59
  "text": "Walk"
60
60
  },
61
61
  "value": "walk"
62
62
  },
63
63
  {
64
- "id": "other-radio",
64
+ "id": "other-radio-with-revealed-text-input-expanded",
65
65
  "label": {
66
66
  "text": "Other"
67
67
  },
68
68
  "value": "other",
69
69
  "checked": true,
70
70
  "other": {
71
- "id": "other-textbox",
71
+ "id": "other-textbox-example-radio-with-revealed-text-input-expanded",
72
72
  "name": "other-answer",
73
73
  "label": {
74
74
  "text": "Enter how you travel"
package/components/radios/example-radios-with-revealed-text-input.njk CHANGED
@@ -12,62 +12,62 @@
12
12
  "name": "travel",
13
13
  "radios": [
14
14
  {
15
- "id": "home",
15
+ "id": "home-example-radio-with-revealed-text-input",
16
16
  "label": {
17
17
  "text": "Work mainly from home"
18
18
  },
19
19
  "value": "home"
20
20
  },
21
21
  {
22
- "id": "car",
22
+ "id": "car-example-radio-with-revealed-text-input",
23
23
  "label": {
24
24
  "text": "Car or van"
25
25
  },
26
26
  "value": "car"
27
27
  },
28
28
  {
29
- "id": "underground",
29
+ "id": "underground-example-radio-with-revealed-text-input",
30
30
  "label": {
31
31
  "text": "Underground, metro, light rail or tram"
32
32
  },
33
33
  "value": "underground"
34
34
  },
35
35
  {
36
- "id": "train",
36
+ "id": "train-example-radio-with-revealed-text-input",
37
37
  "label": {
38
38
  "text": "Train"
39
39
  },
40
40
  "value": "train"
41
41
  },
42
42
  {
43
- "id": "bus",
43
+ "id": "bus-example-radio-with-revealed-text-input",
44
44
  "label": {
45
45
  "text": "Bus, minibus or coach"
46
46
  },
47
47
  "value": "bus"
48
48
  },
49
49
  {
50
- "id": "bicycle",
50
+ "id": "bicycle-example-radio-with-revealed-text-input",
51
51
  "label": {
52
52
  "text": "Bicycle"
53
53
  },
54
54
  "value": "bicycle"
55
55
  },
56
56
  {
57
- "id": "walk",
57
+ "id": "walk-example-radio-with-revealed-text-input",
58
58
  "label": {
59
59
  "text": "Walk"
60
60
  },
61
61
  "value": "walk"
62
62
  },
63
63
  {
64
- "id": "other-radio",
64
+ "id": "other-radio-example-radio-with-revealed-text-input",
65
65
  "label": {
66
66
  "text": "Other"
67
67
  },
68
68
  "value": "other",
69
69
  "other": {
70
- "id": "other-textbox",
70
+ "id": "other-textbox-example-radio-with-revealed-text-input",
71
71
  "name": "other-answer",
72
72
  "label": {
73
73
  "text": "Enter how you travel"
package/components/radios/example-radios-with-visible-text-input.njk CHANGED
@@ -12,14 +12,14 @@
12
12
  "name": "gender-identity",
13
13
  "radios": [
14
14
  {
15
- "id": "yes",
15
+ "id": "yes-example-radio-with-visible-text",
16
16
  "label": {
17
17
  "text": "Yes"
18
18
  },
19
19
  "value": "yes"
20
20
  },
21
21
  {
22
- "id": "no",
22
+ "id": "no-example-radio-with-visible-text",
23
23
  "label": {
24
24
  "text": "No"
25
25
  },
@@ -27,7 +27,7 @@
27
27
  "other": {
28
28
  "open": true,
29
29
  "otherType": "input",
30
- "id": "no-textbox",
30
+ "id": "no-textbox-example-radio-with-visible-text",
31
31
  "name": "no-answer",
32
32
  "label": {
33
33
  "text": "Enter your gender identity"
package/components/relationships/example-relationships-error.njk CHANGED
@@ -62,7 +62,7 @@ layout: ~
62
62
  },
63
63
  "radios": [
64
64
  {
65
- "id": "husband-wife",
65
+ "id": "husband-wife-example-relationships-error",
66
66
  "value": "husband-wife",
67
67
  "label": {
68
68
  "text": "Husband or wife"
@@ -73,7 +73,7 @@ layout: ~
73
73
  }
74
74
  },
75
75
  {
76
- "id": "civil-partner",
76
+ "id": "civil-partner-example-relationships-error",
77
77
  "value": "civil-partner",
78
78
  "label": {
79
79
  "text": "Legally registered civil partner"
@@ -84,7 +84,7 @@ layout: ~
84
84
  }
85
85
  },
86
86
  {
87
- "id": "partner",
87
+ "id": "partner-example-relationships-error",
88
88
  "value": "partner",
89
89
  "label": {
90
90
  "text": "Partner"
@@ -95,7 +95,7 @@ layout: ~
95
95
  }
96
96
  },
97
97
  {
98
- "id": "son-daughter",
98
+ "id": "son-daughter-example-relationships-error",
99
99
  "value": "son-daughter",
100
100
  "label": {
101
101
  "text": "Son or daughter"
@@ -106,7 +106,7 @@ layout: ~
106
106
  }
107
107
  },
108
108
  {
109
- "id": "stepchild",
109
+ "id": "stepchild-example-relationships-error",
110
110
  "value": "stepchild",
111
111
  "label": {
112
112
  "text": "Stepchild"
@@ -117,7 +117,7 @@ layout: ~
117
117
  }
118
118
  },
119
119
  {
120
- "id": "brother-sister",
120
+ "id": "brother-sister-example-relationships-error",
121
121
  "value": "brother-sister",
122
122
  "label": {
123
123
  "text": "Brother or sister"
@@ -128,7 +128,7 @@ layout: ~
128
128
  }
129
129
  },
130
130
  {
131
- "id": "stepbrother-stepsister",
131
+ "id": "stepbrother-stepsister-example-relationships-error",
132
132
  "value": "stepbrother-stepsister",
133
133
  "label": {
134
134
  "text": "Stepbrother or stepsister"
@@ -139,7 +139,7 @@ layout: ~
139
139
  }
140
140
  },
141
141
  {
142
- "id": "mother-father",
142
+ "id": "mother-father-example-relationships-error",
143
143
  "value": "mother-father",
144
144
  "label": {
145
145
  "text": "Mother or father"
@@ -150,7 +150,7 @@ layout: ~
150
150
  }
151
151
  },
152
152
  {
153
- "id": "stepmother-stepfather",
153
+ "id": "stepmother-stepfather-example-relationships-error",
154
154
  "value": "stepmother-stepfather",
155
155
  "label": {
156
156
  "text": "Stepmother or stepfather"
@@ -161,7 +161,7 @@ layout: ~
161
161
  }
162
162
  },
163
163
  {
164
- "id": "grandchild",
164
+ "id": "grandchild-example-relationships-error",
165
165
  "value": "grandchild",
166
166
  "label": {
167
167
  "text": "Grandchild"
@@ -172,7 +172,7 @@ layout: ~
172
172
  }
173
173
  },
174
174
  {
175
- "id": "grandparent",
175
+ "id": "grandparent-example-relationships-error",
176
176
  "value": "grandparent",
177
177
  "label": {
178
178
  "text": "Grandparent"
@@ -183,7 +183,7 @@ layout: ~
183
183
  }
184
184
  },
185
185
  {
186
- "id": "other-relation",
186
+ "id": "other-relation-example-relationships-error",
187
187
  "value": "other-relation",
188
188
  "label": {
189
189
  "text": "Other relation"
@@ -194,7 +194,7 @@ layout: ~
194
194
  }
195
195
  },
196
196
  {
197
- "id": "unrelated",
197
+ "id": "unrelated-example-relationships-error",
198
198
  "value": "unrelated",
199
199
  "label": {
200
200
  "text": "Unrelated",
package/components/relationships/example-relationships-you.njk CHANGED
@@ -38,7 +38,7 @@ layout: ~
38
38
  "dontWrap": true,
39
39
  "radios": [
40
40
  {
41
- "id": "husband-wife",
41
+ "id": "husband-wife-example-relationships-you",
42
42
  "value": "husband-wife",
43
43
  "label": {
44
44
  "text": "Husband or wife"
@@ -49,7 +49,7 @@ layout: ~
49
49
  }
50
50
  },
51
51
  {
52
- "id": "civil-partner",
52
+ "id": "civil-partner-example-relationships-you",
53
53
  "value": "civil-partner",
54
54
  "label": {
55
55
  "text": "Legally registered civil partner"
@@ -60,7 +60,7 @@ layout: ~
60
60
  }
61
61
  },
62
62
  {
63
- "id": "partner",
63
+ "id": "partner-example-relationships-you",
64
64
  "value": "partner",
65
65
  "label": {
66
66
  "text": "Partner"
@@ -71,7 +71,7 @@ layout: ~
71
71
  }
72
72
  },
73
73
  {
74
- "id": "son-daughter",
74
+ "id": "son-daughter-example-relationships-you",
75
75
  "value": "son-daughter",
76
76
  "label": {
77
77
  "text": "Son or daughter"
@@ -82,7 +82,7 @@ layout: ~
82
82
  }
83
83
  },
84
84
  {
85
- "id": "stepchild",
85
+ "id": "stepchild-example-relationships-you",
86
86
  "value": "stepchild",
87
87
  "label": {
88
88
  "text": "Stepchild"
@@ -93,7 +93,7 @@ layout: ~
93
93
  }
94
94
  },
95
95
  {
96
- "id": "brother-sister",
96
+ "id": "brother-sister-example-relationships-you",
97
97
  "value": "brother-sister",
98
98
  "label": {
99
99
  "text": "Brother or sister"
@@ -104,7 +104,7 @@ layout: ~
104
104
  }
105
105
  },
106
106
  {
107
- "id": "stepbrother-stepsister",
107
+ "id": "stepbrother-stepsister-example-relationships-you",
108
108
  "value": "stepbrother-stepsister",
109
109
  "label": {
110
110
  "text": "Stepbrother or stepsister"
@@ -115,7 +115,7 @@ layout: ~
115
115
  }
116
116
  },
117
117
  {
118
- "id": "mother-father",
118
+ "id": "mother-father-example-relationships-you",
119
119
  "value": "mother-father",
120
120
  "label": {
121
121
  "text": "Mother or father"
@@ -126,7 +126,7 @@ layout: ~
126
126
  }
127
127
  },
128
128
  {
129
- "id": "stepmother-stepfather",
129
+ "id": "stepmother-stepfather-example-relationships-you",
130
130
  "value": "stepmother-stepfather",
131
131
  "label": {
132
132
  "text": "Stepmother or stepfather"
@@ -137,7 +137,7 @@ layout: ~
137
137
  }
138
138
  },
139
139
  {
140
- "id": "grandchild",
140
+ "id": "grandchild-example-relationships-you",
141
141
  "value": "grandchild",
142
142
  "label": {
143
143
  "text": "Grandchild"
@@ -148,7 +148,7 @@ layout: ~
148
148
  }
149
149
  },
150
150
  {
151
- "id": "grandparent",
151
+ "id": "grandparent-example-relationships-you",
152
152
  "value": "grandparent",
153
153
  "label": {
154
154
  "text": "Grandparent"
@@ -159,7 +159,7 @@ layout: ~
159
159
  }
160
160
  },
161
161
  {
162
- "id": "other-relation",
162
+ "id": "other-relation-example-relationships-you",
163
163
  "value": "other-relation",
164
164
  "label": {
165
165
  "text": "Other relation"
@@ -170,7 +170,7 @@ layout: ~
170
170
  }
171
171
  },
172
172
  {
173
- "id": "unrelated",
173
+ "id": "unrelated-example-relationships-you",
174
174
  "value": "unrelated",
175
175
  "label": {
176
176
  "text": "Unrelated",
package/components/relationships/example-relationships.njk CHANGED
@@ -36,7 +36,7 @@ layout: ~
36
36
  "dontWrap": true,
37
37
  "radios": [
38
38
  {
39
- "id": "husband-wife",
39
+ "id": "husband-wife-example-relationships",
40
40
  "value": "husband-wife",
41
41
  "label": {
42
42
  "text": "Husband or wife"
@@ -47,7 +47,7 @@ layout: ~
47
47
  }
48
48
  },
49
49
  {
50
- "id": "civil-partner",
50
+ "id": "civil-partner-example-relationships",
51
51
  "value": "civil-partner",
52
52
  "label": {
53
53
  "text": "Legally registered civil partner"
@@ -58,7 +58,7 @@ layout: ~
58
58
  }
59
59
  },
60
60
  {
61
- "id": "partner",
61
+ "id": "partner-example-relationships",
62
62
  "value": "partner",
63
63
  "label": {
64
64
  "text": "Partner"
@@ -69,7 +69,7 @@ layout: ~
69
69
  }
70
70
  },
71
71
  {
72
- "id": "son-daughter",
72
+ "id": "son-daughter-example-relationships",
73
73
  "value": "son-daughter",
74
74
  "label": {
75
75
  "text": "Son or daughter"
@@ -80,7 +80,7 @@ layout: ~
80
80
  }
81
81
  },
82
82
  {
83
- "id": "stepchild",
83
+ "id": "stepchild-example-relationships",
84
84
  "value": "stepchild",
85
85
  "label": {
86
86
  "text": "Stepchild"
@@ -91,7 +91,7 @@ layout: ~
91
91
  }
92
92
  },
93
93
  {
94
- "id": "brother-sister",
94
+ "id": "brother-sister-example-relationships",
95
95
  "value": "brother-sister",
96
96
  "label": {
97
97
  "text": "Brother or sister"
@@ -102,7 +102,7 @@ layout: ~
102
102
  }
103
103
  },
104
104
  {
105
- "id": "stepbrother-stepsister",
105
+ "id": "stepbrother-stepsister-example-relationships",
106
106
  "value": "stepbrother-stepsister",
107
107
  "label": {
108
108
  "text": "Stepbrother or stepsister"
@@ -113,7 +113,7 @@ layout: ~
113
113
  }
114
114
  },
115
115
  {
116
- "id": "mother-father",
116
+ "id": "mother-father-example-relationships",
117
117
  "value": "mother-father",
118
118
  "label": {
119
119
  "text": "Mother or father"
@@ -124,7 +124,7 @@ layout: ~
124
124
  }
125
125
  },
126
126
  {
127
- "id": "stepmother-stepfather",
127
+ "id": "stepmother-stepfather-example-relationships",
128
128
  "value": "stepmother-stepfather",
129
129
  "label": {
130
130
  "text": "Stepmother or stepfather"
@@ -135,7 +135,7 @@ layout: ~
135
135
  }
136
136
  },
137
137
  {
138
- "id": "grandchild",
138
+ "id": "grandchild-example-relationships",
139
139
  "value": "grandchild",
140
140
  "label": {
141
141
  "text": "Grandchild"
@@ -146,7 +146,7 @@ layout: ~
146
146
  }
147
147
  },
148
148
  {
149
- "id": "grandparent",
149
+ "id": "grandparent-example-relationships",
150
150
  "value": "grandparent",
151
151
  "label": {
152
152
  "text": "Grandparent"
@@ -157,7 +157,7 @@ layout: ~
157
157
  }
158
158
  },
159
159
  {
160
- "id": "other-relation",
160
+ "id": "other-relation-example-relationships",
161
161
  "value": "other-relation",
162
162
  "label": {
163
163
  "text": "Other relation"
@@ -168,7 +168,7 @@ layout: ~
168
168
  }
169
169
  },
170
170
  {
171
- "id": "unrelated",
171
+ "id": "unrelated-example-relationships",
172
172
  "value": "unrelated",
173
173
  "label": {
174
174
  "text": "Unrelated",
package/components/select/example-select-with-error.njk CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  {{
4
4
  onsSelect({
5
- "id": "select",
5
+ "id": "select-example-with-error",
6
6
  "name": "select",
7
7
  "label": {
8
8
  "text": "Question topic"