govuk_publishing_components 23.8.0 → 23.10.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b355f4e112330597b8729fccdf92f6c93cf5fe6a7747085c7cbba64cab1f3ef8
-  data.tar.gz: 955729aea91b01f3b0f1821760171ada7a753a61ccc67d340c1e933a488e82aa
+  metadata.gz: d2f681b78ca039b8a55b58be79b935acbb1f8c1ca30e010d8cbc26eaaf1b26b4
+  data.tar.gz: 0f7fdd2c05953ec4a4ccc73e7335d11195923a62fd959a1f99eebc5a944a0bc1
 SHA512:
-  metadata.gz: 3c73ebd1e6e8891b6bc2cc5f9dfb0a0262fd0c8144c7201722b88bd9bcabafb52cb1af42e00a42295fbf5c370a0813a3ee2a7df3b033415116f65fe0bcfeb489
-  data.tar.gz: a3c007af74d59f71a41a54328d2ee8682dcbf26779b8d366c9f47f96e330d9f21856e242bbef1223cf2d1490fa258ff3e658b84d7ae1c969d9db43a225067374
+  metadata.gz: 070cf7a1d723b8d4aaddb9cfc366ab2f8b25445316efa000f8eacc4ea4c852aa764da637714ff29073fa016f2056b9a6083e1ed35b75629aea3156068f051232
+  data.tar.gz: e5632bc51e2307471d9b48dd668f8b76ff3c1f52f138e4efd07f09580887d6df510153e13d3aa4bfe5f18396d3d7fedd7ab9067f73297752c950a2c2dd989098

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

@@ -14,3 +14,4 @@
 //= require ./analytics/ecommerce
 //= require ./analytics/init
 //= require ./analytics/scroll-tracker
+//= require ./analytics/explicit-cross-domain-links

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

@@ -0,0 +1,34 @@
+;(function (global) {
+  'use strict'
+
+  var GOVUK = global.GOVUK || {}
+  GOVUK.Modules = GOVUK.Modules || {}
+
+  GOVUK.Modules.ExplicitCrossDomainLinks = function () {
+    this.start = function ($module) {
+      var element = $module[0]
+
+      if (!global.ga) { return }
+
+      global.ga(function () {
+        var trackers = global.ga.getAll()
+
+        if (!trackers.length) { return }
+
+        var linker = new global.gaplugins.Linker(trackers[0])
+
+        var attrAction = element.getAttribute('action')
+        if (attrAction) {
+          element.setAttribute('action', linker.decorate(attrAction))
+        }
+
+        var attrHref = element.getAttribute('href')
+        if (attrHref) {
+          element.href = linker.decorate(attrHref)
+        }
+      })
+    }
+  }
+
+  global.GOVUK = GOVUK
+})(window)

data/app/assets/javascripts/govuk_publishing_components/components/show-password.js

@@ -26,6 +26,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     this.showHide = document.createElement('button')
     this.showHide.className = 'gem-c-show-password__toggle'
     this.showHide.setAttribute('aria-controls', this.input.getAttribute('id'))
+    this.showHide.setAttribute('type', 'button')
     this.showHide.innerHTML = this.showPasswordText
     this.wrapper.insertBefore(this.showHide, this.input.nextSibling)
 

data/app/assets/javascripts/govuk_publishing_components/lib/govspeak/youtube-link-enhancement.js

@@ -105,8 +105,10 @@
         events: {
           onReady: function (event) {
             // update iframe title attribute once video is ready
+            // this is done to let screen reader users know that they are focused on a video
+            // https://github.com/alphagov/govuk_publishing_components/pull/908#discussion_r302913995
             var videoTitle = options.title
-            event.target.f.title = videoTitle + ' (video)'
+            event.target.getIframe().title = videoTitle + ' (video)'
           },
           onStateChange: function (event) {
             var eventData = event.data

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

@@ -36,10 +36,10 @@ $large-input-size: 50px;
 
 .gem-c-search__input[type="search"] { // overly specific to prevent some overrides from outside
   @include govuk-font($size: 19, $line-height: (28 / 19));
-  padding: 6px;
   margin: 0;
   width: 100%;
-  height: em(34, 16);
+  height: em(40, 16);
+  padding: em(6, 16);
   border: $govuk-border-width-form-element solid $govuk-input-border-colour;
   background: govuk-colour("white");
   border-radius: 0; //otherwise iphones apply an automatic border radius
@@ -47,6 +47,10 @@ $large-input-size: 50px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
+  @include govuk-media-query($from: tablet) {
+    height: em(40, 19);
+    padding: em(6, 19);
+  }
 
   // the .focus class is added by JS and ensures that the input remains above the label once clicked/filled in
   &:focus,

data/app/assets/stylesheets/govuk_publishing_components/components/_show-password.scss

@@ -39,6 +39,8 @@
 
   @include govuk-media-query($from: mobile) {
     margin-left: -2px;
+    margin-top: 0;
+    margin-bottom: 0;
   }
 
   &:hover {

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

@@ -4,7 +4,7 @@
 <div class="gem-c-contextual-sidebar">
   <% 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? %>
+  <% elsif navigation.step_by_step_count.zero? && !navigation.transition_countdown_exception? %>
     <%= render 'govuk_publishing_components/components/transition_countdown', {
       title: t("components.related_navigation.transition.title"),
       url: t("components.related_navigation.transition.link_path"),

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

@@ -52,6 +52,10 @@ examples:
     data:
       text: "Secondary quiet button"
       secondary_quiet: true
+  secondary_solid_button:
+    data:
+      text: "Secondary solid button"
+      secondary_solid: true
   destructive_button:
     data:
       text: "Destructive button"

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

@@ -144,3 +144,23 @@ examples:
                       - text: Find out what you’ll get
                         href: "/settled-status-eu-citizens-families/what-settled-and-presettled-status-means"
                     optional: false
+  transition_countdown_exception:
+    data:
+      content_item:
+        title: "30 creative teams awarded up to £100,000 each for Festival UK* 2022 R&D project"
+        content_id: "c3752802-f091-43a9-ba90-33568fccf391"
+        links:
+          ordered_related_items:
+          - title: Find an apprenticeship
+            base_path: /apply-apprenticeship
+          - title: Training and study at work
+            base_path: /training-study-work-your-rights
+          - title: Careers helpline for teenagers
+            base_path: /careers-helpline-for-teenagers
+          document_collections:
+          - title: Recruit an apprentice (formerly apprenticeship vacancies)
+            base_path: /government/collections/apprenticeship-vacancies
+            document_type: document_collection
+          - title: The future of jobs and skills
+            base_path: /government/collections/the-future-of-jobs-and-skills
+            document_type: document_collection

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

@@ -70,7 +70,7 @@ examples:
     description: Don't indent the extra links. Used for links to people pages.
     data:
       href: "/government/people/"
-      image_src: "http://placekitten.com/215/140"
+      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG"
       image_alt: "some meaningful alt text please"
       context:
         text: "The Rt Hon"
@@ -85,7 +85,7 @@ examples:
   extra_links_with_no_main_link:
     description: If extra links are included, the main link is not needed. Note that in this configuration the image is not a link as no link has been supplied.
     data:
-      image_src: "http://placekitten.com/215/140"
+      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG"
       image_alt: "some meaningful alt text please"
       heading_text: "John Whiskers MP"
       extra_links: [
@@ -151,7 +151,7 @@ examples:
     data:
       large: true
       href: "/still-not-a-page"
-      image_src: "https://assets.publishing.service.gov.uk/frontend/homepage/uk-leaves-the-eu-d84d2981a9953d8b1261c9d25016223b0a8af3c096fa2d5e03510d73a78e3c60.jpg"
+      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG"
       image_alt: "some meaningful alt text please"
       context:
         date: 2017-06-14 11:30:00
@@ -208,7 +208,7 @@ examples:
   with_lang:
     description: |
       Pass through an appropriate `lang` to set a HTML lang attribute for the component.
-      
+
       The `lang` attribute **must** be set to a [valid BCP47 string](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang#Language_tag_syntax). A valid code can be the two or three letter language code - for example, English is `en` or `eng`, Korean is `ko` or `kor` - but if in doubt please check.
     data:
       href: "/not-a-page"

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

@@ -1,9 +1,11 @@
-name: Show password input
+name: Show password input (experimental)
 description: A password input field that allows the password to be shown.
 body: |
   Adds a password reveal button to an input that toggles its type from password to text, revealing the password. Does not appear if JavaScript is disabled.
 
   Uses a visually hidden bit of text to inform screen reader users of the state of the input rather than announcing the content of the password input when toggled.
+
+  This component is currently experimental. If you are using it, please feed back any research findings to the Accounts team.
 accessibility_criteria: |
   The component must:
 

data/lib/govuk_publishing_components/presenters/button_helper.rb

@@ -17,6 +17,7 @@ module GovukPublishingComponents
                   :start,
                   :secondary,
                   :secondary_quiet,
+                  :secondary_solid,
                   :destructive,
                   :name,
                   :value,
@@ -41,6 +42,7 @@ module GovukPublishingComponents
         @start = local_assigns[:start]
         @secondary = local_assigns[:secondary]
         @secondary_quiet = local_assigns[:secondary_quiet]
+        @secondary_solid = local_assigns[:secondary_solid]
         @destructive = local_assigns[:destructive]
         @name = local_assigns[:name]
         @value = local_assigns[:value]
@@ -77,6 +79,7 @@ module GovukPublishingComponents
         css_classes << "govuk-button--start" if start
         css_classes << "gem-c-button--secondary" if secondary
         css_classes << "gem-c-button--secondary-quiet" if secondary_quiet
+        css_classes << "govuk-button--secondary" if secondary_solid
         css_classes << "govuk-button--warning" if destructive
         css_classes << "gem-c-button--bottom-margin" if margin_bottom && !info_text
         css_classes << "gem-c-button--inline" if inline_layout

data/lib/govuk_publishing_components/presenters/contextual_navigation.rb

@@ -113,6 +113,10 @@ module GovukPublishingComponents
         tagged_to_brexit? && (page_content_id != brexit_start_page_content_id)
       end
 
+      def transition_countdown_exception?
+        content_item["content_id"] == "c3752802-f091-43a9-ba90-33568fccf391"
+      end
+
       def step_by_step_count
         step_nav_helper.step_navs.count
       end

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "23.8.0".freeze
+  VERSION = "23.10.1".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 23.8.0
+  version: 23.10.1
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-12-07 00:00:00.000000000 Z
+date: 2020-12-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -404,6 +404,7 @@ files:
 - app/assets/javascripts/govuk_publishing_components/analytics/download-link-tracker.js
 - app/assets/javascripts/govuk_publishing_components/analytics/ecommerce.js
 - app/assets/javascripts/govuk_publishing_components/analytics/error-tracking.js
+- app/assets/javascripts/govuk_publishing_components/analytics/explicit-cross-domain-links.js
 - app/assets/javascripts/govuk_publishing_components/analytics/external-link-tracker.js
 - app/assets/javascripts/govuk_publishing_components/analytics/google-analytics-universal-tracker.js
 - app/assets/javascripts/govuk_publishing_components/analytics/init.js