govuk_publishing_components 16.12.0 → 16.13.0
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.
- checksums.yaml +4 -4
- data/app/views/govuk_publishing_components/components/_document_list.html.erb +1 -1
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/node_modules/accessible-autocomplete/package.json +1 -1
- data/node_modules/govuk-frontend/components/button/_button.scss +74 -5
- data/node_modules/govuk-frontend/components/fieldset/_fieldset.scss +10 -0
- data/node_modules/govuk-frontend/components/footer/_footer.scss +3 -0
- data/node_modules/govuk-frontend/components/summary-list/_summary-list.scss +38 -4
- data/node_modules/govuk-frontend/components/summary-list/template.njk +12 -2
- data/node_modules/govuk-frontend/helpers/_colour.scss +22 -0
- data/node_modules/govuk-frontend/helpers/_device-pixels.scss +0 -1
- data/node_modules/govuk-frontend/package.json +18 -18
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f6863e9153d0b12188aed4f43fcb62456b55028092eba4fc787aa551a2593431
|
4
|
+
data.tar.gz: ea222dfcc127409a58837e10efa99b9ab00acd271bc0a61ca0aa77250a66035b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c7a1d41db49527835781204c6c5da6b76694c3b01217f6050f79cfa1141f8239ceef4d075ad5c4414eeace32f6439d8cd52258dd04f559424a02035b683bbb7e
|
7
|
+
data.tar.gz: 84b53ce768d43c4192f250acbe0d533009488087e75b50f60bfecad20a3dc04b1e7e913b608424c82997ab52accd61f98b567fee777e74eaac9f5de2b26f9e48
|
@@ -34,7 +34,7 @@
|
|
34
34
|
|
35
35
|
<% if item[:metadata] %>
|
36
36
|
<ul class="gem-c-document-list__item-metadata">
|
37
|
-
<% item[:metadata].each do |item_metadata_key, item_metadata_value| %>
|
37
|
+
<% item[:metadata].compact.each do |item_metadata_key, item_metadata_value| %>
|
38
38
|
<li class="gem-c-document-list__attribute">
|
39
39
|
<% if item_metadata_key.to_s.eql?("public_updated_at") %>
|
40
40
|
<time datetime="<%= item_metadata_value.iso8601 %>">
|
@@ -49,7 +49,7 @@
|
|
49
49
|
"/"
|
50
50
|
],
|
51
51
|
"_resolved": "git://github.com/alphagov/accessible-autocomplete.git#0c518b4fa79b9a95b544410858486ed9e6403c84",
|
52
|
-
"_shasum": "
|
52
|
+
"_shasum": "1a5a047fd7e065ba5647099c5da51dc1f7f621f2",
|
53
53
|
"_shrinkwrap": null,
|
54
54
|
"_spec": "accessible-autocomplete@git://github.com/alphagov/accessible-autocomplete.git#add-multiselect-support",
|
55
55
|
"_where": "/var/lib/jenkins/workspace/ublishing_components_master-N4FWJIUY4CIFHKGZOAAEVVXODRY3YBORQOPIBBXWX72VUPSGJRRQ",
|
@@ -3,12 +3,24 @@
|
|
3
3
|
@import "../../helpers/all";
|
4
4
|
|
5
5
|
@include govuk-exports("govuk/component/button") {
|
6
|
-
|
7
|
-
$govuk-button-colour: #00823b;
|
8
|
-
$govuk-button-hover-colour:
|
9
|
-
$govuk-button-shadow-colour:
|
6
|
+
// Primary button variables
|
7
|
+
$govuk-button-colour: #00823b; // sass-lint:disable no-color-literals
|
8
|
+
$govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);
|
9
|
+
$govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);
|
10
10
|
$govuk-button-text-colour: govuk-colour("white");
|
11
11
|
|
12
|
+
// Secondary button variables
|
13
|
+
$govuk-secondary-button-colour: govuk-colour("grey-3");
|
14
|
+
$govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);
|
15
|
+
$govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);
|
16
|
+
$govuk-secondary-button-text-colour: govuk-colour("black");
|
17
|
+
|
18
|
+
// Warning button variables
|
19
|
+
$govuk-warning-button-colour: govuk-colour("red");
|
20
|
+
$govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);
|
21
|
+
$govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);
|
22
|
+
$govuk-warning-button-text-colour: govuk-colour("white");
|
23
|
+
|
12
24
|
// Because the shadow (s0) is visually 'part of' the button, we need to reduce
|
13
25
|
// the height of the button to compensate by adjusting its padding (s1) and
|
14
26
|
// increase the bottom margin to include it (s2).
|
@@ -141,6 +153,64 @@
|
|
141
153
|
}
|
142
154
|
}
|
143
155
|
|
156
|
+
.govuk-button--secondary {
|
157
|
+
background-color: $govuk-secondary-button-colour;
|
158
|
+
box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;
|
159
|
+
|
160
|
+
&,
|
161
|
+
&:link,
|
162
|
+
&:visited,
|
163
|
+
&:active,
|
164
|
+
&:hover {
|
165
|
+
color: $govuk-secondary-button-text-colour;
|
166
|
+
}
|
167
|
+
|
168
|
+
// alphagov/govuk_template includes a specific a:link:focus selector
|
169
|
+
// designed to make unvisited links a slightly darker blue when focussed, so
|
170
|
+
// we need to override the text colour for that combination of selectors so
|
171
|
+
// so that unvisited links styled as buttons do not end up with dark blue
|
172
|
+
// text when focussed.
|
173
|
+
@include govuk-compatibility(govuk_template) {
|
174
|
+
&:link:focus {
|
175
|
+
color: $govuk-secondary-button-text-colour;
|
176
|
+
}
|
177
|
+
}
|
178
|
+
|
179
|
+
&:hover,
|
180
|
+
&:focus {
|
181
|
+
background-color: $govuk-secondary-button-hover-colour;
|
182
|
+
}
|
183
|
+
}
|
184
|
+
|
185
|
+
.govuk-button--warning {
|
186
|
+
background-color: $govuk-warning-button-colour;
|
187
|
+
box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;
|
188
|
+
|
189
|
+
&,
|
190
|
+
&:link,
|
191
|
+
&:visited,
|
192
|
+
&:active,
|
193
|
+
&:hover {
|
194
|
+
color: $govuk-warning-button-text-colour;
|
195
|
+
}
|
196
|
+
|
197
|
+
// alphagov/govuk_template includes a specific a:link:focus selector
|
198
|
+
// designed to make unvisited links a slightly darker blue when focussed, so
|
199
|
+
// we need to override the text colour for that combination of selectors so
|
200
|
+
// so that unvisited links styled as buttons do not end up with dark blue
|
201
|
+
// text when focussed.
|
202
|
+
@include govuk-compatibility(govuk_template) {
|
203
|
+
&:link:focus {
|
204
|
+
color: $govuk-warning-button-text-colour;
|
205
|
+
}
|
206
|
+
}
|
207
|
+
|
208
|
+
&:hover,
|
209
|
+
&:focus {
|
210
|
+
background-color: $govuk-warning-button-hover-colour;
|
211
|
+
}
|
212
|
+
}
|
213
|
+
|
144
214
|
.govuk-button--start {
|
145
215
|
@include govuk-typography-weight-bold;
|
146
216
|
@include govuk-typography-responsive($size: 24, $override-line-height: 1);
|
@@ -176,5 +246,4 @@
|
|
176
246
|
padding-top: (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2) + $offset); // s1
|
177
247
|
padding-bottom: (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2) - $offset + 1); // s1
|
178
248
|
}
|
179
|
-
|
180
249
|
}
|
@@ -4,12 +4,22 @@
|
|
4
4
|
|
5
5
|
@include govuk-exports("govuk/component/fieldset") {
|
6
6
|
.govuk-fieldset {
|
7
|
+
min-width: 0;
|
7
8
|
margin: 0;
|
8
9
|
padding: 0;
|
9
10
|
border: 0;
|
10
11
|
@include govuk-clearfix;
|
11
12
|
}
|
12
13
|
|
14
|
+
// Fix for Firefox < 53
|
15
|
+
// https://bugzilla.mozilla.org/show_bug.cgi?id=504622
|
16
|
+
@supports not (caret-color: auto) {
|
17
|
+
.govuk-fieldset,
|
18
|
+
x:-moz-any-link {
|
19
|
+
display: table-cell;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
13
23
|
.govuk-fieldset__legend {
|
14
24
|
@include govuk-font($size: 19);
|
15
25
|
@include govuk-text-colour;
|
@@ -208,17 +208,20 @@
|
|
208
208
|
padding: 0;
|
209
209
|
list-style: none;
|
210
210
|
-webkit-column-gap: $govuk-gutter;
|
211
|
+
-moz-column-gap: $govuk-gutter;
|
211
212
|
column-gap: $govuk-gutter; // Support: Columns
|
212
213
|
}
|
213
214
|
|
214
215
|
@include mq ($from: desktop) {
|
215
216
|
.govuk-footer__list--columns-2 {
|
216
217
|
-webkit-column-count: 2;
|
218
|
+
-moz-column-count: 2;
|
217
219
|
column-count: 2; // Support: Columns
|
218
220
|
}
|
219
221
|
|
220
222
|
.govuk-footer__list--columns-3 {
|
221
223
|
-webkit-column-count: 3;
|
224
|
+
-moz-column-count: 3;
|
222
225
|
column-count: 3; // Support: Columns
|
223
226
|
}
|
224
227
|
}
|
@@ -80,6 +80,13 @@
|
|
80
80
|
}
|
81
81
|
}
|
82
82
|
|
83
|
+
// Expand width when value is last column (no action)
|
84
|
+
.govuk-summary-list__value:last-child {
|
85
|
+
@include govuk-media-query($from: tablet) {
|
86
|
+
width: 70%;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
|
83
90
|
.govuk-summary-list__value > p {
|
84
91
|
margin-bottom: govuk-spacing(2);
|
85
92
|
}
|
@@ -112,12 +119,39 @@
|
|
112
119
|
border: 0;
|
113
120
|
}
|
114
121
|
|
122
|
+
// No border on entire summary list
|
115
123
|
.govuk-summary-list--no-border {
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
124
|
+
@include govuk-media-query($until: tablet) {
|
125
|
+
.govuk-summary-list__row {
|
126
|
+
border: 0;
|
127
|
+
}
|
128
|
+
}
|
129
|
+
|
130
|
+
@include govuk-media-query($from: tablet) {
|
131
|
+
.govuk-summary-list__key,
|
132
|
+
.govuk-summary-list__value,
|
133
|
+
.govuk-summary-list__actions {
|
134
|
+
// Remove 1px border, add 1px height back on
|
135
|
+
padding-bottom: govuk-spacing(2) + 1px;
|
136
|
+
border: 0;
|
137
|
+
}
|
138
|
+
}
|
139
|
+
}
|
140
|
+
|
141
|
+
// No border on specific rows
|
142
|
+
.govuk-summary-list__row--no-border {
|
143
|
+
@include govuk-media-query($until: tablet) {
|
120
144
|
border: 0;
|
121
145
|
}
|
146
|
+
|
147
|
+
@include govuk-media-query($from: tablet) {
|
148
|
+
.govuk-summary-list__key,
|
149
|
+
.govuk-summary-list__value,
|
150
|
+
.govuk-summary-list__actions {
|
151
|
+
// Remove 1px border, add 1px height back on
|
152
|
+
padding-bottom: govuk-spacing(2) + 1px;
|
153
|
+
border: 0;
|
154
|
+
}
|
155
|
+
}
|
122
156
|
}
|
123
157
|
}
|
@@ -6,16 +6,23 @@
|
|
6
6
|
{% endif -%}
|
7
7
|
</a>
|
8
8
|
{% endmacro -%}
|
9
|
+
|
10
|
+
{# Determine if we need 2 or 3 columns #}
|
11
|
+
{% set anyRowHasActions = false %}
|
12
|
+
{% for row in params.rows %}
|
13
|
+
{% set anyRowHasActions = true if row.actions.items else anyRowHasActions %}
|
14
|
+
{% endfor -%}
|
15
|
+
|
9
16
|
<dl class="govuk-summary-list {%- if params.classes %} {{ params.classes }}{% endif %}"{% for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
10
17
|
{% for row in params.rows %}
|
11
|
-
<div class="govuk-summary-list__row">
|
18
|
+
<div class="govuk-summary-list__row {%- if row.classes %} {{ row.classes }}{% endif %}">
|
12
19
|
<dt class="govuk-summary-list__key {%- if row.key.classes %} {{ row.key.classes }}{% endif %}">
|
13
20
|
{{ row.key.html | safe if row.key.html else row.key.text }}
|
14
21
|
</dt>
|
15
22
|
<dd class="govuk-summary-list__value {%- if row.value.classes %} {{ row.value.classes }}{% endif %}">
|
16
23
|
{{ row.value.html | indent(8) | trim | safe if row.value.html else row.value.text }}
|
17
24
|
</dd>
|
18
|
-
{% if row.actions.items %}
|
25
|
+
{% if row.actions.items.length %}
|
19
26
|
<dd class="govuk-summary-list__actions {%- if row.actions.classes %} {{ row.actions.classes }}{% endif %}">
|
20
27
|
{% if row.actions.items.length == 1 %}
|
21
28
|
{{ _actionLink(row.actions.items[0]) | indent(12) | trim }}
|
@@ -29,6 +36,9 @@
|
|
29
36
|
</ul>
|
30
37
|
{% endif %}
|
31
38
|
</dd>
|
39
|
+
{% elseif anyRowHasActions %}
|
40
|
+
{# Add dummy column to extend border #}
|
41
|
+
<span class="govuk-summary-list__actions"></span>
|
32
42
|
{% endif %}
|
33
43
|
</div>
|
34
44
|
{% endfor %}
|
@@ -49,3 +49,25 @@
|
|
49
49
|
@return map-get($org-colour, colour);
|
50
50
|
}
|
51
51
|
}
|
52
|
+
|
53
|
+
/// Make a colour darker by mixing it with black
|
54
|
+
///
|
55
|
+
/// @param {Colour} $colour - colour to shade
|
56
|
+
/// @param {Number} $percentage - percentage of `$colour` in returned color
|
57
|
+
/// @return {Colour}
|
58
|
+
/// @access public
|
59
|
+
|
60
|
+
@function govuk-shade($colour, $percentage) {
|
61
|
+
@return mix(#000000, $colour, $percentage);
|
62
|
+
}
|
63
|
+
|
64
|
+
/// Make a colour lighter by mixing it with white
|
65
|
+
///
|
66
|
+
/// @param {Colour} $colour - colour to tint
|
67
|
+
/// @param {Number} $percentage - percentage of `$colour` in returned color
|
68
|
+
/// @return {Colour}
|
69
|
+
/// @access public
|
70
|
+
|
71
|
+
@function govuk-tint($colour, $percentage) {
|
72
|
+
@return mix(govuk-colour("white"), $colour, $percentage);
|
73
|
+
}
|
@@ -29,7 +29,6 @@
|
|
29
29
|
|
30
30
|
@mixin govuk-device-pixel-ratio($ratio: 2) {
|
31
31
|
@media only screen and (-webkit-min-device-pixel-ratio: $ratio),
|
32
|
-
only screen and (min--moz-device-pixel-ratio: $ratio),
|
33
32
|
only screen and ( min-device-pixel-ratio: $ratio),
|
34
33
|
only screen and ( min-resolution: #{($ratio*96)}dpi),
|
35
34
|
only screen and ( min-resolution: #{$ratio}dppx) {
|
@@ -2,26 +2,26 @@
|
|
2
2
|
"_args": [
|
3
3
|
[
|
4
4
|
{
|
5
|
-
"raw": "govuk-frontend@2.
|
5
|
+
"raw": "govuk-frontend@2.11.0",
|
6
6
|
"scope": null,
|
7
7
|
"escapedName": "govuk-frontend",
|
8
8
|
"name": "govuk-frontend",
|
9
|
-
"rawSpec": "2.
|
10
|
-
"spec": "2.
|
9
|
+
"rawSpec": "2.11.0",
|
10
|
+
"spec": "2.11.0",
|
11
11
|
"type": "version"
|
12
12
|
},
|
13
13
|
"/var/lib/jenkins/workspace/ublishing_components_master-N4FWJIUY4CIFHKGZOAAEVVXODRY3YBORQOPIBBXWX72VUPSGJRRQ"
|
14
14
|
]
|
15
15
|
],
|
16
|
-
"_from": "govuk-frontend@2.
|
16
|
+
"_from": "govuk-frontend@2.11.0",
|
17
17
|
"_hasShrinkwrap": false,
|
18
|
-
"_id": "govuk-frontend@2.
|
18
|
+
"_id": "govuk-frontend@2.11.0",
|
19
19
|
"_inCache": true,
|
20
20
|
"_location": "/govuk-frontend",
|
21
21
|
"_nodeVersion": "10.15.1",
|
22
22
|
"_npmOperationalInternal": {
|
23
23
|
"host": "s3://npm-registry-packages",
|
24
|
-
"tmp": "tmp/govuk-frontend_2.
|
24
|
+
"tmp": "tmp/govuk-frontend_2.11.0_1556196279503_0.18098672341387645"
|
25
25
|
},
|
26
26
|
"_npmUser": {
|
27
27
|
"name": "govuk-patterns-and-tools",
|
@@ -30,21 +30,21 @@
|
|
30
30
|
"_npmVersion": "6.4.1",
|
31
31
|
"_phantomChildren": {},
|
32
32
|
"_requested": {
|
33
|
-
"raw": "govuk-frontend@2.
|
33
|
+
"raw": "govuk-frontend@2.11.0",
|
34
34
|
"scope": null,
|
35
35
|
"escapedName": "govuk-frontend",
|
36
36
|
"name": "govuk-frontend",
|
37
|
-
"rawSpec": "2.
|
38
|
-
"spec": "2.
|
37
|
+
"rawSpec": "2.11.0",
|
38
|
+
"spec": "2.11.0",
|
39
39
|
"type": "version"
|
40
40
|
},
|
41
41
|
"_requiredBy": [
|
42
42
|
"/"
|
43
43
|
],
|
44
|
-
"_resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.
|
45
|
-
"_shasum": "
|
44
|
+
"_resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.11.0.tgz",
|
45
|
+
"_shasum": "f9eb4497a55d22b7eab8364323266680e17be188",
|
46
46
|
"_shrinkwrap": null,
|
47
|
-
"_spec": "govuk-frontend@2.
|
47
|
+
"_spec": "govuk-frontend@2.11.0",
|
48
48
|
"_where": "/var/lib/jenkins/workspace/ublishing_components_master-N4FWJIUY4CIFHKGZOAAEVVXODRY3YBORQOPIBBXWX72VUPSGJRRQ",
|
49
49
|
"author": {
|
50
50
|
"name": "GOV.UK Design System Team",
|
@@ -59,12 +59,12 @@
|
|
59
59
|
"devDependencies": {},
|
60
60
|
"directories": {},
|
61
61
|
"dist": {
|
62
|
-
"integrity": "sha512-
|
63
|
-
"shasum": "
|
64
|
-
"tarball": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.
|
62
|
+
"integrity": "sha512-kZR0ZrSju+Jqh8o5niKklj8/m5XmsNNUSQLL4M4urnMcrLypwW2dU3RkR8UCnzS2DDy4BTHb7CZw0VjQPoi3jg==",
|
63
|
+
"shasum": "f9eb4497a55d22b7eab8364323266680e17be188",
|
64
|
+
"tarball": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.11.0.tgz",
|
65
65
|
"fileCount": 257,
|
66
|
-
"unpackedSize":
|
67
|
-
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\
|
66
|
+
"unpackedSize": 1369928,
|
67
|
+
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcwau4CRA9TVsSAnZWagAAeMUP/19T4yWFauZRqRw4TBJC\nOZ917VbHE6CabUXDA0G/nyFmUTby9NY+yd0aqI6JGNDBj3ITr6XP9lJEXJ7A\nt9K2WW/XCP+p1bHdZ7cQcvXEGMB0KZHBZCsAtP/3RtEvHrNJmw8E5344yGws\nzo3pML6x1TFXlaqRXEH6eyi3n9IGnt8L0zwhtXuHxYwJQBMeccge9nmyf2JC\nyEIyRQO7HRi3jn64bx0C73ERTdbPTnV5llAk0ojM2QXGICU0gnaDL0b5lFfx\nidf3uKzDWAWUN1krCj3S26srrvhG+aV4nAKsul2/ry2W1wjshaoMa/v8yXex\n8SSzWWE9Ibe8K+hZnM/O+jc6huH6IILk7306f+vQ4PpPWoJ9djbyZqEbGLIu\nlFv0V5H1dq47FefQMceYKfzUKFI0uL1lfX0lQBcjLktY5qT2xSqbsgCZ4qr4\n5DrHxKhS5ODSE3j4pvdpGpF2cnP+8OgHzafx50gBC59tx5zEI76Ubk9I51vU\n+iKG++ymRAXGPfIlms3b/YoVKQc2ImwP8pcW8wzYzBgg9PKfLb8y8W0o9zFu\nIn9pqBCp+GfXyGTXF1DsPrgrVn7Ntk56EEgogUlMqOBxqW0RasrDP/A8xt4J\nqURqAYrrBa3UkpEvuYasykHBFX+F9qNgkArlJk3wEookh2LKnUjgBVxy5gkP\nYHtb\r\n=U3Na\r\n-----END PGP SIGNATURE-----\r\n"
|
68
68
|
},
|
69
69
|
"engines": {
|
70
70
|
"node": ">= 4.2.0"
|
@@ -92,5 +92,5 @@
|
|
92
92
|
"url": "git+https://github.com/alphagov/govuk-frontend.git"
|
93
93
|
},
|
94
94
|
"sass": "all.scss",
|
95
|
-
"version": "2.
|
95
|
+
"version": "2.11.0"
|
96
96
|
}
|