govuk_publishing_components 41.1.0 → 41.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b9252bac93772002b1e1b0927944e80de53d956d71e91db26c5ccd5477fcc9f0
-  data.tar.gz: 5530379d63fbe2fb58b80e79b1d435c64c05bc9f5ec8e1a034b5f345ac4b1faf
+  metadata.gz: 8abc5426ad47fe2518e790ff7de038018877885b9e0878174b9c77e6241d24ff
+  data.tar.gz: fa85ed659a1a181745fcc246cb858dba49cdf8f8dd6cec58a8f88eb977f08b4b
 SHA512:
-  metadata.gz: 109856eac1c0d2dcda97cd14daf38acc7761523de3acff18df5bf9fba42f42b2d2f6e2867e870d944dd7d792de6f8e751a81d944840aa26a6af9d26d2fe680bb
-  data.tar.gz: 5fe113e9e4ef7b21e256dffe48c0b93e553451ff475ae628589c84d502471a1f4a3134948601aec2e46deed77583d8b7ac07e4bbd7377130733edb48e14fad58
+  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/_cards.scss

@@ -3,7 +3,11 @@
 @import "mixins/prefixed-transform";
 
 .gem-c-cards__heading {
-  margin: 0 0 govuk-spacing(6) 0;
+  @include govuk-responsive-margin(6, "bottom");
+}
+
+.gem-c-cards__heading--underline + .gem-c-cards__list {
+  border-top: 1px solid $govuk-border-colour;
 }
 
 .gem-c-cards__list {
@@ -26,6 +30,14 @@
   }
 }
 
+.gem-c-cards__list--one-column {
+  .gem-c-cards__list-item {
+    &:first-child {
+      border-top: 0;
+    }
+  }
+}
+
 .gem-c-cards__list--two-column-desktop {
   @include govuk-media-query($from: "tablet") {
     grid-auto-rows: fractions(1); // Set all rows to same fractional height of the complete grid

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/_cards.html.erb

@@ -6,6 +6,7 @@
   columns ||= false
 
   ul_classes = %w[gem-c-cards__list]
+  ul_classes << 'gem-c-cards__list--one-column' unless columns
   ul_classes << 'gem-c-cards__list--two-column-desktop' if columns == 2
   ul_classes << 'gem-c-cards__list--three-column-desktop' if columns == 3
 
@@ -16,7 +17,11 @@
 <% if items.present? %>
   <%= tag.div(**component_helper.all_attributes) do %>
     <% if heading %>
-      <%= content_tag(shared_helper.get_heading_level, class: "gem-c-cards__heading govuk-heading-m") do %>
+        <%
+          heading_classes = %w[gem-c-cards__heading govuk-heading-m]
+          heading_classes << "gem-c-cards__heading--underline" unless columns
+        %>
+        <%= content_tag(shared_helper.get_heading_level, class: heading_classes) do %>
         <%= heading %>
       <% end %>
     <% 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/docs/cards.yml

@@ -40,34 +40,30 @@ examples:
             text: Citizenship and living in the UK
             path: http://www.gov.uk
           description: Voting, community participation, life in the UK, international projects
+  one_column_layout_without_heading:
+    description: No border at the top of the list of cards is present when using a one column layout without a heading. The first card item will still include a top border when using a 2 or 3 column layout as shown in the examples below.
+    data:
+      items:
         - link:
-            text: Crime, justice and the law
-            path: http://www.gov.uk
-          description: Legal processes, courts and the police
-        - link:
-            text: Disabled people
-            path: http://www.gov.uk
-          description: Includes carers, your rights, benefits and the Equality Act
-        - link:
-            text: Driving and transport
+            text: Benefits
             path: http://www.gov.uk
-          description: Includes vehicle tax, MOT and driving licences
+          description: Includes eligibility, appeals, tax credits and Universal Credit
         - link:
-            text: Education and learning
+            text: Births, deaths, marriages and care
             path: http://www.gov.uk
-          description: Includes student loans, admissions and apprenticeships
+          description: Parenting, civil partnerships, divorce and Lasting Power of Attorney
         - link:
-            text: Employing people
+            text: Business and self-employed
             path: http://www.gov.uk
-          description: Includes pay, contracts, hiring and redundancies
+          description: Tools and guidance for businesses
         - link:
-            text: Environment and countryside
+            text: Childcare and parenting
             path: http://www.gov.uk
-          description: Includes flooding, recycling and wildlife
+          description: Includes giving birth, fostering, adopting, benefits for children, childcare and schools
         - link:
-            text: Housing and local services
+            text: Citizenship and living in the UK
             path: http://www.gov.uk
-          description: Owning or renting and council services
+          description: Voting, community participation, life in the UK, international projects
   two_column_layout:
     description:  Override default single column layout on desktop by setting the `columns` parameter to `2`.
     data:
@@ -93,14 +89,6 @@ examples:
             text: Citizenship and living in the UK
             path: http://www.gov.uk
           description: Voting, community participation, life in the UK, international projects
-        - link:
-            text: Crime, justice and the law
-            path: http://www.gov.uk
-          description: Legal processes, courts and the police
-        - link:
-            text: Disabled people
-            path: http://www.gov.uk
-          description: Includes carers, your rights, benefits and the Equality Act
   three_column_layout:
     description: Override default single column layout on desktop by setting the `columns` parameter to `3`.
     data:
@@ -126,14 +114,6 @@ examples:
             text: Citizenship and living in the UK
             path: http://www.gov.uk
           description: Voting, community participation, life in the UK, international projects
-        - link:
-            text: Crime, justice and the law
-            path: http://www.gov.uk
-          description: Legal processes, courts and the police
-        - link:
-            text: Disabled people
-            path: http://www.gov.uk
-          description: Includes carers, your rights, benefits and the Equality Act
   custom_heading_levels:
     description: |
       Override default heading level by passing through `heading_level` parameter (defaults to `<h2>`).

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.0".freeze
+  VERSION = "41.1.2".freeze
 end

data/node_modules/axe-core/axe.d.ts

@@ -70,16 +70,19 @@ declare namespace axe {
     | LabelledShadowDomSelector
     | LabelledFramesSelector;
   type SelectorList = Array<Selector | FramesSelector> | NodeList;
+  type ContextProp = Selector | SelectorList;
   type ContextObject =
     | {
-        include: Selector | SelectorList;
-        exclude?: Selector | SelectorList;
+        include: ContextProp;
+        exclude?: ContextProp;
       }
     | {
-        exclude: Selector | SelectorList;
-        include?: Selector | SelectorList;
+        exclude: ContextProp;
+        include?: ContextProp;
       };
-  type ElementContext = Selector | SelectorList | ContextObject;
+  type ContextSpec = ContextProp | ContextObject;
+  /** Synonym to ContextSpec */
+  type ElementContext = ContextSpec;
 
   type SerialSelector =
     | BaseSelector
@@ -406,6 +409,16 @@ declare namespace axe {
     shadowSelect: (selector: CrossTreeSelector) => Element | null;
     shadowSelectAll: (selector: CrossTreeSelector) => Element[];
     getStandards(): Required<Standards>;
+    isContextSpec: (context: unknown) => context is ContextSpec;
+    isContextObject: (context: unknown) => context is ContextObject;
+    isContextProp: (context: unknown) => context is ContextProp;
+    isLabelledFramesSelector: (
+      selector: unknown
+    ) => selector is LabelledFramesSelector;
+    isLabelledShadowDomSelector: (
+      selector: unknown
+    ) => selector is LabelledShadowDomSelector;
+
     DqElement: new (
       elm: Element,
       options?: { absolutePaths?: boolean }