govuk_publishing_components 42.0.0 → 42.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 53ba3400854819c86b537f469c0fbb470770a6e2f07883c45deed6719ecfa736
-  data.tar.gz: 64598aed656f03a98d30c5e2aee89f8349b84556e3c02a792e7c6acfbd0f16f3
+  metadata.gz: 8860ec77d1ec938f607ec8248aa9a516196c2e4763d62a8bab7bbc8e2e720ae9
+  data.tar.gz: b2cde9ac80b27e106b1d43b45890a5dad01b12b58820910c5ad8774a2d0bca5d
 SHA512:
-  metadata.gz: a22d5a04f588b36863ab34d37138c0079e597b319f2eeb7d1847250ff72a8c00b2438336f1e8dc6a30e800add4ac778b435320704908f45476579a97329cc816
-  data.tar.gz: 0bb05292aea85d4bf2266c391f88bd0d27bf5a13f5229ff6865519acfba394fc81bfeffbc85453834114c82fe90c7593bc797fc963bc12551e04179f7c5be91b
+  metadata.gz: 8c7e1abf08f45f1c6eedd98c85b7dbb7dba651f3cd849f45c98884e5aac3d432cdd255d49841109383d5445dc2514b7c839878344e9c29307f1f21a048cd0605
+  data.tar.gz: 13d9d6839e9c9cc97034e88a88fbdfca8053d883a301d9927e97ee12f9cc14a13f6edb2ec76e69b46caecad228b5c476adf85856362790c0fe905e8bd4e0b26e

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

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

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

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;
+  }
+}

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

@@ -17,7 +17,7 @@
   dark_large_icon ||= false
   light_icon ||= false
 
-  css_classes = %w(gem-c-action-link)
+  css_classes = %w(gem-c-action-link govuk-!-display-none-print)
   css_classes << "gem-c-action-link--light-text" if light_text
   css_classes << "gem-c-action-link--dark-icon" if dark_icon
   css_classes << "gem-c-action-link--dark-large-icon" if dark_large_icon

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

@@ -10,7 +10,7 @@
   details_ga4_attributes ||= {}
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 
-  container_class_names = %w[gem-c-attachment govuk-!-display-none-print]
+  container_class_names = %w[gem-c-attachment]
   container_class_names << shared_helper.get_margin_bottom if local_assigns.key?(:margin_bottom)
   ga4_link = { 'event_name': 'navigation', 'type': 'attachment' }
 
@@ -58,7 +58,7 @@
   data_attributes[:ga4_link] = ga4_link
 %>
 <%= tag.section class: class_names(container_class_names), data: { module: "ga4-link-tracker" } do %>
-  <%= tag.div class: "gem-c-attachment__thumbnail" do %>
+  <%= tag.div class: "gem-c-attachment__thumbnail govuk-!-display-none-print" do %>
     <%= link_to attachment.url,
                 class: "govuk-link",
                 target: target,

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

@@ -0,0 +1,46 @@
+<%
+  add_gem_component_stylesheet("chat-entry")
+  local_assigns[:margin_bottom] ||= 6
+  shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
+  href ||= "/chat"
+  heading_text ||= t("components.chat_entry.heading")
+  description_text ||= t("components.chat_entry.description")
+  border_top ||= false
+  border_bottom ||= false
+
+  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
+  component_helper.add_class("gem-c-chat-entry")
+  component_helper.add_class("gem-c-chat-entry--border-top") if border_top
+  component_helper.add_class("gem-c-chat-entry--border-bottom") if border_bottom
+  component_helper.add_class(shared_helper.get_margin_bottom)
+%>
+
+<%= tag.div(**component_helper.all_attributes) do %>
+  <svg class="gem-c-chat-entry__image" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
+    <rect width="100%" height="100%" fill="#D2E2F1" />
+    <path d="M37.5733 65.7452L51.6131 77.9999H27.9707L37.5733 65.7452Z" fill="#1D70B8" />
+    <path d="M52 78C66.3594 78 78 66.3594 78 52C78 37.6406 66.3594 26 52 26C37.6406 26 26 37.6406 26 52C26 66.3594 37.6406 78 52 78Z" fill="#1D70B8" />
+    <mask id="mask0_48346_4836" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="40" y="58" width="24" height="10">
+      <rect x="41.2962" y="59.1165" width="21.4029" height="6.98153" fill="#D9D9D9" stroke="#F499BE" stroke-width="1.89313" />
+    </mask>
+    <g mask="url(#mask0_48346_4836)">
+      <path
+        d="M46.5668 60.156C47.8844 63.1549 51.3835 64.518 54.3824 63.2004C57.3813 61.8829 58.7443 58.3837 57.4268 55.3848C56.1093 52.3859 52.6101 51.0229 49.6112 52.3404C46.6123 53.658 45.2493 57.1571 46.5668 60.156Z"
+        stroke="#F499BE"
+        stroke-width="4.43733"
+      />
+    </g>
+    <path d="M43.3401 39.3198L50.2778 51.515H36.4023L43.3401 39.3198Z" fill="#FFDD00" />
+    <circle cx="60.2488" cy="45.4078" r="6.10621" fill="#F47738" />
+  </svg>
+
+  <div class="gem-c-chat-entry__description">
+    <%= content_tag(shared_helper.get_heading_level, class: "gem-c-chat-entry__heading") do %>
+      <%= link_to heading_text, href, class: "govuk-link" %>
+    <% end %>
+
+    <% if description_text %>
+      <p class="govuk-body govuk-!-margin-bottom-0"><%= description_text %></p>
+    <% end %>
+  </div>
+<% end %>