defra_ruby_template 3.13.0 → 3.15.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.github/dependabot.yml +14 -0
- data/.github/workflows/ci.yml +27 -0
- data/.rubocop.yml +3 -0
- data/.ruby-version +1 -0
- data/Gemfile +2 -0
- data/Gemfile.lock +24 -1
- data/README.md +5 -1
- data/Rakefile +22 -22
- data/app/views/layouts/defra_ruby_template.html.erb +17 -2
- data/defra_ruby_template.gemspec +14 -3
- data/lib/defra_ruby_template/version.rb +3 -1
- data/lib/defra_ruby_template.rb +4 -2
- data/node_modules/.package-lock.json +16 -0
- data/node_modules/govuk-frontend/govuk/assets/images/favicon.ico +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-152x152.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-167x167.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-180x180.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-logotype-tudor-crown.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-mask-icon.svg +1 -7
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-opengraph-image.png +0 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/macro-options.json +2 -2
- data/node_modules/govuk-frontend/govuk/components/back-link/macro-options.json +3 -3
- data/node_modules/govuk-frontend/govuk/components/button/_index.scss +3 -4
- data/node_modules/govuk-frontend/govuk/components/button/fixtures.json +9 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/macro-options.json +6 -6
- data/node_modules/govuk-frontend/govuk/components/checkboxes/_index.scss +14 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/macro-options.json +8 -8
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/date-input/macro-options.json +5 -5
- data/node_modules/govuk-frontend/govuk/components/details/_index.scss +2 -1
- data/node_modules/govuk-frontend/govuk/components/details/macro-options.json +2 -2
- data/node_modules/govuk-frontend/govuk/components/error-message/macro-options.json +3 -3
- data/node_modules/govuk-frontend/govuk/components/fieldset/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss +1 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/macro-options.json +4 -4
- data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +3 -0
- data/node_modules/govuk-frontend/govuk/components/footer/macro-options.json +2 -2
- data/node_modules/govuk-frontend/govuk/components/header/_index.scss +16 -0
- data/node_modules/govuk-frontend/govuk/components/header/fixtures.json +26 -18
- data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +12 -6
- data/node_modules/govuk-frontend/govuk/components/header/template.njk +56 -31
- data/node_modules/govuk-frontend/govuk/components/hint/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/input/macro-options.json +7 -7
- data/node_modules/govuk-frontend/govuk/components/inset-text/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/label/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/panel/_index.scss +13 -1
- data/node_modules/govuk-frontend/govuk/components/panel/macro-options.json +1 -1
- data/node_modules/govuk-frontend/govuk/components/radios/_index.scss +14 -0
- data/node_modules/govuk-frontend/govuk/components/radios/macro-options.json +8 -8
- data/node_modules/govuk-frontend/govuk/components/select/macro-options.json +3 -3
- data/node_modules/govuk-frontend/govuk/components/summary-list/fixtures.json +2 -2
- data/node_modules/govuk-frontend/govuk/components/summary-list/macro-options.json +7 -7
- data/node_modules/govuk-frontend/govuk/components/tabs/macro-options.json +4 -4
- data/node_modules/govuk-frontend/govuk/components/textarea/macro-options.json +5 -5
- data/node_modules/govuk-frontend/govuk/helpers/_colour.scss +2 -2
- data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss +22 -4
- data/node_modules/govuk-frontend/govuk/overrides/_all.scss +1 -0
- data/node_modules/govuk-frontend/govuk/overrides/_text-align.scss +20 -0
- data/node_modules/govuk-frontend/package.json +14 -41
- data/package-lock.json +17 -6
- data/package.json +1 -1
- metadata +28 -7
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "homepageUrl",
|
|
4
4
|
"type": "string",
|
|
5
5
|
"required": false,
|
|
6
|
-
"description": "The
|
|
6
|
+
"description": "The URL of the homepage. Defaults to `/`"
|
|
7
7
|
},
|
|
8
8
|
{
|
|
9
9
|
"name": "assetsPath",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"name": "productName",
|
|
16
16
|
"type": "string",
|
|
17
17
|
"required": false,
|
|
18
|
-
"description": "Product name, used when the product name follows on directly from ‘GOV.UK’. For example, GOV.UK Pay or GOV.UK Design System. In most circumstances, you should use serviceName
|
|
18
|
+
"description": "Product name, used when the product name follows on directly from ‘GOV.UK’. For example, GOV.UK Pay or GOV.UK Design System. In most circumstances, you should use `serviceName`."
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
21
|
"name": "serviceName",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"name": "serviceUrl",
|
|
28
28
|
"type": "string",
|
|
29
29
|
"required": false,
|
|
30
|
-
"description": "
|
|
30
|
+
"description": "URL for the service name anchor."
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
33
|
"name": "navigation",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"name": "href",
|
|
52
52
|
"type": "string",
|
|
53
53
|
"required": false,
|
|
54
|
-
"description": "
|
|
54
|
+
"description": "URL of the navigation item anchor."
|
|
55
55
|
},
|
|
56
56
|
{
|
|
57
57
|
"name": "active",
|
|
@@ -77,13 +77,13 @@
|
|
|
77
77
|
"name": "navigationLabel",
|
|
78
78
|
"type": "string",
|
|
79
79
|
"required": false,
|
|
80
|
-
"description": "Text for the `aria-label` attribute of the navigation. Defaults to
|
|
80
|
+
"description": "Text for the `aria-label` attribute of the navigation. Defaults to 'Navigation menu'."
|
|
81
81
|
},
|
|
82
82
|
{
|
|
83
83
|
"name": "menuButtonLabel",
|
|
84
84
|
"type": "string",
|
|
85
85
|
"required": false,
|
|
86
|
-
"description": "Text for the `aria-label` attribute of the button that toggles the navigation. Defaults to
|
|
86
|
+
"description": "Text for the `aria-label` attribute of the button that toggles the navigation. Defaults to 'Show or hide navigation menu'."
|
|
87
87
|
},
|
|
88
88
|
{
|
|
89
89
|
"name": "containerClasses",
|
|
@@ -102,5 +102,11 @@
|
|
|
102
102
|
"type": "object",
|
|
103
103
|
"required": false,
|
|
104
104
|
"description": "HTML attributes (for example data attributes) to add to the header container."
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "useTudorCrown",
|
|
108
|
+
"type": "boolean",
|
|
109
|
+
"required": false,
|
|
110
|
+
"description": "If `true`, the header uses the Tudor crown from King Charles III's royal cypher. This will become the default in a future version of GOV.UK Frontend."
|
|
105
111
|
}
|
|
106
112
|
]
|
|
@@ -1,40 +1,65 @@
|
|
|
1
|
+
{#- We use an inline SVG for the crown so that we can cascade the
|
|
2
|
+
currentColor into the crown whilst continuing to support older browsers
|
|
3
|
+
which do not support external SVGs without a Javascript polyfill. This
|
|
4
|
+
adds approximately 1kb to every page load.
|
|
5
|
+
|
|
6
|
+
We use currentColour so that we can easily invert it when printing and
|
|
7
|
+
when the focus state is applied. This also benefits users who override
|
|
8
|
+
colours in their browser as they will still see the crown.
|
|
9
|
+
|
|
10
|
+
The SVG needs `focusable="false"` so that Internet Explorer does not
|
|
11
|
+
treat it as an interactive element - without this it will be
|
|
12
|
+
'focusable' when using the keyboard to navigate. #}
|
|
13
|
+
|
|
14
|
+
{% set _stEdwardsCrown %}
|
|
15
|
+
<!--[if gt IE 8]><!-->
|
|
16
|
+
<svg
|
|
17
|
+
aria-hidden="true"
|
|
18
|
+
focusable="false"
|
|
19
|
+
class="govuk-header__logotype-crown"
|
|
20
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
21
|
+
viewBox="0 0 132 97"
|
|
22
|
+
height="30"
|
|
23
|
+
width="36"
|
|
24
|
+
>
|
|
25
|
+
<path
|
|
26
|
+
fill="currentColor" fill-rule="evenodd"
|
|
27
|
+
d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
|
|
28
|
+
</svg>
|
|
29
|
+
<!--<![endif]-->
|
|
30
|
+
<!--[if IE 8]>
|
|
31
|
+
<img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-crown.png" class="govuk-header__logotype-crown-fallback-image" width="36" height="32" alt="">
|
|
32
|
+
<![endif]-->
|
|
33
|
+
{% endset %}
|
|
34
|
+
|
|
35
|
+
{% set _tudorCrown %}
|
|
36
|
+
<!--[if gt IE 8]><!-->
|
|
37
|
+
<svg
|
|
38
|
+
aria-hidden="true"
|
|
39
|
+
focusable="false"
|
|
40
|
+
class="govuk-header__logotype-crown"
|
|
41
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
42
|
+
viewBox="0 0 32 30"
|
|
43
|
+
height="30"
|
|
44
|
+
width="32"
|
|
45
|
+
>
|
|
46
|
+
<path
|
|
47
|
+
fill="currentColor" fill-rule="evenodd"
|
|
48
|
+
d="M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8"></path>
|
|
49
|
+
</svg>
|
|
50
|
+
<!--<![endif]-->
|
|
51
|
+
<!--[if IE 8]>
|
|
52
|
+
<img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-tudor-crown.png" class="govuk-header__logotype-crown-fallback-image" width="32" height="30" alt="">
|
|
53
|
+
<![endif]-->
|
|
54
|
+
{% endset %}
|
|
55
|
+
|
|
1
56
|
<header class="govuk-header {{ params.classes if params.classes }}" role="banner" data-module="govuk-header"
|
|
2
57
|
{%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
|
3
58
|
<div class="govuk-header__container {{ params.containerClasses | default('govuk-width-container') }}">
|
|
4
59
|
<div class="govuk-header__logo">
|
|
5
60
|
<a href="{{ params.homepageUrl | default('/') }}" class="govuk-header__link govuk-header__link--homepage">
|
|
6
61
|
<span class="govuk-header__logotype">
|
|
7
|
-
|
|
8
|
-
{#- We use an inline SVG for the crown so that we can cascade the
|
|
9
|
-
currentColor into the crown whilst continuing to support older browsers
|
|
10
|
-
which do not support external SVGs without a Javascript polyfill. This
|
|
11
|
-
adds approximately 1kb to every page load.
|
|
12
|
-
|
|
13
|
-
We use currentColour so that we can easily invert it when printing and
|
|
14
|
-
when the focus state is applied. This also benefits users who override
|
|
15
|
-
colours in their browser as they will still see the crown.
|
|
16
|
-
|
|
17
|
-
The SVG needs `focusable="false"` so that Internet Explorer does not
|
|
18
|
-
treat it as an interactive element - without this it will be
|
|
19
|
-
'focusable' when using the keyboard to navigate. #}
|
|
20
|
-
<svg
|
|
21
|
-
aria-hidden="true"
|
|
22
|
-
focusable="false"
|
|
23
|
-
class="govuk-header__logotype-crown"
|
|
24
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
25
|
-
viewBox="0 0 132 97"
|
|
26
|
-
height="30"
|
|
27
|
-
width="36"
|
|
28
|
-
>
|
|
29
|
-
<path
|
|
30
|
-
fill="currentColor" fill-rule="evenodd"
|
|
31
|
-
d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"
|
|
32
|
-
></path>
|
|
33
|
-
</svg>
|
|
34
|
-
<!--<![endif]-->
|
|
35
|
-
<!--[if IE 8]>
|
|
36
|
-
<img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-crown.png" class="govuk-header__logotype-crown-fallback-image" width="36" height="32">
|
|
37
|
-
<![endif]-->
|
|
62
|
+
{{ (_tudorCrown if params.useTudorCrown else _stEdwardsCrown) | safe }}
|
|
38
63
|
<span class="govuk-header__logotype-text">
|
|
39
64
|
GOV.UK
|
|
40
65
|
</span>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "id",
|
|
4
4
|
"type": "string",
|
|
5
5
|
"required": true,
|
|
6
|
-
"description": "The
|
|
6
|
+
"description": "The ID of the input."
|
|
7
7
|
},
|
|
8
8
|
{
|
|
9
9
|
"name": "name",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"name": "type",
|
|
16
16
|
"type": "string",
|
|
17
17
|
"required": false,
|
|
18
|
-
"description": "Type of input control to render. Defaults to
|
|
18
|
+
"description": "Type of input control to render. Defaults to `text`."
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
21
|
"name": "inputmode",
|
|
@@ -98,13 +98,13 @@
|
|
|
98
98
|
"name": "text",
|
|
99
99
|
"type": "string",
|
|
100
100
|
"required": true,
|
|
101
|
-
"description": "
|
|
101
|
+
"description": "If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` argument will be ignored."
|
|
102
102
|
},
|
|
103
103
|
{
|
|
104
104
|
"name": "html",
|
|
105
105
|
"type": "string",
|
|
106
106
|
"required": true,
|
|
107
|
-
"description": "
|
|
107
|
+
"description": "If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` argument will be ignored."
|
|
108
108
|
},
|
|
109
109
|
{
|
|
110
110
|
"name": "classes",
|
|
@@ -124,13 +124,13 @@
|
|
|
124
124
|
"name": "formGroup",
|
|
125
125
|
"type": "object",
|
|
126
126
|
"required": false,
|
|
127
|
-
"description": "Options for the form-group wrapper",
|
|
127
|
+
"description": "Options for the form-group wrapper.",
|
|
128
128
|
"params": [
|
|
129
129
|
{
|
|
130
130
|
"name": "classes",
|
|
131
131
|
"type": "string",
|
|
132
132
|
"required": false,
|
|
133
|
-
"description": "Classes to add to the form group (for example to show error state for the whole group)"
|
|
133
|
+
"description": "Classes to add to the form group (for example to show error state for the whole group)."
|
|
134
134
|
}
|
|
135
135
|
]
|
|
136
136
|
},
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
"name": "spellcheck",
|
|
157
157
|
"type": "boolean",
|
|
158
158
|
"required": false,
|
|
159
|
-
"description": "Optional field to enable or disable the spellcheck attribute on the input."
|
|
159
|
+
"description": "Optional field to enable or disable the `spellcheck` attribute on the input."
|
|
160
160
|
},
|
|
161
161
|
{
|
|
162
162
|
"name": "attributes",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"name": "for",
|
|
16
16
|
"type": "string",
|
|
17
17
|
"required": false,
|
|
18
|
-
"description": "The value of the for attribute, the
|
|
18
|
+
"description": "The value of the `for` attribute, the ID of the input the label is associated with."
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
21
|
"name": "isPageHeading",
|
|
@@ -12,7 +12,19 @@
|
|
|
12
12
|
text-align: center;
|
|
13
13
|
|
|
14
14
|
@include govuk-media-query($until: tablet) {
|
|
15
|
-
padding: govuk-spacing(
|
|
15
|
+
padding: govuk-spacing(3) - $govuk-border-width;
|
|
16
|
+
|
|
17
|
+
// This is an if-all-else-fails attempt to stop long words from overflowing the container
|
|
18
|
+
// on very narrow viewports by forcing them to break and wrap instead. This
|
|
19
|
+
// overflowing is more likely to happen when user increases text size on a mobile eg. using
|
|
20
|
+
// iOS Safari text resize controls.
|
|
21
|
+
//
|
|
22
|
+
// The overflowing is a particular problem with the panel component since it uses white
|
|
23
|
+
// text: when the text overflows the container, it is invisible on the white (page)
|
|
24
|
+
// background. When the text in our other components overflow, the user might have to scroll
|
|
25
|
+
// horizontally to view it but the the text remains legible.
|
|
26
|
+
overflow-wrap: break-word;
|
|
27
|
+
word-wrap: break-word; // Support IE (autoprefixer doesn't add this as it's not a prefix)
|
|
16
28
|
}
|
|
17
29
|
}
|
|
18
30
|
|
|
@@ -121,6 +121,20 @@
|
|
|
121
121
|
// Focused state
|
|
122
122
|
.govuk-radios__input:focus + .govuk-radios__label:before {
|
|
123
123
|
border-width: 4px;
|
|
124
|
+
|
|
125
|
+
// When colours are overridden, the yellow box-shadow becomes invisible
|
|
126
|
+
// which means the focus state is less obvious. By adding a transparent
|
|
127
|
+
// outline, which becomes solid (text-coloured) in that context, we ensure
|
|
128
|
+
// the focus remains clearly visible.
|
|
129
|
+
outline: $govuk-focus-width solid transparent;
|
|
130
|
+
outline-offset: 1px;
|
|
131
|
+
|
|
132
|
+
// When in an explicit forced-color mode, we can use the Highlight system
|
|
133
|
+
// color for the outline to better match focus states of native controls
|
|
134
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
135
|
+
outline-color: Highlight;
|
|
136
|
+
}
|
|
137
|
+
|
|
124
138
|
box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
|
|
125
139
|
}
|
|
126
140
|
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
"name": "formGroup",
|
|
25
25
|
"type": "object",
|
|
26
26
|
"required": false,
|
|
27
|
-
"description": "Options for the form-group wrapper",
|
|
27
|
+
"description": "Options for the form-group wrapper.",
|
|
28
28
|
"params": [
|
|
29
29
|
{
|
|
30
30
|
"name": "classes",
|
|
31
31
|
"type": "string",
|
|
32
32
|
"required": false,
|
|
33
|
-
"description": "Classes to add to the form group (for example to show error state for the whole group)"
|
|
33
|
+
"description": "Classes to add to the form group (for example to show error state for the whole group)."
|
|
34
34
|
}
|
|
35
35
|
]
|
|
36
36
|
},
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"name": "idPrefix",
|
|
39
39
|
"type": "string",
|
|
40
40
|
"required": false,
|
|
41
|
-
"description": "String to prefix
|
|
41
|
+
"description": "String to prefix ID for each radio item if no ID is specified on each item. If `idPrefix` is not passed, fallback to using the `name` attribute instead."
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
44
|
"name": "name",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"name": "id",
|
|
69
69
|
"type": "string",
|
|
70
70
|
"required": false,
|
|
71
|
-
"description": "Specific
|
|
71
|
+
"description": "Specific ID attribute for the radio item. If omitted, then `idPrefix` string will be applied."
|
|
72
72
|
},
|
|
73
73
|
{
|
|
74
74
|
"name": "value",
|
|
@@ -94,19 +94,19 @@
|
|
|
94
94
|
"name": "divider",
|
|
95
95
|
"type": "string",
|
|
96
96
|
"required": false,
|
|
97
|
-
"description": "Divider text to separate radio items, for example the text
|
|
97
|
+
"description": "Divider text to separate radio items, for example the text 'or'."
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
100
|
"name": "checked",
|
|
101
101
|
"type": "boolean",
|
|
102
102
|
"required": false,
|
|
103
|
-
"description": "If true
|
|
103
|
+
"description": "If `true`, radio will be checked."
|
|
104
104
|
},
|
|
105
105
|
{
|
|
106
106
|
"name": "conditional",
|
|
107
107
|
"type": "string",
|
|
108
108
|
"required": false,
|
|
109
|
-
"description": "If true
|
|
109
|
+
"description": "If `true`, content provided will be revealed when the item is checked."
|
|
110
110
|
},
|
|
111
111
|
{
|
|
112
112
|
"name": "conditional.html",
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
"name": "disabled",
|
|
119
119
|
"type": "boolean",
|
|
120
120
|
"required": false,
|
|
121
|
-
"description": "If true
|
|
121
|
+
"description": "If `true`, radio will be disabled."
|
|
122
122
|
},
|
|
123
123
|
{
|
|
124
124
|
"name": "attributes",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "id",
|
|
4
4
|
"type": "string",
|
|
5
5
|
"required": true,
|
|
6
|
-
"description": "
|
|
6
|
+
"description": "ID for each select box."
|
|
7
7
|
},
|
|
8
8
|
{
|
|
9
9
|
"name": "name",
|
|
@@ -80,13 +80,13 @@
|
|
|
80
80
|
"name": "formGroup",
|
|
81
81
|
"type": "object",
|
|
82
82
|
"required": false,
|
|
83
|
-
"description": "Options for the form-group wrapper",
|
|
83
|
+
"description": "Options for the form-group wrapper.",
|
|
84
84
|
"params": [
|
|
85
85
|
{
|
|
86
86
|
"name": "classes",
|
|
87
87
|
"type": "string",
|
|
88
88
|
"required": false,
|
|
89
|
-
"description": "Classes to add to the form group (for example to show error state for the whole group)"
|
|
89
|
+
"description": "Classes to add to the form group (for example to show error state for the whole group)."
|
|
90
90
|
}
|
|
91
91
|
]
|
|
92
92
|
},
|
|
@@ -492,7 +492,7 @@
|
|
|
492
492
|
},
|
|
493
493
|
{
|
|
494
494
|
"href": "#",
|
|
495
|
-
"text": "
|
|
495
|
+
"text": "Zoom"
|
|
496
496
|
},
|
|
497
497
|
{
|
|
498
498
|
"href": "#",
|
|
@@ -782,7 +782,7 @@
|
|
|
782
782
|
}
|
|
783
783
|
]
|
|
784
784
|
},
|
|
785
|
-
"html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Buy</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Use</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Break</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fix</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Trash</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Change</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Mail</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Upgrade</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Charge</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Point</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Coom</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Press</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Snap</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Work</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Quick</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Erase</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Long website address\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> long website address</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Long email address\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> long email address</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n No wrapping allowed\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> no wrapping allowed</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Pneumonoultramicroscopicsilicovolcanoconiosis\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n <p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Write</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Cut</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Paste</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Save</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Load</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Check</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Quick</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rewrite</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Plug</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Play</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Burn</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Drag and drop</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Zip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Unzip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Lock</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fill</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Curl</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Find</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n View</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.\n </dt>\n <dd class=\"govuk-summary-list__value\">\n The Great Gatsby\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Code</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Jam</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Unlock</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Surf</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Scroll</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Pose</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Click</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Cross</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Crack</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Twitch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Update</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Name</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Read</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Tune</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Print</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Scan</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Send</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fax</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rename</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Touch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Bring</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Pay</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Watch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Turn</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Leave</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Stop</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Format</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n</dl>",
|
|
785
|
+
"html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Buy</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Use</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Break</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fix</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Trash</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Change</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Mail</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Upgrade</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Charge</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Point</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Zoom</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Press</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Snap</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Work</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Quick</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Erase</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Long website address\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> long website address</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Long email address\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> long email address</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n No wrapping allowed\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> no wrapping allowed</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Pneumonoultramicroscopicsilicovolcanoconiosis\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n <p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Write</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Cut</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Paste</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Save</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Load</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Check</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Quick</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rewrite</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Plug</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Play</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Burn</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Drag and drop</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Zip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Unzip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Lock</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fill</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Curl</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Find</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n View</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.\n </dt>\n <dd class=\"govuk-summary-list__value\">\n The Great Gatsby\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Code</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Jam</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Unlock</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Surf</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Scroll</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Pose</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Click</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Cross</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Crack</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Twitch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Update</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Name</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Read</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Tune</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Print</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Scan</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Send</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fax</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rename</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Touch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Bring</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Pay</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Watch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Turn</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Leave</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Stop</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Format</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n</dl>",
|
|
786
786
|
"hidden": false
|
|
787
787
|
},
|
|
788
788
|
{
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"name": "classes",
|
|
10
10
|
"type": "string",
|
|
11
11
|
"required": false,
|
|
12
|
-
"description": "Classes to add to the row `div
|
|
12
|
+
"description": "Classes to add to the row `div`."
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
15
|
"name": "key.text",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"name": "key.classes",
|
|
27
27
|
"type": "string",
|
|
28
28
|
"required": false,
|
|
29
|
-
"description": "Classes to add to the key wrapper"
|
|
29
|
+
"description": "Classes to add to the key wrapper."
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
32
|
"name": "value.text",
|
|
@@ -44,25 +44,25 @@
|
|
|
44
44
|
"name": "value.classes",
|
|
45
45
|
"type": "string",
|
|
46
46
|
"required": false,
|
|
47
|
-
"description": "Classes to add to the value wrapper"
|
|
47
|
+
"description": "Classes to add to the value wrapper."
|
|
48
48
|
},
|
|
49
49
|
{
|
|
50
50
|
"name": "actions.classes",
|
|
51
51
|
"type": "string",
|
|
52
52
|
"required": false,
|
|
53
|
-
"description": "Classes to add to the actions wrapper"
|
|
53
|
+
"description": "Classes to add to the actions wrapper."
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
56
|
"name": "actions.items",
|
|
57
57
|
"type": "array",
|
|
58
58
|
"required": false,
|
|
59
|
-
"description": "Array of action item objects",
|
|
59
|
+
"description": "Array of action item objects.",
|
|
60
60
|
"params": [
|
|
61
61
|
{
|
|
62
62
|
"name": "href",
|
|
63
63
|
"type": "string",
|
|
64
64
|
"required": true,
|
|
65
|
-
"description": "The value of the link href attribute for an action item"
|
|
65
|
+
"description": "The value of the link's `href` attribute for an action item."
|
|
66
66
|
},
|
|
67
67
|
{
|
|
68
68
|
"name": "text",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"name": "visuallyHiddenText",
|
|
81
81
|
"type": "string",
|
|
82
82
|
"required": false,
|
|
83
|
-
"description": "Actions rely on context from the surrounding content so may require additional accessible text
|
|
83
|
+
"description": "Actions rely on context from the surrounding content so may require additional accessible text. Text supplied to this option is appended to the end. Use `html` for more complicated scenarios."
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
86
|
"name": "classes",
|
|
@@ -3,19 +3,19 @@
|
|
|
3
3
|
"name": "id",
|
|
4
4
|
"type": "string",
|
|
5
5
|
"required": false,
|
|
6
|
-
"description": "This is used for the main component and to compose
|
|
6
|
+
"description": "This is used for the main component and to compose the ID attribute for each item."
|
|
7
7
|
},
|
|
8
8
|
{
|
|
9
9
|
"name": "idPrefix",
|
|
10
10
|
"type": "string",
|
|
11
11
|
"required": false,
|
|
12
|
-
"description": "String to prefix id for each tab item if no id is specified on each item"
|
|
12
|
+
"description": "String to prefix id for each tab item if no id is specified on each item."
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
15
|
"name": "title",
|
|
16
16
|
"type": "string",
|
|
17
17
|
"required": false,
|
|
18
|
-
"description": "Title for the tabs table of contents"
|
|
18
|
+
"description": "Title for the tabs table of contents."
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
21
|
"name": "items",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"name": "id",
|
|
28
28
|
"type": "string",
|
|
29
29
|
"required": true,
|
|
30
|
-
"description": "Specific
|
|
30
|
+
"description": "Specific ID attribute for the tab item. If omitted, then `idPrefix` string is required instead."
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
33
|
"name": "label",
|