@ons/design-system 65.2.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 (78) hide show
  1. package/README.md +1 -0
  2. package/components/access-code/example-access-code-error.njk +1 -1
  3. package/components/access-code/example-access-code.njk +1 -1
  4. package/components/accordion/example-accordion-open.njk +10 -10
  5. package/components/accordion/example-accordion.njk +1 -1
  6. package/components/address-input/example-address-input-editable.njk +2 -2
  7. package/components/address-input/example-address-input-manual.njk +3 -3
  8. package/components/address-input/example-address-input.njk +2 -2
  9. package/components/autosuggest/_macro.njk +1 -0
  10. package/components/autosuggest/autosuggest.js +2 -1
  11. package/components/autosuggest/autosuggest.spec.js +89 -55
  12. package/components/autosuggest/autosuggest.ui.js +8 -12
  13. package/components/autosuggest/example-autosuggest-country-multiple.njk +4 -3
  14. package/components/autosuggest/example-autosuggest-country.njk +1 -1
  15. package/components/back-link/example-back-link.njk +1 -1
  16. package/components/card/example-card-set-with-images.njk +3 -3
  17. package/components/card/example-card-set-with-lists.njk +3 -3
  18. package/components/card/example-card-set.njk +3 -3
  19. package/components/card/example-card.njk +1 -1
  20. package/components/checkboxes/example-checkboxes-disabled.njk +3 -3
  21. package/components/checkboxes/example-checkboxes-error.njk +7 -7
  22. package/components/checkboxes/example-checkboxes-with-descriptions.njk +7 -7
  23. package/components/checkboxes/example-checkboxes-with-hidden-label.njk +9 -9
  24. package/components/checkboxes/example-checkboxes-with-revealed-checkboxes-expanded.njk +8 -8
  25. package/components/checkboxes/example-checkboxes-with-revealed-checkboxes.njk +8 -8
  26. package/components/checkboxes/example-checkboxes-with-revealed-radios-expanded.njk +8 -8
  27. package/components/checkboxes/example-checkboxes-with-revealed-radios.njk +8 -8
  28. package/components/checkboxes/example-checkboxes-with-revealed-select-expanded.njk +4 -4
  29. package/components/checkboxes/example-checkboxes-with-revealed-select.njk +4 -4
  30. package/components/checkboxes/example-checkboxes-with-revealed-text-input-expanded.njk +6 -6
  31. package/components/checkboxes/example-checkboxes-with-revealed-text-input.njk +6 -6
  32. package/components/checkboxes/example-checkboxes-with-select-all-button.njk +4 -4
  33. package/components/checkboxes/example-checkboxes-with-visible-text-input.njk +6 -6
  34. package/components/checkboxes/example-checkboxes-without-border.njk +3 -3
  35. package/components/checkboxes/example-checkboxes.njk +4 -4
  36. package/components/date-input/example-date-input-error.njk +2 -2
  37. package/components/date-input/example-date-input.njk +1 -1
  38. package/components/details/example-details-with-warning.njk +1 -1
  39. package/components/details/example-details.njk +1 -1
  40. package/components/duration/example-duration-error.njk +6 -6
  41. package/components/duration/example-duration.njk +5 -5
  42. package/components/header/example-header-external-with-service-links.njk +1 -1
  43. package/components/header/example-header-internal.njk +1 -1
  44. package/components/input/example-input-email.njk +1 -1
  45. package/components/input/example-input-number.njk +1 -1
  46. package/components/input/example-input-numeric-values.njk +7 -7
  47. package/components/input/example-input-text-with-character-limit-checker.njk +1 -1
  48. package/components/input/example-input-text-with-description.njk +1 -1
  49. package/components/input/example-input-text.njk +1 -1
  50. package/components/mutually-exclusive/example-mutually-exclusive-checkboxes.njk +6 -6
  51. package/components/mutually-exclusive/example-mutually-exclusive-date-with-error.njk +2 -2
  52. package/components/mutually-exclusive/example-mutually-exclusive-email.njk +2 -2
  53. package/components/mutually-exclusive/example-mutually-exclusive-multiple-options.njk +5 -5
  54. package/components/radios/example-radios-with-clear-button-expanded.njk +9 -9
  55. package/components/radios/example-radios-with-clear-button.njk +9 -9
  56. package/components/radios/example-radios-with-descriptions.njk +5 -5
  57. package/components/radios/example-radios-with-error.njk +4 -4
  58. package/components/radios/example-radios-with-revealed-checkboxes-expanded.njk +8 -8
  59. package/components/radios/example-radios-with-revealed-checkboxes.njk +8 -8
  60. package/components/radios/example-radios-with-revealed-radios-expanded.njk +9 -9
  61. package/components/radios/example-radios-with-revealed-radios.njk +8 -8
  62. package/components/radios/example-radios-with-revealed-select-expanded.njk +5 -5
  63. package/components/radios/example-radios-with-revealed-select.njk +4 -4
  64. package/components/radios/example-radios-with-revealed-text-input-expanded.njk +9 -9
  65. package/components/radios/example-radios-with-revealed-text-input.njk +9 -9
  66. package/components/radios/example-radios-with-visible-text-input.njk +3 -3
  67. package/components/relationships/example-relationships-error.njk +13 -13
  68. package/components/relationships/example-relationships-you.njk +13 -13
  69. package/components/relationships/example-relationships.njk +13 -13
  70. package/components/select/example-select-with-error.njk +1 -1
  71. package/components/select/example-select-with-inline-label.njk +1 -1
  72. package/components/select/example-select.njk +1 -1
  73. package/components/textarea/example-textarea-error.njk +1 -1
  74. package/components/upload/example-upload-error.njk +1 -1
  75. package/components/upload/example-upload.njk +1 -1
  76. package/package.json +2 -3
  77. package/scripts/main.es5.js +1 -1
  78. package/scripts/main.js +1 -1
package/components/mutually-exclusive/example-mutually-exclusive-checkboxes.njk CHANGED
@@ -13,34 +13,34 @@
13
13
  "name": "mutually-exclusive",
14
14
  "checkboxes": [
15
15
  {
16
- "id": "gas",
16
+ "id": "gas-example-mutually-exclusive-checkbox",
17
17
  "label": {
18
18
  "text": "Gas"
19
19
  },
20
20
  "value": "gas"
21
21
  },
22
22
  {
23
- "id": "electric",
23
+ "id": "electric-example-mutually-exclusive-checkbox",
24
24
  "label": {
25
25
  "text": "Electric"
26
26
  },
27
27
  "value": "electric"
28
28
  },
29
29
  {
30
- "id": "solid-fuel",
30
+ "id": "solid-fuel-example-mutually-exclusive-checkbox",
31
31
  "label": {
32
32
  "text": "Solid fuel"
33
33
  },
34
34
  "value": "solid-fuel"
35
35
  },
36
36
  {
37
- "id": "other-fuel",
37
+ "id": "other-fuel-example-mutually-exclusive-checkbox",
38
38
  "label": {
39
39
  "text": "Other"
40
40
  },
41
41
  "value": "other",
42
42
  "other": {
43
- "id": "other-fuel-textbox",
43
+ "id": "other-fuel-textbox-example-mutually-exclusive-checkbox",
44
44
  "name": "other-fuel-answer",
45
45
  "label": {
46
46
  "text": "Please specify"
@@ -55,7 +55,7 @@
55
55
  "deselectExclusiveOptionAdjective": "deselected",
56
56
  "exclusiveOptions": [
57
57
  {
58
- "id": "no-central-heating",
58
+ "id": "no-central-heating-example-mutually-exclusive-checkbox",
59
59
  "label": {
60
60
  "text": "No central heating"
61
61
  },
package/components/mutually-exclusive/example-mutually-exclusive-date-with-error.njk CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  {{
4
4
  onsDateInput({
5
- "id": "date-mutually-exclusive",
5
+ "id": "date-mutually-exclusive-with-error",
6
6
  "legendOrLabel": "When did you leave your last paid job?",
7
7
  "legendClasses": "ons-u-vh",
8
8
  "day": {
@@ -30,7 +30,7 @@
30
30
  "deselectExclusiveOptionAdjective": "deselected",
31
31
  "exclusiveOptions": [
32
32
  {
33
- "id": "date-exclusive-checkbox",
33
+ "id": "date-exclusive-checkbox-with-error",
34
34
  "name": "no-paid-job",
35
35
  "value": "no-paid-job",
36
36
  "label": {
package/components/mutually-exclusive/example-mutually-exclusive-email.njk CHANGED
@@ -8,7 +8,7 @@
8
8
  }) %}
9
9
  {{
10
10
  onsInput({
11
- "id": "email",
11
+ "id": "email-example-mutually-exclusive",
12
12
  "type": "email",
13
13
  "label": {
14
14
  "text": "Email address",
@@ -22,7 +22,7 @@
22
22
  "deselectExclusiveOptionAdjective": "deselected",
23
23
  "exclusiveOptions": [
24
24
  {
25
- "id": "email-checkbox",
25
+ "id": "email-checkbox-example-mutually-exclusive",
26
26
  "name": "no-email",
27
27
  "value": "no-email",
28
28
  "label": {
package/components/mutually-exclusive/example-mutually-exclusive-multiple-options.njk CHANGED
@@ -13,21 +13,21 @@
13
13
  "name": "mutually-exclusive",
14
14
  "checkboxes": [
15
15
  {
16
- "id": "gas",
16
+ "id": "gas-example-mutually-exclusive-multiple-options",
17
17
  "label": {
18
18
  "text": "Gas"
19
19
  },
20
20
  "value": "gas"
21
21
  },
22
22
  {
23
- "id": "electric",
23
+ "id": "electric-example-mutually-exclusive-multiple-options",
24
24
  "label": {
25
25
  "text": "Electric"
26
26
  },
27
27
  "value": "electric"
28
28
  },
29
29
  {
30
- "id": "solid-fuel",
30
+ "id": "solid-fuel-example-mutually-exclusive-multiple-options",
31
31
  "label": {
32
32
  "text": "Solid fuel"
33
33
  },
@@ -41,7 +41,7 @@
41
41
  "deselectExclusiveOptionAdjective": "deselected",
42
42
  "exclusiveOptions": [
43
43
  {
44
- "id": "no-central-heating",
44
+ "id": "no-central-heating-example-mutually-exclusive-multiple-options",
45
45
  "name": "no central heating",
46
46
  "label": {
47
47
  "text": "No central heating"
@@ -49,7 +49,7 @@
49
49
  "value": "no-central-heating"
50
50
  },
51
51
  {
52
- "id": "other",
52
+ "id": "other-example-mutually-exclusive-multiple-options",
53
53
  "name": "other",
54
54
  "label": {
55
55
  "text": "Other"
package/components/radios/example-radios-with-clear-button-expanded.njk CHANGED
@@ -26,14 +26,14 @@
26
26
  },
27
27
  "radios": [
28
28
  {
29
- "id": "none",
29
+ "id": "none-radio-with-clear-button-expanded",
30
30
  "label": {
31
31
  "text": "No religion"
32
32
  },
33
33
  "value": "none"
34
34
  },
35
35
  {
36
- "id": "christian",
36
+ "id": "christian-radio-with-clear-button-expanded",
37
37
  "label": {
38
38
  "text": "Christian",
39
39
  "description": "Including Church of England, Catholic, Protestant and all other Christian denominations"
@@ -41,14 +41,14 @@
41
41
  "value": "christian"
42
42
  },
43
43
  {
44
- "id": "buddhist",
44
+ "id": "buddhist-radio-with-clear-button-expanded",
45
45
  "label": {
46
46
  "text": "Buddhist"
47
47
  },
48
48
  "value": "buddhist"
49
49
  },
50
50
  {
51
- "id": "hindu",
51
+ "id": "hindu-radio-with-clear-button-expanded",
52
52
  "label": {
53
53
  "text": "Hindu"
54
54
  },
@@ -62,21 +62,21 @@
62
62
  "value": "jewish"
63
63
  },
64
64
  {
65
- "id": "muslim",
65
+ "id": "muslim-radio-with-clear-button-expanded",
66
66
  "label": {
67
67
  "text": "Muslim"
68
68
  },
69
69
  "value": "muslim"
70
70
  },
71
71
  {
72
- "id": "sikh",
72
+ "id": "sikh-radio-with-clear-button-expanded",
73
73
  "label": {
74
74
  "text": "Sikh"
75
75
  },
76
76
  "value": "sikh"
77
77
  },
78
78
  {
79
- "id": "other-radio",
79
+ "id": "other-radio-with-clear-button-expanded",
80
80
  "label": {
81
81
  "text": "Any other religion"
82
82
  },
@@ -84,7 +84,7 @@
84
84
  "checked": true,
85
85
  "other": {
86
86
  "otherType": "input",
87
- "id": "other-textbox",
87
+ "id": "other-textbox-radio-with-clear-button-expanded",
88
88
  "name": "other-answer",
89
89
  "label": {
90
90
  "text": "Enter your religion"
@@ -95,4 +95,4 @@
95
95
  })
96
96
  }}
97
97
  </form>
98
- {% endcall %}
98
+ {% endcall %}
package/components/radios/example-radios-with-clear-button.njk CHANGED
@@ -26,14 +26,14 @@
26
26
  },
27
27
  "radios": [
28
28
  {
29
- "id": "none",
29
+ "id": "none-radio-with-clear-button",
30
30
  "label": {
31
31
  "text": "No religion"
32
32
  },
33
33
  "value": "none"
34
34
  },
35
35
  {
36
- "id": "christian",
36
+ "id": "christian-radio-with-clear-button",
37
37
  "label": {
38
38
  "text": "Christian",
39
39
  "description": "Including Church of England, Catholic, Protestant and all other Christian denominations"
@@ -41,49 +41,49 @@
41
41
  "value": "christian"
42
42
  },
43
43
  {
44
- "id": "buddhist",
44
+ "id": "buddhist-radio-with-clear-button",
45
45
  "label": {
46
46
  "text": "Buddhist"
47
47
  },
48
48
  "value": "buddhist"
49
49
  },
50
50
  {
51
- "id": "hindu",
51
+ "id": "hindu-radio-with-clear-button",
52
52
  "label": {
53
53
  "text": "Hindu"
54
54
  },
55
55
  "value": "hindu"
56
56
  },
57
57
  {
58
- "id": "jewish",
58
+ "id": "jewish-radio-with-clear-button",
59
59
  "label": {
60
60
  "text": "Jewish"
61
61
  },
62
62
  "value": "jewish"
63
63
  },
64
64
  {
65
- "id": "muslim",
65
+ "id": "muslim-radio-with-clear-button",
66
66
  "label": {
67
67
  "text": "Muslim"
68
68
  },
69
69
  "value": "muslim"
70
70
  },
71
71
  {
72
- "id": "sikh",
72
+ "id": "sikh-radio-with-clear-button",
73
73
  "label": {
74
74
  "text": "Sikh"
75
75
  },
76
76
  "value": "sikh"
77
77
  },
78
78
  {
79
- "id": "other-radio",
79
+ "id": "other-radio-radio-with-clear-button",
80
80
  "label": {
81
81
  "text": "Any other religion"
82
82
  },
83
83
  "value": "other",
84
84
  "other": {
85
85
  "otherType": "input",
86
- "id": "other-textbox",
86
+ "id": "other-textbox-radio-with-clear-button",
87
87
  "name": "other-answer",
88
88
  "label": {
89
89
  "text": "Enter your religion"
package/components/radios/example-radios-with-descriptions.njk CHANGED
@@ -12,7 +12,7 @@
12
12
  "name": "ethnicity",
13
13
  "radios": [
14
14
  {
15
- "id": "white",
15
+ "id": "white-example-radio-with-description",
16
16
  "label": {
17
17
  "text": "White",
18
18
  "description": "Includes British, Northern Irish, Irish, Gypsy, Irish Traveller, Roma or any other White background"
@@ -20,7 +20,7 @@
20
20
  "name": "white"
21
21
  },
22
22
  {
23
- "id": "mixed",
23
+ "id": "mixed-example-radio-with-description",
24
24
  "label": {
25
25
  "text": "Mixed or Multiple ethnic groups",
26
26
  "description": "Includes White and Black Caribbean, White and Black African, White and Asian or any other Mixed or Multiple background"
@@ -28,7 +28,7 @@
28
28
  "name": "mixed"
29
29
  },
30
30
  {
31
- "id": "asian",
31
+ "id": "asian-example-radio-with-description",
32
32
  "label": {
33
33
  "text": "Asian or Asian British",
34
34
  "description": "Includes Indian, Pakistani, Bangladeshi, Chinese or any other Asian background"
@@ -36,7 +36,7 @@
36
36
  "name": "asian"
37
37
  },
38
38
  {
39
- "id": "black",
39
+ "id": "black-example-radio-with-description",
40
40
  "label": {
41
41
  "text": "Black, Black British, Caribbean or African",
42
42
  "description": "Includes Black British, Caribbean, African or any other Black background"
@@ -44,7 +44,7 @@
44
44
  "name": "black"
45
45
  },
46
46
  {
47
- "id": "other",
47
+ "id": "other-example-radio-with-description",
48
48
  "label": {
49
49
  "text": "Other ethnic group",
50
50
  "description": "Includes Arab or any other ethnic group"
package/components/radios/example-radios-with-error.njk CHANGED
@@ -6,14 +6,14 @@
6
6
  "dontWrap": true,
7
7
  "radios": [
8
8
  {
9
- "id": "yes",
9
+ "id": "yes-example-radio-with-error",
10
10
  "label": {
11
11
  "text": "Yes"
12
12
  },
13
13
  "value": "yes"
14
14
  },
15
15
  {
16
- "id": "no",
16
+ "id": "no-example-radio-with-error",
17
17
  "label": {
18
18
  "text": "No"
19
19
  },
@@ -22,7 +22,7 @@
22
22
  "other": {
23
23
  "open": true,
24
24
  "otherType": "input",
25
- "id": "no-textbox",
25
+ "id": "no-textbox-example-radio-with-error",
26
26
  "name": "no-answer",
27
27
  "label": {
28
28
  "text": "Enter your gender identity"
@@ -31,7 +31,7 @@
31
31
  }
32
32
  ],
33
33
  "error": {
34
- "id": "dietary-error",
34
+ "id": "dietary-error-example-radio-with-error",
35
35
  "text": "Enter your gender identity"
36
36
  }
37
37
  })
package/components/radios/example-radios-with-revealed-checkboxes-expanded.njk CHANGED
@@ -7,21 +7,21 @@
7
7
  "borderless": true,
8
8
  "radios": [
9
9
  {
10
- "id": "post",
10
+ "id": "post-example-radio-with-revealed-checkbox-expanded",
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-radio-with-revealed-checkbox-expanded",
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-radio-with-revealed-checkbox-expanded",
25
25
  "label": {
26
26
  "text": "By phone"
27
27
  },
@@ -30,34 +30,34 @@
30
30
  "other": {
31
31
  "otherType": "checkboxes",
32
32
  "selectAllChildren": true,
33
- "id": "phone-time",
33
+ "id": "phone-time-example-radio-with-revealed-checkbox-expanded",
34
34
  "name": "phone-time",
35
35
  "legend": "Select preferred times of day",
36
36
  "checkboxes": [
37
37
  {
38
38
  "value": "anytime",
39
- "id": "anytime",
39
+ "id": "anytime-example-radio-with-revealed-checkbox-expanded",
40
40
  "label": {
41
41
  "text": "Anytime of day"
42
42
  }
43
43
  },
44
44
  {
45
45
  "value": "morning",
46
- "id": "morning",
46
+ "id": "morning-example-radio-with-revealed-checkbox-expanded",
47
47
  "label": {
48
48
  "text": "Morning"
49
49
  }
50
50
  },
51
51
  {
52
52
  "value": "afternoon",
53
- "id": "afternoon",
53
+ "id": "afternoon-example-radio-with-revealed-checkbox-expanded",
54
54
  "label": {
55
55
  "text": "Afternoon"
56
56
  }
57
57
  },
58
58
  {
59
59
  "value": "evening",
60
- "id": "evening",
60
+ "id": "evening-example-radio-with-revealed-checkbox-expanded",
61
61
  "label": {
62
62
  "text": "Evening"
63
63
  }
package/components/radios/example-radios-with-revealed-checkboxes.njk CHANGED
@@ -7,21 +7,21 @@
7
7
  "borderless": true,
8
8
  "radios": [
9
9
  {
10
- "id": "post",
10
+ "id": "post-example-radio-with-revealed-checkbox",
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-radio-with-revealed-checkbox",
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-radio-with-revealed-checkbox",
25
25
  "label": {
26
26
  "text": "By phone"
27
27
  },
@@ -29,34 +29,34 @@
29
29
  "other": {
30
30
  "otherType": "checkboxes",
31
31
  "selectAllChildren": true,
32
- "id": "phone-time",
32
+ "id": "phone-time-example-radio-with-revealed-checkbox",
33
33
  "name": "phone-time",
34
34
  "legend": "Select preferred times of day",
35
35
  "checkboxes": [
36
36
  {
37
37
  "value": "anytime",
38
- "id": "anytime",
38
+ "id": "anytime-example-radio-with-revealed-checkbox",
39
39
  "label": {
40
40
  "text": "Anytime of day"
41
41
  }
42
42
  },
43
43
  {
44
44
  "value": "morning",
45
- "id": "morning",
45
+ "id": "morning-example-radio-with-revealed-checkbox",
46
46
  "label": {
47
47
  "text": "Morning"
48
48
  }
49
49
  },
50
50
  {
51
51
  "value": "afternoon",
52
- "id": "afternoon",
52
+ "id": "afternoon-example-radio-with-revealed-checkbox",
53
53
  "label": {
54
54
  "text": "Afternoon"
55
55
  }
56
56
  },
57
57
  {
58
58
  "value": "evening",
59
- "id": "evening",
59
+ "id": "evening-example-radio-with-revealed-checkbox",
60
60
  "label": {
61
61
  "text": "Evening"
62
62
  }
package/components/radios/example-radios-with-revealed-radios-expanded.njk CHANGED
@@ -7,21 +7,21 @@
7
7
  "borderless": true,
8
8
  "radios": [
9
9
  {
10
- "id": "post",
10
+ "id": "post-example-with-revealed-radio-expanded",
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-expanded",
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-expanded",
25
25
  "label": {
26
26
  "text": "By phone"
27
27
  },
@@ -29,34 +29,34 @@
29
29
  "checked": true,
30
30
  "other": {
31
31
  "otherType": "radios",
32
- "id": "phone-time",
32
+ "id": "phone-time-example-with-revealed-radio-expanded",
33
33
  "name": "phone-time",
34
34
  "legend": "Choose preferred time of day",
35
35
  "radios": [
36
36
  {
37
37
  "value": "anytime",
38
- "id": "anytime",
38
+ "id": "anytime-example-with-revealed-radio-expanded",
39
39
  "label": {
40
40
  "text": "Anytime of day"
41
41
  }
42
42
  },
43
43
  {
44
44
  "value": "morning",
45
- "id": "morning",
45
+ "id": "morning-example-with-revealed-radio-expanded",
46
46
  "label": {
47
47
  "text": "Morning"
48
48
  }
49
49
  },
50
50
  {
51
51
  "value": "afternoon",
52
- "id": "afternoon",
52
+ "id": "afternoon-example-with-revealed-radio-expanded",
53
53
  "label": {
54
54
  "text": "Afternoon"
55
55
  }
56
56
  },
57
57
  {
58
58
  "value": "evening",
59
- "id": "evening",
59
+ "id": "evening-example-with-revealed-radio-expanded",
60
60
  "label": {
61
61
  "text": "Evening"
62
62
  }
@@ -66,4 +66,4 @@
66
66
  }
67
67
  ]
68
68
  })
69
- }}
69
+ }}
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
  }