govuk_publishing_components 32.1.0 → 35.0.0

data/app/views/govuk_publishing_components/components/docs/step_by_step_nav.yml

@@ -72,6 +72,60 @@ examples:
           ]
         }
       ]
+  with_google_analytics_4_tracking:
+    description: |
+      The ga4_tracking boolean allows you to add Google Analytics 4 (GA4) tracking to your component.
+      Setting this to true will add the `ga4-event-tracker` module to your component. The JavaScript will then add a `data-ga4-event` attribute and `data-ga4-expandable` attribute to the "Show all steps" button, and each clickable Step heading.
+      GA4 will then track these elements when they are expanded or collapsed.
+      `data-ga4-event` contains a JSON with event data relevant to our tracking. `data-ga4-expandable` enables the value of `aria-expanded` to be captured.
+      See the [ga4-event-tracker](https://github.com/alphagov/govuk_publishing_components/blob/main/docs/analytics-ga4/ga4-event-tracker.md) docs for more information.
+      Links are also tracked with the [ga4-link-tracker](https://github.com/alphagov/govuk_publishing_components/blob/main/docs/analytics-ga4/ga4-link-tracker.md).
+      Therefore the `ga4-link-tracker` data module also exists on these step by step components. Any links will contain a data attribute of `ga4-link`, which contains the relevant tracking data as a JSON.
+    data:
+      ga4_tracking: true
+      steps: [
+        {
+          title: "Do something",
+          contents: [
+            {
+              type: 'paragraph',
+              text: 'This is a paragraph of text.'
+            },
+            {
+              type: 'paragraph',
+              text: 'This is also a paragraph of text that intentionally contains lots of words in order to fill the width of the page successfully to check layout and so forth.'
+            },
+            {
+              type: 'list',
+              contents: [
+                {
+                  href: 'https://www.gov.uk/learn-to-drive-a-car',
+                  text: 'This is a link with GA4 tracking attributes on it.'
+                }
+              ]
+            }
+          ],
+        },
+        {
+          title: "Do something thing else",
+          logic: "and",
+          contents: [
+            {
+              type: 'paragraph',
+              text: 'Some more text.'
+            },
+            {
+              type: 'list',
+              contents: [
+                {
+                  href: 'https://www.nationalarchives.gov.uk',
+                  text: 'This is another link with GA4 tracking attributes on it.'
+                }
+              ]
+            }
+          ]
+        },
+      ]
   with_unique_tracking:
     description: |
       In order to identify the step by step navigation the component is part of, we need to track a unique ID of the navigation in Google Analytics. This ID should be the same across all pages that are linked from and are part of that navigation. Its value is included in any tracking events, specifically in dimension96. It refers to the ID of the step nav page.

data/app/views/govuk_publishing_components/components/docs/step_by_step_nav_header.yml

@@ -51,3 +51,9 @@ examples:
       tracking_action: "customTrackingAction"
       tracking_label: "customTrackingLabel"
       tracking_dimension_enabled: false
+  with_ga4_tracking:
+    description: The ga4_tracking boolean allows you to add Google Analytics 4 (GA4) tracking to your component. Setting this to true will add the `ga4-link-tracker` module to your component. The JavaScript will then add a `data-ga4-link` attribute which contains a JSON object with data relevant to our tracking. See the [ga4-link-tracker docs](https://github.com/alphagov/govuk_publishing_components/blob/main/docs/analytics-ga4/ga4-link-tracker.md) for more information.
+    data:
+      ga4_tracking: true
+      title: 'Learn to drive a motorbike: step by step'
+      path: /learn-to-drive-a-motorbike

data/app/views/govuk_publishing_components/components/docs/step_by_step_nav_related.yml

@@ -76,3 +76,13 @@ examples:
           text: 'Learn to drive a motorbike: step by step'
         }
       ]
+  with_ga4_tracking:
+    description: The ga4_tracking boolean allows you to add Google Analytics 4 (GA4) tracking to your component. Setting this to true will add the `ga4-link-tracker` module to your component. The JavaScript will then add a `data-ga4-link` attribute which contains a JSON object with data relevant to our tracking. See the [ga4-link-tracker docs](https://github.com/alphagov/govuk_publishing_components/blob/main/docs/analytics-ga4/ga4-link-tracker.md) for more information.
+    data:
+      ga4_tracking: true
+      links: [
+        {
+          href: '#',
+          text: 'With ga4 tracking'
+        }
+      ]

data/app/views/govuk_publishing_components/components/docs/tabs.yml

@@ -84,3 +84,18 @@ examples:
             tracking: GTM-123AB
           content: |
             <p class="govuk-body-m">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam congue elementum commodo. Vestibulum elit turpis, efficitur quis posuere vitae, commodo vitae augue. Donec ut pharetra ligula. Phasellus ac mauris eu felis bibendum dapibus rutrum sed quam. Pellentesque posuere ante id consequat pretium.</p>
+  with_ga4_tracking:
+    description: Enables GA4 tracking. This will add the required data module and data attributes to the tabs. See the [ga4-event-tracker documentation](https://github.com/alphagov/govuk_publishing_components/blob/main/docs/analytics-ga4/ga4-event-tracker.md) for more information.
+    data:
+      ga4_tracking: true
+      tabs:
+        - id: "tab-with-ga4-tracking-1"
+          label: "First section"
+          title: "First section"
+          content: |
+            <p class="govuk-body-m">Fusce at dictum tellus, ac accumsan est. Nulla vitae turpis in nulla gravida tincidunt. Duis lectus felis, tempus id bibendum sit amet, posuere ut elit. Donec enim odio, eleifend in urna a, sagittis egestas est. Proin id ex ultricies, porta eros id, vehicula quam. Morbi non sagittis velit.</p>
+        - id: "tab-with-ga4-tracking-2"
+          label: "Second section"
+          title: "Second section"
+          content: |
+            <p class="govuk-body-m">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam congue elementum commodo. Vestibulum elit turpis, efficitur quis posuere vitae, commodo vitae augue. Donec ut pharetra ligula. Phasellus ac mauris eu felis bibendum dapibus rutrum sed quam. Pellentesque posuere ante id consequat pretium.</p>

data/app/views/govuk_publishing_components/components/docs/textarea.yml

@@ -110,3 +110,34 @@ examples:
       name: "with_data_attrbutes"
       data:
         module: "some-awesome-module-here"
+  with_dir_attribute:
+    description: |
+      Allows the correct display of right to left languages.
+
+      By default the textarea element and the label both display text in a left to right direction.
+
+      When the `right_to_left` parameter of the textarea component is set to `true` all text desplays in a right to left direction.
+    data:
+      label:
+        text: "Some textarea text that displays right to left with a label that displays in the same direction"
+      hint: "Some hint text that displays in the same text direction as the label"
+      error_message: "An error message that displays in the same text direction as the label"
+      name: "rtl-textarea-text"
+      value: "العربيَّة"
+      right_to_left: true
+  with_separate_dir_attributes_for_field_and_help_text:
+    description: |
+      Allows the correct display of right to left languages.
+
+      By default the textarea element and the label both display text in a left to right direction.
+
+      If the textarea field and the help text (label, hint and error messages) are required to display in different directions the right_to_left_help attribute can be set as false to override the right_to_left attribute.
+    data:
+      label:
+        text: "Some textarea text that displays right to left with a label that displays left to right"
+      hint: "Some hint text that displays in the same text direction as the label"
+      error_message: "An error message that displays in the same text direction as the label"
+      name: rtl-textarea-text
+      value: "العربيَّة"
+      right_to_left: true
+      right_to_left_help: false

data/app/views/govuk_publishing_components/components/docs/translation_nav.yml

@@ -14,6 +14,8 @@ accessibility_criteria: |
     [Watch a screen reader pronounce text differently based on lang attribute](https://bit.ly/screenreaderpronunciation)
 shared_accessibility_criteria:
   - link
+accessibility_excluded_rules:
+  - landmark-unique # aria-label attributes will be duplicated in component examples list
 examples:
   default:
     data:

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

@@ -41,7 +41,7 @@
       <%= render "govuk_publishing_components/components/button", {
         text: t("components.feedback.send"),
         data_attributes: {
-          ga4: {
+          ga4_event: {
             event_name: "form_submit",
             type: "feedback",
             text: "Send",
@@ -68,7 +68,7 @@
   # This seems to be a more reliable way to make sure the script is executed.
 %>
 
-<script>
+<%= javascript_tag nonce: true do -%>
   document.addEventListener("DOMContentLoaded", function () {
     var input = document.querySelector("#giraffe"),
       form = document.querySelector("#something-is-wrong")
@@ -80,4 +80,4 @@
       e.preventDefault();
     }
   });
-</script>
+<% end -%>

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

@@ -28,7 +28,7 @@
       <%= render "govuk_publishing_components/components/button", {
         text: t("components.feedback.send_me_survey"),
         data_attributes: {
-          ga4: {
+          ga4_event: {
             event_name: "form_submit",
             type: "feedback",
             text: "Send me the survey",

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

@@ -4,7 +4,7 @@
       <div class="gem-c-feedback__prompt-question-answer">
         <h2 class="gem-c-feedback__prompt-question"><%= t("components.feedback.is_this_page_useful") %></h2>
         <ul class="gem-c-feedback__option-list">
-          <li class="gem-c-feedback__option-list-item govuk-visually-hidden" style="display: none" hidden>
+          <li class="gem-c-feedback__option-list-item govuk-visually-hidden" hidden>
             <% # Maybe button exists only to try and capture clicks by bots %>
             <%= link_to "/contact/govuk", {
               class: 'gem-c-feedback__prompt-link',
@@ -13,7 +13,6 @@
                 'track-action' => 'ffMaybeClick'
               },
               role: 'button',
-              style: 'display: none',
               hidden: 'hidden',
               'aria-hidden': 'true',
             } do %>
@@ -21,12 +20,12 @@
             <% end %>
           </li>
           <li class="gem-c-feedback__option-list-item">
-            <button class="govuk-button gem-c-feedback__prompt-link js-page-is-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffYesClick" data-ga4='{"event_name":"form_submit","type":"feedback","text":"Yes", "section": "Is this page useful?"}'>
+            <button class="govuk-button gem-c-feedback__prompt-link js-page-is-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffYesClick" data-ga4-event='{"event_name":"form_submit","type":"feedback","text":"Yes", "section": "Is this page useful?"}'>
               <%= t("components.feedback.yes") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_useful") %></span>
             </button>
           </li>
           <li class="gem-c-feedback__option-list-item">
-            <button class="govuk-button gem-c-feedback__prompt-link js-toggle-form js-page-is-not-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffNoClick" aria-controls="page-is-not-useful" aria-expanded="false" data-ga4='{"event_name":"form_submit","type":"feedback","text":"No", "section": "Is this page useful?"}'>
+            <button class="govuk-button gem-c-feedback__prompt-link js-toggle-form js-page-is-not-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffNoClick" aria-controls="page-is-not-useful" aria-expanded="false" data-ga4-event='{"event_name":"form_submit","type":"feedback","text":"No", "section": "Is this page useful?"}'>
               <%= t("components.feedback.no") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_not_useful") %></span>
             </button>
           </li>
@@ -39,7 +38,7 @@
     </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" data-ga4='{"event_name":"form_submit","type":"feedback","text":"Report a problem with this page", "section": "Is this page useful?"}'>
+      <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='{"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>

data/app/views/govuk_publishing_components/components/metadata/_sentence.html.erb

@@ -13,8 +13,10 @@
        class="gem-c-metadata__definition-link govuk-!-display-none-print"
        data-controls="toggle-<%= toggle_id %>"
        data-expanded="false"
-       data-toggled-text="<%= t("components.metadata.toggle_less") %>">
-        <%= t("components.metadata.toggle_more", number: remaining.length) %>
+       data-toggled-text="<%= t("common.toggle_less") %>">
+        <%= t("common.toggle_more",
+          show: t('common.show'),
+          number: remaining.length) %>
     </a>
   </div>
   <span id="toggle-<%= toggle_id %>" class="gem-c-metadata__toggle-items js-hidden"><%= remaining.to_sentence.html_safe %></span>

data/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb

@@ -3,20 +3,27 @@
      aria-labelledby="related-nav-<%= section_title %>-<%= random %>"
      data-module="gem-toggle">
 
-  <% unless section_title === "related_items" %>
+  <% if section_title === "related_items" %>
+   <%
+      heading_text = related_nav_helper.construct_section_text("related_content", true)
+      ga4_heading_text = related_nav_helper.construct_ga4_section_text("related_content")
+   %>
+  <% else %>
     <%=
       heading_class = related_nav_helper.section_css_class("gem-c-related-navigation__sub-heading", section_title)
       heading_data = { 'track-count' => related_nav_helper.section_data_track_count(:related_item_section) }
       heading_id = "related-nav-#{section_title}-#{random}"
       heading_level = related_nav_helper.section_heading_level
+      heading_text = related_nav_helper.construct_section_text(section_title, true)
+      ga4_heading_text = related_nav_helper.construct_ga4_section_text(section_title)
 
       content_tag(heading_level, id: heading_id, class: heading_class, data: heading_data) do
-        related_nav_helper.construct_section_heading(section_title)
+        heading_text
       end
     %>
   <% end %>
 
-  <ul class="gem-c-related-navigation__link-list" data-module="gem-track-click">
+  <ul class="gem-c-related-navigation__link-list">
     <% constructed_link_array = [] %>
 
     <% section_link_limit = related_nav_helper.calculate_section_link_limit(links) %>
@@ -24,6 +31,12 @@
     <% links.each.with_index(1) do |link, index| %>
       <%
         link_class = "govuk-link #{related_nav_helper.section_css_class("govuk-link gem-c-related-navigation__section-link", section_title, link: link, link_is_inline: (index >= section_link_limit))}"
+        ga4_attributes = {
+          event_name: "navigation",
+          type: "related content",
+          index: "#{section_index}.#{index}",
+          section: ga4_heading_text,
+        } if ga4_tracking
         link_element = link_to(
           link[:text],
           link[:path],
@@ -32,12 +45,13 @@
           lang: shared_helper.t_locale_check(link[:locale]),
           data: {
             track_category: 'relatedLinkClicked',
-            track_action: "#{section_index}.#{index} #{related_nav_helper.construct_section_heading(section_title) || t('components.related_navigation.related_content')}",
+            track_action: "#{section_index}.#{index} #{related_nav_helper.construct_section_text(section_title, true) || t('components.related_navigation.related_content')}",
             track_label: link[:path],
             track_options: {
               dimension28: links.length.to_s,
               dimension29: link[:text]
-            }
+            },
+            ga4_link: ga4_attributes,
           }
         )
       %>
@@ -49,17 +63,23 @@
     <% end %>
 
     <% if links.length > section_link_limit %>
-      <li class="gem-c-related-navigation__link toggle-wrap">
-        <a href="#"
-          class="gem-c-related-navigation__toggle"
-          data-controls="toggle_<%= section_title %>"
-          data-expanded="false"
-          data-toggled-text="<%= t("components.metadata.toggle_less") %>">
-          <%= t("components.metadata.toggle_more",
-                number: related_nav_helper.remaining_link_count(links),
-                default: "+ #{related_nav_helper.remaining_link_count(links)} more") %>
-        </a>
-      </li>
+      <%
+        classes = "gem-c-related-navigation__link toggle-wrap"      
+        data_attributes_li = { module: "ga4-event-tracker" } if ga4_tracking
+        data_attributes_link = {
+          controls: "toggle_#{section_title}",
+          expanded: "false",
+          toggled_text: t("common.toggle_less")
+        }
+        data_attributes_link[:ga4_event] = { "event_name": "select_content", "type": "related content" } if ga4_tracking
+      %>
+      <%= tag.li(class: classes, data: data_attributes_li) do %>
+        <%= link_to("#", class: "gem-c-related-navigation__toggle", data: data_attributes_link) do %>
+          <%= t("common.toggle_more",
+            show: t('common.show'),
+            number: related_nav_helper.remaining_link_count(links)) %>        
+        <% end %>
+      <% end %>
 
       <li class="gem-c-related-navigation__link gem-c-related-navigation__link--truncated-links">
         <span id="toggle_<%= section_title %>" class="gem-c-related-navigation__toggle-more js-hidden">

data/app/views/layouts/govuk_publishing_components/application.html.erb

@@ -16,17 +16,16 @@
     <%= csrf_meta_tags %>
     <%= favicon_link_tag "govuk_publishing_components/favicon-production.png" %>
 
-    <%= stylesheet_link_tag "component_guide/application", media: "screen" %>
-    <%= stylesheet_link_tag "component_guide/print", media: "print" %>
+    <%= stylesheet_link_tag "component_guide/application", media: "all" %>
     <%= yield :application_stylesheet %>
 
     <%= javascript_include_tag "govuk_publishing_components/vendor/modernizr" %>
     <%= yield :extra_headers %>
   </head>
   <body class="gem-c-layout-for-admin govuk-template__body <%= 'hide-header-and-footer' if @preview %>">
-    <script>
+    <%= javascript_tag nonce: true do -%>
       document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
-    </script>
+    <% end -%>
     <% if @preview %>
       <main id="wrapper" class="govuk-width-container">
         <%= yield %>

data/config/locales/ar.yml

@@ -1,12 +1,14 @@
 ---
 ar:
   common:
+    hide: إخفاء
+    show: إظهار
+    toggle_less: عرض أقل
+    toggle_more: زيادة بمقدار %{show} %{number}
     translations: الترجمات
   components:
     accordion:
-      hide: إخفاء
       hide_all: إخفاء كل الأقسام
-      show: إظهار
       show_all: إظهار كل الأقسام
       this_section_visually_hidden: " هذا القسم"
     article_schema:
@@ -42,8 +44,12 @@ ar:
       buttons:
         accept_cookies: قبول ملفات تعريف الارتباط الإضافية
         reject_cookies: رفض ملفات تعريف الارتباط الإضافية
-      confirmation_message_html: يمكنك %{link} في أي وقت.
-      confirmation_message_link: قم بتغيير إعدادات ملفات تعريف الارتباط الخاصة بك
+        view_cookies:
+      confirmation_message:
+        accepted:
+        html: يمكنك %{link} في أي وقت.
+        link: قم بتغيير إعدادات ملفات تعريف الارتباط الخاصة بك
+        rejected:
       hide: إخفاء هذه الرسالة
       text:
       - نحن نستخدم بعض ملفات تعريف الارتباط الأساسية لجعل هذا الموقع يعمل.
@@ -112,7 +118,10 @@ ar:
       menu_toggle_label:
         hide:
         show:
-      navigation_links:
+      navigation_link:
+        href:
+        label:
+      navigation_links_columns:
       navigation_menu_heading:
       navigation_search_heading:
       navigation_search_subheading:
@@ -126,8 +135,6 @@ ar:
       part_of: جزء من
       published: منشورة
       see_all_updates: اطلع على كل التحديثات
-      toggle_less: عرض أقل
-      toggle_more: زيادة بمقدار + %{number}
     modal_dialogue:
       close_modal: إغلاق مربع الحوار المشروط
     notice:
@@ -159,13 +166,6 @@ ar:
       statistical_data_sets: مجموعة بيانات إحصائية
       topical_events: حدث موضوعي
       topics: استكشف الموضوع
-      transition:
-        hub_page_link_path: "/transition-check/questions"
-        hub_page_link_text: احصل على قائمة مخصصة للإجراءات
-        hub_page_title: أداة التحقق الخاصة ببرِيكْسِت
-        link_path: "/brexit"
-        link_text: تحقق مما تحتاج إلى القيام به
-        title: برِيكْسِت
       ukraine:
         links:
         title:

data/config/locales/az.yml

@@ -1,12 +1,14 @@
 ---
 az:
   common:
+    hide: Gizlət
+    show: Göstər
+    toggle_less: Daha azını göstər
+    toggle_more: "%{show} %{number} daha çox"
     translations: Tərcümələr
   components:
     accordion:
-      hide: Gizlət
       hide_all: Bütün bölmələri gizlət
-      show: Göstər
       show_all: Bütün bölmələri göstər
       this_section_visually_hidden: " bu bölmə"
     article_schema:
@@ -15,6 +17,7 @@ az:
       opendocument_html: Bu fayl <a href='https://www.gov.uk/guidance/using-open-document-formats-odf-in-your-organisation' target=%{target} class='govuk-link'>OpenDocument</a> formatındadır
       order_a_copy: Surətini sifariş edin
       page:
+        one:
         other: "%{count} səhifə"
       reference: 'İst: %{reference}'
       request_format_cta: İstifadə edilə bilən format tələb edin.
@@ -37,8 +40,12 @@ az:
       buttons:
         accept_cookies: Əlavə kukilər qəbul edin
         reject_cookies: Əlavə kukilərdən imtina edin
-      confirmation_message_html: İstənilən vaxt %{link}.
-      confirmation_message_link: Kuki parametrlərinizi dəyişdirin
+        view_cookies:
+      confirmation_message:
+        accepted:
+        html: İstənilən vaxt %{link}.
+        link: Kuki parametrlərinizi dəyişdirin
+        rejected:
       hide: Bu mesajı gizlət
       text:
       - Biz bu vebsaytın işləməsini təmin etmək üçün bəzi zəruri kukilərdən istifadə edirik.
@@ -108,7 +115,10 @@ az:
       menu_toggle_label:
         hide:
         show:
-      navigation_links:
+      navigation_link:
+        href:
+        label:
+      navigation_links_columns:
       navigation_menu_heading:
       navigation_search_heading:
       navigation_search_subheading:
@@ -122,8 +132,6 @@ az:
       part_of: Hissə
       published: Dərc edilib
       see_all_updates: Bütün yeniləmələrə baxın
-      toggle_less: Daha azını göstər
-      toggle_more: "+ %{number} daha çox"
     modal_dialogue:
       close_modal: Modal dialoqu bağla
     notice:
@@ -155,13 +163,6 @@ az:
       statistical_data_sets: Statistik məlumat paketi
       topical_events: Aktual tədbir
       topics: Mövzunu araşdırın
-      transition:
-        hub_page_link_path: "/transition-check/questions"
-        hub_page_link_text: Fəaliyyətlər üzrə fərdi siyahı əldə edin
-        hub_page_title: Brexit yoxlayıcısı
-        link_path: "/brexit"
-        link_text: Nələri etməli olduğunuzu yoxlayın
-        title: Brexit
       ukraine:
         links:
         title:

data/config/locales/be.yml

@@ -1,12 +1,14 @@
 ---
 be:
   common:
+    hide: Схаваць
+    show: Паказаць
+    toggle_less: Паказаць меньш
+    toggle_more: "%{show} %{number} болей"
     translations: Пераклады
   components:
     accordion:
-      hide: Схаваць
       hide_all: Схаваць усе секцыi
-      show: Паказаць
       show_all: Паказаць усе секцыi
       this_section_visually_hidden: " гэта секцыя"
     article_schema:
@@ -40,8 +42,12 @@ be:
       buttons:
         accept_cookies: Прыняць дадатковыя файлы cookie
         reject_cookies: Адхіліць дадатковыя файлы cookie
-      confirmation_message_html: Вы можаце %{link} у любы час.
-      confirmation_message_link: змяніць налады файлаў cookie
+        view_cookies:
+      confirmation_message:
+        accepted:
+        html: Вы можаце %{link} у любы час.
+        link: змяніць налады файлаў cookie
+        rejected:
       hide: Схаваць гэта паведамленне
       text:
       - Мы выкарыстоўваем некаторыя асноўныя файлы cookie для забеспячэння працы гэтага сайта.
@@ -115,7 +121,10 @@ be:
       menu_toggle_label:
         hide:
         show:
-      navigation_links:
+      navigation_link:
+        href:
+        label:
+      navigation_links_columns:
       navigation_menu_heading:
       navigation_search_heading:
       navigation_search_subheading:
@@ -129,8 +138,6 @@ be:
       part_of: Частка
       published: Апублікаваны
       see_all_updates: Паглядзець усе абнаўленні
-      toggle_less: Паказаць меньш
-      toggle_more: "+ %{number} болей"
     modal_dialogue:
       close_modal: Зачыніць мадальны дыялог
     notice:
@@ -162,13 +169,6 @@ be:
       statistical_data_sets: Статыстычныя дадзеныя
       topical_events: Актуальная падзея
       topics: Вывучыць тэму
-      transition:
-        hub_page_link_path: "/transition-check/questions"
-        hub_page_link_text: Атрымайце персанальны спіс дзеянняў
-        hub_page_title: Праверка Брэкзiт
-        link_path: "/brexit"
-        link_text: Праверце, што вам трэба зрабіць
-        title: Брэкзiт
       ukraine:
         links:
         title:

data/config/locales/bg.yml

@@ -1,12 +1,14 @@
 ---
 bg:
   common:
+    hide: Скриване
+    show: Показване
+    toggle_less: Показване на по-малко
+    toggle_more: "%{show} %{number} повече"
     translations: Translations
   components:
     accordion:
-      hide: Скриване
       hide_all: Скриване на всички раздели
-      show: Показване
       show_all: Показване на всички раздели
       this_section_visually_hidden: " този раздел"
     article_schema:
@@ -38,8 +40,12 @@ bg:
       buttons:
         accept_cookies: Приемане на допълнителни бисквитки
         reject_cookies: Отказване от допълнителни бисквитки
-      confirmation_message_html: Можете да %{link} по всяко време.
-      confirmation_message_link: Промяна на настройките за бисквитките
+        view_cookies:
+      confirmation_message:
+        accepted:
+        html: Можете да %{link} по всяко време.
+        link: Промяна на настройките за бисквитките
+        rejected:
       hide: Скриване на това съобщение
       text:
       - Използваме някои основни бисквитки
@@ -113,7 +119,10 @@ bg:
       menu_toggle_label:
         hide:
         show:
-      navigation_links:
+      navigation_link:
+        href:
+        label:
+      navigation_links_columns:
       navigation_menu_heading:
       navigation_search_heading:
       navigation_search_subheading:
@@ -127,8 +136,6 @@ bg:
       part_of: Част от
       published: Публикуван
       see_all_updates: Вижте всички актуализации
-      toggle_less: Показване на по-малко
-      toggle_more: "+ %{number} повече"
     modal_dialogue:
       close_modal: Затваряне на модалния диалог
     notice:
@@ -160,13 +167,6 @@ bg:
       statistical_data_sets: Набор от статистически данни
       topical_events: Тематично събитие
       topics: Разглеждане на темата
-      transition:
-        hub_page_link_path: "/transition-check/questions"
-        hub_page_link_text: Получаване на персонализиран списък с действия
-        hub_page_title: Проверка за Брекзит
-        link_path: "/brexit"
-        link_text: Проверете какво трябва да направите
-        title: Брекзит
       ukraine:
         links:
         title: