@planning-inspectorate/dynamic-forms 2.0.0 → 2.0.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 (33) hide show
  1. package/package.json +1 -1
  2. package/src/components/address/index.njk +1 -1
  3. package/src/components/boolean/index.njk +3 -3
  4. package/src/components/checkbox/index.njk +2 -2
  5. package/src/components/conditional/textarea.njk +1 -1
  6. package/src/components/conditional/unit.njk +1 -1
  7. package/src/components/date/index.njk +2 -2
  8. package/src/components/date-period/index.njk +3 -3
  9. package/src/components/date-time/index.njk +3 -3
  10. package/src/components/identifier/index.njk +1 -1
  11. package/src/components/multi-field-input/index.njk +2 -2
  12. package/src/components/number-entry/index.njk +6 -3
  13. package/src/components/radio/index.njk +7 -3
  14. package/src/components/select/index.njk +1 -1
  15. package/src/components/single-line-input/index.njk +3 -3
  16. package/src/components/text-entry/index.njk +3 -3
  17. package/src/components/text-entry-redact/index.njk +1 -1
  18. package/src/components/unit-option-entry/index.njk +4 -2
  19. package/test/snapshots/add-insurance.html +1 -5
  20. package/test/snapshots/companions.html +2 -9
  21. package/test/snapshots/departure-date.html +1 -5
  22. package/test/snapshots/holiday-activities.html +1 -5
  23. package/test/snapshots/holiday-arrival.html +2 -3
  24. package/test/snapshots/holiday-description.html +1 -5
  25. package/test/snapshots/holiday-destination.html +0 -4
  26. package/test/snapshots/holiday-period.html +2 -9
  27. package/test/snapshots/holiday-snack.html +1 -5
  28. package/test/snapshots/hotel-address.html +0 -1
  29. package/test/snapshots/luggage-weight-units.html +2 -11
  30. package/test/snapshots/nights.html +1 -6
  31. package/test/snapshots/secret-wish.html +0 -1
  32. package/test/snapshots/travel-class.html +1 -4
  33. package/test/snapshots/travel-insurance-type.html +0 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planning-inspectorate/dynamic-forms",
3
- "version": "2.0.0",
3
+ "version": "2.0.1",
4
4
  "description": "This package is for building GDS forms using a configuration-based approach.",
5
5
  "main": "./src/index.js",
6
6
  "type": "module",
@@ -14,7 +14,7 @@
14
14
  <div class="govuk-grid-row">
15
15
  <div class="govuk-grid-column-two-thirds">
16
16
  <form action="" method="post" novalidate>
17
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
17
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
18
18
  {% call govukFieldset({
19
19
  legend: {
20
20
  text: question.question,
@@ -14,7 +14,7 @@
14
14
  <div class="govuk-grid-row">
15
15
  <div class="govuk-grid-column-two-thirds">
16
16
  <form action="" method="post" novalidate>
17
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
17
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
18
18
  {% if question.interfaceType === 'radio' %}
19
19
  {{ govukRadios({
20
20
  classes: "govuk-radios",
@@ -30,7 +30,7 @@
30
30
  classes: "govuk-fieldset__legend--l"
31
31
  }
32
32
  },
33
- hint: { text: question.hint },
33
+ hint: question.hint and { text: question.hint },
34
34
  items: question.options
35
35
  }) }}
36
36
 
@@ -42,7 +42,7 @@
42
42
  errorMessage: errors[question.fieldName] and {
43
43
  text: errors[question.fieldName].msg
44
44
  },
45
- hint: {
45
+ hint: htmlHint and {
46
46
  html: htmlHint
47
47
  },
48
48
  fieldset: {
@@ -7,7 +7,7 @@
7
7
  <div class="govuk-grid-row">
8
8
  <div class="govuk-grid-column-two-thirds">
9
9
  <form action="" method="post" novalidate>
10
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
10
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
11
11
  {{ govukCheckboxes({
12
12
  classes: "govuk-checkboxes",
13
13
  idPrefix: question.fieldName,
@@ -15,7 +15,7 @@
15
15
  errorMessage: errors[question.fieldName] and {
16
16
  text: errors[question.fieldName].msg
17
17
  },
18
- hint: {
18
+ hint: question.description and {
19
19
  text: question.description
20
20
  },
21
21
  fieldset: {
@@ -4,7 +4,7 @@
4
4
  label: {
5
5
  text: question
6
6
  },
7
- hint: {
7
+ hint: hint and {
8
8
  text: hint
9
9
  },
10
10
  id: fieldName,
@@ -1,7 +1,7 @@
1
1
  {% from "govuk/components/input/macro.njk" import govukInput %}
2
2
 
3
3
  {{ govukInput({
4
- hint: {
4
+ hint: hint and {
5
5
  text: hint
6
6
  },
7
7
  label: {
@@ -17,7 +17,7 @@
17
17
  <div class="govuk-grid-row">
18
18
  <div class="govuk-grid-column-two-thirds">
19
19
  <form action="" method="post" novalidate>
20
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
20
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
21
21
  {{ govukDateInput({
22
22
  id: question.fieldName,
23
23
  fieldset: {
@@ -27,7 +27,7 @@
27
27
  classes: "govuk-fieldset__legend--l"
28
28
  }
29
29
  },
30
- hint: {
30
+ hint: question.hint and {
31
31
  text: question.hint
32
32
  },
33
33
  errorMessage: errorSummary and {
@@ -23,7 +23,7 @@
23
23
  <div class="govuk-grid-row">
24
24
  <div class="govuk-grid-column-two-thirds">
25
25
  <form action="" method="post" novalidate>
26
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
26
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
27
27
 
28
28
  {{ govukFieldset({
29
29
  legend: {
@@ -40,7 +40,7 @@
40
40
  text: labels.start
41
41
  }
42
42
  },
43
- hint: {
43
+ hint: question.hint and {
44
44
  text: question.hint
45
45
  },
46
46
  errorMessage: errorSummary and {
@@ -78,7 +78,7 @@
78
78
  text: labels.end
79
79
  }
80
80
  },
81
- hint: {
81
+ hint: question.hint and {
82
82
  text: question.hint
83
83
  },
84
84
  errorMessage: errorSummary and {
@@ -29,7 +29,7 @@
29
29
  <div class="govuk-grid-row">
30
30
  <div class="govuk-grid-column-two-thirds">
31
31
  <form action="" method="post" novalidate>
32
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
32
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
33
33
  {{ govukDateInput({
34
34
  id: question.fieldName,
35
35
  fieldset: {
@@ -69,13 +69,13 @@
69
69
 
70
70
  <div class="govuk-form-group{% if errors[hour].msg or errors[minutes].msg or errors[period].msg %} govuk-form-group--error{% endif %}">
71
71
  <fieldset class="govuk-fieldset" role="group">
72
- <div id="{{ question.fieldName }}-hint" class="govuk-hint">For example, 9:30am or 2:55pm</div>
72
+ <div id="{{ question.fieldName }}-time-hint" class="govuk-hint">For example, 9:30am or 2:55pm</div>
73
73
  {% if errors[hour].msg or errors[minutes].msg or errors[period].msg %}
74
74
  <p id="{{ question.fieldName }}-error" class="govuk-error-message">
75
75
  <span class="govuk-visually-hidden">Error:</span> {{ errors[hour].msg or errors[minutes].msg or errors[period].msg }}
76
76
  </p>
77
77
  {% endif %}
78
- <div class="govuk-date-input" id={{ question.fieldName }}>
78
+ <div class="govuk-date-input" id="{{ question.fieldName }}-time">
79
79
  <div class="govuk-date-input__item">
80
80
  {{ govukInput({
81
81
  classes: "govuk-input--width-2 govuk-input--error" if errors[question.fieldName] or errors[hour] else "govuk-input--width-2",
@@ -8,7 +8,7 @@
8
8
  <div class="govuk-grid-row">
9
9
  <div class="govuk-grid-column-two-thirds">
10
10
  <form action="" method="post" novalidate>
11
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
11
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
12
12
  {% if question.label %}
13
13
  <h1 class="govuk-heading-l">
14
14
  {{ question.question }}
@@ -11,7 +11,7 @@
11
11
  <div class="govuk-grid-row">
12
12
  <div class="govuk-grid-column-two-thirds">
13
13
  <form action="" method="post" novalidate>
14
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
14
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
15
15
 
16
16
  {% call govukFieldset({
17
17
  legend: {
@@ -53,7 +53,7 @@
53
53
  prefix: inputField.prefix,
54
54
  suffix: inputField.suffix,
55
55
  value: inputField.value,
56
- hint: {
56
+ hint: inputField.hint and {
57
57
  text: inputField.hint
58
58
  },
59
59
  classes: inputField.classes or "govuk-input-!-width-three-quarters",
@@ -7,11 +7,14 @@
7
7
  <div class="govuk-grid-row">
8
8
  <div class="govuk-grid-column-two-thirds">
9
9
  <h1 class="govuk-heading-l">{{ question.question }}</h1>
10
- <p class="govuk-body">{{ question.description }}</p>
10
+ {%- if question.description %}
11
+ <p class="govuk-body">{{ question.description }}</p>
12
+ {%- endif %}
13
+
11
14
  <form action="" method="post" novalidate>
12
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
15
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
13
16
  {{ govukInput({
14
- hint: {
17
+ hint: question.hint and {
15
18
  text: question.hint
16
19
  },
17
20
  label: {
@@ -8,11 +8,13 @@
8
8
  <div class="govuk-grid-row">
9
9
  <div class="govuk-grid-column-two-thirds">
10
10
  <form action="" method="post" novalidate>
11
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
11
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
12
12
 
13
13
  {% if question.legend %}
14
14
  <h1 class="govuk-heading-l">{{ question.question }}</h1>
15
- <p class="govuk-body">{{ question.description }}</p>
15
+ {%- if question.description %}
16
+ <p class="govuk-body">{{ question.description }}</p>
17
+ {%- endif -%}
16
18
 
17
19
  {% if question.html %}
18
20
  {% include question.html ignore missing %}
@@ -45,7 +47,9 @@
45
47
  }
46
48
  }) %}
47
49
 
48
- <p class="govuk-body">{{ question.description }}</p>
50
+ {%- if question.description %}
51
+ <p class="govuk-body">{{ question.description }}</p>
52
+ {%- endif -%}
49
53
 
50
54
  {% if question.html %}
51
55
  {% include question.html ignore missing %}
@@ -27,7 +27,7 @@
27
27
  classes: "govuk-label--l",
28
28
  isPageHeading: true
29
29
  },
30
- hint: {
30
+ hint: question.hint and {
31
31
  text: question.hint
32
32
  },
33
33
  errorMessage: errors[question.fieldName] and {
@@ -8,7 +8,7 @@
8
8
  <div class="govuk-grid-row">
9
9
  <div class="govuk-grid-column-two-thirds">
10
10
  <form action="" method="post" novalidate>
11
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
11
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
12
12
  {% if question.label %}
13
13
  <h1 class="govuk-heading-l">
14
14
  {{ question.question }}
@@ -34,7 +34,7 @@
34
34
  id: question.fieldName,
35
35
  name: question.fieldName,
36
36
  value: question.value,
37
- hint: { text: question.hint },
37
+ hint: question.hint and { text: question.hint },
38
38
  errorMessage: errors[question.fieldName] and {
39
39
  text: errors[question.fieldName].msg
40
40
  },
@@ -58,7 +58,7 @@
58
58
  id: question.fieldName,
59
59
  name: question.fieldName,
60
60
  value: question.value,
61
- hint: { text: question.hint },
61
+ hint: question.hint and { text: question.hint },
62
62
  errorMessage: errors[question.fieldName] and {
63
63
  text: errors[question.fieldName].msg
64
64
  },
@@ -9,7 +9,7 @@
9
9
  <div class="govuk-grid-row">
10
10
  <div class="govuk-grid-column-two-thirds">
11
11
  <form action="" method="post" novalidate>
12
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
12
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
13
13
  {% if question.label %}
14
14
  <h1 class="govuk-heading-l">
15
15
  {{ question.question }}
@@ -26,7 +26,7 @@
26
26
  id: question.fieldName,
27
27
  name: question.fieldName,
28
28
  value: question.value,
29
- hint: { text: question.hint },
29
+ hint: question.hint and { text: question.hint },
30
30
  errorMessage: errors[question.fieldName] and {
31
31
  text: errors[question.fieldName].msg
32
32
  },
@@ -48,7 +48,7 @@
48
48
  id: question.fieldName,
49
49
  name: question.fieldName,
50
50
  value: question.value,
51
- hint: { text: question.hint },
51
+ hint: question.hint and { text: question.hint },
52
52
  errorMessage: errors[question.fieldName] and {
53
53
  text: errors[question.fieldName].msg
54
54
  },
@@ -11,7 +11,7 @@
11
11
  <div class="govuk-grid-row">
12
12
  <div class="govuk-grid-column-two-thirds">
13
13
  <form action="" method="post" novalidate>
14
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
14
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
15
15
 
16
16
  {% if question.label %}
17
17
  {{ govukLabel({
@@ -8,7 +8,7 @@
8
8
  <div class="govuk-grid-row">
9
9
  <div class="govuk-grid-column-two-thirds">
10
10
  <form action="" method="post" novalidate>
11
- <input type="hidden" name="_csrf" value="{{ _csrf }}">
11
+ {% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
12
12
 
13
13
  {% call govukFieldset({
14
14
  legend: {
@@ -18,7 +18,9 @@
18
18
  }
19
19
  }) %}
20
20
 
21
- <p class="govuk-body">{{ question.description }}</p>
21
+ {%- if question.description %}
22
+ <p class="govuk-body">{{ question.description }}</p>
23
+ {%- endif -%}
22
24
  {% if question.html %}
23
25
  {% include question.html ignore missing %}
24
26
  {% endif %}
@@ -1,17 +1,13 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
  <div class="govuk-form-group">
6
- <fieldset class="govuk-fieldset" aria-describedby="addInsurance-hint">
5
+ <fieldset class="govuk-fieldset">
7
6
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
8
7
  <h1 class="govuk-fieldset__heading">
9
8
  Do you want to add travel insurance to your holiday?
10
9
  </h1>
11
10
  </legend>
12
- <div id="addInsurance-hint" class="govuk-hint">
13
-
14
- </div>
15
11
  <div class="govuk-radios govuk-radios" data-module="govuk-radios">
16
12
  <div class="govuk-radios__item">
17
13
  <input class="govuk-radios__input" id="addInsurance" name="addInsurance" type="radio" value="yes" data-cy="answer-yes">
@@ -1,7 +1,6 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
 
6
5
  <fieldset class="govuk-fieldset">
7
6
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
@@ -16,20 +15,14 @@
16
15
  <label class="govuk-label govuk-label" for="name">
17
16
  Name
18
17
  </label>
19
- <div id="name-hint" class="govuk-hint">
20
-
21
- </div>
22
- <input class="govuk-input govuk-input-!-width-three-quarters" id="name" name="name" type="text" aria-describedby="name-hint">
18
+ <input class="govuk-input govuk-input-!-width-three-quarters" id="name" name="name" type="text">
23
19
  </div>
24
20
 
25
21
  <div class="govuk-form-group">
26
22
  <label class="govuk-label govuk-label" for="age">
27
23
  Age
28
24
  </label>
29
- <div id="age-hint" class="govuk-hint">
30
-
31
- </div>
32
- <input class="govuk-input govuk-input-!-width-three-quarters" id="age" name="age" type="text" aria-describedby="age-hint">
25
+ <input class="govuk-input govuk-input-!-width-three-quarters" id="age" name="age" type="text">
33
26
  </div>
34
27
 
35
28
 
@@ -1,17 +1,13 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
  <div class="govuk-form-group">
6
- <fieldset class="govuk-fieldset" role="group" aria-describedby="departureDate-hint">
5
+ <fieldset class="govuk-fieldset" role="group">
7
6
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
8
7
  <h1 class="govuk-fieldset__heading">
9
8
  When do you want to start your holiday?
10
9
  </h1>
11
10
  </legend>
12
- <div id="departureDate-hint" class="govuk-hint">
13
-
14
- </div>
15
11
  <div class="govuk-date-input" id="departureDate">
16
12
  <div class="govuk-date-input__item">
17
13
  <div class="govuk-form-group">
@@ -1,17 +1,13 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
  <div class="govuk-form-group">
6
- <fieldset class="govuk-fieldset" aria-describedby="holidayActivities-hint">
5
+ <fieldset class="govuk-fieldset">
7
6
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
8
7
  <h1 class="govuk-fieldset__heading">
9
8
  Which activities do you want to do on holiday?
10
9
  </h1>
11
10
  </legend>
12
- <div id="holidayActivities-hint" class="govuk-hint">
13
-
14
- </div>
15
11
  <div class="govuk-checkboxes govuk-checkboxes" data-module="govuk-checkboxes">
16
12
  <div class="govuk-checkboxes__item">
17
13
  <input class="govuk-checkboxes__input" id="holidayActivities" name="holidayActivities" type="checkbox" value="swimming" data-cy="answer-swimming">
@@ -8,7 +8,6 @@
8
8
  <div class="govuk-grid-row">
9
9
  <div class="govuk-grid-column-two-thirds">
10
10
  <form action="" method="post" novalidate>
11
- <input type="hidden" name="_csrf" value="">
12
11
  <div class="govuk-form-group">
13
12
  <fieldset class="govuk-fieldset" role="group">
14
13
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
@@ -48,8 +47,8 @@
48
47
 
49
48
  <div class="govuk-form-group">
50
49
  <fieldset class="govuk-fieldset" role="group">
51
- <div id="holidayArrival-hint" class="govuk-hint">For example, 9:30am or 2:55pm</div>
52
- <div class="govuk-date-input" id=holidayArrival>
50
+ <div id="holidayArrival-time-hint" class="govuk-hint">For example, 9:30am or 2:55pm</div>
51
+ <div class="govuk-date-input" id="holidayArrival-time">
53
52
  <div class="govuk-date-input__item">
54
53
  <div class="govuk-form-group">
55
54
  <label class="govuk-label" for="holidayArrival_hour">
@@ -1,7 +1,6 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
  <h1 class="govuk-heading-l">
6
5
  Describe your ideal holiday.
7
6
  </h1>
@@ -11,10 +10,7 @@
11
10
  <label class="govuk-label" for="holidayDescription">
12
11
  Description
13
12
  </label>
14
- <div id="holidayDescription-hint" class="govuk-hint">
15
-
16
- </div>
17
- <textarea class="govuk-textarea" id="holidayDescription" name="holidayDescription" rows="5" aria-describedby="holidayDescription-hint"></textarea>
13
+ <textarea class="govuk-textarea" id="holidayDescription" name="holidayDescription" rows="5"></textarea>
18
14
  </div>
19
15
 
20
16
 
@@ -1,7 +1,6 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
 
6
5
 
7
6
  <fieldset class="govuk-fieldset">
@@ -11,9 +10,6 @@
11
10
  </h1>
12
11
  </legend>
13
12
 
14
- <p class="govuk-body"></p>
15
-
16
-
17
13
  <div class="govuk-form-group">
18
14
  <div class="govuk-radios govuk-radios" data-module="govuk-radios">
19
15
  <div class="govuk-radios__item">
@@ -1,7 +1,6 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
 
6
5
  <fieldset class="govuk-fieldset">
7
6
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
@@ -13,13 +12,10 @@
13
12
 
14
13
 
15
14
  <div class="govuk-form-group">
16
- <fieldset class="govuk-fieldset" role="group" aria-describedby="holidayPeriod_start-hint">
15
+ <fieldset class="govuk-fieldset" role="group">
17
16
  <legend class="govuk-fieldset__legend">
18
17
  Start
19
18
  </legend>
20
- <div id="holidayPeriod_start-hint" class="govuk-hint">
21
-
22
- </div>
23
19
  <div class="govuk-date-input" id="holidayPeriod_start">
24
20
  <div class="govuk-date-input__item">
25
21
  <div class="govuk-form-group">
@@ -51,13 +47,10 @@
51
47
 
52
48
 
53
49
  <div class="govuk-form-group">
54
- <fieldset class="govuk-fieldset" role="group" aria-describedby="holidayPeriod_end-hint">
50
+ <fieldset class="govuk-fieldset" role="group">
55
51
  <legend class="govuk-fieldset__legend">
56
52
  End
57
53
  </legend>
58
- <div id="holidayPeriod_end-hint" class="govuk-hint">
59
-
60
- </div>
61
54
  <div class="govuk-date-input" id="holidayPeriod_end">
62
55
  <div class="govuk-date-input__item">
63
56
  <div class="govuk-form-group">
@@ -1,7 +1,6 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
  <h1 class="govuk-heading-l">
6
5
  What is your favourite snack to eat on holiday?
7
6
  </h1>
@@ -12,10 +11,7 @@
12
11
  <label class="govuk-label govuk-label" for="holidaySnack">
13
12
  Snack
14
13
  </label>
15
- <div id="holidaySnack-hint" class="govuk-hint">
16
-
17
- </div>
18
- <input class="govuk-input" id="holidaySnack" name="holidaySnack" type="text" value="" aria-describedby="holidaySnack-hint">
14
+ <input class="govuk-input" id="holidaySnack" name="holidaySnack" type="text" value="">
19
15
  </div>
20
16
 
21
17
 
@@ -1,7 +1,6 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
  <fieldset class="govuk-fieldset">
6
5
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
7
6
  <h1 class="govuk-fieldset__heading">
@@ -1,7 +1,6 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
 
6
5
  <fieldset class="govuk-fieldset">
7
6
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
@@ -10,8 +9,6 @@
10
9
  </h1>
11
10
  </legend>
12
11
 
13
- <p class="govuk-body"></p>
14
-
15
12
  <div class="govuk-form-group">
16
13
  <div class="govuk-radios govuk-radios" data-module="govuk-radios">
17
14
  <div class="govuk-radios__item">
@@ -25,11 +22,8 @@
25
22
  <label class="govuk-label" for="luggageWeightValue_kg">
26
23
  Weight in kilograms
27
24
  </label>
28
- <div id="luggageWeightValue_kg-hint" class="govuk-hint">
29
-
30
- </div>
31
25
  <div class="govuk-input__wrapper">
32
- <input class="govuk-input govuk-input--width-5" id="luggageWeightValue_kg" name="luggageWeightValue_kg" type="text" spellcheck="false" value="" aria-describedby="luggageWeightValue_kg-hint" inputmode="numeric">
26
+ <input class="govuk-input govuk-input--width-5" id="luggageWeightValue_kg" name="luggageWeightValue_kg" type="text" spellcheck="false" value="" inputmode="numeric">
33
27
  <div class="govuk-input__suffix" aria-hidden="true">kg</div>
34
28
  </div>
35
29
  </div>
@@ -45,11 +39,8 @@
45
39
  <label class="govuk-label" for="luggageWeightValue_lbs">
46
40
  Weight in pounds
47
41
  </label>
48
- <div id="luggageWeightValue_lbs-hint" class="govuk-hint">
49
-
50
- </div>
51
42
  <div class="govuk-input__wrapper">
52
- <input class="govuk-input govuk-input--width-5" id="luggageWeightValue_lbs" name="luggageWeightValue_lbs" type="text" spellcheck="false" value="" aria-describedby="luggageWeightValue_lbs-hint" inputmode="numeric">
43
+ <input class="govuk-input govuk-input--width-5" id="luggageWeightValue_lbs" name="luggageWeightValue_lbs" type="text" spellcheck="false" value="" inputmode="numeric">
53
44
  <div class="govuk-input__suffix" aria-hidden="true">lbs</div>
54
45
  </div>
55
46
  </div>
@@ -1,17 +1,12 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <h1 class="govuk-heading-l">How many nights will you stay on holiday?</h1>
4
- <p class="govuk-body"></p>
5
4
  <form action="" method="post" novalidate>
6
- <input type="hidden" name="_csrf" value="">
7
5
  <div class="govuk-form-group">
8
6
  <label class="govuk-label" for="nights">
9
7
  Nights
10
8
  </label>
11
- <div id="nights-hint" class="govuk-hint">
12
-
13
- </div>
14
- <input class="govuk-input govuk-input--width-5" id="nights" name="nights" type="text" spellcheck="false" value="" aria-describedby="nights-hint" inputmode="numeric">
9
+ <input class="govuk-input govuk-input--width-5" id="nights" name="nights" type="text" spellcheck="false" value="" inputmode="numeric">
15
10
  </div>
16
11
 
17
12
  <button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
@@ -1,7 +1,6 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
 
6
5
  <h1 class="govuk-label-wrapper">
7
6
  <label class="govuk-label govuk-label--l" for="secretWish">
@@ -10,10 +10,7 @@
10
10
  Which class do you want to travel in?
11
11
  </label>
12
12
  </h1>
13
- <div id="travelClass-hint" class="govuk-hint">
14
-
15
- </div>
16
- <select class="govuk-select" id="travelClass" name="travelClass" aria-describedby="travelClass-hint">
13
+ <select class="govuk-select" id="travelClass" name="travelClass">
17
14
  <option value="economy" data-cy="answer-economy">Economy</option>
18
15
  <option value="business" data-cy="answer-business">Business</option>
19
16
  <option value="first" data-cy="answer-first">First Class</option>
@@ -1,7 +1,6 @@
1
1
  <div class="govuk-grid-row">
2
2
  <div class="govuk-grid-column-two-thirds">
3
3
  <form action="" method="post" novalidate>
4
- <input type="hidden" name="_csrf" value="">
5
4
 
6
5
 
7
6
  <fieldset class="govuk-fieldset">
@@ -11,9 +10,6 @@
11
10
  </h1>
12
11
  </legend>
13
12
 
14
- <p class="govuk-body"></p>
15
-
16
-
17
13
  <div class="govuk-form-group">
18
14
  <div class="govuk-radios govuk-radios" data-module="govuk-radios">
19
15
  <div class="govuk-radios__item">