govuk_publishing_components 31.2.0 → 32.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 91b9d62f7f0bee126ffb2fa60dcca311f06489100cdc686a4c4404f54ae4c4e3
-  data.tar.gz: df1410de982d60ae348bad56b9dda41ea67666d1c4117b5f61260998aaac9bea
+  metadata.gz: c43bb9be56d4b486f1307f54c8afde28338f6e2e5e1da7cb0fcc3de5135d501e
+  data.tar.gz: 00cec842aa8b242b7eb85aaa9c7d92e6160e08ea2b1ebe4aec988c04b6cd0c7e
 SHA512:
-  metadata.gz: 3ce3821fa73df20270408a383dba70232b5312628fe31299bc8b3b6577dc786da3e1afe24e72dcd38a1217e04739563b2a09bde9f4a8228f50c1a63c656ca7b9
-  data.tar.gz: 8ea5b431d7ed318852c4c1fdd1991b09f28d8abca00d8732b5cb6cf4de698a1a66a98fb5298ac49769666867d5641275e284fff04d8f12e950ee22c0809a4359
+  metadata.gz: eaf661b0cf8beb915a3785cd80bbf9eba5e86c8de5a8bc5687baab61e69a3e1dff0018bab7036ee50ed4b98b8a0365e8d93654d121a803b5ed9289172eedfa7d
+  data.tar.gz: 01ab80117be5494596b4d0050c560050d167772cb887a79b3af86440dc7071a2aa9c87229279ba932a89e5bd9bb0d56cf4d70d5028486114d1435dacfb99b288

data/app/assets/images/govuk_publishing_components/action-link-arrow--blue.svg

@@ -1,3 +1,9 @@
-<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4893 23C17.8406 23 22.9893 17.8513 22.9893 11.5C22.9893 5.14873 17.8406 0 11.4893 0C5.64643 0 0.821276 4.35747 0.0862655 10H12.7633L8.98933 5.67277L10.4482 4L16.9893 11.5L10.4482 19L8.98933 17.3272L13.6354 12H0C0.261778 18.1193 5.30558 23 11.4893 23ZM13.9893 11.5942L14.0715 11.5L13.9893 11.4057V11.5942Z" fill="#366FB3"/>
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="19.5" cy="19.5" r="19.5" fill="#366FB3" mask="url(#mask)"/>
+
+<mask id="mask">
+	<rect width="100%" height="100%" fill="white"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0343 20L14.1812 10.1469L17.0096 7.31848L29.6912 20L17.0096 32.6815L14.1812 29.8531L24.0343 20Z" fill="black"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M0.000423781 18L25.1328 18L25.1328 22L0.000423431 22L0.000423781 18Z" fill="black"/>
+</mask>
 </svg>

data/app/assets/javascripts/component_guide/accessibility-test.js

@@ -24,7 +24,6 @@
     })
 
     var axeOptions = {
-      restoreScroll: true,
       include: [selector],
       rules: axeRules
     }

data/app/assets/javascripts/govuk_publishing_components/analytics/track-click.js

@@ -19,7 +19,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
       var target = e.target
       if (!trackLinksOnly) {
         that.$module.handleClick(target)
-      } else if (trackLinksOnly && target.tagName === 'A') {
+      } else if (trackLinksOnly && target.closest('a')) {
         if (!limitToElementClass) {
           that.$module.handleClick(target)
         } else if (limitToElementClass && target.closest('.' + limitToElementClass)) {

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-ecommerce-tracker.js

@@ -9,12 +9,17 @@
     PIIRemover: new GOVUK.analyticsGa4.PIIRemover(),
     DEFAULT_LIST_TITLE: 'Site search results',
 
-    init: function (isNewPageLoad) {
+    init: function (referrer) {
       if (window.dataLayer) {
+        /* The referrer parameter is only passed to the init() function as a result of an AJAX request
+        (in live_search.js in the finder-frontend repository). Otherwise it will not be available and this indicates a fresh page load.
+        This is needed to trigger a fresh pageViewTracker push to the dataLayer on dynamic page updates and to prevent multiple
+        click listeners from being applied on this.searchResultsBlocks elements. */
+        var isNewPageLoad = !referrer
+
         /* The data-ga4-ecommerce attribute may be present on several DOM elements e.g. search results and spelling
         suggestions, hence why document.querySelectorAll is required */
         this.searchResultsBlocks = document.querySelectorAll('[data-ga4-ecommerce]')
-        this.isNewPageLoad = isNewPageLoad
 
         if (!this.searchResultsBlocks.length === 0) {
           return
@@ -23,18 +28,18 @@
         /* If the results are updated by JS, the URL of the page will change and this needs to be visible to PA's,
         hence the pageView object push to the dataLayer. We do not need to send a pageView object on page load as
         this is handled elsewhere. */
-        if (!this.isNewPageLoad) {
+        if (referrer) {
           var pageViewTracker = window.GOVUK.analyticsGa4.analyticsModules.PageViewTracker
 
           if (pageViewTracker) {
-            pageViewTracker.init()
+            pageViewTracker.init(referrer)
           }
         }
 
         for (var i = 0; i < this.searchResultsBlocks.length; i++) {
           this.trackSearchResults(this.searchResultsBlocks[i])
 
-          if (this.isNewPageLoad) {
+          if (isNewPageLoad) {
             this.searchResultsBlocks[i].addEventListener('click', this.handleClick.bind(this))
           }
         }

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-event-tracker.js

@@ -51,8 +51,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
         }
       }
 
-      // Ensure it only tracks aria-expanded in an accordion element, instead of in any child of the clicked element
-      if (target.closest('.gem-c-accordion')) {
+      /* Ensure it only tracks aria-expanded in an accordion or element with data-ga4-expandable on it. */
+      if (target.closest('.gem-c-accordion') || target.closest('[data-ga4-expandable]')) {
         var ariaExpanded = this.getClosestAttribute(target, 'aria-expanded')
       }
 

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/ga4-page-views.js

@@ -9,13 +9,15 @@ window.GOVUK.analyticsGa4.analyticsModules = window.GOVUK.analyticsGa4.analytics
     PIIRemover: new window.GOVUK.analyticsGa4.PIIRemover(), // imported in analytics-ga4.js
     nullValue: undefined,
 
-    init: function () {
+    init: function (referrer) {
       if (window.dataLayer) {
         var data = {
           event: 'page_view',
           page_view: {
             location: this.getLocation(),
-            referrer: this.getReferrer(),
+            /* If the init() function receives a referrer parameter, this indicates that it has been called as a part of an AJAX request and
+            this.getReferrer() will not return the correct value. Therefore we need to rely on the referrer parameter. */
+            referrer: referrer || this.getReferrer(),
             title: this.getTitle(),
             status_code: this.getStatusCode(),
 
@@ -42,7 +44,12 @@ window.GOVUK.analyticsGa4.analyticsModules = window.GOVUK.analyticsGa4.analytics
             political_status: this.getMetaContent('political-status'),
             primary_publishing_organisation: this.getMetaContent('primary-publishing-organisation'),
             organisations: this.getMetaContent('analytics:organisations'),
-            world_locations: this.getMetaContent('analytics:world-locations')
+            world_locations: this.getMetaContent('analytics:world-locations'),
+
+            /* The existence of a referrer parameter indicates that the page has been dynamically updated via an AJAX request
+            and therefore we can use it to set the dynamic property appropriately. This value is used by PA's to differentiate
+            between fresh page loads and dynamic page updates. */
+            dynamic: referrer ? 'true' : 'false'
           }
         }
         window.GOVUK.analyticsGa4.core.sendData(data)

data/app/assets/javascripts/govuk_publishing_components/components/layout-super-navigation-header.js

@@ -98,13 +98,22 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     return $menu.querySelectorAll('button[aria-expanded="true"]').length > 0
   }
 
-  // Returns what screen size the window is currently. Returns a string of
-  // either `desktop` or `mobile` so it can be interpolated to access the
+  // Detect the current viewport width. Return the string `desktop` or `mobile` so it can be interpolated to access the
   // `data-toggle-{desktop|mobile}-group` attribute.
+  //
+  // Use `matchedia` which mitigates issues in modern browsers when scrollbars are forced in MacOS (using `document.documentElement.clientWidth`
+  // for viewport width detection has issues in Chrome and Firefox, and `window.innerWidth` has issues in Safari).
+  //
+  //  Fall back to `document.documentElement.clientWidth` for legacy browsers.
   var windowSize = function () {
-    return document.documentElement.clientWidth >= SETTINGS.breakpoint.desktop ? 'desktop' : 'mobile'
+    var viewport = false
+    if (typeof window.matchMedia === 'function') {
+      viewport = window.matchMedia('(min-width:' + SETTINGS.breakpoint.desktop + 'px)').matches
+    } else {
+      viewport = document.documentElement.clientWidth >= SETTINGS.breakpoint.desktop
+    }
+    return viewport ? 'desktop' : 'mobile'
   }
-
   function SuperNavigationMegaMenu ($module) {
     this.$module = $module
     this.$navigationToggle = this.$module.querySelector('#super-navigation-menu-toggle')

data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss

@@ -26,12 +26,6 @@ $share-button-height: 30px;
   @include govuk-template-link-focus-override;
 }
 
-.gem-c-share-links__title {
-  @include govuk-text-colour;
-  @include govuk-font($size: 16, $line-height: 1.5);
-  margin: 0 0 govuk-spacing(2) 0;
-}
-
 .gem-c-share-links__link-icon {
   position: absolute;
   top: 0;

data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb

@@ -15,7 +15,7 @@
   hide_navigation_menu_text = t("components.layout_super_navigation_header.menu_toggle_label.hide", :label => "navigation")
   show_navigation_menu_text = t("components.layout_super_navigation_header.menu_toggle_label.show", :label => "navigation")
 %>
-<header role="banner" class="gem-c-layout-super-navigation-header" data-module="gem-track-click" data-track-links-only>
+<header role="banner" class="gem-c-layout-super-navigation-header" data-module="gem-track-click ga4-event-tracker" data-track-links-only data-ga4-expandable>
   <div class="gem-c-layout-super-navigation-header__container govuk-width-container govuk-clearfix">
     <div class="gem-c-layout-super-navigation-header__header-logo">
       <a
@@ -78,6 +78,14 @@
         hidden
         id="super-navigation-menu-toggle"
         type="button"
+        data-ga4="<%= {
+          "event_name": "select_content",
+          "type": "header menu bar",
+          "text": "Menu",
+          "index": 1,
+          "index_total": navigation_links.length + 2,
+          "section": "Menu"
+        }.to_json %>"
       >
         <span class="gem-c-layout-super-navigation-header__navigation-top-toggle-button-inner">
           Menu
@@ -124,6 +132,14 @@
                     toggle_desktop_group: "top",
                     toggle_mobile_group: "second",
                     tracking_key: tracking_label,
+                    ga4: {
+                      event_name: "select_content",
+                      type: "header menu bar",
+                      text: link[:label],
+                      index: index + 2,
+                      index_total: navigation_links.length + 2,
+                      section: link[:label]
+                    }
                   },
                   hidden: true,
                   id: "super-navigation-menu__section-#{unique_id}-toggle",
@@ -217,6 +233,14 @@
         hidden
         id="super-search-menu-toggle"
         type="button"
+        data-ga4="<%= {
+          "event_name": "select_content",
+          "type": "header menu bar",
+          "text": "Search",
+          "index": navigation_links.length + 2,
+          "index_total": navigation_links.length + 2,
+          "section": "Search"
+        }.to_json %>"
       >
         <span class="govuk-visually-hidden">
           <%= search_text %>

data/app/views/govuk_publishing_components/components/_share_links.html.erb

@@ -20,9 +20,11 @@
 <% if links.any? %>
   <%= tag.div(class: classes, data: data_attributes) do %>
     <% if title %>
-      <h2 class="gem-c-share-links__title"><%= title %></h2>
+      <h2 class="govuk-heading-s"><%= title %></h2>
     <% end %>
-
+    <p class="govuk-body-s">
+      <%= t('components.share_links.all_opens_in_new_tab') %>
+    </p>
     <ul class="gem-c-share-links__list">
       <% links.each_with_index do |link, index| %>
         <% link_text = capture do %>
@@ -34,6 +36,9 @@
             <% end %>
           </span>
           <%= link[:text] %>
+          <span class="govuk-visually-hidden">
+            <%= t('components.share_links.opens_in_new_tab') %>
+          </span>
         <% end %>
         <li class="gem-c-share-links__list-item">
           <%

data/app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb

@@ -39,25 +39,32 @@
       } %>
 
       <%= render "govuk_publishing_components/components/button", {
-        text: t("components.feedback.send")
+        text: t("components.feedback.send"),
+        data_attributes: {
+          ga4: {
+            event_name: "form_submit",
+            type: "feedback",
+            text: "Send",
+            section: "Help us improve GOV.UK",
+          }
+        }
       } %>
 
-    <button
-      class="govuk-button govuk-button--secondary gem-c-feedback__close gem-c-feedback__js-show js-close-form"
-      data-track-category="Onsite Feedback"
-      data-track-action="GOV.UK Close Form"
-      aria-controls="something-is-wrong"
-      aria-expanded="true">
-      <%= t("components.feedback.close") %>
-    </button>
-
+      <button
+        class="govuk-button govuk-button--secondary gem-c-feedback__close gem-c-feedback__js-show js-close-form"
+        data-track-category="Onsite Feedback"
+        data-track-action="GOV.UK Close Form"
+        aria-controls="something-is-wrong"
+        aria-expanded="true">
+        <%= t("components.feedback.close") %>
+      </button>
     </div>
   </div>
 </form>
 
 <%
-  # I've added the following script inline in case of a scenario where a bot is able to parse the page, 
-  # without downloading any of the external scripts. 
+  # I've added the following script inline in case of a scenario where a bot is able to parse the page,
+  # without downloading any of the external scripts.
   # This seems to be a more reliable way to make sure the script is executed.
 %>
 

data/app/views/govuk_publishing_components/components/feedback/_survey_signup_form.html.erb

@@ -25,8 +25,16 @@
         describedby: "survey_explanation"
       } %>
 
-       <%= render "govuk_publishing_components/components/button", {
+      <%= render "govuk_publishing_components/components/button", {
         text: t("components.feedback.send_me_survey"),
+        data_attributes: {
+          ga4: {
+            event_name: "form_submit",
+            type: "feedback",
+            text: "Send me the survey",
+            section: "Help us improve GOV.UK",
+          }
+        }
       } %>
 
       <button
@@ -38,7 +46,7 @@
         hidden>
         <%= t("components.feedback.close") %>
       </button>
-      
+
     </div>
   </div>
 </form>

data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb

@@ -39,10 +39,9 @@
     </div>
 
     <div class="gem-c-feedback__prompt-questions gem-c-feedback__prompt-questions--something-is-wrong js-prompt-questions" hidden>
-      <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">
+      <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" data-ga4='{"event_name":"form_submit","type":"feedback","text":"Report a problem with this page", "section": "Is this page useful?"}'>
         <%= t("components.feedback.something_wrong") %>
       </button>
     </div>
-    
   </div>
 </div>

data/config/locales/ar.yml

@@ -167,13 +167,16 @@ ar:
         link_text: تحقق مما تحتاج إلى القيام به
         title: برِيكْسِت
       ukraine:
-        title:
         links:
+        title:
       world_locations: المواقع العالمية
     search_box:
       input_title: بحث
       label: بحث على GOV.UK
       search_button: بحث
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: كلمة مرورك مخفيَّة
       announce_show: كلمة مرورك معروضة

data/config/locales/az.yml

@@ -163,13 +163,16 @@ az:
         link_text: Nələri etməli olduğunuzu yoxlayın
         title: Brexit
       ukraine:
-        title:
         links:
+        title:
       world_locations: Dünya üzrə yerləri
     search_box:
       input_title: Axtar
       label: GOV.UK-də axtar
       search_button: Axtar
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: Şifrəniz gizlədilib
       announce_show: Şifrəniz göstərilir

data/config/locales/be.yml

@@ -170,13 +170,16 @@ be:
         link_text: Праверце, што вам трэба зрабіць
         title: Брэкзiт
       ukraine:
-        title:
         links:
+        title:
       world_locations: Мы ў свеце
     search_box:
       input_title: Пошук
       label: Шукаць на GOV.UK
       search_button: Пошук
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: Ваш пароль схаваны
       announce_show: Ваш пароль адлюстроўваецца

data/config/locales/bg.yml

@@ -168,13 +168,16 @@ bg:
         link_text: Проверете какво трябва да направите
         title: Брекзит
       ukraine:
-        title:
         links:
+        title:
       world_locations: Местоположения по света
     search_box:
       input_title: Търсене
       label: Търсене в GOV.UK
       search_button: Търсене
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: Вашата парола е скрита
       announce_show: Вашата парола е видима

data/config/locales/bn.yml

@@ -165,13 +165,16 @@ bn:
         link_text: আপনার যা করা প্রয়োজন তা দেখুন
         title: ব্রেক্সিট
       ukraine:
-        title:
         links:
+        title:
       world_locations: বিশ্বের অবস্থানসমূহ
     search_box:
       input_title: খুঁজুন
       label: GOV.UK-এ অনুসন্ধান করুন
       search_button: খুঁজুন
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: আপনার পাসওয়ার্ড লুকানো
       announce_show: আপনার পাসওয়ার্ড দেখানো হয়েছে

data/config/locales/cs.yml

@@ -169,13 +169,16 @@ cs:
         link_text: Zkontrolujte, co je třeba udělat
         title: Brexit
       ukraine:
-        title:
         links:
+        title:
       world_locations: Místa ve světě
     search_box:
       input_title: Vyhledávání
       label: Vyhledávání na GOV.UK
       search_button: Vyhledávání
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: Vaše heslo je skryté
       announce_show: Zobrazí se vaše heslo

data/config/locales/cy.yml

@@ -168,13 +168,16 @@ cy:
         link_text: Gwiriwch beth mae angen i chi wneud
         title: Brexit
       ukraine:
-        title:
         links:
+        title:
       world_locations: Lleoliadau byd-eang
     search_box:
       input_title: Chwilio
       label: Chwilio ar GOV.UK
       search_button: Chwilio
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: Mae eich cyfrinair wedi'i guddio
       announce_show: Mae eich cyfrinair yn cael ei ddangos

data/config/locales/da.yml

@@ -165,13 +165,16 @@ da:
         link_text: Tjek hvad du skal gøre
         title: Brexit
       ukraine:
-        title:
         links:
+        title:
       world_locations: Verden Placeringer
     search_box:
       input_title: Søge
       label: Søg i GOV.UK
       search_button: Søge
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: Din adgangskode er skjult
       announce_show: Din adgangskode vises

data/config/locales/de.yml

@@ -168,13 +168,16 @@ de:
         link_text: Prüfen Sie, was Sie machen müssen
         title: Brexit
       ukraine:
-        title:
         links:
+        title:
       world_locations: Weltweite Standorte
     search_box:
       input_title: Suche
       label: Auf GOV.UK suchen
       search_button: Suche
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: Ihr Passwort ist ausgeblendet
       announce_show: Ihr Passwort ist eingeblendet

data/config/locales/dr.yml

@@ -166,13 +166,16 @@ dr:
         link_text: بیبینید که چه کاری باید انجام دهید
         title: برکست
       ukraine:
-        title:
         links:
+        title:
       world_locations: موقعیت هایی جهان
     search_box:
       input_title: جستجو نمایید
       label: در GOV.UK جستجو نمایید
       search_button: جستجو نمایید
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: رمز عبور شما مخفی شده است
       announce_show: رمز عبور شما نشان داده شده است

data/config/locales/el.yml

@@ -164,13 +164,16 @@ el:
         link_text: Ελέγξτε τι πρέπει να κάνετε
         title: Brexit
       ukraine:
-        title:
         links:
+        title:
       world_locations: Παγκόσμιες τοποθεσίες
     search_box:
       input_title: Αναζήτηση
       label: Αναζήτηση στο GOV.UK
       search_button: Αναζήτηση
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: Ο κωδικός πρόσβασής σας είναι κρυμμένος
       announce_show: Ο κωδικός πρόσβασής σας εμφανίζεται

data/config/locales/en.yml

@@ -232,16 +232,16 @@ en:
       navigation_search_heading: Search and popular pages
       navigation_search_subheading: Search
       popular_links:
-      - label: 'Check benefits and financial support you can get'
-        href: '/check-benefits-financial-support'
+      - label: Check benefits and financial support you can get
+        href: "/check-benefits-financial-support"
       - label: 'Limits on energy prices: Energy Price Guarantee'
-        href: '/government/publications/energy-bills-support/energy-bills-support-factsheet-8-september-2022'
-      - label: 'Find a job'
-        href: '/find-a-job'
-      - label: 'Coronavirus (COVID-19)'
-        href: '/coronavirus'
+        href: "/government/publications/energy-bills-support/energy-bills-support-factsheet-8-september-2022"
+      - label: Find a job
+        href: "/find-a-job"
+      - label: Coronavirus (COVID-19)
+        href: "/coronavirus"
       - label: 'Universal Credit account: sign in'
-        href: '/sign-in-universal-credit'
+        href: "/sign-in-universal-credit"
       popular_links_heading: Popular on GOV.UK
       search_text: Search GOV.UK
     metadata:
@@ -292,21 +292,24 @@ en:
         link_text: Check what you need to do
         title: Brexit
       ukraine:
-        title: Invasion of Ukraine
         links:
-        - label: "UK visa support for Ukrainian nationals"
-          href:  "https://www.gov.uk/guidance/support-for-family-members-of-british-nationals-in-ukraine-and-ukrainian-nationals-in-ukraine-and-the-uk"
-        - label: "Move to the UK if you're coming from Ukraine"
-          href:  "https://www.gov.uk/guidance/move-to-the-uk-if-youre-from-ukraine"
-        - label: "Homes for Ukraine: record your interest"
-          href:  "https://www.gov.uk/register-interest-homes-ukraine"
-        - label: "Find out about the UK’s response"
-          href:  "https://ukstandswithukraine.campaign.gov.uk/"
+        - label: UK visa support for Ukrainian nationals
+          href: https://www.gov.uk/guidance/support-for-family-members-of-british-nationals-in-ukraine-and-ukrainian-nationals-in-ukraine-and-the-uk
+        - label: Move to the UK if you're coming from Ukraine
+          href: https://www.gov.uk/guidance/move-to-the-uk-if-youre-from-ukraine
+        - label: 'Homes for Ukraine: record your interest'
+          href: https://www.gov.uk/register-interest-homes-ukraine
+        - label: Find out about the UK’s response
+          href: https://ukstandswithukraine.campaign.gov.uk/
+        title: Invasion of Ukraine
       world_locations: World locations
     search_box:
       input_title: Search
       label: Search on GOV.UK
       search_button: Search
+    share_links:
+      all_opens_in_new_tab: Sharing will open the page in a new tab
+      opens_in_new_tab: "(opens in new tab)"
     show_password:
       announce_hide: Your password is hidden
       announce_show: Your password is shown

data/config/locales/es-419.yml

@@ -164,13 +164,16 @@ es-419:
         link_text: Verifique lo que debe hacer
         title: Brexit
       ukraine:
-        title:
         links:
+        title:
       world_locations: Ubicaciones en el mundo
     search_box:
       input_title: Buscar
       label: Buscar en GOV.UK
       search_button: Buscar
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: Su contraseña está oculta
       announce_show: Se muestra su contraseña

data/config/locales/es.yml

@@ -164,13 +164,16 @@ es:
         link_text: Compruebe lo que necesita hacer
         title: Brexit
       ukraine:
-        title:
         links:
+        title:
       world_locations: Ubicaciones mundiales
     search_box:
       input_title: Buscar
       label: Buscar en GOV.UK
       search_button: Buscar
+    share_links:
+      all_opens_in_new_tab:
+      opens_in_new_tab:
     show_password:
       announce_hide: La contraseña está oculta
       announce_show: Se muestra su contraseña