govuk_publishing_components 53.0.0 → 54.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 30fda3ff179316f100982d0cfba8cfde4b1c66b1774ffb3c58f0f4fba2718349
-  data.tar.gz: 718923c362bc6cb9006796a01c4a9ac56eacb1a44cb454db59489cbb3fc71364
+  metadata.gz: 45d09b1fcf62542a7497ba78e1b60618d092fc528646495b1f296aa64f54e59e
+  data.tar.gz: b25260a62d83b0395457eb8921ca7547eb775802c2c0a4fbbf851e8c5df46a1f
 SHA512:
-  metadata.gz: fed49a157451bdea9c8fbfaacbdcf52847abe0bdeafdf9c06d227e9dacc3450fd5cc92fb8df4ec07bf5b25ed93e2ee7fd5d07d10f0408bbb0273f8c5d8cd72c5
-  data.tar.gz: f3e4c027b49b5a4e39e68020ff1761dd6c7ca9306e1b0a8350312c8a7db316aa2412c67ef41039a8fbb52439440654905ef3f68042044802e597dad009c234b8
+  metadata.gz: acac17226a90dbd3083c33379ded3fcd64d9e53b6ee9a5f9390240a9bf7b720ac90c5eff2b94133ad5d34f0d347efb7f646c6a51af89eca386e03d0413d5aa85
+  data.tar.gz: 2840251f9834711840167a93322dd66508397f8f52769115cbb0023327eb44a9f9586c100dc3243f978c2d482a8a70920f0cc6b3b31049600bcef16d5ad90b55

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

@@ -76,6 +76,18 @@ $thumbnail-icon-border-colour: govuk-colour("mid-grey");
   }
 }
 
+.govspeak,
+.gem-c-govspeak {
+  .gem-c-attachment__title {
+    @include govuk-font($size: 27, $weight: regular);
+    margin: 0 0 govuk-spacing(3) 0;
+  }
+
+  .gem-c-attachment__metadata {
+    margin: 0 0 govuk-spacing(3) 0;
+  }
+}
+
 .gem-c-attachment__metadata--compact {
   margin-bottom: 0;
 }

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

@@ -25,16 +25,16 @@
       @include govuk-font($size: 27, $weight: bold);
     }
 
-    .stat-headline:first-child {
-      margin-top: govuk-spacing(6);
+    * + h2,
+    * + h3 {
+      padding-top: govuk-spacing(3);
 
       @include govuk-media-query($from: tablet) {
-        margin-top: govuk-spacing(9) + govuk-spacing(4);
+        padding-top: govuk-spacing(9);
       }
     }
 
-    h2,
-    h3 {
+    .stat-headline:first-child {
       margin-top: govuk-spacing(6);
 
       @include govuk-media-query($from: tablet) {
@@ -42,15 +42,6 @@
       }
     }
 
-    h2:first-child,
-    h3:first-child {
-      margin-top: govuk-spacing(4);
-
-      @include govuk-media-query($from: tablet) {
-        margin-top: 0;
-      }
-    }
-
     h3 .number,
     h4 .number,
     h5 .number,

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

@@ -9,28 +9,14 @@
 
 .govspeak, // Legacy class name that's still used in some content items - needs to be kept until `.govspeak` is removed from the content items.
 .gem-c-govspeak {
-  // Scope attachment and attachment-link component styles to gem-c-govspeak
-  @import "../attachment-link";
-  @import "../attachment";
-  @import "../details";
-
-  // This block is duplicated from Whitehall as a transitional step, see the
-  // commit message for 2d893c10ee3f2cab27162b9aba38b12379a71d07 before making
-  // changes, original version:
-  // https://github.com/alphagov/whitehall/blob/main/app/assets/stylesheets/frontend/helpers/_attachment.scss
   $thumbnail-width: 99px;
 
   .attachment {
     position: relative;
-    margin: govuk-spacing(6) 0;
-    padding: govuk-spacing(3) 0 0 ($thumbnail-width + govuk-spacing(6));
+    margin: 0 0 govuk-spacing(6) 0;
+    padding: 0 0 0 ($thumbnail-width + govuk-spacing(6));
     @include govuk-clearfix;
 
-    &:first-child {
-      margin-top: 0;
-      padding-top: 0;
-    }
-
     @include govuk-media-query($media-type: print) {
       padding-left: 0;
     }
@@ -64,12 +50,12 @@
 
     .attachment-details {
       h2 {
-        margin: 0;
+        margin: 0 0 govuk-spacing(2) 0;
         @include govuk-font($size: 27);
       }
 
       p {
-        margin: govuk-spacing(2) 0;
+        margin: 0 0 govuk-spacing(2) 0;
       }
 
       .metadata {

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_call-to-action.scss

@@ -9,18 +9,9 @@
 .govspeak, // Legacy class name that's still used in some content items - needs to be kept until `.govspeak` is removed from the content items.
 .gem-c-govspeak {
   .call-to-action {
-    margin: 2em 0;
+    margin: 0 0 govuk-spacing(4) 0;
     background-color: govuk-colour("light-grey");
-    padding: 2em;
-
-    &:first-child {
-      margin-top: 0;
-    }
-
-    p:last-child,
-    ul:last-child,
-    ol:last-child {
-      margin-bottom: 0;
-    }
+    padding: govuk-spacing(6);
+    padding-bottom: govuk-spacing(2);
   }
 }

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

@@ -14,8 +14,7 @@
   .contact {
     border-left: 1px solid govuk-colour("mid-grey");
     padding-left: govuk-spacing(3);
-    margin-bottom: govuk-spacing(6);
-    margin-top: govuk-spacing(6);
+    margin: 0 0 govuk-spacing(6) 0;
   }
 
   .contact {

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

@@ -9,15 +9,8 @@
 .gem-c-govspeak {
   .example {
     border-left: 10px solid govuk-colour("mid-grey");
-    padding: 1em 0 1em 1em;
-    margin: 2em 0;
-
-    // Remove margin from the last element
-    p:last-child,
-    ul:last-child,
-    ol:last-child {
-      margin-bottom: 0;
-    }
+    padding: govuk-spacing(4) 0 0.1234px govuk-spacing(4); // non-zero padding on bottom keeps margin of last element inside parent, simulating padding
+    margin: 0 0 govuk-spacing(4) 0;
 
     strong {
       display: block;

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

@@ -15,20 +15,11 @@
 .gem-c-govspeak {
   .footnotes {
     border-top: 1px solid govuk-colour("mid-grey");
-    margin-top: govuk-spacing(6);
-    padding-top: govuk-spacing(2);
+    margin: 0 0 govuk-spacing(4) 0;
+    padding-top: govuk-spacing(4);
 
     a {
       overflow-wrap: break-word;
     }
-
-    ol {
-      margin-top: 0;
-      padding-top: 0;
-
-      li p {
-        margin: 10px 0;
-      }
-    }
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_form-download.scss

@@ -1,11 +1,7 @@
 .govspeak, // Legacy class name that's still used in some content items - needs to be kept until `.govspeak` is removed from the content items.
 .gem-c-govspeak {
   .form-download {
-    padding: .25em 0;
-
-    @include govuk-media-query($until: tablet) {
-      margin: 1em 0 1.5em;
-    }
+    margin: 0 0 govuk-spacing(4) 0;
 
     p {
       padding-right: 3em;

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

@@ -10,7 +10,7 @@ $highlight-answer-color: govuk-colour("white");
     color: $highlight-answer-color;
     text-align: center;
     padding: govuk-spacing(5) govuk-spacing(2) govuk-spacing(4);
-    margin: 0 0 govuk-spacing(2);
+    margin: 0 0 govuk-spacing(4);
 
     p {
       color: $highlight-answer-color;
@@ -29,7 +29,6 @@ $highlight-answer-color: govuk-colour("white");
     }
 
     @include govuk-media-query($until: tablet) {
-      margin: 0 0 govuk-spacing(2);
       @include govuk-font($size: 48);
 
       p {

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

@@ -16,8 +16,7 @@
     width: 100%;
     clear: both;
     overflow: hidden;
-    padding: govuk-spacing(2) 0 0;
-    margin: 0;
+    margin: 0 0 govuk-spacing(4) 0;
 
     img {
       display: inline;

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_information-callout.scss

@@ -10,14 +10,7 @@
 .gem-c-govspeak {
   .info-notice {
     border-left: 10px solid govuk-colour("mid-grey");
-    padding: 1em 0 1em 1em;
-    margin: 2em 0;
-
-    // Remove margin from the last element
-    p:last-child,
-    ul:last-child,
-    ol:last-child {
-      margin-bottom: 0;
-    }
+    padding: govuk-spacing(4) 0 0.1234px govuk-spacing(4); // non-zero padding on bottom keeps margin of last element inside parent, simulating padding
+    margin: 0 0 govuk-spacing(4) 0;
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_legislative-list.scss

@@ -9,19 +9,6 @@
 .gem-c-govspeak {
   .legislative-list {
     list-style: none;
-    margin: 5px 0;
-
-    li {
-      margin: 5px 0;
-    }
-
-    p {
-      margin: 20px 0;
-    }
-
-    ol {
-      margin: govuk-spacing(2) 0 govuk-spacing(2) govuk-spacing(6);
-      list-style: none;
-    }
+    margin: 0 0 govuk-spacing(4) 0;
   }
 }

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

@@ -9,8 +9,7 @@
   position: relative;
   height: 0;
   overflow: hidden;
-  margin-top: govuk-spacing(2);
-  margin-bottom: govuk-spacing(2);
+  margin: 0 0 govuk-spacing(4) 0;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;

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

@@ -2,7 +2,7 @@
 .govspeak, // Legacy class name that's still used in some content items - needs to be kept until `.govspeak` is removed from the content items.
 .gem-c-govspeak {
   .place {
-    margin: 1.5em 0;
+    margin: 0 0 govuk-spacing(4) 0;
     border-bottom: solid 1px govuk-colour("mid-grey");
     padding-bottom: 1.5em;
 
@@ -25,10 +25,6 @@
         margin: .25em 0;
       }
     }
-
-    @include govuk-media-query($until: tablet) {
-      margin: .75em 0;
-    }
   }
 }
 // stylelint-enable max-nesting-depth

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_stat-headline.scss

@@ -8,13 +8,7 @@
 .govspeak, // Legacy class name that's still used in some content items - needs to be kept until `.govspeak` is removed from the content items.
 .gem-c-govspeak {
   .stat-headline {
-    margin-bottom: govuk-spacing(3);
-    margin-top: govuk-spacing(3);
-
-    @include govuk-media-query($from: tablet) {
-      margin-bottom: govuk-spacing(4);
-      margin-top: govuk-spacing(4);
-    }
+    margin: 0 0 govuk-spacing(4) 0;
 
     p {
       margin: 0;
@@ -23,7 +17,6 @@
 
     em {
       display: block;
-      margin: 3px 0 -5px;
       @include govuk-font($size: 80, $weight: bold);
     }
   }

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

@@ -6,7 +6,7 @@
 
     > li {
       list-style-type: none;
-      margin-left: 0;
+      margin: 0;
       padding: .75em 0 .75em 2.5em;
       position: relative;
 

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

@@ -11,7 +11,7 @@
     border-collapse: collapse;
     border-spacing: 0;
     display: block;
-    margin: govuk-spacing(6) 0;
+    margin: 0 0 govuk-spacing(6) 0;
     overflow-x: auto;
     width: 100%;
     @include govuk-font($size: 19);

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

@@ -26,7 +26,6 @@
 
     ul,
     ol {
-      margin-top: 0;
       margin-bottom: 0;
     }
   }

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss

@@ -14,8 +14,8 @@
     $icon-size: 35px;
     $icon-spacing: 10px;
 
-    margin: 2em 0;
-    padding-left: calc($icon-size + $icon-spacing);
+    padding: govuk-spacing(3) 0 0 calc($icon-size + $icon-spacing);
+    margin: 0 0 govuk-spacing(6) 0;
     position: relative;
 
     &::before {
@@ -28,11 +28,4 @@
       @include govuk-font($size: 19, $weight: bold);
     }
   }
-
-  // Prevent excessive spacing when placed in a call-to-action block
-  .call-to-action {
-    .help-notice:first-child {
-      margin-top: 0;
-    }
-  }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss

@@ -1,23 +1,24 @@
 @mixin markdown-typography {
   @include govuk-text-colour;
-
   @include govuk-font($size: 16);
 
   ol,
   ul,
   p {
-    margin-top: govuk-spacing(3);
-    margin-bottom: govuk-spacing(3);
+    margin: 0 0 govuk-spacing(4) 0;
     @include govuk-font($size: 19);
-
-    @include govuk-media-query($from: tablet) {
-      margin-top: govuk-spacing(4);
-      margin-bottom: govuk-spacing(4);
-    }
   }
 
   // Headings
 
+  // put some spacing between any element followed by a heading
+  // has to be padding on the heading otherwise margins would overlap
+
+  * + h2,
+  * + h3 {
+    padding-top: govuk-spacing(4);
+  }
+
   // Markdown is expected to be styled within a document with a H1 title
   // thus H1's are not expected and are discouraged by bare styling
 
@@ -28,45 +29,22 @@
   }
 
   h2 {
-    margin-top: govuk-spacing(6);
-    margin-bottom: govuk-spacing(4);
+    margin: 0 0 govuk-spacing(4) 0;
     @include govuk-font($size: 27, $weight: bold);
-
-    @include govuk-media-query($from: desktop) {
-      margin-top: govuk-spacing(6) * 1.5;
-    }
   }
 
   h3 {
-    margin-top: govuk-spacing(6) + 5px;
-    margin-bottom: 0;
+    margin: 0 0 govuk-spacing(4) 0;
     @include govuk-font($size: 19, $weight: bold);
   }
 
   // H4, H5 and H6 are discouraged and thus styled the same
 
   h4,
-  h5,
-  h6 {
-    margin-top: govuk-spacing(6) + 5px;
-    margin-bottom: 0;
-    @include govuk-font($size: 19, $weight: bold);
-
-    + p {
-      margin-top: 5px;
-    }
-  }
-
   h5,
   h6 {
     margin: 0;
-  }
-
-  h2:first-child,
-  h3:first-child,
-  h4:first-child,
-  p:first-child {
-    margin-top: 0;
+    @include govuk-font($size: 19, $weight: bold);
   }
 
   // Links
@@ -89,15 +67,8 @@
     // utilise the type attribute for the formatting. Browsers default to a
     // style of decimal.
     list-style-position: outside;
-    margin-left: govuk-spacing(4);
+    margin: 0 0 govuk-spacing(4) govuk-spacing(4);
     padding: 0;
-
-    ul,
-    ol {
-      margin-top: 0;
-      margin-bottom: 0;
-      padding: 0;
-    }
   }
 
   ul {
@@ -105,22 +76,11 @@
   }
 
   li {
-    margin: 0 0 5px;
+    margin: 0 0 govuk-spacing(2);
     padding: 0;
 
     p {
-      margin: 0;
-      padding: 0;
-    }
-
-    p + p,
-    p + ul,
-    p + ol,
-    ul + p,
-    ul + ol,
-    ol + p,
-    ol + ul {
-      margin-top: 5px;
+      margin: 0 0 govuk-spacing(2);
     }
   }
 

data/app/controllers/govuk_publishing_components/audit_controller.rb

@@ -17,6 +17,7 @@ module GovukPublishingComponents
         government-frontend
         govspeak
         govspeak-preview
+        govuk-chat
         govuk-developer-docs
         local-links-manager
         manuals-publisher

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

@@ -15,7 +15,8 @@
   end
   text = raw(text)
 
-  cookie_preferences_href ||= "/help/cookies"
+  absolute_links_helper = GovukPublishingComponents::Presenters::AbsoluteLinksHelper.new()
+  cookie_preferences_href ||= absolute_links_helper.make_url_absolute("/help/cookies")
   confirmation_message ||= raw(t("components.cookie_banner.confirmation_message.html",
                                 link: link_to(
                                   t("components.cookie_banner.confirmation_message.link"),

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

@@ -1,5 +1,8 @@
 <%
   add_gem_component_stylesheet("govspeak")
+  add_gem_component_stylesheet("attachment-link")
+  add_gem_component_stylesheet("attachment")
+  add_gem_component_stylesheet("details")
 
   inverse ||= false
   local_assigns[:margin_bottom] ||= 0

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

@@ -19,7 +19,6 @@
   omit_footer_border ||= false
   omit_header ||= false
   product_name ||= nil
-  show_explore_header ||= false
   show_cross_service_header ||= false
   draft_watermark ||= false
   show_search = local_assigns.include?(:show_search) ? local_assigns[:show_search] : true
@@ -102,32 +101,19 @@
       href: "#content"
     } %>
     <% unless omit_header %>
-      <% if show_explore_header %>
-        <% if homepage %>
-          <%= render "govuk_publishing_components/components/layout_for_public/layout_super_navigation_header_homepage", {
-            logo_link: logo_link,
-          } %>
-        <% else %>
-          <%= render "govuk_publishing_components/components/layout_super_navigation_header", {
-            logo_link: logo_link,
-          } %>
-        <% end %>
-      <% elsif show_cross_service_header %>
+      <% if show_cross_service_header %>
         <%= render "govuk_publishing_components/components/cross_service_header", {
           one_login_navigation_items: one_login_navigation_items,
           service_navigation_items: service_navigation_items,
           product_name: product_name,
         } %>
+      <% elsif homepage %>
+        <%= render "govuk_publishing_components/components/layout_for_public/layout_super_navigation_header_homepage", {
+          logo_link: logo_link,
+        } %>
       <% else %>
-        <%= render "govuk_publishing_components/components/layout_header", {
-          search: show_search,
+        <%= render "govuk_publishing_components/components/layout_super_navigation_header", {
           logo_link: logo_link,
-          navigation_items: navigation_items,
-          product_name: product_name,
-
-          # The (blue) bottom border needs to be underneath the emergency banner -
-          # so it has been turned off and added in manually.
-          remove_bottom_border: true,
         } %>
       <% end %>
     <% end %>

data/app/views/govuk_publishing_components/components/docs/layout_for_public.yml

@@ -52,7 +52,6 @@ examples:
     description: This allows for rendering the layout super navigation header in a different way for only the homepage.
     data:
       homepage: true
-      show_explore_header: true
   omit_footer_navigation:
     description: This allows the footer navigation to be omitted
     data:

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "53.0.0".freeze
+  VERSION = "54.0.0".freeze
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 53.0.0
+  version: 54.0.0
 platform: ruby
 authors:
 - GOV.UK Dev
 bindir: bin
 cert_chain: []
-date: 2025-02-26 00:00:00.000000000 Z
+date: 2025-03-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config