govuk_publishing_components 27.19.0 → 27.20.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/stylesheets/govuk_publishing_components/_all_components.scss +1 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_signup-link.scss +34 -0
- data/app/views/govuk_publishing_components/components/_signup_link.html.erb +30 -0
- data/app/views/govuk_publishing_components/components/docs/signup_link.yml +39 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +5 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: abe5f80412062a42d0581b1137f85d3c6932cb23e20d840d08a345b642133e65
|
|
4
|
+
data.tar.gz: 6b46ff356ab253ec47fb4ed7d67f4cd8b40c0024bedf4511e03e4416b2ee519d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 92c367ffdd7fc084e3b68fac798c1e1e51f3c37b361e6003c877b4c8839c40eaecb98ecbf20e5d65de3fe1aa8926167c557d6ef767516d3d9deacc64f32113c4
|
|
7
|
+
data.tar.gz: 971c347b11fdb3d12302e44deaa3bb77406b6b76d15c78e4af44c415b950aabfa688a1e9708de04eea09bf274b0484c30c27c2917392d862a1af10b013549380
|
|
@@ -68,6 +68,7 @@ $govuk-new-link-styles: true;
|
|
|
68
68
|
@import "components/select";
|
|
69
69
|
@import "components/share-links";
|
|
70
70
|
@import "components/show-password";
|
|
71
|
+
@import "components/signup-link";
|
|
71
72
|
@import "components/single-page-notification-button";
|
|
72
73
|
@import "components/skip-link";
|
|
73
74
|
@import "components/step-by-step-nav-header";
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
.gem-c-signup-link__link {
|
|
2
|
+
@include govuk-font($size: 19);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.gem-c-signup-link__inner {
|
|
6
|
+
position: relative;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.gem-c-signup-link__icon {
|
|
10
|
+
position: absolute;
|
|
11
|
+
|
|
12
|
+
@include govuk-media-query($from: tablet) {
|
|
13
|
+
top: 2px;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.gem-c-signup-link__title {
|
|
18
|
+
margin-bottom: govuk-spacing(2);
|
|
19
|
+
margin-left: govuk-spacing(5);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.gem-c-signup-link--with-background-and-border {
|
|
23
|
+
padding: govuk-spacing(6);
|
|
24
|
+
background-color: govuk-colour("light-grey");
|
|
25
|
+
border: 1px solid $govuk-border-colour;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.gem-c-signup-link--link-only .gem-c-signup-link__link {
|
|
29
|
+
display: inline-block;
|
|
30
|
+
vertical-align: top;
|
|
31
|
+
font-weight: bold;
|
|
32
|
+
margin-left: govuk-spacing(5);
|
|
33
|
+
margin-bottom: 0;
|
|
34
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<%
|
|
2
|
+
local_assigns[:heading_level] ||= 3
|
|
3
|
+
local_assigns[:margin_bottom] ||= 0
|
|
4
|
+
link_text ||= false
|
|
5
|
+
link_href ||= false
|
|
6
|
+
heading ||= false
|
|
7
|
+
background ||= false
|
|
8
|
+
data ||= false
|
|
9
|
+
|
|
10
|
+
shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
|
|
11
|
+
|
|
12
|
+
classes = %w(gem-c-signup-link govuk-!-display-none-print)
|
|
13
|
+
classes << shared_helper.get_margin_bottom
|
|
14
|
+
classes << "gem-c-signup-link--link-only" unless heading
|
|
15
|
+
classes << "gem-c-signup-link--with-background-and-border" if background
|
|
16
|
+
%>
|
|
17
|
+
<% if link_text && link_href %>
|
|
18
|
+
<div class="<%= classes.join(' ') %>">
|
|
19
|
+
<div class="gem-c-signup-link__inner govuk-width-container">
|
|
20
|
+
<svg class="gem-c-signup-link__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 459.334 459.334">
|
|
21
|
+
<path fill="black" d="M177.216 404.514c-.001.12-.009.239-.009.359 0 30.078 24.383 54.461 54.461 54.461s54.461-24.383 54.461-54.461c0-.12-.008-.239-.009-.359H175.216zM403.549 336.438l-49.015-72.002v-89.83c0-60.581-43.144-111.079-100.381-122.459V24.485C254.152 10.963 243.19 0 229.667 0s-24.485 10.963-24.485 24.485v27.663c-57.237 11.381-100.381 61.879-100.381 122.459v89.83l-49.015 72.002a24.76 24.76 0 0 0 20.468 38.693H383.08a24.761 24.761 0 0 0 20.469-38.694z"/>
|
|
22
|
+
</svg>
|
|
23
|
+
<%= content_tag(shared_helper.get_heading_level, heading, class: "govuk-heading-s gem-c-signup-link__title") if heading %>
|
|
24
|
+
<%= link_to( link_text, link_href, {
|
|
25
|
+
class: "govuk-link gem-c-signup-link__link",
|
|
26
|
+
data: data
|
|
27
|
+
}) %>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
<% end %>
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
name: Signup link
|
|
2
|
+
description: Renders a box with a link to sign up for email notifications
|
|
3
|
+
accessibility_criteria: |
|
|
4
|
+
- the component must use the correct heading level for the page
|
|
5
|
+
- text should have a text contrast ratio higher than 4.5:1 against the background colour to meet WCAG AA
|
|
6
|
+
- the icon must not be focusable or shown to screenreaders
|
|
7
|
+
shared_accessibility_criteria:
|
|
8
|
+
- link
|
|
9
|
+
examples:
|
|
10
|
+
default:
|
|
11
|
+
data:
|
|
12
|
+
heading: 'Sign up for email notifications'
|
|
13
|
+
link_text: 'Click right here to sign up!!'
|
|
14
|
+
link_href: '/this-signs-you-up'
|
|
15
|
+
with_background_and_border:
|
|
16
|
+
data:
|
|
17
|
+
heading: 'Sign up for email notifications'
|
|
18
|
+
link_text: 'Click right here to sign up!!'
|
|
19
|
+
link_href: '/this-signs-you-up'
|
|
20
|
+
background: true
|
|
21
|
+
link_only:
|
|
22
|
+
description: If no heading text is passed through, a more compact, link only version is rendered.
|
|
23
|
+
data:
|
|
24
|
+
link_text: 'Click right here to sign up!!'
|
|
25
|
+
link_href: '/this-signs-you-up'
|
|
26
|
+
with_custom_margin_bottom:
|
|
27
|
+
description: The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to having no margin bottom.
|
|
28
|
+
data:
|
|
29
|
+
heading: 'Sign up for email notifications'
|
|
30
|
+
link_text: 'Click right here to sign up!!'
|
|
31
|
+
link_href: '/this-signs-you-up'
|
|
32
|
+
margin_bottom: 8
|
|
33
|
+
with_custom_heading_level:
|
|
34
|
+
description: Override default heading level by passing through `heading_level` parameter (defaults to `h3`).
|
|
35
|
+
data:
|
|
36
|
+
heading: 'Sign up for email notifications'
|
|
37
|
+
link_text: 'Click right here to sign up!!'
|
|
38
|
+
link_href: '/this-signs-you-up'
|
|
39
|
+
heading_level: 1
|
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: 27.
|
|
4
|
+
version: 27.20.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: 2021-12-
|
|
11
|
+
date: 2021-12-23 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: govuk_app_config
|
|
@@ -597,6 +597,7 @@ files:
|
|
|
597
597
|
- app/assets/stylesheets/govuk_publishing_components/components/_select.scss
|
|
598
598
|
- app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss
|
|
599
599
|
- app/assets/stylesheets/govuk_publishing_components/components/_show-password.scss
|
|
600
|
+
- app/assets/stylesheets/govuk_publishing_components/components/_signup-link.scss
|
|
600
601
|
- app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss
|
|
601
602
|
- app/assets/stylesheets/govuk_publishing_components/components/_skip-link.scss
|
|
602
603
|
- app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-header.scss
|
|
@@ -744,6 +745,7 @@ files:
|
|
|
744
745
|
- app/views/govuk_publishing_components/components/_select.html.erb
|
|
745
746
|
- app/views/govuk_publishing_components/components/_share_links.html.erb
|
|
746
747
|
- app/views/govuk_publishing_components/components/_show_password.html.erb
|
|
748
|
+
- app/views/govuk_publishing_components/components/_signup_link.html.erb
|
|
747
749
|
- app/views/govuk_publishing_components/components/_single_page_notification_button.html.erb
|
|
748
750
|
- app/views/govuk_publishing_components/components/_skip_link.html.erb
|
|
749
751
|
- app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb
|
|
@@ -829,6 +831,7 @@ files:
|
|
|
829
831
|
- app/views/govuk_publishing_components/components/docs/select.yml
|
|
830
832
|
- app/views/govuk_publishing_components/components/docs/share_links.yml
|
|
831
833
|
- app/views/govuk_publishing_components/components/docs/show_password.yml
|
|
834
|
+
- app/views/govuk_publishing_components/components/docs/signup_link.yml
|
|
832
835
|
- app/views/govuk_publishing_components/components/docs/single_page_notification_button.yml
|
|
833
836
|
- app/views/govuk_publishing_components/components/docs/skip_link.yml
|
|
834
837
|
- app/views/govuk_publishing_components/components/docs/step_by_step_nav.yml
|