govuk_publishing_components 66.4.2 → 66.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fd72494a66aaa74f9aaae8ad23d1f728ce1cde7af9eaad8bf7f2796e3ebacdf0
-  data.tar.gz: a698a3a427cc0443f5a1d83fe27d8794caa129c9ff02a9d2572a6b19e2a02c37
+  metadata.gz: ab8154e3861817b4b3715d2eea62bb92736ad4bd6fe842774b92aaf677252812
+  data.tar.gz: 2ba507170514ffb2c67ea8fc9bd2241c1943688d004c5ae0ce16ef2790b6b5fc
 SHA512:
-  metadata.gz: dd7c76ecfc56805e155ff091a41079d764b6f4fa9bdd4a4eaf29b9759b0773fa8b691e02c7cebd046d27de7b97bd8ab9e109e5fe6e128b3ce1a93426bdfc1200
-  data.tar.gz: 0eb74f2a10610b60e6beb6be3cda9a10b234fa1e340e7f63532f88463e481a488ebf26df6004729a86b4496738475c1f57668dd3ed58c2118373a8aced66ae71
+  metadata.gz: 3e297e668a6c2cce7746b0408d1652b6293a9c737c755c6db89b42912c872428ab74b8ede5423e8c2efc9ac1fffcbc94b29500e648696fb0ea6aa1df337bb9ca
+  data.tar.gz: 8a5df50c254dcb946ca52b0d1f0efcb7df2ae1b30abcf100f75bac2c0a1d4e3e3dbfef068ec283bcf0e7379d430c9924d6218e6800196f40c746443b6e2ab26d

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

@@ -11,28 +11,6 @@
   }
 }
 
-.govuk-breadcrumbs--collapse-on-mobile {
-  @include govuk-media-query($until: tablet) {
-    .govuk-breadcrumbs__list-item {
-      padding-top: 14px;
-      padding-bottom: 14px;
-    }
-
-    .govuk-breadcrumbs__list-item::before {
-      top: 20px;
-    }
-
-    .govuk-breadcrumbs__link::after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-      bottom: 0;
-    }
-  }
-}
-
 .gem-c-breadcrumbs[dir="rtl"] {
   text-align: start;
 

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

@@ -60,6 +60,89 @@
   }
 }
 
+.gem-c-cards--auto-layout {
+  .gem-c-cards__list {
+    container-type: inline-size;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    column-gap: 30px;
+
+    // pseudo elements form invisible elements to fill in
+    // the final row if it is incomplete, or fit below
+    &::before,
+    &::after {
+      content: "";
+      height: 0.1px;
+      opacity: 0;
+      order: 100;
+      transform: translateY(-5px);
+    }
+  }
+
+  .gem-c-cards__link {
+    &::before {
+      top: 27px;
+    }
+  }
+
+  .gem-c-cards__description {
+    max-width: none;
+    margin: 0;
+  }
+
+  .gem-c-cards__list::before,
+  .gem-c-cards__list::after,
+  .gem-c-cards__list-item {
+    box-sizing: border-box;
+    width: 100%;
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
+
+  @include govuk-media-query($from: tablet) {
+    .gem-c-cards__list::before,
+    .gem-c-cards__list::after,
+    .gem-c-cards__list-item {
+      width: 25%;
+    }
+
+    @container (width < 560px) {
+      .gem-c-cards__list::before,
+      .gem-c-cards__list::after,
+      .gem-c-cards__list-item {
+        width: 30%;
+      }
+    }
+
+    @container (width < 360px) {
+      .gem-c-cards__list::before,
+      .gem-c-cards__list::after,
+      .gem-c-cards__list-item {
+        width: 100%;
+      }
+    }
+  }
+
+  @include govuk-media-query($from: desktop) {
+    @container (width < 660px) {
+      .gem-c-cards__list::before,
+      .gem-c-cards__list::after,
+      .gem-c-cards__list-item {
+        width: 31%;
+      }
+    }
+
+    @container (width < 360px) {
+      .gem-c-cards__list::before,
+      .gem-c-cards__list::after,
+      .gem-c-cards__list-item {
+        width: 100%;
+      }
+    }
+  }
+}
+
 .gem-c-cards__list-item {
   border-top: 1px solid $govuk-border-colour;
   padding: govuk-spacing(1) 0 govuk-spacing(4) 0;

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss

@@ -553,7 +553,9 @@ $search-icon-height: 20px;
 
 // Ensure the dropdown menu background is offset from the menu height and
 // takes up the full screen width
-.govuk-frontend-supported .gem-c-layout-super-navigation-header {
+.govuk-frontend-supported .gem-c-layout-super-navigation-header__nav-wrapper {
+  position: relative;
+
   &::before {
     content: "";
     position: absolute;
@@ -565,6 +567,10 @@ $search-icon-height: 20px;
   }
 }
 
+.gem-c-phase-banner-wrapper {
+  background: govuk-colour("white");
+}
+
 // JS available - styles the links in the dropdown menu
 .gem-c-layout-super-navigation-header__dropdown-list-item {
   box-sizing: border-box;

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

@@ -12,6 +12,7 @@
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.add_class("gem-c-cards")
+  component_helper.add_class("gem-c-cards--auto-layout") if columns == "auto"
 %>
 <% if items.present? %>
   <%= tag.div(**component_helper.all_attributes) do %>

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

@@ -20,12 +20,10 @@
                                   cookie_preferences_href,
                                   class: "govuk-link",
                                 )))
-  services_cookies ||= nil
 
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.set_id(id)
   component_helper.add_class("gem-c-cookie-banner govuk-clearfix govuk-cookie-banner js-banner-wrapper")
-  component_helper.add_class("gem-c-cookie-banner--services") if services_cookies
 
   component_helper.add_data_attribute({ module: "cookie-banner", nosnippet: "" })
   component_helper.add_role("region")
@@ -54,38 +52,22 @@
       </div>
     </div>
     <div class="js-confirmation-buttons govuk-button-group">
-      <% if services_cookies %>
-        <%= render "govuk_publishing_components/components/button", {
+      <%= render "govuk_publishing_components/components/button", {
           name: "cookies",
-          text: services_cookies.dig(:yes, :text) || "Yes",
-          data_attributes: { "accept-cookies": "true" }.merge(services_cookies.dig(:yes, :data_attributes) || {}),
-        } %>
-        <%= render "govuk_publishing_components/components/button", {
+          text: t("components.cookie_banner.buttons.accept_cookies"),
+          data_attributes: {
+            "accept-cookies": "true",
+            "cookie-types": "all",
+          },
+      } %>
+      <%= render "govuk_publishing_components/components/button", {
           name: "cookies",
-          text: services_cookies.dig(:no, :text) || "No",
-          data_attributes: { "reject-cookies": "true" }.merge(services_cookies.dig(:no, :data_attributes) || {}),
-        } %>
-        <% if services_cookies[:cookie_preferences] %>
-          <%= link_to services_cookies.dig(:cookie_preferences, :text), services_cookies.dig(:cookie_preferences, :href), class: "govuk-link" %>
-        <% end %>
-      <% else %>
-        <%= render "govuk_publishing_components/components/button", {
-            name: "cookies",
-            text: t("components.cookie_banner.buttons.accept_cookies"),
-            data_attributes: {
-              "accept-cookies": "true",
-              "cookie-types": "all",
-            },
-        } %>
-        <%= render "govuk_publishing_components/components/button", {
-            name: "cookies",
-            text: t("components.cookie_banner.buttons.reject_cookies"),
-            data_attributes: {
-              "reject-cookies": "true",
-            },
-        } %>
-        <a class="govuk-link" href="<%= cookie_preferences_href %>"><%= t("components.cookie_banner.buttons.view_cookies") %></a>
-      <% end %>
+          text: t("components.cookie_banner.buttons.reject_cookies"),
+          data_attributes: {
+            "reject-cookies": "true",
+          },
+      } %>
+      <a class="govuk-link" href="<%= cookie_preferences_href %>"><%= t("components.cookie_banner.buttons.view_cookies") %></a>
     </div>
     <div hidden class="js-hide-button govuk-button-group">
       <%

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

@@ -1,6 +1,7 @@
 <%
   emergency_banner ||= nil
   global_banner ||= nil
+  phase_banner ||= nil
   html_lang ||= "en"
   homepage ||= false
   layout_helper = GovukPublishingComponents::Presenters::PublicLayoutHelper.new(local_assigns)
@@ -90,7 +91,8 @@
         <% I18n.with_locale(:en) do %>
           <%= render "govuk_publishing_components/components/layout_super_navigation_header", {
             homepage:,
-            logo_link: logo_link,
+            logo_link:,
+            phase_banner:,
           } %>
         <% end %>
       <% end %>