govuk_publishing_components 66.7.1 → 66.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/govuk_publishing_components/components/_big-number.scss +3 -8
  3. data/app/assets/stylesheets/govuk_publishing_components/components/_chart.scss +10 -3
  4. data/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss +43 -5
  5. data/app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss +0 -13
  6. data/app/assets/stylesheets/govuk_publishing_components/components/_service-navigation.scss +20 -0
  7. data/app/controllers/govuk_publishing_components/applications_page_controller.rb +1 -1
  8. data/app/controllers/govuk_publishing_components/audit_controller.rb +0 -1
  9. data/app/views/govuk_publishing_components/components/_chart.html.erb +4 -1
  10. data/app/views/govuk_publishing_components/components/_metadata.html.erb +34 -3
  11. data/app/views/govuk_publishing_components/components/_phase_banner.html.erb +0 -2
  12. data/app/views/govuk_publishing_components/components/_service_navigation.html.erb +2 -0
  13. data/app/views/govuk_publishing_components/components/docs/chart.yml +39 -0
  14. data/app/views/govuk_publishing_components/components/docs/metadata.yml +30 -7
  15. data/app/views/govuk_publishing_components/components/docs/phase_banner.yml +0 -12
  16. data/app/views/govuk_publishing_components/components/docs/service_navigation.yml +18 -0
  17. data/config/locales/ar.yml +3 -0
  18. data/config/locales/az.yml +3 -0
  19. data/config/locales/be.yml +3 -0
  20. data/config/locales/bg.yml +3 -0
  21. data/config/locales/bn.yml +3 -0
  22. data/config/locales/cs.yml +3 -0
  23. data/config/locales/cy.yml +3 -0
  24. data/config/locales/da.yml +3 -0
  25. data/config/locales/de.yml +3 -0
  26. data/config/locales/dr.yml +3 -0
  27. data/config/locales/el.yml +3 -0
  28. data/config/locales/en.yml +3 -0
  29. data/config/locales/es-419.yml +3 -0
  30. data/config/locales/es.yml +3 -0
  31. data/config/locales/et.yml +3 -0
  32. data/config/locales/fa.yml +3 -0
  33. data/config/locales/fi.yml +3 -0
  34. data/config/locales/fr.yml +3 -0
  35. data/config/locales/gd.yml +3 -0
  36. data/config/locales/gu.yml +3 -0
  37. data/config/locales/he.yml +3 -0
  38. data/config/locales/hi.yml +3 -0
  39. data/config/locales/hr.yml +3 -0
  40. data/config/locales/hu.yml +3 -0
  41. data/config/locales/hy.yml +3 -0
  42. data/config/locales/id.yml +3 -0
  43. data/config/locales/is.yml +3 -0
  44. data/config/locales/it.yml +3 -0
  45. data/config/locales/ja.yml +3 -0
  46. data/config/locales/ka.yml +3 -0
  47. data/config/locales/kk.yml +3 -0
  48. data/config/locales/ko.yml +6 -3
  49. data/config/locales/ku.yml +3 -0
  50. data/config/locales/ky.yml +3 -0
  51. data/config/locales/lt.yml +3 -0
  52. data/config/locales/lv.yml +3 -0
  53. data/config/locales/ms.yml +3 -0
  54. data/config/locales/mt.yml +3 -0
  55. data/config/locales/ne.yml +5 -2
  56. data/config/locales/nl.yml +3 -0
  57. data/config/locales/no.yml +3 -0
  58. data/config/locales/pa-pk.yml +3 -0
  59. data/config/locales/pa.yml +3 -0
  60. data/config/locales/pl.yml +3 -0
  61. data/config/locales/ps.yml +3 -0
  62. data/config/locales/pt.yml +3 -0
  63. data/config/locales/ro.yml +3 -0
  64. data/config/locales/ru.yml +3 -0
  65. data/config/locales/si.yml +3 -0
  66. data/config/locales/sk.yml +3 -0
  67. data/config/locales/sl.yml +3 -0
  68. data/config/locales/so.yml +3 -0
  69. data/config/locales/sq.yml +3 -0
  70. data/config/locales/sr.yml +3 -0
  71. data/config/locales/sv.yml +3 -0
  72. data/config/locales/sw.yml +3 -0
  73. data/config/locales/ta.yml +3 -0
  74. data/config/locales/th.yml +3 -0
  75. data/config/locales/ti.yml +3 -0
  76. data/config/locales/tk.yml +3 -0
  77. data/config/locales/tr.yml +3 -0
  78. data/config/locales/uk.yml +3 -0
  79. data/config/locales/ur.yml +3 -0
  80. data/config/locales/uz.yml +3 -0
  81. data/config/locales/vi.yml +3 -0
  82. data/config/locales/zh-hk.yml +3 -0
  83. data/config/locales/zh-tw.yml +3 -0
  84. data/config/locales/zh.yml +3 -0
  85. data/lib/govuk_publishing_components/version.rb +1 -1
  86. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3c21debe9c5f5801273aca94135b4978c46c017ba2a82c099651770ad28d9678
4
- data.tar.gz: 7fb5023a5531469ba4cdd77d508691293ece0bf4d1db30867c57aaf493e40ec5
3
+ metadata.gz: 247936d6bf21c20afd54140ea0ef39d9089613ed03634b4c374d3287856d4bf5
4
+ data.tar.gz: ed26a01e0a315560721e6b45807698664522e213feb11e0cd225a46f10877321
5
5
  SHA512:
6
- metadata.gz: d2a6348453a2adfa6334f7bbb930cbe331249685c0bbeb38e8657d4fcf3d9238b0ec13a7d1710d5bdda5291d38911cc1bac27a8b851d7e5df7f27c4f9eaec87c
7
- data.tar.gz: 572de0591a1ddbbb7de878338959dadd24ed2b3503e3d6b936ee191088bbc9fee59aa3c38658d1a877076480a9624cf8e1b924cdba8dae35a0456394910debc5
6
+ metadata.gz: 864718bc9a3a883e6479687c6a46bf297f8c2c992d38320891d13f582067ec1e248c331ee1e5c792b11a397a0a833380440bf6ca3eb6c95a36138e22af2437a8
7
+ data.tar.gz: 03c39b7de43370b615701938ea29dd9801dc73b6d80a733892bfb9d843d8e0572d1dd914eb85053aac37adc25b6a7c3fe1205b6286fbe7368f2c548368421675
@@ -8,18 +8,13 @@
8
8
  font-size: 80px;
9
9
  font-size: govuk-px-to-rem(80px);
10
10
  @include govuk-font($size: false, $weight: bold);
11
+ // Make the value an inline element, and the label a block level element to make them stack vertically but be announced as one element by JAWS and NVDA.
12
+ display: inline-block;
11
13
  }
12
14
 
13
15
  .gem-c-big-number__label {
14
16
  @include govuk-font($size: 19, $weight: bold);
15
-
16
- // This pseudo element is to bypass an issue with NVDA where block level elements are dictated separately.
17
- // What's happening here is that the label and the number technically have an inline relationship
18
- // but appear to have a block relationship thanks to this element
19
- &::before {
20
- content: "";
21
- display: block;
22
- }
17
+ display: block;
23
18
  }
24
19
 
25
20
  .gem-c-big-number__link {
@@ -42,10 +42,17 @@
42
42
  margin-bottom: govuk-spacing(2);
43
43
  }
44
44
 
45
- .gem-c-chart__heading {
46
- // Ensure heading content width is constrained to two thirds on desktop
45
+ .gem-c-chart__header {
46
+ // Ensure header content width is constrained to two thirds on desktop
47
47
  @include govuk-media-query($from: "desktop") {
48
- max-width: 66.6667%;
48
+ max-width: 630px;
49
+ }
50
+ }
51
+
52
+ .gem-c-chart__header--three-quarters {
53
+ // Ensure header content width is constrained to three quarters on desktop
54
+ @include govuk-media-query($from: "desktop") {
55
+ max-width: 742.5px;
49
56
  }
50
57
  }
51
58
 
@@ -2,7 +2,6 @@
2
2
  @include govuk-text-colour;
3
3
  @include govuk-font(16);
4
4
  @include responsive-bottom-margin;
5
- @include govuk-clearfix;
6
5
 
7
6
  a {
8
7
  font-weight: bold;
@@ -31,6 +30,11 @@
31
30
 
32
31
  .gem-c-metadata__list {
33
32
  margin: 0;
33
+
34
+ @include govuk-media-query($from: tablet) {
35
+ display: grid;
36
+ grid-template-columns: auto 1fr;
37
+ }
34
38
  }
35
39
 
36
40
  .gem-c-metadata--inverse-padded {
@@ -58,10 +62,8 @@
58
62
  margin-top: .5em;
59
63
 
60
64
  @include govuk-media-query($from: tablet) {
61
- box-sizing: border-box;
62
- float: inline-start;
63
65
  padding-inline-start: 0;
64
- padding-inline-end: govuk-spacing(1);
66
+ padding-inline-end: govuk-spacing(2);
65
67
  margin-top: 0;
66
68
  }
67
69
  }
@@ -71,7 +73,7 @@
71
73
 
72
74
  @include govuk-media-query($from: tablet) {
73
75
  &:not(:last-of-type) {
74
- margin-bottom: govuk-spacing(1);
76
+ margin-bottom: govuk-spacing(2);
75
77
  }
76
78
  }
77
79
  }
@@ -88,6 +90,42 @@
88
90
  display: none;
89
91
  }
90
92
 
93
+ .gem-c-metadata--history {
94
+ padding-top: govuk-spacing(2);
95
+ border-top: 1px solid $govuk-border-colour;
96
+ }
97
+
98
+ .govuk-frontend-supported .gem-c-metadata .js-hidden {
99
+ display: none;
100
+ visibility: hidden;
101
+ }
102
+
103
+ .gem-c-metadata__toggle {
104
+ display: none;
105
+
106
+ .govuk-frontend-supported & {
107
+ display: inline-block;
108
+ font-weight: normal;
109
+ }
110
+ }
111
+
112
+ .gem-c-metadata__change-history {
113
+ margin: govuk-spacing(4) 0 0 0;
114
+ padding: 0;
115
+ list-style: none;
116
+ }
117
+
118
+ .gem-c-metadata__change-date {
119
+ display: block;
120
+ margin: govuk-spacing(3) 0;
121
+ @include govuk-font(16, $weight: bold);
122
+ }
123
+
124
+ .gem-c-metadata__change-note {
125
+ margin: 0;
126
+ white-space: pre-line;
127
+ }
128
+
91
129
  // stylelint-disable declaration-no-important
92
130
  @include govuk-media-query($media-type: print) {
93
131
  .gem-c-metadata {
@@ -1,19 +1,11 @@
1
1
  @import "govuk/components/phase-banner/phase-banner";
2
2
 
3
- .gem-c-phase-banner {
4
- .govuk-phase-banner__content__app-name {
5
- display: inline-block;
6
- margin-right: govuk-spacing(2);
7
- }
8
- }
9
-
10
3
  .gem-c-phase-banner--inverse {
11
4
  .govuk-phase-banner__content__tag {
12
5
  background: govuk-colour("white");
13
6
  color: $govuk-brand-colour;
14
7
  }
15
8
 
16
- .govuk-phase-banner__content__app-name,
17
9
  .govuk-phase-banner__text,
18
10
  .govuk-link {
19
11
  color: govuk-colour("white");
@@ -37,10 +29,5 @@
37
29
  border: 1pt solid $govuk-print-text-colour;
38
30
  }
39
31
  }
40
-
41
- .govuk-phase-banner__content__app-name {
42
- margin-bottom: 1mm;
43
- font-size: 12pt;
44
- }
45
32
  }
46
33
  // stylelint-enable declaration-no-important
@@ -3,3 +3,23 @@
3
3
  .gem-c-service-navigation--full-width {
4
4
  padding-left: govuk-spacing(3);
5
5
  }
6
+
7
+ .gem-c-service-navigation--hide-service-name-on-mobile {
8
+ .govuk-service-navigation__service-name {
9
+ display: none;
10
+
11
+ @include govuk-media-query($from: tablet) {
12
+ display: block;
13
+ }
14
+ }
15
+
16
+ .govuk-service-navigation__item:first-child {
17
+ @include govuk-media-query($from: tablet) {
18
+ display: none;
19
+ }
20
+ }
21
+
22
+ .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper .govuk-service-navigation__toggle {
23
+ margin-top: govuk-spacing(2);
24
+ }
25
+ }
@@ -12,7 +12,7 @@ module GovukPublishingComponents
12
12
  },
13
13
  {
14
14
  type: "utility",
15
- apps: %w[account-api signon govspeak govspeak-preview release govuk-developer-docs govuk-chat govuk_web_banners].sort,
15
+ apps: %w[account-api signon govspeak govspeak-preview release govuk-developer-docs govuk_web_banners].sort,
16
16
  },
17
17
  ]
18
18
 
@@ -15,7 +15,6 @@ module GovukPublishingComponents
15
15
  frontend
16
16
  govspeak
17
17
  govspeak-preview
18
- govuk-chat
19
18
  govuk-developer-docs
20
19
  govuk_web_banners
21
20
  local-links-manager
@@ -7,6 +7,9 @@
7
7
  download_link ||= false
8
8
  heading ||= nil
9
9
  description ||= nil
10
+ header_three_quarters ||= false
11
+ header_class = "gem-c-chart__header"
12
+ header_class << "--three-quarters" if header_three_quarters
10
13
  source ||= false
11
14
 
12
15
  if !heading || !description
@@ -33,7 +36,7 @@
33
36
  <% @include_script[:script_included] = true %>
34
37
  <% end %>
35
38
  <%= tag.div(**component_helper.all_attributes) do %>
36
- <div class="gem-c-chart__heading">
39
+ <div class="<%= header_class %>">
37
40
  <%= render "govuk_publishing_components/components/heading", {
38
41
  text: heading,
39
42
  heading_level: heading_level,
@@ -7,6 +7,9 @@
7
7
  part_of ||= []
8
8
  part_of = Array(part_of)
9
9
 
10
+ page_history ||= []
11
+ page_history = Array(page_history)
12
+
10
13
  other ||= nil
11
14
  inverse ||= false
12
15
  inverse_compress ||= false
@@ -15,6 +18,9 @@
15
18
  component_helper.add_class("gem-c-metadata")
16
19
  component_helper.add_class("direction-#{direction}") if local_assigns.include?(:direction)
17
20
 
21
+ component_helper.add_class("gem-c-metadata--history") if page_history.any?
22
+ component_helper.set_id("full-publication-update-history") if page_history.any?
23
+
18
24
  if inverse
19
25
  component_helper.add_class("gem-c-metadata--inverse")
20
26
  component_helper.add_class("gem-c-metadata--inverse-padded") unless inverse_compress
@@ -37,6 +43,8 @@
37
43
  inverse:,
38
44
  margin_bottom: 2,
39
45
  } %>
46
+ <% elsif page_history.any? %>
47
+ <h2 class="govuk-visually-hidden"><%= t("components.metadata.hidden_heading") %></h2>
40
48
  <% end %>
41
49
  <dl class="gem-c-metadata__list">
42
50
  <% if from.any? %>
@@ -56,12 +64,12 @@
56
64
  <dd class="gem-c-metadata__definition"><%= history %></dd>
57
65
  <% end %>
58
66
  <% if local_assigns.include?(:first_published) && first_published %>
59
- <dt class="gem-c-metadata__term"><%= t("components.metadata.published") %></dt>
67
+ <dt class="gem-c-metadata__term"><%= t("components.metadata.published") %>:</dt>
60
68
  <dd class="gem-c-metadata__definition"><%= first_published %></dd>
61
69
  <% end %>
62
70
  <% if local_assigns.include?(:last_updated) && last_updated %>
63
- <dt class="gem-c-metadata__term"><%= t("components.metadata.last_updated") %></dt>
64
- <dd class="gem-c-metadata__definition">
71
+ <dt class="gem-c-metadata__term"><%= t("components.metadata.last_updated") %>:</dt>
72
+ <dd class="gem-c-metadata__definition" data-module="gem-toggle">
65
73
  <%= last_updated %>
66
74
  <% if local_assigns.include?(:see_updates_link) %>
67
75
  &#8212; <a href="#full-publication-update-history"
@@ -69,6 +77,29 @@
69
77
  <%= t("components.metadata.see_all_updates") %>
70
78
  </a>
71
79
  <% end %>
80
+ <% if page_history.any? %>
81
+ <span aria-hidden="true">&#8212; </span>
82
+ <% page_history_toggle_id = "page-history-#{SecureRandom.hex(4)}" %>
83
+ <a
84
+ href="#full-history"
85
+ class="gem-c-metadata__toggle govuk-link"
86
+ data-controls="<%= page_history_toggle_id %>"
87
+ data-expanded="false"
88
+ data-toggled-text='<%= t("components.metadata.hide_all_updates", locale: :en) %>'
89
+ data-module="ga4-event-tracker"
90
+ data-ga4-event='<%= { event_name: "select_content", type: "content history", section: "Footer" }.to_json %>'
91
+ data-ga4-expandable>
92
+ <%= t("components.metadata.show_all_updates", locale: :en) %>
93
+ </a>
94
+ <ol class="gem-c-metadata__change-history js-hidden" id="<%= page_history_toggle_id %>">
95
+ <% page_history.each do |change| %>
96
+ <li>
97
+ <time class="gem-c-metadata__change-date timestamp" datetime="<%= change[:timestamp] %>"><%= change[:display_time] %></time>
98
+ <p class="gem-c-metadata__change-note"><%= change[:note].strip %></p>
99
+ </li>
100
+ <% end %>
101
+ </ol>
102
+ <% end %>
72
103
  </dd>
73
104
  <% end %>
74
105
  <% if other.present? %>
@@ -1,5 +1,4 @@
1
1
  <%
2
- app_name ||= nil
3
2
  phase ||= nil
4
3
  message ||= nil
5
4
  inverse ||= false
@@ -33,7 +32,6 @@ end
33
32
 
34
33
  <%= tag.div(**component_helper.all_attributes) do %>
35
34
  <%= tag.p class: "govuk-phase-banner__content" do %>
36
- <%= tag.strong app_name, class: "govuk-phase-banner__content__app-name" if app_name %>
37
35
  <%= tag.strong phase.titleize, class: "govuk-tag govuk-phase-banner__content__tag" if phase %>
38
36
  <%= tag.span message, class: "govuk-phase-banner__text" if message %>
39
37
  <% end %>
@@ -5,11 +5,13 @@
5
5
  navigation_aria_label ||= t("components.layout_header.menu")
6
6
  toggle_text ||= t("components.service_navigation.menu_toggle")
7
7
  inverse ||= false
8
+ hide_service_name_on_mobile ||= false
8
9
  collapse_navigation_on_mobile = local_assigns.fetch(:collapse_navigation_on_mobile, navigation_items.length > 1)
9
10
 
10
11
  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
11
12
  component_helper.add_class("gem-c-service-navigation govuk-service-navigation")
12
13
  component_helper.add_class("govuk-service-navigation--inverse") if inverse
14
+ component_helper.add_class("gem-c-service-navigation--hide-service-name-on-mobile") if hide_service_name_on_mobile
13
15
  component_helper.add_aria_attribute({ label: "Service information" }) if service_name.present?
14
16
  component_helper.add_data_attribute({ module: "govuk-service-navigation" })
15
17
 
@@ -423,3 +423,42 @@ examples:
423
423
  - 118
424
424
  - 85
425
425
  - 80
426
+ with_a_different_header_max_width:
427
+ description: |
428
+ By default, the `max-width` of the header (heading and description) is set to `630px` which is the width of a standard GOV.UK two-thirds column. This prevents the header being too wide for legibility purposes if it is rendered in a full width container.
429
+
430
+ In some cases you might want the `max-width` to match the width of a three quarter column. Therefore you can set `header_three_quarters` to increase the max width to `742.5px`.
431
+ data:
432
+ header_three_quarters: true
433
+ heading: This heading is intentionally quite long to demonstrate the max width functionality of the component
434
+ h_axis_title: Day
435
+ v_axis_title: Views
436
+ description: Additionally, this is a description with quite a lot of words so that you can see how the description looks with a max width of three-quarters.
437
+ height: 200
438
+ keys:
439
+ - 1st
440
+ - 2nd
441
+ - 3rd
442
+ - 4th
443
+ - 5th
444
+ - 6th
445
+ - 7th
446
+ rows:
447
+ - label: January 2015
448
+ values:
449
+ - 5
450
+ - 119
451
+ - 74
452
+ - 117
453
+ - 33
454
+ - 89
455
+ - 79
456
+ - label: January 2016
457
+ values:
458
+ - 3
459
+ - 8
460
+ - 37
461
+ - 82
462
+ - 118
463
+ - 85
464
+ - 80
@@ -348,6 +348,36 @@ examples:
348
348
  first_published: 14 June 2014
349
349
  other:
350
350
  Applies to: England, Scotland, and Wales (see detailed guidance for <a href="http://www.dardni.gov.uk/news-dard-pa022-a-13-new-procedure-for" rel="external">Northern Ireland</a>)
351
+ display_page_history:
352
+ description: |
353
+ This will set up an expandable section on the page, with a top border, to let users toggle the display of the page history. It also includes a hidden H2 heading of 'Updates to this page'. This heading will not be included if one is passed to the component using the `title` option.
354
+
355
+ This example includes an expandable 'part of' section to show both toggling elements working together in one component instance.
356
+ data:
357
+ part_of:
358
+ - <a href="/government/world/afghanistan">Afghanistan</a>
359
+ - <a href="/government/world/albania">Albania</a>
360
+ - <a href="/government/world/algeria">Algeria</a>
361
+ - <a href="/government/world/angola">Angola</a>
362
+ - <a href="/government/world/anguilla">Anguilla</a>
363
+ - <a href="/government/world/argentina">Argentina</a>
364
+ - <a href="/government/world/armenia">Armenia</a>
365
+ - <a href="/government/world/australia">Australia</a>
366
+ - <a href="/government/world/austria">Austria</a>
367
+ - <a href="/government/world/azerbaijan">Azerbaijan</a>
368
+ - <a href="/government/world/bahrain">Bahrain</a>
369
+ first_published: 1st January 1990
370
+ last_updated: 20th October 2016
371
+ page_history:
372
+ - display_time: 1st January 1990
373
+ note: First published
374
+ timestamp: 1990-01-01T15:42:37.000+00:00
375
+ - display_time: 20th July 1995
376
+ note: Updated to include information for 1994
377
+ timestamp: 1995-07-20T15:42:37.000+00:00
378
+ - display_time: 14th October 2000
379
+ note: Updated information on pupil premium reviews and what information schools need to publish on their websites.
380
+ timestamp: 2000-10-14T15:42:37.000+00:00
351
381
  with_title:
352
382
  data:
353
383
  last_updated: 10 September 2015
@@ -420,13 +450,6 @@ examples:
420
450
  Applies to: England, Scotland, and Wales (see detailed guidance for <a href="http://www.dardni.gov.uk/news-dard-pa022-a-13-new-procedure-for" rel="external">Northern Ireland</a>)
421
451
  context:
422
452
  dark_background: true
423
- with_custom_margin_bottom:
424
- description: |
425
- The component accepts a number for margin bottom from `0` to `9` (`0px` to `60px`) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to the `margin-bottom` values defined in the [responsive-bottom-margin mixin](https://github.com/alphagov/govuk_publishing_components/blob/main/app/assets/stylesheets/govuk_publishing_components/components/mixins/_margins.scss#L1)
426
- data:
427
- first_published: 14 June 2014
428
- last_updated: 10 September 2015
429
- margin_bottom: 2
430
453
  without_ga4_tracking:
431
454
  description: |
432
455
  Disables the GA4 link tracker on the 'See all updates' link. Tracking is enabled by default.
@@ -20,27 +20,15 @@ examples:
20
20
  phase: beta
21
21
  message: This is an optional different message to explain what the state means in this
22
22
  context which can take <a class="govuk-link" href='https://www.gov.uk'>HTML</a>
23
- with_app_name:
24
- data:
25
- app_name: Skittles Maker
26
- phase: beta
27
23
  inverse_for_blue_background:
28
24
  data:
29
25
  phase: beta
30
26
  inverse: true
31
27
  context:
32
28
  dark_background: true
33
- inverse_for_blue_background_with_app_name:
34
- data:
35
- app_name: Skittles Maker
36
- phase: beta
37
- inverse: true
38
- context:
39
- dark_background: true
40
29
  without_ga4_tracking:
41
30
  description: |
42
31
  Disables GA4 tracking on the banner. Tracking is enabled by default. This includes link tracking on the component itself, and allows pageviews to record the presence of the banner on page load.
43
32
  data:
44
- app_name: Skittles Maker
45
33
  phase: beta
46
34
  disable_ga4: true
@@ -52,6 +52,24 @@ examples:
52
52
  href: "#"
53
53
  - text: Navigation item 3
54
54
  href: "#"
55
+ hide_service_name_on_mobile:
56
+ description: |
57
+ On desktop, use the `service_name` link to show the name of the main page and allow users to navigate to it.
58
+
59
+ On mobile, use the `toggle_text` to show the name of the main page, but allow users to navigate to it with the first link in the `navigation_items`, which is hidden on desktop.
60
+ data:
61
+ service_name: My service home
62
+ service_name_url: "/home"
63
+ hide_service_name_on_mobile: true
64
+ navigation_items:
65
+ - text: My service home
66
+ href: "/home"
67
+ - text: Navigation item 1
68
+ href: "#"
69
+ - text: Navigation item 2
70
+ href: "#"
71
+ - text: Navigation item 3
72
+ href: "#"
55
73
  with_data_attributes_on_items:
56
74
  data:
57
75
  navigation_items:
@@ -159,6 +159,9 @@ ar:
159
159
  part_of: جزء من
160
160
  published: تاريخ النشر
161
161
  see_all_updates: اطلع على كل التحديثات
162
+ hidden_heading:
163
+ hide_all_updates: إخفاء كافة التحديثات
164
+ show_all_updates: إظهار كل التحديثات
162
165
  modal_dialogue:
163
166
  close_modal: إغلاق مربع الحوار المشروط
164
167
  notice:
@@ -156,6 +156,9 @@ az:
156
156
  part_of: Hissə
157
157
  published: Dərc edilib
158
158
  see_all_updates: Bütün yeniləmələrə baxın
159
+ hidden_heading:
160
+ hide_all_updates: bütün yenilmələri gizlət
161
+ show_all_updates: bütün yeniləmələri göstər
159
162
  modal_dialogue:
160
163
  close_modal: Modal dialoqu bağla
161
164
  notice:
@@ -162,6 +162,9 @@ be:
162
162
  part_of: Частка
163
163
  published: Апублікаваны
164
164
  see_all_updates: Паглядзець усе абнаўленні
165
+ hidden_heading:
166
+ hide_all_updates: схаваць усе абнаўленні
167
+ show_all_updates: паказаць усе абнаўленні
165
168
  modal_dialogue:
166
169
  close_modal: Зачыніць мадальны дыялог
167
170
  notice:
@@ -160,6 +160,9 @@ bg:
160
160
  part_of: Част от
161
161
  published: Публикуван
162
162
  see_all_updates: Вижте всички актуализации
163
+ hidden_heading:
164
+ hide_all_updates: скриване на всички актуализации
165
+ show_all_updates: показване на всички актуализации
163
166
  modal_dialogue:
164
167
  close_modal: Затваряне на модалния диалог
165
168
  notice:
@@ -157,6 +157,9 @@ bn:
157
157
  part_of: এর অংশ
158
158
  published: প্রকাশিত হয়েছে
159
159
  see_all_updates: সকল আপডেট দেখুন
160
+ hidden_heading:
161
+ hide_all_updates: সকল আপডেট লুকান
162
+ show_all_updates: সকল আপডেট দেখান
160
163
  modal_dialogue:
161
164
  close_modal: ক্লোজ মোডাল ডায়ালগ
162
165
  notice:
@@ -161,6 +161,9 @@ cs:
161
161
  part_of: Část
162
162
  published: Zveřejněno
163
163
  see_all_updates: Vidět všechny aktualizace
164
+ hidden_heading:
165
+ hide_all_updates: skrýt všechny aktualizace
166
+ show_all_updates: zobrazit všechny aktualizace
164
167
  modal_dialogue:
165
168
  close_modal: Zavření modálního dialogu
166
169
  notice:
@@ -160,6 +160,9 @@ cy:
160
160
  part_of: Rhan o
161
161
  published: Cyhoeddwyd
162
162
  see_all_updates: Gweld pob diweddariad
163
+ hidden_heading:
164
+ hide_all_updates: cuddio pob diweddariad
165
+ show_all_updates: dangos pob diweddariad
163
166
  modal_dialogue:
164
167
  close_modal: Cau'r ddeialog foddol
165
168
  notice:
@@ -157,6 +157,9 @@ da:
157
157
  part_of: del af
158
158
  published: offentliggjort
159
159
  see_all_updates: se alle opdateringer
160
+ hidden_heading:
161
+ hide_all_updates: skjule alle opdateringer
162
+ show_all_updates: vis alle opdateringer
160
163
  modal_dialogue:
161
164
  close_modal: Luk den modale dialog
162
165
  notice:
@@ -160,6 +160,9 @@ de:
160
160
  part_of: Teil von
161
161
  published: Veröffentlicht
162
162
  see_all_updates: Alle Aktualisierungen ansehen
163
+ hidden_heading:
164
+ hide_all_updates: alle Aktualisierungen ausblenden
165
+ show_all_updates: alle Aktualisierungen anzeigen
163
166
  modal_dialogue:
164
167
  close_modal: Dialog schließen
165
168
  notice:
@@ -158,6 +158,9 @@ dr:
158
158
  part_of: بخشی از
159
159
  published: منتشر شده است
160
160
  see_all_updates: تمام آپدیت ها را مشاهده نمایید
161
+ hidden_heading:
162
+ hide_all_updates: مخفی کردن تمام آپدیت ها
163
+ show_all_updates: تمام آپدیت ها را نمایش دهید
161
164
  modal_dialogue:
162
165
  close_modal: دیالوگ کیفی را بسته نمایید
163
166
  notice:
@@ -156,6 +156,9 @@ el:
156
156
  part_of: Μέρος του
157
157
  published: Δημοσιεύθηκε
158
158
  see_all_updates: Δείτε όλες τις ενημερώσεις
159
+ hidden_heading:
160
+ hide_all_updates: απόκρυψη όλων των ενημερώσεων
161
+ show_all_updates: εμφάνιση όλων των ενημερώσεων
159
162
  modal_dialogue:
160
163
  close_modal: Κλείσιμο παράθυρου διαλόγου
161
164
  notice:
@@ -263,6 +263,9 @@ en:
263
263
  part_of: Part of
264
264
  published: Published
265
265
  see_all_updates: See all updates
266
+ hidden_heading: Updates to this page
267
+ hide_all_updates: Hide all updates
268
+ show_all_updates: Show all updates
266
269
  modal_dialogue:
267
270
  close_modal: Close modal dialogue
268
271
  notice:
@@ -156,6 +156,9 @@ es-419:
156
156
  part_of: Parte de
157
157
  published: Publicado
158
158
  see_all_updates: Ver todas las novedades
159
+ hidden_heading:
160
+ hide_all_updates: ocultar todas las novedades
161
+ show_all_updates: mostrar todas las actualizaciones
159
162
  modal_dialogue:
160
163
  close_modal: Cerrar diálogo modal
161
164
  notice:
@@ -156,6 +156,9 @@ es:
156
156
  part_of: Parte de
157
157
  published: Publicado
158
158
  see_all_updates: Ver todas las actualizaciones
159
+ hidden_heading:
160
+ hide_all_updates: ocultar todas las actualizaciones
161
+ show_all_updates: mostrar todas las actualizaciones
159
162
  modal_dialogue:
160
163
  close_modal: Cierre el cuadro de diálogo modal
161
164
  notice:
@@ -159,6 +159,9 @@ et:
159
159
  part_of: Osa
160
160
  published: Avaldatud
161
161
  see_all_updates: Vt kõiki värskendusi
162
+ hidden_heading:
163
+ hide_all_updates: peida kõik värskendused
164
+ show_all_updates: kuva kõik värskendused
162
165
  modal_dialogue:
163
166
  close_modal: Sule modaalne dialoog
164
167
  notice: