govuk_publishing_components 32.1.0 → 33.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-core.js +175 -0
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-ecommerce-tracker.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-event-tracker.js +5 -13
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-link-tracker.js +80 -309
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-page-views.js +2 -2
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-specialist-link-tracker.js +140 -0
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/init-ga4.js +3 -0
- data/app/assets/javascripts/govuk_publishing_components/analytics-ga4.js +1 -0
- data/app/assets/javascripts/govuk_publishing_components/components/accordion.js +12 -1
- data/app/assets/javascripts/govuk_publishing_components/components/single-page-notification-button.js +24 -8
- data/app/assets/javascripts/govuk_publishing_components/vendor/lux/lux-reporter.js +83 -86
- data/app/assets/stylesheets/govuk_publishing_components/components/_big-number.scss +2 -5
- data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss +1 -5
- data/app/assets/stylesheets/govuk_publishing_components/components/_input.scss +3 -5
- data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +10 -30
- data/app/assets/stylesheets/govuk_publishing_components/components/_search.scss +0 -7
- data/app/views/govuk_publishing_components/components/_accordion.html.erb +14 -1
- data/app/views/govuk_publishing_components/components/_error_summary.html.erb +27 -26
- data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb +2 -2
- data/app/views/govuk_publishing_components/components/_phase_banner.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_share_links.html.erb +11 -13
- data/app/views/govuk_publishing_components/components/_single_page_notification_button.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/docs/accordion.yml +15 -3
- data/app/views/govuk_publishing_components/components/docs/button.yml +10 -0
- data/app/views/govuk_publishing_components/components/docs/share_links.yml +59 -30
- data/app/views/govuk_publishing_components/components/docs/single_page_notification_button.yml +10 -1
- data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb +3 -3
- data/lib/govuk_publishing_components/presenters/button_helper.rb +7 -1
- data/lib/govuk_publishing_components/presenters/single_page_notification_button_helper.rb +25 -1
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/node_modules/axe-core/axe.js +4559 -4673
- data/node_modules/axe-core/axe.min.js +2 -2
- data/node_modules/axe-core/package.json +2 -2
- data/node_modules/axe-core/sri-history.json +4 -0
- data/node_modules/govuk-frontend/README.md +1 -2
- data/node_modules/govuk-frontend/govuk/all.js +1398 -273
- data/node_modules/govuk-frontend/govuk/common/closest-attribute-value.js +70 -0
- data/node_modules/govuk-frontend/govuk/common/index.js +172 -0
- data/node_modules/govuk-frontend/govuk/common/normalise-dataset.js +373 -0
- data/node_modules/govuk-frontend/govuk/common.js +138 -3
- data/node_modules/govuk-frontend/govuk/components/accordion/accordion.js +753 -25
- data/node_modules/govuk-frontend/govuk/components/accordion/fixtures.json +54 -22
- data/node_modules/govuk-frontend/govuk/components/accordion/macro-options.json +36 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/template.njk +7 -1
- data/node_modules/govuk-frontend/govuk/components/back-link/fixtures.json +12 -12
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/fixtures.json +22 -22
- data/node_modules/govuk-frontend/govuk/components/button/_index.scss +23 -5
- data/node_modules/govuk-frontend/govuk/components/button/button.js +365 -107
- data/node_modules/govuk-frontend/govuk/components/button/fixtures.json +85 -66
- data/node_modules/govuk-frontend/govuk/components/button/template.njk +1 -1
- data/node_modules/govuk-frontend/govuk/components/character-count/_index.scss +9 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/character-count.js +1033 -121
- data/node_modules/govuk-frontend/govuk/components/character-count/fixtures.json +112 -36
- data/node_modules/govuk-frontend/govuk/components/character-count/macro-options.json +42 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/template.njk +27 -3
- data/node_modules/govuk-frontend/govuk/components/checkboxes/checkboxes.js +30 -2
- data/node_modules/govuk-frontend/govuk/components/checkboxes/fixtures.json +96 -93
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/fixtures.json +46 -46
- data/node_modules/govuk-frontend/govuk/components/date-input/fixtures.json +50 -50
- data/node_modules/govuk-frontend/govuk/components/details/details.js +43 -13
- data/node_modules/govuk-frontend/govuk/components/details/fixtures.json +20 -20
- data/node_modules/govuk-frontend/govuk/components/error-message/fixtures.json +20 -20
- data/node_modules/govuk-frontend/govuk/components/error-summary/error-summary.js +268 -6
- data/node_modules/govuk-frontend/govuk/components/error-summary/fixtures.json +44 -35
- data/node_modules/govuk-frontend/govuk/components/error-summary/template.njk +25 -21
- data/node_modules/govuk-frontend/govuk/components/fieldset/fixtures.json +51 -39
- data/node_modules/govuk-frontend/govuk/components/file-upload/fixtures.json +26 -26
- data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +1 -1
- data/node_modules/govuk-frontend/govuk/components/footer/fixtures.json +46 -46
- data/node_modules/govuk-frontend/govuk/components/footer/macro-options.json +2 -2
- data/node_modules/govuk-frontend/govuk/components/header/fixtures.json +93 -38
- data/node_modules/govuk-frontend/govuk/components/header/header.js +6 -0
- data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +8 -2
- data/node_modules/govuk-frontend/govuk/components/header/template.njk +4 -2
- data/node_modules/govuk-frontend/govuk/components/hint/fixtures.json +12 -12
- data/node_modules/govuk-frontend/govuk/components/input/fixtures.json +80 -80
- data/node_modules/govuk-frontend/govuk/components/inset-text/fixtures.json +12 -12
- data/node_modules/govuk-frontend/govuk/components/label/fixtures.json +34 -34
- data/node_modules/govuk-frontend/govuk/components/notification-banner/fixtures.json +56 -46
- data/node_modules/govuk-frontend/govuk/components/notification-banner/notification-banner.js +252 -2
- data/node_modules/govuk-frontend/govuk/components/notification-banner/template.njk +1 -1
- data/node_modules/govuk-frontend/govuk/components/pagination/_index.scss +10 -7
- data/node_modules/govuk-frontend/govuk/components/pagination/fixtures.json +33 -26
- data/node_modules/govuk-frontend/govuk/components/panel/fixtures.json +18 -18
- data/node_modules/govuk-frontend/govuk/components/phase-banner/fixtures.json +14 -14
- data/node_modules/govuk-frontend/govuk/components/radios/fixtures.json +94 -91
- data/node_modules/govuk-frontend/govuk/components/radios/radios.js +30 -2
- data/node_modules/govuk-frontend/govuk/components/select/fixtures.json +32 -32
- data/node_modules/govuk-frontend/govuk/components/skip-link/fixtures.json +22 -20
- data/node_modules/govuk-frontend/govuk/components/skip-link/skip-link.js +10 -4
- data/node_modules/govuk-frontend/govuk/components/summary-list/fixtures.json +50 -50
- data/node_modules/govuk-frontend/govuk/components/table/_index.scss +1 -1
- data/node_modules/govuk-frontend/govuk/components/table/fixtures.json +40 -40
- data/node_modules/govuk-frontend/govuk/components/tabs/fixtures.json +29 -29
- data/node_modules/govuk-frontend/govuk/components/tabs/tabs.js +28 -0
- data/node_modules/govuk-frontend/govuk/components/tag/fixtures.json +28 -28
- data/node_modules/govuk-frontend/govuk/components/textarea/fixtures.json +34 -34
- data/node_modules/govuk-frontend/govuk/components/warning-text/fixtures.json +14 -14
- data/node_modules/govuk-frontend/govuk/core/_section-break.scss +1 -1
- data/node_modules/govuk-frontend/govuk/helpers/_colour.scss +2 -2
- data/node_modules/govuk-frontend/govuk/helpers/_links.scss +6 -6
- data/node_modules/govuk-frontend/govuk/i18n.js +390 -0
- data/node_modules/govuk-frontend/govuk/macros/i18n.njk +15 -0
- data/node_modules/govuk-frontend/govuk/settings/_all.scss +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-palette.scss +12 -0
- data/node_modules/govuk-frontend/govuk/settings/_compatibility.scss +26 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-font.scss +23 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-responsive.scss +12 -0
- data/node_modules/govuk-frontend/govuk/settings/_warnings.scss +53 -0
- data/node_modules/govuk-frontend/govuk/tools/_compatibility.scss +20 -6
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Date/now.js +21 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/Element/prototype/dataset.js +300 -0
- data/node_modules/govuk-frontend/govuk/vendor/polyfills/String/prototype/trim.js +21 -0
- data/node_modules/govuk-frontend/govuk-esm/all.mjs +50 -27
- data/node_modules/govuk-frontend/govuk-esm/common/closest-attribute-value.mjs +15 -0
- data/node_modules/govuk-frontend/govuk-esm/common/index.mjs +159 -0
- data/node_modules/govuk-frontend/govuk-esm/common/normalise-dataset.mjs +58 -0
- data/node_modules/govuk-frontend/govuk-esm/common.mjs +6 -28
- data/node_modules/govuk-frontend/govuk-esm/components/accordion/accordion.mjs +113 -43
- data/node_modules/govuk-frontend/govuk-esm/components/button/button.mjs +67 -30
- data/node_modules/govuk-frontend/govuk-esm/components/character-count/character-count.mjs +325 -123
- data/node_modules/govuk-frontend/govuk-esm/components/checkboxes/checkboxes.mjs +9 -3
- data/node_modules/govuk-frontend/govuk-esm/components/details/details.mjs +22 -8
- data/node_modules/govuk-frontend/govuk-esm/components/error-summary/error-summary.mjs +48 -6
- data/node_modules/govuk-frontend/govuk-esm/components/header/header.mjs +6 -0
- data/node_modules/govuk-frontend/govuk-esm/components/notification-banner/notification-banner.mjs +32 -2
- data/node_modules/govuk-frontend/govuk-esm/components/radios/radios.mjs +9 -3
- data/node_modules/govuk-frontend/govuk-esm/components/skip-link/skip-link.mjs +10 -4
- data/node_modules/govuk-frontend/govuk-esm/components/tabs/tabs.mjs +8 -2
- data/node_modules/govuk-frontend/govuk-esm/i18n.mjs +380 -0
- data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Date/now.mjs +13 -0
- data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Element/prototype/dataset.mjs +68 -0
- data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/String/prototype/trim.mjs +13 -0
- data/node_modules/govuk-frontend/govuk-prototype-kit/init.js +7 -0
- data/node_modules/govuk-frontend/govuk-prototype-kit/init.scss +12 -0
- data/node_modules/govuk-frontend/govuk-prototype-kit.config.json +138 -7
- data/node_modules/govuk-frontend/package.json +1 -1
- metadata +22 -3
@@ -6,8 +6,8 @@
|
|
6
6
|
"options": {
|
7
7
|
"text": "alpha"
|
8
8
|
},
|
9
|
-
"
|
10
|
-
"
|
9
|
+
"hidden": false,
|
10
|
+
"html": "<strong class=\"govuk-tag\">\n alpha\n</strong>"
|
11
11
|
},
|
12
12
|
{
|
13
13
|
"name": "inactive",
|
@@ -15,8 +15,8 @@
|
|
15
15
|
"text": "alpha",
|
16
16
|
"classes": "govuk-tag--grey"
|
17
17
|
},
|
18
|
-
"
|
19
|
-
"
|
18
|
+
"hidden": false,
|
19
|
+
"html": "<strong class=\"govuk-tag govuk-tag--grey\">\n alpha\n</strong>"
|
20
20
|
},
|
21
21
|
{
|
22
22
|
"name": "grey",
|
@@ -24,8 +24,8 @@
|
|
24
24
|
"text": "Grey",
|
25
25
|
"classes": "govuk-tag--grey"
|
26
26
|
},
|
27
|
-
"
|
28
|
-
"
|
27
|
+
"hidden": false,
|
28
|
+
"html": "<strong class=\"govuk-tag govuk-tag--grey\">\n Grey\n</strong>"
|
29
29
|
},
|
30
30
|
{
|
31
31
|
"name": "blue",
|
@@ -33,8 +33,8 @@
|
|
33
33
|
"text": "Blue",
|
34
34
|
"classes": "govuk-tag--blue"
|
35
35
|
},
|
36
|
-
"
|
37
|
-
"
|
36
|
+
"hidden": false,
|
37
|
+
"html": "<strong class=\"govuk-tag govuk-tag--blue\">\n Blue\n</strong>"
|
38
38
|
},
|
39
39
|
{
|
40
40
|
"name": "turquoise",
|
@@ -42,8 +42,8 @@
|
|
42
42
|
"text": "Turquoise",
|
43
43
|
"classes": "govuk-tag--turquoise"
|
44
44
|
},
|
45
|
-
"
|
46
|
-
"
|
45
|
+
"hidden": false,
|
46
|
+
"html": "<strong class=\"govuk-tag govuk-tag--turquoise\">\n Turquoise\n</strong>"
|
47
47
|
},
|
48
48
|
{
|
49
49
|
"name": "green",
|
@@ -51,8 +51,8 @@
|
|
51
51
|
"text": "Green",
|
52
52
|
"classes": "govuk-tag--green"
|
53
53
|
},
|
54
|
-
"
|
55
|
-
"
|
54
|
+
"hidden": false,
|
55
|
+
"html": "<strong class=\"govuk-tag govuk-tag--green\">\n Green\n</strong>"
|
56
56
|
},
|
57
57
|
{
|
58
58
|
"name": "purple",
|
@@ -60,8 +60,8 @@
|
|
60
60
|
"text": "Purple",
|
61
61
|
"classes": "govuk-tag--purple"
|
62
62
|
},
|
63
|
-
"
|
64
|
-
"
|
63
|
+
"hidden": false,
|
64
|
+
"html": "<strong class=\"govuk-tag govuk-tag--purple\">\n Purple\n</strong>"
|
65
65
|
},
|
66
66
|
{
|
67
67
|
"name": "pink",
|
@@ -69,8 +69,8 @@
|
|
69
69
|
"text": "Pink",
|
70
70
|
"classes": "govuk-tag--pink"
|
71
71
|
},
|
72
|
-
"
|
73
|
-
"
|
72
|
+
"hidden": false,
|
73
|
+
"html": "<strong class=\"govuk-tag govuk-tag--pink\">\n Pink\n</strong>"
|
74
74
|
},
|
75
75
|
{
|
76
76
|
"name": "red",
|
@@ -78,8 +78,8 @@
|
|
78
78
|
"text": "Red",
|
79
79
|
"classes": "govuk-tag--red"
|
80
80
|
},
|
81
|
-
"
|
82
|
-
"
|
81
|
+
"hidden": false,
|
82
|
+
"html": "<strong class=\"govuk-tag govuk-tag--red\">\n Red\n</strong>"
|
83
83
|
},
|
84
84
|
{
|
85
85
|
"name": "orange",
|
@@ -87,8 +87,8 @@
|
|
87
87
|
"text": "Orange",
|
88
88
|
"classes": "govuk-tag--orange"
|
89
89
|
},
|
90
|
-
"
|
91
|
-
"
|
90
|
+
"hidden": false,
|
91
|
+
"html": "<strong class=\"govuk-tag govuk-tag--orange\">\n Orange\n</strong>"
|
92
92
|
},
|
93
93
|
{
|
94
94
|
"name": "yellow",
|
@@ -96,8 +96,8 @@
|
|
96
96
|
"text": "Yellow",
|
97
97
|
"classes": "govuk-tag--yellow"
|
98
98
|
},
|
99
|
-
"
|
100
|
-
"
|
99
|
+
"hidden": false,
|
100
|
+
"html": "<strong class=\"govuk-tag govuk-tag--yellow\">\n Yellow\n</strong>"
|
101
101
|
},
|
102
102
|
{
|
103
103
|
"name": "attributes",
|
@@ -108,24 +108,24 @@
|
|
108
108
|
"id": "my-tag"
|
109
109
|
}
|
110
110
|
},
|
111
|
-
"
|
112
|
-
"
|
111
|
+
"hidden": true,
|
112
|
+
"html": "<strong class=\"govuk-tag\" data-test=\"attribute\" id=\"my-tag\">\n Tag with attributes\n</strong>"
|
113
113
|
},
|
114
114
|
{
|
115
115
|
"name": "html as text",
|
116
116
|
"options": {
|
117
117
|
"text": "<span>alpha</span>"
|
118
118
|
},
|
119
|
-
"
|
120
|
-
"
|
119
|
+
"hidden": true,
|
120
|
+
"html": "<strong class=\"govuk-tag\">\n <span>alpha</span>\n</strong>"
|
121
121
|
},
|
122
122
|
{
|
123
123
|
"name": "html",
|
124
124
|
"options": {
|
125
125
|
"html": "<span>alpha</span>"
|
126
126
|
},
|
127
|
-
"
|
128
|
-
"
|
127
|
+
"hidden": true,
|
128
|
+
"html": "<strong class=\"govuk-tag\">\n <span>alpha</span>\n</strong>"
|
129
129
|
}
|
130
130
|
]
|
131
131
|
}
|
@@ -10,8 +10,8 @@
|
|
10
10
|
"text": "Can you provide more detail?"
|
11
11
|
}
|
12
12
|
},
|
13
|
-
"
|
14
|
-
"
|
13
|
+
"hidden": false,
|
14
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"more-detail\">\n Can you provide more detail?\n </label>\n\n\n <textarea class=\"govuk-textarea\" id=\"more-detail\" name=\"more-detail\" rows=\"5\"></textarea>\n</div>"
|
15
15
|
},
|
16
16
|
{
|
17
17
|
"name": "with hint",
|
@@ -25,8 +25,8 @@
|
|
25
25
|
"text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
|
26
26
|
}
|
27
27
|
},
|
28
|
-
"
|
29
|
-
"
|
28
|
+
"hidden": false,
|
29
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"more-detail\">\n Can you provide more detail?\n </label>\n\n \n \n <div id=\"more-detail-hint\" class=\"govuk-hint\">\n Don't include personal or financial information, eg your National Insurance number or credit card details.\n </div>\n\n\n <textarea class=\"govuk-textarea\" id=\"more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"more-detail-hint\"></textarea>\n</div>"
|
30
30
|
},
|
31
31
|
{
|
32
32
|
"name": "with error message",
|
@@ -40,8 +40,8 @@
|
|
40
40
|
"text": "You must provide an explanation"
|
41
41
|
}
|
42
42
|
},
|
43
|
-
"
|
44
|
-
"
|
43
|
+
"hidden": false,
|
44
|
+
"html": "<div class=\"govuk-form-group govuk-form-group--error\">\n <label class=\"govuk-label\" for=\"no-ni-reason\">\n Why can’t you provide a National Insurance number?\n </label>\n\n\n \n \n <p id=\"no-ni-reason-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> You must provide an explanation\n </p>\n\n <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"no-ni-reason\" name=\"no-ni-reason\" rows=\"5\" aria-describedby=\"no-ni-reason-error\"></textarea>\n</div>"
|
45
45
|
},
|
46
46
|
{
|
47
47
|
"name": "with default value",
|
@@ -53,8 +53,8 @@
|
|
53
53
|
"text": "Full address"
|
54
54
|
}
|
55
55
|
},
|
56
|
-
"
|
57
|
-
"
|
56
|
+
"hidden": false,
|
57
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"full-address\">\n Full address\n </label>\n\n\n <textarea class=\"govuk-textarea\" id=\"full-address\" name=\"address\" rows=\"5\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n</div>"
|
58
58
|
},
|
59
59
|
{
|
60
60
|
"name": "with custom rows",
|
@@ -66,8 +66,8 @@
|
|
66
66
|
},
|
67
67
|
"rows": 8
|
68
68
|
},
|
69
|
-
"
|
70
|
-
"
|
69
|
+
"hidden": false,
|
70
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"full-address\">\n Full address\n </label>\n\n\n <textarea class=\"govuk-textarea\" id=\"full-address\" name=\"address\" rows=\"8\"></textarea>\n</div>"
|
71
71
|
},
|
72
72
|
{
|
73
73
|
"name": "with label as page heading",
|
@@ -80,8 +80,8 @@
|
|
80
80
|
"isPageHeading": true
|
81
81
|
}
|
82
82
|
},
|
83
|
-
"
|
84
|
-
"
|
83
|
+
"hidden": false,
|
84
|
+
"html": "<div class=\"govuk-form-group\">\n <h1 class=\"govuk-label-wrapper\">\n <label class=\"govuk-label govuk-label--l\" for=\"textarea-with-page-heading\">\n Full address\n </label>\n </h1>\n\n\n <textarea class=\"govuk-textarea\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\"></textarea>\n</div>"
|
85
85
|
},
|
86
86
|
{
|
87
87
|
"name": "with optional form-group classes",
|
@@ -95,8 +95,8 @@
|
|
95
95
|
"classes": "extra-class"
|
96
96
|
}
|
97
97
|
},
|
98
|
-
"
|
99
|
-
"
|
98
|
+
"hidden": false,
|
99
|
+
"html": "<div class=\"govuk-form-group extra-class\">\n <label class=\"govuk-label\" for=\"textarea-with-page-heading\">\n Full address\n </label>\n\n\n <textarea class=\"govuk-textarea\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\"></textarea>\n</div>"
|
100
100
|
},
|
101
101
|
{
|
102
102
|
"name": "with autocomplete attribute",
|
@@ -108,8 +108,8 @@
|
|
108
108
|
},
|
109
109
|
"autocomplete": "street-address"
|
110
110
|
},
|
111
|
-
"
|
112
|
-
"
|
111
|
+
"hidden": false,
|
112
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"textarea-with-autocomplete-attribute\">\n Full address\n </label>\n\n\n <textarea class=\"govuk-textarea\" id=\"textarea-with-autocomplete-attribute\" name=\"address\" rows=\"5\" autocomplete=\"street-address\"></textarea>\n</div>"
|
113
113
|
},
|
114
114
|
{
|
115
115
|
"name": "with spellcheck enabled",
|
@@ -121,8 +121,8 @@
|
|
121
121
|
"name": "spellcheck",
|
122
122
|
"spellcheck": true
|
123
123
|
},
|
124
|
-
"
|
125
|
-
"
|
124
|
+
"hidden": false,
|
125
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"textarea-with-spellcheck-enabled\">\n Spellcheck is enabled\n </label>\n\n\n <textarea class=\"govuk-textarea\" id=\"textarea-with-spellcheck-enabled\" name=\"spellcheck\" rows=\"5\" spellcheck=\"true\"></textarea>\n</div>"
|
126
126
|
},
|
127
127
|
{
|
128
128
|
"name": "with spellcheck disabled",
|
@@ -134,8 +134,8 @@
|
|
134
134
|
"name": "spellcheck",
|
135
135
|
"spellcheck": false
|
136
136
|
},
|
137
|
-
"
|
138
|
-
"
|
137
|
+
"hidden": false,
|
138
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"textarea-with-spellcheck-disabled\">\n Spellcheck is disabled\n </label>\n\n\n <textarea class=\"govuk-textarea\" id=\"textarea-with-spellcheck-disabled\" name=\"spellcheck\" rows=\"5\" spellcheck=\"false\"></textarea>\n</div>"
|
139
139
|
},
|
140
140
|
{
|
141
141
|
"name": "classes",
|
@@ -147,8 +147,8 @@
|
|
147
147
|
},
|
148
148
|
"classes": "app-textarea--custom-modifier"
|
149
149
|
},
|
150
|
-
"
|
151
|
-
"
|
150
|
+
"hidden": true,
|
151
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-classes\">\n With classes\n </label>\n\n\n <textarea class=\"govuk-textarea app-textarea--custom-modifier\" id=\"with-classes\" name=\"with-classes\" rows=\"5\"></textarea>\n</div>"
|
152
152
|
},
|
153
153
|
{
|
154
154
|
"name": "attributes",
|
@@ -162,8 +162,8 @@
|
|
162
162
|
"data-attribute": "my data value"
|
163
163
|
}
|
164
164
|
},
|
165
|
-
"
|
166
|
-
"
|
165
|
+
"hidden": true,
|
166
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-attributes\">\n With attributes\n </label>\n\n\n <textarea class=\"govuk-textarea\" id=\"with-attributes\" name=\"with-attributes\" rows=\"5\" data-attribute=\"my data value\"></textarea>\n</div>"
|
167
167
|
},
|
168
168
|
{
|
169
169
|
"name": "with describedBy",
|
@@ -175,8 +175,8 @@
|
|
175
175
|
},
|
176
176
|
"describedBy": "some-id"
|
177
177
|
},
|
178
|
-
"
|
179
|
-
"
|
178
|
+
"hidden": true,
|
179
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-describedby\">\n With describedBy\n </label>\n\n\n <textarea class=\"govuk-textarea\" id=\"with-describedby\" name=\"with-describedby\" rows=\"5\" aria-describedby=\"some-id\"></textarea>\n</div>"
|
180
180
|
},
|
181
181
|
{
|
182
182
|
"name": "with hint and described by",
|
@@ -191,8 +191,8 @@
|
|
191
191
|
"text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
|
192
192
|
}
|
193
193
|
},
|
194
|
-
"
|
195
|
-
"
|
194
|
+
"hidden": true,
|
195
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-hint-describedby\">\n With hint and describedBy\n </label>\n\n \n \n <div id=\"with-hint-describedby-hint\" class=\"govuk-hint\">\n It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n </div>\n\n\n <textarea class=\"govuk-textarea\" id=\"with-hint-describedby\" name=\"with-hint-describedby\" rows=\"5\" aria-describedby=\"some-id with-hint-describedby-hint\"></textarea>\n</div>"
|
196
196
|
},
|
197
197
|
{
|
198
198
|
"name": "with error message and described by",
|
@@ -207,8 +207,8 @@
|
|
207
207
|
"text": "Error message"
|
208
208
|
}
|
209
209
|
},
|
210
|
-
"
|
211
|
-
"
|
210
|
+
"hidden": true,
|
211
|
+
"html": "<div class=\"govuk-form-group govuk-form-group--error\">\n <label class=\"govuk-label\" for=\"textarea-with-error\">\n Textarea with error\n </label>\n\n\n \n \n <p id=\"textarea-with-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n\n <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"textarea-with-error\" name=\"textarea-with-error\" rows=\"5\" aria-describedby=\"some-id textarea-with-error-error\"></textarea>\n</div>"
|
212
212
|
},
|
213
213
|
{
|
214
214
|
"name": "with hint and error message",
|
@@ -225,8 +225,8 @@
|
|
225
225
|
"text": "Hint"
|
226
226
|
}
|
227
227
|
},
|
228
|
-
"
|
229
|
-
"
|
228
|
+
"hidden": true,
|
229
|
+
"html": "<div class=\"govuk-form-group govuk-form-group--error\">\n <label class=\"govuk-label\" for=\"with-hint-error\">\n With hint and error\n </label>\n\n \n \n <div id=\"with-hint-error-hint\" class=\"govuk-hint\">\n Hint\n </div>\n\n\n \n \n <p id=\"with-hint-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n\n <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"with-hint-error\" name=\"with-hint-error\" rows=\"5\" aria-describedby=\"with-hint-error-hint with-hint-error-error\"></textarea>\n</div>"
|
230
230
|
},
|
231
231
|
{
|
232
232
|
"name": "with hint, error message and described by",
|
@@ -244,8 +244,8 @@
|
|
244
244
|
"text": "Hint"
|
245
245
|
}
|
246
246
|
},
|
247
|
-
"
|
248
|
-
"
|
247
|
+
"hidden": true,
|
248
|
+
"html": "<div class=\"govuk-form-group govuk-form-group--error\">\n <label class=\"govuk-label\" for=\"with-hint-error-describedby\">\n With hint, error and describedBy\n </label>\n\n \n \n <div id=\"with-hint-error-describedby-hint\" class=\"govuk-hint\">\n Hint\n </div>\n\n\n \n \n <p id=\"with-hint-error-describedby-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n\n <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"with-hint-error-describedby\" name=\"with-hint-error-describedby\" rows=\"5\" aria-describedby=\"some-id with-hint-error-describedby-hint with-hint-error-describedby-error\"></textarea>\n</div>"
|
249
249
|
}
|
250
250
|
]
|
251
251
|
}
|
@@ -7,8 +7,8 @@
|
|
7
7
|
"text": "You can be fined up to £5,000 if you don’t register.",
|
8
8
|
"iconFallbackText": "Warning"
|
9
9
|
},
|
10
|
-
"
|
11
|
-
"
|
10
|
+
"hidden": false,
|
11
|
+
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n You can be fined up to £5,000 if you don’t register.\n </strong>\n</div>"
|
12
12
|
},
|
13
13
|
{
|
14
14
|
"name": "multiple lines",
|
@@ -16,8 +16,8 @@
|
|
16
16
|
"text": "If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.",
|
17
17
|
"iconFallbackText": "Warning"
|
18
18
|
},
|
19
|
-
"
|
20
|
-
"hidden":
|
19
|
+
"hidden": false,
|
20
|
+
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.\n </strong>\n</div>"
|
21
21
|
},
|
22
22
|
{
|
23
23
|
"name": "attributes",
|
@@ -29,8 +29,8 @@
|
|
29
29
|
"data-test": "attribute"
|
30
30
|
}
|
31
31
|
},
|
32
|
-
"
|
33
|
-
"
|
32
|
+
"hidden": true,
|
33
|
+
"html": "<div class=\"govuk-warning-text\" id=\"my-warning-text\" data-test=\"attribute\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n You can be fined up to £5,000 if you don’t register.\n </strong>\n</div>"
|
34
34
|
},
|
35
35
|
{
|
36
36
|
"name": "classes",
|
@@ -39,8 +39,8 @@
|
|
39
39
|
"iconFallbackText": "Warning",
|
40
40
|
"classes": "govuk-warning-text--custom-class"
|
41
41
|
},
|
42
|
-
"
|
43
|
-
"
|
42
|
+
"hidden": true,
|
43
|
+
"html": "<div class=\"govuk-warning-text govuk-warning-text--custom-class\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n Warning text\n </strong>\n</div>"
|
44
44
|
},
|
45
45
|
{
|
46
46
|
"name": "html",
|
@@ -49,8 +49,8 @@
|
|
49
49
|
"iconFallbackText": "Warning",
|
50
50
|
"html": "<span>Some custom warning text</span>"
|
51
51
|
},
|
52
|
-
"
|
53
|
-
"
|
52
|
+
"hidden": true,
|
53
|
+
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n <span>Some custom warning text</span>\n </strong>\n</div>"
|
54
54
|
},
|
55
55
|
{
|
56
56
|
"name": "html as text",
|
@@ -58,16 +58,16 @@
|
|
58
58
|
"iconFallbackText": "Warning",
|
59
59
|
"text": "<span>Some custom warning text</span>"
|
60
60
|
},
|
61
|
-
"
|
62
|
-
"
|
61
|
+
"hidden": true,
|
62
|
+
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n <span>Some custom warning text</span>\n </strong>\n</div>"
|
63
63
|
},
|
64
64
|
{
|
65
65
|
"name": "icon fallback text only",
|
66
66
|
"options": {
|
67
67
|
"iconFallbackText": "Some custom fallback text"
|
68
68
|
},
|
69
|
-
"
|
70
|
-
"
|
69
|
+
"hidden": true,
|
70
|
+
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Some custom fallback text</span>\n \n </strong>\n</div>"
|
71
71
|
}
|
72
72
|
]
|
73
73
|
}
|
@@ -75,7 +75,7 @@
|
|
75
75
|
/// Make a colour darker by mixing it with black
|
76
76
|
///
|
77
77
|
/// @param {Colour} $colour - colour to shade
|
78
|
-
/// @param {Number} $percentage - percentage of
|
78
|
+
/// @param {Number} $percentage - percentage of black to mix with $colour
|
79
79
|
/// @return {Colour}
|
80
80
|
/// @access public
|
81
81
|
|
@@ -86,7 +86,7 @@
|
|
86
86
|
/// Make a colour lighter by mixing it with white
|
87
87
|
///
|
88
88
|
/// @param {Colour} $colour - colour to tint
|
89
|
-
/// @param {Number} $percentage - percentage of
|
89
|
+
/// @param {Number} $percentage - percentage of white to mix with $colour
|
90
90
|
/// @return {Colour}
|
91
91
|
/// @access public
|
92
92
|
|
@@ -104,7 +104,7 @@
|
|
104
104
|
// we need to override the text colour for that combination of selectors so
|
105
105
|
// so that unvisited links styled as buttons do not end up with dark blue
|
106
106
|
// text when focussed.
|
107
|
-
@include
|
107
|
+
@include _govuk-compatibility(govuk_template) {
|
108
108
|
&:link:focus {
|
109
109
|
color: $govuk-focus-text-colour;
|
110
110
|
}
|
@@ -152,7 +152,7 @@
|
|
152
152
|
// we need to override the text colour for that combination of selectors so
|
153
153
|
// so that unvisited links styled as buttons do not end up with dark blue
|
154
154
|
// text when focussed.
|
155
|
-
@include
|
155
|
+
@include _govuk-compatibility(govuk_template) {
|
156
156
|
&:link:focus {
|
157
157
|
color: $govuk-focus-text-colour;
|
158
158
|
}
|
@@ -200,7 +200,7 @@
|
|
200
200
|
// we need to override the text colour for that combination of selectors so
|
201
201
|
// so that unvisited links styled as buttons do not end up with dark blue
|
202
202
|
// text when focussed.
|
203
|
-
@include
|
203
|
+
@include _govuk-compatibility(govuk_template) {
|
204
204
|
&:link:focus {
|
205
205
|
color: $govuk-focus-text-colour;
|
206
206
|
}
|
@@ -243,7 +243,7 @@
|
|
243
243
|
// alphagov/govuk_template includes a specific a:link:focus selector designed
|
244
244
|
// to make unvisited links a slightly darker blue when focussed, so we need to
|
245
245
|
// override the text colour for that combination of selectors.
|
246
|
-
@include
|
246
|
+
@include _govuk-compatibility(govuk_template) {
|
247
247
|
&:link:focus {
|
248
248
|
@include govuk-text-colour;
|
249
249
|
}
|
@@ -288,7 +288,7 @@
|
|
288
288
|
// alphagov/govuk_template includes a specific a:link:focus selector designed
|
289
289
|
// to make unvisited links a slightly darker blue when focussed, so we need to
|
290
290
|
// override the text colour for that combination of selectors.
|
291
|
-
@include
|
291
|
+
@include _govuk-compatibility(govuk_template) {
|
292
292
|
&:link:focus {
|
293
293
|
@include govuk-text-colour;
|
294
294
|
}
|
@@ -331,7 +331,7 @@
|
|
331
331
|
// alphagov/govuk_template includes a specific a:link:focus selector designed
|
332
332
|
// to make unvisited links a slightly darker blue when focussed, so we need to
|
333
333
|
// override the text colour for that combination of selectors.
|
334
|
-
@include
|
334
|
+
@include _govuk-compatibility(govuk_template) {
|
335
335
|
&:link:focus {
|
336
336
|
color: $govuk-focus-text-colour;
|
337
337
|
}
|