govuk_publishing_components 28.8.1 → 28.9.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 56d5f41976b37b95a3d00db9c7375f7d500879dc0715134227b7f3e935b88ecf
-  data.tar.gz: debdecb330a017f20cabbdc4a2635709f3101a1c9ab7c95043a4cf12283258e8
+  metadata.gz: c6a4c2646d8ee1669ae9211306d03382e424c905c6de355bb5f81b5251da6e10
+  data.tar.gz: 13453d8a1226005ff9535eb9dce3927f450ce1a6ec6acf6daf8170ad9ffeb2e0
 SHA512:
-  metadata.gz: 1a27ffd2c2449ac670a5726512a140d379cd960371107afe40a4d563a3d15f054280a23dbd01acbd2734047628b91d1b2baee7d7405c680ba87122a1b4c5cc6f
-  data.tar.gz: 1a8d05393b71c257a6dc2af490515a61ce5680aec77ba96b16bd0e4cd64b7ced87be26d9db70f1315426f9b71687c0ac06bf7897c3409968a11f9be40e89c847
+  metadata.gz: 8fcda8c161715befc29844b659249668e5d2ba375f3d398f994e1e3c2348a78635516704e655f95df96aa21a9438d1079cfdb9977944020a3cfe9e7c96611a05
+  data.tar.gz: 7d838cc5bd1295ba3faeab424a0a6d10a5af087601e90d859eaee2a0ecc0222ee41330672800739308d34f7bb662a341f470cb8f74915cc7eb6a328555360a0a

data/app/assets/javascripts/govuk_publishing_components/analytics/cross-domain-tracking.js

@@ -0,0 +1,55 @@
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {};
+
+(function (Modules) {
+  function CrossDomainTracking ($module) {
+    this.$module = $module
+    Modules.crossDomainLinkedTrackers = Modules.crossDomainLinkedTrackers || []
+  }
+
+  CrossDomainTracking.prototype.init = function () {
+    if (this.isTrackable(this.$module)) {
+      this.addLinkedTrackerDomain(this.$module)
+    } else {
+      this.findTrackableElements()
+    }
+  }
+
+  CrossDomainTracking.prototype.isTrackable = function (element) {
+    if (element.getAttribute('href') && element.getAttribute('data-tracking-code') && element.getAttribute('data-tracking-name')) {
+      return true
+    }
+  }
+
+  CrossDomainTracking.prototype.findTrackableElements = function () {
+    var links = this.$module.querySelectorAll('a')
+    for (var i = 0; i < links.length; i++) {
+      if (this.isTrackable(links[i])) {
+        this.addLinkedTrackerDomain(links[i])
+      }
+    }
+  }
+
+  CrossDomainTracking.prototype.addLinkedTrackerDomain = function (element) {
+    var name = element.getAttribute('data-tracking-name')
+    var code = element.getAttribute('data-tracking-code')
+    var trackEvent = (element.getAttribute('data-tracking-track-event') === 'true')
+
+    if (window.GOVUK.analytics !== 'undefined') {
+      if (Modules.crossDomainLinkedTrackers.indexOf(name) === -1) {
+        var hostname = element.hostname
+        window.GOVUK.analytics.addLinkedTrackerDomain(code, name, hostname)
+        Modules.crossDomainLinkedTrackers.push(name)
+      }
+
+      if (trackEvent) {
+        element.addEventListener('click', function (e) {
+          var target = e.target
+          window.GOVUK.analytics.trackEvent('External Link Clicked', target.textContent, { trackerName: name })
+        })
+      }
+    }
+  }
+
+  Modules.CrossDomainTracking = CrossDomainTracking
+})(window.GOVUK.Modules)

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

@@ -1,3 +1,5 @@
+// these scripts are specifically ordered
+
 //= require govuk_publishing_components/lib/cookie-functions
 //= require govuk_publishing_components/lib/extend-object
 //= require ./analytics/pii
@@ -18,3 +20,4 @@
 //= require ./analytics/explicit-cross-domain-links
 //= require ./analytics/track-click
 //= require ./analytics/track-select-change
+//= require ./analytics/cross-domain-tracking

data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss

@@ -19,6 +19,7 @@ $govuk-new-link-styles: true;
 @import "components/big-number";
 @import "components/breadcrumbs";
 @import "components/button";
+@import "components/cards";
 @import "components/character-count";
 @import "components/checkboxes";
 @import "components/contents-list";

data/app/assets/stylesheets/govuk_publishing_components/_all_components_print.scss

@@ -5,6 +5,7 @@
 
 @import "components/print/accordion";
 @import "components/print/button";
+@import "components/print/cards";
 @import "components/print/contents-list";
 @import "components/print/govspeak-html-publication";
 @import "components/print/govspeak";

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

@@ -58,8 +58,9 @@ $thumbnail-icon-border-colour: govuk-colour("mid-grey", $legacy: "grey-3");
 }
 
 .gem-c-attachment__metadata {
-  @include govuk-font($size: 14);
+  @include govuk-font($size: 19);
   margin: 0 0 govuk-spacing(3);
+  color: $govuk-secondary-text-colour;
 
   &:last-of-type {
     margin-bottom: 0;

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

@@ -0,0 +1,102 @@
+@import "mixins/grid-helper";
+@import "mixins/prefixed-transform";
+
+.gem-c-cards__heading {
+  margin: 0 0 govuk-spacing(6) 0;
+}
+
+.gem-c-cards__list {
+  list-style: none;
+  padding: 0;
+  // Remove the outermost left and right margin from the internal margin of the list items.
+  margin: 0 govuk-spacing(-3);
+
+  display: grid;
+  grid-auto-flow: row;
+  // Use CSS grid to calculate the number of rows
+  grid-template-rows: auto;
+  // Use the tallest cell in the grid to set the height for all rows
+  grid-auto-rows: fractions(1);
+  grid-template-columns: fractions(1);
+
+  @include govuk-media-query($from: "tablet") {
+    grid-template-columns: fractions(2);
+  }
+
+  @include govuk-media-query($from: "desktop") {
+    // Note that browsers that don't support CSS grid display the component as one column on all
+    // breakpoints
+    grid-template-columns: fractions(3);
+
+    // For browsers that don't support CSS grid, constrain the width to 50% to improve usability
+    // especially for screen magnifier users
+    width: 50%;
+
+    // Reset the width for browsers that support CSS grid
+    @supports (display: grid) {
+      width: initial;
+    }
+  }
+}
+
+.gem-c-cards__list--two-column-desktop {
+  @include govuk-media-query($from: "desktop") {
+    grid-template-columns: fractions(2);
+  }
+}
+
+.gem-c-cards__list-item {
+  border-top: 1px solid $govuk-border-colour;
+  // We use grid to split the container into column widths, so manage the horizontal spacing with
+  // internal margins.
+  margin: 0 govuk-spacing(3);
+  padding: govuk-spacing(3) 0 govuk-spacing(6) 0;
+  position: relative;
+}
+
+.gem-c-cards__sub-heading {
+  margin: 0 govuk-spacing(6) govuk-spacing(2) 0;
+}
+
+.gem-c-cards__link {
+  // Make the entire list item area clickable
+  &:after {
+    bottom: 0;
+    content: "";
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+
+  &:before {
+    $dimension: 7px;
+    $width: 3px;
+
+    border-right: $width solid $govuk-brand-colour;
+    border-top: $width solid $govuk-brand-colour;
+    content: "";
+    height: $dimension;
+    position: absolute;
+    right: govuk-spacing(1);
+    top: govuk-spacing(4);
+    @include prefixed-transform($rotate: 45deg);
+    width: $dimension;
+  }
+
+  &:hover {
+    &:before {
+      border-color: $govuk-link-hover-colour;
+    }
+  }
+
+  &:focus {
+    &:before {
+      border-color: $govuk-focus-text-colour;
+    }
+  }
+}
+
+.gem-c-cards__description {
+  margin: 0;
+}

data/app/assets/stylesheets/govuk_publishing_components/components/_contextual-sidebar.scss

@@ -1,5 +1,3 @@
-$transition-campaign-red: #ff003b;
-
 .gem-c-contextual-sidebar__related-links {
   border-top: 2px solid $govuk-brand-colour;
 }
@@ -19,13 +17,10 @@ $transition-campaign-red: #ff003b;
 }
 
 .gem-c-contextual-sidebar__cta {
+  border-top: 2px solid $govuk-brand-colour;
   margin-bottom: govuk-spacing(6);
   background-color: govuk-colour('light-grey', $legacy: 'grey-4');
   display: block;
   padding: 0 govuk-spacing(3) govuk-spacing(3);
   text-decoration: none;
 }
-
-.gem-c-contextual-sidebar__cta--brexit {
-  border-top: 2px solid $transition-campaign-red;
-}

data/app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss

@@ -66,7 +66,8 @@
 
 .gem-c-document-list__attribute {
   @include govuk-text-colour;
-  @include govuk-font(14);
+  @include govuk-font(16);
+  color: $govuk-secondary-text-colour;
   display: inline-block;
   list-style: none;
   padding-right: govuk-spacing(4);

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

@@ -9,7 +9,7 @@
 }
 
 .gem-c-pagination__item {
-  @include govuk-font($size: 16, $line-height: (20 / 16));
+  @include govuk-font($size: 19);
   list-style: none;
 
   &:first-child {

data/app/assets/stylesheets/govuk_publishing_components/components/_related-navigation.scss

@@ -1,6 +1,7 @@
 .gem-c-related-navigation {
   @include govuk-text-colour;
   border-top: 2px solid govuk-colour("blue");
+  margin-bottom: govuk-spacing(9);
 }
 
 .gem-c-related-navigation__main-heading {

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss

@@ -9,7 +9,7 @@
 .govspeak, // Legacy class name that's still used in some content items - needs to be kept until `.govspeak` is removed from the content items.
 .gem-c-govspeak {
   .help-notice {
-    $icon-size: 34px;
+    $icon-size: 35px;
     $line-height-mobile: 20px;
     $line-height-tablet: 25px;
 

data/app/assets/stylesheets/govuk_publishing_components/components/print/_cards.scss

@@ -0,0 +1,4 @@
+.gem-c-cards__sub-heading {
+  margin-top: govuk-spacing(6);
+  margin-bottom: govuk-spacing(1);
+}

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

@@ -0,0 +1,46 @@
+<%
+  heading ||= nil
+  items ||= nil
+  sub_heading_level ||= 3
+  two_column_layout ||= false
+  local_assigns ||= nil
+  data_attributes ||= nil
+
+  ul_classes = %w[gem-c-cards__list]
+  ul_classes << 'gem-c-cards__list--two-column-desktop' if two_column_layout
+
+  shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
+%>
+<% if items.present? %>
+  <div class="gem-c-cards">
+    <% if heading %>
+      <%= content_tag(shared_helper.get_heading_level, class: "gem-c-cards__heading govuk-heading-m") do %>
+        <%= heading %>
+      <% end %>
+    <% end %>    
+
+    <%= content_tag('ul', class: ul_classes) do %>
+      <%
+        items.each do |item|
+        link = item[:link]
+
+        if !link[:path].present?
+          raise ArgumentError, "The cards component requires a href for all the links"
+        end
+      %>
+        <li class="gem-c-cards__list-item">
+          <%= content_tag("h#{sub_heading_level}", class: "gem-c-cards__sub-heading govuk-heading-s") do %>
+            <%= 
+              link_to link[:text], link[:path], 
+              class: "govuk-link gem-c-cards__link", 
+              data: link[:data_attributes] 
+            %>
+          <% end %>
+          <% if item[:description] %>
+            <p class="govuk-body gem-c-cards__description"><%= item[:description] %></p>
+          <% end %>
+        </li>
+      <% end %>
+    <% end %>
+  </div>
+<% end %>

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

@@ -24,7 +24,7 @@
     } %>
   <% end %>
 
-  <% if navigation.show_brexit_cta? %>
-    <%= render 'govuk_publishing_components/components/contextual_sidebar/brexit_cta', content_item: content_item %>
+  <% if navigation.show_ukraine_cta? %>
+    <%= render 'govuk_publishing_components/components/contextual_sidebar/ukraine_cta', content_item: content_item %>
   <% end %>
 </div>

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

@@ -7,6 +7,7 @@
   describedby ||= nil
   enterkeyhint ||= nil
   id ||= "input-#{SecureRandom.hex(4)}"
+  spellcheck ||= "false"
   type ||= "text"
   value ||= nil
   inputmode ||= nil
@@ -63,6 +64,7 @@
     inputmode = "numeric"
     pattern = "[0-9]*"
   end
+
 %>
 
 <%= content_tag :div, class: form_group_css_classes do %>
@@ -114,6 +116,7 @@
     name: name,
     pattern: pattern,
     readonly: readonly,
+    spellcheck: spellcheck,
     tabindex: tabindex,
     type: type,
     value: value

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

@@ -9,7 +9,6 @@
   classes << "gem-c-lead-paragraph--inverse" if inverse
   classes << custom_margin_bottom_class if local_assigns[:margin_bottom]
 %>
-
 <% if text.present? %>
   <%= content_tag :p, text, class: classes %>
 <% end %>

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

@@ -32,12 +32,10 @@
 
       <% if delete.any? %>
         <% delete_main_link = capture do %>
-          <%
-            delete_section_link_text = delete[:link_text] || t("components.summary_list.delete")
-          %>
+          <% delete_section_link_text = delete[:link_text] || t("components.summary_list.delete") %>
           <%= link_to delete.fetch(:href),
-                    class: "govuk-link gem-link--destructive",
-                    data: delete.fetch(:data_attributes, {}) do %>
+                class: "govuk-link gem-link--destructive",
+                data: delete.fetch(:data_attributes, {}) do %>
             <%= delete_section_link_text %><%= tag.span " #{title}", class: "govuk-visually-hidden" unless delete[:link_text_no_enhance] -%>
           <% end %>
         <% end %>
@@ -62,39 +60,46 @@
           <%= delete_main_link %>
         <% end %>
       <% end %>
-
     <% end %>
 
+    <% any_body_actions = items.detect { |item| item.has_key?("edit") || item.has_key?("delete") } %>
     <% if items.any? %>
       <%= tag.dl class: "govuk-summary-list" do %>
         <% items.each do |item| %>
-          <%= tag.div class: "govuk-summary-list__row" do %>
+          <%
+            item_body_actions = (item.fetch(:edit, {}).any? || item.fetch(:delete, {}).any?)
+
+            if any_body_actions.present? && !item_body_actions.present?
+              classes = "govuk-summary-list__row govuk-summary-list__row--no-actions"
+            else
+              classes = "govuk-summary-list__row"
+            end
+          %>
+          <%= tag.div class: classes do %>
 
             <%= tag.dt item[:field], class: "govuk-summary-list__key" %>
             <%= tag.dd item[:value], class: "govuk-summary-list__value" %>
 
             <% if item.fetch(:edit, {}).any? %>
               <% edit_link = capture do %>
-                <%
-                  edit_link_text = item[:edit][:link_text] || t("components.summary_list.edit")
-                %>
+                <% edit_link_text = item[:edit][:link_text] || t("components.summary_list.edit") %>
                 <%= link_to item[:edit].fetch(:href),
-                            class: "govuk-link",
-                            data: item[:edit].fetch(:data_attributes, {}) do %>
-                  <%= edit_link_text %><%= tag.span " #{item[:field]}", class: "govuk-visually-hidden" unless item[:edit][:link_text_no_enhance] -%>
+                  class: "govuk-link",
+                  data: item[:edit].fetch(:data_attributes, {}) do %>
+                  <%= edit_link_text %>
+                  <%= tag.span " #{item[:field]}", class: "govuk-visually-hidden" unless item[:edit][:link_text_no_enhance] -%>
                 <% end %>
               <% end %>
             <% end %>
 
             <% if item.fetch(:delete, {}).any? %>
               <% delete_link = capture do %>
-                <%
-                  delete_link_text = item[:delete][:link_text] || t("components.summary_list.delete")
-                %>
+                <% delete_link_text = item[:delete][:link_text] || t("components.summary_list.delete") %>
                 <%= link_to item[:delete].fetch(:href),
-                            class: "govuk-link gem-link--destructive",
-                            data: item[:delete].fetch(:data_attributes, {}) do %>
-                  <%= delete_link_text %><%= tag.span " #{item[:field]}", class: "govuk-visually-hidden" unless item[:delete][:link_text_no_enhance] -%>
+                      class: "govuk-link gem-link--destructive",
+                      data: item[:delete].fetch(:data_attributes, {}) do %>
+                  <%= delete_link_text %>
+                  <%= tag.span " #{item[:field]}", class: "govuk-visually-hidden" unless item[:delete][:link_text_no_enhance] -%>
                 <% end %>
               <% end %>
             <% end %>
@@ -115,17 +120,17 @@
                 <% end %>
               <% end %>
             <% else %>
+            <% if edit_link || delete_link %>
               <%= tag.dd class: "govuk-summary-list__actions" do %>
                 <%= edit_link %>
                 <%= delete_link %>
               <% end %>
             <% end %>
-
           <% end %>
         <% end %>
       <% end %>
     <% end %>
-
-    <%= tag.div block, class: "gem-c-summary__block" if block %>
   <% end %>
+    <%= tag.div block, class: "gem-c-summary__block" if block %>
+    <% end %>
 <% end %>

data/app/views/govuk_publishing_components/components/contextual_sidebar/{_brexit_cta.html.erb → _ukraine_cta.html.erb}

@@ -1,21 +1,21 @@
 <% shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns) %>
 <%
-  title = t("components.related_navigation.transition.title")
-  link_text = t("components.related_navigation.transition.link_text")
-  link_path = t("components.related_navigation.transition.link_path")
-  lang = shared_helper.t_locale("components.related_navigation.transition.title")
+  title = t("components.related_navigation.ukraine.title")
+  link_text = t("components.related_navigation.ukraine.link_text")
+  link_path = t("components.related_navigation.ukraine.link_path")
+  lang = shared_helper.t_locale("components.related_navigation.ukraine.title")
 %>
 
 <% data_attributes = {
   "module": "gem-track-click",
   "track-category": "relatedLinkClicked",
-  "track-action": "1.0 Transition",
+  "track-action": "1.0 Invasion of Ukraine",
   "track-label": link_path,
   "track-dimension": link_text,
   "track-dimension-index": "29",
 } %>
 
-<%= tag.div class: "gem-c-contextual-sidebar__cta gem-c-contextual-sidebar__cta--brexit" do %>
+<%= tag.div class: "gem-c-contextual-sidebar__cta" do %>
   <%= tag.h2 title, class: "gem-c-contextual-sidebar__heading govuk-heading-s" %>
   <%= tag.p class: "gem-c-contextual-sidebar__text govuk-body" do %>
     <%= link_to link_text,

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

@@ -86,7 +86,7 @@ examples:
         file_size: 20000
         owning_document_content_id: 456_abc
         attachment_id: 123
-        alternative_format_contact_email: alternative.formats@education.gov.uk
+        alternative_format_contact_email: govuk_publishing_components@example.com
   with_data_attributes:
     data:
       attachment:

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

@@ -0,0 +1,145 @@
+name: Cards (experimental)
+description: A grid of cards that have a link and a description
+body: |
+  The component renders the cards as an unordered list element and visually presents it as a grid. It doesn't use the [GOV.UK Design System grid](https://design-system.service.gov.uk/styles/layout/#grid-system) but sets its own so that it can separately target desktop, tablet and mobile columns.
+
+  You can display the grid in three or two columns on desktop. Browsers that don't support CSS grid always display one column.
+
+  You must set a `href` for all the links.
+
+  This component is currently experimental. If you are using it, please feed back any research findings to the GOV.UK Explore team.
+accessibility_criteria: |
+  The component must:
+
+  -  use the correct heading level hierarchy eg. if the component heading uses a `<h2>`, the subheadings must use a `<h3>`
+
+  It is also good practise to include a heading above the list to tell users what the list contains
+shared_accessibility_criteria:
+  - link
+examples:
+  default:
+    data:
+      heading: Topics
+      items:
+        - link:
+            text: Benefits
+            path: http://www.gov.uk
+          description: Includes eligibility, appeals, tax credits and Universal Credit
+        - link:
+            text: Births, deaths, marriages and&nbsp;care
+            path: http://www.gov.uk
+          description: Parenting, civil partnerships, divorce and Lasting Power of Attorney
+        - link:
+            text: Business and self-employed
+            path: http://www.gov.uk
+          description: Tools and guidance for businesses
+        - link:
+            text: Childcare and parenting
+            path: http://www.gov.uk
+          description: Includes giving birth, fostering, adopting, benefits for children, childcare and schools
+        - link:
+            text: Citizenship and living in the&nbsp;UK
+            path: http://www.gov.uk
+          description: Voting, community participation, life in the UK, international projects
+        - link:
+            text: Crime, justice and the&nbsp;law
+            path: http://www.gov.uk
+          description: Legal processes, courts and the police
+        - link:
+            text: Disabled people
+            path: http://www.gov.uk
+          description: Includes carers, your rights, benefits and the Equality Act
+        - link:
+            text: Driving and transport
+            path: http://www.gov.uk
+          description: Includes vehicle tax, MOT and driving licences
+        - link:
+            text: Education and learning
+            path: http://www.gov.uk
+          description: Includes student loans, admissions and apprenticeships
+        - link:
+            text: Employing people
+            path: http://www.gov.uk
+          description: Includes pay, contracts, hiring and redundancies
+        - link:
+            text: Environment and countryside
+            path: http://www.gov.uk
+          description: Includes flooding, recycling and wildlife
+        - link:
+            text: Housing and local services
+            path: http://www.gov.uk
+          description: Owning or renting and council services
+  two_column_layout:
+    description:  Override default three column layout on desktop by passing through `two_column_layout` parameter (defaults to `false`).
+    data:
+      two_column_layout: true
+      items:
+        - link:
+            text: Benefits
+            path: http://www.gov.uk
+          description: Includes eligibility, appeals, tax credits and Universal Credit
+        - link:
+            text: Births, deaths, marriages and&nbsp;care
+            path: http://www.gov.uk
+          description: Parenting, civil partnerships, divorce and Lasting Power of Attorney
+        - link:
+            text: Business and self-employed
+            path: http://www.gov.uk
+          description: Tools and guidance for businesses
+        - link:
+            text: Childcare and parenting
+            path: http://www.gov.uk
+          description: Includes giving birth, fostering, adopting, benefits for children, childcare and schools
+        - link:
+            text: Citizenship and living in the&nbsp;UK
+            path: http://www.gov.uk
+          description: Voting, community participation, life in the UK, international projects
+        - link:
+            text: Crime, justice and the&nbsp;law
+            path: http://www.gov.uk
+          description: Legal processes, courts and the police
+        - link:
+            text: Disabled people
+            path: http://www.gov.uk
+          description: Includes carers, your rights, benefits and the Equality Act
+  custom_heading_levels:
+    description: |
+      Override default heading level by passing through `heading_level` parameter (defaults to `<h2>`).
+
+      Override default subheading level by passing through `sub_heading_level` parameter (defaults to `<h3>`)
+    data:
+      heading: Topics
+      heading_level: 3
+      sub_heading_level: 4
+      items:
+        - link:
+            text: Benefits
+            path: http://www.gov.uk
+          description: Includes eligibility, appeals, tax credits and Universal Credit
+  with_data_attributes:
+    description: |
+      Data attributes can be passed to individual links within the component as shown.
+    data:
+      items:
+        - link:
+            text: Benefits
+            path: http://www.gov.uk
+            data_attributes:
+              track_category: homepageClicked
+              track_action: track-action
+              track_label: track-label
+              track_dimension: track-dimension
+              track_dimension_index: 29
+              track_value: 9
+          description: Includes eligibility, appeals, tax credits and Universal Credit
+        - link:
+            text: Births, deaths, marriages and&nbsp;care
+            path: http://www.gov.uk
+            data_attributes:
+              track_category: homepageClicked
+              track_action: track-action
+              track_label: track-label
+              track_dimension: track-dimension
+              track_dimension_index: 29
+              track_value: 9
+          description: Parenting, civil partnerships, divorce and Lasting Power of Attorney