govuk_publishing_components 42.0.0 → 43.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 53ba3400854819c86b537f469c0fbb470770a6e2f07883c45deed6719ecfa736
-  data.tar.gz: 64598aed656f03a98d30c5e2aee89f8349b84556e3c02a792e7c6acfbd0f16f3
+  metadata.gz: 4eaf865f8e1da8a61826e6e1cf6c23b38d1cf13c84521e944aeb59bd97d30017
+  data.tar.gz: 60b5b5106da9f913344518bb9b46323f4f56f2bef19bbdb1b509c76b70c76b94
 SHA512:
-  metadata.gz: a22d5a04f588b36863ab34d37138c0079e597b319f2eeb7d1847250ff72a8c00b2438336f1e8dc6a30e800add4ac778b435320704908f45476579a97329cc816
-  data.tar.gz: 0bb05292aea85d4bf2266c391f88bd0d27bf5a13f5229ff6865519acfba394fc81bfeffbc85453834114c82fe90c7593bc797fc963bc12551e04179f7c5be91b
+  metadata.gz: d2f16751b90b94d6114ddd563151f0e2f6dde413c874d01cd21abc05c4d4a311fd3f9469b254dad753ee121cdc48f0110194cb124a7d2ebfe60d1b46c4f3df2b
+  data.tar.gz: 063d19de73b1cc5acc2139164a47a76e2a7541b7965159e24559b7d20a5393aed7759ae4d7e10a6e3e2498a31b246ed38c6246c6b0089322d3b243c5c0bb4569

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

@@ -5,7 +5,7 @@
 @import "govuk_publishing_components/component_support";
 
 // Include all govuk frontend components
-@import "govuk/components/all";
+@import "govuk/components/index";
 
 // components
 @import "components/accordion";
@@ -18,6 +18,7 @@
 @import "components/button";
 @import "components/cards";
 @import "components/character-count";
+@import "components/chat-entry";
 @import "components/checkboxes";
 @import "components/contents-list";
 @import "components/contextual-guidance";

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

@@ -1,10 +1,10 @@
 // This file should be included in an application prior to specific components
 // It provides supporting gem component helpers and mixins
 // and everything else from govuk-frontend not included in govuk_frontend_support
-@import "govuk/core/all";
-@import "govuk/objects/all";
-@import "govuk/utilities/all";
-@import "govuk/overrides/all";
+@import "govuk/core/index";
+@import "govuk/objects/index";
+@import "govuk/utilities/index";
+@import "govuk/overrides/index";
 
 @import "govuk_publishing_components/components/helpers/brand-colours";
 @import "govuk_publishing_components/components/helpers/link";

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

@@ -11,10 +11,15 @@
 //
 // TODO: Replace with the print styles that will come from GOV.UK Frontend.
 
+// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   // Open all of the accordion sections.
   .govuk-accordion__section-content {
-    display: block !important; // stylelint-disable-line declaration-no-important
+    display: block !important;
+
+    > :last-child {
+      margin-bottom: 20px;
+    }
   }
 
   .govuk-frontend-supported .govuk-accordion__section-content[hidden] {
@@ -25,7 +30,9 @@
 
   // Change the colour from the blue link colour to black.
   .govuk-accordion__section-button {
-    color: govuk-colour("black") !important; // stylelint-disable-line declaration-no-important
+    color: govuk-colour("black") !important;
+    padding: 20px 0 0 !important;
+    border-bottom: 0 !important;
   }
 
   // Change the summary subheading size.
@@ -37,6 +44,14 @@
   // Hide the unusable "Show all" and "Show" sections.
   .govuk-accordion__show-all,
   .govuk-accordion__section-toggle {
-    display: none !important; // stylelint-disable-line declaration-no-important
+    display: none !important;
+  }
+
+  // Remove extra space for expanded accordions, not needed on a printout
+  .govuk-accordion__section--expanded {
+    .govuk-accordion__section-content {
+      padding: 0 !important;
+    }
   }
 }
+// stylelint-enable declaration-no-important

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

@@ -1,4 +1,19 @@
+@import "govuk_publishing_components/individual_component_support";
+
 .gem-c-attachment-link__abbr {
   text-decoration: none;
   cursor: help;
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-attachment-link .govuk-link {
+    color: $govuk-print-text-colour !important;
+
+    &::after {
+      font-size: inherit;
+      color: inherit;
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -84,3 +84,23 @@ $thumbnail-icon-border-colour: govuk-colour("mid-grey");
   text-decoration: none;
   cursor: help;
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-attachment__details {
+    padding: 0;
+  }
+
+  .gem-c-attachment__metadata,
+  .gem-c-attachment__metadata .govuk-link::after {
+    font-size: 12pt;
+  }
+
+  .gem-c-attachment__link.govuk-link {
+    word-break: break-word;
+
+    &::after {
+      font-size: 12pt;
+      line-height: 1 !important; // stylelint-disable-line declaration-no-important
+    }
+  }
+}

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

@@ -41,7 +41,7 @@
     }
 
     .govuk-breadcrumbs__list-item::before {
-      top: 18px;
+      top: 20px;
     }
 
     .govuk-breadcrumbs__link::after {
@@ -54,3 +54,23 @@
     }
   }
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-breadcrumbs {
+    font-size: 12pt;
+  }
+
+  .gem-c-breadcrumbs,
+  .govuk-breadcrumbs {
+    .govuk-breadcrumbs__list-item {
+      .govuk-breadcrumbs__link:link,
+      .govuk-breadcrumbs__link:visited {
+        color: $govuk-print-text-colour;
+      }
+
+      &::before {
+        border-color: $govuk-print-text-colour;
+      }
+    }
+  }
+}

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

@@ -143,21 +143,42 @@
   }
 }
 
+// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
   .gem-c-cards__list {
     display: block;
   }
 
   .gem-c-cards__list-item {
-    padding-bottom: 0;
+    padding: 0;
   }
 
-  .gem-c-cards__sub-heading {
-    margin-top: govuk-spacing(4);
-    margin-bottom: govuk-spacing(1);
+  .gem-c-cards__list-item-wrapper {
+    padding: 5mm 0;
+  }
+
+  .gem-c-cards__description {
+    margin: 0;
   }
 
-  .gem-c-cards__link::before {
-    display: none;
+  .gem-c-cards__link {
+    &,
+    &:link,
+    &:link:visited {
+      color: $govuk-print-text-colour !important;
+    }
+
+    &::before {
+      display: none;
+    }
+
+    &::after {
+      position: static;
+      display: block;
+      margin: 1mm auto;
+      font-size: 12pt !important;
+      color: $govuk-print-text-colour;
+    }
   }
 }
+// stylelint-enable declaration-no-important

data/app/assets/stylesheets/govuk_publishing_components/components/_chat-entry.scss

@@ -0,0 +1,36 @@
+@import "govuk_publishing_components/individual_component_support";
+
+.gem-c-chat-entry {
+  display: flex;
+  align-items: flex-start;
+}
+
+.gem-c-chat-entry--border-top {
+  border-top: 2px solid govuk-colour("blue");
+  padding-top: govuk-spacing(5);
+}
+
+.gem-c-chat-entry--border-bottom {
+  border-bottom: 2px solid govuk-colour("blue");
+  padding-bottom: govuk-spacing(5);
+}
+
+.gem-c-chat-entry__image {
+  flex-shrink: 0;
+  height: 104px;
+  margin-right: govuk-spacing(3);
+  width: 104px;
+
+  @include govuk-media-query($from: tablet) {
+    height: 80px;
+    width: 80px;
+  }
+}
+
+.gem-c-chat-entry__heading {
+  margin: 0 0 govuk-spacing(2);
+  font-size: 19px;
+  font-size: govuk-px-to-rem(19);
+  line-height: 1.25;
+  @include govuk-typography-common;
+}

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

@@ -84,14 +84,14 @@
     margin-left: 0;
   }
 
-  // Put indentation back where we use list style types
-  .gem-c-contents-list__list-item--dashed {
-    margin-left: govuk-spacing(3);
-    list-style-type: disc;
-  }
-
   .gem-c-contents-list__list-item--numbered,
   .gem-c-contents-list__list-item--parent {
     list-style-type: none;
   }
+
+  .gem-c-contents-list__link {
+    &.govuk-link {
+      color: $govuk-print-text-colour;
+    }
+  }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_cross-service-header.scss

@@ -436,3 +436,32 @@ $govuk-header-link-underline-thickness: 3px;
   }
 }
 // end service navigation styles
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-cross-service-header {
+    margin-bottom: 5mm;
+  }
+
+  .gem-c-one-login-header {
+    background-color: initial;
+    border-bottom: 2pt solid $govuk-print-text-colour;
+
+    * {
+      color: $govuk-print-text-colour;
+    }
+
+    .govuk-width-container {
+      margin: 0;
+    }
+  }
+
+  .gem-c-service-header {
+    .govuk-width-container {
+      margin: 0;
+    }
+
+    .gem-c-service-header__container {
+      padding: 0;
+    }
+  }
+}

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

@@ -10,3 +10,26 @@
     padding: govuk-spacing(4) govuk-spacing(6);
   }
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-devolved-nations {
+    border: 2pt solid $govuk-print-text-colour;
+    margin: 0 0 5mm;
+
+    * {
+      color: $govuk-print-text-colour !important;
+    }
+
+    .govuk-list li {
+      margin-bottom: 2mm;
+    }
+
+    .govuk-link::after {
+      display: block;
+      margin: 1mm auto;
+      font-size: 12pt;
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -183,3 +183,22 @@
     display: none;
   }
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-document-list__item {
+    break-inside: avoid;
+  }
+
+  .gem-c-document-list__item-title {
+    .govuk-link {
+      color: $govuk-print-text-colour !important;
+    }
+
+    .govuk-link::after {
+      display: block;
+      margin: 1mm auto;
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -69,7 +69,8 @@
     table.financial-data {
       .numeric {
         text-align: right;
-        @include govuk-font(16, $weight: regular, $tabular: true);
+        @include govuk-font-tabular-numbers;
+        @include govuk-font(16, $weight: regular);
       }
 
       // make all elements inside thead look the same
@@ -82,10 +83,11 @@
 
       thead th,
       thead td {
-        @include govuk-font(16, $weight: bold, $tabular: true);
+        @include govuk-font-tabular-numbers;
+        @include govuk-font(16, $weight: bold);
 
         &.numeric {
-          @include govuk-font(16, $weight: bold, $tabular: true);
+          @include govuk-font(16, $weight: bold);
         }
       }
 

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

@@ -45,3 +45,19 @@
 .gem-c-heading--inverse {
   color: govuk-colour("white");
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  // Override margins and colors
+  .gem-c-heading {
+    margin: 0 !important;
+    color: $govuk-print-text-colour !important;
+    border-color: $govuk-print-text-colour !important;
+    padding: 0;
+  }
+
+  .gem-c-heading--padding[class*="--border-top"] {
+    padding-top: govuk-spacing(3);
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -347,3 +347,22 @@
     }
   }
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-image-card__title[class*="govuk-heading-"] {
+    font-size: 16pt;
+  }
+
+  .gem-c-image-card__title-link {
+    color: $govuk-print-text-colour !important;
+
+    &::after {
+      display: block;
+      position: static;
+      margin-top: 2mm;
+      font-size: 12pt !important;
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -1,2 +1,25 @@
 @import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/inset-text/inset-text";
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-inset-text {
+    break-inside: avoid;
+  }
+
+  .gem-c-inset-text .govuk-link {
+    &,
+    &:link,
+    &:link:visited {
+      color: $govuk-print-text-colour !important;
+    }
+
+    &::after {
+      display: block;
+      margin: 1mm auto;
+      font-size: 12pt !important;
+      color: $govuk-print-text-colour;
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -21,3 +21,32 @@
   height: 1em;
   margin-bottom: -2px;
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-intervention {
+    break-inside: avoid;
+    background-color: transparent;
+    border-color: $govuk-print-text-colour;
+
+    .govuk-body {
+      margin: 0;
+    }
+  }
+
+  .gem-c-intervention .govuk-link {
+    &,
+    &:link,
+    &:link:visited {
+      color: $govuk-print-text-colour !important;
+    }
+
+    &::after {
+      display: block;
+      margin: 1mm auto;
+      font-size: 12pt !important;
+      color: $govuk-print-text-colour;
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -1 +1 @@
-// uses govuk/all
+// uses govuk/index

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

@@ -12,3 +12,9 @@
 .gem-c-lead-paragraph--inverse {
   color: govuk-colour("white");
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-lead-paragraph {
+    color: $govuk-print-text-colour;
+  }
+}

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

@@ -94,3 +94,19 @@
 .govuk-frontend-supported .gem-c-metadata__toggle-items.js-hidden {
   display: none;
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-metadata {
+    break-inside: avoid;
+    color: $govuk-print-text-colour !important;
+    background-color: unset;
+    margin-bottom: 5mm;
+
+    a,
+    a:visited {
+      color: $govuk-print-text-colour !important;
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -145,3 +145,10 @@
   @include crest($crest: "wales_crest", $xpos: 9px);
   @include tall-crest;
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-organisation-logo__container {
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+  }
+}

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

@@ -26,3 +26,24 @@
     }
   }
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-phase-banner {
+    &,
+    & * {
+      background-color: unset !important;
+      color: $govuk-print-text-colour !important;
+    }
+
+    .govuk-tag {
+      border: 1pt solid $govuk-print-text-colour;
+    }
+  }
+
+  .govuk-phase-banner__content__app-name {
+    margin-bottom: 1mm;
+    font-size: 12pt;
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -1,2 +1,10 @@
 @import "govuk_publishing_components/individual_component_support";
 @import "govuk/components/pagination/pagination";
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .govuk-pagination * {
+    color: $govuk-print-text-colour !important;
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -30,6 +30,12 @@ $large-input-size: 50px;
 .gem-c-search__label {
   display: block;
   color: $govuk-text-colour;
+  cursor: text;
+  max-width: 68%;
+  text-overflow: ellipsis;
+  height: 90%;
+  overflow: hidden;
+  white-space: nowrap;
   @include govuk-font($size: 19, $line-height: $input-size);
 
   h1 {
@@ -67,8 +73,8 @@ $large-input-size: 50px;
 .gem-c-search__input[type="search"] { // overly specific to prevent some overrides from outside
   margin: 0;
   width: 100%;
-  height: govuk-em(40, 16);
-  padding: govuk-em(6, 16);
+  height: govuk-em(40, 19);
+  padding: govuk-em(6, 19);
   border: $govuk-border-width-form-element solid $govuk-input-border-colour;
   background: govuk-colour("white");
   border-radius: 0; // otherwise iphones apply an automatic border radius
@@ -78,11 +84,6 @@ $large-input-size: 50px;
   appearance: none;
   @include govuk-font($size: 19, $line-height: calc(28 / 19));
 
-  @include govuk-media-query($from: tablet) {
-    height: govuk-em(40, 19);
-    padding: govuk-em(6, 19);
-  }
-
   // the .focus class is added by JS and ensures that the input remains above the label once clicked/filled in
   &:focus,
   &.focus {

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

@@ -4,3 +4,25 @@
 .gem-c-success-alert__message {
   @include govuk-font(19, $weight: bold);
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-success-alert {
+    break-inside: avoid;
+    background-color: initial;
+    border-color: $govuk-print-text-colour;
+
+    * {
+      color: $govuk-print-text-colour !important;
+    }
+
+    .govuk-notification-banner__header {
+      border-bottom: 1pt solid $govuk-print-text-colour;
+    }
+
+    .govuk-notification-banner__title {
+      padding: 2mm 0;
+    }
+  }
+}
+// stylelint-enable declaration-no-important

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

@@ -32,6 +32,10 @@
 }
 
 @include govuk-media-query($media-type: print) {
+  .gem-c-title {
+    margin: 5mm 0 10mm !important; // stylelint-disable-line declaration-no-important
+  }
+
   .gem-c-title__context {
     margin: 0;
   }
@@ -39,4 +43,8 @@
   .gem-c-title__text {
     margin-top: 0;
   }
+
+  .gem-c-title--inverse {
+    color: $govuk-print-text-colour;
+  }
 }

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

@@ -21,3 +21,14 @@
 .gem-c-warning-text__text--highlight {
   color: $govuk-error-colour;
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-warning-text * {
+    color: $govuk-print-text-colour;
+  }
+
+  .govuk-warning-text__icon {
+    background-color: transparent;
+    color: $govuk-print-text-colour;
+  }
+}