govuk_publishing_components 35.16.0 → 35.17.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (106) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/govuk_publishing_components/action-link-arrow--light.png +0 -0
  3. data/app/assets/images/govuk_publishing_components/action-link-arrow--light.svg +7 -0
  4. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-core.js +2 -5
  5. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-page-views.js +19 -15
  6. data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-video-tracker.js +7 -1
  7. data/app/assets/javascripts/govuk_publishing_components/components/option-select.js +9 -9
  8. data/app/assets/stylesheets/component_guide/application.scss +6 -6
  9. data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +33 -15
  10. data/app/assets/stylesheets/govuk_publishing_components/components/_big-number.scss +3 -2
  11. data/app/assets/stylesheets/govuk_publishing_components/components/_breadcrumbs.scss +3 -3
  12. data/app/assets/stylesheets/govuk_publishing_components/components/_button.scss +2 -2
  13. data/app/assets/stylesheets/govuk_publishing_components/components/_cards.scss +5 -5
  14. data/app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss +1 -1
  15. data/app/assets/stylesheets/govuk_publishing_components/components/_contextual-sidebar.scss +1 -1
  16. data/app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss +2 -2
  17. data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss +5 -5
  18. data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +40 -35
  19. data/app/assets/stylesheets/govuk_publishing_components/components/_option-select.scss +1 -1
  20. data/app/assets/stylesheets/govuk_publishing_components/components/_search.scss +24 -5
  21. data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +5 -0
  22. data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +23 -19
  23. data/app/assets/stylesheets/govuk_publishing_components/components/_table.scss +6 -6
  24. data/app/assets/stylesheets/govuk_publishing_components/components/_tabs.scss +2 -1
  25. data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_steps.scss +3 -1
  26. data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_typography.scss +4 -4
  27. data/app/assets/stylesheets/govuk_publishing_components/components/mixins/_media-down.scss +2 -2
  28. data/app/views/govuk_publishing_components/components/_action_link.html.erb +2 -0
  29. data/app/views/govuk_publishing_components/components/_attachment.html.erb +1 -1
  30. data/app/views/govuk_publishing_components/components/_contents_list.html.erb +20 -10
  31. data/app/views/govuk_publishing_components/components/_metadata.html.erb +1 -1
  32. data/app/views/govuk_publishing_components/components/_option_select.html.erb +3 -3
  33. data/app/views/govuk_publishing_components/components/_previous_and_next_navigation.html.erb +6 -6
  34. data/app/views/govuk_publishing_components/components/_search.html.erb +3 -0
  35. data/app/views/govuk_publishing_components/components/_share_links.html.erb +9 -9
  36. data/app/views/govuk_publishing_components/components/docs/action_link.yml +5 -0
  37. data/app/views/govuk_publishing_components/components/docs/contents_list.yml +1 -0
  38. data/app/views/govuk_publishing_components/components/docs/search.yml +11 -0
  39. data/config/locales/ar.yml +1 -0
  40. data/config/locales/az.yml +1 -0
  41. data/config/locales/be.yml +1 -0
  42. data/config/locales/bg.yml +1 -0
  43. data/config/locales/bn.yml +1 -0
  44. data/config/locales/cs.yml +1 -0
  45. data/config/locales/cy.yml +1 -0
  46. data/config/locales/da.yml +1 -0
  47. data/config/locales/de.yml +1 -0
  48. data/config/locales/dr.yml +1 -0
  49. data/config/locales/el.yml +1 -0
  50. data/config/locales/en.yml +2 -1
  51. data/config/locales/es-419.yml +1 -0
  52. data/config/locales/es.yml +1 -0
  53. data/config/locales/et.yml +1 -0
  54. data/config/locales/fa.yml +1 -0
  55. data/config/locales/fi.yml +1 -0
  56. data/config/locales/fr.yml +1 -0
  57. data/config/locales/gd.yml +1 -0
  58. data/config/locales/gu.yml +1 -0
  59. data/config/locales/he.yml +1 -0
  60. data/config/locales/hi.yml +1 -0
  61. data/config/locales/hr.yml +1 -0
  62. data/config/locales/hu.yml +1 -0
  63. data/config/locales/hy.yml +1 -0
  64. data/config/locales/id.yml +1 -0
  65. data/config/locales/is.yml +1 -0
  66. data/config/locales/it.yml +1 -0
  67. data/config/locales/ja.yml +1 -0
  68. data/config/locales/ka.yml +1 -0
  69. data/config/locales/kk.yml +1 -0
  70. data/config/locales/ko.yml +1 -0
  71. data/config/locales/lt.yml +1 -0
  72. data/config/locales/lv.yml +1 -0
  73. data/config/locales/ms.yml +1 -0
  74. data/config/locales/mt.yml +1 -0
  75. data/config/locales/nl.yml +1 -0
  76. data/config/locales/no.yml +1 -0
  77. data/config/locales/pa-pk.yml +1 -0
  78. data/config/locales/pa.yml +1 -0
  79. data/config/locales/pl.yml +1 -0
  80. data/config/locales/ps.yml +1 -0
  81. data/config/locales/pt.yml +1 -0
  82. data/config/locales/ro.yml +1 -0
  83. data/config/locales/ru.yml +1 -0
  84. data/config/locales/si.yml +1 -0
  85. data/config/locales/sk.yml +1 -0
  86. data/config/locales/sl.yml +1 -0
  87. data/config/locales/so.yml +1 -0
  88. data/config/locales/sq.yml +1 -0
  89. data/config/locales/sr.yml +1 -0
  90. data/config/locales/sv.yml +1 -0
  91. data/config/locales/sw.yml +1 -0
  92. data/config/locales/ta.yml +1 -0
  93. data/config/locales/th.yml +1 -0
  94. data/config/locales/tk.yml +1 -0
  95. data/config/locales/tr.yml +1 -0
  96. data/config/locales/uk.yml +1 -0
  97. data/config/locales/ur.yml +1 -0
  98. data/config/locales/uz.yml +1 -0
  99. data/config/locales/vi.yml +1 -0
  100. data/config/locales/zh-hk.yml +1 -0
  101. data/config/locales/zh-tw.yml +1 -0
  102. data/config/locales/zh.yml +1 -0
  103. data/lib/govuk_publishing_components/presenters/contents_list_helper.rb +8 -0
  104. data/lib/govuk_publishing_components/presenters/meta_tags.rb +3 -0
  105. data/lib/govuk_publishing_components/version.rb +1 -1
  106. metadata +5 -3
@@ -14,9 +14,10 @@
14
14
 
15
15
  ga4_tracking ||= false
16
16
  ga4_data = {
17
- event_name: "navigation",
18
- type: "content",
19
- section: t("components.contents_list.contents", locale: :en) || ""
17
+ event_name: "navigation",
18
+ type: "contents list",
19
+ section: t("components.contents_list.contents", locale: :en) || "",
20
+ index_total: cl_helper.get_index_total
20
21
  } if ga4_tracking
21
22
  local_assigns[:aria] ||= {}
22
23
  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
@@ -37,15 +38,15 @@
37
38
  <% end %>
38
39
 
39
40
  <ol class="gem-c-contents-list__list">
41
+ <% index_link = 1 if ga4_tracking %>
40
42
  <% contents.each.with_index(1) do |contents_item, position| %>
41
43
  <li class="<%= cl_helper.list_item_classes(contents_item, false) %>" <%= "aria-current=true" if contents_item[:active] %>>
42
44
  <% link_text = format_numbers ? cl_helper.wrap_numbers_with_spans(contents_item[:text]) : contents_item[:text]
43
- if ga4_tracking
45
+ if ga4_tracking
44
46
  ga4_data[:index] = {
45
- "index_link": position,
47
+ "index_link": index_link,
46
48
  }
47
- ga4_data[:index_total] = contents.length
48
- end
49
+ end
49
50
  %>
50
51
  <%= link_to_if !contents_item[:active], link_text, contents_item[:href],
51
52
  class: link_classes,
@@ -59,11 +60,18 @@
59
60
  ga4_link: (ga4_tracking ? ga4_data.to_json : nil)
60
61
  }
61
62
  %>
62
-
63
+ <% index_link += 1 if ga4_tracking %>
63
64
  <% if contents_item[:items] && contents_item[:items].any? %>
64
65
  <ol class="gem-c-contents-list__nested-list">
65
66
  <% contents_item[:items].each.with_index(1) do |nested_contents_item, nested_position| %>
66
67
  <li class="<%= cl_helper.list_item_classes(nested_contents_item, true) %>" <%= "aria-current=true" if nested_contents_item[:active] %>>
68
+ <%
69
+ if ga4_tracking
70
+ ga4_data[:index] = {
71
+ "index_link": index_link,
72
+ }
73
+ end
74
+ %>
67
75
  <%= link_to_if !nested_contents_item[:active], nested_contents_item[:text], nested_contents_item[:href],
68
76
  class: link_classes,
69
77
  data: {
@@ -72,13 +80,15 @@
72
80
  track_label: nested_contents_item[:href],
73
81
  track_options: {
74
82
  dimension29: nested_contents_item[:text]
75
- }
83
+ },
84
+ ga4_link: (ga4_tracking ? ga4_data.to_json : nil)
76
85
  }
77
86
  %>
78
87
  </li>
88
+ <% index_link += 1 if ga4_tracking %>
79
89
  <% end %>
80
90
  </ol>
81
- <% end %>
91
+ <% end %>
82
92
  </li>
83
93
  <% end %>
84
94
  </ol>
@@ -22,7 +22,7 @@
22
22
  ga4_tracking ||= false
23
23
  ga4_object = {
24
24
  event_name: "navigation",
25
- type: "content",
25
+ type: "content history",
26
26
  section: "Top",
27
27
  action: "opened"
28
28
  }.to_json
@@ -35,7 +35,7 @@
35
35
  <% end %>
36
36
 
37
37
  <div
38
- class="gem-c-option-select" data-module="option-select" data-ga4-change-category="update-filter checkbox" data-ga4-section="<%= title %>"
38
+ class="gem-c-option-select" data-module="option-select"
39
39
  <% if local_assigns.include?(:closed_on_load) && closed_on_load %>data-closed-on-load="true"<% end %>
40
40
  <% if local_assigns.include?(:closed_on_load_mobile) && closed_on_load_mobile %>data-closed-on-load-mobile="true"<% end %>
41
41
  <% if local_assigns.include?(:aria_controls_id) %>data-input-aria-controls="<%= aria_controls_id %>"<% end %>
@@ -43,8 +43,8 @@
43
43
  >
44
44
  <h3 class="gem-c-option-select__heading js-container-heading">
45
45
  <span class="gem-c-option-select__title js-container-button" id="<%= title_id %>"><%= title %></span>
46
- <svg version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="gem-c-option-select__icon gem-c-option-select__icon--up" aria-hidden="true" focusable="false"><path d="m798.16 609.84l-256-256c-16.683-16.683-43.691-16.683-60.331 0l-256 256c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0l225.84-225.84 225.84 225.84c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331z"/></svg>
47
- <svg version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="gem-c-option-select__icon gem-c-option-select__icon--down" aria-hidden="true" focusable="false"><path d="m225.84 414.16l256 256c16.683 16.683 43.691 16.683 60.331 0l256-256c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-225.84 225.84-225.84-225.84c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331z"/></svg>
46
+ <svg version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="gem-c-option-select__icon gem-c-option-select__icon--up" aria-hidden="true" focusable="false"><path d="m798.16 609.84l-256-256c-16.683-16.683-43.691-16.683-60.331 0l-256 256c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0l225.84-225.84 225.84 225.84c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331z"/></svg>
47
+ <svg version="1.1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="gem-c-option-select__icon gem-c-option-select__icon--down" aria-hidden="true" focusable="false"><path d="m225.84 414.16l256 256c16.683 16.683 43.691 16.683 60.331 0l256-256c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-225.84 225.84-225.84-225.84c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331z"/></svg>
48
48
  </h3>
49
49
 
50
50
  <%= content_tag(:div, role: "group", aria: { labelledby: title_id }, class: classes, id: options_container_id, tabindex: "-1") do %>
@@ -19,8 +19,8 @@
19
19
  link_text_classes << "govuk-pagination__link-title--decorated" unless previous_page[:label].present?
20
20
  %>
21
21
  <div class="govuk-pagination__prev">
22
- <a class="govuk-link govuk-pagination__link"
23
- href="<%= previous_page[:url] %>"
22
+ <a class="govuk-link govuk-pagination__link"
23
+ href="<%= previous_page[:url] %>"
24
24
  rel="prev"
25
25
  data-track-category="contentsClicked"
26
26
  data-track-action="previous"
@@ -30,7 +30,7 @@
30
30
  <% if ga4_tracking %>
31
31
  data-ga4-link = "<%= {
32
32
  event_name: "navigation",
33
- type: "content",
33
+ type: "previous and next",
34
34
  text: previous_page[:label] || title,
35
35
  section: "Previous",
36
36
  }.to_json %>"
@@ -55,8 +55,8 @@
55
55
  link_text_classes << "govuk-pagination__link-title--decorated" unless next_page[:label].present?
56
56
  %>
57
57
  <div class="govuk-pagination__next">
58
- <a class="govuk-link govuk-pagination__link"
59
- href="<%= next_page[:url] %>"
58
+ <a class="govuk-link govuk-pagination__link"
59
+ href="<%= next_page[:url] %>"
60
60
  rel="next"
61
61
  data-track-category="contentsClicked"
62
62
  data-track-action="next"
@@ -66,7 +66,7 @@
66
66
  <% if ga4_tracking %>
67
67
  data-ga4-link = "<%= {
68
68
  event_name: "navigation",
69
- type: "content",
69
+ type: "previous and next",
70
70
  text: next_page[:label] || title,
71
71
  section: "Next",
72
72
  }.to_json %>"
@@ -12,6 +12,7 @@
12
12
  label_size ||= nil
13
13
  label_text ||= t("components.search_box.label")
14
14
  name ||= "q"
15
+ homepage ||= false
15
16
  no_border ||= false
16
17
  size ||= ""
17
18
  value ||= ""
@@ -24,6 +25,7 @@
24
25
  classes << shared_helper.get_margin_bottom if local_assigns[:margin_bottom]
25
26
  classes << "gem-c-search--large" if size == "large"
26
27
  classes << "gem-c-search--large-on-mobile" if size == "large-mobile"
28
+ classes << "gem-c-search--homepage" if homepage
27
29
  classes << "gem-c-search--no-border" if no_border
28
30
  if local_assigns[:on_govuk_blue].eql?(true)
29
31
  classes << "gem-c-search--on-govuk-blue"
@@ -35,6 +37,7 @@
35
37
  label_classes = []
36
38
  if (shared_helper.valid_heading_size?(label_size))
37
39
  label_classes << "govuk-label govuk-label--#{label_size}"
40
+ label_classes << "gem-c-search__label--white" if no_border || homepage
38
41
  else
39
42
  label_classes << "gem-c-search__label"
40
43
  end
@@ -86,39 +86,39 @@
86
86
  class: "govuk-link govuk-link--no-underline gem-c-share-links__link #{brand_helper.color_class}" do %>
87
87
  <span class="gem-c-share-links__link-icon">
88
88
  <% if link[:icon] == 'facebook' %>
89
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
89
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="0" height="0" class="gem-c-share-links__svg">
90
90
  <path fill="currentColor" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
91
91
  </svg>
92
92
  <% elsif link[:icon] == 'twitter' %>
93
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
93
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="0" height="0" class="gem-c-share-links__svg">
94
94
  <path fill="currentColor" d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
95
95
  </svg>
96
96
  <% elsif link[:icon] == 'email' %>
97
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.84" aria-hidden="true" focusable="false">
97
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.84" aria-hidden="true" focusable="false" width="0" height="0" class="gem-c-share-links__svg">
98
98
  <path fill="currentColor" d="M36.92,0A36.92,36.92,0,1,0,73.84,36.92,36.92,36.92,0,0,0,36.92,0ZM58.37,21,36.92,39.45,15.47,21ZM11.65,23.66,26.27,36.23,11.65,49.9ZM15.1,52.83,29.7,39.18l7.22,6.21,7.22-6.21,14.6,13.65ZM62.19,49.9,47.57,36.23,62.19,23.66Z"/>
99
99
  </svg>
100
100
  <% elsif link[:icon] == 'flickr' %>
101
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
101
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="0" height="0" class="gem-c-share-links__svg">
102
102
  <path fill="currentColor" d="M5.334 6.666C2.3884 6.666 0 9.055 0 12c0 2.9456 2.3884 5.334 5.334 5.334 2.9456 0 5.332-2.3884 5.332-5.334 0-2.945-2.3864-5.334-5.332-5.334zm13.332 0c-2.9456 0-5.332 2.389-5.332 5.334 0 2.9456 2.3864 5.334 5.332 5.334C21.6116 17.334 24 14.9456 24 12c0-2.945-2.3884-5.334-5.334-5.334Z"/>
103
103
  </svg>
104
104
  <% elsif link[:icon] == 'instagram' %>
105
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
105
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="0" height="0" class="gem-c-share-links__svg">
106
106
  <path fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/>
107
107
  </svg>
108
108
  <% elsif link[:icon] == 'linkedin' %>
109
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
109
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="0" height="0" class="gem-c-share-links__svg">
110
110
  <path fill="currentColor" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
111
111
  </svg>
112
112
  <% elsif link[:icon] == 'youtube' %>
113
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
113
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="0" height="0" class="gem-c-share-links__svg">
114
114
  <path fill="currentColor" d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
115
115
  </svg>
116
116
  <% elsif link[:icon] == 'whatsapp' %>
117
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
117
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="0" height="0" class="gem-c-share-links__svg">
118
118
  <path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/>
119
119
  </svg>
120
120
  <% else %>
121
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.84" aria-hidden="true" focusable="false">
121
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.84" aria-hidden="true" focusable="false" width="0" height="0" class="gem-c-share-links__svg">
122
122
  <path fill="currentColor" d="M36.92,0A36.92,36.92,0,1,0,73.84,36.92,36.92,36.92,0,0,0,36.92,0ZM56.3,48.27a1.42,1.42,0,0,1-1.42,1.42h-19v9.18l-9.18-9.18H19a1.43,1.43,0,0,1-1.43-1.43V20.52A1.43,1.43,0,0,1,19,19.09H54.88a1.43,1.43,0,0,1,1.42,1.42Z"/>
123
123
  </svg>
124
124
  <% end %>
@@ -120,6 +120,11 @@ examples:
120
120
  text: Coronavirus (COVID-19)
121
121
  href: "/my-test-page"
122
122
  dark_large_icon: true
123
+ with_light_icon:
124
+ data:
125
+ text: Coronavirus (COVID-19)
126
+ href: "/my-test-page"
127
+ light_icon: true
123
128
  with_brexit_icon_and_custom_font_size:
124
129
  data:
125
130
  text: Guidance for businesses
@@ -204,6 +204,7 @@ examples:
204
204
  text: 1. Nested Item
205
205
  - href: "#third-thing"
206
206
  text: 2. Nested Item
207
+ active: true
207
208
  - href: "#first-thing"
208
209
  text: 2. Second thing
209
210
  items:
@@ -35,6 +35,17 @@ examples:
35
35
  on_govuk_blue: true
36
36
  context:
37
37
  dark_background: true
38
+ homepage:
39
+ description: For use on the homepage.
40
+ data:
41
+ label_text: "Search"
42
+ inline_label: false
43
+ on_govuk_blue: true
44
+ label_size: "s"
45
+ homepage: true
46
+ size: "large"
47
+ context:
48
+ dark_background: true
38
49
  change_label_text:
39
50
  data:
40
51
  label_text: "Search"
@@ -23,6 +23,7 @@ ar:
23
23
  other: "%{count} صفحات"
24
24
  two:
25
25
  zero:
26
+ preview_aria_label:
26
27
  preview_link:
27
28
  reference: 'مرجع: %{reference}'
28
29
  request_format_cta: طلب تنسيق يمكن الاطلاع عليه.
@@ -19,6 +19,7 @@ az:
19
19
  page:
20
20
  one:
21
21
  other: "%{count} səhifə"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'İst: %{reference}'
24
25
  request_format_cta: İstifadə edilə bilən format tələb edin.
@@ -21,6 +21,7 @@ be:
21
21
  many:
22
22
  one: 1 старонка
23
23
  other: "%{count} старонкi"
24
+ preview_aria_label:
24
25
  preview_link:
25
26
  reference: 'Спасылка: %{reference}'
26
27
  request_format_cta: Запрасіць файл у іншым фармаце.
@@ -19,6 +19,7 @@ bg:
19
19
  page:
20
20
  one: 1-ва страница
21
21
  other: "%{count} страници"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Реф: %{reference}'
24
25
  request_format_cta: Поискайте достъпен формат.
@@ -19,6 +19,7 @@ bn:
19
19
  page:
20
20
  one: 1 পেজ
21
21
  other: "%{count} পেজ"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'সুত্র: %{reference}'
24
25
  request_format_cta: একটি প্রবেশযোগ্য ফরম্যাটের অনুরোধ করুন।
@@ -20,6 +20,7 @@ cs:
20
20
  few:
21
21
  one: Strana 1
22
22
  other: "%{count} stránek"
23
+ preview_aria_label:
23
24
  preview_link:
24
25
  reference: 'Odkaz: %{reference}'
25
26
  request_format_cta: Vyžádejte si přístupný formát.
@@ -23,6 +23,7 @@ cy:
23
23
  other: "%{count} o dudalennau"
24
24
  two:
25
25
  zero:
26
+ preview_aria_label:
26
27
  preview_link:
27
28
  reference: 'Cyfeirnod: %{reference}'
28
29
  request_format_cta: Gwneud cais am fformat hygyrch.
@@ -19,6 +19,7 @@ da:
19
19
  page:
20
20
  one: 1 side
21
21
  other: "%{count} sider"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Henvisning: %{reference}'
24
25
  request_format_cta: Anmod om et tilgængeligt format.
@@ -19,6 +19,7 @@ de:
19
19
  page:
20
20
  one: 1 Seite
21
21
  other: "%{count} Seiten"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Ref: %{reference}'
24
25
  request_format_cta: Fordern Sie ein zugängliches Format an.
@@ -19,6 +19,7 @@ dr:
19
19
  page:
20
20
  one: صفحهء 1
21
21
  other: "%{count} صفحات"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: "%{reference}:مرجع"
24
25
  request_format_cta: یک فارمت قابل دسترس را درخواست کنید.
@@ -19,6 +19,7 @@ el:
19
19
  page:
20
20
  one: 1 σελίδα
21
21
  other: "%{count} σελίδες"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Αναφ.: %{reference}'
24
25
  request_format_cta: Ζητήστε μια προσβάσιμη μορφή.
@@ -16,10 +16,11 @@ en:
16
16
  attachment:
17
17
  opendocument_html: This file is in an <a href='https://www.gov.uk/guidance/using-open-document-formats-odf-in-your-organisation' target=%{target} class='govuk-link'>OpenDocument</a> format
18
18
  order_a_copy: Order a copy
19
- preview_link: View online
20
19
  page:
21
20
  one: 1 page
22
21
  other: "%{count} pages"
22
+ preview_aria_label: View %{title} online
23
+ preview_link: View online
23
24
  reference: 'Ref: %{reference}'
24
25
  request_format_cta: Request an accessible format.
25
26
  request_format_details_html: If you use assistive technology (such as a screen reader) and need a version of this document in a more accessible format, please email <a href='mailto:%{alternative_format_contact_email}' target='_blank' class='govuk-link'>%{alternative_format_contact_email}</a>. Please tell us what format you need. It will help us if you say what assistive technology you use.
@@ -19,6 +19,7 @@ es-419:
19
19
  page:
20
20
  one: 1 página
21
21
  other: "%{count} páginas"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Referencia: %{reference}'
24
25
  request_format_cta: Solicite un formato accesible.
@@ -19,6 +19,7 @@ es:
19
19
  page:
20
20
  one: 1 página
21
21
  other: "%{count} páginas"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Ref.: %{reference}'
24
25
  request_format_cta: Solicitar un formato accesible.
@@ -19,6 +19,7 @@ et:
19
19
  page:
20
20
  one: 1 leht
21
21
  other: "%{count} lehte"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Viide: %{reference}'
24
25
  request_format_cta: Taotlege juurdepääsetavat vormingut.
@@ -19,6 +19,7 @@ fa:
19
19
  page:
20
20
  one:
21
21
  other: "%{count} صفحه"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'مرجع: %{reference}'
24
25
  request_format_cta: درخواست یک قالب با قابلیت دسترسی بهتر.
@@ -19,6 +19,7 @@ fi:
19
19
  page:
20
20
  one: 1 sivu
21
21
  other: "%{count} pages"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Viite: %{reference}'
24
25
  request_format_cta: Pyydä helppokäyttöistä muotoa.
@@ -19,6 +19,7 @@ fr:
19
19
  page:
20
20
  one: 1 page
21
21
  other: "%{count} pages"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Réf.: %{reference}'
24
25
  request_format_cta: Demandez un format accessible.
@@ -21,6 +21,7 @@ gd:
21
21
  one: 1 leathanach
22
22
  other: "%{count} leathanaigh"
23
23
  two:
24
+ preview_aria_label:
24
25
  preview_link:
25
26
  reference: 'Tagairt: %{reference}'
26
27
  request_format_cta: Is féidir leat formáid inrochtana a iarraidh.
@@ -19,6 +19,7 @@ gu:
19
19
  page:
20
20
  one: 1 પૃષ્ઠ
21
21
  other: "%{count} પૃષ્ઠો"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: સંદર્ભ:%{reference}
24
25
  request_format_cta: કોઈ એક્સેસિબલ ફોરમેટ માટે વિનંતી કરો.
@@ -19,6 +19,7 @@ he:
19
19
  page:
20
20
  one: דף 1
21
21
  other: "%{count} דפים"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'הפניה: %{reference}'
24
25
  request_format_cta: בקש פורמט נגיש.
@@ -19,6 +19,7 @@ hi:
19
19
  page:
20
20
  one: 1 पेज
21
21
  other: "%{count} पेज"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'संदर्भ: %{reference}'
24
25
  request_format_cta: एक सुलभ प्रारूप का अनुरोध करें।
@@ -20,6 +20,7 @@ hr:
20
20
  few:
21
21
  one: 1 stranica
22
22
  other: "%{count} stranice"
23
+ preview_aria_label:
23
24
  preview_link:
24
25
  reference: 'Referenca: %{reference}'
25
26
  request_format_cta: Zatražite pristupačan format.
@@ -19,6 +19,7 @@ hu:
19
19
  page:
20
20
  one: 1 oldal
21
21
  other: "%{count} oldal"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Ref: %{reference}'
24
25
  request_format_cta: Kérjen hozzáférhető formátumot.
@@ -19,6 +19,7 @@ hy:
19
19
  page:
20
20
  one: 1 էջ
21
21
  other: "%{count} էջ"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: Հղում՝ %{reference}
24
25
  request_format_cta: 'Նշեք համապատասխան ձևաչափ:'
@@ -18,6 +18,7 @@ id:
18
18
  order_a_copy: Pesan salinan
19
19
  page:
20
20
  other: "%{count} halaman"
21
+ preview_aria_label:
21
22
  preview_link:
22
23
  reference: 'Ref: %{reference}'
23
24
  request_format_cta: Minta format yang dapat diakses.
@@ -19,6 +19,7 @@ is:
19
19
  page:
20
20
  one: 1 síða
21
21
  other: "%{count} síður"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Tilv: %{reference}'
24
25
  request_format_cta: Óska eftir aðgengilegu sniði.
@@ -19,6 +19,7 @@ it:
19
19
  page:
20
20
  one: 1 pagina
21
21
  other: "%{count} pagine"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Rif: %{reference}'
24
25
  request_format_cta: Richiedi un formato accessibile.
@@ -18,6 +18,7 @@ ja:
18
18
  order_a_copy: コピーを注文する
19
19
  page:
20
20
  other: "%{count}ページ"
21
+ preview_aria_label:
21
22
  preview_link:
22
23
  reference: 参照:%{reference}
23
24
  request_format_cta: アクセス可能なフォーマットをリクエストしてください。
@@ -19,6 +19,7 @@ ka:
19
19
  page:
20
20
  one: 1 გვერი
21
21
  other: "%{count} გვერდები"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'მითითება: %{reference}'
24
25
  request_format_cta: ხელმისაწვდომი ფორმატის მოთხოვნა.
@@ -19,6 +19,7 @@ kk:
19
19
  page:
20
20
  one: 1 бет
21
21
  other: "%{count} бет"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Сілтеме: %{reference}'
24
25
  request_format_cta: Қолжетімді пішімді сұраңыз.
@@ -18,6 +18,7 @@ ko:
18
18
  order_a_copy:
19
19
  page:
20
20
  other:
21
+ preview_aria_label:
21
22
  preview_link:
22
23
  reference:
23
24
  request_format_cta:
@@ -20,6 +20,7 @@ lt:
20
20
  few:
21
21
  one: 1 puslapis
22
22
  other: "%{count} puslapių"
23
+ preview_aria_label:
23
24
  preview_link:
24
25
  reference: 'Nuoroda: %{reference}'
25
26
  request_format_cta: Prašyti prieinamo formato.
@@ -19,6 +19,7 @@ lv:
19
19
  page:
20
20
  one: 1 lapa
21
21
  other: "%{count} lapas"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Ref.: %{reference}'
24
25
  request_format_cta: Pieprasīt pieejamu formātu.
@@ -18,6 +18,7 @@ ms:
18
18
  order_a_copy: Pesan satu salinan
19
19
  page:
20
20
  other: "%{count} halaman"
21
+ preview_aria_label:
21
22
  preview_link:
22
23
  reference: 'Ruj: %{reference}'
23
24
  request_format_cta: Minta format yang boleh diakses.
@@ -21,6 +21,7 @@ mt:
21
21
  many:
22
22
  one: 1 paġna
23
23
  other: "%{count} paġni"
24
+ preview_aria_label:
24
25
  preview_link:
25
26
  reference: 'Ref: %{reference}'
26
27
  request_format_cta: Itlob format aċċessibbli.
@@ -19,6 +19,7 @@ nl:
19
19
  page:
20
20
  one: 1 pagina
21
21
  other: "%{count} pagina's"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Ref: %{reference}'
24
25
  request_format_cta: Vraag een toegankelijk formaat aan.
@@ -19,6 +19,7 @@
19
19
  page:
20
20
  one: 1 side
21
21
  other: "%{count} sider"
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: 'Ref: %{reference}'
24
25
  request_format_cta: Be om et tilgjengelig format.
@@ -19,6 +19,7 @@ pa-pk:
19
19
  page:
20
20
  one: پہلا ورق
21
21
  other: ورقے {count}%
22
+ preview_aria_label:
22
23
  preview_link:
23
24
  reference: حوالہ:{reference}%
24
25
  request_format_cta: اک طریقے تک پوہنچن لئی اِک درخواست دیو۔