govuk_publishing_components 41.1.1 → 42.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 463dd1a5275229c7459f757f67fd4df12a59df147f952e709e830b55f6aed9ba
-  data.tar.gz: f376cd0d430fc8c96de335bc19242add6d5f6e7a25fa6034631f881b23215cc3
+  metadata.gz: 53ba3400854819c86b537f469c0fbb470770a6e2f07883c45deed6719ecfa736
+  data.tar.gz: 64598aed656f03a98d30c5e2aee89f8349b84556e3c02a792e7c6acfbd0f16f3
 SHA512:
-  metadata.gz: 0de3c1a2a5c84e20c5d931c9717c239fa61cce5c6bb263addf36d3bc7e1f2afb559fbe9c228aab89a7602097a747945df4e4fbebd1fd18035c44e392832bfa51
-  data.tar.gz: 74fb27acd937298a191a24b380f9079312c6b8da732990987e885385758c2f34c2e11481da8760f4ded003bcf8bb3ee5f924a8be3d21f43043dd24c62122ec07
+  metadata.gz: a22d5a04f588b36863ab34d37138c0079e597b319f2eeb7d1847250ff72a8c00b2438336f1e8dc6a30e800add4ac778b435320704908f45476579a97329cc816
+  data.tar.gz: 0bb05292aea85d4bf2266c391f88bd0d27bf5a13f5229ff6865519acfba394fc81bfeffbc85453834114c82fe90c7593bc797fc963bc12551e04179f7c5be91b

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

@@ -1,4 +1,3 @@
-//= require ../vendor/polyfills/closest.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.analyticsGa4 = window.GOVUK.analyticsGa4 || {};
 

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

@@ -1,4 +1,3 @@
-//= require ../vendor/polyfills-govuk-frontend-v4/Element/prototype/closest.js
 ;(function (global) {
   'use strict'
 

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

@@ -1,4 +1,3 @@
-//= require ../vendor/polyfills/closest.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 

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

@@ -1,4 +1,3 @@
-//= require ../vendor/polyfills/closest.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 

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

@@ -1,4 +1,3 @@
-// = require ../vendor/polyfills-govuk-frontend-v4/Element/prototype/closest.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.analyticsGa4 = window.GOVUK.analyticsGa4 || {}
 window.GOVUK.analyticsGa4.analyticsModules = window.GOVUK.analyticsGa4.analyticsModules || {};

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

@@ -1,5 +1,3 @@
-//= require ../vendor/polyfills-govuk-frontend-v4/Element/prototype/classList.js
-
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 

data/app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js

@@ -1,7 +1,3 @@
-//= require ../vendor/polyfills-govuk-frontend-v4/Element/prototype/classList.js
-//= require ../vendor/polyfills/closest.js
-//= require ../vendor/polyfills/indexOf.js
-
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 

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

@@ -1,4 +1,3 @@
-//= require ../../vendor/polyfills-govuk-frontend-v4/Element/prototype/classList.js
 // This is a non-jQuery version of Magna Charta: https://github.com/alphagov/magna-charta
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};

data/app/assets/javascripts/govuk_publishing_components/lib/toggle-input-class-on-focus.js

@@ -1,4 +1,3 @@
-//= require ../vendor/polyfills-govuk-frontend-v4/Element/prototype/classList.js
 /*
   Toggle the class 'focus' on input boxes on element focus/blur
   Used by the search component but generic enough for reuse

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

@@ -1,2 +1 @@
-// = require_tree ./vendor/polyfills/
 // = require_tree ./lib

data/app/assets/stylesheets/component_guide/application.scss

@@ -136,6 +136,12 @@ $gem-guide-border-width: 1px;
   &.component-output {
     padding: 0;
   }
+
+  @include govuk-media-query($media-type: print) {
+    &[class*="-background"] {
+      background-color: unset;
+    }
+  }
 }
 
 .component-guide-preview--simple {

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

@@ -17,7 +17,7 @@
     display: block !important; // stylelint-disable-line declaration-no-important
   }
 
-  .js-enabled .govuk-accordion__section-content[hidden] {
+  .govuk-frontend-supported .govuk-accordion__section-content[hidden] {
     @supports (content-visibility: hidden) {
       content-visibility: auto;
     }

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

@@ -24,7 +24,7 @@
   }
 }
 
-.js-enabled {
+.govuk-frontend-supported {
   .gem-c-contextual-guidance__wrapper {
     display: none;
 

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

@@ -27,3 +27,15 @@
 .gem-c-inverse-header--padding-top {
   padding-top: govuk-spacing(3);
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-inverse-header {
+    background-color: unset;
+    border-bottom: 2pt solid $govuk-print-text-colour;
+
+    &,
+    & * {
+      color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
+    }
+  }
+}

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

@@ -20,3 +20,11 @@
   // the right column.
   margin-bottom: 20px;
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-layout-footer {
+    font-size: 12pt !important;
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -13,7 +13,7 @@
   background-color: #263135;
 }
 
-.js-enabled .gem-c-layout-for-public__global-banner-wrapper {
+.govuk-frontend-supported .gem-c-layout-for-public__global-banner-wrapper {
   margin-top: - govuk-spacing(2);
   min-height: govuk-spacing(2);
   position: relative;

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

@@ -167,3 +167,25 @@
 .gem-c-header__nav {
   clear: both;
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-layout-header .govuk-header__container {
+    border-color: $govuk-print-text-colour;
+
+    .govuk-grid-column-two-thirds {
+      width: auto;
+      float: none;
+    }
+
+    .govuk-header__logo {
+      margin: 0;
+      padding: 0 2mm 2mm 0;
+    }
+
+    .gem-c-header__product-name,
+    .gem-c-environment-tag {
+      color: $govuk-print-text-colour;
+      background-color: unset;
+    }
+  }
+}

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

@@ -913,12 +913,6 @@ $after-button-padding-left: govuk-spacing(4);
   font-size: 24px;
 }
 
-@include govuk-media-query($media-type: print) {
-  .gem-c-layout-super-navigation-header__content {
-    display: none;
-  }
-}
-
 // Ensure the total space to the left of the logo for mobile screen sizes is 24px (margin is 15px)
 @include govuk-media-query($until: tablet) {
   .gem-c-layout-super-navigation-header__header-logo--large-navbar {
@@ -989,3 +983,15 @@ $after-button-padding-left: govuk-spacing(4);
     font-size: govuk-px-to-rem(24px);
   }
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-layout-super-navigation-header {
+    border-top: 1pt solid $govuk-print-text-colour;
+    margin: 0;
+    background-color: none;
+  }
+
+  .gem-c-layout-super-navigation-header__header-logo {
+    padding: 10px 0 !important; // stylelint-disable-line declaration-no-important
+  }
+}

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

@@ -87,10 +87,10 @@
   display: none;
 }
 
-.js-enabled .gem-c-metadata__toggle-wrap {
+.govuk-frontend-supported .gem-c-metadata__toggle-wrap {
   display: block;
 }
 
-.js-enabled .gem-c-metadata__toggle-items.js-hidden {
+.govuk-frontend-supported .gem-c-metadata__toggle-items.js-hidden {
   display: none;
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_option-select.scss

@@ -123,7 +123,7 @@
   padding-left: 33px;
 }
 
-.js-enabled {
+.govuk-frontend-supported {
   .gem-c-option-select__heading {
     position: relative;
     padding: 10px 8px 5px 43px;

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

@@ -11,7 +11,7 @@ $gem-c-print-link-background-height: 18px;
   display: block;
 }
 
-.js-enabled {
+.govuk-frontend-supported {
   .gem-c-print-link {
     display: block;
   }

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

@@ -63,7 +63,7 @@
   @include govuk-link-common;
   @include govuk-link-style-no-visited-state;
 
-  .js-enabled & {
+  .govuk-frontend-supported & {
     display: inline-block;
   }
 }
@@ -105,7 +105,7 @@
   }
 
   &.js-hidden {
-    .js-enabled & {
+    .govuk-frontend-supported & {
       display: none;
     }
   }

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

@@ -73,7 +73,7 @@
   }
 }
 
-.js-enabled {
+.govuk-frontend-supported {
   .gem-c-reorderable-list__item {
     @include govuk-media-query($from: desktop) {
       cursor: move;

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

@@ -37,7 +37,7 @@ $large-input-size: 50px;
     @include govuk-font($size: 19, $line-height: $input-size);
   }
 
-  .js-enabled & {
+  .govuk-frontend-supported & {
     position: absolute;
     left: 2px;
     top: 2px;
@@ -50,7 +50,7 @@ $large-input-size: 50px;
 
   // match label colour with the label component colour
   // when javascript is enabled and inline_label option  is set to false
-  .js-enabled .gem-c-search--separate-label & {
+  .govuk-frontend-supported .gem-c-search--separate-label & {
     color: $govuk-text-colour;
   }
 }
@@ -76,7 +76,7 @@ $large-input-size: 50px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  @include govuk-font($size: 19, $line-height: (28 / 19));
+  @include govuk-font($size: 19, $line-height: calc(28 / 19));
 
   @include govuk-media-query($from: tablet) {
     height: govuk-em(40, 19);
@@ -190,7 +190,7 @@ $large-input-size: 50px;
     }
   }
 
-  .js-enabled & {
+  .govuk-frontend-supported & {
     .gem-c-search__label {
       color: $govuk-secondary-text-colour;
     }
@@ -246,7 +246,7 @@ $large-input-size: 50px;
     }
   }
 
-  .js-enabled & {
+  .govuk-frontend-supported & {
     .gem-c-search__label {
       color: $govuk-secondary-text-colour;
     }
@@ -313,7 +313,7 @@ $large-input-size: 50px;
   }
 
   @include govuk-media-query($until: tablet) {
-    .js-enabled & {
+    .govuk-frontend-supported & {
       display: block;
     }
   }

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

@@ -31,7 +31,7 @@
   margin-right: govuk-spacing(1);
 }
 
-.js-enabled .gem-c-single-page-notification-button.js-personalisation-enhancement {
+.govuk-frontend-supported .gem-c-single-page-notification-button.js-personalisation-enhancement {
   opacity: 0;
 
   &.gem-c-single-page-notification-button--visible {

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

@@ -22,7 +22,8 @@
 @include govuk-media-query($media-type: print) {
   .gem-c-step-nav-header {
     padding: 0 0 govuk-spacing(4) 0;
-    background: none;
+    background: unset;
+    border-color: $govuk-print-text-colour;
   }
 
   .gem-c-step-nav-header__part-of {
@@ -31,5 +32,17 @@
 
   .gem-c-step-nav-header__title {
     @include govuk-font(24, $weight: bold);
+
+    &,
+    &:link,
+    &:link:visited {
+      color: $govuk-print-text-colour;
+    }
+
+    &::after {
+      display: block;
+      margin: 1mm auto;
+      font-size: 12pt !important; // stylelint-disable-line declaration-no-important
+    }
   }
 }

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

@@ -44,3 +44,27 @@
 .gem-c-step-nav-related__link-item {
   margin-top: govuk-spacing(3);
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-step-nav-related {
+    background: unset;
+    border-color: $govuk-print-text-colour;
+  }
+
+  .gem-c-step-nav-related__heading,
+  .gem-c-step-nav-related__link-item {
+    .govuk-link,
+    .govuk-link:link,
+    .govuk-link:link:visited {
+      color: $govuk-print-text-colour !important;
+
+      &::after {
+        display: block;
+        margin: 1mm auto;
+        font-size: 12pt !important;
+      }
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -17,12 +17,12 @@ $top-border: solid 1px govuk-colour("mid-grey");
 
 @mixin step-nav-line-position {
   left: 0;
-  margin-left: govuk-em(($number-circle-size / 2) - ($stroke-width / 2), 16);
+  margin-left: govuk-em(calc($number-circle-size / 2) - calc($stroke-width / 2), 16);
 }
 
 @mixin step-nav-line-position-large {
   left: 0;
-  margin-left: govuk-em(($number-circle-size-large / 2) - ($stroke-width / 2), 16);
+  margin-left: govuk-em(calc($number-circle-size-large / 2) - calc($stroke-width / 2), 16);
 }
 
 // custom mixin as govuk-font does undesirable things at different breakpoints
@@ -56,7 +56,7 @@ $top-border: solid 1px govuk-colour("mid-grey");
     }
   }
 
-  .js-enabled &.js-hidden {
+  .govuk-frontend-supported &.js-hidden {
     display: none;
   }
 }
@@ -385,7 +385,7 @@ $top-border: solid 1px govuk-colour("mid-grey");
     padding-top: govuk-spacing(2);
   }
 
-  .js-enabled & {
+  .govuk-frontend-supported & {
     padding: 0;
   }
 
@@ -425,7 +425,7 @@ $top-border: solid 1px govuk-colour("mid-grey");
     @include step-nav-font(16, $tablet-size: 19);
   }
 
-  .js-enabled &.js-hidden {
+  .govuk-frontend-supported &.js-hidden {
     display: none;
   }
 }

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

@@ -63,7 +63,7 @@
   background-color: $gem-secondary-button-background-colour;
   @include govuk-font(19, $weight: bold);
 
-  .js-enabled & {
+  .govuk-frontend-supported & {
     display: inline-block;
   }
 
@@ -98,13 +98,13 @@
   margin-bottom: govuk-spacing(3);
   background: govuk-colour("light-grey");
 
-  .js-enabled &.js-hidden {
+  .govuk-frontend-supported &.js-hidden {
     display: none;
   }
 }
 
 .gem-c-subscription-links__feed-hidden-description {
-  .js-enabled & {
+  .govuk-frontend-supported & {
     @include govuk-visually-hidden;
   }
 }

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

@@ -125,3 +125,35 @@ $table-row-even-background-colour: govuk-colour("light-grey");
     border: 0;
   }
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .govuk-table--sortable {
+    outline: none;
+
+    * {
+      color: $govuk-print-text-colour !important;
+      background-color: initial !important;
+    }
+
+    .govuk-table__header,
+    .govuk-table__cell {
+      border-bottom: 1px solid $govuk-print-text-colour !important;
+    }
+
+    .govuk-table__header {
+      font-weight: 700;
+      border-right: 0;
+    }
+
+    .app-table__sort-link {
+      padding: 0 !important;
+
+      &::before,
+      &::after {
+        display: none !important;
+      }
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -1,7 +1,7 @@
 @import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/tabs/tabs";
 
-.js-enabled {
+.govuk-frontend-supported {
   .gem-c-tabs__panel--no-border {
     padding-right: 0;
     padding-left: 0;
@@ -24,10 +24,42 @@ li.govuk-tabs__list-item { // stylelint-disable-line selector-no-qualifying-type
   margin-left: govuk-spacing(5);
 }
 
-.js-enabled { // stylelint-disable-line no-duplicate-selectors
+.govuk-frontend-supported { // stylelint-disable-line no-duplicate-selectors
   @include govuk-media-query($from: tablet) {
     ul.govuk-tabs__list { // stylelint-disable-line selector-no-qualifying-type
       margin-bottom: 0;
     }
   }
 }
+
+@include govuk-media-query($media-type: print) {
+  .govuk-tabs__title {
+    display: block !important; // stylelint-disable-line declaration-no-important
+  }
+
+  .govuk-tabs__tab.govuk-tabs__tab {
+    text-decoration: none;
+  }
+
+  .govuk-tabs__list.govuk-tabs__list {
+    border: 0;
+  }
+
+  .govuk-tabs__list-item.govuk-tabs__list-item {
+    all: unset;
+    display: block;
+
+    &::before {
+      content: "—";
+      padding-right: 2mm;
+      margin: 0;
+    }
+  }
+
+  .govuk-tabs__panel.govuk-tabs__panel {
+    border: 0;
+    padding: 0;
+    margin: 0.75cm 0;
+    display: block;
+  }
+}

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

@@ -31,6 +31,10 @@
       padding-top: 0;
     }
 
+    @include govuk-media-query($media-type: print) {
+      padding-left: 0;
+    }
+
     .attachment-thumb {
       position: relative;
       float: left;
@@ -52,6 +56,10 @@
         fill: govuk-colour("mid-grey");
         stroke: govuk-colour("mid-grey");
       }
+
+      @include govuk-media-query($media-type: print) {
+        margin-left: 0;
+      }
     }
 
     .attachment-details {
@@ -109,6 +117,23 @@
       .js-hidden {
         display: none;
       }
+
+      // stylelint-disable declaration-no-important
+      @include govuk-media-query($media-type: print) {
+        a,
+        a:link,
+        a:link:visited {
+          color: $govuk-print-text-colour !important;
+
+          &::after {
+            display: block;
+            margin: 1mm auto;
+            font-weight: normal;
+            font-size: 12pt !important;
+          }
+        }
+      }
+      // stylelint-enable declaration-no-important
     }
   }
 

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

@@ -24,4 +24,21 @@
   .govuk-button--start {
     @extend .govuk-button--start;
   }
+
+  @include govuk-media-query($media-type: print) {
+    .gem-c-button {
+      box-shadow: none;
+      border: 2pt solid $govuk-print-text-colour;
+
+      &,
+      & * {
+        background-color: unset;
+        color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
+      }
+
+      &::after {
+        display: none;
+      }
+    }
+  }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss

@@ -43,5 +43,16 @@ $highlight-answer-color: govuk-colour("white");
         }
       }
     }
+
+    // stylelint-disable declaration-no-important
+    @include govuk-media-query($media-type: print) {
+      background-color: unset;
+
+      &,
+      & * {
+        color: $govuk-print-text-colour !important;
+      }
+    }
+    // stylelint-enable declaration-no-important
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_media-player.scss

@@ -25,3 +25,9 @@
   height: 100%;
   border: 0;
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-govspeak__youtube-video {
+    break-inside: avoid;
+  }
+}

data/app/assets/stylesheets/govuk_publishing_components/components/mixins/_grid-helper.scss

@@ -48,7 +48,7 @@
 ///  }
 ///
 @mixin columns($items, $columns, $selector: "*", $flow: row) {
-  $rows: ceil($items / $columns);
+  $rows: ceil(calc($items / $columns));
 
   display: -ms-grid;
   display: grid;

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

@@ -75,6 +75,8 @@
         <%= render "govuk_publishing_components/components/attachment/thumbnail_spreadsheet" %>
       <% elsif attachment.pdf? %>
         <%= render "govuk_publishing_components/components/attachment/thumbnail_pdf" %>
+      <% elsif attachment.external? %>
+        <%= render "govuk_publishing_components/components/attachment/thumbnail_external" %>
       <% else %>
         <%= render "govuk_publishing_components/components/attachment/thumbnail_generic" %>
       <% end %>