govuk_publishing_components 62.1.0 → 62.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c0b6593923ef9b4160aa5ff1b04e103f3f5094ff4748c6b6f6588a0296cf95ba
-  data.tar.gz: a82f523e9a22d356e5d25a2b814810b4b69a8a9692fcc7a1df240e7a945503e3
+  metadata.gz: b14ee30fabb3db7ed08c6e18da64893341f1173eb25ce7af31ea9943d04396ac
+  data.tar.gz: edce4972ce2cd377cec0ad3de2991a4dbcf42a3959f23d164dc47a610af7cb6c
 SHA512:
-  metadata.gz: 9fb4b8c3a6cde7baa11b3803c270557170207132d95eda07479970582ebbd36a91d709d25b2341217aaf3660f3923e219d5919a882429c85c32efa7b949d6752
-  data.tar.gz: 0b94a6a07e8962cdbd197cebfb69e92978190012276d595be78000aec8035ed294f67e74660666c9f7476cacb87ca6937e4971b2ff3488c94b8c98bc287aa4cc
+  metadata.gz: a0e490bcafa5edfdd2013aa4ef0e3c66628cfd734d5edf2e3ffbde3d50a21b54fdd5720931a68ec026aec99033d9b3c783e40dde03c78289857573209b9f0958
+  data.tar.gz: cc9f3d8671616a1b69dcc8e0c092c735edd087211bda3f5c1d394b9383c79e9a479e4a431453fcbee3fe5ec736bde31446d1a882e510628ee318d5e0227f09b3

data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss

@@ -6,139 +6,39 @@
   display: flex;
   display: -ms-flexbox;
   flex-direction: column-reverse;
-  -ms-flex-direction: column-reverse;
+  -ms-flex-direction: row-reverse;
+  gap: govuk-spacing(2);
+  justify-content: space-between;
+  align-items: stretch;
   @include govuk-text-colour;
-  @include govuk-clearfix;
-
-  @include govuk-media-query($from: mobile, $until: tablet) {
-    display: block;
 
-    .gem-c-image-card__text-wrapper {
-      float: right;
-      padding-left: 0;
-    }
+  @include govuk-media-query($until: tablet) {
+    flex-direction: row-reverse;
+    gap: govuk-spacing(3);
   }
 }
 
-.gem-c-image-card__header-and-context-wrapper {
-  display: flex;
-  flex-direction: column-reverse;
-  -ms-flex-direction: column-reverse;
+.gem-c-image-card__text-wrapper {
+  flex-grow: 1;
+  flex-basis: 50%;
 }
 
 .gem-c-image-card__image-wrapper {
+  flex-grow: 1;
+  flex-basis: 50%;
   margin: 0;
 
   @include govuk-media-query($from: tablet) {
-    margin-bottom: govuk-spacing(2);
     height: 100%;
   }
-
-  + .gem-c-image-card__text-wrapper {
-    @include govuk-media-query($until: tablet) {
-      padding-left: 0;
-    }
-  }
-}
-
-@include govuk-media-query($from: mobile, $until: tablet) {
-  .gem-c-image-card {
-    margin: 0 (- govuk-spacing(3)) govuk-spacing(6) (- govuk-spacing(3));
-  }
-
-  .gem-c-image-card__image-wrapper {
-    @include govuk-grid-column($width: one-half, $at: mobile);
-  }
-
-  .gem-c-image-card__text-wrapper {
-    @include govuk-grid-column($width: one-half, $at: mobile);
-  }
-
-  .gem-c-image-card__image-wrapper.gem-c-image-card__image-wrapper--one-third {
-    @include govuk-grid-column($width: one-third, $float: right, $at: mobile);
-  }
-
-  .gem-c-image-card__text-wrapper.gem-c-image-card__text-wrapper--two-thirds {
-    @include govuk-grid-column($width: two-thirds, $float: right, $at: mobile);
-  }
-}
-
-@include govuk-media-query($from: tablet) {
-  .gem-c-image-card__image-wrapper.gem-c-image-card__image-wrapper--one-third {
-    @include govuk-grid-column($width: one-third, $float: right, $at: tablet);
-  }
-
-  .gem-c-image-card__text-wrapper.gem-c-image-card__text-wrapper--two-thirds {
-    @include govuk-grid-column($width: two-thirds, $float: right, $at: tablet);
-  }
 }
 
 .gem-c-image-card__image {
   display: block;
   height: auto;
   width: 100%;
+  border: 0;
   border-top: 1px solid $govuk-border-colour;
-  border-left: none;
-  border-right: none;
-  border-bottom: none;
-}
-
-.gem-c-image-card.gem-c-image-card--two-thirds {
-  // Change default flex-direction from column-reverse
-  // so that the image and text appear in the same row,
-  // with the image to the left
-  flex-direction: row-reverse;
-  -ms-flex-direction: row-reverse;
-  // Wrap flex items onto a new line and ensure
-  // that items are aligned correctly
-  flex-wrap: wrap-reverse;
-  -ms-flex-wrap: wrap-reverse;
-  justify-content: flex-end;
-  align-items: flex-end;
-}
-
-.gem-c-image-card--two-thirds {
-  .gem-c-image-card__image {
-    border-top: none;
-  }
-
-  // TODO: Temporary fixes to ensure the layout
-  // renders correctly on screen sizes less than 320px wide
-  @include govuk-media-query($until: "mobile") {
-    padding: 0 govuk-spacing(3);
-  }
-
-  .gem-c-image-card__image-wrapper {
-    @include govuk-media-query($until: "mobile") {
-      margin-bottom: govuk-spacing(2);
-    }
-  }
-
-  // Ensures the font-size is 19px on all screen sizes
-  .gem-c-image-card__title-link--large-font-size-mobile,
-  .gem-c-image-card__description--large-font-size-mobile {
-    @include govuk-media-query($until: "tablet") {
-      font-size: 19px;
-      font-size: govuk-px-to-rem(19);
-    }
-  }
-}
-
-.gem-c-image-card__image-wrapper.gem-c-image-card__image-wrapper--one-third {
-  // The first two values set flex-grow and flex-basis to 0
-  // This ensures that the flex item does not grow or shrink
-  // The the last value, sets flex-basis to 95px
-  // padding-left is set to 15px and the image used is 80px wide
-  flex: 0 0 95px;
-  padding-right: 0;
-}
-
-.gem-c-image-card__text-wrapper.gem-c-image-card__text-wrapper--two-thirds {
-  // The first two values set flex-grow and flex-basis to 1
-  // This allows the flex item contain the image card text to grow or shrink
-  // The last value, sets flex-basis to 70%
-  // If the width of the flex-item shrinks below 70%, it will wrap onto a new line
-  flex: 1 1 70%;
 }
 
 .gem-c-image-card__title {
@@ -155,22 +55,13 @@
   // position relative and a higher z-index to put them above the after element
   &::after {
     content: "";
+    display: block;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
-    $ie-background: rgba(255, 255, 255, 0);
-    background: $ie-background; // because internet explorer
-    -ms-high-contrast-adjust: none;
-  }
-
-  @include govuk-media-query($from: mobile, $until: tablet) {
-    &::after {
-      left: govuk-spacing(3);
-      right: govuk-spacing(3);
-    }
   }
 }
 
@@ -235,47 +126,34 @@
   }
 }
 
-.gem-c-image-card--large.gem-c-image-card {
-  display: flex;
-  margin: 0 0 govuk-spacing(6) 0;
-  @include govuk-media-query($from: tablet) {
-    display: block;
+.gem-c-image-card--two-thirds {
+  flex-direction: row-reverse;
+  gap: govuk-spacing(3);
+
+  .gem-c-image-card__text-wrapper {
+    flex: 1 1 70%;
   }
-}
 
-.gem-c-image-card--large {
   .gem-c-image-card__image-wrapper {
-    margin-bottom: govuk-spacing(2);
-    float: none;
-    width: auto;
-    max-width: 100%;
-    @include govuk-grid-column($width: one-half, $at: tablet);
-
-    & { // stylelint-disable-line no-duplicate-selectors
-      // overriding the padding from govuk-grid-column mixin
-      padding: 0;
-    }
+    flex: 0 0 80px;
+  }
 
-    @include govuk-media-query($from: tablet) {
-      padding: 0 govuk-spacing(2) 0 0;
-      margin-bottom: 0;
-    }
+  .gem-c-image-card__image {
+    border-top: none;
   }
 
-  .gem-c-image-card__text-wrapper {
-    overflow: hidden;
-    @include govuk-grid-column($width: one-half, $at: tablet);
+  @include govuk-media-query($until: "mobile") {
+    flex-direction: column-reverse;
+  }
+}
 
-    & { // stylelint-disable-line no-duplicate-selectors
-      // overriding the padding from govuk-grid-column mixin
-      padding: 0;
-    }
+.gem-c-image-card--large {
+  flex-direction: column-reverse;
+  gap: govuk-spacing(2);
 
-    @include govuk-media-query($from: tablet) {
-      float: right;
-      padding: 0 govuk-spacing(3);
-      margin-bottom: 0;
-    }
+  @include govuk-media-query($from: tablet) {
+    flex-direction: row-reverse;
+    gap: govuk-spacing(5);
   }
 
   .gem-c-image-card__title {
@@ -339,15 +217,6 @@
   @include govuk-focused-text;
 }
 
-.gem-c-image-card--no-image {
-  .gem-c-image-card__text-wrapper {
-    @include govuk-media-query($from: mobile, $until: tablet) {
-      float: left;
-      padding: 0 govuk-spacing(3);
-    }
-  }
-}
-
 // stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-image-card__title[class*="govuk-heading-"] {

data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss

@@ -6,6 +6,11 @@
   margin-bottom: govuk-spacing(6);
   padding: govuk-spacing(3) govuk-spacing(6) govuk-spacing(6) govuk-spacing(6);
   box-sizing: border-box;
+
+  @include govuk-media-query($until: desktop) {
+    padding-left: govuk-spacing(3);
+    padding-right: govuk-spacing(3);
+  }
 }
 
 .gem-c-inverse-header__subtext {
@@ -33,6 +38,10 @@
   color: govuk-colour("white");
 }
 
+.gem-c-inverse-header--hmrc-header {
+  background: govuk-organisation-colour("hm-revenue-customs");
+}
+
 @include govuk-media-query($media-type: print) {
   .gem-c-inverse-header {
     background: none;

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_charts.scss

@@ -31,7 +31,7 @@
   // https://gss.civilservice.gov.uk/policy-store/data-visualisation-colours-in-charts/#section-5
 
   $gss-colour-dark-blue: #12436d;
-  $gss-colour-turquoise: #28a197;
+  $gss-colour-turquoise: #1bbbaf;
   $gss-colour-dark-pink: #801650;
   $gss-colour-orange: #f46a25;
   $gss-colour-dark-grey: #3d3d3d;
@@ -42,7 +42,7 @@
   $chart-border: govuk-colour("white"); // Chart border colour
   $key-border: govuk-colour("white"); // Key border colour
   $bar-colours: $gss-colour-dark-blue, $gss-colour-turquoise, $gss-colour-dark-pink, $gss-colour-orange, $gss-colour-dark-grey, $gss-colour-plum;
-  $bar-text-colours: govuk-colour("white"), govuk-colour("white"), govuk-colour("white"), govuk-colour("black"), govuk-colour("white"), govuk-colour("black");
+  $bar-text-colours: govuk-colour("white"), govuk-colour("black"), govuk-colour("white"), govuk-colour("black"), govuk-colour("white"), govuk-colour("black");
   $bar-cell-colour: govuk-colour("black");
   $bar-outdented-colour: govuk-colour("black");
 

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

@@ -9,14 +9,11 @@
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.add_class("gem-c-image-card")
-  component_helper.add_class("govuk-grid-row") if card_helper.two_thirds
   component_helper.add_class("gem-c-image-card--large") if card_helper.large
   component_helper.add_class("gem-c-image-card--two-thirds") if card_helper.two_thirds
-  component_helper.add_class("gem-c-image-card--no-image") unless (card_helper.image_src || card_helper.youtube_video_id)
   component_helper.add_class(brand_helper.brand_class) if brand_helper.brand_class
 
   text_wrapper_classes = %w[gem-c-image-card__text-wrapper]
-  text_wrapper_classes << "gem-c-image-card__text-wrapper--two-thirds" if card_helper.two_thirds
 
   font_size ||= card_helper.large ? "m" : "s"
   heading_class = %w[gem-c-image-card__title]
@@ -42,19 +39,20 @@
 <% if card_helper.href || card_helper.extra_details.any? %>
   <%= tag.div(**component_helper.all_attributes) do %>
     <%= content_tag(:div, class: text_wrapper_classes) do %>
-      <div class="gem-c-image-card__header-and-context-wrapper">
-        <% if card_helper.heading_text %>
-          <%= content_tag(shared_helper.get_heading_level, class: heading_class) do %>
-            <% if card_helper.href %>
-              <%= link_to card_helper.heading_text, card_helper.href, class: heading_link_classes %>
-            <% else %>
-              <%= card_helper.heading_text %>
-            <% end %>
+      <%= card_helper.context %>
+
+      <% if card_helper.heading_text %>
+        <%= content_tag(shared_helper.get_heading_level, class: heading_class) do %>
+          <% if card_helper.href %>
+            <%= link_to card_helper.heading_text, card_helper.href, class: heading_link_classes %>
+          <% else %>
+            <%= card_helper.heading_text %>
           <% end %>
         <% end %>
-        <%= card_helper.context %>
-      </div>
+      <% end %>
+
       <%= card_helper.description %>
+
       <% if card_helper.extra_details.any? %>
         <ul class="gem-c-image-card__list <%= "gem-c-image-card__list--indented" if not card_helper.extra_details_no_indent %>">
           <% card_helper.extra_details.each do |link| %>

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

@@ -11,6 +11,7 @@
   component_helper.add_class("gem-c-inverse-header--html-publication-header") if local_assigns[:html_publication_header]
   component_helper.add_class("govuk-!-padding-top-#{padding_top}") if [*0..9].include?(padding_top)
   component_helper.add_class("govuk-!-padding-bottom-#{padding_bottom}") if [*0..9].include?(padding_bottom)
+  component_helper.add_class("gem-c-inverse-header--hmrc-header") if local_assigns[:hmrc_header]
 %>
 <% block = yield %>
 <% unless block.empty? %>

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

@@ -72,6 +72,20 @@ examples:
             margin_bottom: 0
           } %>
           <!-- end of example content -->
+  hmrc_header:
+    description: For use on HMRC manual pages such as [Capital Gains Manual](https://www.gov.uk/hmrc-internal-manuals/capital-gains-manual).
+    data:
+      hmrc_header: true
+      block: |
+        <!-- example content -->
+          <%= render "govuk_publishing_components/components/heading", {
+            context: "HMRC internal manual",
+            text: "Capital Gains Manual",
+            inverse: true,
+            margin_bottom: 0,
+            font_size: "xl"
+          } %>
+          <!-- end of example content -->
   with_paragraph_and_link:
     data:
       block: |

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

@@ -91,10 +91,20 @@ examples:
       content_item:
         details:
           external_related_links:
-            - url: "http://media.slc.co.uk/sfe/1718/ft/sfe_terms_and_conditions_guide_1718_d.pdf"
-              title: "Student loans: terms and conditions 2017 to 2018 (PDF, 136KB)"
-            - url: "https://www.thestudentroom.co.uk/content.php?r=5967-Repaying-your-student-loan"
-              title: "The Student Room: repaying your student loan"
+            - url: "https://wikipedia.org"
+              title: "Wikipedia 1"
+            - url: "https://wikipedia.org"
+              title: "Wikipedia 2"
+            - url: "https://wikipedia.org"
+              title: "Wikipedia 3"
+            - url: "https://wikipedia.org"
+              title: "Wikipedia 4"
+            - url: "https://wikipedia.org"
+              title: "Wikipedia 5"
+            - url: "https://wikipedia.org"
+              title: "Wikipedia 6"
+            - url: "https://wikipedia.org"
+              title: "Wikipedia 7"
   with_extensive_world_locations:
     description: The component handles having a long list of content passed to it, by only showing the first few items and hiding the rest behind a Show More toggle.
     data:

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

@@ -65,15 +65,19 @@
         data_attributes_link = {
           controls: "toggle_#{section_title}",
           expanded: "false",
-          toggled_text: t("common.toggle_less"),
+          toggled_text: t("common.toggle_less_html",
+            visually_hidden_text: t("components.related_navigation.toggle_visually_hidden_text.#{section_title}"),
+          ),
         }
         data_attributes_link[:ga4_event] = { "event_name": "select_content", "type": "related content" } unless disable_ga4
       %>
       <%= 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",
+          <%= t("common.toggle_more_html",
             show: t("common.show"),
-            number: related_nav_helper.remaining_link_count(links)) %>
+            number: related_nav_helper.remaining_link_count(links),
+            visually_hidden_text: t("components.related_navigation.toggle_visually_hidden_text.#{section_title}"),
+          ) %>
         <% end %>
       <% end %>
 

data/config/locales/ar.yml

@@ -4,7 +4,9 @@ ar:
     hide: إخفاء
     show: إظهار
     toggle_less: عرض أقل
+    toggle_less_html:
     toggle_more: زيادة بمقدار %{show} %{number}
+    toggle_more_html:
     translations: الترجمات
   components:
     accordion:
@@ -194,6 +196,15 @@ ar:
       related_external_links: في مكان آخر على الويب
       related_guides: توجيهات تفصيلية
       statistical_data_sets: مجموعة بيانات إحصائية
+      toggle_visually_hidden_text:
+        collections:
+        related_external_links:
+        related_guides:
+        related_items:
+        statistical_data_sets:
+        topical_events:
+        topics:
+        world_locations:
       topical_events: حدث موضوعي
       topics: استكشف الموضوع
       ukraine:

data/config/locales/az.yml

@@ -4,7 +4,9 @@ az:
     hide: Gizlət
     show: Göstər
     toggle_less: Daha azını göstər
+    toggle_less_html:
     toggle_more: "%{show} %{number} daha çox"
+    toggle_more_html:
     translations: Tərcümələr
   components:
     accordion:
@@ -191,6 +193,15 @@ az:
       related_external_links: İnternetdə başqa yerdə
       related_guides: Təfərrüatlı göstəriş
       statistical_data_sets: Statistik məlumat paketi
+      toggle_visually_hidden_text:
+        collections:
+        related_external_links:
+        related_guides:
+        related_items:
+        statistical_data_sets:
+        topical_events:
+        topics:
+        world_locations:
       topical_events: Aktual tədbir
       topics: Mövzunu araşdırın
       ukraine:

data/config/locales/be.yml

@@ -4,7 +4,9 @@ be:
     hide: Схаваць
     show: Паказаць
     toggle_less: Паказаць меньш
+    toggle_less_html:
     toggle_more: "%{show} %{number} болей"
+    toggle_more_html:
     translations: Пераклады
   components:
     accordion:
@@ -197,6 +199,15 @@ be:
       related_external_links: У іншых месцах у Інтэрнэце
       related_guides: Падрабязнае кіраўніцтва
       statistical_data_sets: Статыстычныя дадзеныя
+      toggle_visually_hidden_text:
+        collections:
+        related_external_links:
+        related_guides:
+        related_items:
+        statistical_data_sets:
+        topical_events:
+        topics:
+        world_locations:
       topical_events: Актуальная падзея
       topics: Вывучыць тэму
       ukraine:

data/config/locales/bg.yml

@@ -4,7 +4,9 @@ bg:
     hide: Скриване
     show: Показване
     toggle_less: Показване на по-малко
+    toggle_less_html:
     toggle_more: "%{show} %{number} повече"
+    toggle_more_html:
     translations: Translations
   components:
     accordion:
@@ -195,6 +197,15 @@ bg:
       related_external_links: На други места в интернет
       related_guides: Подробна насока
       statistical_data_sets: Набор от статистически данни
+      toggle_visually_hidden_text:
+        collections:
+        related_external_links:
+        related_guides:
+        related_items:
+        statistical_data_sets:
+        topical_events:
+        topics:
+        world_locations:
       topical_events: Тематично събитие
       topics: Разглеждане на темата
       ukraine:

data/config/locales/bn.yml

@@ -4,7 +4,9 @@ bn:
     hide: লুকিয়ে রাখুন
     show: দেখান
     toggle_less: অল্প দেখান
+    toggle_less_html:
     toggle_more: আরও %{show} %{number}
+    toggle_more_html:
     translations: অনুবাদসমূহ
   components:
     accordion:
@@ -192,6 +194,15 @@ bn:
       related_external_links: ওয়েবে অন্য কোথায়ও
       related_guides: বিস্তারিত নির্দেশনা
       statistical_data_sets: পরিসংখ্যানগত তথ্য সংকলন
+      toggle_visually_hidden_text:
+        collections:
+        related_external_links:
+        related_guides:
+        related_items:
+        statistical_data_sets:
+        topical_events:
+        topics:
+        world_locations:
       topical_events: বিষয়ভিত্তিক ইভেন্ট
       topics: বিষয়টি অনুসন্ধান করুন
       ukraine:

data/config/locales/cs.yml

@@ -4,7 +4,9 @@ cs:
     hide: Skrýt
     show: Zobrazit
     toggle_less: Zobrazit méně
+    toggle_less_html:
     toggle_more: "%{show} %{number} více"
+    toggle_more_html:
     translations: Překlady
   components:
     accordion:
@@ -196,6 +198,15 @@ cs:
       related_external_links: Jinde na webu
       related_guides: Podrobné pokyny
       statistical_data_sets: Soubor statistických údajů.
+      toggle_visually_hidden_text:
+        collections:
+        related_external_links:
+        related_guides:
+        related_items:
+        statistical_data_sets:
+        topical_events:
+        topics:
+        world_locations:
       topical_events: Aktuální událost
       topics: Prozkoumat téma
       ukraine:

data/config/locales/cy.yml

@@ -4,7 +4,9 @@ cy:
     hide: Cuddio
     show: Dangos
     toggle_less: Dangos llai
+    toggle_less_html:
     toggle_more: "%{show} %{number} arall"
+    toggle_more_html:
     translations: Cyfieithiadau
   components:
     accordion:
@@ -195,6 +197,15 @@ cy:
       related_external_links: O'r we yn ehangach
       related_guides: Canllawiau manwl
       statistical_data_sets: Set ddata ystadegol
+      toggle_visually_hidden_text:
+        collections:
+        related_external_links:
+        related_guides:
+        related_items:
+        statistical_data_sets:
+        topical_events:
+        topics:
+        world_locations:
       topical_events: Digwyddiad amserol
       topics: Archwilio'r pwnc
       ukraine:

data/config/locales/da.yml

@@ -4,7 +4,9 @@ da:
     hide: Skjul
     show: vise
     toggle_less: Vis færre
+    toggle_less_html:
     toggle_more: "%{show} %{number} mere"
+    toggle_more_html:
     translations: Oversættelser
   components:
     accordion:
@@ -192,6 +194,15 @@ da:
       related_external_links: Andre steder på nettet
       related_guides: Detaljeret vejledning
       statistical_data_sets: Statistisk datasæt
+      toggle_visually_hidden_text:
+        collections:
+        related_external_links:
+        related_guides:
+        related_items:
+        statistical_data_sets:
+        topical_events:
+        topics:
+        world_locations:
       topical_events: Aktuelle begivenheder
       topics: Udforsk emnet
       ukraine:

data/config/locales/de.yml

@@ -4,7 +4,9 @@ de:
     hide: Ausblenden
     show: Anzeigen
     toggle_less: Weniger anzeigen
+    toggle_less_html:
     toggle_more: "%{show} %{number} weitere"
+    toggle_more_html:
     translations: Übersetzungen
   components:
     accordion:
@@ -195,6 +197,15 @@ de:
       related_external_links: Auf anderen Webseiten verfügbar
       related_guides: Detaillierte Anleitung
       statistical_data_sets: Statistischer Datensatz
+      toggle_visually_hidden_text:
+        collections:
+        related_external_links:
+        related_guides:
+        related_items:
+        statistical_data_sets:
+        topical_events:
+        topics:
+        world_locations:
       topical_events: Themenbezogene Veranstaltung
       topics: Thema ansehen
       ukraine: