govuk_publishing_components 9.14.0 → 9.15.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/stylesheets/govuk_publishing_components/_all_components.scss +1 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_button.scss +81 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_tabs.scss +8 -0
- data/app/views/govuk_publishing_components/components/_tabs.html.erb +15 -7
- data/app/views/govuk_publishing_components/components/docs/button.yml +12 -0
- data/app/views/govuk_publishing_components/components/docs/tabs.yml +27 -2
- data/lib/govuk_publishing_components/presenters/button_helper.rb +5 -1
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/node_modules/govuk-frontend/components/button/_button.scss +1 -1
- data/node_modules/govuk-frontend/components/checkboxes/README.md +12 -0
- data/node_modules/govuk-frontend/components/checkboxes/template.njk +2 -1
- data/node_modules/govuk-frontend/components/date-input/_date-input.scss +3 -3
- data/node_modules/govuk-frontend/components/fieldset/_fieldset.scss +4 -1
- data/node_modules/govuk-frontend/components/header/README.md +12 -0
- data/node_modules/govuk-frontend/components/hint/_hint.scss +26 -5
- data/node_modules/govuk-frontend/components/panel/_panel.scss +4 -0
- data/node_modules/govuk-frontend/components/radios/README.md +12 -0
- data/node_modules/govuk-frontend/components/radios/template.njk +2 -1
- data/node_modules/govuk-frontend/components/tag/_tag.scss +5 -1
- data/node_modules/govuk-frontend/package.json +52 -15
- data/node_modules/govuk-frontend/template.njk +4 -4
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d0a147f1861a972aec6b6868d1a3e7401757852c13c9b3fd0727164267e80bf2
|
4
|
+
data.tar.gz: a768f5fff1607075fbd94b7e4c60d8b366dafce340978e7886093b998ddf697d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f0f30603ae07987c94e09b68a85109dcb081675fece3bd9600ddf1b5a4f9a5eaefcee6adc3c2fa42804d67e78eb65a6a4b129644c49ceb94b09860409c96ac69
|
7
|
+
data.tar.gz: 6ec17d5919eba4577d6bd6576145b3c87e002f64b9208ad66517093369eb9295848839f0807cae58c4e1ec28aa94f333fa538aae0af6e46886f7aa515afebbc1
|
@@ -39,6 +39,7 @@
|
|
39
39
|
@import "components/step-by-step-nav";
|
40
40
|
@import "components/subscription-links";
|
41
41
|
@import "components/success-alert";
|
42
|
+
@import "components/tabs";
|
42
43
|
@import "components/taxonomy-navigation";
|
43
44
|
@import "components/taxonomy-list";
|
44
45
|
@import "components/title";
|
@@ -4,6 +4,13 @@
|
|
4
4
|
$govuk-image-url-function: "image-url";
|
5
5
|
$govuk-font-url-function: "font-url";
|
6
6
|
|
7
|
+
$gem-secondary-button-colour: #00823b;
|
8
|
+
$gem-secondary-button-hover-colour: darken($gem-secondary-button-colour, 5%);
|
9
|
+
$gem-secondary-button-background-colour: govuk-colour("white");
|
10
|
+
$gem-secondary-button-hover-background-colour: govuk-colour("grey-4");
|
11
|
+
$gem-quiet-button-colour: govuk-colour("grey-1");
|
12
|
+
$gem-quiet-button-hover-colour: darken($gem-quiet-button-colour, 5%);
|
13
|
+
|
7
14
|
@import "../../../../node_modules/govuk-frontend/components/button/button";
|
8
15
|
|
9
16
|
@import "mixins/margins";
|
@@ -27,3 +34,77 @@ $govuk-font-url-function: "font-url";
|
|
27
34
|
max-width: 14em;
|
28
35
|
margin-top: .5em;
|
29
36
|
}
|
37
|
+
|
38
|
+
.gem-c-button--secondary {
|
39
|
+
padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2); // s1
|
40
|
+
border-color: $gem-secondary-button-colour;
|
41
|
+
color: $gem-secondary-button-colour;
|
42
|
+
background-color: $gem-secondary-button-background-colour;
|
43
|
+
box-shadow: none;
|
44
|
+
|
45
|
+
&:link,
|
46
|
+
&:visited,
|
47
|
+
&:active {
|
48
|
+
color: $gem-secondary-button-colour;
|
49
|
+
background-color: $gem-secondary-button-background-colour;
|
50
|
+
text-decoration: none;
|
51
|
+
}
|
52
|
+
|
53
|
+
&:link:focus {
|
54
|
+
color: $gem-secondary-button-colour;
|
55
|
+
}
|
56
|
+
|
57
|
+
&:hover {
|
58
|
+
border-color: $gem-secondary-button-hover-colour;
|
59
|
+
color: $gem-secondary-button-hover-colour;
|
60
|
+
background-color: $gem-secondary-button-hover-background-colour;
|
61
|
+
text-decoration: none;
|
62
|
+
}
|
63
|
+
|
64
|
+
&:before {
|
65
|
+
content: none;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
|
69
|
+
.gem-c-button--secondary-quiet {
|
70
|
+
padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2); // s1
|
71
|
+
border-color: $gem-quiet-button-colour;
|
72
|
+
color: $gem-quiet-button-colour;
|
73
|
+
background-color: $gem-secondary-button-background-colour;
|
74
|
+
box-shadow: none;
|
75
|
+
|
76
|
+
&:link,
|
77
|
+
&:visited,
|
78
|
+
&:active {
|
79
|
+
color: $gem-quiet-button-colour;
|
80
|
+
background-color: $gem-secondary-button-background-colour;
|
81
|
+
text-decoration: none;
|
82
|
+
}
|
83
|
+
|
84
|
+
&:link:focus {
|
85
|
+
color: $gem-quiet-button-colour;
|
86
|
+
}
|
87
|
+
|
88
|
+
&:hover {
|
89
|
+
border-color: $gem-quiet-button-hover-colour;
|
90
|
+
color: $gem-quiet-button-hover-colour;
|
91
|
+
background-color: $gem-secondary-button-hover-background-colour;
|
92
|
+
text-decoration: none;
|
93
|
+
}
|
94
|
+
|
95
|
+
&:before {
|
96
|
+
content: none;
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
// Begin adjustments for font baseline offset
|
101
|
+
// These should be removed when the font is updated with the correct baseline
|
102
|
+
// For the 1px addition please see https://github.com/alphagov/govuk-frontend/pull/365#discussion_r154349428
|
103
|
+
|
104
|
+
$offset: 2;
|
105
|
+
|
106
|
+
.gem-c-button--secondary,
|
107
|
+
.gem-c-button--secondary-quiet {
|
108
|
+
padding-top: (govuk-spacing(2) - $govuk-border-width-form-element + $offset); // s1
|
109
|
+
padding-bottom: (govuk-spacing(2) - $govuk-border-width-form-element - $offset + 1); // s1
|
110
|
+
}
|
@@ -1,5 +1,9 @@
|
|
1
1
|
<%
|
2
2
|
tabs ||= []
|
3
|
+
panel_border ||= true unless panel_border == false
|
4
|
+
panel_css_classes = %w(govuk-tabs__panel)
|
5
|
+
panel_css_classes << "gem-c-tabs__panel--no-border" if panel_border == false
|
6
|
+
panel_css_classes = panel_css_classes.join(" ")
|
3
7
|
%>
|
4
8
|
<% if tabs.count > 1 %>
|
5
9
|
<div class="govuk-tabs gem-c-tabs" data-module="tabs">
|
@@ -10,22 +14,26 @@
|
|
10
14
|
<% tabs.each do |tab| %>
|
11
15
|
<li class="govuk-tabs__list-item">
|
12
16
|
<a class="govuk-tabs__tab" href="#<%= tab[:id] %>">
|
13
|
-
|
14
|
-
|
17
|
+
<%= tab[:label] %>
|
18
|
+
</a>
|
15
19
|
</li>
|
16
20
|
<% end %>
|
17
21
|
</ul>
|
18
22
|
<% tabs.each do |tab| %>
|
19
|
-
<section class="
|
20
|
-
|
21
|
-
|
23
|
+
<section class="<%= panel_css_classes %>" id="<%= tab[:id] %>">
|
24
|
+
<% if tab[:title] %>
|
25
|
+
<h2 class="govuk-heading-l"><%= tab[:title] %></h2>
|
26
|
+
<% end %>
|
27
|
+
<%= tab[:content] %>
|
22
28
|
</section>
|
23
|
-
|
29
|
+
<% end %>
|
24
30
|
</div>
|
25
31
|
<% end %>
|
26
32
|
<% if tabs.count == 1 %>
|
27
33
|
<section id="<%= tabs[0][:id] %>">
|
28
|
-
|
34
|
+
<% if tabs[0][:title] %>
|
35
|
+
<h2 class="govuk-heading-l"><%= tabs[0][:title] %></h2>
|
36
|
+
<% end %>
|
29
37
|
<%= tabs[0][:content] %>
|
30
38
|
</section>
|
31
39
|
<% end %>
|
@@ -34,6 +34,18 @@ examples:
|
|
34
34
|
href: "#"
|
35
35
|
start: true
|
36
36
|
rel: "external"
|
37
|
+
secondary_button:
|
38
|
+
data:
|
39
|
+
text: "Secondary button"
|
40
|
+
href: "#"
|
41
|
+
secondary: true
|
42
|
+
rel: "external"
|
43
|
+
secondary_quiet_button:
|
44
|
+
data:
|
45
|
+
text: "Secondary quiet button"
|
46
|
+
href: "#"
|
47
|
+
secondary_quiet: true
|
48
|
+
rel: "external"
|
37
49
|
start_now_button_with_info_text:
|
38
50
|
data:
|
39
51
|
text: "Start now"
|
@@ -25,10 +25,35 @@ examples:
|
|
25
25
|
data:
|
26
26
|
tabs:
|
27
27
|
- id: "tab1"
|
28
|
-
|
28
|
+
label: "First section"
|
29
29
|
content: |
|
30
30
|
<p>Fusce at dictum tellus, ac accumsan est. Nulla vitae turpis in nulla gravida tincidunt. Duis lectus felis, tempus id bibendum sit amet, posuere ut elit. Donec enim odio, eleifend in urna a, sagittis egestas est. Proin id ex ultricies, porta eros id, vehicula quam. Morbi non sagittis velit.</p>
|
31
31
|
- id: "tab2"
|
32
|
+
label: "Second section"
|
33
|
+
content: |
|
34
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam congue elementum commodo. Vestibulum elit turpis, efficitur quis posuere vitae, commodo vitae augue. Donec ut pharetra ligula. Phasellus ac mauris eu felis bibendum dapibus rutrum sed quam. Pellentesque posuere ante id consequat pretium.</p>
|
35
|
+
without_panel_border:
|
36
|
+
data:
|
37
|
+
panel_border: false
|
38
|
+
tabs:
|
39
|
+
- id: "tab-no-border-1"
|
40
|
+
label: "First section"
|
41
|
+
content: |
|
42
|
+
<p>Fusce at dictum tellus, ac accumsan est. Nulla vitae turpis in nulla gravida tincidunt. Duis lectus felis, tempus id bibendum sit amet, posuere ut elit. Donec enim odio, eleifend in urna a, sagittis egestas est. Proin id ex ultricies, porta eros id, vehicula quam. Morbi non sagittis velit.</p>
|
43
|
+
- id: "tab-no-border-2"
|
44
|
+
label: "Second section"
|
45
|
+
content: |
|
46
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam congue elementum commodo. Vestibulum elit turpis, efficitur quis posuere vitae, commodo vitae augue. Donec ut pharetra ligula. Phasellus ac mauris eu felis bibendum dapibus rutrum sed quam. Pellentesque posuere ante id consequat pretium.</p>
|
47
|
+
with_title:
|
48
|
+
data:
|
49
|
+
tabs:
|
50
|
+
- id: "tab-with-title-1"
|
51
|
+
label: "First section"
|
52
|
+
title: "First section"
|
53
|
+
content: |
|
54
|
+
<p>Fusce at dictum tellus, ac accumsan est. Nulla vitae turpis in nulla gravida tincidunt. Duis lectus felis, tempus id bibendum sit amet, posuere ut elit. Donec enim odio, eleifend in urna a, sagittis egestas est. Proin id ex ultricies, porta eros id, vehicula quam. Morbi non sagittis velit.</p>
|
55
|
+
- id: "tab-with-title-2"
|
56
|
+
label: "Second section"
|
32
57
|
title: "Second section"
|
33
58
|
content: |
|
34
59
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam congue elementum commodo. Vestibulum elit turpis, efficitur quis posuere vitae, commodo vitae augue. Donec ut pharetra ligula. Phasellus ac mauris eu felis bibendum dapibus rutrum sed quam. Pellentesque posuere ante id consequat pretium.</p>
|
@@ -37,6 +62,6 @@ examples:
|
|
37
62
|
data:
|
38
63
|
tabs:
|
39
64
|
- id: "singletab"
|
40
|
-
|
65
|
+
label: "Single piece of content"
|
41
66
|
content: |
|
42
67
|
Here is a single piece of content, there should be no tabs.
|
@@ -4,7 +4,7 @@ module GovukPublishingComponents
|
|
4
4
|
module Presenters
|
5
5
|
class ButtonHelper
|
6
6
|
attr_reader :href, :text, :title, :info_text, :rel, :data_attributes,
|
7
|
-
:start, :margin_bottom
|
7
|
+
:start, :secondary, :secondary_quiet, :margin_bottom
|
8
8
|
|
9
9
|
def initialize(local_assigns)
|
10
10
|
@href = local_assigns[:href]
|
@@ -14,6 +14,8 @@ module GovukPublishingComponents
|
|
14
14
|
@rel = local_assigns[:rel]
|
15
15
|
@data_attributes = local_assigns[:data_attributes]
|
16
16
|
@start = local_assigns[:start]
|
17
|
+
@secondary = local_assigns[:secondary]
|
18
|
+
@secondary_quiet = local_assigns[:secondary_quiet]
|
17
19
|
@margin_bottom = local_assigns[:margin_bottom]
|
18
20
|
end
|
19
21
|
|
@@ -36,6 +38,8 @@ module GovukPublishingComponents
|
|
36
38
|
def css_classes
|
37
39
|
classes = %w(gem-c-button govuk-button)
|
38
40
|
classes << "govuk-button--start" if start
|
41
|
+
classes << "gem-c-button--secondary" if secondary
|
42
|
+
classes << "gem-c-button--secondary-quiet" if secondary_quiet
|
39
43
|
classes << "gem-c-button--bottom-margin" if margin_bottom
|
40
44
|
classes.join(" ")
|
41
45
|
end
|
@@ -911,6 +911,18 @@ If you are using Nunjucks,then macros take the following arguments
|
|
911
911
|
|
912
912
|
<tr class="govuk-table__row">
|
913
913
|
|
914
|
+
<th class="govuk-table__header" scope="row">items.{}.attributes</th>
|
915
|
+
|
916
|
+
<td class="govuk-table__cell ">object</td>
|
917
|
+
|
918
|
+
<td class="govuk-table__cell ">No</td>
|
919
|
+
|
920
|
+
<td class="govuk-table__cell ">Any extra HTML attributes (for example data attributes) to add to the checkbox input tag.</td>
|
921
|
+
|
922
|
+
</tr>
|
923
|
+
|
924
|
+
<tr class="govuk-table__row">
|
925
|
+
|
914
926
|
<th class="govuk-table__header" scope="row">classes</th>
|
915
927
|
|
916
928
|
<td class="govuk-table__cell ">string</td>
|
@@ -55,7 +55,8 @@
|
|
55
55
|
{{-" checked" if item.checked }}
|
56
56
|
{{-" disabled" if item.disabled }}
|
57
57
|
{%- if item.conditional %} data-aria-controls="{{ conditionalId }}"{% endif -%}
|
58
|
-
{%- if hasHint %} aria-describedby="{{ itemHintId }}"{% endif -%}
|
58
|
+
{%- if hasHint %} aria-describedby="{{ itemHintId }}"{% endif -%}
|
59
|
+
{%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
|
59
60
|
{{ govukLabel({
|
60
61
|
html: item.html,
|
61
62
|
text: item.text,
|
@@ -10,18 +10,18 @@
|
|
10
10
|
@include govuk-exports("govuk/component/date-input") {
|
11
11
|
.govuk-date-input {
|
12
12
|
@include govuk-clearfix;
|
13
|
+
// font-size: 0 removes whitespace caused by inline-block
|
14
|
+
font-size: 0;
|
13
15
|
}
|
14
16
|
|
15
17
|
.govuk-date-input__item {
|
18
|
+
display: inline-block;
|
16
19
|
margin-right: govuk-spacing(4);
|
17
20
|
margin-bottom: 0;
|
18
|
-
float: left;
|
19
|
-
clear: none;
|
20
21
|
}
|
21
22
|
|
22
23
|
.govuk-date-input__label {
|
23
24
|
display: block;
|
24
|
-
padding-bottom: 2px;
|
25
25
|
}
|
26
26
|
|
27
27
|
.govuk-date-input__input {
|
@@ -21,7 +21,7 @@
|
|
21
21
|
box-sizing: border-box; // 1
|
22
22
|
display: table; // 2
|
23
23
|
max-width: 100%; // 1
|
24
|
-
margin-bottom: govuk-spacing(
|
24
|
+
margin-bottom: govuk-spacing(2);
|
25
25
|
padding: 0;
|
26
26
|
// Hack to let legends or elements within legends have margins in webkit browsers
|
27
27
|
overflow: hidden;
|
@@ -33,14 +33,17 @@
|
|
33
33
|
|
34
34
|
.govuk-fieldset__legend--xl {
|
35
35
|
@include govuk-font($size: 48, $weight: bold);
|
36
|
+
margin-bottom: govuk-spacing(3);
|
36
37
|
}
|
37
38
|
|
38
39
|
.govuk-fieldset__legend--l {
|
39
40
|
@include govuk-font($size: 36, $weight: bold);
|
41
|
+
margin-bottom: govuk-spacing(3);
|
40
42
|
}
|
41
43
|
|
42
44
|
.govuk-fieldset__legend--m {
|
43
45
|
@include govuk-font($size: 24, $weight: bold);
|
46
|
+
margin-bottom: govuk-spacing(3);
|
44
47
|
}
|
45
48
|
|
46
49
|
.govuk-fieldset__legend--s {
|
@@ -461,6 +461,18 @@ If you are using Nunjucks,then macros take the following arguments
|
|
461
461
|
|
462
462
|
<tr class="govuk-table__row">
|
463
463
|
|
464
|
+
<th class="govuk-table__header" scope="row">navigation.{}.active</th>
|
465
|
+
|
466
|
+
<td class="govuk-table__cell ">boolean</td>
|
467
|
+
|
468
|
+
<td class="govuk-table__cell ">No</td>
|
469
|
+
|
470
|
+
<td class="govuk-table__cell ">Flag to mark the navigation item as active or not.</td>
|
471
|
+
|
472
|
+
</tr>
|
473
|
+
|
474
|
+
<tr class="govuk-table__row">
|
475
|
+
|
464
476
|
<th class="govuk-table__header" scope="row">navigationClasses</th>
|
465
477
|
|
466
478
|
<td class="govuk-table__cell ">string</td>
|
@@ -16,14 +16,35 @@
|
|
16
16
|
// Reduces margin-bottom of hint when used after the default label (no class)
|
17
17
|
// or govuk-label--s for better vertical alignment.
|
18
18
|
|
19
|
-
// This adjustment will not work when the label is inside the <h1>, however
|
20
|
-
//
|
21
|
-
//
|
19
|
+
// This adjustment will not work when the label is inside the <h1>, however it
|
20
|
+
// is unlikely that the default or govuk-label--s class would be used in this
|
21
|
+
// case.
|
22
22
|
|
23
|
-
// This adjustment will not work in browsers that do not support :not()
|
24
|
-
// Users with these browsers will see the default size margin (5px larger)
|
23
|
+
// This adjustment will not work in browsers that do not support :not().
|
24
|
+
// Users with these browsers will see the default size margin (5px larger).
|
25
25
|
|
26
26
|
.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {
|
27
27
|
margin-bottom: govuk-spacing(2);
|
28
28
|
}
|
29
|
+
|
30
|
+
// Reduces margin-bottom of hint when used after the default legend (no class)
|
31
|
+
// or govuk-fieldset__legend--s for better vertical alignment.
|
32
|
+
|
33
|
+
// This adjustment will not work when the legend is outside the <h1>, however
|
34
|
+
// it is unlikely that the default or govuk-fieldset__legend--s class would be
|
35
|
+
// used in this case.
|
36
|
+
|
37
|
+
// This adjustment will not work in browsers that do not support :not().
|
38
|
+
// Users with these browsers will see the default size margin (5px larger).
|
39
|
+
|
40
|
+
.govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {
|
41
|
+
margin-bottom: govuk-spacing(2);
|
42
|
+
}
|
43
|
+
|
44
|
+
// Reduces visual spacing of legend when there is a hint
|
45
|
+
|
46
|
+
.govuk-fieldset__legend + .govuk-hint,
|
47
|
+
.govuk-fieldset__legend + .govuk-hint {
|
48
|
+
margin-top: -(govuk-spacing(1));
|
49
|
+
}
|
29
50
|
}
|
@@ -883,6 +883,18 @@ If you are using Nunjucks,then macros take the following arguments
|
|
883
883
|
|
884
884
|
<tr class="govuk-table__row">
|
885
885
|
|
886
|
+
<th class="govuk-table__header" scope="row">items.{}.attributes</th>
|
887
|
+
|
888
|
+
<td class="govuk-table__cell ">object</td>
|
889
|
+
|
890
|
+
<td class="govuk-table__cell ">No</td>
|
891
|
+
|
892
|
+
<td class="govuk-table__cell ">Any extra HTML attributes (for example data attributes) to add to the radio input tag.</td>
|
893
|
+
|
894
|
+
</tr>
|
895
|
+
|
896
|
+
<tr class="govuk-table__row">
|
897
|
+
|
886
898
|
<th class="govuk-table__header" scope="row">classes</th>
|
887
899
|
|
888
900
|
<td class="govuk-table__cell ">string</td>
|
@@ -57,7 +57,8 @@
|
|
57
57
|
{{-" checked" if item.checked }}
|
58
58
|
{{-" disabled" if item.disabled }}
|
59
59
|
{%- if item.conditional %} data-aria-controls="{{ conditionalId }}"{% endif -%}
|
60
|
-
{%- if hasHint %} aria-describedby="{{ itemHintId }}"{% endif -%}
|
60
|
+
{%- if hasHint %} aria-describedby="{{ itemHintId }}"{% endif -%}
|
61
|
+
{%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
|
61
62
|
{{ govukLabel({
|
62
63
|
html: item.html,
|
63
64
|
text: item.text,
|
@@ -7,7 +7,11 @@
|
|
7
7
|
@include govuk-font($size: 16, $weight: bold, $line-height: 1.25);
|
8
8
|
|
9
9
|
display: inline-block;
|
10
|
-
padding:
|
10
|
+
padding: 4px 8px;
|
11
|
+
// Since New Transport sits slightly higher than other common fonts.
|
12
|
+
// We use intentionally uneven padding to make it balanced, this can be
|
13
|
+
// removed using the version of the font that has a more common vertical spacing.
|
14
|
+
padding-bottom: 1px;
|
11
15
|
|
12
16
|
// When a user customises their colours often the background is removed,
|
13
17
|
// by adding a outline we ensure that the tag component still keeps it's meaning.
|
@@ -1,31 +1,49 @@
|
|
1
1
|
{
|
2
2
|
"_args": [
|
3
3
|
[
|
4
|
-
|
4
|
+
{
|
5
|
+
"raw": "govuk-frontend@^1.2.0",
|
6
|
+
"scope": null,
|
7
|
+
"escapedName": "govuk-frontend",
|
8
|
+
"name": "govuk-frontend",
|
9
|
+
"rawSpec": "^1.2.0",
|
10
|
+
"spec": ">=1.2.0 <2.0.0",
|
11
|
+
"type": "range"
|
12
|
+
},
|
5
13
|
"/var/lib/jenkins/workspace/ublishing_components_master-N4FWJIUY4CIFHKGZOAAEVVXODRY3YBORQOPIBBXWX72VUPSGJRRQ"
|
6
14
|
]
|
7
15
|
],
|
8
|
-
"_from": "govuk-frontend
|
9
|
-
"_id": "govuk-frontend@1.
|
10
|
-
"
|
11
|
-
"_integrity": "sha512-pHKghu9J1nB7F/MKpiYaimPoJXUJdmMZUGuORv9K1Ek1sVNdTRlEKR+rogpfR4GkroS0tS1LMwQJrQkiCvxIIw==",
|
16
|
+
"_from": "govuk-frontend@>=1.2.0 <2.0.0",
|
17
|
+
"_id": "govuk-frontend@1.3.0",
|
18
|
+
"_inCache": true,
|
12
19
|
"_location": "/govuk-frontend",
|
20
|
+
"_nodeVersion": "8.9.4",
|
21
|
+
"_npmOperationalInternal": {
|
22
|
+
"host": "s3://npm-registry-packages",
|
23
|
+
"tmp": "tmp/govuk-frontend_1.3.0_1534328352055_0.9646771463099608"
|
24
|
+
},
|
25
|
+
"_npmUser": {
|
26
|
+
"name": "govuk-patterns-and-tools",
|
27
|
+
"email": "design-system-pipeline@digital.cabinet-office.gov.uk"
|
28
|
+
},
|
29
|
+
"_npmVersion": "5.6.0",
|
13
30
|
"_phantomChildren": {},
|
14
31
|
"_requested": {
|
15
|
-
"
|
16
|
-
"
|
17
|
-
"raw": "govuk-frontend@1.2.0",
|
18
|
-
"name": "govuk-frontend",
|
32
|
+
"raw": "govuk-frontend@^1.2.0",
|
33
|
+
"scope": null,
|
19
34
|
"escapedName": "govuk-frontend",
|
20
|
-
"
|
21
|
-
"
|
22
|
-
"
|
35
|
+
"name": "govuk-frontend",
|
36
|
+
"rawSpec": "^1.2.0",
|
37
|
+
"spec": ">=1.2.0 <2.0.0",
|
38
|
+
"type": "range"
|
23
39
|
},
|
24
40
|
"_requiredBy": [
|
25
41
|
"/"
|
26
42
|
],
|
27
|
-
"_resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-1.
|
28
|
-
"
|
43
|
+
"_resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-1.3.0.tgz",
|
44
|
+
"_shasum": "b145d8c5d6bd7e88a5b34b340867799f328bbb03",
|
45
|
+
"_shrinkwrap": null,
|
46
|
+
"_spec": "govuk-frontend@^1.2.0",
|
29
47
|
"_where": "/var/lib/jenkins/workspace/ublishing_components_master-N4FWJIUY4CIFHKGZOAAEVVXODRY3YBORQOPIBBXWX72VUPSGJRRQ",
|
30
48
|
"author": {
|
31
49
|
"name": "GOV.UK Design System Team",
|
@@ -35,7 +53,18 @@
|
|
35
53
|
"bugs": {
|
36
54
|
"url": "https://github.com/alphagov/govuk-frontend/issues"
|
37
55
|
},
|
56
|
+
"dependencies": {},
|
38
57
|
"description": "GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.",
|
58
|
+
"devDependencies": {},
|
59
|
+
"directories": {},
|
60
|
+
"dist": {
|
61
|
+
"integrity": "sha512-NROJGh4wZgOSWhEzJOkcijIMR7GeFBOinG45wouVwK7ne6ihR4uyS/LQBkG/GGEkNkLZYuOG8cb+6fMVwP2W7Q==",
|
62
|
+
"shasum": "b145d8c5d6bd7e88a5b34b340867799f328bbb03",
|
63
|
+
"tarball": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-1.3.0.tgz",
|
64
|
+
"fileCount": 211,
|
65
|
+
"unpackedSize": 1376819,
|
66
|
+
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbc/4gCRA9TVsSAnZWagAAwc0QAKN1dslj68y7qgfEna+l\nb6VAz2susIhADb08XRz0MV6ciI96QFyQJb0+lPHLH8ztQVEyL7wlWyvIrgXf\naUKqGaFLr7RBPNlcxlUOWMcwSUshbnAQVL4CzwU6FlwaFqyk/Yt5Jy6fJPuD\ngeMvNWBQ8nuJkfa7MQ665txS9YgCl/oCSMXbXqTmL0bDu4GH59xliElaCQU9\n7IYtzqmtFsfoU5LgKqxkA2cofSoHuJdqoLAWtflovWSdL3cPEaAKFDs2+qR1\nXzQ4s4urdzZ3j1fqDpOPSaawQc/hBTbniQzv/unIUYRHFShjbBZ38PsuTXoz\nYpOW5OCd3kxcpPggCTnsBM/oAgGGtZiASBCD1zh+D32rNEtSDUE15nTUah+W\nb2Nj9YmCkXcChpPfOTnUSH5OCiaQ+6tEjdgdqRmpBJW0ZZNW2cjCju5jENcn\nNxdgOjT1kZy9CvXYYu1GfxkWniAuPI+Dy8BiZwuQHdrY9FkVnpzqLEAcKMzz\nWsCioROHJGs+w1oRCfFVKGdMMYg0fBCsEK/do77e3kFZZlMKHcLCJDO6cxXX\n5YYx0+Q8RuUD+HMFYVJ90lsJZRDSVM6cWZ/fKKRCRJmBgYD1IC8TPw4dcH7U\nBszXMlpHgRerVIVzJMaW/nvPON5CZNIwc6jVlPNSo8SvTcmnAKv/IBdIVL0b\nCnvv\r\n=vQae\r\n-----END PGP SIGNATURE-----\r\n"
|
67
|
+
},
|
39
68
|
"engines": {
|
40
69
|
"node": ">= 4.2.0"
|
41
70
|
},
|
@@ -48,11 +77,19 @@
|
|
48
77
|
],
|
49
78
|
"license": "MIT",
|
50
79
|
"main": "all.js",
|
80
|
+
"maintainers": [
|
81
|
+
{
|
82
|
+
"name": "govuk-patterns-and-tools",
|
83
|
+
"email": "design-system-pipeline@digital.cabinet-office.gov.uk"
|
84
|
+
}
|
85
|
+
],
|
51
86
|
"name": "govuk-frontend",
|
87
|
+
"optionalDependencies": {},
|
88
|
+
"readme": "ERROR: No README data found!",
|
52
89
|
"repository": {
|
53
90
|
"type": "git",
|
54
91
|
"url": "git+https://github.com/alphagov/govuk-frontend.git"
|
55
92
|
},
|
56
93
|
"sass": "all.scss",
|
57
|
-
"version": "1.
|
94
|
+
"version": "1.3.0"
|
58
95
|
}
|
@@ -1,8 +1,8 @@
|
|
1
|
-
{% from "./components/skip-link/macro.njk" import govukSkipLink
|
2
|
-
{% from "./components/header/macro.njk" import govukHeader
|
3
|
-
{% from "./components/footer/macro.njk" import govukFooter
|
1
|
+
{% from "./components/skip-link/macro.njk" import govukSkipLink -%}
|
2
|
+
{% from "./components/header/macro.njk" import govukHeader -%}
|
3
|
+
{% from "./components/footer/macro.njk" import govukFooter -%}
|
4
4
|
{# specify absolute url for the static assets folder e.g. http://wwww.domain.com/assets #}
|
5
|
-
{
|
5
|
+
{%- set assetUrl = assetUrl | default(assetPath) -%}
|
6
6
|
<!DOCTYPE html>
|
7
7
|
<html lang="{{ htmlLang | default('en') }}" class="govuk-template {{ htmlClasses }}">
|
8
8
|
<head>
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: govuk_publishing_components
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 9.
|
4
|
+
version: 9.15.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- GOV.UK Dev
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2018-08-
|
11
|
+
date: 2018-08-16 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: govuk_app_config
|