govuk_publishing_components 61.3.0 → 61.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6a87851becee1d2a17743023f74057913c96f5a6b1f7b59e05f7209149e28a9b
-  data.tar.gz: 0263a75ae09eb9fa63677a03b146e6668ec4da01b9c989256864cd4db6663aef
+  metadata.gz: 7a08a24ff51a519b72ea17e880bba2d3de320188e4b20b7326cb97aaa566eb56
+  data.tar.gz: ac0a25916cdd1cbb8a913d7ed554e610a22aefd3e2f403b3a2165db93d6f90d0
 SHA512:
-  metadata.gz: 18a4f902404fc7757833b25044bbeddb6b5730845d2f1ed4232be223b49ca4939874a8f26036fc26c37dfe193f13cc1821307b3b2ba518c39d487f7e32dc708b
-  data.tar.gz: d15b3f54fd67cdd8bc0677a6040e594ade6c7455756709a8c6d933e7231d97a543e7c4884764c271b3a501e0467c271c564d814e3226ae1defc327c96ee6aefc
+  metadata.gz: 69ed671966bbbf93e4fe3f5403572bb8a6cfd24741d03ea4331584bb82182660b8701c3690235b35e957e14c78ae7a75bd2d1539dbcd6358e4b8e4bc533f8294
+  data.tar.gz: 54dcbf6077fcdb4d1c749233f7f0158c01da501b3ca6191cfb36443b1228902932fcb27ab14746f4d55e38dabdcd3f3c961daac9c870b11cc2dd7e432c125e6e

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

@@ -0,0 +1,147 @@
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {};
+
+// This does not meet Grade C browser support for Edge
+// as `CSS.escape` is not supported in Edge 12-18.
+//
+// Running this will cause an error in Edge 12-18
+// but will not impact other JS being run.
+
+(function (Modules) {
+  'use strict'
+
+  function Ga4FormChangeTracker (module) {
+    this.module = module
+  }
+
+  Ga4FormChangeTracker.prototype.init = function () {
+    var consentCookie = window.GOVUK.getConsentCookie()
+
+    if (consentCookie && consentCookie.usage) {
+      this.startModule()
+    } else {
+      this.start = this.startModule.bind(this)
+      window.addEventListener('cookie-consent', this.start)
+    }
+  }
+
+  // triggered by cookie-consent event, which happens when users consent to cookies
+  Ga4FormChangeTracker.prototype.startModule = function () {
+    if (window.dataLayer) {
+      window.removeEventListener('cookie-consent', this.start)
+      this.module.addEventListener('change', this.trackFormChange.bind(this))
+    }
+  }
+
+  Ga4FormChangeTracker.prototype.getSection = function (target, checkableValue) {
+    const { id } = target
+
+    const fieldset = target.closest('fieldset')
+    const legend = fieldset && fieldset.querySelector('legend')
+    const sectionContainer = this.module.closest('[data-ga4-section]')
+    const label = this.module.querySelector(`label[for='${window.CSS.escape(id)}']`)
+
+    const ga4FormSectionContainer = target.closest('[data-ga4-form-section]')
+
+    // by default use the nearest `data-ga4-section` (if present)
+    let section = sectionContainer && sectionContainer.dataset.ga4Section
+
+    // unless there is a nearest `data-ga4-form-section`
+    if (ga4FormSectionContainer) {
+      section = ga4FormSectionContainer.dataset.ga4FormSection
+    } else {
+      // otherwise use the label of input (if it is a text field)
+      section = label ? label.innerText : section
+      // or use the legend of the input (if it is checkable field)
+      section = legend && checkableValue ? legend.innerText : section
+    }
+
+    return section
+  }
+
+  Ga4FormChangeTracker.prototype.handleDateComponent = function (target) {
+    const isDateComponent = target.closest('.govuk-date-input')
+    const value = target.value
+
+    if (!isDateComponent) { return value.length }
+
+    // only track if completely filled in
+    const inputs = [
+      ...target.closest('.govuk-date-input').querySelectorAll('input')
+    ]
+    const allInputsSet = inputs.every((input) => input.value)
+
+    if (allInputsSet) {
+      return inputs.map((input) => input.value).join('/')
+    }
+  }
+
+  Ga4FormChangeTracker.prototype.trackFormChange = function (event) {
+    const target = event.target
+    const { type, id } = target
+
+    if (type === 'search') return
+
+    const indexContainer =
+      window.GOVUK.analyticsGa4.core.trackFunctions.findTrackingAttributes(
+        target,
+        'data-ga4-index'
+      )
+
+    let index = {}
+
+    if (indexContainer) {
+      try {
+        index = JSON.parse(indexContainer.getAttribute('data-ga4-index'))
+      } catch (e) {
+        console.warn('GA4 configuration error: ' + e.message, window.location)
+      }
+    }
+
+    const value = (event.detail && event.detail.value) || target.value
+
+    // a radio or check input with a `name` and `value`
+    // or an option of `value` within a `select` with `name`
+    const checkableValue = this.module.querySelector(
+      `#${window.CSS.escape(id)}[value="${window.CSS.escape(value)}"], #${window.CSS.escape(id)} [value="${window.CSS.escape(value)}"]`
+    )
+
+    let action = 'select'
+    let text
+
+    if (checkableValue) {
+      // radio, check, option can have `:checked` pseudo-class
+      if (!checkableValue.matches(':checked')) {
+        action = 'remove'
+      }
+
+      text = checkableValue.innerText ||
+        this.module.querySelector(`label[for='${window.CSS.escape(id)}']`).innerText
+
+      if (text) {
+        text = text.replace(/\r?\n|\r/g, ' ')
+      }
+    } else if (!text) {
+      // it's a free form text field
+      text = this.handleDateComponent(target)
+
+      if (!text) return
+    }
+
+    window.GOVUK.analyticsGa4.core.applySchemaAndSendData(
+      {
+        ...index,
+        section: this.getSection(
+          target,
+          checkableValue && checkableValue.matches(':not(option)')
+        ),
+        event_name: 'select_content',
+        action,
+        text
+      },
+      'event_data'
+    )
+  }
+
+  Modules.Ga4FormChangeTracker = Ga4FormChangeTracker
+})(window.GOVUK.Modules)

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

@@ -85,7 +85,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
       var labelFor = label.getAttribute('for')
       var input = false
       if (labelFor) {
-        input = this.module.querySelector('[id=' + labelFor + ']')
+        input = this.module.querySelector('[id="' + labelFor + '"]')
       } else {
         input = label.querySelector('input')
       }

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4-publishing.js

@@ -0,0 +1 @@
+//= require ./analytics-ga4/ga4-form-change-tracker

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

@@ -1,7 +1,6 @@
 // This file contains the styles for the Component Guide.
 @use "sass:color";
-@import "govuk_publishing_components/govuk_frontend_support";
-@import "govuk_publishing_components/component_support";
+@import "govuk_publishing_components/all_components";
 
 // Include required helpers
 @import "../../stylesheets/govuk_publishing_components/components/helpers/markdown-typography";

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

@@ -59,10 +59,6 @@ $thumbnail-icon-border-colour: govuk-colour("mid-grey");
   @include govuk-font($size: 27);
 }
 
-.gem-c-attachment__link {
-  line-height: 1.29;
-}
-
 .gem-c-attachment__metadata {
   margin: 0 0 govuk-spacing(3);
   color: $govuk-secondary-text-colour;

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

@@ -1,27 +1,6 @@
 @import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/breadcrumbs/breadcrumbs";
 
-.gem-c-breadcrumbs--inverse .govuk-breadcrumbs__list-item .govuk-breadcrumbs__link {
-  &:link,
-  &:visited,
-  &:hover,
-  &:active {
-    color: govuk-colour("white");
-  }
-
-  &:focus {
-    color: $govuk-focus-text-colour;
-  }
-}
-
-.gem-c-breadcrumbs--inverse .govuk-breadcrumbs__list-item {
-  color: govuk-colour("white");
-}
-
-.gem-c-breadcrumbs--inverse .govuk-breadcrumbs__list-item::before {
-  border-color: govuk-colour("white");
-}
-
 .gem-c-breadcrumbs--border-bottom {
   border-bottom: 1px solid $govuk-border-colour;
   padding-bottom: govuk-spacing(1);

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

@@ -49,19 +49,6 @@
   margin: govuk-spacing(4) 0;
 }
 
-.gem-c-emergency-banner__link {
-  @include govuk-font(19);
-}
-
-.gem-c-emergency-banner__link:link,
-.gem-c-emergency-banner__link:visited {
-  color: govuk-colour("white");
-}
-
-.gem-c-emergency-banner__link:focus {
-  @include govuk-focused-text;
-}
-
 .gem-c-emergency-banner--notable-death {
   background-color: govuk-colour("black");
 }

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

@@ -2,9 +2,6 @@
 @import "govuk/components/notification-banner/notification-banner";
 
 .gem-c-notice {
-  clear: both;
-  @include govuk-responsive-margin(8, "bottom");
-
   .govuk-govspeak {
     p:last-child {
       margin-bottom: 0;

data/app/assets/stylesheets/govuk_publishing_components/components/_signup-link.scss

@@ -17,8 +17,8 @@
 }
 
 .gem-c-signup-link__title {
-  margin-bottom: govuk-spacing(2);
-  margin-left: govuk-spacing(5);
+  margin: 0 0 govuk-spacing(2) govuk-spacing(5);
+  @include govuk-font(19, $weight: "bold");
 }
 
 .gem-c-signup-link--with-background-and-border {

data/app/assets/stylesheets/govuk_publishing_components/components/_success-alert.scss

@@ -1,10 +1,6 @@
 @import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/notification-banner/notification-banner";
 
-.gem-c-success-alert__message {
-  @include govuk-font(19, $weight: bold);
-}
-
 // stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-success-alert {

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

@@ -9,29 +9,6 @@
   }
 }
 
-// We have some styles within GOVUK (.content-block) which can leak into the list styles for this component.
-// These styles are defined in Static:
-// https://github.com/alphagov/static/blob/a815620cada7ea1c65428c1c3b3ac4dbe28977bf/app/assets/stylesheets/helpers/_text.scss
-// This sets more specific selectors so those unwanted styles are overidden
-ul.govuk-tabs__list { // stylelint-disable-line selector-no-qualifying-type
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  @include govuk-responsive-margin(6, "bottom");
-}
-
-li.govuk-tabs__list-item { // stylelint-disable-line selector-no-qualifying-type
-  margin-left: govuk-spacing(5);
-}
-
-.govuk-frontend-supported { // stylelint-disable-line no-duplicate-selectors
-  @include govuk-media-query($from: tablet) {
-    ul.govuk-tabs__list { // stylelint-disable-line selector-no-qualifying-type
-      margin-bottom: 0;
-    }
-  }
-}
-
 @include govuk-media-query($media-type: print) {
   .govuk-tabs__title {
     display: block !important; // stylelint-disable-line declaration-no-important

data/app/assets/stylesheets/govuk_publishing_components/components/_translation-nav.scss

@@ -33,18 +33,9 @@
 
 .gem-c-translation-nav--inverse {
   border-color: govuk-colour("white");
-
-  .gem-c-translation-nav__list-item,
-  .gem-c-translation-nav__link {
-    color: govuk-colour("white");
-
-    &:focus {
-      color: govuk-colour("black");
-    }
-  }
+  color: govuk-colour("white");
 }
 
 .gem-c-translation-nav__list-item:last-child {
-  border-right: 0;
-  border-left: 0;
+  border: 0;
 }

data/app/controllers/govuk_publishing_components/component_guide_controller.rb

@@ -35,21 +35,6 @@ module GovukPublishingComponents
     def preview
       @component_examples = []
       @component_doc = component_docs.get(params[:component])
-
-      @all_components = true if params[:all_components] == "true"
-      @all_gem_component_docs = []
-      @all_app_component_docs = []
-      if @all_components
-        @component_gem_path = Gem.loaded_specs["govuk_publishing_components"].full_gem_path
-
-        # Remove components without CSS, and the current component. The current component is excluded as the view will handle rendering its CSS.
-        @all_gem_component_docs = gem_component_docs.all.reject { |component| !component_has_sass_file(component.id.gsub("_", "-")) || component.id == @component_doc.id }
-        @all_app_component_docs = component_docs.all.reject { |component| !app_component_has_sass_file(component.id.gsub("_", "-")) || component.id == @component_doc.id }
-
-        @current_component_id = @component_doc.id.gsub("_", "-")
-        @render_component_first = params[:render_component_first] == "true" unless !component_has_sass_file(@current_component_id) && !app_component_has_sass_file(@current_component_id)
-      end
-
       @preview = true
 
       if params[:example].present?
@@ -57,9 +42,6 @@ module GovukPublishingComponents
       else
         @component_examples = @component_doc.examples
       end
-
-      @percy = true if params[:percy] == "true"
-      @preview_title = preview_title(@component_doc, @component_examples, @all_components, @render_component_first, @percy)
     end
 
     def components_in_use_sass
@@ -154,10 +136,6 @@ module GovukPublishingComponents
       extra_components.flatten.uniq.sort
     end
 
-    def app_component_has_sass_file(component)
-      Pathname.new(Rails.root + "app/assets/stylesheets/components/_#{component}.scss").exist?
-    end
-
     def component_has_sass_file(component)
       Pathname.new(@component_gem_path + "/app/assets/stylesheets/govuk_publishing_components/components/_#{component}.scss").exist?
     end
@@ -190,27 +168,5 @@ module GovukPublishingComponents
         h[:url] = component_doc_path(component_doc.id) if component_example
       end
     end
-
-    def preview_title(component, component_examples, all_components, render_component_first, percy)
-      title = [component.name]
-
-      if component_examples.length == 1 && !percy
-        title[0] << ": #{component_examples.first.name} preview"
-      end
-
-      if all_components
-        title << "+ every component's CSS file"
-
-        title << if render_component_first
-                   "- component rendering first"
-                 else
-                   "- component rendering last"
-                 end
-      end
-
-      title << "- #{GovukPublishingComponents::Config.component_guide_title}" unless percy
-
-      title.join(" ")
-    end
   end
 end

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

@@ -1,20 +1,4 @@
-<% content_for :application_stylesheet do
-  if @all_components
-    # If rendering the component CSS first, do it explicitly here. If not, the component partial render will handle the CSS import.
-    if @render_component_first
-      if @component_doc.source == "application"
-        add_app_component_stylesheet(@current_component_id)
-      else
-        add_gem_component_stylesheet(@current_component_id)
-      end
-    end
-    @all_gem_component_docs.each do |component|
-      add_gem_component_stylesheet(component.id.gsub("_", "-"))
-    end
-    @all_app_component_docs.each do |component|
-      add_app_component_stylesheet(component.id.gsub("_", "-"))
-    end
-  end %>
+<% content_for :application_stylesheet do %>
   <% if @component_doc.source == "application" && application_stylesheet_in_use? %>
     <%= render "application_stylesheet" %>
   <% end %>

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

@@ -88,7 +88,7 @@
   <%= tag.div class: "gem-c-attachment__details" do %>
     <%= content_tag(shared_helper.get_heading_level, class: "gem-c-attachment__title") do %>
       <%= link_to attachment.title, attachment.url,
-      class: "govuk-link gem-c-attachment__link",
+      class: "govuk-link",
       target: target,
       data: url_data_attributes %>
     <% end %>

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

@@ -10,7 +10,7 @@
 
   classes = %w[gem-c-breadcrumbs govuk-breadcrumbs]
   classes << "govuk-breadcrumbs--collapse-on-mobile" if collapse_on_mobile
-  classes << "gem-c-breadcrumbs--inverse" if inverse
+  classes << "govuk-breadcrumbs--inverse" if inverse
   classes << "gem-c-breadcrumbs--border-bottom" if border == "bottom"
 
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)

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

@@ -58,7 +58,7 @@
           <% end %>
         <% end %>
         <% if link %>
-          <a href="<%= link %>" class="gem-c-emergency-banner__link">
+          <a href="<%= link %>" class="govuk-link govuk-link--inverse">
             <%= link_text %>
           </a>
         <% end %>

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

@@ -82,10 +82,12 @@
           service_name: service_name,
         } %>
       <% else %>
-        <%= render "govuk_publishing_components/components/layout_super_navigation_header", {
-          homepage:,
-          logo_link: logo_link,
-        } %>
+        <% I18n.with_locale(:en) do %>
+          <%= render "govuk_publishing_components/components/layout_super_navigation_header", {
+            homepage:,
+            logo_link: logo_link,
+          } %>
+        <% end %>
       <% end %>
     <% end %>
 

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

@@ -23,7 +23,7 @@
     <% if last_updated %>
       <%= t("components.published_dates.last_updated", date: last_updated) %>
       <% if link_to_history && history.empty? %>
-        <span aria-hidden="true">— </span><a href="#history" class="gem-c-published-dates__history-link govuk-link"><%= t("components.published_dates.see_all_updates", locale: :en) %></a>
+        <span aria-hidden="true">— </span><a href="#history" class="govuk-link"><%= t("components.published_dates.see_all_updates", locale: :en) %></a>
       <% elsif history.any? %>
         <a href="#full-history"
         class="gem-c-published-dates__toggle govuk-link"

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

@@ -17,11 +17,11 @@
 %>
 <% if link_text && link_href %>
   <%= tag.div(**component_helper.all_attributes) do %>
-    <div class="gem-c-signup-link__inner govuk-width-container">
+    <div class="gem-c-signup-link__inner">
       <svg class="gem-c-signup-link__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 459.334 459.334">
         <path fill="black" d="M177.216 404.514c-.001.12-.009.239-.009.359 0 30.078 24.383 54.461 54.461 54.461s54.461-24.383 54.461-54.461c0-.12-.008-.239-.009-.359H175.216zM403.549 336.438l-49.015-72.002v-89.83c0-60.581-43.144-111.079-100.381-122.459V24.485C254.152 10.963 243.19 0 229.667 0s-24.485 10.963-24.485 24.485v27.663c-57.237 11.381-100.381 61.879-100.381 122.459v89.83l-49.015 72.002a24.76 24.76 0 0 0 20.468 38.693H383.08a24.761 24.761 0 0 0 20.469-38.694z" />
       </svg>
-      <%= content_tag(shared_helper.get_heading_level, heading, class: "govuk-heading-s gem-c-signup-link__title") if heading %>
+      <%= content_tag(shared_helper.get_heading_level, heading, class: "gem-c-signup-link__title") if heading %>
       <%= link_to( link_text, link_href, {
         class: "govuk-link gem-c-signup-link__link",
         data: data,

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

@@ -21,7 +21,7 @@
       <%= tag.h3 message, class: "govuk-notification-banner__heading" %>
       <%= description %>
     <% else %>
-      <%= tag.p message, class: "govuk-body gem-c-success-alert__message" %>
+      <%= tag.p message, class: "govuk-notification-banner__heading" %>
     <% end %>
   </div>
 <% end %>

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

@@ -21,7 +21,7 @@
               hreflang: translation[:locale],
               lang: translation[:locale],
               rel: "alternate",
-              class: "govuk-link gem-c-translation-nav__link #{brand_helper.color_class}",
+              class: "govuk-link #{translation_helper.link_class} #{brand_helper.color_class}",
               data: translation[:data_attributes] %>
           <% end %>
         </li>

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

@@ -26,7 +26,15 @@
 <html lang="en" class="<%= "govuk-template" unless @preview %> govuk-template--rebranded">
   <head>
     <meta charset="utf-8">
-    <title><% if @preview %><%= @preview_title %><% else %><%= yield :title %><% if content_for(:title) %> - <% end %><%= GovukPublishingComponents::Config.component_guide_title %><% end %></title>
+    <title>
+      <% if @preview %>
+        <%= @component_doc.name %><% if @component_examples.length == 1 %>:
+          <%= @component_examples.first.name %>
+        <% end %>
+        preview -
+      <% end %>
+      <%= yield :title %><% if content_for(:title) %> - <% end %><%= GovukPublishingComponents::Config.component_guide_title %>
+    </title>
     <meta name="robots" content="noindex,nofollow,noimageindex">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <%= csrf_meta_tags %>
@@ -34,7 +42,6 @@
 
     <%= stylesheet_link_tag "component_guide/application", media: "all" %>
     <%= yield :application_stylesheet %>
-    <%= render_component_stylesheets %>
     <%= yield :extra_headers %>
   </head>
   <body class="gem-c-layout-for-admin govuk-template__body">

data/config/locales/es.yml

@@ -104,8 +104,8 @@ es:
     intervention:
       accessible_link_text_suffix:
     layout_footer:
-      copyright_html: <a class='govuk-footer__link govuk-footer__copyright-logo' href='http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Derechos de autor de la corona</a>
-      licence_html: Todo el contenido está disponible bajo la <a class='govuk-footer__link' href='https://www.nationalarchives.gov.uk/doc/open-government-license/version/3/" rel='license'>Licencia de Gobierno Abierto v3,0</a>, excepto donde se indique lo contrario
+      copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Derechos de autor de la corona</a>
+      licence_html: Todo el contenido está disponible bajo la <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-license/version/3/" rel="license">Licencia de Gobierno Abierto v3,0</a>, excepto donde se indique lo contrario
       navigation_links:
       support_links: Enlaces de soporte
     layout_for_public:

data/lib/govuk_publishing_components/config.rb

@@ -35,10 +35,14 @@ module GovukPublishingComponents
       Gem::Specification.find_by_name("govuk_publishing_components").gem_dir
     end
 
+    def self.component_guide_stylesheet
+      { "#{gem_directory}/app/assets/stylesheets/component_guide/application.scss" => "component_guide/application.css" }
+    end
+
     def self.all_stylesheets
       stylesheets = Dir.glob("#{gem_directory}/app/assets/stylesheets/govuk_publishing_components/components/*.scss")
 
-      application_stylesheet_hash = { "#{gem_directory}/app/assets/stylesheets/component_guide/application.scss" => "component_guide/application.css" }
+      application_stylesheet_hash = component_guide_stylesheet
 
       stylesheets.each_with_object(application_stylesheet_hash) do |path, hsh|
         hsh[path] = "govuk_publishing_components/components/#{File.basename(path, '.*')}.css"

data/lib/govuk_publishing_components/presenters/translation_nav_helper.rb

@@ -22,6 +22,10 @@ module GovukPublishingComponents
       def inverse_class
         "gem-c-translation-nav--inverse"
       end
+
+      def link_class
+        "govuk-link--inverse" if @inverse
+      end
     end
   end
 end

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "61.3.0".freeze
+  VERSION = "61.4.0".freeze
 end

data/node_modules/axe-core/README.md

@@ -138,21 +138,21 @@ axe.configure({
 Axe-core supports the following locales. Do note that since locales are contributed by our community, they are not guaranteed to include all translations needed in a release.
 
 - Basque
+- Chinese (Simplified)
+- Chinese (Traditional)
 - Danish
 - Dutch
 - French
 - German
+- Greek
 - Hebrew
+- Italian
 - Japanese
 - Korean
 - Norwegian (Bokmål)
 - Polish
 - Portuguese (Brazilian)
 - Spanish
-- Greek
-- Italian
-- Simplified Chinese
-- Traditional Chinese
 
 ## Updates & Security