govuk_publishing_components 41.1.1 → 41.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 463dd1a5275229c7459f757f67fd4df12a59df147f952e709e830b55f6aed9ba
-  data.tar.gz: f376cd0d430fc8c96de335bc19242add6d5f6e7a25fa6034631f881b23215cc3
+  metadata.gz: 8abc5426ad47fe2518e790ff7de038018877885b9e0878174b9c77e6241d24ff
+  data.tar.gz: fa85ed659a1a181745fcc246cb858dba49cdf8f8dd6cec58a8f88eb977f08b4b
 SHA512:
-  metadata.gz: 0de3c1a2a5c84e20c5d931c9717c239fa61cce5c6bb263addf36d3bc7e1f2afb559fbe9c228aab89a7602097a747945df4e4fbebd1fd18035c44e392832bfa51
-  data.tar.gz: 74fb27acd937298a191a24b380f9079312c6b8da732990987e885385758c2f34c2e11481da8760f4ded003bcf8bb3ee5f924a8be3d21f43043dd24c62122ec07
+  metadata.gz: f0eebd7502ca7164363b503cbdb2c33ac53b59ed85e5fea9f8a7660c1f842c823e7c8d3fc761eade6fc0e59642fe67c03a8e5aee9854fafc0dd7a5f79144c750
+  data.tar.gz: 89112bb0725fc797dfa3958e168d898c8d73038564282eee3c0b39bd42331b6d76459d1c5edfdcd2f35e3d8dee3349ab7c38098d139657b8e89a1b079df5892f

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/_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-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/_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/_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

@@ -31,3 +31,35 @@ li.govuk-tabs__list-item { // stylelint-disable-line selector-no-qualifying-type
     }
   }
 }
+
+@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/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 %>

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

@@ -31,11 +31,11 @@
         </div>
       </div>
       <div class="govuk-grid-row">
-        <div class="govuk-grid-column-full govuk-grid-column-one-third-from-desktop gem-c-layout-header__search">
+        <div class="govuk-grid-column-full govuk-grid-column-one-third-from-desktop gem-c-layout-header__search govuk-!-display-none-print">
           <%= render "govuk_publishing_components/components/layout_header/search" %>
         </div>
         <% if navigation_items.any? %>
-          <div class="govuk-header__content gem-c-header__content govuk-grid-column-full">
+          <div class="govuk-header__content gem-c-header__content govuk-grid-column-full govuk-!-display-none-print">
             <%= render "govuk_publishing_components/components/layout_header/navigation_items", navigation_items: navigation_items, navigation_aria_label: navigation_aria_label  %>
           </div>
         <% end %>
@@ -50,12 +50,12 @@
           } %>
         </div>
         <% if navigation_items.any? %>
-          <div class="govuk-header__content gem-c-header__content govuk-grid-column-full">
+          <div class="govuk-header__content gem-c-header__content govuk-grid-column-full govuk-!-display-none-print">
             <%= render "govuk_publishing_components/components/layout_header/navigation_items", navigation_items: navigation_items, navigation_aria_label: navigation_aria_label %>
           </div>
         <% end %>
         <% if search %>
-          <div class="govuk-grid-column-one-third gem-c-layout-header__search">
+          <div class="govuk-grid-column-one-third gem-c-layout-header__search govuk-!-display-none-print">
             <%= render "govuk_publishing_components/components/layout_header/search" %>
           </div>
         <% end %>

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

@@ -109,7 +109,7 @@
     </div>
     <nav
       aria-labelledby="super-navigation-menu-heading"
-      class="gem-c-layout-super-navigation-header__content"
+      class="gem-c-layout-super-navigation-header__content govuk-!-display-none-print"
       data-module="super-navigation-mega-menu"
     >
       <h2 id="super-navigation-menu-heading" class="govuk-visually-hidden">

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

@@ -58,7 +58,7 @@
 
 <% if filterable %>
   <div data-module="table">
-    <div class="js-gem-c-table__filter govuk-!-display-none">
+    <div class="js-gem-c-table__filter govuk-!-display-none govuk-!-display-none-print">
       <%= render "govuk_publishing_components/components/input", {
         label: {
           text: label

data/app/views/govuk_publishing_components/components/attachment/_thumbnail_external.html.erb

@@ -0,0 +1,3 @@
+<svg class="gem-c-attachment__thumbnail-image gem-c-attachment__thumbnail-image--external" version="1.1" viewBox="0 0 99 140" aria-hidden="true">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M21 59H12V68H21V59ZM30 86V77H69V86H30ZM87 104H30V95H87V104ZM78 122H30V113H78V122ZM21 86H12V77H21V86ZM21 122H12V113H21V122ZM21 104H12V95H21V104ZM87 68H30V59H87V68ZM87 39V12H12V39H87ZM77.9699 29.2919H77.9202L75.2756 17H71.2279L68.5088 29.2919H68.4591L66.1249 17H62.2014L66.1746 34.8047H70.5699L73.2145 22.0409L75.9088 34.8047H80.3289L84.3021 17H80.391L77.9699 29.2919ZM53.8195 29.2919H53.8692L56.2903 17H60.2014L56.2282 34.8047H51.8081L49.1138 22.0409L46.4692 34.8047H42.0739L38.1007 17H42.0242L44.3584 29.2919H44.4081L47.1272 17H51.1749L53.8195 29.2919ZM29.7684 29.2919H29.7188L27.0742 17H23.0265L20.3074 29.2919H20.2577L17.9235 17H14L17.9732 34.8047H22.3685L25.0131 22.0409L27.7074 34.8047H32.1275L36.1007 17H32.1896L29.7684 29.2919Z"/>
+</svg>

data/app/views/govuk_publishing_components/components/layout_header/_navigation_items.html.erb

@@ -12,7 +12,7 @@
     >
       <%= t("components.layout_header.menu") %>
     </button>
-    <ul id="navigation" class="govuk-header__navigation-list">
+    <ul id="navigation" class="govuk-header__navigation-list govuk-!-display-none-print">
       <% navigation_items.each_with_index do |item, index| %>
         <%
           li_classes = %w(govuk-header__navigation-item)

data/app/views/govuk_publishing_components/components/layout_header/_search.html.erb

@@ -9,7 +9,7 @@
 </button>
 <form
   action="/search"
-  class="gem-c-layout-header__search-form govuk-clearfix"
+  class="gem-c-layout-header__search-form govuk-clearfix govuk-!-display-none-print"
   id="search"
   method="get"
   role="search"

data/lib/govuk_publishing_components/presenters/attachment_helper.rb

@@ -36,6 +36,10 @@ module GovukPublishingComponents
         type == "html"
       end
 
+      def external?
+        type == "external"
+      end
+
       def content_type
         @content_type ||= SupportedContentType.find(
           attachment_data[:content_type],

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "41.1.1".freeze
+  VERSION = "41.1.2".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 41.1.1
+  version: 41.1.2
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-08-12 00:00:00.000000000 Z
+date: 2024-08-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -719,6 +719,7 @@ files:
 - 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.html.erb
+- app/views/govuk_publishing_components/components/attachment/_thumbnail_external.html.erb
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_generic.html.erb
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_html.html.erb
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_pdf.html.erb