govuk_publishing_components 29.12.0 → 29.14.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3dd3c468990ad57344b60f3268db6600fc77389ec57fa53688699284bef86502
-  data.tar.gz: 2dc30bfb1f489e894134032e8d055e694b4ac45e5eb49e3055ceae8ac0f2b0b7
+  metadata.gz: ea69ac62517f1d199c528b86f901ea00cf09b7d09b9c4b7c6550af866ad67cea
+  data.tar.gz: f92c94a1bad3f1516e4cdc4e415202c72e027b42990ed3e1c9c5eacebe389d14
 SHA512:
-  metadata.gz: 1d147c794de4cd0cb8210584db07fe0e32a3036d68bded430d2c8d9b45a00b50f78a931d21b48be269f971099f8b054881f3b707694b4f52c3dfa7d00aef7ea2
-  data.tar.gz: 786de6478e56d31089cb7745914bc5e38e5e8e63043d2b862777a69a5622b19f7f678c2d43559e179eb1701b3222fd1f384d05530c7f403abcccf1f025a005ef
+  metadata.gz: e4a5fa8f083422f90461f0473ebe979d1240a5b0a0f4a0a56f19a24936eb33c70f18216b4e29bb43140f945c9985e5da738299563b0ceab1a40932c2cb85b138
+  data.tar.gz: 3ab97ddb79f5ed2a1494c9fa63868573b4bc18d8ba067343d4acc035b5602f90ab6a47b089a36b8590f77b5d45e9cc70084001b355cc458dbe2326346ec63073

data/app/assets/images/govuk_publishing_components/action-link-arrow--white.svg

@@ -0,0 +1 @@
+<svg width="39" height="39" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.01 6.818l-2.828 2.828 7.853 7.854-22 .066L0 21.5h22.035l-7.853 7.854 2.828 2.828L29.69 19.5zM39 19.5C39 30.27 30.27 39 19.5 39 9.373 39 1.05 31.28.092 21.405A19.737 19.737 0 010 19.5C0 8.73 8.73 0 19.5 0S39 8.73 39 19.5z" fill="#fff"/></svg>

data/app/assets/javascripts/govuk_publishing_components/analytics/custom-dimensions.js

@@ -64,7 +64,7 @@
       'taxon-slugs': { dimension: 58, defaultValue: 'other' },
       'taxon-ids': { dimension: 59, defaultValue: 'other' },
       'content-has-history': { dimension: 39, defaultValue: 'false' },
-      'publishing-application': { dimension: 89 },
+      'publishing-app': { dimension: 89 },
       'brexit-audience': { dimension: 112 },
       'brexit-superbreadcrumb': { dimension: 111 },
       stepnavs: { dimension: 96 },

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/gtm-click-tracking.js

@@ -25,7 +25,12 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
           link_url: window.location.href.substring(window.location.origin.length),
           ui: JSON.parse(target.getAttribute('data-gtm-attributes')) || {}
         }
-        var ariaExpanded = this.getClosestAttribute(target, 'aria-expanded')
+
+        // Ensure it only tracks aria-expanded in an accordion element, instead of in any child of the clicked element
+        if (target.closest('.gem-c-accordion')) {
+          var ariaExpanded = this.getClosestAttribute(target, 'aria-expanded')
+        }
+
         /*
           the details component uses an 'open' attribute instead of aria-expanded, so we need to check if we're on a details component.
           since details deletes the 'open' attribute when closed, we need this boolean, otherwise every element which
@@ -35,11 +40,11 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 
         if (ariaExpanded) {
           data.ui.text = data.ui.text || target.innerText
-          data.ui.state = (ariaExpanded === 'false') ? 'opened' : 'closed'
+          data.ui.action = (ariaExpanded === 'false') ? 'opened' : 'closed'
         } else if (detailsElement) {
           data.ui.text = data.ui.text || detailsElement.textContent
           var openAttribute = detailsElement.getAttribute('open')
-          data.ui.state = (openAttribute == null) ? 'opened' : 'closed'
+          data.ui.action = (openAttribute == null) ? 'opened' : 'closed'
         }
 
         window.dataLayer.push(data)

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/gtm-page-views.js

@@ -4,6 +4,8 @@
   var GOVUK = global.GOVUK || {}
 
   GOVUK.Gtm = {
+    PIIRemover: new GOVUK.analyticsGA4.PIIRemover(), // imported in analytics-ga4.js
+
     sendPageView: function () {
       if (window.dataLayer) {
         var data = {
@@ -16,8 +18,8 @@
           },
           publishing: {
             document_type: this.getMetaContent('format'),
-            publishing_application: this.getMetaContent('publishing-application'),
-            rendering_application: this.getMetaContent('rendering-application'),
+            publishing_app: this.getMetaContent('publishing-app'),
+            rendering_app: this.getMetaContent('rendering-app'),
             schema_name: this.getMetaContent('schema-name'),
             content_id: this.getMetaContent('content-id')
           },
@@ -48,15 +50,15 @@
     },
 
     getLocation: function () {
-      return document.location.href
+      return this.PIIRemover.stripPII(document.location.href)
     },
 
     getReferrer: function () {
-      return document.referrer
+      return this.PIIRemover.stripPIIWithOverride(document.referrer, true, true)
     },
 
     getTitle: function () {
-      return document.title
+      return this.PIIRemover.stripPII(document.title)
     },
 
     // window.httpStatusCode is set in the source of the error page in static

data/app/assets/javascripts/govuk_publishing_components/analytics-ga4/pii-remover.js

@@ -0,0 +1,135 @@
+;(function (global) {
+  'use strict'
+
+  var GOVUK = global.GOVUK || {}
+  var EMAIL_PATTERN = /[^\s=/?&#]+(?:@|%40)[^\s=/?&]+/g
+  var POSTCODE_PATTERN = /\b[A-PR-UWYZ][A-HJ-Z]?[0-9][0-9A-HJKMNPR-Y]?(?:[\s+]|%20)*[0-9](?!refund)[ABD-HJLNPQ-Z]{2,3}\b/gi
+  var DATE_PATTERN = /\d{4}(-?)\d{2}(-?)\d{2}/g
+  var ESCAPE_REGEX_PATTERN = /[|\\{}()[\]^$+*?.]/g
+
+  // specific URL parameters to be redacted from accounts URLs
+  var RESET_PASSWORD_TOKEN_PATTERN = /reset_password_token=[a-zA-Z0-9-]+/g
+  var UNLOCK_TOKEN_PATTERN = /unlock_token=[a-zA-Z0-9-]+/g
+  var STATE_PATTERN = /state=.[^&]+/g
+
+  function shouldStripDates () {
+    var metas = document.querySelectorAll('meta[name="govuk:static-analytics:strip-dates"]')
+    return metas.length > 0
+  }
+
+  function shouldStripPostcodes () {
+    var metas = document.querySelectorAll('meta[name="govuk:static-analytics:strip-postcodes"]')
+    return metas.length > 0
+  }
+
+  function queryStringParametersToStrip () {
+    var meta = document.querySelector('meta[name="govuk:static-analytics:strip-query-string-parameters"]')
+    var value = false
+    if (meta) {
+      value = meta.getAttribute('content')
+    }
+    var parameters = []
+
+    if (value) {
+      var split = value.split(',')
+      for (var i = 0; i < split.length; i++) {
+        parameters.push(split[i].trim())
+      }
+    }
+
+    return parameters
+  }
+
+  var PIIRemover = function () {
+    this.stripDatePII = shouldStripDates()
+    this.stripPostcodePII = shouldStripPostcodes()
+    this.queryStringParametersToStrip = queryStringParametersToStrip()
+  }
+
+  PIIRemover.prototype.PIISafe = function (value) {
+    this.value = value
+  }
+
+  PIIRemover.prototype.stripPII = function (value) {
+    if (typeof value === 'string') {
+      return this.stripPIIFromString(value)
+    } else if (Object.prototype.toString.call(value) === '[object Array]' || Object.prototype.toString.call(value) === '[object Arguments]') {
+      return this.stripPIIFromArray(value)
+    } else if (typeof value === 'object') {
+      return this.stripPIIFromObject(value)
+    } else {
+      return value
+    }
+  }
+
+  PIIRemover.prototype.stripPIIWithOverride = function (value, enableDateStripping, enablePostcodeStripping) {
+    var oldStripDatePII = this.stripDatePII
+    var oldPostcodePII = this.stripPostcodePII
+
+    this.stripDatePII = enableDateStripping
+    this.stripPostcodePII = enablePostcodeStripping
+
+    var strippedValue = this.stripPII(value)
+
+    this.stripDatePII = oldStripDatePII
+    this.stripPostcodePII = oldPostcodePII
+
+    return strippedValue
+  }
+
+  PIIRemover.prototype.stripPIIFromString = function (string) {
+    var stripped = string.replace(EMAIL_PATTERN, '[email]')
+    stripped = stripped.replace(RESET_PASSWORD_TOKEN_PATTERN, 'reset_password_token=[reset_password_token]')
+    stripped = stripped.replace(UNLOCK_TOKEN_PATTERN, 'unlock_token=[unlock_token]')
+    stripped = stripped.replace(STATE_PATTERN, 'state=[state]')
+    stripped = this.stripQueryStringParameters(stripped)
+
+    if (this.stripDatePII === true) {
+      stripped = stripped.replace(DATE_PATTERN, '[date]')
+    }
+    if (this.stripPostcodePII === true) {
+      stripped = stripped.replace(POSTCODE_PATTERN, '[postcode]')
+    }
+    return stripped
+  }
+
+  PIIRemover.prototype.stripPIIFromObject = function (object) {
+    if (object) {
+      if (object instanceof this.PIISafe) {
+        return object.value
+      } else {
+        for (var property in object) {
+          var value = object[property]
+
+          object[property] = this.stripPII(value)
+        }
+        return object
+      }
+    }
+  }
+
+  PIIRemover.prototype.stripPIIFromArray = function (array) {
+    for (var i = 0, l = array.length; i < l; i++) {
+      var elem = array[i]
+
+      array[i] = this.stripPII(elem)
+    }
+    return array
+  }
+
+  PIIRemover.prototype.stripQueryStringParameters = function (string) {
+    for (var i = 0; i < this.queryStringParametersToStrip.length; i++) {
+      var parameter = this.queryStringParametersToStrip[i]
+      var escaped = parameter.replace(ESCAPE_REGEX_PATTERN, '\\$&')
+      var regexp = new RegExp('((?:\\?|&)' + escaped + '=)(?:[^&#\\s]*)', 'g')
+      string = string.replace(regexp, '$1[' + parameter + ']')
+    }
+
+    return string
+  }
+
+  GOVUK.analyticsGA4 = GOVUK.analyticsGA4 || {}
+  GOVUK.analyticsGA4.PIIRemover = PIIRemover
+
+  global.GOVUK = GOVUK
+})(window)

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

@@ -1,3 +1,5 @@
+// The following modules are imported in a specific order
+//= require ./analytics-ga4/pii-remover
 //= require ./analytics-ga4/gtm-page-views
 //= require ./analytics-ga4/gtm-click-tracking
 

data/app/assets/javascripts/govuk_publishing_components/components/accordion.js

@@ -124,6 +124,16 @@ window.GOVUK.Modules.GovukAccordion = window.GOVUKFrontend.Accordion;
       var label = expanded ? 'Show all sections' : 'Hide all sections'
       var action = expanded ? 'accordionOpened' : 'accordionClosed'
       var options = { transport: 'beacon', label: label }
+
+      var extraOptions = event.target && event.target.getAttribute('data-track-options')
+
+      // this uses the same logic as track-click.js handleClick
+      // means we can add a custom dimensions on click
+      if (extraOptions) {
+        extraOptions = JSON.parse(extraOptions)
+        for (var k in extraOptions) options[k] = extraOptions[k]
+      }
+
       if (window.GOVUK.analytics && window.GOVUK.analytics.trackEvent) {
         window.GOVUK.analytics.trackEvent('pageElementInteraction', action, options)
       }

data/app/assets/javascripts/govuk_publishing_components/components/feedback.js

@@ -19,6 +19,8 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.promptSuccessMessage = this.$module.querySelector('.js-prompt-success')
     this.surveyWrapper = this.$module.querySelector('#survey-wrapper')
     this.jshiddenClass = 'js-hidden'
+    this.whatDoingInput = this.$module.querySelector('[name=what_doing]')
+    this.whatWrongInput = this.$module.querySelector('[name=what_wrong]')
   }
 
   Feedback.prototype.init = function () {
@@ -74,6 +76,13 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
       this.setHiddenValuesNotUsefulForm(gaClientId)
     }.bind(this))
 
+    this.somethingIsWrongButton.addEventListener('click', function (e) {
+      this.timerInterval = setInterval(function () {
+        this.timer = this.timer + 1
+        this.timerHoneyPot.setAttribute('value', this.timer)
+      }.bind(this), 1000)
+    }.bind(this))
+
     // much of the JS needed to support sending the form contents via this script is
     // unsupported by IE, even IE11. This check causes IE to not intercept form submits
     // and let them happen normally, which is handled already by the backend
@@ -94,6 +103,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
               this.revealInitialPrompt()
               this.setInitialAriaAttributes()
               this.activeForm.hidden = true
+              clearInterval(this.timerInterval)
             } else {
               this.showError(xhr)
               this.enableSubmitFormButton($form)
@@ -142,6 +152,14 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
       '<h2>Sorry, we’re unable to send your message as you haven’t given us any information.</h2>',
       ' <p>Please tell us what you were doing or what went wrong</p>'
     ].join('')
+
+    this.timer = 0
+
+    this.timerHoneyPot = document.createElement('input')
+    this.timerHoneyPot.setAttribute('type', 'hidden')
+    this.timerHoneyPot.setAttribute('name', 'timer')
+    this.timerHoneyPot.setAttribute('value', this.timer)
+    this.somethingIsWrongForm.appendChild(this.timerHoneyPot)
   }
 
   Feedback.prototype.setHiddenValuesNotUsefulForm = function (gaClientId) {
@@ -185,6 +203,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
         .focus()
     } else {
       this.activeForm = false
+      clearInterval(this.timerInterval)
     }
   }
 

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

@@ -92,6 +92,13 @@
   }
 }
 
+.gem-c-action-link--white-arrow {
+  &:before {
+    background-image: image-url("govuk_publishing_components/action-link-arrow--white.png");
+    background-image: image-url("govuk_publishing_components/action-link-arrow--white.svg"), linear-gradient(transparent, transparent);
+  }
+}
+
 .gem-c-action-link--blue-arrow {
   &:before {
     width: 36px;

data/app/assets/stylesheets/govuk_publishing_components/components/_previous-and-next-navigation.scss

@@ -1,92 +1 @@
-.gem-c-pagination {
-  display: block;
-  margin: govuk-spacing(8) 0;
-}
-
-.gem-c-pagination__list {
-  margin: 0;
-  padding: 0;
-}
-
-.gem-c-pagination__item {
-  @include govuk-font($size: 19);
-  list-style: none;
-
-  &:first-child {
-    margin-bottom: govuk-spacing(4);
-  }
-}
-
-.gem-c-pagination__link {
-  display: block;
-  text-decoration: none;
-  padding-bottom: govuk-spacing(4);
-
-  &:hover,
-  &:active,
-  &:visited {
-    color: $govuk-link-colour;
-  }
-
-  &:hover,
-  &:active {
-    background-color: govuk-colour("light-grey", $legacy: "grey-4");
-
-    // Add govuk-link hover decoration to title if no label present
-    .gem-c-pagination__link-text--decorated {
-      @include govuk-link-decoration;
-    }
-
-    .gem-c-pagination__link-label,
-    .gem-c-pagination__link-text--decorated {
-      @include govuk-link-hover-decoration;
-    }
-  }
-
-  &:focus {
-    @include govuk-focused-text;
-
-    .gem-c-pagination__link-title {
-      border-top-color: transparent;
-    }
-
-    .gem-c-pagination__link-icon {
-      fill: $govuk-text-colour;
-    }
-  }
-}
-
-.gem-c-pagination__link-title {
-  display: block;
-  border-top: 1px solid $govuk-border-colour;
-  padding-top: govuk-spacing(3);
-}
-
-.gem-c-pagination__link-divider {
-  @include govuk-visually-hidden;
-}
-
-.gem-c-pagination__link-text {
-  @include govuk-font(19, $weight: bold);
-  margin-left: govuk-spacing(2);
-}
-
-.gem-c-pagination__link-icon {
-  @include govuk-font($size: 24, $line-height: (33.75 / 27));
-  display: inline-block;
-  margin-bottom: 1px;
-  height: .482em;
-  width: .63em;
-  fill: govuk-colour("dark-grey", $legacy: "grey-1");
-}
-
-.gem-c-pagination__link-label {
-  display: inline-block;
-  margin-top: .1em;
-  margin-left: govuk-spacing(5);
-  @include govuk-link-decoration;
-
-  @include govuk-media-query($from: tablet) {
-    margin-left: govuk-spacing(6);
-  }
-}
+@import "govuk/components/pagination/pagination";

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

@@ -10,6 +10,7 @@
   mobile_subtext ||= false
   light_text ||= false
   blue_arrow ||= false
+  white_arrow ||= false
   simple ||= false
   simple_light ||= false
   dark_icon ||= false
@@ -29,6 +30,7 @@
   css_classes << "gem-c-action-link--nhs" if nhs_icon
   css_classes << "gem-c-action-link--brexit" if brexit_icon
   css_classes << "gem-c-action-link--blue-arrow" if blue_arrow
+  css_classes << "gem-c-action-link--white-arrow" if white_arrow
   css_classes << "gem-c-action-link--simple" if simple
   css_classes << "gem-c-action-link--simple-light" if simple_light
   css_classes << "gem-c-action-link--with-subtext" if subtext

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

@@ -6,7 +6,7 @@
     { :name => "month", :width => 2 },
     { :name => "year", :width => 4 }
   ]
-
+  autocomplete_date_of_birth ||= nil
   legend_text ||= nil
   hint ||= nil
   error_message ||= nil
@@ -64,7 +64,7 @@
             id: item[:id],
             type: "number",
             data: item[:data],
-            autocomplete: item[:autocomplete]
+            autocomplete: autocomplete_date_of_birth ? "bday-#{item[:name]}" : nil
           } %>
         <% end %>
       <% end %>

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

@@ -1,18 +1,18 @@
 <% if local_assigns.include?(:next_page) || local_assigns.include?(:previous_page) %>
-<nav
-  class="gem-c-pagination"
-  role="navigation"
-  aria-label="<%= t("components.previous_and_next_navigation.pagination") %>"
->
-  <ul class="gem-c-pagination__list" data-module="gem-track-click">
+  <nav
+    class="govuk-pagination govuk-pagination--block"
+    role="navigation"
+    aria-label="<%= t("components.previous_and_next_navigation.pagination") %>"
+  >
     <% if local_assigns.include?(:previous_page) %>
       <%
-        link_text_classes = %w[gem-c-pagination__link-text]
-        link_text_classes << "gem-c-pagination__link-text--decorated" unless previous_page[:label].present?
+        title = previous_page[:title] || t("components.previous_and_next_navigation.previous")
+        link_text_classes = %w[govuk-pagination__link-title]
+        link_text_classes << "govuk-pagination__link-title--decorated" unless previous_page[:label].present?
       %>
-      <li class="gem-c-pagination__item gem-c-pagination__item--previous">
-        <a href="<%= previous_page[:url] %>"
-          class="govuk-link gem-c-pagination__link"
+      <div class="govuk-pagination__prev">
+        <a class="govuk-link govuk-pagination__link" 
+          href="<%= previous_page[:url] %>" 
           rel="prev"
           data-track-category="contentsClicked"
           data-track-action="previous"
@@ -20,27 +20,27 @@
           data-track-dimension="previous"
           data-track-dimension-index="29"
         >
-          <span class="gem-c-pagination__link-title">
-            <svg class="gem-c-pagination__link-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
-              <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"/>
-            </svg>
-            <%= tag.span(previous_page[:title], class: link_text_classes) %>
-          </span>
+          <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+            <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+          </svg>
+          <%= tag.span(title, class: link_text_classes) %>
           <% if previous_page[:label].present? %>
-            <span class="gem-c-pagination__link-divider visually-hidden">:</span>
-            <span class="gem-c-pagination__link-label"><%= previous_page[:label] %></span>
+            <span class="govuk-visually-hidden">:</span>
+            <span class="govuk-pagination__link-label"><%= previous_page[:label] %></span>
           <% end %>
         </a>
-      </li>
+      </div>
     <% end %>
+
     <% if local_assigns.include?(:next_page) %>
       <%
-        link_text_classes = %w[gem-c-pagination__link-text]
-        link_text_classes << "gem-c-pagination__link-text--decorated" unless next_page[:label].present?
+        title = next_page[:title] || t("components.previous_and_next_navigation.next")
+        link_text_classes = %w[govuk-pagination__link-title]
+        link_text_classes << "govuk-pagination__link-title--decorated" unless next_page[:label].present?
       %>
-      <li class="gem-c-pagination__item gem-c-pagination__item--next">
-        <a href="<%= next_page[:url] %>"
-          class="govuk-link gem-c-pagination__link"
+      <div class="govuk-pagination__next">
+        <a class="govuk-link govuk-pagination__link" 
+          href="<%= next_page[:url] %>" 
           rel="next"
           data-track-category="contentsClicked"
           data-track-action="next"
@@ -48,19 +48,16 @@
           data-track-dimension="next"
           data-track-dimension-index="29"
         >
-          <span class="gem-c-pagination__link-title">
-            <svg class="gem-c-pagination__link-icon" xmlns="http://www.w3.org/2000/svg" height="13" width="17" viewBox="0 0 17 13">
-              <path d="m10.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"/>
-            </svg>
-            <%= tag.span(next_page[:title], class: link_text_classes) %>
-          </span>
+          <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+            <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+          </svg>
+          <%= tag.span(title, class: link_text_classes) %>
           <% if next_page[:label].present? %>
-            <span class="gem-c-pagination__link-divider visually-hidden">:</span>
-            <span class="gem-c-pagination__link-label"><%= next_page[:label] %></span>
+            <span class="govuk-visually-hidden">:</span>
+            <span class="govuk-pagination__link-label"><%= next_page[:label] %></span>
           <% end %>
         </a>
-      </li>
+      </div>
     <% end %>
-  </ul>
-</nav>
+  </nav>
 <% end %>

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

@@ -189,7 +189,7 @@ examples:
 
       Each item can also have a `data_attributes` hash. These `data_attributes` are placed on the `button` that triggers the opening and closing - useful for differentiating between each section of the accordion.
 
-      Data attributes can also be added to the 'Show/hide all' link using the `data_attributes_show_all` option, primarily where custom tracking is required. These attributes are read from the accordion markup and then added to the link by JavaScript (which is how the link is created).
+      Data attributes can also be added to the 'Show/hide all' link using the `data_attributes_show_all` option, primarily where custom tracking is required. These attributes are read from the accordion markup and then added to the link by JavaScript (which is how the link is created). If `track_options` within `data_attributes_show_all` is set, then it is possible to pass a custom dimension when 'Show/Hide all' is clicked.
     data:
       data_attributes:
           gtm: gtm-accordion
@@ -197,6 +197,7 @@ examples:
       data_attributes_show_all:
         gtm-event-name: example
         gtm-attributes: "{ 'ui': { 'type': 'type value', 'section': 'section value' } }"
+        tracking-options: "{ 'dimension114': 1 }"
       items:
         - heading:
             text: Writing well for the web

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

@@ -78,6 +78,14 @@ examples:
       light_text: true
     context:
       dark_background: true
+  white_arrow:
+    data:
+      text: Find out how to stay safe and help prevent the spread
+      href: "/something"
+      white_arrow: true
+      light_text: true
+    context:
+      dark_background: true
   blue_arrow:
     data:
       text: Find out how to stay safe and help prevent the spread

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

@@ -26,6 +26,13 @@ examples:
       component as follows: `custom-name[day]`, `custom-name[month]`, `custom-name[year]`
     data:
       name: "dob"
+  with_autocomplete_for_date_of_birth_fields:
+    description: |
+      Use the `autocomplete_date_of_birth` option when you're asking for the user's date of birth. This supports browsers or tools that can autofill the information on a user's behalf if they've entered it previously.
+
+      Note that the option should only be passed to the component if the date of birth asked for is the date of birth of the person filling the form in and not asked for on behalf of someone else.
+    data:
+      autocomplete_date_of_birth: true
   with_legend:
     data:
       legend_text: "What is your date of birth?"

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

@@ -22,7 +22,7 @@ accessibility_criteria: |
 shared_accessibility_criteria:
   - link
 examples:
-  only_previous:
+  default:
     data:
       previous_page:
         url: previous-page

data/config/locales/ar.yml

@@ -135,7 +135,9 @@ ar:
     organisation_schema:
       all_content_search_description: العثور عن كل المحتوى من %{organisation}
     previous_and_next_navigation:
+      next:
       pagination: ترقيم الصفحات
+      previous:
     print_link:
       text: طباعة هذه الصفحة
     radio:

data/config/locales/az.yml

@@ -131,7 +131,9 @@ az:
     organisation_schema:
       all_content_search_description: "%{organisation}-dan bütün məzmunu tap"
     previous_and_next_navigation:
+      next:
       pagination: Səhifələrə bölmə
+      previous:
     print_link:
       text: Bu səhifəni çap et
     radio:

data/config/locales/be.yml

@@ -138,7 +138,9 @@ be:
     organisation_schema:
       all_content_search_description: Шукаць увесь змест з %{organisation}
     previous_and_next_navigation:
+      next:
       pagination: Месцаванне старонак
+      previous:
     print_link:
       text: Надрукаваць гэтую странiцу
     radio:

data/config/locales/bg.yml

@@ -136,7 +136,9 @@ bg:
     organisation_schema:
       all_content_search_description: Намиране на цялото съдържание от %{organisation}
     previous_and_next_navigation:
+      next:
       pagination: Страниране
+      previous:
     print_link:
       text: Отпечатване на страницата
     radio: