govuk_publishing_components 24.16.1 → 24.17.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6fa4cc15c73945ed5cadb8da13004d32ca8815d1ce90c3d19f4981d14be0f1d5
-  data.tar.gz: dcead4701b9524c83a2f7d897e2e8e4defc2de6ee83350664f467140439d6767
+  metadata.gz: c57ef1405fbd96f5987dc24d795eb197a2682388ba0f3ccd4d09e933a5c0e8d2
+  data.tar.gz: 1213a4f3a3ac27a30ddba5a3f265607a1ff2970a5ee47896759c50986ab16f19
 SHA512:
-  metadata.gz: 81abe2a341566203cbf3db3d3f194540e9322cd21654c7e6cd3a3b2acf2212d3b7ac0b3a15785ddf8f3415820b27154e92c28ff48107f0aa18132b98a33a39ba
-  data.tar.gz: 626dee02647614f4e9513b98d2bba9cf1aa7d2d74e52e34604d5e23239167d1f5cb0184bf961ec52e795f10c6bf854b93674ef1a4f352d1869f83e84c02cf16f
+  metadata.gz: f769ee68de178a08f866be215ed3c01a9a113c83cc56c120dbb47093659dfeeda6e4ca5f20d576b000125efaff11423a034a4931a138f31fcf95b6fae6c91809
+  data.tar.gz: 6aa9cd20cc9e8bd4c3a5c377bb863ec02704bbbf8eddf9f28153b102b0c32b001b5f23ca7539a453b67cdc7b551447e762c6ff1a47114a20581e876e1ed083f4

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

@@ -0,0 +1,3 @@
+<svg width="38" height="36" viewBox="0 0 38 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38 35.8461C34.8518 35.8299 31.701 35.8136 28.5528 35.7974C28.5447 29.2599 28.5366 22.7252 28.5284 16.1878C21.8989 22.7252 15.2721 29.2599 8.64252 35.7974C5.8547 35.792 3.06417 35.7838 0.276344 35.7784C0.262798 34.1366 0.249251 32.4948 0.232996 30.8503C7.36917 23.7195 14.5026 16.5833 21.6388 9.44717C14.4268 9.47697 7.21204 9.50406 0 9.53387C3.17254 6.35862 6.34778 3.18608 9.52032 0.010837C19.0135 0.00812776 28.5068 0.00270925 38 0C38 11.9234 38 23.8577 38 35.8461Z" fill="#FF003B"/>
+</svg>

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

@@ -2,4 +2,4 @@
 // = require govuk/components/button/button.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.Button = window.GOVUKFrontend
+window.GOVUK.Modules.GovukButton = window.GOVUKFrontend

data/app/assets/javascripts/govuk_publishing_components/components/character-count.js

@@ -2,4 +2,4 @@
 // = require govuk/components/character-count/character-count.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.CharacterCount = window.GOVUKFrontend
+window.GOVUK.Modules.GovukCharacterCount = window.GOVUKFrontend

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

@@ -3,17 +3,17 @@
 // = require govuk/components/checkboxes/checkboxes.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.Checkboxes = window.GOVUKFrontend;
+window.GOVUK.Modules.GovukCheckboxes = window.GOVUKFrontend;
 
 (function (Modules) {
-  function GovukCheckboxes ($module) {
+  function GemCheckboxes ($module) {
     this.$module = $module
     this.$checkboxes = this.$module.querySelectorAll('input[type=checkbox]')
     this.$nestedCheckboxes = this.$module.querySelectorAll('[data-nested=true] input[type=checkbox]')
     this.$exclusiveCheckboxes = this.$module.querySelectorAll('[data-exclusive=true] input[type=checkbox]')
   }
 
-  GovukCheckboxes.prototype.init = function () {
+  GemCheckboxes.prototype.init = function () {
     this.applyAriaControlsAttributes(this.$module)
 
     for (var i = 0; i < this.$checkboxes.length; i++) {
@@ -29,7 +29,7 @@ window.GOVUK.Modules.Checkboxes = window.GOVUKFrontend;
     }
   }
 
-  GovukCheckboxes.prototype.handleCheckboxChange = function (event) {
+  GemCheckboxes.prototype.handleCheckboxChange = function (event) {
     if (window.GOVUK.analytics && window.GOVUK.analytics.trackEvent) {
       // Where checkboxes are manipulated externally in finders, `suppressAnalytics`
       // is passed to prevent duplicate GA events.
@@ -58,7 +58,7 @@ window.GOVUK.Modules.Checkboxes = window.GOVUKFrontend;
     }
   }
 
-  GovukCheckboxes.prototype.handleNestedCheckboxChange = function (event) {
+  GemCheckboxes.prototype.handleNestedCheckboxChange = function (event) {
     var $checkbox = event.target
     var $isNested = $checkbox.closest('.govuk-checkboxes--nested')
     var $hasNested = this.$module.querySelector('.govuk-checkboxes--nested[data-parent=' + $checkbox.id + ']')
@@ -70,7 +70,7 @@ window.GOVUK.Modules.Checkboxes = window.GOVUKFrontend;
     }
   }
 
-  GovukCheckboxes.prototype.toggleNestedCheckboxes = function ($scope, $checkbox) {
+  GemCheckboxes.prototype.toggleNestedCheckboxes = function ($scope, $checkbox) {
     var $nestedCheckboxes = $scope.querySelectorAll('input[type=checkbox]')
     if ($checkbox.checked) {
       for (var i = 0; i < $nestedCheckboxes.length; i++) {
@@ -83,7 +83,7 @@ window.GOVUK.Modules.Checkboxes = window.GOVUKFrontend;
     }
   }
 
-  GovukCheckboxes.prototype.toggleParentCheckbox = function ($scope, $checkbox) {
+  GemCheckboxes.prototype.toggleParentCheckbox = function ($scope, $checkbox) {
     var $inputs = $scope.querySelectorAll('input')
     var $checkedInputs = $scope.querySelectorAll('input:checked')
     var parentId = $scope.getAttribute('data-parent')
@@ -96,7 +96,7 @@ window.GOVUK.Modules.Checkboxes = window.GOVUKFrontend;
     }
   }
 
-  GovukCheckboxes.prototype.handleExclusiveCheckboxChange = function (event) {
+  GemCheckboxes.prototype.handleExclusiveCheckboxChange = function (event) {
     var $currentCheckbox = event.target
     var $checkboxes = $currentCheckbox.closest('.govuk-checkboxes')
     var $exclusiveOption = $checkboxes.querySelector('input[type=checkbox][data-exclusive]')
@@ -113,7 +113,7 @@ window.GOVUK.Modules.Checkboxes = window.GOVUKFrontend;
     }
   }
 
-  GovukCheckboxes.prototype.applyAriaControlsAttributes = function ($scope) {
+  GemCheckboxes.prototype.applyAriaControlsAttributes = function ($scope) {
     var $inputs = $scope.querySelectorAll('[data-controls]')
 
     for (var i = 0; i < $inputs.length; i++) {
@@ -121,5 +121,5 @@ window.GOVUK.Modules.Checkboxes = window.GOVUKFrontend;
     }
   }
 
-  Modules.GovukCheckboxes = GovukCheckboxes
+  Modules.GemCheckboxes = GemCheckboxes
 })(window.GOVUK.Modules)

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

@@ -2,16 +2,16 @@
 // = require govuk/components/details/details.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.Details = window.GOVUKFrontend;
+window.GOVUK.Modules.GovukDetails = window.GOVUKFrontend;
 
 (function (Modules) {
-  function GovukDetails ($module) {
+  function GemDetails ($module) {
     this.$module = $module
     this.customTrackLabel = this.$module.getAttribute('data-track-label')
     this.detailsClick = this.$module.querySelector('[data-details-track-click]')
   }
 
-  GovukDetails.prototype.init = function () {
+  GemDetails.prototype.init = function () {
     if (this.customTrackLabel) { // If a custom label has been provided, we can simply call the tracking module
       var trackDetails = new window.GOVUK.Modules.GemTrackClick()
       trackDetails.start($(this.$module))
@@ -22,7 +22,7 @@ window.GOVUK.Modules.Details = window.GOVUKFrontend;
     }
   }
 
-  GovukDetails.prototype.trackDefault = function (element) {
+  GemDetails.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')
@@ -45,5 +45,5 @@ window.GOVUK.Modules.Details = window.GOVUKFrontend;
     }
   }
 
-  Modules.GovukDetails = GovukDetails
+  Modules.GemDetails = GemDetails
 })(window.GOVUK.Modules)

data/app/assets/javascripts/govuk_publishing_components/components/error-summary.js

@@ -2,4 +2,4 @@
 // = require govuk/components/error-summary/error-summary.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.ErrorSummary = window.GOVUKFrontend
+window.GOVUK.Modules.GovukErrorSummary = window.GOVUKFrontend

data/app/assets/javascripts/govuk_publishing_components/components/layout-header.js

@@ -2,4 +2,4 @@
 // = require govuk/components/header/header.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.Header = window.GOVUKFrontend
+window.GOVUK.Modules.GovukHeader = window.GOVUKFrontend

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

@@ -2,4 +2,4 @@
 // = require govuk/components/radios/radios.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.Radios = window.GOVUKFrontend
+window.GOVUK.Modules.GovukRadios = window.GOVUKFrontend

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

@@ -2,4 +2,4 @@
 // = require govuk/components/tabs/tabs.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.Tabs = window.GOVUKFrontend
+window.GOVUK.Modules.GovukTabs = window.GOVUKFrontend

data/app/assets/javascripts/govuk_publishing_components/lib/govspeak/all.js

@@ -0,0 +1 @@
+// = require_tree ./

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

@@ -26,29 +26,32 @@
       var modules = this.find(container)
 
       for (var i = 0, l = modules.length; i < l; i++) {
-        var module
         var element = $(modules[i])
-        var moduleName = camelCaseAndCapitalise(element.data('module'))
-        var started = element.data('module-started')
-        var frontendModuleName = moduleName.replace('Govuk', '')
+        var moduleNames = element.data('module').split(' ')
 
-        if ( // GOV.UK Publishing & Legacy Modules
-          typeof GOVUK.Modules[moduleName] === 'function' &&
-          !GOVUK.Modules[moduleName].prototype.init &&
-          !started
-        ) {
-          module = new GOVUK.Modules[moduleName]()
-          module.start(element)
-          element.data('module-started', true)
-        }
+        for (var j = 0, k = moduleNames.length; j < k; j++) {
+          var module
+          var moduleName = camelCaseAndCapitalise(moduleNames[j])
+          var started = element.data(moduleNames[j] + '-module-started')
+
+          if ( // GOV.UK Publishing & Legacy Modules
+            typeof GOVUK.Modules[moduleName] === 'function' &&
+            !GOVUK.Modules[moduleName].prototype.init &&
+            !started
+          ) {
+            module = new GOVUK.Modules[moduleName]()
+            module.start(element)
+            element.data(moduleNames[j] + '-module-started', true)
+          }
 
-        if ( // GOV.UK Frontend Modules
-          typeof GOVUK.Modules[frontendModuleName] === 'function' &&
-          GOVUK.Modules[frontendModuleName].prototype.init &&
-          !started
-        ) {
-          module = new GOVUK.Modules[frontendModuleName](element[0]).init()
-          element.data('module-started', true)
+          if ( // GOV.UK Frontend Modules
+            typeof GOVUK.Modules[moduleName] === 'function' &&
+            GOVUK.Modules[moduleName].prototype.init &&
+            !started
+          ) {
+            module = new GOVUK.Modules[moduleName](element[0]).init()
+            element.data(moduleNames[j] + '-module-started', true)
+          }
         }
       }
 

data/app/assets/javascripts/govuk_publishing_components/vendor/polyfills/all.js

@@ -0,0 +1 @@
+// = require_tree ./

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

@@ -146,6 +146,31 @@
   }
 }
 
+.gem-c-action-link--brexit {
+  max-width: none;
+
+  &:before {
+    height: 30px;
+    width: 35px;
+    background-image: image-url("govuk_publishing_components/action-link-arrow--brexit.svg");
+    background-repeat: no-repeat;
+    background-size: 25px auto;
+    background-position: 0 0;
+  }
+
+  @include govuk-media-query($until: tablet) {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  @include govuk-media-query($from: tablet) {
+    margin-bottom: govuk-spacing(2);
+
+    &:before {
+      background-position: 0 4px;
+    }
+  }
+}
+
 .gem-c-action-link--nhs {
   &:before {
     width: 80px;

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

@@ -14,6 +14,7 @@
   dark_icon ||= false
   small_icon ||= false
   nhs_icon ||= false
+  brexit_icon ||= false
   transparent_icon ||= false
   data ||= nil
   classes ||= nil
@@ -25,6 +26,7 @@
   css_classes << "gem-c-action-link--small-icon" if small_icon
   css_classes << "gem-c-action-link--transparent-icon" if transparent_icon
   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--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/_checkboxes.html.erb

@@ -4,7 +4,7 @@
   id = cb_helper.id
 %>
 
-<%= tag.div id: id, class: cb_helper.css_classes, data: { module: "govuk-checkboxes" } do %>
+<%= tag.div id: id, class: cb_helper.css_classes, data: { module: "gem-checkboxes" } do %>
   <% if cb_helper.should_have_fieldset %>
     <% if cb_helper.heading_markup %>
       <%= tag.fieldset class: "govuk-fieldset", "aria-describedby": cb_helper.fieldset_describedby do %>
@@ -23,7 +23,7 @@
         <% end %>
 
         <%= tag.ul class: cb_helper.list_classes, data: {
-          module: ('checkboxes' if cb_helper.has_conditional),
+          module: ('govuk-checkboxes' if cb_helper.has_conditional),
           nested: ('true' if cb_helper.has_nested),
           exclusive: ('true' if cb_helper.has_exclusive)
         } do %>

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

@@ -7,7 +7,7 @@
   css_classes << (shared_helper.get_margin_bottom)
 
   data_attributes ||= {}
-  data_attributes[:module] = 'govuk-details'
+  data_attributes[:module] = 'govuk-details gem-details'
 %>
 <%= tag.details class: css_classes, data: data_attributes, open: open do %>
   <summary class="govuk-details__summary" data-details-track-click>

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

@@ -101,11 +101,11 @@ examples:
       text: Coronavirus (COVID-19)
       href: "/my-test-page"
       dark_icon: true
-  with_custom_font_size:
+  with_brexit_icon_and_custom_font_size:
     data:
       text: Guidance for businesses
       href: "/guidance-for-businesses"
-      dark_icon: true
+      brexit_icon: true
       font_size: m
   with_nhs_icon:
     data:

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "24.16.1".freeze
+  VERSION = "24.17.0".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 24.16.1
+  version: 24.17.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-06-28 00:00:00.000000000 Z
+date: 2021-06-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -364,6 +364,7 @@ files:
 - app/assets/config/govuk_publishing_components_manifest.js
 - app/assets/images/govuk_publishing_components/action-link--nhs.png
 - app/assets/images/govuk_publishing_components/action-link--nhs.svg
+- app/assets/images/govuk_publishing_components/action-link-arrow--brexit.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow--dark.png
 - app/assets/images/govuk_publishing_components/action-link-arrow--dark.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow--simple-light.png
@@ -486,6 +487,7 @@ files:
 - app/assets/javascripts/govuk_publishing_components/lib.js
 - app/assets/javascripts/govuk_publishing_components/lib/cookie-functions.js
 - app/assets/javascripts/govuk_publishing_components/lib/current-location.js
+- app/assets/javascripts/govuk_publishing_components/lib/govspeak/all.js
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/barchart-enhancement.js
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/magna-charta.js
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/youtube-link-enhancement.js
@@ -504,6 +506,7 @@ files:
 - app/assets/javascripts/govuk_publishing_components/vendor/lux/lux-polyfill.js
 - app/assets/javascripts/govuk_publishing_components/vendor/lux/lux.js
 - app/assets/javascripts/govuk_publishing_components/vendor/modernizr.js
+- app/assets/javascripts/govuk_publishing_components/vendor/polyfills/all.js
 - app/assets/javascripts/govuk_publishing_components/vendor/polyfills/closest.js
 - app/assets/javascripts/govuk_publishing_components/vendor/polyfills/common.js
 - app/assets/javascripts/govuk_publishing_components/vendor/polyfills/indexOf.js