govuk_publishing_components 23.4.0 → 23.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c709998b8885c2971dd9a8748371d99a0153037f2d39e7776eadcad3dfc9870b
-  data.tar.gz: 6e71541e40cc1c636639c8b09650a526d29745161db15b1f99a821375395f07b
+  metadata.gz: 63eb3e251bfdd3c16215cc72dbe7a225ba84dff4d1aac2fecfa393a17f737a59
+  data.tar.gz: 6645fbe499447ded996095c91e01a4e34ba1fc83e9b14bb872f1bc713798d2b8
 SHA512:
-  metadata.gz: 865a9b6d06c7bb7cbae057bb37e289e784a3ffec53352e491e1492a0d71bd774d2f5596d78379b6c4da1ffab046a01b7de597669e9606c5410caffe5c2a2df6b
-  data.tar.gz: e91cd02916c1bb0c8f25687c481b7ce61890f51c404ea5625b64411ef38e2347c978c833916103465acfea5e31560dfa81209e619576bbb507538e85649342f8
+  metadata.gz: 552b029895c0c121224f830891ac14c874557765be7abadb8e9527bb9ad658b7e3bf8ce142bc278391da411b25b3750578b386814c151ece65cd0588570a90d4
+  data.tar.gz: e339ad09ad94a7286ae59a559ba2b172068998f6e98c2c3f0257b4991e99e8e6dfde8781dfdc256478764c2cee5d107705a07f1dee02b05cb9d1c03554840e1a

data/app/assets/javascripts/govuk_publishing_components/components/copy-to-clipboard.js

@@ -2,22 +2,24 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  'use strict'
+  function CopyToClipboard () { }
 
-  Modules.CopyToClipboard = function () {
-    this.start = function (element) {
-      var input = element[0].querySelector('.gem-c-input')
-      var copyButton = element[0].querySelector('.gem-c-button')
+  CopyToClipboard.prototype.start = function ($module) {
+    this.$module = $module[0]
 
-      input.addEventListener('click', function () {
-        input.select()
-      })
+    var input = this.$module.querySelector('.gem-c-input')
+    var copyButton = this.$module.querySelector('.gem-c-button')
 
-      copyButton.addEventListener('click', function (event) {
-        event.preventDefault()
-        input.select()
-        document.execCommand('copy')
-      })
-    }
+    input.addEventListener('click', function () {
+      input.select()
+    })
+
+    copyButton.addEventListener('click', function (event) {
+      event.preventDefault()
+      input.select()
+      document.execCommand('copy')
+    })
   }
+
+  Modules.CopyToClipboard = CopyToClipboard
 })(window.GOVUK.Modules)

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

@@ -4,47 +4,51 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  'use strict'
-
-  Modules.GovukDetails = function () {
-    this.start = function (element) {
-      var customTrackLabel = element[0].getAttribute('data-track-label')
-
-      // If a custom label has been provided, we can simply call the tracking module
-      if (customTrackLabel) {
-        var trackDetails = new window.GOVUK.Modules.TrackClick()
-        trackDetails.start(element)
-      } else {
-        // If no custom label is set, we use the open/close status as the label
-        var detailsComponent = element[0]
-        var detailsClick = detailsComponent.querySelector('[data-details-track-click]')
-        var that = this
-
-        if (detailsClick) {
-          detailsClick.addEventListener('click', function (event) {
-            that.trackDefault(detailsComponent)
-          })
-        }
+  function GovukDetails () { }
+
+  GovukDetails.prototype.start = function ($module) {
+    this.$module = $module[0]
+
+    var customTrackLabel = this.$module.getAttribute('data-track-label')
+
+    // If a custom label has been provided, we can simply call the tracking module
+    if (customTrackLabel) {
+      var trackDetails = new window.GOVUK.Modules.TrackClick()
+      trackDetails.start($module)
+    } else {
+      // If no custom label is set, we use the open/close status as the label
+      var detailsClick = this.$module.querySelector('[data-details-track-click]')
+
+      if (detailsClick) {
+        detailsClick.addEventListener('click', function (event) {
+          this.trackDefault(this.$module)
+        }.bind(this))
       }
     }
+  }
 
-    this.trackDefault = function (element) {
-      if (window.GOVUK.analytics && window.GOVUK.analytics.trackEvent) {
-        var componentStatus = (element.getAttribute('open') == null) ? 'open' : 'closed'
-        var trackCategory = element.getAttribute('data-track-category')
-        var trackAction = element.getAttribute('data-track-action')
-        var trackOptions = element.getAttribute('data-track-options')
+  GovukDetails.prototype.trackDefault = function (element) {
+    if (window.GOVUK.analytics && window.GOVUK.analytics.trackEvent) {
+      var componentStatus = (element.getAttribute('open') == null) ? 'open' : 'closed'
+      var trackCategory = element.getAttribute('data-track-category')
+      var trackAction = element.getAttribute('data-track-action')
+      var trackOptions = element.getAttribute('data-track-options')
 
-        if (typeof trackOptions !== 'object' || trackOptions === null) {
-          trackOptions = {}
-        }
+      if (trackOptions) {
+        trackOptions = JSON.parse(trackOptions)
+      }
+
+      if (typeof trackOptions !== 'object' || trackOptions === null) {
+        trackOptions = {}
+      }
 
-        trackOptions.label = componentStatus
+      trackOptions.label = componentStatus
 
-        if (trackAction && trackCategory) {
-          window.GOVUK.analytics.trackEvent(trackCategory, trackAction, trackOptions)
-        }
+      if (trackAction && trackCategory) {
+        window.GOVUK.analytics.trackEvent(trackCategory, trackAction, trackOptions)
       }
     }
   }
+
+  Modules.GovukDetails = GovukDetails
 })(window.GOVUK.Modules)

data/app/assets/javascripts/govuk_publishing_components/components/print-link.js

@@ -2,13 +2,14 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  'use strict'
+  function PrintLink () { }
 
-  Modules.PrintLink = function () {
-    this.start = function (element) {
-      element[0].addEventListener('click', function () {
-        window.print()
-      })
-    }
+  PrintLink.prototype.start = function ($module) {
+    this.$module = $module[0]
+    this.$module.addEventListener('click', function () {
+      window.print()
+    })
   }
+
+  Modules.PrintLink = PrintLink
 })(window.GOVUK.Modules)

data/app/assets/javascripts/govuk_publishing_components/lib/govspeak/magna-charta.js

@@ -413,7 +413,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
         }
       } else {
         // if it's a stacked graph
-        if (spanWidth > cellWidth && cellVal > 0) {
+        if ((spanWidth > cellWidth && cellVal > 0) || (cellVal < 1)) {
           $cell.classList.add('mc-value-overflow')
         }
       }

data/app/assets/javascripts/govuk_publishing_components/lib/initial-focus.js

@@ -0,0 +1,13 @@
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {};
+
+(function (Modules) {
+  function InitialFocus () { }
+
+  InitialFocus.prototype.start = function ($module) {
+    this.$module = $module[0]
+    this.$module.focus()
+  }
+
+  Modules.InitialFocus = InitialFocus
+})(window.GOVUK.Modules)

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

@@ -73,4 +73,5 @@
 @import "components/textarea";
 @import "components/title";
 @import "components/translation-nav";
+@import "components/transition-countdown";
 @import "components/warning-text";

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

@@ -1,3 +1,5 @@
+@import 'transition-countdown';
+
 .gem-c-contextual-sidebar__brexit-cta {
   border-top: 2px solid $govuk-brand-colour;
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_transition-countdown.scss

@@ -0,0 +1,125 @@
+$transition-campaign-red: #ff003b;
+$transition-campaign-dark-blue: #1e1348;
+
+.gem-c-transition-countdown {
+  @include govuk-font(19);
+  margin-bottom: govuk-spacing(6);
+}
+
+.gem-c-transition-countdown--cta {
+  background-color: govuk-colour('light-grey', $legacy: 'grey-4');
+  border-top: 4px solid $transition-campaign-red;
+  display: block;
+  padding: govuk-spacing(3);
+  text-decoration: none;
+}
+
+.gem-c-transition-countdown__title {
+  @extend %govuk-heading-m;
+  color: $transition-campaign-dark-blue;
+}
+
+.gem-c-transition-countdown__countdown {
+  margin-top: 0;
+  margin-bottom: govuk-spacing(2);
+
+  @include govuk-media-query($from: tablet) {
+    margin-bottom: govuk-spacing(0);
+  }
+}
+
+.gem-c-transition-countdown__countdown-number {
+  @include govuk-font($size: 80, $weight: bold, $line-height: 60px);
+
+  min-width: 50px;
+  text-align: center;
+  display: inline-block;
+  background: $transition-campaign-dark-blue;
+  color: govuk-colour('white');
+  position: relative;
+  margin-bottom: govuk-spacing(2);
+
+  @include govuk-media-query($from: tablet) {
+    padding: govuk-spacing(2) govuk-spacing(1);
+  }
+
+  &:after {
+    position: absolute;
+    left: 0;
+    top: 50%;
+    margin-top: -1px;
+    height: 3px;
+    background: govuk-colour('white');
+    content: '';
+    width: 100%;
+    display: block;
+  }
+
+  &:first-child {
+    margin-right: 3px;
+  }
+
+  &:nth-child(2) {
+    margin-right: govuk-spacing(2);
+  }
+}
+
+.gem-c-transition-countdown__countdown-text {
+  @extend %govuk-heading-m;
+
+  display: inline-block;
+  margin-bottom: 0;
+  height: 45px;
+  vertical-align: middle;
+  color: $transition-campaign-dark-blue;
+
+  @include govuk-media-query($from: tablet) {
+    height: 80px;
+  }
+
+  &:after {
+    content: '' / '.'; // Wrap up the countdown-text element in a statement for screen readers
+  }
+}
+
+.gem-c-transition-countdown__text {
+  @extend %govuk-link;
+
+  margin-top: 0;
+  margin-bottom: 0;
+  text-decoration: underline;
+
+  @include govuk-media-query($from: tablet) {
+    margin-bottom: govuk-spacing(2);
+  }
+}
+
+.gem-c-transition-countdown:focus {
+  .gem-c-transition-countdown__countdown-number:after {
+    background-color: $govuk-focus-colour;
+  }
+
+  .gem-c-transition-countdown__text {
+    text-decoration: none;
+  }
+}
+
+@include govuk-compatibility(govuk_template) {
+  .gem-c-transition-countdown__title {
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .gem-c-transition-countdown__countdown-number {
+    padding: govuk-spacing(1) 0 0;
+
+    @include govuk-media-query($from: tablet) {
+      padding: govuk-spacing(3) govuk-spacing(1) govuk-spacing(1);
+    }
+  }
+
+  .gem-c-transition-countdown__countdown-text {
+    @include govuk-media-query($from: tablet) {
+      height: 75px;
+    }
+  }
+}

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

@@ -22,10 +22,9 @@
           <div class="component-markdown">
             <%= raw(@component_doc.html_body) %>
           </div>
-
-          <p class="govuk-body"><%= link_to "Search for usage of this component on GitHub", @component_doc.github_search_url, class: "govuk-link" %></p>
         </div>
       <% end %>
+      <p class="govuk-body"><%= link_to "Search for usage of this component on GitHub", @component_doc.github_search_url, class: "govuk-link" %></p>
     </div>
   </div>
 

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

@@ -5,6 +5,7 @@
   hide_order_copy_link ||= false
   attributes = []
   data_attributes ||= {}
+  shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 
   if attachment.content_type_name
     content = if attachment.content_type_abbr
@@ -50,11 +51,11 @@
   <% end %>
 
   <%= tag.div class: "gem-c-attachment__details" do %>
-    <%= tag.h2 class: "gem-c-attachment__title" 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",
-            target: target,
-            data: data_attributes %>
+      class: "govuk-link gem-c-attachment__link",
+      target: target,
+      data: data_attributes %>
     <% end %>
 
     <% if attachment.reference.present? %>

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

@@ -1,8 +1,23 @@
 <% navigation = GovukPublishingComponents::Presenters::ContextualNavigation.new(content_item, request) %>
 
 <div class="gem-c-contextual-sidebar">
-  <% if navigation.show_brexit_cta? && navigation.step_by_step_count.eql?(0) %>
+  <% if navigation.show_brexit_cta? && navigation.step_by_step_count.zero? %>
     <%= render 'govuk_publishing_components/components/contextual_sidebar/brexit_cta' %>
+  <% elsif navigation.step_by_step_count.zero? %>
+    <%= render 'govuk_publishing_components/components/transition_countdown', {
+      title: t("components.related_navigation.transition.title"),
+      url: t("components.related_navigation.transition.link_path"),
+      text: t("components.related_navigation.transition.link_text"),
+      data_attributes: {
+        "module": "track-click",
+        "track-category": "relatedLinkClicked",
+        "track-action": "1.0 Transition",
+        "track-label": t("components.related_navigation.transition.link_path"),
+        "track-dimension": t("components.related_navigation.transition.link_text"),
+        "track-dimension-index": "29",
+      },
+      lang: I18n.locale,
+    } %>
   <% end %>
 
   <% if navigation.content_tagged_to_a_reasonable_number_of_step_by_steps? %>

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

@@ -0,0 +1,34 @@
+<%
+  countdown_clock = GovukPublishingComponents::AppHelpers::CountdownHelper.new
+  shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
+
+  heading_level ||= 2
+  title ||= nil
+  text ||= nil
+  url ||= nil
+  data_attributes ||= {}
+  lang ||= 'en'
+  css_classes = %w(gem-c-transition-countdown)
+  css_classes << 'gem-c-transition-countdown--cta' if url
+  css_classes << 'govuk-link' if url
+%>
+
+<% countdown = capture do %>
+  <%= content_tag(shared_helper.get_heading_level, title, class: "gem-c-transition-countdown__title") if title %>
+  <% if countdown_clock.show? %>
+    <%= tag.p class: "gem-c-transition-countdown__countdown" do %>
+      <%= tag.span countdown_clock.days_left.first, class: "gem-c-transition-countdown__countdown-number" %><%= tag.span countdown_clock.days_left.last, class: "gem-c-transition-countdown__countdown-number" %> <%= tag.span countdown_clock.days_text, class: "gem-c-transition-countdown__countdown-text" %>
+    <% end %>
+  <% end %>
+  <%= tag.p text, class: "gem-c-transition-countdown__text" if text %>
+<% end %>
+
+<% if url %>
+  <%= link_to url, class: css_classes, data: data_attributes, lang: lang do %>
+    <%= countdown %>
+  <% end %>
+<% else %>
+  <%= tag.div class: css_classes, lang: lang do %>
+    <%= countdown %>
+  <% end %>
+<% end %>

data/app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb

@@ -1,4 +1,6 @@
-<div class="gem-c-contextual-sidebar__brexit-cta govuk-!-margin-bottom-6" data-module="track-click">
-  <h2 class="gem-c-contextual-sidebar__brexit-heading">Transition period</h2>
-  <a href="/transition" class="govuk-link" data-track-category="relatedLinkClicked" data-track-action="1.0 Transition" data-track-label="/transition" data-track-options='{"dimension29":"Find out what it means for you"}'>Find out what it means for you</a>
+<% link_text = t("components.related_navigation.transition.link_text") %>
+<% link_path = t("components.related_navigation.transition.link_path") %>
+<div class="gem-c-contextual-sidebar__brexit-cta govuk-!-margin-bottom-6" data-module="track-click" lang="en">
+  <h2 class="gem-c-contextual-sidebar__brexit-heading"><%= t("components.related_navigation.transition.title") %></h2>
+  <a href="<%= link_path %>" class="govuk-link" data-track-category="relatedLinkClicked" data-track-action="1.0 Transition" data-track-label="<%= link_path %>" data-track-options='{"dimension29":"<%= link_text %>"}'><%= link_text %></a>
 </div>

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

@@ -158,3 +158,13 @@ examples:
         unique_reference: "2942"
         unnumbered_hoc_paper: true
       hide_order_copy_link: true
+  with_custom_heading_level:
+    description: Default is `h2`.
+    data:
+      heading_level: 3
+      attachment:
+        title: "Department for Transport information asset register"
+        url: https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/747661/department-for-transport-information-asset-register.csv
+        filename: department-for-transport-information-asset-register.csv
+        content_type: text/csv
+        file_size: 20000

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

@@ -144,4 +144,3 @@ examples:
                       - text: Find out what you’ll get
                         href: "/settled-status-eu-citizens-families/what-settled-and-presettled-status-means"
                     optional: false
-

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

@@ -236,6 +236,47 @@ examples:
             </tr>
           </tbody>
         </table>
+  stacked_chart:
+    data:
+      block: |
+        <table class="js-barchart-table mc-stacked mc-auto-outdent">
+          <thead>
+            <tr>
+              <th scope="col">Colours</th>
+              <th scope="col">Fruits</th>
+              <th scope="col">Vegetables</th>
+              <th scope="col">Beans</th>
+              <th scope="col">Nuts</th>
+              <th scope="col">Total</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Red</td>
+              <td>23</td>
+              <td>9</td>
+              <td>2</td>
+              <td>1</td>
+              <td>35</td>
+            </tr>
+            <tr>
+              <td>Green</td>
+              <td>5</td>
+              <td>33</td>
+              <td>8</td>
+              <td>0</td>
+              <td>46</td>
+            </tr>
+            <tr>
+              <td>Yellow</td>
+              <td>2</td>
+              <td>10</td>
+              <td>0</td>
+              <td>15</td>
+              <td>27</td>
+            </tr>
+          </tbody>
+        </table>
   chart_with_multiple_headings:
     data:
       block: |

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

@@ -0,0 +1,17 @@
+name: Transition countdown
+description: A countdown to 01 January 2021 used in the Brexit transition campaign
+body: When a URL is set it acts as a link to actions users need to take to prepare for brexit during the transition period
+shared_accessibility_criteria:
+  - link
+examples:
+  default:
+    data:
+  call_to_action:
+    data:
+      title: Brexit transition
+      text: Check you’re ready for 2021
+      url: "https://www.gov.uk/transition"
+      data_attributes:
+        "track-category": "Transition"
+        "track-action": "Brexit transition"
+        "track-label": "Check you’re ready for 2021"

data/config/locales/cy.yml

@@ -6,5 +6,13 @@ cy:
       or: 'neu'
     back_link:
       back: "Yn ôl"
-    contents_list: 
+    contents_list:
       contents: Cynnwys
+    related_navigation:
+      transition:
+        title: "Pontio Brexit"
+        link_path: "/transition.cy"
+        link_text: "Gwiriwch eich bod chi'n barod ar gyfer 2021"
+    transition_countdown:
+      day_to_go: "diwrnod i fynd"
+      days_to_go: "diwrnod i fynd"

data/config/locales/en.yml

@@ -71,6 +71,10 @@ en:
       topics: "Explore the topic"
       topical_events: "Topical event"
       world_locations: "World locations"
+      transition:
+        title: "Brexit transition"
+        link_path: "/transition"
+        link_text: "Check you’re ready for 2021"
     related_footer_navigation:
       collections: "Collections"
       policies: "Policies"
@@ -94,3 +98,6 @@ en:
     summary_list:
       edit: "Change"
       delete: "Delete"
+    transition_countdown:
+      day_to_go: "day to go"
+      days_to_go: "days to go"

data/lib/govuk_publishing_components.rb

@@ -34,6 +34,7 @@ require "govuk_publishing_components/presenters/taxonomy_list_helper"
 require "govuk_publishing_components/app_helpers/taxon_breadcrumbs"
 require "govuk_publishing_components/app_helpers/table_helper"
 require "govuk_publishing_components/app_helpers/brand_helper"
+require "govuk_publishing_components/app_helpers/countdown_helper"
 require "govuk_publishing_components/app_helpers/environment"
 
 # Add view and i18n paths for usage outside of a Rails app

data/lib/govuk_publishing_components/app_helpers/countdown_helper.rb

@@ -0,0 +1,33 @@
+module GovukPublishingComponents
+  module AppHelpers
+    class CountdownHelper
+      END_OF_TRANSITION_PERIOD = Date.new(2021, 1, 1)
+
+      def days_left
+        sprintf "%02d", days_left_integer
+      end
+
+      def show?
+        days_left_integer.positive?
+      end
+
+      def days_text
+        if days_left_integer == 1
+          I18n.t!("components.transition_countdown.day_to_go")
+        else
+          I18n.t!("components.transition_countdown.days_to_go")
+        end
+      end
+
+    private
+
+      def days_left_integer
+        (END_OF_TRANSITION_PERIOD - today_in_london).to_i
+      end
+
+      def today_in_london
+        Time.find_zone("Europe/London").today
+      end
+    end
+  end
+end

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "23.4.0".freeze
+  VERSION = "23.7.1".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 23.4.0
+  version: 23.7.1
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-11-09 00:00:00.000000000 Z
+date: 2020-11-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -425,7 +425,6 @@ files:
 - app/assets/javascripts/govuk_publishing_components/components/feedback.js
 - app/assets/javascripts/govuk_publishing_components/components/govspeak.js
 - app/assets/javascripts/govuk_publishing_components/components/header.js
-- app/assets/javascripts/govuk_publishing_components/components/initial-focus.js
 - app/assets/javascripts/govuk_publishing_components/components/modal-dialogue.js
 - app/assets/javascripts/govuk_publishing_components/components/print-link.js
 - app/assets/javascripts/govuk_publishing_components/components/radio.js
@@ -441,6 +440,7 @@ files:
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/magna-charta.js
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/youtube-link-enhancement.js
 - app/assets/javascripts/govuk_publishing_components/lib/header-navigation.js
+- app/assets/javascripts/govuk_publishing_components/lib/initial-focus.js
 - app/assets/javascripts/govuk_publishing_components/lib/primary-links.js
 - app/assets/javascripts/govuk_publishing_components/lib/select.js
 - app/assets/javascripts/govuk_publishing_components/lib/toggle-input-class-on-focus.js
@@ -522,6 +522,7 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/_taxonomy-list.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_textarea.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_title.scss
+- app/assets/stylesheets/govuk_publishing_components/components/_transition-countdown.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_translation-nav.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_warning-text.scss
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_advisory.scss
@@ -673,6 +674,7 @@ files:
 - app/views/govuk_publishing_components/components/_taxonomy_list.html.erb
 - app/views/govuk_publishing_components/components/_textarea.html.erb
 - app/views/govuk_publishing_components/components/_title.html.erb
+- app/views/govuk_publishing_components/components/_transition_countdown.html.erb
 - app/views/govuk_publishing_components/components/_translation-nav.html.erb
 - app/views/govuk_publishing_components/components/_warning_text.html.erb
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_document.svg
@@ -751,6 +753,7 @@ files:
 - app/views/govuk_publishing_components/components/docs/taxonomy_list.yml
 - app/views/govuk_publishing_components/components/docs/textarea.yml
 - app/views/govuk_publishing_components/components/docs/title.yml
+- app/views/govuk_publishing_components/components/docs/transition_countdown.yml
 - app/views/govuk_publishing_components/components/docs/translation-nav.yml
 - app/views/govuk_publishing_components/components/docs/warning_text.yml
 - app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb
@@ -775,6 +778,7 @@ files:
 - lib/generators/govuk_publishing_components/templates/component.yml.erb
 - lib/govuk_publishing_components.rb
 - lib/govuk_publishing_components/app_helpers/brand_helper.rb
+- lib/govuk_publishing_components/app_helpers/countdown_helper.rb
 - lib/govuk_publishing_components/app_helpers/environment.rb
 - lib/govuk_publishing_components/app_helpers/table_helper.rb
 - lib/govuk_publishing_components/app_helpers/taxon_breadcrumbs.rb

data/app/assets/javascripts/govuk_publishing_components/components/initial-focus.js

@@ -1,12 +0,0 @@
-window.GOVUK = window.GOVUK || {}
-window.GOVUK.Modules = window.GOVUK.Modules || {};
-
-(function (Modules) {
-  'use strict'
-
-  Modules.InitialFocus = function () {
-    this.start = function (element) {
-      element.focus()
-    }
-  }
-})(window.GOVUK.Modules)