govuk_publishing_components 61.3.1 → 61.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c8d2dfaae4ef0dd3ce4b96703585c828da683bf27184e2e5e5924c1110548cb3
-  data.tar.gz: b39fdc7f93980aca903e56294db67e0b0ba86cd7ea5be4b8b7df0475dc377775
+  metadata.gz: b89ee24c83866c75be91bf960a176f2dfe9cb81dab80c5f847a92fc87b54aabb
+  data.tar.gz: 91d606a1f9be7bb0709983c262eadd92ee6abbe91a9700e5e212ae89383a7770
 SHA512:
-  metadata.gz: 955ab01a62ddfe4adfa7a05103f6e46aeb482a7add8e81400ae192d5438d9acc733a7a4b0803382c7a897f19dbde16ca6bd6b6cb36b9ff3afa835a4ebc82902c
-  data.tar.gz: bd29d2336af170beb130d0bb15cb906466695d93542db4254e645afe474f24ea7a68058c8629b362132f8fd44de8b30eac92771a7d082ea32388c16ae292aee5
+  metadata.gz: 520d29353a0f37119e5f8f478851bdab86e6135f15a14eeb6e31d64f1ea5ee14913a69c549e40cf8d227b714ffd376937b6339372645d27317d1ebd562627fa2
+  data.tar.gz: 3e820542621081f90b8d6cedeb896b3e1128f023c2cd9eee8f4b92f4014114ebd53865376ac672c42cfc7ea1cf9e84475fad1318938167d447fd1ad9a505b300

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/_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/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/component_wrapper_helper.rb

@@ -183,7 +183,7 @@ module GovukPublishingComponents
       def check_lang_is_valid(lang)
         return if lang.blank?
 
-        langs = %w[ab aa af ak sq am ar an hy as av ae ay az bm ba eu be bn bh bi bs br bg my ca ch ce ny zh zh-Hans zh-Hant zh-tw cv kw co cr hr cs da dv nl dz en eo et ee fo fj fi fr ff gl gd gv ka de el kl gn gu ht ha he hz hi ho hu is io ig id in ia ie iu ik ga it ja jv kl kn kr ks kk km ki rw rn ky kv kg ko ku kj lo la lv li ln lt lu lg lb gv mk mg ms ml mt mi mr mh mo mn na nv ng nd ne no nb nn ii oc oj cu or om os pi ps fa pl pt pa pa-pk qu rm ro ru se sm sg sa sr sh st tn sn ii sd si ss sk sl so nr es su sw ss sv tl ty tg ta tt te th bo ti to ts tr tk tw ug uk ur uz ve vi vo wa cy wo fy xh yi ji yo za zu]
+        langs = %w[ab aa af ak sq am ar an hy as av ae ay az bm ba eu be bn bh bi bs br bg my ca ch ce ny zh zh-Hans zh-Hant zh-hk zh-tw cv kw co cr hr cs da dv nl dz dr en eo et ee fo fj fi fr ff gl gd gv ka de el kl gn gu ht ha he hz hi ho hu is io ig id in ia ie iu ik ga it ja jv kl kn kr ks kk km ki rw rn ky kv kg ko ku kj lo la lv li ln lt lu lg lb gv mk mg ms ml mt mi mr mh mo mn na nv ng nd ne no nb nn ii oc oj cu or om os pi ps fa pl pt pa pa-pk qu rm ro ru se sm sg sa sr sh st tn sn ii sd si ss sk sl so nr es es-419 su sw ss sv tl ty tg ta tt te th bo ti to ts tr tk tw ug uk ur uz ve vi vo wa cy wo fy xh yi ji yo za zu]
         unless langs.include? lang
           raise(ArgumentError, "lang attribute (#{lang}) is not recognised")
         end

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.1".freeze
+  VERSION = "61.4.1".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