govuk_publishing_components 24.9.2 → 24.9.3

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9ad726f2e544e7165c409104245f6b1e8e0c9bf97c4e10984db45411cc007892
4
- data.tar.gz: 7aca349410d2615a5ba3810bdd90c4a355477dc017c7e72f9b626c35630139ba
3
+ metadata.gz: 9fb1192fb71a157d0252cb5b938b05c6612ad40e317f477a168b02ca86a99f20
4
+ data.tar.gz: 844bd5605710f717375434133854ff7a21e5b17e5fd7541aeb2d8e6f07f38232
5
5
  SHA512:
6
- metadata.gz: 850ab9d67ae304803e0060aa16c969cc621df866eca8ea15eff8617e68d0149e618d0cc946da6da4b5bce7549033b8d60f0fb93d0fd316fe60e0f0ce75df606d
7
- data.tar.gz: 9cdda0e734f05dd8c89e3bebd17800401492977650cfa2016eb51abec02362f1faf3d0668b33b2ead3067386b1c8c278a5fda1a269fb40685c0d23f659dc5343
6
+ metadata.gz: 5624ecfd695b0cd83c292e62456e6e8c761bdc6970a183e3931f03fae92ef18e4d38ed6eb54f7daf29c20bf2c320aab5842c4c7bca409fa3e0d70c1816f7c84a
7
+ data.tar.gz: b211409aa19f607c607f275e35d0698a84d33fcdbe79b5f8f96e1c17c0d7ffb23228a3bf17a25cdf4d8b5c19e14decb9df698648ac4ead2d7c7b918291c93864
@@ -1,5 +1,4 @@
1
1
  $transition-campaign-red: #ff003b;
2
- $transition-campaign-dark-blue: #1e1348;
3
2
 
4
3
  .gem-c-contextual-sidebar__brexit-related-links {
5
4
  border-top: 2px solid $govuk-brand-colour;
@@ -24,45 +23,9 @@ $transition-campaign-dark-blue: #1e1348;
24
23
 
25
24
  .gem-c-contextual-sidebar__brexit-text {
26
25
  @include govuk-font(16);
27
-
28
- margin-top: 0;
29
26
  margin-bottom: govuk-spacing(1);
30
- text-decoration: underline;
31
-
32
27
  @include govuk-media-query($from: tablet) {
33
28
  margin-bottom: govuk-spacing(2);
34
29
  }
35
30
  }
36
31
  }
37
-
38
- .gem-c-contextual-sidebar__brexit-cta:focus {
39
- box-shadow: 0 $govuk-focus-width $govuk-focus-text-colour;
40
-
41
- .gem-c-contextual-sidebar__brexit-text {
42
- text-decoration: none;
43
- }
44
- }
45
-
46
- .gem-c-contextual-sidebar__take-action-traffic-lights {
47
- text-align: left;
48
- margin-bottom: govuk-spacing(2);
49
- }
50
-
51
- .gem-c-contextual-sidebar__take-action-traffic-lights > li {
52
- white-space: nowrap;
53
- display: inline;
54
- margin-right: 7px;
55
- margin-bottom: govuk-spacing(1);
56
- }
57
-
58
- .gem-c-contextual-sidebar__take-action-traffic-lists-icon {
59
- vertical-align: middle;
60
- margin-top: -2px;
61
- width: 22px;
62
- margin-right: 2px;
63
- }
64
-
65
- .gem-c-contextual-sidebar__take-action-traffic-lists-text {
66
- @include govuk-font($size: 19, $weight: bold, $line-height: 2);
67
- vertical-align: middle;
68
- }
@@ -11,31 +11,13 @@
11
11
  "track-dimension-index": "29",
12
12
  } %>
13
13
 
14
- <%= link_to link_path,
15
- class: "govuk-link gem-c-contextual-sidebar__brexit-cta",
16
- data: data_attributes,
17
- aria: { label: "#{t("components.related_navigation.take_action_list.aria_label")} #{link_text}" },
18
- lang: shared_helper.t_locale("components.related_navigation.transition.title") do %>
19
- <h2 class="gem-c-contextual-sidebar__brexit-heading govuk-heading-s"><%= t("components.related_navigation.transition.title") %></h2>
20
- <ul class="govuk-list gem-c-contextual-sidebar__take-action-traffic-lights">
21
- <li>
22
- <%= image_tag 'govuk_publishing_components/take-action-red.svg', class: "gem-c-contextual-sidebar__take-action-traffic-lists-icon", alt: "" %>
23
- <span class="gem-c-contextual-sidebar__take-action-traffic-lists-text">
24
- <%= t("components.related_navigation.take_action_list.red") %>
25
- </span>
26
- </li>
27
- <li>
28
- <%= image_tag 'govuk_publishing_components/take-action-amber.svg', class: "gem-c-contextual-sidebar__take-action-traffic-lists-icon", alt: "" %>
29
- <span class="gem-c-contextual-sidebar__take-action-traffic-lists-text">
30
- <%= t("components.related_navigation.take_action_list.amber") %>
31
- </span>
32
- </li>
33
- <li>
34
- <%= image_tag 'govuk_publishing_components/take-action-green.svg', class: "gem-c-contextual-sidebar__take-action-traffic-lists-icon", alt: "" %>
35
- <span class="gem-c-contextual-sidebar__take-action-traffic-lists-text">
36
- <%= t("components.related_navigation.take_action_list.green") %>
37
- </span>
38
- </li>
39
- </ul>
40
- <p class="gem-c-contextual-sidebar__brexit-text"><%= link_text %></p>
14
+ <%= tag.div class: "gem-c-contextual-sidebar__brexit-cta" do %>
15
+ <%= tag.h2 t("components.related_navigation.transition.title"), class: "gem-c-contextual-sidebar__brexit-heading govuk-heading-s" %>
16
+ <%= tag.p class: "gem-c-contextual-sidebar__brexit-text govuk-body" do %>
17
+ <%= link_to link_text,
18
+ link_path,
19
+ class: "govuk-link",
20
+ data: data_attributes,
21
+ lang: shared_helper.t_locale("components.related_navigation.transition.title") %>
22
+ <% end %>
41
23
  <% end %>
@@ -24,6 +24,11 @@ examples:
24
24
  data:
25
25
  message: Message to alert the user to a successful action goes here
26
26
  title_id: my-custom-success-id
27
+ with_styled_link:
28
+ description: If you need to include a link in your success alert, you need to specify the `govuk-link` and `govuk-notification-banner__link` classes on that link element. This is in line with Design System guidance that the colour of the link in success notification banners can look jarring if any links are a different colour to the principal colour used by the success banner.
29
+ data:
30
+ message: Message to alert the user to a successful action goes here
31
+ description: <p class="govuk-body">A further description with <a href="/a-cool-page" class="govuk-link govuk-notification-banner__link">a link</a></p>
27
32
  long_example:
28
33
  data:
29
34
  message: |
@@ -28,7 +28,7 @@
28
28
  </div>
29
29
  <div class="gem-c-feedback__prompt-questions gem-c-feedback__prompt-questions--something-is-wrong js-prompt-questions">
30
30
  <button class="govuk-button gem-c-feedback__prompt-link js-toggle-form js-something-is-wrong" data-track-category="Onsite Feedback" data-track-action="GOV-UK Open Form" aria-controls="something-is-wrong" aria-expanded="false">
31
- <%= t("components.feedback.something_wrong", default: "There is something wrong with this page") %>
31
+ <%= t("components.feedback.something_wrong", default: "Report a problem with this page") %>
32
32
  </button>
33
33
  </div>
34
34
  </div>
@@ -23,10 +23,11 @@
23
23
 
24
24
  <% links.each.with_index(1) do |link, index| %>
25
25
  <%
26
+ link_class = "govuk-link #{related_nav_helper.section_css_class("govuk-link gem-c-related-navigation__section-link", section_title, link: link, link_is_inline: (index >= section_link_limit))}"
26
27
  link_element = link_to(
27
28
  link[:text],
28
29
  link[:path],
29
- class: related_nav_helper.section_css_class("gem-c-related-navigation__section-link", section_title, link: link, link_is_inline: (index >= section_link_limit)),
30
+ class: link_class,
30
31
  rel: link[:rel],
31
32
  lang: shared_helper.t_locale_check(link[:locale]),
32
33
  data: {
@@ -13,8 +13,3 @@ cy:
13
13
  title: "Brexit"
14
14
  link_path: "/transition.cy"
15
15
  link_text: "Gwiriwch beth sydd angen i chi ei wneud"
16
- take_action_list:
17
- red: Gwiriwch
18
- amber: Newidiwch
19
- green: Ewch
20
- aria_label: Ymgyrch slogan Brexit, Gwiriwch, Newidiwch, Ewch.
@@ -50,7 +50,7 @@ en:
50
50
  is_useful: "this page is useful"
51
51
  is_not_useful: "this page is not useful"
52
52
  thank_you_for_feedback: "Thank you for your feedback"
53
- something_wrong: "There is something wrong with this page"
53
+ something_wrong: "Report a problem with this page"
54
54
  close: "Close"
55
55
  help_us_improve_govuk: "Help us improve GOV.UK"
56
56
  more_about_visit: "To help us improve GOV.UK, we’d like to know more about your visit today. We’ll send you a link to a feedback form. It will take only 2 minutes to fill in. Don’t worry we won’t send you spam or share your email address with anyone."
@@ -88,11 +88,6 @@ en:
88
88
  title: "Brexit"
89
89
  link_path: "/transition"
90
90
  link_text: "Check what you need to do"
91
- take_action_list:
92
- red: "Check"
93
- amber: "Change"
94
- green: "Go"
95
- aria_label: "Brexit campaign slogan, Check, Change, Go."
96
91
  related_footer_navigation:
97
92
  collections: "Collections"
98
93
  policies: "Policies"
@@ -67,7 +67,6 @@ module GovukPublishingComponents
67
67
 
68
68
  def section_css_class(css_class, section_title, link: {}, link_is_inline: false)
69
69
  css_classes = [css_class]
70
- css_classes << "govuk-link"
71
70
  css_classes << "#{css_class}--#{@context}" unless @context.nil?
72
71
  css_classes << "#{css_class}--inline" if link_is_inline
73
72
 
@@ -1,3 +1,3 @@
1
1
  module GovukPublishingComponents
2
- VERSION = "24.9.2".freeze
2
+ VERSION = "24.9.3".freeze
3
3
  end
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: 24.9.2
4
+ version: 24.9.3
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-04-15 00:00:00.000000000 Z
11
+ date: 2021-04-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: govuk_app_config