govuk_publishing_components 35.3.2 → 35.3.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 66ace2c61b08a0641bc1234bf1e1b34e3e2e184ad07f554bde39c60280e58dd5
-  data.tar.gz: fb3dbf387e8e668bf81b2b13c8c73a5152d3d4c2e570f7b2743e96f424b70680
+  metadata.gz: 680ad90c110fd479938af6d7191ee00f4302d83df0b7a01de864e4c1d041d2c6
+  data.tar.gz: 825f5839667e7faf94b1ce951b9437dfd17e522f98b8490e915420528004cb75
 SHA512:
-  metadata.gz: da81d3abeeb7d15ea0c74d1f428df7a9d7856ce078a50e63c8e66da7e244dea937f6600a457592c5ebafc1615dd623a8cc81e578e2a8eae4de97e7fa8fb7b779
-  data.tar.gz: c2dcc61e03d0999871fca19f559833717892cb67ab16ed198eb8266fe06fe0d58a6465d65eae4e62c3aa84865732216ffeb8e224b2cb9f84fb8a2ae5ef089491
+  metadata.gz: 57cc038c7b44cb48595d58da00c9aebc0c5d5afec0ee5d45632313332c47c52f8f9218e5148c41202cbfd97b7c518fcb8f2a84d3d06434467ce188313dcd72eb
+  data.tar.gz: 12e48e88a698772f7e7af0a51828a4bcbfcc48a232c2b4353672d325a39f2ffbb8248bed39adab960fe45a4d01f44c35e24e665e11a77e131c1940533871bdb2

data/app/assets/javascripts/govuk_publishing_components/components/cookie-banner.js

@@ -76,7 +76,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 
   CookieBanner.prototype.setCookieConsent = function () {
     if (this.$acceptCookiesButton.getAttribute('data-cookie-types') === 'all') {
-      this.$module.querySelector('.gem-c-cookie-banner__confirmation-message__accepted').hidden = false
+      this.$module.querySelector('.gem-c-cookie-banner__confirmation-message--accepted').hidden = false
     }
     window.GOVUK.approveAllCookieTypes()
     this.$module.showConfirmationMessage()
@@ -92,7 +92,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
   }
 
   CookieBanner.prototype.rejectCookieConsent = function () {
-    this.$module.querySelector('.gem-c-cookie-banner__confirmation-message__rejected').hidden = false
+    this.$module.querySelector('.gem-c-cookie-banner__confirmation-message--rejected').hidden = false
     this.$module.showConfirmationMessage()
     this.$module.cookieBannerConfirmationMessage.focus()
     window.GOVUK.cookie('cookies_preferences_set', 'true', { days: 365 })
@@ -100,11 +100,17 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
   }
 
   CookieBanner.prototype.showConfirmationMessage = function () {
-    this.$cookieBannerMainContent = document.querySelector('.js-banner-wrapper')
+    this.$cookieBannerHeader = document.querySelector('.govuk-cookie-banner__heading')
+    this.$cookieBannerHeader.hidden = true
 
+    this.$cookieBannerMainContent = document.querySelector('.gem-c-cookie-banner__content')
     this.$cookieBannerMainContent.hidden = true
-    this.$module.cookieBannerConfirmationMessage.style.display = 'block'
-    this.$module.cookieBannerConfirmationMessage.hidden = false
+
+    this.$cookieBannerConfirmationButtons = document.querySelector('.js-confirmation-buttons')
+    this.$cookieBannerConfirmationButtons.hidden = true
+
+    this.$cookieBannerHideButton = document.querySelector('.js-hide-button')
+    this.$cookieBannerHideButton.hidden = false
   }
 
   CookieBanner.prototype.isInCookiesPage = function () {

data/app/assets/stylesheets/component_guide/application.scss

@@ -1,6 +1,42 @@
 // This file contains the styles for the Component Guide.
 
-@import "govuk_publishing_components/all_components";
+// feature flag for accessible link styles
+$govuk-new-link-styles: true;
+
+@import "govuk_publishing_components/govuk_frontend_support";
+@import "govuk_publishing_components/component_support";
+
+// Import the same stylesheets used in static
+// https://github.com/alphagov/static/blob/198a598682df40ce4a2c3c286c06244297c18cf0/app/assets/stylesheets/application.scss
+// Although the component guide does not use static, we still need to import the same stylesheets used in static
+// to avoid any rendering issues
+// By following the same approach as frontend rendering applications,
+// we ensure that stylesheets are loaded in the expected order and components render correctly
+@import "govuk_publishing_components/components/breadcrumbs";
+@import "govuk_publishing_components/components/button";
+@import "govuk_publishing_components/components/error-message";
+@import "govuk_publishing_components/components/heading";
+@import "govuk_publishing_components/components/hint";
+@import "govuk_publishing_components/components/input";
+@import "govuk_publishing_components/components/label";
+@import "govuk_publishing_components/components/search";
+@import "govuk_publishing_components/components/skip-link";
+@import "govuk_publishing_components/components/textarea";
+@import "govuk_publishing_components/components/title";
+
+@import "govuk_publishing_components/components/cookie-banner";
+@import "govuk_publishing_components/components/feedback";
+@import "govuk_publishing_components/components/layout-footer";
+@import "govuk_publishing_components/components/layout-for-public";
+@import "govuk_publishing_components/components/layout-header";
+@import "govuk_publishing_components/components/layout-super-navigation-header";
+
+// Imported to ensure inverse-header component examples render correctly
+// this helps avoid any issues with visual regressions tests
+@import "govuk_publishing_components/components/lead-paragraph";
+
+// Include required helpers
+@import "../../stylesheets/govuk_publishing_components/components/helpers/markdown-typography";
 
 $gem-guide-border-width: 1px;
 

data/app/assets/stylesheets/govuk_publishing_components/components/_cookie-banner.scss

@@ -1,6 +1,13 @@
 @import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/cookie-banner/cookie-banner";
-$govuk-cookie-banner-background: govuk-colour("light-grey", "grey-4");
+
+.gem-c-cookie-banner .govuk-button-group[hidden] {
+  display: none;
+}
+
+.govuk-cookie-banner .govuk-cookie-banner__heading[hidden] {
+  display: none;
+}
 
 .js-enabled {
   .gem-c-cookie-banner {
@@ -8,20 +15,12 @@ $govuk-cookie-banner-background: govuk-colour("light-grey", "grey-4");
   }
 }
 
-.gem-c-cookie-banner {
-  background-color: $govuk-cookie-banner-background;
-}
-
 // can't be used without js so implement there
 .gem-c-cookie-banner .gem-c-button {
   display: none;
 }
 
 .gem-c-cookie-banner__confirmation {
-  display: none;
-  position: relative;
-  padding: govuk-spacing(1);
-
   // This element is focused using JavaScript so that it's being read out by screen readers
   // for this reason we don't want to show the default outline or emphasise it visually using `govuk-focused-text`
   &:focus {
@@ -29,56 +28,6 @@ $govuk-cookie-banner-background: govuk-colour("light-grey", "grey-4");
   }
 }
 
-.gem-c-cookie-banner__confirmation-message,
-.gem-c-cookie-banner__hide-button {
-  display: block;
-
-  @include govuk-media-query($from: desktop) {
-    display: inline-block;
-  }
-}
-
-.gem-c-cookie-banner__confirmation-message {
-  margin-right: govuk-spacing(4);
-
-  @include govuk-media-query($from: desktop) {
-    max-width: 90%;
-    margin-bottom: 0;
-  }
-}
-
-// Override style from design system so we can have consistent
-// padding on the the banner and the confirmation
-
-.govuk-cookie-banner {
-  padding-top: 0;
-}
-
-// Override the styles from govuk_template
-// stylelint-disable selector-max-id
-.gem-c-cookie-banner#global-cookie-message {
-  background-color: $govuk-cookie-banner-background;
-  padding: govuk-spacing(3) 0 0 0;
-  box-sizing: border-box;
-
-  .gem-c-cookie-banner__message,
-  .gem-c-cookie-banner__buttons,
-  .gem-c-cookie-banner__confirmation,
-  .gem-c-cookie-banner__confirmation-message {
-    @include govuk-font($size: 19);
-  }
-
-  p {
-    @include govuk-font($size: 19);
-    margin: 0 0 govuk-spacing(2) 0;
-  }
-
-  .gem-c-cookie-banner__message,
-  .gem-c-cookie-banner__confirmation {
-    margin-bottom: - govuk-spacing(2);
-  }
-}
-
 @include govuk-media-query($media-type: print) {
   .gem-c-cookie-banner {
     display: none !important; // stylelint-disable-line declaration-no-important

data/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss

@@ -23,16 +23,20 @@
 }
 
 .gem-c-metadata--inverse {
+  background-color: govuk-colour("blue");
   color: govuk-colour("white");
+  padding: govuk-spacing(2);
 
-  a:link,
-  a:active,
-  a:visited {
-    color: govuk-colour("white");
+  a {
+    @include govuk-link-style-inverse;
   }
 
-  a:focus {
-    color: govuk-colour("black");
+  .gem-c-metadata__list {
+    margin: govuk-spacing(2);
+
+    @include govuk-media-query($from: tablet) {
+      margin: govuk-spacing(3);
+    }
   }
 }
 

data/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss

@@ -109,8 +109,8 @@
   }
 }
 
-.gem-c-organisation-logo__crest--dit {
-  @include crest("dit_crest");
+.gem-c-organisation-logo__crest--dbt {
+  @include crest("dbt_crest");
 }
 
 .gem-c-organisation-logo__crest--bis {

data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_brand-colours.scss

@@ -96,3 +96,27 @@
     border-color: #045f71;
   }
 }
+
+// This change should be removed after relevant govuk-frontend release
+
+.brand--department-for-business-and-trade {
+  .brand__color {
+    color: #cf102d;
+
+    &:link,
+    &:visited,
+    &:active {
+      color: #cf102d;
+    }
+
+    &:hover,
+    &:focus {
+      color: $govuk-focus-text-colour;
+    }
+  }
+
+  &.brand__border-color,
+  .brand__border-color {
+    border-color: #cf102d;
+  }
+}

data/app/views/govuk_publishing_components/component_guide/example.html.erb

@@ -1,6 +1,6 @@
 <% content_for :title, "#{@component_example.name} example - #{@component_doc.name} component" %>
 <% content_for :application_stylesheet do %>
-  <% if @component_doc.source == "application" %>
+  <% if @component_doc.source == "application" && application_stylesheet_in_use? %>
     <%= render 'application_stylesheet' %>
   <% end %>
 <% end %>

data/app/views/govuk_publishing_components/component_guide/preview.html.erb

@@ -1,5 +1,5 @@
 <% content_for :application_stylesheet do %>
-  <% if @component_doc.source == "application" %>
+  <% if @component_doc.source == "application" && application_stylesheet_in_use? %>
     <%= render 'application_stylesheet' %>
   <% end %>
 <% end %>

data/app/views/govuk_publishing_components/component_guide/show.html.erb

@@ -1,6 +1,6 @@
 <% content_for :title, "#{@component_doc.name} component" %>
 <% content_for :application_stylesheet do %>
-  <% if @component_doc.source == "application" %>
+  <% if @component_doc.source == "application" && application_stylesheet_in_use? %>
     <%= render 'application_stylesheet' %>
   <% end %>
 <% end %>

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

@@ -28,71 +28,63 @@
                                   },
                                 )))
   services_cookies ||= nil
-  css_classes = %w(gem-c-cookie-banner govuk-clearfix)
+  css_classes = %w(gem-c-cookie-banner govuk-clearfix govuk-cookie-banner js-banner-wrapper)
   css_classes << "gem-c-cookie-banner--services" if services_cookies
 %>
+
 <div id="<%= id %>" class="<%= css_classes.join(' ') %>" data-module="cookie-banner" data-nosnippet role="region" aria-label="<%= title %>">
-  <div class="govuk-cookie-banner js-banner-wrapper">
-    <div class="gem-c-cookie-banner__message govuk-cookie-banner__message govuk-width-container">
-      <div class="govuk-grid-row">
-        <div class="govuk-grid-column-two-thirds">
-          <h2 class="govuk-cookie-banner__heading govuk-heading-m"><%= title %></h2>
-          <div class="govuk-cookie-banner__content">
-            <%= text %>
-          </div>
+  <div class="govuk-cookie-banner__message govuk-width-container">
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m"><%= title %></h2>
+        <div tabindex="-1" class="govuk-cookie-banner__content gem-c-cookie-banner__confirmation">
+          <span class="gem-c-cookie-banner__content"><%= text %></span>
+          <p class="gem-c-cookie-banner__confirmation-message--accepted govuk-body" hidden><%= t("components.cookie_banner.confirmation_message.accepted") %>. <span class="gem-c-cookie-banner__confirmation-message"><%= confirmation_message %></span></p>
+          <p class="gem-c-cookie-banner__confirmation-message--rejected govuk-body" hidden><%= t("components.cookie_banner.confirmation_message.rejected") %>. <span class="gem-c-cookie-banner__confirmation-message"><%= confirmation_message %></span></p>
         </div>
       </div>
+    </div>
+    <div class="js-confirmation-buttons govuk-button-group">
       <% if services_cookies %>
-          <div class="govuk-button-group">
-            <%= render "govuk_publishing_components/components/button", {
-              name: "cookies",
-              text: services_cookies.dig(:yes, :text) || "Yes",
-              data_attributes: { module: "gem-track-click", "accept-cookies": "true", }.merge(services_cookies.dig(:yes, :data_attributes) || {})
-            } %>
-            <%= render "govuk_publishing_components/components/button", {
-              name: "cookies",
-              text: services_cookies.dig(:no, :text) || "No",
-              data_attributes: { module: "gem-track-click", "reject-cookies": "true", }.merge(services_cookies.dig(:no, :data_attributes) || {})
-            } %>
-            <% if services_cookies[:cookie_preferences] %>
-              <%= link_to services_cookies.dig(:cookie_preferences, :text), services_cookies.dig(:cookie_preferences, :href), class: "govuk-link" %>
-            <% end %>
-          </div>
-        <% else %>
-          <div class="govuk-button-group">
-            <%= render "govuk_publishing_components/components/button", {
-                name: "cookies",
-                text: t("components.cookie_banner.buttons.accept_cookies"),
-                data_attributes: {
-                  module: "gem-track-click",
-                  "accept-cookies": "true",
-                  "track-category": "cookieBanner",
-                  "track-action": "Cookie banner accepted",
-                  "cookie-types": "all",
-                }
-            } %>
-            <%= render "govuk_publishing_components/components/button", {
-                name: "cookies",
-                text: t("components.cookie_banner.buttons.reject_cookies"),
-                data_attributes: {
-                  module: "gem-track-click",
-                  "reject-cookies": "true",
-                  "track-category": "cookieBanner",
-                  "track-action": "Cookie banner rejected",
-                }
-            } %>
-            <a class="govuk-link" href="<%= cookie_preferences_href %>"><%= t("components.cookie_banner.buttons.view_cookies") %></a>
-          </div>
+        <%= render "govuk_publishing_components/components/button", {
+          name: "cookies",
+          text: services_cookies.dig(:yes, :text) || "Yes",
+          data_attributes: { module: "gem-track-click", "accept-cookies": "true", }.merge(services_cookies.dig(:yes, :data_attributes) || {})
+        } %>
+        <%= render "govuk_publishing_components/components/button", {
+          name: "cookies",
+          text: services_cookies.dig(:no, :text) || "No",
+          data_attributes: { module: "gem-track-click", "reject-cookies": "true", }.merge(services_cookies.dig(:no, :data_attributes) || {})
+        } %>
+        <% if services_cookies[:cookie_preferences] %>
+          <%= link_to services_cookies.dig(:cookie_preferences, :text), services_cookies.dig(:cookie_preferences, :href), class: "govuk-link" %>
         <% end %>
+      <% else %>
+        <%= render "govuk_publishing_components/components/button", {
+            name: "cookies",
+            text: t("components.cookie_banner.buttons.accept_cookies"),
+            data_attributes: {
+              module: "gem-track-click",
+              "accept-cookies": "true",
+              "track-category": "cookieBanner",
+              "track-action": "Cookie banner accepted",
+              "cookie-types": "all",
+            }
+        } %>
+        <%= render "govuk_publishing_components/components/button", {
+            name: "cookies",
+            text: t("components.cookie_banner.buttons.reject_cookies"),
+            data_attributes: {
+              module: "gem-track-click",
+              "reject-cookies": "true",
+              "track-category": "cookieBanner",
+              "track-action": "Cookie banner rejected",
+            }
+        } %>
+        <a class="govuk-link" href="<%= cookie_preferences_href %>"><%= t("components.cookie_banner.buttons.view_cookies") %></a>
+      <% end %>
     </div>
-  </div>
-  <div class="gem-c-cookie-banner__confirmation govuk-width-container" tabindex="-1" hidden>
-    <p class="gem-c-cookie-banner__confirmation-message" role="alert">
-      <span class="gem-c-cookie-banner__confirmation-message__accepted" hidden><%= t("components.cookie_banner.confirmation_message.accepted") %>. </span>
-      <span class="gem-c-cookie-banner__confirmation-message__rejected" hidden><%= t("components.cookie_banner.confirmation_message.rejected") %>. </span>
-      <%= confirmation_message %>
-    </p>
-    <div class="govuk-button-group">
+    <div hidden class="js-hide-button govuk-button-group">
       <button class="gem-c-cookie-banner__hide-button govuk-button" data-hide-cookie-banner="true" data-module="gem-track-click" data-track-category="cookieBanner" data-track-action="Hide cookie banner"><%= t("components.cookie_banner.hide") %></button>
     </div>
   </div>

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

@@ -126,8 +126,8 @@
                   text: link[:label],
                   index: {
                     index_section: 1,
+                    index_section_count: 2,
                   },
-                  index_total: 2,
                   section: link[:label]
                 }
               },
@@ -159,8 +159,8 @@
                 "text": "Search",
                 "index": {
                   "index_section": 2,
+                  "index_section_count": 2,
                 },
-                "index_total": 2,
                 "section": "Search"
               }.to_json %>"
             >
@@ -270,7 +270,7 @@
                 class="gem-c-layout-super-navigation-header__search-form"
                 id="search"
                 data-module="ga4-form-tracker"
-                data-ga4-form='{ "event_name": "search", "type": "header menu bar", "section": "Search GOV.UK", "action": "Search", "url": "/search/all" }'
+                data-ga4-form='{ "event_name": "search", "type": "header menu bar", "section": "Search GOV.UK", "action": "search", "url": "/search/all" }'
                 data-ga4-form-include-text
                 action="/search"
                 method="get"

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

@@ -20,7 +20,7 @@
   classes << shared_helper.get_margin_bottom if local_assigns[:margin_bottom]
 %>
 <%= content_tag :div, class: classes, data: { module: "gem-toggle metadata" } do %>
-  <dl data-module="gem-track-click">
+  <dl class="gem-c-metadata__list" data-module="gem-track-click">
     <% if from.any? %>
       <dt class="gem-c-metadata__term"><%= t("components.metadata.from") %>:</dt>
       <dd class="gem-c-metadata__definition">

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

@@ -54,7 +54,9 @@
               ga4_link_data = {
                 'event_name': 'share',
                 'type': 'share this page',
-                'index': index + 1,
+                'index': {
+                  'index_link': index + 1,
+                },
                 'index_total': links.length,
                 'text': link[:icon],
               }
@@ -63,7 +65,9 @@
               ga4_link_data = {
                 'event_name': 'navigation',
                 'type': 'follow us',
-                'index': index + 1,
+                'index': {
+                  'index_link': index + 1,
+                },
                 'index_total': links.length
               }
             end

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

@@ -31,7 +31,7 @@
                   "index_link": "1"
                 },
                 index_total: "1",
-                section: "Part of",
+                section: pretitle,
               }.to_json
             %>
               data-ga4-link="<%= ga4_attributes %>"

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

@@ -12,7 +12,7 @@ shared_accessibility_criteria:
 accessibility_excluded_rules:
   - skip-link # This component is creating a reference to sections of the page that are not part of the examples.
 examples:
-  from_only:
+  default:
     data:
       from: <a href='/government/organisations/ministry-of-defence'>Ministry of Defence</a>
   part_of_only:
@@ -355,8 +355,6 @@ examples:
       see_updates_link: true
       other:
         Applies to: England, Scotland, and Wales (see detailed guidance for <a href="http://www.dardni.gov.uk/news-dard-pa022-a-13-new-procedure-for" rel="external">Northern Ireland</a>)
-    context:
-      dark_background: true
   with_custom_margin_bottom:
     description: |
       The component accepts a number for margin bottom from `0` to `9` (`0px` to `60px`) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to the `margin-bottom` values defined in the [responsive-bottom-margin mixin](https://github.com/alphagov/govuk_publishing_components/blob/main/app/assets/stylesheets/govuk_publishing_components/components/mixins/_margins.scss#L1)

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

@@ -41,13 +41,13 @@ examples:
         url: '/government/organisations/department-for-business-innovation-skills'
         brand: 'department-for-business-innovation-skills'
         crest: 'bis'
-  department_for_international_trade:
+  department_for_business_and_trade:
     data:
       organisation:
-        name: 'Department for<br>International Trade'
-        url: '/government/organisations/department-for-international-trade'
-        brand: 'department-for-international-trade'
-        crest: 'dit'
+        name: 'Department for<br>Business &amp; Trade'
+        url: '/government/organisations/department-for-business-and-trade'
+        brand: 'department-for-business-and-trade'
+        crest: 'dbt'
   executive_office:
     data:
       organisation:

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

@@ -80,6 +80,7 @@ examples:
     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
+      pretitle: 'Example pretitle'
       links: [
         {
           href: '#',

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

@@ -18,6 +18,7 @@
 
     <%= stylesheet_link_tag "component_guide/application", media: "all" %>
     <%= yield :application_stylesheet %>
+    <%= render_component_stylesheets %>
 
     <%= javascript_include_tag "govuk_publishing_components/vendor/modernizr" %>
     <%= yield :extra_headers %>

data/config/locales/cy.yml

@@ -176,7 +176,7 @@ cy:
       label: Chwilio ar GOV.UK
       search_button: Chwilio
     share_links:
-      all_opens_in_new_tab:
+      all_opens_in_new_tab: Bydd rhannu yn agor y dudalen hon mewn tab newydd
       opens_in_new_tab:
     show_password:
       announce_hide: Mae eich cyfrinair wedi'i guddio

data/lib/govuk_publishing_components/app_helpers/asset_helper.rb

@@ -72,6 +72,10 @@ module GovukPublishingComponents
         COMPONENT_CSS_PATHS
       end
 
+      def application_stylesheet_in_use?
+        GovukPublishingComponents::Config.application_stylesheet.presence
+      end
+
     private
 
       def is_already_used?(component)

data/lib/govuk_publishing_components/presenters/breadcrumbs_helper.rb

@@ -60,7 +60,7 @@ module GovukPublishingComponents
           },
           ga4_link: {
             event_name: "navigation",
-            type: "breadcrumbs",
+            type: "breadcrumb",
             index: {
               index_link: index.to_s,
             },

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "35.3.2".freeze
+  VERSION = "35.3.4".freeze
 end