govuk_publishing_components 24.10.3 → 24.13.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (171) 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/components/accordion.js +1 -1
  4. data/app/assets/javascripts/govuk_publishing_components/components/feedback.js +142 -104
  5. data/app/assets/javascripts/govuk_publishing_components/components/reorderable-list.js +1 -1
  6. data/app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js +2 -2
  7. data/app/assets/javascripts/govuk_publishing_components/lib/trigger-event.js +1 -1
  8. data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +3 -0
  9. data/app/assets/stylesheets/govuk_publishing_components/_all_components_print.scss +0 -11
  10. data/app/assets/stylesheets/govuk_publishing_components/components/_accordion.scss +50 -31
  11. data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +0 -35
  12. data/app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss +0 -13
  13. data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss +0 -6
  14. data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss +0 -4
  15. data/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss +10 -3
  16. data/app/assets/stylesheets/govuk_publishing_components/components/_previous-and-next-navigation.scss +11 -1
  17. data/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss +1 -1
  18. data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +0 -1
  19. data/app/assets/stylesheets/govuk_publishing_components/components/_show-password.scss +1 -0
  20. data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +8 -2
  21. data/app/assets/stylesheets/govuk_publishing_components/components/_subscription-links.scss +6 -2
  22. data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss +1 -0
  23. data/app/assets/stylesheets/govuk_publishing_components/components/print/_attachment.scss +2 -3
  24. data/app/assets/stylesheets/govuk_publishing_components/components/print/_back-link.scss +2 -3
  25. data/app/assets/stylesheets/govuk_publishing_components/components/print/_button.scss +0 -4
  26. data/app/assets/stylesheets/govuk_publishing_components/components/print/_feedback.scss +2 -3
  27. data/app/assets/stylesheets/govuk_publishing_components/components/print/_layout-footer.scss +2 -6
  28. data/app/assets/stylesheets/govuk_publishing_components/components/print/_layout-header.scss +2 -3
  29. data/app/assets/stylesheets/govuk_publishing_components/components/print/_metadata.scss +2 -6
  30. data/app/assets/stylesheets/govuk_publishing_components/components/print/_search.scss +2 -3
  31. data/app/assets/stylesheets/govuk_publishing_components/components/print/_share-links.scss +2 -3
  32. data/app/assets/stylesheets/govuk_publishing_components/components/print/_skip-link.scss +2 -3
  33. data/app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav-header.scss +0 -4
  34. data/app/assets/stylesheets/govuk_publishing_components/components/print/_subscription-links.scss +2 -3
  35. data/app/assets/stylesheets/govuk_publishing_components/components/print/_translation-nav.scss +2 -3
  36. data/app/views/govuk_publishing_components/components/_action_link.html.erb +2 -1
  37. data/app/views/govuk_publishing_components/components/_attachment.html.erb +4 -4
  38. data/app/views/govuk_publishing_components/components/_attachment_link.html.erb +1 -1
  39. data/app/views/govuk_publishing_components/components/_back_link.html.erb +1 -1
  40. data/app/views/govuk_publishing_components/components/_button.html.erb +1 -1
  41. data/app/views/govuk_publishing_components/components/_character_count.html.erb +1 -1
  42. data/app/views/govuk_publishing_components/components/_contents_list.html.erb +10 -3
  43. data/app/views/govuk_publishing_components/components/_contextual_sidebar.html.erb +1 -1
  44. data/app/views/govuk_publishing_components/components/_cookie_banner.html.erb +16 -6
  45. data/app/views/govuk_publishing_components/components/_feedback.html.erb +1 -1
  46. data/app/views/govuk_publishing_components/components/_government_navigation.html.erb +14 -14
  47. data/app/views/govuk_publishing_components/components/_image_card.html.erb +15 -2
  48. data/app/views/govuk_publishing_components/components/_layout_footer.html.erb +8 -11
  49. data/app/views/govuk_publishing_components/components/_machine_readable_metadata.html.erb +1 -1
  50. data/app/views/govuk_publishing_components/components/_metadata.html.erb +7 -7
  51. data/app/views/govuk_publishing_components/components/_modal_dialogue.html.erb +1 -1
  52. data/app/views/govuk_publishing_components/components/_organisation_logo.html.erb +13 -13
  53. data/app/views/govuk_publishing_components/components/_previous_and_next_navigation.html.erb +11 -7
  54. data/app/views/govuk_publishing_components/components/_print_link.html.erb +1 -1
  55. data/app/views/govuk_publishing_components/components/_search.html.erb +1 -1
  56. data/app/views/govuk_publishing_components/components/_share_links.html.erb +2 -2
  57. data/app/views/govuk_publishing_components/components/_skip_link.html.erb +1 -1
  58. data/app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb +6 -6
  59. data/app/views/govuk_publishing_components/components/_step_by_step_nav_related.html.erb +1 -1
  60. data/app/views/govuk_publishing_components/components/_subscription_links.html.erb +10 -10
  61. data/app/views/govuk_publishing_components/components/_success_alert.html.erb +1 -1
  62. data/app/views/govuk_publishing_components/components/_tabs.html.erb +1 -1
  63. data/app/views/govuk_publishing_components/components/_translation_nav.html.erb +1 -1
  64. data/app/views/govuk_publishing_components/components/docs/feedback.yml +2 -0
  65. data/app/views/govuk_publishing_components/components/docs/government_navigation.yml +2 -0
  66. data/app/views/govuk_publishing_components/components/docs/inset_text.yml +2 -2
  67. data/app/views/govuk_publishing_components/components/docs/inverse_header.yml +18 -15
  68. data/app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb +6 -6
  69. data/app/views/govuk_publishing_components/components/feedback/_survey_signup_form.html.erb +5 -5
  70. data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb +6 -6
  71. data/app/views/govuk_publishing_components/components/layout_header/_navigation_items.html.erb +1 -1
  72. data/app/views/govuk_publishing_components/components/metadata/_sentence.html.erb +4 -4
  73. data/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb +1 -1
  74. data/config/locales/ar.yml +153 -0
  75. data/config/locales/az.yml +153 -0
  76. data/config/locales/be.yml +153 -0
  77. data/config/locales/bg.yml +153 -0
  78. data/config/locales/bn.yml +153 -0
  79. data/config/locales/cs.yml +153 -0
  80. data/config/locales/cy.yml +146 -7
  81. data/config/locales/da.yml +153 -0
  82. data/config/locales/de.yml +153 -0
  83. data/config/locales/dr.yml +153 -0
  84. data/config/locales/el.yml +153 -0
  85. data/config/locales/en.yml +143 -110
  86. data/config/locales/es-419.yml +153 -0
  87. data/config/locales/es.yml +153 -0
  88. data/config/locales/et.yml +150 -0
  89. data/config/locales/fa.yml +153 -0
  90. data/config/locales/fi.yml +153 -0
  91. data/config/locales/fr.yml +150 -0
  92. data/config/locales/gd.yml +153 -0
  93. data/config/locales/gu.yml +153 -0
  94. data/config/locales/he.yml +153 -0
  95. data/config/locales/hi.yml +153 -0
  96. data/config/locales/hr.yml +153 -0
  97. data/config/locales/hu.yml +153 -0
  98. data/config/locales/hy.yml +153 -0
  99. data/config/locales/id.yml +153 -0
  100. data/config/locales/is.yml +153 -0
  101. data/config/locales/it.yml +153 -0
  102. data/config/locales/ja.yml +153 -0
  103. data/config/locales/ka.yml +153 -0
  104. data/config/locales/kk.yml +153 -0
  105. data/config/locales/ko.yml +153 -0
  106. data/config/locales/lt.yml +153 -0
  107. data/config/locales/lv.yml +153 -0
  108. data/config/locales/ms.yml +153 -0
  109. data/config/locales/mt.yml +153 -0
  110. data/config/locales/nl.yml +153 -0
  111. data/config/locales/no.yml +154 -1
  112. data/config/locales/pa-pk.yml +153 -0
  113. data/config/locales/pa.yml +153 -0
  114. data/config/locales/pl.yml +153 -0
  115. data/config/locales/ps.yml +153 -0
  116. data/config/locales/pt.yml +153 -0
  117. data/config/locales/ro.yml +153 -0
  118. data/config/locales/ru.yml +153 -0
  119. data/config/locales/si.yml +153 -0
  120. data/config/locales/sk.yml +153 -0
  121. data/config/locales/sl.yml +153 -0
  122. data/config/locales/so.yml +153 -0
  123. data/config/locales/sq.yml +153 -0
  124. data/config/locales/sr.yml +153 -0
  125. data/config/locales/sv.yml +153 -0
  126. data/config/locales/sw.yml +153 -0
  127. data/config/locales/ta.yml +153 -0
  128. data/config/locales/th.yml +153 -0
  129. data/config/locales/tk.yml +153 -0
  130. data/config/locales/tr.yml +153 -0
  131. data/config/locales/uk.yml +153 -0
  132. data/config/locales/ur.yml +153 -0
  133. data/config/locales/uz.yml +153 -0
  134. data/config/locales/vi.yml +153 -0
  135. data/config/locales/zh-hk.yml +153 -0
  136. data/config/locales/zh-tw.yml +153 -0
  137. data/config/locales/zh.yml +153 -0
  138. data/lib/govuk_publishing_components/presenters/content_breadcrumbs_based_on_taxons.rb +1 -2
  139. data/lib/govuk_publishing_components/presenters/content_item.rb +5 -3
  140. data/lib/govuk_publishing_components/presenters/contents_list_helper.rb +0 -3
  141. data/lib/govuk_publishing_components/presenters/machine_readable/page.rb +4 -0
  142. data/lib/govuk_publishing_components/presenters/public_layout_helper.rb +1 -1
  143. data/lib/govuk_publishing_components/version.rb +1 -1
  144. data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss +7 -16
  145. data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss +4 -15
  146. data/node_modules/govuk-frontend/govuk/components/character-count/macro-options.json +1 -1
  147. data/node_modules/govuk-frontend/govuk/components/checkboxes/macro-options.json +3 -3
  148. data/node_modules/govuk-frontend/govuk/components/cookie-banner/README.md +15 -0
  149. data/node_modules/govuk-frontend/govuk/components/cookie-banner/fixtures.json +40 -22
  150. data/node_modules/govuk-frontend/govuk/components/cookie-banner/macro-options.json +6 -6
  151. data/node_modules/govuk-frontend/govuk/components/cookie-banner/template.njk +15 -5
  152. data/node_modules/govuk-frontend/govuk/components/date-input/macro-options.json +2 -2
  153. data/node_modules/govuk-frontend/govuk/components/details/_index.scss +5 -1
  154. data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss +13 -14
  155. data/node_modules/govuk-frontend/govuk/components/file-upload/macro-options.json +1 -1
  156. data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +14 -19
  157. data/node_modules/govuk-frontend/govuk/components/header/_index.scss +39 -21
  158. data/node_modules/govuk-frontend/govuk/components/input/macro-options.json +1 -1
  159. data/node_modules/govuk-frontend/govuk/components/phase-banner/_index.scss +1 -1
  160. data/node_modules/govuk-frontend/govuk/components/radios/macro-options.json +3 -3
  161. data/node_modules/govuk-frontend/govuk/components/select/macro-options.json +1 -1
  162. data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss +1 -1
  163. data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss +1 -6
  164. data/node_modules/govuk-frontend/govuk/components/textarea/macro-options.json +1 -1
  165. data/node_modules/govuk-frontend/govuk/components/warning-text/_index.scss +10 -0
  166. data/node_modules/govuk-frontend/govuk/core/_links.scss +8 -0
  167. data/node_modules/govuk-frontend/govuk/helpers/_links.scss +153 -38
  168. data/node_modules/govuk-frontend/govuk/settings/_all.scss +2 -0
  169. data/node_modules/govuk-frontend/govuk/settings/_links.scss +62 -0
  170. data/node_modules/govuk-frontend/package.json +1 -1
  171. metadata +9 -7
@@ -10,7 +10,7 @@
10
10
  size ||= ""
11
11
  value ||= ""
12
12
 
13
- classes = %w[gem-c-search]
13
+ classes = %w[gem-c-search govuk-!-display-none-print]
14
14
  classes << (shared_helper.get_margin_top)
15
15
  classes << (shared_helper.get_margin_bottom) if local_assigns[:margin_bottom]
16
16
  classes << "gem-c-search--large" if size == "large"
@@ -8,7 +8,7 @@
8
8
  brand ||= false
9
9
  brand_helper = GovukPublishingComponents::AppHelpers::BrandHelper.new(brand)
10
10
 
11
- classes = %w(gem-c-share-links)
11
+ classes = %w(gem-c-share-links govuk-!-display-none-print)
12
12
  classes << "gem-c-share-links--stacked" if stacked
13
13
  classes << "gem-c-share-links--columns" if columns
14
14
  classes << brand_helper.brand_class
@@ -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">
@@ -2,4 +2,4 @@
2
2
  href ||= '#main-content'
3
3
  text ||= t('components.skip_link.text')
4
4
  %>
5
- <%= link_to(text, href, class: "gem-c-skip-link govuk-skip-link") %>
5
+ <%= link_to(text, href, class: "gem-c-skip-link govuk-skip-link govuk-!-display-none-print") %>
@@ -19,13 +19,13 @@
19
19
  <% if steps %>
20
20
  <div
21
21
  data-module="gemstepnav"
22
- class="gem-c-step-nav js-hidden <% unless small %>gem-c-step-nav--large<% end %>"
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| %>
@@ -56,7 +56,7 @@
56
56
  <%= logic %>
57
57
  <% else %>
58
58
  <% step_number += 1 %>
59
- <span class="gem-c-step-nav__circle-step-label visuallyhidden">Step</span> <%= step_number %><span class="gem-c-step-nav__circle-step-colon visuallyhidden" aria-hidden="true">:</span>
59
+ <span class="gem-c-step-nav__circle-step-label govuk-!-display-none-print visuallyhidden">Step</span> <%= step_number %><span class="gem-c-step-nav__circle-step-colon govuk-!-display-none-print visuallyhidden" aria-hidden="true">:</span>
60
60
  <% end %>
61
61
  </span>
62
62
  </span>
@@ -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? %>
@@ -8,7 +8,7 @@
8
8
  local_assigns[:margin_bottom] ||= 0
9
9
  local_assigns[:margin_bottom] = 0 if local_assigns[:margin_bottom] > 9
10
10
 
11
- css_classes = %w( gem-c-subscription-links )
11
+ css_classes = %w( gem-c-subscription-links govuk-!-display-none-print )
12
12
  css_classes << (shared_helper.get_margin_bottom) unless local_assigns[:margin_bottom] == 0
13
13
  css_classes << brand_helper.brand_class
14
14
  css_classes << "gem-c-subscription-links--with-feed-box" if sl_helper.feed_link_box_value
@@ -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| %>
@@ -5,7 +5,7 @@
5
5
  %>
6
6
  <% if translation_helper.has_translations? %>
7
7
  <nav role="navigation"
8
- class="gem-c-translation-nav <%= translation_helper.classes %> <%= brand_helper.brand_class %>"
8
+ class="gem-c-translation-nav govuk-!-display-none-print <%= translation_helper.classes %> <%= brand_helper.brand_class %>"
9
9
  aria-label="<%= t("common.translations") %>"
10
10
  <%= "data-module=\"gem-track-click\"" if translation_helper.tracking_is_present? %>
11
11
  >
@@ -2,6 +2,8 @@ name: Feedback
2
2
  description: Invites user feedback on the current page.
3
3
  body: |
4
4
  This component is designed to sit at the bottom of pages on GOV.UK to allow users to submit feedback on that page.
5
+
6
+ This component uses JavaScript for expanding and collapsing and also for submitting form responses. This code is not compatible with Internet Explorer, so IE11 and down do not use JavaScript to submit the forms, instead falling back to a normal form submission.
5
7
  accessibility_criteria: |
6
8
  Form elements in the component must:
7
9
 
@@ -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>
@@ -4,7 +4,7 @@
4
4
  <button
5
5
  aria-controls="navigation"
6
6
  aria-label="Show or hide Top Level Navigation"
7
- class="govuk-header__menu-button govuk-js-header-toggle gem-c-header__menu-button"
7
+ class="govuk-header__menu-button govuk-js-header-toggle gem-c-header__menu-button govuk-!-display-none-print"
8
8
  type="button"
9
9
  >
10
10
  <%= t("components.layout_header.menu") %>
@@ -8,13 +8,13 @@
8
8
  %>
9
9
  <% if remaining.any? %>
10
10
  <%= items.to_sentence(last_word_connector: ', ').html_safe %>
11
- <div class="gem-c-metadata__toggle-wrap">
11
+ <div class="gem-c-metadata__toggle-wrap govuk-!-display-none-print">
12
12
  <a href="#"
13
- class="gem-c-metadata__definition-link"
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") %>
@@ -1 +1,154 @@
1
+ ---
1
2
  ar:
3
+ common:
4
+ translations:
5
+ components:
6
+ accordion:
7
+ hide:
8
+ hide_all:
9
+ show:
10
+ show_all:
11
+ this_section_visually_hidden:
12
+ article_schema:
13
+ scoped_search_description:
14
+ attachment:
15
+ opendocument_html:
16
+ order_a_copy:
17
+ page:
18
+ one:
19
+ other:
20
+ reference:
21
+ request_format_cta:
22
+ request_format_details_html:
23
+ request_format_text:
24
+ back_link:
25
+ back:
26
+ character_count:
27
+ body:
28
+ type:
29
+ characters:
30
+ words:
31
+ checkboxes:
32
+ or:
33
+ contents_list:
34
+ contents:
35
+ contextual_sidebar:
36
+ pretitle:
37
+ cookie_banner:
38
+ buttons:
39
+ accept_cookies:
40
+ reject_cookies:
41
+ confirmation_message:
42
+ confirmation_message_link:
43
+ hide:
44
+ text:
45
+ title:
46
+ feedback:
47
+ close:
48
+ dont_include_personal_info:
49
+ email_address:
50
+ help_us_improve_govuk:
51
+ is_not_useful:
52
+ is_this_page_useful:
53
+ is_useful:
54
+ maybe:
55
+ more_about_visit:
56
+ 'no':
57
+ send:
58
+ send_me_survey:
59
+ something_wrong:
60
+ thank_you_for_feedback:
61
+ what_doing:
62
+ what_wrong:
63
+ 'yes':
64
+ government_navigation:
65
+ consultations:
66
+ departments:
67
+ get-involved:
68
+ how-government-works:
69
+ news_and_communications:
70
+ statistics:
71
+ worldwide:
72
+ layout_footer:
73
+ copyright_html:
74
+ licence_html:
75
+ support_links:
76
+ layout_header:
77
+ hide_button:
78
+ menu:
79
+ search_button:
80
+ show_button:
81
+ top_level:
82
+ metadata:
83
+ from:
84
+ history:
85
+ last_updated:
86
+ part_of:
87
+ published:
88
+ see_all_updates:
89
+ toggle_less:
90
+ toggle_more:
91
+ modal_dialogue:
92
+ close_modal:
93
+ organisation_schema:
94
+ all_content_search_description:
95
+ previous_and_next_navigation:
96
+ pagination:
97
+ print_link:
98
+ text:
99
+ radio:
100
+ or:
101
+ related_footer_navigation:
102
+ collections:
103
+ policies:
104
+ statistical_data_sets:
105
+ topical_events:
106
+ related_navigation:
107
+ collections:
108
+ external_links:
109
+ policies:
110
+ publishers:
111
+ related_contacts:
112
+ related_content:
113
+ related_external_links:
114
+ related_guides:
115
+ statistical_data_sets:
116
+ topical_events:
117
+ topics:
118
+ transition:
119
+ link_path:
120
+ link_text:
121
+ title:
122
+ world_locations:
123
+ search_box:
124
+ input_title:
125
+ label:
126
+ search_button:
127
+ show_password:
128
+ announce_hide:
129
+ announce_show:
130
+ hide:
131
+ hide_password:
132
+ show:
133
+ show_password:
134
+ skip_link:
135
+ text:
136
+ step_by_step_nav:
137
+ hide:
138
+ hide_all:
139
+ show:
140
+ show_all:
141
+ step_by_step_nav_related:
142
+ part_of:
143
+ subscription_links:
144
+ email_signup_link_text:
145
+ feed_link_label:
146
+ feed_link_text:
147
+ subscriptions:
148
+ success_alert:
149
+ success:
150
+ summary_list:
151
+ delete:
152
+ edit:
153
+ tabs:
154
+ contents: