govuk_publishing_components 24.19.0 → 24.20.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (79) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/govuk_publishing_components/components/layout-super-navigation-header.js +71 -0
  3. data/app/assets/javascripts/govuk_publishing_components/lib/trigger-event.js +13 -2
  4. data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +1 -0
  5. data/app/assets/stylesheets/govuk_publishing_components/_all_components_print.scss +1 -0
  6. data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +125 -0
  7. data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_typography.scss +9 -0
  8. data/app/assets/stylesheets/govuk_publishing_components/components/print/_layout-super-navigation-header.scss +3 -0
  9. data/app/views/govuk_publishing_components/components/_govspeak.html.erb +2 -0
  10. data/app/views/govuk_publishing_components/components/_layout_for_public.html.erb +17 -12
  11. data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb +121 -0
  12. data/app/views/govuk_publishing_components/components/docs/govspeak.yml +9 -0
  13. data/app/views/govuk_publishing_components/components/docs/layout_super_navigation_header.yml +22 -0
  14. data/config/locales/ar.yml +8 -0
  15. data/config/locales/az.yml +8 -0
  16. data/config/locales/be.yml +8 -0
  17. data/config/locales/bg.yml +8 -0
  18. data/config/locales/bn.yml +8 -0
  19. data/config/locales/cs.yml +8 -0
  20. data/config/locales/cy.yml +8 -0
  21. data/config/locales/da.yml +8 -0
  22. data/config/locales/de.yml +8 -0
  23. data/config/locales/dr.yml +8 -0
  24. data/config/locales/el.yml +8 -0
  25. data/config/locales/en.yml +85 -0
  26. data/config/locales/es-419.yml +8 -0
  27. data/config/locales/es.yml +8 -0
  28. data/config/locales/et.yml +8 -0
  29. data/config/locales/fa.yml +8 -0
  30. data/config/locales/fi.yml +8 -0
  31. data/config/locales/fr.yml +8 -0
  32. data/config/locales/gd.yml +8 -0
  33. data/config/locales/gu.yml +8 -0
  34. data/config/locales/he.yml +8 -0
  35. data/config/locales/hi.yml +8 -0
  36. data/config/locales/hr.yml +8 -0
  37. data/config/locales/hu.yml +8 -0
  38. data/config/locales/hy.yml +8 -0
  39. data/config/locales/id.yml +8 -0
  40. data/config/locales/is.yml +8 -0
  41. data/config/locales/it.yml +8 -0
  42. data/config/locales/ja.yml +8 -0
  43. data/config/locales/ka.yml +8 -0
  44. data/config/locales/kk.yml +8 -0
  45. data/config/locales/ko.yml +8 -0
  46. data/config/locales/lt.yml +8 -0
  47. data/config/locales/lv.yml +8 -0
  48. data/config/locales/ms.yml +8 -0
  49. data/config/locales/mt.yml +8 -0
  50. data/config/locales/nl.yml +8 -0
  51. data/config/locales/no.yml +8 -0
  52. data/config/locales/pa-pk.yml +8 -0
  53. data/config/locales/pa.yml +8 -0
  54. data/config/locales/pl.yml +8 -0
  55. data/config/locales/ps.yml +8 -0
  56. data/config/locales/pt.yml +8 -0
  57. data/config/locales/ro.yml +8 -0
  58. data/config/locales/ru.yml +8 -0
  59. data/config/locales/si.yml +8 -0
  60. data/config/locales/sk.yml +8 -0
  61. data/config/locales/sl.yml +8 -0
  62. data/config/locales/so.yml +8 -0
  63. data/config/locales/sq.yml +8 -0
  64. data/config/locales/sr.yml +8 -0
  65. data/config/locales/sv.yml +8 -0
  66. data/config/locales/sw.yml +8 -0
  67. data/config/locales/ta.yml +8 -0
  68. data/config/locales/th.yml +8 -0
  69. data/config/locales/tk.yml +8 -0
  70. data/config/locales/tr.yml +8 -0
  71. data/config/locales/uk.yml +8 -0
  72. data/config/locales/ur.yml +8 -0
  73. data/config/locales/uz.yml +8 -0
  74. data/config/locales/vi.yml +8 -0
  75. data/config/locales/zh-hk.yml +8 -0
  76. data/config/locales/zh-tw.yml +8 -0
  77. data/config/locales/zh.yml +8 -0
  78. data/lib/govuk_publishing_components/version.rb +1 -1
  79. metadata +6 -1
@@ -25,6 +25,15 @@ examples:
25
25
  block: |
26
26
  <h2>This is a title</h2>
27
27
  <p>This is some body text with <a href="https://example.com">a link</a>.</p>
28
+ inverted:
29
+ description: This option currently supports basic inversion of only headings, paragraphs and links.
30
+ data:
31
+ inverse: true
32
+ block: |
33
+ <h2>This is a title</h2>
34
+ <p>This is some body text with <a href="https://example.com">a link</a>.</p>
35
+ context:
36
+ dark_background: true
28
37
  heading_levels:
29
38
  data:
30
39
  block: |
@@ -0,0 +1,22 @@
1
+ name: Layout super navigation header
2
+ description: The super navigation header provides a consistent header across GOV.UK.
3
+ body: |
4
+ shared_accessibility_criteria:
5
+ - link
6
+ accessibility_criteria: |
7
+ The component must:
8
+
9
+ * have a text contrast ratio higher than 4.5:1 against the background colour to meet WCAG AA
10
+
11
+ Images in the super navigation header must:
12
+
13
+ * be presentational when linked to from accompanying text (crown icon).
14
+
15
+ Landmarks and Roles in the super navigation header should:
16
+
17
+ * have a role of banner at the root of the component (<header>) (ARIA 1.1)
18
+ accessibility_excluded_rules:
19
+ - landmark-banner-is-top-level # The header element can not be top level in the examples
20
+ - landmark-no-duplicate-banner # banners will be duplicated in component examples list
21
+ examples:
22
+ default:
@@ -79,6 +79,14 @@ ar:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ az:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ be:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ bg:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ bn:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ cs:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ cy:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ da:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ de:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ dr:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ el:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -86,6 +86,91 @@ en:
86
86
  search_button: Search GOV.UK
87
87
  show_button: Show search
88
88
  top_level: Top level
89
+ layout_super_navigation_header:
90
+ logo_link_title: Go to the GOV.UK homepage
91
+ logo_text: GOV.UK
92
+ navigation_menu_heading: Navigation menu
93
+ search_text: Search GOV.UK
94
+ popular_links_heading: Popular on GOV.UK
95
+ popular_links:
96
+ - label: 'Coronavirus (COVID-19): rules'
97
+ href: /guidance/covid-19-coronavirus-restrictions-what-you-can-and-cannot-do
98
+ - label: 'Brexit: check what you need to do'
99
+ href: /brexit
100
+ - label: Sign in to your personal tax account
101
+ href: /personal-tax-account
102
+ - label: Find a job
103
+ href: /find-a-job
104
+ - label: Sign in to your Universal Credit account
105
+ href: /sign-in-universal-credit
106
+ navigation_links:
107
+ - label: Topics
108
+ href: /browse
109
+ description: Find information and services
110
+ show: true
111
+ menu_contents:
112
+ - label: Benefits
113
+ href: /browse/benefits
114
+ - label: Births, death, marriages and care
115
+ href: /browse/births-deaths-marriages
116
+ - label: Brexit
117
+ href: /brexit
118
+ - label: Business and self-employed
119
+ href: /browse/business
120
+ - label: Childcare and parenting
121
+ href: /browse/childcare-parenting
122
+ - label: Citizenship and living in the UK
123
+ href: /browse/citizenship
124
+ - label: Coronavirus (COVID‑19)
125
+ href: /coronavirus
126
+ - label: Crime, justice and the law
127
+ href: /browse/justice
128
+ - label: Disabled people
129
+ href: /browse/disabilities
130
+ - label: Driving and transport
131
+ href: /browse/driving
132
+ - label: Education and learning
133
+ href: /browse/education
134
+ - label: Employing people
135
+ href: /browse/employing-people
136
+ - label: Environment and countryside
137
+ href: /browse/environment-countryside
138
+ - label: Housing and local services
139
+ href: /browse/housing-local-services
140
+ - label: Money and tax
141
+ href: /browse/tax
142
+ - label: Passports, travel and living abroad
143
+ href: /browse/abroad
144
+ - label: Visas and immigration
145
+ href: /browse/visas-immigration
146
+ - label: Working, jobs and pensions
147
+ href: /browse/working
148
+ - label: Departments
149
+ href: /government/organisations
150
+ - label: Government activity
151
+ href: /search/news-and-communications
152
+ description: Find out what the government is doing
153
+ menu_contents:
154
+ - label: News
155
+ href: /search/news-and-communications
156
+ description: News stories, speeches, letters and notices
157
+ - label: Guidance and regulation
158
+ href: /search/guidance-and-regulation
159
+ description: Detailed guidance, regulations and rules
160
+ - label: Research and statistics
161
+ href: /search/research-and-statistics
162
+ description: Reports, analysis and official statistics
163
+ - label: Policy papers and consultation
164
+ href: /search/policy-papers-and-consultations
165
+ description: Consultations and strategy
166
+ - label: Transparency
167
+ href: /search/transparency-and-freedom-of-information-releases
168
+ description: Government data, freedom of information releases and corporate reports
169
+ footer_links:
170
+ - label: How government works
171
+ href: /government/how-government-works
172
+ - label: Get involved
173
+ href: /government/get-involved
89
174
  metadata:
90
175
  from: From
91
176
  history: History
@@ -79,6 +79,14 @@ es-419:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ es:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ et:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ fa:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ fi:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ fr:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ gd:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ gu:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history:
@@ -79,6 +79,14 @@ he:
79
79
  search_button:
80
80
  show_button:
81
81
  top_level:
82
+ layout_super_navigation_header:
83
+ logo_link_title:
84
+ logo_text:
85
+ navigation_menu_heading:
86
+ search_text:
87
+ popular_links_heading:
88
+ popular_links:
89
+ navigation_links:
82
90
  metadata:
83
91
  from:
84
92
  history: