govuk_publishing_components 24.11.1 → 24.13.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (121) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/govuk_publishing_components/analytics/scroll-tracker.js +1 -1
  3. data/app/assets/javascripts/govuk_publishing_components/lib/header-navigation.js +6 -0
  4. data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +3 -0
  5. data/app/assets/stylesheets/govuk_publishing_components/components/_accordion.scss +50 -31
  6. data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +0 -35
  7. data/app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss +0 -13
  8. data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss +0 -6
  9. data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss +0 -4
  10. data/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss +10 -3
  11. data/app/assets/stylesheets/govuk_publishing_components/components/_previous-and-next-navigation.scss +11 -1
  12. data/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss +1 -1
  13. data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +0 -1
  14. data/app/assets/stylesheets/govuk_publishing_components/components/_show-password.scss +1 -0
  15. data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +8 -2
  16. data/app/assets/stylesheets/govuk_publishing_components/components/_subscription-links.scss +6 -2
  17. data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss +1 -0
  18. data/app/views/govuk_publishing_components/components/_action_link.html.erb +2 -1
  19. data/app/views/govuk_publishing_components/components/_attachment.html.erb +3 -3
  20. data/app/views/govuk_publishing_components/components/_attachment_link.html.erb +1 -1
  21. data/app/views/govuk_publishing_components/components/_character_count.html.erb +1 -1
  22. data/app/views/govuk_publishing_components/components/_contents_list.html.erb +10 -3
  23. data/app/views/govuk_publishing_components/components/_contextual_sidebar.html.erb +2 -2
  24. data/app/views/govuk_publishing_components/components/_cookie_banner.html.erb +16 -6
  25. data/app/views/govuk_publishing_components/components/_government_navigation.html.erb +14 -14
  26. data/app/views/govuk_publishing_components/components/_image_card.html.erb +15 -2
  27. data/app/views/govuk_publishing_components/components/_layout_footer.html.erb +3 -8
  28. data/app/views/govuk_publishing_components/components/_layout_for_public.html.erb +2 -0
  29. data/app/views/govuk_publishing_components/components/_layout_header.html.erb +11 -2
  30. data/app/views/govuk_publishing_components/components/_metadata.html.erb +6 -6
  31. data/app/views/govuk_publishing_components/components/_modal_dialogue.html.erb +1 -1
  32. data/app/views/govuk_publishing_components/components/_organisation_logo.html.erb +13 -13
  33. data/app/views/govuk_publishing_components/components/_previous_and_next_navigation.html.erb +11 -7
  34. data/app/views/govuk_publishing_components/components/_search.html.erb +5 -2
  35. data/app/views/govuk_publishing_components/components/_share_links.html.erb +1 -1
  36. data/app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb +4 -4
  37. data/app/views/govuk_publishing_components/components/_step_by_step_nav_related.html.erb +1 -1
  38. data/app/views/govuk_publishing_components/components/_subscription_links.html.erb +9 -9
  39. data/app/views/govuk_publishing_components/components/_success_alert.html.erb +1 -1
  40. data/app/views/govuk_publishing_components/components/_tabs.html.erb +1 -1
  41. data/app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb +9 -4
  42. data/app/views/govuk_publishing_components/components/docs/government_navigation.yml +2 -0
  43. data/app/views/govuk_publishing_components/components/docs/inset_text.yml +2 -2
  44. data/app/views/govuk_publishing_components/components/docs/inverse_header.yml +18 -15
  45. data/app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb +6 -6
  46. data/app/views/govuk_publishing_components/components/feedback/_survey_signup_form.html.erb +5 -5
  47. data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb +6 -6
  48. data/app/views/govuk_publishing_components/components/layout_header/_header_logo.html.erb +3 -3
  49. data/app/views/govuk_publishing_components/components/metadata/_sentence.html.erb +2 -2
  50. data/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb +1 -1
  51. data/config/locales/ar.yml +33 -0
  52. data/config/locales/az.yml +33 -0
  53. data/config/locales/be.yml +33 -0
  54. data/config/locales/bg.yml +33 -0
  55. data/config/locales/bn.yml +33 -0
  56. data/config/locales/cs.yml +33 -0
  57. data/config/locales/cy.yml +34 -1
  58. data/config/locales/da.yml +33 -0
  59. data/config/locales/de.yml +33 -0
  60. data/config/locales/dr.yml +33 -0
  61. data/config/locales/el.yml +33 -0
  62. data/config/locales/en.yml +45 -9
  63. data/config/locales/es-419.yml +33 -0
  64. data/config/locales/es.yml +33 -0
  65. data/config/locales/et.yml +33 -0
  66. data/config/locales/fa.yml +33 -0
  67. data/config/locales/fi.yml +33 -0
  68. data/config/locales/fr.yml +33 -0
  69. data/config/locales/gd.yml +33 -0
  70. data/config/locales/gu.yml +33 -0
  71. data/config/locales/he.yml +33 -0
  72. data/config/locales/hi.yml +33 -0
  73. data/config/locales/hr.yml +33 -0
  74. data/config/locales/hu.yml +33 -0
  75. data/config/locales/hy.yml +33 -0
  76. data/config/locales/id.yml +33 -0
  77. data/config/locales/is.yml +33 -0
  78. data/config/locales/it.yml +33 -0
  79. data/config/locales/ja.yml +33 -0
  80. data/config/locales/ka.yml +33 -0
  81. data/config/locales/kk.yml +33 -0
  82. data/config/locales/ko.yml +33 -0
  83. data/config/locales/lt.yml +33 -0
  84. data/config/locales/lv.yml +33 -0
  85. data/config/locales/ms.yml +33 -0
  86. data/config/locales/mt.yml +33 -0
  87. data/config/locales/nl.yml +33 -0
  88. data/config/locales/no.yml +33 -0
  89. data/config/locales/pa-pk.yml +33 -0
  90. data/config/locales/pa.yml +33 -0
  91. data/config/locales/pl.yml +33 -0
  92. data/config/locales/ps.yml +33 -0
  93. data/config/locales/pt.yml +33 -0
  94. data/config/locales/ro.yml +33 -0
  95. data/config/locales/ru.yml +33 -0
  96. data/config/locales/si.yml +33 -0
  97. data/config/locales/sk.yml +33 -0
  98. data/config/locales/sl.yml +33 -0
  99. data/config/locales/so.yml +33 -0
  100. data/config/locales/sq.yml +33 -0
  101. data/config/locales/sr.yml +33 -0
  102. data/config/locales/sv.yml +33 -0
  103. data/config/locales/sw.yml +33 -0
  104. data/config/locales/ta.yml +33 -0
  105. data/config/locales/th.yml +33 -0
  106. data/config/locales/tk.yml +33 -0
  107. data/config/locales/tr.yml +33 -0
  108. data/config/locales/uk.yml +33 -0
  109. data/config/locales/ur.yml +33 -0
  110. data/config/locales/uz.yml +33 -0
  111. data/config/locales/vi.yml +33 -0
  112. data/config/locales/zh-hk.yml +33 -0
  113. data/config/locales/zh-tw.yml +33 -0
  114. data/config/locales/zh.yml +33 -0
  115. data/lib/govuk_publishing_components.rb +1 -0
  116. data/lib/govuk_publishing_components/presenters/brexit_cta_helper.rb +33 -0
  117. data/lib/govuk_publishing_components/presenters/content_item.rb +1 -3
  118. data/lib/govuk_publishing_components/presenters/contents_list_helper.rb +0 -3
  119. data/lib/govuk_publishing_components/presenters/public_layout_helper.rb +1 -1
  120. data/lib/govuk_publishing_components/version.rb +1 -1
  121. metadata +8 -7
@@ -2,10 +2,14 @@
2
2
  <nav
3
3
  class="gem-c-pagination"
4
4
  role="navigation"
5
- aria-label="<%= t("components.previous_and_next_navigation.pagination", default: "Pagination") %>"
5
+ aria-label="<%= t("components.previous_and_next_navigation.pagination") %>"
6
6
  >
7
7
  <ul class="gem-c-pagination__list" data-module="gem-track-click">
8
8
  <% if local_assigns.include?(:previous_page) %>
9
+ <%
10
+ link_text_classes = %w[gem-c-pagination__link-text]
11
+ link_text_classes << "gem-c-pagination__link-text--decorated" unless previous_page[:label].present?
12
+ %>
9
13
  <li class="gem-c-pagination__item gem-c-pagination__item--previous">
10
14
  <a href="<%= previous_page[:url] %>"
11
15
  class="govuk-link gem-c-pagination__link"
@@ -20,9 +24,7 @@
20
24
  <svg class="gem-c-pagination__link-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
21
25
  <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"/>
22
26
  </svg>
23
- <span class="gem-c-pagination__link-text">
24
- <%= previous_page[:title] %>
25
- </span>
27
+ <%= tag.span(previous_page[:title], class: link_text_classes) %>
26
28
  </span>
27
29
  <% if previous_page[:label].present? %>
28
30
  <span class="gem-c-pagination__link-divider visually-hidden">:</span>
@@ -32,6 +34,10 @@
32
34
  </li>
33
35
  <% end %>
34
36
  <% if local_assigns.include?(:next_page) %>
37
+ <%
38
+ link_text_classes = %w[gem-c-pagination__link-text]
39
+ link_text_classes << "gem-c-pagination__link-text--decorated" unless next_page[:label].present?
40
+ %>
35
41
  <li class="gem-c-pagination__item gem-c-pagination__item--next">
36
42
  <a href="<%= next_page[:url] %>"
37
43
  class="govuk-link gem-c-pagination__link"
@@ -46,9 +52,7 @@
46
52
  <svg class="gem-c-pagination__link-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
47
53
  <path d="m10.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"/>
48
54
  </svg>
49
- <span class="gem-c-pagination__link-text">
50
- <%= next_page[:title] %>
51
- </span>
55
+ <%= tag.span(next_page[:title], class: link_text_classes) %>
52
56
  </span>
53
57
  <% if next_page[:label].present? %>
54
58
  <span class="gem-c-pagination__link-divider visually-hidden">:</span>
@@ -10,6 +10,9 @@
10
10
  size ||= ""
11
11
  value ||= ""
12
12
 
13
+ data_attributes ||= {}
14
+ data_attributes[:module] = 'gem-track-click'
15
+
13
16
  classes = %w[gem-c-search govuk-!-display-none-print]
14
17
  classes << (shared_helper.get_margin_top)
15
18
  classes << (shared_helper.get_margin_bottom) if local_assigns[:margin_bottom]
@@ -40,9 +43,9 @@
40
43
  value: value,
41
44
  ) %>
42
45
  <div class="gem-c-search__item gem-c-search__submit-wrapper">
43
- <button class="gem-c-search__submit" type="submit">
46
+ <%= tag.button class: "gem-c-search__submit", type: "submit", data: data_attributes do %>
44
47
  <%= button_text %>
45
- </button>
48
+ <% end %>
46
49
  </div>
47
50
  </div>
48
51
  </div>
@@ -52,7 +52,7 @@
52
52
  'track-action': link[:icon],
53
53
  'track-options': track_options
54
54
  },
55
- class: "govuk-link gem-c-share-links__link #{brand_helper.color_class}" do %>
55
+ class: "govuk-link govuk-link--no-underline gem-c-share-links__link #{brand_helper.color_class}" do %>
56
56
  <span class="gem-c-share-links__link-icon">
57
57
  <% if link[:icon] == 'facebook' %>
58
58
  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" aria-hidden="true">
@@ -22,10 +22,10 @@
22
22
  class="gem-c-step-nav js-hidden <% if small %>govuk-!-display-none-print<% end %> <% unless small %>gem-c-step-nav--large<% end %>"
23
23
  <%= "data-remember" if remember_last_step %>
24
24
  <%= "data-id=#{tracking_id}" if tracking_id %>
25
- data-show-text="<%= t("components.step_by_step_nav.show", default: "show") %>"
26
- data-hide-text="<%= t("components.step_by_step_nav.hide", default: "hide") %>"
27
- data-show-all-text="<%= t("components.step_by_step_nav.show_all", default: "Show all steps") %>"
28
- data-hide-all-text="<%= t("components.step_by_step_nav.hide_all", default: "Hide all steps") %>"
25
+ data-show-text="<%= t("components.step_by_step_nav.show") %>"
26
+ data-hide-text="<%= t("components.step_by_step_nav.hide") %>"
27
+ data-show-all-text="<%= t("components.step_by_step_nav.show_all") %>"
28
+ data-hide-all-text="<%= t("components.step_by_step_nav.hide_all") %>"
29
29
  >
30
30
  <ol class="gem-c-step-nav__steps">
31
31
  <% steps.each_with_index do |step, step_index| %>
@@ -1,6 +1,6 @@
1
1
  <%
2
2
  links ||= []
3
- pretitle ||= t("components.step_by_step_nav_related.part_of", default: "Part of")
3
+ pretitle ||= t("components.step_by_step_nav_related.part_of")
4
4
  always_display_as_list ||= false
5
5
  %>
6
6
  <% if links.any? %>
@@ -23,7 +23,7 @@
23
23
  <% if sl_helper.component_data_is_valid? %>
24
24
  <%= tag.section class: css_classes, data: data do %>
25
25
  <% unless hide_heading %>
26
- <h2 class="gem-c-subscription-links__hidden-header visuallyhidden"><%= t("components.subscription_links.subscriptions", default: "Subscriptions") %></h2>
26
+ <h2 class="gem-c-subscription-links__hidden-header visuallyhidden"><%= t("components.subscription_links.subscriptions") %></h2>
27
27
  <% end %>
28
28
  <ul
29
29
  class="gem-c-subscription-links__list<%= ' gem-c-subscription-links__list--small' if local_assigns[:small_form] == true %>"
@@ -32,11 +32,11 @@
32
32
  <% if sl_helper.email_signup_link.present? %>
33
33
  <li class="gem-c-subscription-links__list-item<%= ' gem-c-subscription-links__list-item--small' if local_assigns[:small_form] == true %>" >
34
34
  <% email_link_text = capture do %>
35
- <svg xmlns="http://www.w3.org/2000/svg" width="21" height="15.75" class="gem-c-subscription-links__icon" focusable="false" fill="currentColor" aria-hidden="true"><path d="M19.687 0H1.312C.589 0 0 .587 0 1.313v13.124c0 .726.588 1.313 1.313 1.313h18.374c.725 0 1.313-.587 1.313-1.313V1.313C21 .587 20.412 0 19.687 0zm-2.625 2.625L10.5 7.875l-6.563-5.25h13.126zm1.313 10.5H2.625V3.937L10.5 10.5l7.875-6.563v9.188z"/></svg>
36
- <%= sl_helper.email_signup_link_text %>
35
+ <svg xmlns="http://www.w3.org/2000/svg" width="21" height="15.75" class="gem-c-subscription-links__icon" focusable="false" fill="currentColor" aria-hidden="true"><path d="M19.687 0H1.312C.589 0 0 .587 0 1.313v13.124c0 .726.588 1.313 1.313 1.313h18.374c.725 0 1.313-.587 1.313-1.313V1.313C21 .587 20.412 0 19.687 0zm-2.625 2.625L10.5 7.875l-6.563-5.25h13.126zm1.313 10.5H2.625V3.937L10.5 10.5l7.875-6.563v9.188z"/>
36
+ </svg><%= sl_helper.email_signup_link_text %>
37
37
  <% end %>
38
38
  <%= link_to email_link_text, sl_helper.email_signup_link, {
39
- class: "govuk-link gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
39
+ class: "govuk-link govuk-link--no-underline gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
40
40
  data: sl_helper.email_signup_link_data_attributes,
41
41
  lang: email_signup_link_text_locale
42
42
  } %>
@@ -46,17 +46,17 @@
46
46
  <% if sl_helper.feed_link_box_value || sl_helper.feed_link %>
47
47
  <li class="gem-c-subscription-links__list-item<%= ' gem-c-subscription-links__list-item--small' if local_assigns[:small_form] == true %>">
48
48
  <% feed_link_text = capture do %>
49
- <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" class="gem-c-subscription-links__icon" focusable="false" fill="currentColor" aria-hidden="true"><path d="M1.996 11A2 2 0 0 0 0 12.993c0 1.101.895 1.99 1.996 1.99 1.106 0 2-.889 2-1.99a2 2 0 0 0-2-1.993zM.002 5.097V7.97c1.872 0 3.632.733 4.958 2.059A6.984 6.984 0 0 1 7.015 15h2.888c0-5.461-4.443-9.903-9.9-9.903zM.006 0v2.876c6.676 0 12.11 5.44 12.11 12.124H15C15 6.731 8.273 0 .006 0z"/></svg>
50
- <%= sl_helper.feed_link_text %>
49
+ <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" class="gem-c-subscription-links__icon" focusable="false" fill="currentColor" aria-hidden="true"><path d="M1.996 11A2 2 0 0 0 0 12.993c0 1.101.895 1.99 1.996 1.99 1.106 0 2-.889 2-1.99a2 2 0 0 0-2-1.993zM.002 5.097V7.97c1.872 0 3.632.733 4.958 2.059A6.984 6.984 0 0 1 7.015 15h2.888c0-5.461-4.443-9.903-9.9-9.903zM.006 0v2.876c6.676 0 12.11 5.44 12.11 12.124H15C15 6.731 8.273 0 .006 0z"/>
50
+ </svg><%= sl_helper.feed_link_text %>
51
51
  <% end %>
52
52
  <%= tag.button feed_link_text, {
53
- class: "govuk-link gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--button",
53
+ class: "govuk-link govuk-link--no-underline gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--button",
54
54
  data: sl_helper.feed_link_data_attributes,
55
55
  lang: feed_link_text_locale
56
56
  } if sl_helper.feed_link_box_value %>
57
57
  <%= link_to feed_link_text, sl_helper.feed_link,
58
58
  {
59
- class: "govuk-link gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
59
+ class: "govuk-link govuk-link--no-underline gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
60
60
  data: sl_helper.feed_link_data_attributes,
61
61
  lang: feed_link_text_locale
62
62
  } unless sl_helper.feed_link_box_value %>
@@ -70,7 +70,7 @@
70
70
  <div lang="en">
71
71
  <%= render "govuk_publishing_components/components/input", {
72
72
  label: {
73
- text: "Copy and paste this URL into your feed reader"
73
+ text: t("components.subscription_links.feed_link_label"),
74
74
  },
75
75
  name: "feed-reader-box",
76
76
  value: feed_link_box_value
@@ -13,7 +13,7 @@
13
13
  module: "initial-focus",
14
14
  } do %>
15
15
  <div class="govuk-notification-banner__header">
16
- <%= tag.h2 t("components.success_alert.success", default: "Success"), class: "govuk-notification-banner__title", id: title_id %>
16
+ <%= tag.h2 t("components.success_alert.success"), class: "govuk-notification-banner__title", id: title_id %>
17
17
  </div>
18
18
  <div class="govuk-notification-banner__content">
19
19
  <% if description.present? %>
@@ -8,7 +8,7 @@
8
8
  <% if tabs.count > 1 %>
9
9
  <div class="govuk-tabs gem-c-tabs" data-module="govuk-tabs">
10
10
  <h2 class="govuk-tabs__title">
11
- Contents
11
+ <%= t("components.tabs.contents") %>
12
12
  </h2>
13
13
  <ul class="govuk-tabs__list">
14
14
  <% tabs.each do |tab| %>
@@ -1,6 +1,11 @@
1
1
  <% shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns) %>
2
- <% link_text = t("components.related_navigation.transition.link_text") %>
3
- <% link_path = t("components.related_navigation.transition.link_path") %>
2
+ <% cta_helper = GovukPublishingComponents::Presenters::BrexitCtaHelper.new(content_item) %>
3
+ <%
4
+ title = t(cta_helper.title_key)
5
+ link_text = t(cta_helper.link_text_key)
6
+ link_path = t(cta_helper.link_path_key)
7
+ lang = shared_helper.t_locale(cta_helper.title_key)
8
+ %>
4
9
 
5
10
  <% data_attributes = {
6
11
  "module": "gem-track-click",
@@ -12,12 +17,12 @@
12
17
  } %>
13
18
 
14
19
  <%= 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" %>
20
+ <%= tag.h2 title, class: "gem-c-contextual-sidebar__brexit-heading govuk-heading-s" %>
16
21
  <%= tag.p class: "gem-c-contextual-sidebar__brexit-text govuk-body" do %>
17
22
  <%= link_to link_text,
18
23
  link_path,
19
24
  class: "govuk-link",
20
25
  data: data_attributes,
21
- lang: shared_helper.t_locale("components.related_navigation.transition.title") %>
26
+ lang: lang %>
22
27
  <% end %>
23
28
  <% end %>
@@ -2,6 +2,8 @@ name: Government navigation
2
2
  description: Navigation placed in the header by Slimmer and used by pages which sit
3
3
  under the /government path. This is a markup only component and is not available
4
4
  for preview here. It can be passed a string to mark a link as being active.
5
+ body: |
6
+ Please note: because the markup on this component is currently tied to styles that aren't present in the components gem, they will appear "broken". This is because they are intended to be used in the [header component](/component-guide/layout_header/with_left_search_and_navigation) as white links against a black background. You can see a styled example of this component in use on the ['Counter-Fraud Standards and Profession' page](https://www.gov.uk/government/groups/counter-fraud-standards-and-profession).
5
7
  accessibility_criteria: |
6
8
  The government navigation component must:
7
9
 
@@ -15,6 +15,6 @@ examples:
15
15
  data:
16
16
  block: |
17
17
  <div>
18
- <h2 id='heading'>To publish this step by step you need to</h2>
19
- <a href='/foo'>Check for broken links</a>
18
+ <h2 class="govuk-heading-m" id='heading'>To publish this step by step you need to</h2>
19
+ <a class="govuk-link" href='/foo'>Check for broken links</a>
20
20
  </div>
@@ -3,6 +3,8 @@ description: A wrapper to contain header content in white text
3
3
  body: |
4
4
  This component can be passed a block of template code and will wrap it in a blue header. This is as light-touch as possible and doesn't attempt to deal with the margins and paddings of its content. White text is enforced on content and would need to be overriden where unwanted. Implemented to accomodate topic and list page headings and breadcrumbs but unopinionated about its contents.
5
5
 
6
+ If passing links to the block make sure to add [the inverse modifier](https://design-system.service.gov.uk/styles/typography/#links-on-dark-backgrounds).
7
+
6
8
  accessibility_criteria: |
7
9
  The component must:
8
10
 
@@ -16,7 +18,7 @@ examples:
16
18
  data:
17
19
  block: |
18
20
  <div class="gem-c-title gem-c-title--inverse">
19
- <h1 class="gem-c-title__text ">
21
+ <h1 class="gem-c-title__text govuk-heading-l">
20
22
  Education, Training and Skills
21
23
  </h1>
22
24
  </div>
@@ -26,7 +28,7 @@ examples:
26
28
  full_width: true
27
29
  block: |
28
30
  <div class="gem-c-title gem-c-title--inverse">
29
- <h1 class="gem-c-title__text ">
31
+ <h1 class="gem-c-title__text govuk-heading-l">
30
32
  Education, Training and Skills
31
33
  </h1>
32
34
  </div>
@@ -35,8 +37,8 @@ examples:
35
37
  data:
36
38
  block: |
37
39
  <div class="gem-c-title gem-c-title--inverse gem-c-title--bottom-margin">
38
- <p class="gem-c-title__context">Notice</p>
39
- <h1 class="gem-c-title__text">
40
+ <p class="gem-c-title__context govuk-caption-m">Notice</p>
41
+ <h1 class="gem-c-title__text govuk-heading-l">
40
42
  LN5 0AT, Jackson Homes (Scopwick) Ltd: environmental permit application
41
43
  </h1>
42
44
  </div>
@@ -45,21 +47,22 @@ examples:
45
47
  data:
46
48
  padding_top: false
47
49
  block: |
48
- <div class="gem-c-breadcrumbs " data-module="gem-track-click">
49
- <ol>
50
- <li class="">
51
- <a data-track-category="breadcrumbClicked" data-track-action="1" data-track-label="/section" data-track-options="{&quot;dimension28&quot;:&quot;2&quot;,&quot;dimension29&quot;:&quot;Section&quot;}" class="gem-c-breadcrumbs--inverse" aria-current="false" href="/section">Section</a>
50
+ <div class="gem-c-breadcrumbs govuk-breadcrumbs govuk-breadcrumbs--collapse-on-mobile gem-c-breadcrumbs--inverse">
51
+ <ol class="govuk-breadcrumbs__list">
52
+ <li class="govuk-breadcrumbs__list-item">
53
+ <a href="/section" class="govuk-breadcrumbs__link">Section</a>
52
54
  </li>
53
- <li class="">
54
- <a data-track-category="breadcrumbClicked" data-track-action="2" data-track-label="#content" data-track-options="{&quot;dimension28&quot;:&quot;2&quot;,&quot;dimension29&quot;:&quot;Education of disadvantaged children&quot;}" class="gem-c-breadcrumbs--inverse gem-c-breadcrumbs--current " aria-current="page" href="#content">Education of disadvantaged children</a>
55
+ <li class="govuk-breadcrumbs__list-item">
56
+ <a href="/section/sub-section" class="govuk-breadcrumbs__link">Education of disadvantaged children</a>
55
57
  </li>
56
58
  </ol>
57
59
  </div>
58
- <div class="gem-c-title gem-c-title--inverse">
59
- <h1 class="gem-c-title__text ">
60
- Education, Training and Skills
61
- </h1>
62
- </div>
63
60
  <p class="gem-c-lead-paragraph gem-c-lead-paragraph--inverse">
64
61
  Schools and academies, further and higher education, apprenticeships and other skills training, student funding, early years.
65
62
  </p>
63
+ with_link:
64
+ data:
65
+ block: |
66
+ <p class="gem-c-lead-paragraph gem-c-lead-paragraph--inverse">
67
+ Schools and academies, further and higher education, apprenticeships and <a href="#other-skills" class="govuk-link govuk-link--inverse">other skills</a> training, student funding, early years.
68
+ </p>
@@ -10,7 +10,7 @@
10
10
  data-track-action="GOV.UK Close Form"
11
11
  aria-controls="something-is-wrong"
12
12
  aria-expanded="true">
13
- <%= t("components.feedback.close", default: "Close") %>
13
+ <%= t("components.feedback.close") %>
14
14
  </button>
15
15
 
16
16
  <div class="govuk-grid-row">
@@ -19,12 +19,12 @@
19
19
 
20
20
  <input type="hidden" name="url" value="<%= url_without_pii %>">
21
21
 
22
- <h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk", default: "Help us improve GOV.UK") %></h3>
23
- <p id="feedback_explanation" class="gem-c-feedback__form-paragraph"><%= t("components.feedback.dont_include_personal_info", default: "Don’t include personal or financial information like your National Insurance number or credit card details.") %></p>
22
+ <h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk") %></h3>
23
+ <p id="feedback_explanation" class="gem-c-feedback__form-paragraph"><%= t("components.feedback.dont_include_personal_info") %></p>
24
24
 
25
25
  <%= render "govuk_publishing_components/components/input", {
26
26
  label: {
27
- text: t("components.feedback.what_doing", default: "What were you doing?")
27
+ text: t("components.feedback.what_doing")
28
28
  },
29
29
  name: "what_doing",
30
30
  describedby: "feedback_explanation"
@@ -32,13 +32,13 @@
32
32
 
33
33
  <%= render "govuk_publishing_components/components/input", {
34
34
  label: {
35
- text: t("components.feedback.what_wrong", default: "What went wrong?")
35
+ text: t("components.feedback.what_wrong")
36
36
  },
37
37
  name: "what_wrong"
38
38
  } %>
39
39
 
40
40
  <%= render "govuk_publishing_components/components/button", {
41
- text: t("components.feedback.send", default: "Send")
41
+ text: t("components.feedback.send")
42
42
  } %>
43
43
  </div>
44
44
  </div>
@@ -10,7 +10,7 @@
10
10
  data-track-action="ffFormClose"
11
11
  aria-controls="page-is-not-useful"
12
12
  aria-expanded="true">
13
- <%= t("components.feedback.close", default: "Close") %>
13
+ <%= t("components.feedback.close") %>
14
14
  </button>
15
15
 
16
16
  <div class="govuk-grid-row">
@@ -20,12 +20,12 @@
20
20
  <input name="email_survey_signup[survey_id]" type="hidden" value="footer_satisfaction_survey">
21
21
  <input name="email_survey_signup[survey_source]" type="hidden" value="<%= path_without_pii %>">
22
22
 
23
- <h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk", default: "Help us improve GOV.UK") %></h3>
24
- <p id="survey_explanation" class="gem-c-feedback__form-paragraph"><%= t("components.feedback.more_about_visit", default: "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.") %></p>
23
+ <h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk") %></h3>
24
+ <p id="survey_explanation" class="gem-c-feedback__form-paragraph"><%= t("components.feedback.more_about_visit") %></p>
25
25
 
26
26
  <%= render "govuk_publishing_components/components/input", {
27
27
  label: {
28
- text: t("components.feedback.email_address", default: "Email address")
28
+ text: t("components.feedback.email_address")
29
29
  },
30
30
  name: "email_survey_signup[email_address]",
31
31
  type: "email",
@@ -34,7 +34,7 @@
34
34
  } %>
35
35
 
36
36
  <%= render "govuk_publishing_components/components/button", {
37
- text: t("components.feedback.send_me_survey", default: "Send me the survey"),
37
+ text: t("components.feedback.send_me_survey"),
38
38
  } %>
39
39
  </div>
40
40
  </div>
@@ -4,31 +4,31 @@
4
4
 
5
5
  <div class="gem-c-feedback__prompt gem-c-feedback__js-show js-prompt" tabindex="-1">
6
6
  <div class="gem-c-feedback__prompt-questions js-prompt-questions">
7
- <h2 class="gem-c-feedback__prompt-question"><%= t("components.feedback.is_this_page_useful", default: "Is this page useful?") %></h2>
7
+ <h2 class="gem-c-feedback__prompt-question"><%= t("components.feedback.is_this_page_useful") %></h2>
8
8
  <!-- Maybe button exists only to try and capture clicks by bots -->
9
9
  <button data-track-category="yesNoFeedbackForm" data-track-action="ffMaybeClick" aria-expanded="false" style="display: none" hidden="hidden" aria-hidden="true">
10
- <%= t("components.feedback.maybe", default: "Maybe") %>
10
+ <%= t("components.feedback.maybe") %>
11
11
  </button>
12
12
 
13
13
  <ul class="gem-c-feedback__option-list">
14
14
  <li class="gem-c-feedback__option-list-item">
15
15
  <button class="govuk-button gem-c-feedback__prompt-link js-page-is-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffYesClick">
16
- <%= t("components.feedback.yes", default: "Yes") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_useful", default: "this page is useful") %></span>
16
+ <%= t("components.feedback.yes") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_useful") %></span>
17
17
  </button>
18
18
  </li>
19
19
  <li class="gem-c-feedback__option-list-item">
20
20
  <button class="govuk-button gem-c-feedback__prompt-link js-toggle-form js-page-is-not-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffNoClick" aria-controls="page-is-not-useful" aria-expanded="false">
21
- <%= t("components.feedback.no", default: "No") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_not_useful", default: "this page is not useful") %></span>
21
+ <%= t("components.feedback.no") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_not_useful") %></span>
22
22
  </button>
23
23
  </li>
24
24
  </ul>
25
25
  </div>
26
26
  <div class="gem-c-feedback__prompt-questions gem-c-feedback__prompt-success js-prompt-success js-hidden" role="alert">
27
- <%= t("components.feedback.thank_you_for_feedback", default: "Thank you for your feedback") %>
27
+ <%= t("components.feedback.thank_you_for_feedback") %>
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: "Report a problem with this page") %>
31
+ <%= t("components.feedback.something_wrong") %>
32
32
  </button>
33
33
  </div>
34
34
  </div>
@@ -1,11 +1,11 @@
1
1
  <div class="govuk-header__logo gem-c-header__logo">
2
- <a href="/" class="govuk-header__link govuk-header__link--homepage" data-module="gem-track-click" data-track-category="homeLinkClicked" data-track-action="homeHeader">
2
+ <a href="<%= logo_link %>" class="govuk-header__link govuk-header__link--homepage" data-module="gem-track-click" data-track-category="homeLinkClicked" data-track-action="homeHeader">
3
3
  <span class="govuk-header__logotype">
4
- <svg aria-hidden="true" focusable="false" class="govuk-header__logotype-crown" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 132 97" height="32" width="36">
4
+ <svg aria-hidden="true" focusable="false" class="gem-c-header__logotype-crown govuk-header__logotype-crown" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 132 97" height="32" width="36">
5
5
  <path fill="currentColor" fill-rule="evenodd"
6
6
  d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
7
7
  <%# Deliberate use of image tag as a fallback method https://lynn.ru/examples/svg/en.html %>
8
- <image src="<%= asset_path('govuk-logotype-crown.png') %>" class="govuk-header__logotype-crown-fallback-image"></image>
8
+ <image src="<%= asset_path('govuk-logotype-crown.png') %>" xlink:href="" display="none" class="govuk-header__logotype-crown-fallback-image" width="36" height="32"></image>
9
9
  </svg>
10
10
  <span class="govuk-header__logotype-text">
11
11
  GOV.UK
@@ -13,8 +13,8 @@
13
13
  class="gem-c-metadata__definition-link govuk-!-display-none-print"
14
14
  data-controls="toggle-<%= toggle_id %>"
15
15
  data-expanded="false"
16
- data-toggled-text="<%= t("components.metadata.toggle_less", default: "Show fewer") %>">
17
- <%= t("components.metadata.toggle_more", number: remaining.length, default: "+ #{remaining.length} more") %>
16
+ data-toggled-text="<%= t("components.metadata.toggle_less") %>">
17
+ <%= t("components.metadata.toggle_more", number: remaining.length) %>
18
18
  </a>
19
19
  </div>
20
20
  <span id="toggle-<%= toggle_id %>" class="gem-c-metadata__toggle-items js-hidden"><%= remaining.to_sentence.html_safe %></span>
@@ -54,7 +54,7 @@
54
54
  class="gem-c-related-navigation__toggle"
55
55
  data-controls="toggle_<%= section_title %>"
56
56
  data-expanded="false"
57
- data-toggled-text="<%= t("components.metadata.toggle_less", default: "Show fewer") %>">
57
+ data-toggled-text="<%= t("components.metadata.toggle_less") %>">
58
58
  <%= t("components.metadata.toggle_more",
59
59
  number: related_nav_helper.remaining_link_count(links),
60
60
  default: "+ #{related_nav_helper.remaining_link_count(links)} more") %>