govuk_publishing_components 21.56.2 → 21.57.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/govuk_publishing_components/components/print-link.js +14 -0
- data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +1 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +11 -5
- data/app/assets/stylesheets/govuk_publishing_components/components/_cookie-banner.scss +4 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss +52 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_govspeak.scss +5 -1
- data/app/views/govuk_publishing_components/components/_action_link.html.erb +2 -0
- data/app/views/govuk_publishing_components/components/_cookie_banner.html.erb +3 -1
- data/app/views/govuk_publishing_components/components/_print_link.html.erb +27 -0
- data/app/views/govuk_publishing_components/components/docs/action_link.yml +5 -0
- data/app/views/govuk_publishing_components/components/docs/print_link.yml +24 -0
- data/config/locales/en.yml +2 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +6 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b8a8a82f77b41de6046e22f895906a472e9b90c3e51eb79383a12e5eb3d25c12
|
|
4
|
+
data.tar.gz: df29df24347079ca630904cdd8b41c30a950c42b648f11989952d68f9d0f84db
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 76bd5c827d4b33f2abb411af2fc2baf4028e0555bd6b53997accebc7830811fb01871da0218095ac1ec7c1992dc25282ce14088c0075262f5088bd70e5a2d990
|
|
7
|
+
data.tar.gz: 456965f640926944af2eb05a47927c00d612c2eaefd651a3f149bb6f374b1247d1581dce682ede9b6c552c34071dc24ecf54cc73ea9d7c1da96ac81165a22250
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
window.GOVUK = window.GOVUK || {}
|
|
2
|
+
window.GOVUK.Modules = window.GOVUK.Modules || {};
|
|
3
|
+
|
|
4
|
+
(function (Modules) {
|
|
5
|
+
'use strict'
|
|
6
|
+
|
|
7
|
+
Modules.PrintLink = function () {
|
|
8
|
+
this.start = function (element) {
|
|
9
|
+
element[0].addEventListener('click', function () {
|
|
10
|
+
window.print()
|
|
11
|
+
})
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
})(window.GOVUK.Modules)
|
|
@@ -53,6 +53,7 @@
|
|
|
53
53
|
@import "components/panel";
|
|
54
54
|
@import "components/phase-banner";
|
|
55
55
|
@import "components/previous-and-next-navigation";
|
|
56
|
+
@import "components/print-link";
|
|
56
57
|
@import "components/radio";
|
|
57
58
|
@import "components/related-navigation";
|
|
58
59
|
@import "components/search";
|
|
@@ -118,6 +118,16 @@
|
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
.gem-c-action-link--dark-icon {
|
|
121
|
+
&:before {
|
|
122
|
+
// sass-lint:disable no-duplicate-properties
|
|
123
|
+
background: image-url("govuk_publishing_components/action-link-arrow--dark.png");
|
|
124
|
+
background: image-url("govuk_publishing_components/action-link-arrow--dark.svg"), linear-gradient(transparent, transparent);
|
|
125
|
+
// sass-lint:enable no-duplicate-properties
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.gem-c-action-link--dark-icon,
|
|
130
|
+
.gem-c-action-link--small-icon {
|
|
121
131
|
max-width: none;
|
|
122
132
|
|
|
123
133
|
@include govuk-media-query($until: tablet) {
|
|
@@ -125,12 +135,8 @@
|
|
|
125
135
|
}
|
|
126
136
|
|
|
127
137
|
&:before {
|
|
128
|
-
width: 30px;
|
|
129
138
|
height: 30px;
|
|
130
|
-
|
|
131
|
-
background: image-url("govuk_publishing_components/action-link-arrow--dark.png");
|
|
132
|
-
background: image-url("govuk_publishing_components/action-link-arrow--dark.svg"), linear-gradient(transparent, transparent);
|
|
133
|
-
// sass-lint:enable no-duplicate-properties
|
|
139
|
+
width: 30px;
|
|
134
140
|
background-repeat: no-repeat;
|
|
135
141
|
background-size: 25px auto;
|
|
136
142
|
background-position: 0 2px;
|
|
@@ -12,6 +12,10 @@ $govuk-cookie-banner-background: govuk-colour("light-grey", "grey-4");
|
|
|
12
12
|
background-color: $govuk-cookie-banner-background;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
+
.gem-c-cookie-banner--services {
|
|
16
|
+
display: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
15
19
|
.gem-c-cookie-banner__message {
|
|
16
20
|
display: inline-block;
|
|
17
21
|
padding-bottom: govuk-spacing(2);
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
.gem-c-print-link {
|
|
2
|
+
display: none;
|
|
3
|
+
margin-bottom: 2em;
|
|
4
|
+
margin-top: 2em;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.gem-c-print-link.gem-c-print-link--show-without-js {
|
|
8
|
+
display: block;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.js-enabled {
|
|
12
|
+
.gem-c-print-link {
|
|
13
|
+
display: block;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.gem-c-print-link__link {
|
|
18
|
+
background: image-url("govuk_publishing_components/icon-print.png") no-repeat 10px 50%;
|
|
19
|
+
|
|
20
|
+
margin-left: -10px;
|
|
21
|
+
padding: .5em .5em .5em 38px;
|
|
22
|
+
|
|
23
|
+
@include govuk-device-pixel-ratio($ratio: 2) {
|
|
24
|
+
background-image: image-url("govuk_publishing_components/icon-print-2x.png");
|
|
25
|
+
background-size: 16px 18px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&:focus {
|
|
29
|
+
@include govuk-focused-text;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.gem-c-print-link__button {
|
|
34
|
+
@extend %govuk-body-s;
|
|
35
|
+
background: image-url("govuk_publishing_components/icon-print.png") no-repeat 10px 50%;
|
|
36
|
+
border: 0;
|
|
37
|
+
color: $govuk-link-colour;
|
|
38
|
+
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
|
+
}
|
|
48
|
+
|
|
49
|
+
&:focus {
|
|
50
|
+
@include govuk-focused-text;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
light_text ||= false
|
|
12
12
|
simple ||= false
|
|
13
13
|
dark_icon ||= false
|
|
14
|
+
small_icon ||= false
|
|
14
15
|
nhs_icon ||= false
|
|
15
16
|
data ||= nil
|
|
16
17
|
classes ||= nil
|
|
@@ -18,6 +19,7 @@
|
|
|
18
19
|
css_classes = %w(gem-c-action-link)
|
|
19
20
|
css_classes << "gem-c-action-link--light-text" if light_text
|
|
20
21
|
css_classes << "gem-c-action-link--dark-icon" if dark_icon
|
|
22
|
+
css_classes << "gem-c-action-link--small-icon" if small_icon
|
|
21
23
|
css_classes << "gem-c-action-link--nhs" if nhs_icon
|
|
22
24
|
css_classes << "gem-c-action-link--simple" if simple
|
|
23
25
|
css_classes << "gem-c-action-link--with-subtext" if subtext
|
|
@@ -5,9 +5,11 @@
|
|
|
5
5
|
cookie_preferences_href ||= "/help/cookies"
|
|
6
6
|
confirmation_message ||= raw("You’ve accepted all cookies. You can <a class='govuk-link' href='#{cookie_preferences_href}' data-module='track-click' data-track-category='cookieBanner' data-track-action='Cookie banner settings clicked from confirmation'>change your cookie settings</a> at any time.")
|
|
7
7
|
services_cookies ||= nil
|
|
8
|
+
css_classes = %w(gem-c-cookie-banner govuk-clearfix)
|
|
9
|
+
css_classes << "gem-c-cookie-banner--services" if services_cookies
|
|
8
10
|
%>
|
|
9
11
|
|
|
10
|
-
<div id="<%= id %>" class="
|
|
12
|
+
<div id="<%= id %>" class="<%= css_classes.join(' ') %>" data-module="cookie-banner" role="region" aria-label="cookie banner" data-nosnippet>
|
|
11
13
|
<div class="gem-c-cookie-banner__wrapper govuk-width-container">
|
|
12
14
|
<div class="govuk-grid-row">
|
|
13
15
|
<div class="govuk-grid-column-two-thirds">
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<%
|
|
2
|
+
text ||= t('components.print_link.text')
|
|
3
|
+
href ||= nil
|
|
4
|
+
data_attributes ||= {}
|
|
5
|
+
|
|
6
|
+
require_js ||= href.nil?
|
|
7
|
+
data_attributes[:module] = 'print-link' if require_js
|
|
8
|
+
%>
|
|
9
|
+
|
|
10
|
+
<% if require_js %>
|
|
11
|
+
<div class="gem-c-print-link" >
|
|
12
|
+
<%= content_tag(:button, text, {
|
|
13
|
+
class: %w(gem-c-print-link__button govuk-link),
|
|
14
|
+
data: data_attributes
|
|
15
|
+
}) %>
|
|
16
|
+
</div>
|
|
17
|
+
<% else %>
|
|
18
|
+
<div class="gem-c-print-link gem-c-print-link--show-without-js">
|
|
19
|
+
<%= link_to(
|
|
20
|
+
text,
|
|
21
|
+
href,
|
|
22
|
+
class: %w(gem-c-print-link__link govuk-link),
|
|
23
|
+
rel: "alternate",
|
|
24
|
+
data: data_attributes
|
|
25
|
+
) %>
|
|
26
|
+
</div>
|
|
27
|
+
<% end %>
|
|
@@ -75,6 +75,11 @@ examples:
|
|
|
75
75
|
text: Getting financial help and keeping your business safe
|
|
76
76
|
href: "/financial-help"
|
|
77
77
|
simple: true
|
|
78
|
+
with_small_icon:
|
|
79
|
+
data:
|
|
80
|
+
text: Coronavirus (COVID-19)
|
|
81
|
+
href: "/my-test-page"
|
|
82
|
+
small_icon: true
|
|
78
83
|
with_dark_icon:
|
|
79
84
|
data:
|
|
80
85
|
text: Coronavirus (COVID-19)
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
name: Print link
|
|
2
|
+
description: A link with a print icon to help users print the current page
|
|
3
|
+
body: |
|
|
4
|
+
This component renders two different outputs depending on whether a `href` is specified. By default, when no `href` is given, the component renders as a button and triggers a print action via JavaScript. In this case the component is hidden in environments where JavaScript is disabled and can be used as a progressive enhancement. When a `href` is specified the component renders as an anchor tag and navigates to that `href` without JavaScript, suitable for applications which have paths that trigger a print event on load.
|
|
5
|
+
accessibility_criteria: |
|
|
6
|
+
- The print icon must be presentational and ignored by screen readers.
|
|
7
|
+
shared_accessibility_criteria:
|
|
8
|
+
- link
|
|
9
|
+
examples:
|
|
10
|
+
default:
|
|
11
|
+
description: This component calls `print()` via the browser's DOM API. By default it relies on JavaScript and is not shown in environments where JavaScript is disabled. The \"link\" here is actually a button tag because this is not a navigation event.
|
|
12
|
+
with_different_text:
|
|
13
|
+
data:
|
|
14
|
+
text: "Print this manual"
|
|
15
|
+
with_different_href:
|
|
16
|
+
description: You can specify a alternative `href` URL that will override the default behaviour. When a `href` is specified the print link will render as an anchor tag and be displayed even when JavaScript is disabled.
|
|
17
|
+
data:
|
|
18
|
+
href: "/print"
|
|
19
|
+
with_data_attributes:
|
|
20
|
+
data:
|
|
21
|
+
data_attributes:
|
|
22
|
+
track-category: "printButton"
|
|
23
|
+
track-action: "clicked"
|
|
24
|
+
track-label: "Print this page"
|
data/config/locales/en.yml
CHANGED
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.57.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-06-
|
|
11
|
+
date: 2020-06-25 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: gds-api-adapters
|
|
@@ -437,6 +437,7 @@ files:
|
|
|
437
437
|
- app/assets/javascripts/govuk_publishing_components/components/header.js
|
|
438
438
|
- app/assets/javascripts/govuk_publishing_components/components/initial-focus.js
|
|
439
439
|
- app/assets/javascripts/govuk_publishing_components/components/modal-dialogue.js
|
|
440
|
+
- app/assets/javascripts/govuk_publishing_components/components/print-link.js
|
|
440
441
|
- app/assets/javascripts/govuk_publishing_components/components/radio.js
|
|
441
442
|
- app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js
|
|
442
443
|
- app/assets/javascripts/govuk_publishing_components/components/tabs.js
|
|
@@ -504,6 +505,7 @@ files:
|
|
|
504
505
|
- app/assets/stylesheets/govuk_publishing_components/components/_panel.scss
|
|
505
506
|
- app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss
|
|
506
507
|
- app/assets/stylesheets/govuk_publishing_components/components/_previous-and-next-navigation.scss
|
|
508
|
+
- app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss
|
|
507
509
|
- app/assets/stylesheets/govuk_publishing_components/components/_radio.scss
|
|
508
510
|
- app/assets/stylesheets/govuk_publishing_components/components/_related-navigation.scss
|
|
509
511
|
- app/assets/stylesheets/govuk_publishing_components/components/_search.scss
|
|
@@ -647,6 +649,7 @@ files:
|
|
|
647
649
|
- app/views/govuk_publishing_components/components/_panel.html.erb
|
|
648
650
|
- app/views/govuk_publishing_components/components/_phase_banner.html.erb
|
|
649
651
|
- app/views/govuk_publishing_components/components/_previous_and_next_navigation.html.erb
|
|
652
|
+
- app/views/govuk_publishing_components/components/_print_link.html.erb
|
|
650
653
|
- app/views/govuk_publishing_components/components/_radio.html.erb
|
|
651
654
|
- app/views/govuk_publishing_components/components/_related_navigation.html.erb
|
|
652
655
|
- app/views/govuk_publishing_components/components/_search.html.erb
|
|
@@ -722,6 +725,7 @@ files:
|
|
|
722
725
|
- app/views/govuk_publishing_components/components/docs/panel.yml
|
|
723
726
|
- app/views/govuk_publishing_components/components/docs/phase_banner.yml
|
|
724
727
|
- app/views/govuk_publishing_components/components/docs/previous_and_next_navigation.yml
|
|
728
|
+
- app/views/govuk_publishing_components/components/docs/print_link.yml
|
|
725
729
|
- app/views/govuk_publishing_components/components/docs/radio.yml
|
|
726
730
|
- app/views/govuk_publishing_components/components/docs/related_navigation.yml
|
|
727
731
|
- app/views/govuk_publishing_components/components/docs/search.yml
|