govuk_publishing_components 21.68.1 → 21.69.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/assets/images/govuk_publishing_components/action-link-arrow--simple-light.png +0 -0
- data/app/assets/images/govuk_publishing_components/action-link-arrow--simple-light.svg +4 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +16 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss +23 -18
- data/app/assets/stylesheets/govuk_publishing_components/components/_subscription-links.scss +1 -1
- data/app/views/govuk_publishing_components/components/_action_link.html.erb +2 -0
- data/app/views/govuk_publishing_components/components/_print_link.html.erb +12 -4
- data/app/views/govuk_publishing_components/components/docs/action_link.yml +8 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d0b6878bc79789f43fcd57bed78e08d8ccfad470373eea7ee261de9acd93590f
|
|
4
|
+
data.tar.gz: b36a5b8dc546bf6b0f450f23f67e2e55692b6f4c9b252ddf813e935e4ba90398
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 01e13c35538dd4930ce21e50f35dc1cc3f78c8b2a1c5fb795a1e2f7fec0fe415f951a9dbb5f73b0aed742cfef37c24a8d733b6003e1927e74724c46bba55e5a7
|
|
7
|
+
data.tar.gz: 9bd4cb3fb94c2fab03c532002bc2a356774c6537f075a560c078bc599fb2fdfac2056fa029522f84be738b94c71dcf1fc3352da4cd2f361b052d376795d6fc55
|
|
Binary file
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9429 11.7949L10.4402 7.29222L11.7327 5.99967L17.528 11.7949L11.7327 17.5902L10.4402 16.2976L14.9429 11.7949Z" fill="#ffffff"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.95631 10.881L15.4414 10.881L15.4414 12.709L3.95631 12.709L3.95631 10.881Z" fill="#ffffff"/>
|
|
4
|
+
</svg>
|
|
@@ -115,6 +115,22 @@ $gem-hover-dark-background: #dddcdb;
|
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
+
.gem-c-action-link--simple-light {
|
|
119
|
+
&:before {
|
|
120
|
+
width: 30px;
|
|
121
|
+
height: 30px;
|
|
122
|
+
background: image-url("govuk_publishing_components/action-link-arrow--simple-light.png");
|
|
123
|
+
background: image-url("govuk_publishing_components/action-link-arrow--simple-light.svg"), linear-gradient(transparent, transparent);
|
|
124
|
+
background-repeat: no-repeat;
|
|
125
|
+
background-size: 25px auto;
|
|
126
|
+
background-position: 0 2px;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.gem-c-action-link__link {
|
|
130
|
+
text-decoration: none;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
|
|
118
134
|
.gem-c-action-link--dark-icon {
|
|
119
135
|
&:before {
|
|
120
136
|
background: image-url("govuk_publishing_components/action-link-arrow--dark.png");
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
$gem-c-print-link-background-width: 16px;
|
|
2
|
+
$gem-c-print-link-background-height: 18px;
|
|
3
|
+
|
|
1
4
|
.gem-c-print-link {
|
|
2
5
|
display: none;
|
|
3
6
|
margin-bottom: 2em;
|
|
@@ -14,39 +17,41 @@
|
|
|
14
17
|
}
|
|
15
18
|
}
|
|
16
19
|
|
|
17
|
-
.gem-c-print-link__link
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
padding:
|
|
20
|
+
.gem-c-print-link__link,
|
|
21
|
+
.gem-c-print-link__button {
|
|
22
|
+
background: image-url("govuk_publishing_components/icon-print.png") no-repeat govuk-spacing(2) 50%;
|
|
23
|
+
background-size: $gem-c-print-link-background-width $gem-c-print-link-background-height;
|
|
24
|
+
padding: govuk-spacing(2) govuk-spacing(2) govuk-spacing(2) (govuk-spacing(4) + $gem-c-print-link-background-width);
|
|
22
25
|
|
|
23
26
|
@include govuk-device-pixel-ratio($ratio: 2) {
|
|
24
27
|
background-image: image-url("govuk_publishing_components/icon-print-2x.png");
|
|
25
|
-
background-size: 16px 18px;
|
|
26
28
|
}
|
|
27
29
|
|
|
30
|
+
&:hover {
|
|
31
|
+
background-color: govuk-colour("light-grey");
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.gem-c-print-link__link {
|
|
36
|
+
box-shadow: inset 0 0 0 1px $govuk-border-colour;
|
|
37
|
+
text-decoration: none;
|
|
38
|
+
|
|
28
39
|
&:focus {
|
|
29
|
-
|
|
40
|
+
border: 0;
|
|
41
|
+
box-shadow: 0 $govuk-focus-width $govuk-text-colour;
|
|
30
42
|
}
|
|
31
43
|
}
|
|
32
44
|
|
|
33
45
|
.gem-c-print-link__button {
|
|
34
46
|
@extend %govuk-body-s;
|
|
35
|
-
|
|
36
|
-
border: 0;
|
|
47
|
+
border: 1px solid $govuk-border-colour;
|
|
37
48
|
color: $govuk-link-colour;
|
|
38
49
|
cursor: pointer;
|
|
39
|
-
margin: 0;
|
|
40
|
-
margin-left: -10px;
|
|
41
|
-
padding: .5em .5em .5em 38px;
|
|
42
|
-
text-decoration: underline;
|
|
43
|
-
|
|
44
|
-
@include govuk-device-pixel-ratio($ratio: 2) {
|
|
45
|
-
background-image: image-url("govuk_publishing_components/icon-print-2x.png");
|
|
46
|
-
background-size: 16px 18px;
|
|
47
|
-
}
|
|
50
|
+
margin: govuk-spacing(0);
|
|
48
51
|
|
|
49
52
|
&:focus {
|
|
50
53
|
@include govuk-focused-text;
|
|
54
|
+
background-color: $govuk-focus-colour;
|
|
55
|
+
border-color: transparent;
|
|
51
56
|
}
|
|
52
57
|
}
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
.gem-c-subscription-links__item--link {
|
|
121
121
|
padding: govuk-spacing(2) govuk-spacing(2) govuk-spacing(2) 0;
|
|
122
122
|
border: 1px solid transparent;
|
|
123
|
-
border-bottom: 1px solid govuk-colour("dark-grey");
|
|
123
|
+
border-bottom: 1px solid govuk-colour("dark-grey", $legacy: "grey-1");
|
|
124
124
|
|
|
125
125
|
&:focus {
|
|
126
126
|
border-bottom-color: transparent;
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
mobile_subtext ||= false
|
|
11
11
|
light_text ||= false
|
|
12
12
|
simple ||= false
|
|
13
|
+
simple_light ||= false
|
|
13
14
|
dark_icon ||= false
|
|
14
15
|
small_icon ||= false
|
|
15
16
|
nhs_icon ||= false
|
|
@@ -24,6 +25,7 @@
|
|
|
24
25
|
css_classes << "gem-c-action-link--transparent-icon" if transparent_icon
|
|
25
26
|
css_classes << "gem-c-action-link--nhs" if nhs_icon
|
|
26
27
|
css_classes << "gem-c-action-link--simple" if simple
|
|
28
|
+
css_classes << "gem-c-action-link--simple-light" if simple_light
|
|
27
29
|
css_classes << "gem-c-action-link--with-subtext" if subtext
|
|
28
30
|
css_classes << "gem-c-action-link--mobile-subtext" if mobile_subtext
|
|
29
31
|
css_classes << (shared_helper.get_margin_bottom)
|
|
@@ -2,15 +2,19 @@
|
|
|
2
2
|
text ||= t('components.print_link.text')
|
|
3
3
|
href ||= nil
|
|
4
4
|
data_attributes ||= {}
|
|
5
|
-
|
|
6
5
|
require_js ||= href.nil?
|
|
6
|
+
|
|
7
7
|
data_attributes[:module] = 'print-link' if require_js
|
|
8
|
+
|
|
9
|
+
classes = %w(govuk-link)
|
|
10
|
+
classes << "gem-c-print-link__button" if href.nil?
|
|
11
|
+
classes << "gem-c-print-link__link govuk-link--no-visited-state" if href.present?
|
|
8
12
|
%>
|
|
9
13
|
|
|
10
14
|
<% if require_js %>
|
|
11
15
|
<div class="gem-c-print-link" >
|
|
12
16
|
<%= content_tag(:button, text, {
|
|
13
|
-
class:
|
|
17
|
+
class: classes,
|
|
14
18
|
data: data_attributes
|
|
15
19
|
}) %>
|
|
16
20
|
</div>
|
|
@@ -19,9 +23,13 @@
|
|
|
19
23
|
<%= link_to(
|
|
20
24
|
text,
|
|
21
25
|
href,
|
|
22
|
-
class:
|
|
26
|
+
class: classes,
|
|
23
27
|
rel: "alternate",
|
|
24
|
-
data: data_attributes
|
|
28
|
+
data: data_attributes,
|
|
29
|
+
role: "button",
|
|
30
|
+
data: {
|
|
31
|
+
module: "button",
|
|
32
|
+
},
|
|
25
33
|
) %>
|
|
26
34
|
</div>
|
|
27
35
|
<% end %>
|
|
@@ -83,6 +83,14 @@ examples:
|
|
|
83
83
|
text: Getting financial help and keeping your business safe
|
|
84
84
|
href: "/financial-help"
|
|
85
85
|
simple: true
|
|
86
|
+
simple_light_arrow:
|
|
87
|
+
data:
|
|
88
|
+
text: Getting financial help and keeping your business safe
|
|
89
|
+
href: "/financial-help"
|
|
90
|
+
light_text: true
|
|
91
|
+
simple_light: true
|
|
92
|
+
context:
|
|
93
|
+
dark_background: true
|
|
86
94
|
with_small_icon:
|
|
87
95
|
data:
|
|
88
96
|
text: Coronavirus (COVID-19)
|
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: 21.
|
|
4
|
+
version: 21.69.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: 2020-10-
|
|
11
|
+
date: 2020-10-16 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: govuk_app_config
|
|
@@ -318,6 +318,8 @@ files:
|
|
|
318
318
|
- app/assets/images/govuk_publishing_components/action-link--nhs.svg
|
|
319
319
|
- app/assets/images/govuk_publishing_components/action-link-arrow--dark.png
|
|
320
320
|
- app/assets/images/govuk_publishing_components/action-link-arrow--dark.svg
|
|
321
|
+
- app/assets/images/govuk_publishing_components/action-link-arrow--simple-light.png
|
|
322
|
+
- app/assets/images/govuk_publishing_components/action-link-arrow--simple-light.svg
|
|
321
323
|
- app/assets/images/govuk_publishing_components/action-link-arrow--simple.png
|
|
322
324
|
- app/assets/images/govuk_publishing_components/action-link-arrow--simple.svg
|
|
323
325
|
- app/assets/images/govuk_publishing_components/action-link-arrow--transparent.svg
|