govuk_publishing_components 34.12.0 → 34.14.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fd36433fa99aed8ea4144f791e7e78f72ae786e1148b7826758d65e271f98e5e
-  data.tar.gz: ce9e9975edbf99d74771088e9dadcd610ffacc345358afc25e85640a110d4035
+  metadata.gz: c4137db9fa2f61ba41157832c2d8a959756eb36e11837e4d58654b264d68a3f0
+  data.tar.gz: a3eb50516bf440839af9b74e1fc5ab44e9fc21ee0afb7910cdb742d10a6d3182
 SHA512:
-  metadata.gz: bbb41c9f45ecf8ae1e4f12d80f871392b08e97bf8c7074e22a2a1d265cb67d317bc1350cb1eb855270e1a48945c1e0a0b156e8e0c50eed2ed17998cb921ad640
-  data.tar.gz: bce8a83d09679a2e20a5bc5e05f112a207e455ed8eae2b726ad670c19c84348868a918ec82abd30119196332b6dc5a3f5443697622008eadee028f9d2ca2f974
+  metadata.gz: 3e780d3b9f9f2e72c471767c7be3bb611bae0eb7f2b211e19ae85b6fdae4338ae20d346c53b72c6d1b1d0e3d06447084eb389aeb64960df48b68d60bdaa4ed7e
+  data.tar.gz: 7cfd8703805c415ffad093fd18dc104d6d41c7e51305673c178b90778eb52bf3037b52ea2550cdb42c0ba4291d6e53c95c577800f2b8fe398ee503c1a3910b76

data/app/assets/config/govuk_publishing_components_manifest.js

@@ -12,3 +12,78 @@
 //= link govuk_publishing_components/vendor/lux/lux-reporter.js
 //= link govuk_publishing_components/vendor/lux/lux-measurer.js
 //= link component_guide/application.css
+
+// components
+//= link govuk_publishing_components/components/_accordion.css
+//= link govuk_publishing_components/components/_action-link.css
+//= link govuk_publishing_components/components/_attachment.css
+//= link govuk_publishing_components/components/_attachment-link.css
+//= link govuk_publishing_components/components/_back-link.css
+//= link govuk_publishing_components/components/_big-number.css
+//= link govuk_publishing_components/components/_breadcrumbs.css
+//= link govuk_publishing_components/components/_button.css
+//= link govuk_publishing_components/components/_cards.css
+//= link govuk_publishing_components/components/_character-count.css
+//= link govuk_publishing_components/components/_checkboxes.css
+//= link govuk_publishing_components/components/_contents-list.css
+//= link govuk_publishing_components/components/_contextual-guidance.css
+//= link govuk_publishing_components/components/_contextual-sidebar.css
+//= link govuk_publishing_components/components/_cookie-banner.css
+//= link govuk_publishing_components/components/_copy-to-clipboard.css
+//= link govuk_publishing_components/components/_date-input.css
+//= link govuk_publishing_components/components/_details.css
+//= link govuk_publishing_components/components/_devolved-nations.css
+//= link govuk_publishing_components/components/_document-list.css
+//= link govuk_publishing_components/components/_emergency-banner.css
+//= link govuk_publishing_components/components/_error-alert.css
+//= link govuk_publishing_components/components/_error-message.css
+//= link govuk_publishing_components/components/_error-summary.css
+//= link govuk_publishing_components/components/_feedback.css
+//= link govuk_publishing_components/components/_fieldset.css
+//= link govuk_publishing_components/components/_file-upload.css
+//= link govuk_publishing_components/components/_govspeak-html-publication.css
+//= link govuk_publishing_components/components/_govspeak.css
+//= link govuk_publishing_components/components/_heading.css
+//= link govuk_publishing_components/components/_hint.css
+//= link govuk_publishing_components/components/_image-card.css
+//= link govuk_publishing_components/components/_input.css
+//= link govuk_publishing_components/components/_inset-text.css
+//= link govuk_publishing_components/components/_intervention.css
+//= link govuk_publishing_components/components/_inverse-header.css
+//= link govuk_publishing_components/components/_label.css
+//= link govuk_publishing_components/components/_layout-footer.css
+//= link govuk_publishing_components/components/_layout-for-admin.css
+//= link govuk_publishing_components/components/_layout-for-public.css
+//= link govuk_publishing_components/components/_layout-header.css
+//= link govuk_publishing_components/components/_layout-super-navigation-header.css
+//= link govuk_publishing_components/components/_lead-paragraph.css
+//= link govuk_publishing_components/components/_metadata.css
+//= link govuk_publishing_components/components/_modal-dialogue.css
+//= link govuk_publishing_components/components/_notice.css
+//= link govuk_publishing_components/components/_organisation-logo.css
+//= link govuk_publishing_components/components/_panel.css
+//= link govuk_publishing_components/components/_phase-banner.css
+//= link govuk_publishing_components/components/_previous-and-next-navigation.css
+//= link govuk_publishing_components/components/_print-link.css
+//= link govuk_publishing_components/components/_radio.css
+//= link govuk_publishing_components/components/_related-navigation.css
+//= link govuk_publishing_components/components/_reorderable-list.css
+//= link govuk_publishing_components/components/_search.css
+//= link govuk_publishing_components/components/_select.css
+//= link govuk_publishing_components/components/_share-links.css
+//= link govuk_publishing_components/components/_show-password.css
+//= link govuk_publishing_components/components/_signup-link.css
+//= link govuk_publishing_components/components/_single-page-notification-button.css
+//= link govuk_publishing_components/components/_skip-link.css
+//= link govuk_publishing_components/components/_step-by-step-nav-header.css
+//= link govuk_publishing_components/components/_step-by-step-nav-related.css
+//= link govuk_publishing_components/components/_step-by-step-nav.css
+//= link govuk_publishing_components/components/_subscription-links.css
+//= link govuk_publishing_components/components/_success-alert.css
+//= link govuk_publishing_components/components/_summary-list.css
+//= link govuk_publishing_components/components/_tabs.css
+//= link govuk_publishing_components/components/_table.css
+//= link govuk_publishing_components/components/_textarea.css
+//= link govuk_publishing_components/components/_title.css
+//= link govuk_publishing_components/components/_translation-nav.css
+//= link govuk_publishing_components/components/_warning-text.css

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

@@ -28,13 +28,16 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
     if (window.dataLayer) {
       try {
         var data = this.module.getAttribute(this.trackingTrigger)
-        data = JSON.parse(data)
+        data = JSON.parse(data) || {}
       } catch (e) {
         // if there's a problem with the config, don't start the tracker
         console.error('GA4 configuration error: ' + e.message, window.location)
         return
       }
 
+      if (data.index) {
+        data.index = window.GOVUK.analyticsGa4.core.trackFunctions.createIndexObject(data.index)
+      }
       var schemas = new window.GOVUK.analyticsGa4.Schemas()
       var schema = schemas.mergeProperties(data, 'event_data')
 

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

@@ -237,6 +237,37 @@ window.GOVUK.analyticsGa4 = window.GOVUK.analyticsGa4 || {};
         var ga4LinkData = JSON.parse(module.getAttribute('data-ga4-link'))
         ga4LinkData.index_total = totalLinks
         module.setAttribute('data-ga4-link', JSON.stringify(ga4LinkData))
+      },
+
+      // index is given as a string of the form 1.2.3 or 1.2
+      // split this into named sub-parameters
+      createIndexObject: function (index) {
+        if (typeof index === 'undefined') {
+          return undefined
+        }
+        if (typeof index === 'object') {
+          return index
+        }
+
+        index = index.toString().split('.')
+        // this will soon include 'index_section_count'
+        // number of sections overall in the thing being tracked (but not yet in use)
+        switch (index.length) {
+          case 1:
+            return {
+              index_section: parseInt(index[0])
+            }
+          case 2:
+            return {
+              index_section: parseInt(index[0]),
+              index_link: parseInt(index[1])
+            }
+          case 3:
+            return {
+              index_section: parseInt(index[1]),
+              index_link: parseInt(index[2])
+            }
+        }
       }
     },
 

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

@@ -42,6 +42,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 
       var text = data.text || event.target.textContent
       data.text = window.GOVUK.analyticsGa4.core.trackFunctions.removeLinesAndExtraSpaces(text)
+      data.index = window.GOVUK.analyticsGa4.core.trackFunctions.createIndexObject(data.index)
 
       var schemas = new window.GOVUK.analyticsGa4.Schemas()
       var schema = schemas.mergeProperties(data, 'event_data')

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

@@ -87,6 +87,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
       data.method = window.GOVUK.analyticsGa4.core.trackFunctions.getClickType(event)
       data.external = window.GOVUK.analyticsGa4.core.trackFunctions.isExternalLink(data.url) ? 'true' : 'false'
       data.index = event.target.getAttribute('data-ga4-index') ? parseInt(event.target.getAttribute('data-ga4-index')) : data.index || undefined
+      data.index = window.GOVUK.analyticsGa4.core.trackFunctions.createIndexObject(data.index)
 
       var schemas = new window.GOVUK.analyticsGa4.Schemas()
       var schema = schemas.mergeProperties(data, 'event_data')

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

@@ -0,0 +1,10 @@
+$govuk-new-link-styles: true;
+
+// This flag stops the font from being included in this components's
+// stylesheet - the font is being served by Static across all of GOV.UK, so is
+// not needed here.
+$govuk-include-default-font-face: false;
+
+// Each component needs access to the variables, functions, and mixins from
+// GOVUK Frontend.
+@import "govuk_frontend_support";

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "mixins/prefixed-transform";
 @import "govuk/components/accordion/accordion";
 

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-action-link {
   display: table;
 

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 $thumbnail-width: 99px;
 $thumbnail-height: 140px;
 $thumbnail-border-width: 5px;

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

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/back-link/back-link";

data/app/assets/stylesheets/govuk_publishing_components/components/_big-number.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-big-number {
   margin-bottom: govuk-spacing(3);
   @include govuk-text-colour;

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/breadcrumbs/breadcrumbs";
 
 .gem-c-breadcrumbs--inverse .govuk-breadcrumbs__list-item .govuk-breadcrumbs__link {

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/button/button";
 
 // Because govuk-frontend adds a responsive bottom margin by default for each component

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "mixins/grid-helper";
 @import "mixins/prefixed-transform";
 

data/app/assets/stylesheets/govuk_publishing_components/components/_character-count.scss

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/character-count/character-count";

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/checkboxes/checkboxes";
 
 .govuk-checkboxes--nested {

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "helpers/contents-list-helper";
 
 .gem-c-contents-list {

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-contextual-guidance {
   .govuk-grid-column-one-third {
     position: relative;

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-contextual-sidebar__related-links {
   border-top: 2px solid $govuk-brand-colour;
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_cookie-banner.scss

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/cookie-banner/cookie-banner";
 $govuk-cookie-banner-background: govuk-colour("light-grey", "grey-4");
 

data/app/assets/stylesheets/govuk_publishing_components/components/_date-input.scss

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/date-input/date-input";
 
 // Add spacing between input items on narrow containers when they collapse under each other

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

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/details/details";

data/app/assets/stylesheets/govuk_publishing_components/components/_devolved-nations.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-devolved-nations {
   background: govuk-colour("light-grey");
   margin-bottom: govuk-spacing(3);

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-document-list {
   @include govuk-text-colour;
   @include govuk-font(19);

data/app/assets/stylesheets/govuk_publishing_components/components/_emergency-banner.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-emergency-banner {
   @include govuk-font(19);
   background-color: govuk-colour("mid-grey");

data/app/assets/stylesheets/govuk_publishing_components/components/_error-alert.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-error-alert {
   color: $govuk-text-colour;
   padding: govuk-spacing(3);

data/app/assets/stylesheets/govuk_publishing_components/components/_error-message.scss

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/error-message/error-message";

data/app/assets/stylesheets/govuk_publishing_components/components/_error-summary.scss

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/error-summary/error-summary";
 
 .gem-c-error-summary__list-item {

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-feedback {
   background: govuk-colour("white");
   margin-top: govuk-spacing(6);

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

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/fieldset/fieldset";

data/app/assets/stylesheets/govuk_publishing_components/components/_file-upload.scss

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/file-upload/file-upload";

data/app/assets/stylesheets/govuk_publishing_components/components/_govspeak-html-publication.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 // stylelint-disable max-nesting-depth
 
 // Override govspeak styles with HTML publication specific ones

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 @import "govspeak/advisory";
 @import "govspeak/attachment";
 @import "govspeak/button";

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-heading {
   margin: 0;
 }

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

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/hint/hint";

data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-image-card {
   @include govuk-clearfix;
   @include govuk-text-colour;

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

@@ -1,4 +1,6 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/input/input";
+
 $search-icon-size: 40px;
 
 .gem-c-input__search-icon {

data/app/assets/stylesheets/govuk_publishing_components/components/_inset-text.scss

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/inset-text/inset-text";

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-intervention {
   @include govuk-text-colour;
   @include govuk-responsive-padding(3);

data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-inverse-header {
   width: 100%;
   background-color: govuk-colour("blue");

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

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/label/label";

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-footer.scss

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/footer/footer";
 
 .gem-c-layout-footer--border {

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-for-public.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-layout-for-public {
   font-family: $govuk-font-family;
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "mixins/prefixed-transform";
 @import "mixins/grid-helper";
 

data/app/assets/stylesheets/govuk_publishing_components/components/_lead-paragraph.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-lead-paragraph {
   @include govuk-text-colour;
   @include govuk-font(24);

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-metadata {
   @include govuk-text-colour;
   @include govuk-font(16);

data/app/assets/stylesheets/govuk_publishing_components/components/_modal-dialogue.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 $govuk-modal-margin: govuk-spacing(6);
 $govuk-modal-close-button-size: 44px;
 $govuk-modal-z-index: 1000;

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/notification-banner/notification-banner";
 
 .gem-c-notice {

data/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 // Default logo corresponds with the "medium stacked" Whitehall equivalent
 .gem-c-organisation-logo {
   font-size: 13px;

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/panel/panel";
 
 .gem-c-panel__prepend {

data/app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/phase-banner/phase-banner";
 
 .gem-c-phase-banner {

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

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/pagination/pagination";

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 $gem-c-print-link-background-width: 16px;
 $gem-c-print-link-background-height: 18px;
 

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/radios/radios";
 
 .gem-c-radio__heading-text {

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-related-navigation {
   @include govuk-text-colour;
   border-top: 2px solid govuk-colour("blue");

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-reorderable-list {
   @include govuk-font(19, bold);
 

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 $input-size: 40px;
 $large-input-size: 50px;
 

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/select/select";
 
 .gem-c-select__select--full-width {

data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 $share-button-width: 30px;
 $share-button-height: 30px;
 

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-show-password__input-wrapper {
   display: table; // IE fallback
   display: flex;

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-signup-link__link {
   @include govuk-font($size: 19);
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-single-page-notification-button__submit {
   padding: govuk-spacing(2);
   margin: govuk-spacing(0);

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

@@ -1 +1,2 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/skip-link/skip-link";

data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-header.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-step-nav-header {
   @include govuk-font(24, $weight: bold);
   @include govuk-text-colour;

data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-related.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-step-nav-related {
   @include govuk-text-colour;
   border-top: 2px solid govuk-colour("blue");

data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 $stroke-width: 1px;
 $number-circle-size: 30px;
 $number-circle-size-large: 35px;

data/app/assets/stylesheets/govuk_publishing_components/components/_subscription-links.scss

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-subscription-links {
   @include govuk-text-colour;
   @include govuk-font(19, $weight: bold);

data/app/assets/stylesheets/govuk_publishing_components/components/_success-alert.scss

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/notification-banner/notification-banner";
 
 .gem-c-success-alert__message {

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/summary-list/summary-list";
 
 .gem-c-summary-list {

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/table/table";
 
 $table-border-width: 1px;

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/tabs/tabs";
 
 .js-enabled {

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

@@ -1,3 +1,4 @@
+@import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/textarea/textarea";
 
 .gem-c-textarea {

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

@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-title--inverse {
   color: govuk-colour("white");