govuk_publishing_components 70.0.1 → 70.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d8ba839c9e37ab74e7b66ba8b6b32e81b9c99f1ad3b31ad8425a0c2e91e7df7f
-  data.tar.gz: 635783cf55c655079398c02c541a4aa09a7ecb67c8a8b8b1802e06f4e327806a
+  metadata.gz: d1a6d5f7de8f25961e21640cb7b451099f2c1d5cf7b885b189a6c7f1db6229dd
+  data.tar.gz: 319ae2c442a8165da752b22f7572c8efe3c14d35d9243cf6f76a4c238be8b538
 SHA512:
-  metadata.gz: aae0a87278ac959798cbfa23c6c5884c1e2edc33918d963acb45cdf8b7a3656233912a4d67b605bc0cef5e567f9471bcab96d78d6970877f8f75a03f4721a85a
-  data.tar.gz: 96f01ce33679f119d9d9d77462d762f3a9bba38413bd640b5ef46b72f70d5d274fc3435e3f586f71fa5804e7d556020d5948ae91279e535ca3caa20c9f2840a8
+  metadata.gz: 0ca7d6d4464fc5d4e604619e44f7c4e0cb8c579e12caa9c0d1b15ecc8adf712fc72677244f6253ff43dc60e36c8ddcc0a0ff3e20630d80ccf1eac771d824133e
+  data.tar.gz: 8cabc09cbdbe57bdf87a68b141a58e9a199cfc47a6ed844c296a862214392a52444bb5a1c28aab06103250caf50d27c11d0524afdaa5a424527150d513f55f23

data/app/assets/images/govuk_publishing_components/icon-notification.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 459.334 459.334"><path fill="currentColor" d="M177.216 404.514c-.001.12-.009.239-.009.359 0 30.078 24.383 54.461 54.461 54.461s54.461-24.383 54.461-54.461c0-.12-.008-.239-.009-.359H175.216zM403.549 336.438l-49.015-72.002v-89.83c0-60.581-43.144-111.079-100.381-122.459V24.485C254.152 10.963 243.19 0 229.667 0s-24.485 10.963-24.485 24.485v27.663c-57.237 11.381-100.381 61.879-100.381 122.459v89.83l-49.015 72.002a24.76 24.76 0 0 0 20.468 38.693H383.08a24.761 24.761 0 0 0 20.469-38.694z" /></svg>

data/app/assets/images/govuk_publishing_components/icon-print.svg

@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_30_240)"><path d="M7.86133 1H13.4766V7H4.49219V4.02H7.86133V1ZM4.49219 10H13.4766V17H4.49219V10ZM5.61523 12H12.3535V11H5.61523V12ZM5.61523 14H12.3535V13H5.61523V14ZM5.61523 16H12.3535V15H5.61523V16Z" fill="white"/><path d="M12.3535 16H5.61523V15H12.3535V16ZM14.5996 7H17.9688V14H14.5996V18H3.36914V14H0V7H3.36914V3H4.49219V2H5.61523V1H6.73828V0H14.5996V7ZM13.4766 10H4.49219V17H13.4766V10ZM13.4766 1H7.86133V4.02H4.49219V7H13.4766V1ZM12.3535 13H5.61523V14H12.3535V13ZM12.3535 11H5.61523V12H12.3535V11Z" fill="#0B0C0C"/></g><defs><clipPath id="clip0_30_240"><rect width="17.9688" height="18" fill="white"/></clipPath></defs></svg>

data/app/assets/javascripts/govuk_publishing_components/components/single-page-notification-button.js

@@ -37,11 +37,11 @@
             // If response returns active, user has subscribed to notifications
             if (active === true) {
               if (customText) {
-                this.$module.querySelector('.gem-c-single-page-notication-button__text').textContent = customUnsubscribeText
+                this.$module.querySelector('.gem-c-button__outline--notification').textContent = customUnsubscribeText
               }
             } else {
               if (customText) {
-                this.$module.querySelector('.gem-c-single-page-notication-button__text').textContent = customSubscribeText
+                this.$module.querySelector('.gem-c-button__outline--notification').textContent = customSubscribeText
               }
             }
           }

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

@@ -101,6 +101,42 @@
   }
 }
 
+.gem-c-button__outline {
+  $gem-c-button-icon-background-width: 18px;
+  $gem-c-button-icon-background-height: 18px;
+
+  border: 1px solid govuk-colour("black", $variant: "tint-25");
+  color: govuk-functional-colour(link);
+  cursor: pointer;
+  background: no-repeat govuk-spacing(2) 50%;
+  background-size: $gem-c-button-icon-background-width $gem-c-button-icon-background-height;
+  margin: govuk-spacing(0);
+  padding: govuk-spacing(2) govuk-spacing(2) govuk-spacing(2) (govuk-spacing(4) + $gem-c-button-icon-background-width);
+  text-decoration: none;
+  box-shadow: none;
+  @include govuk-font(16);
+
+  &:hover {
+    color: govuk-colour("black");
+    background-color: govuk-colour("black", $variant: "tint-95");
+  }
+
+  &:focus,
+  &:active {
+    background-color: govuk-functional-colour(focus);
+    border-color: transparent;
+    @include govuk-focused-text;
+  }
+}
+
+.gem-c-button__outline--print {
+  background-image: url("govuk_publishing_components/icon-print.svg");
+}
+
+.gem-c-button__outline--notification {
+  background-image: url("govuk_publishing_components/icon-notification.svg");
+}
+
 @include govuk-media-query($media-type: print) {
   .gem-c-button {
     @include govuk-font(16);

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

@@ -10,6 +10,18 @@
   }
 }
 
+.gem-c-intervention__dismiss-link-text {
+  text-decoration: underline;
+}
+
+.gem-c-intervention__dismiss-link-text:hover {
+  text-decoration-thickness: max(3px, .1875rem, .12em); // Same as .govuk-link
+}
+
+.gem-c-intervention__dismiss-link:focus .gem-c-intervention__dismiss-link-text, .gem-c-intervention__dismiss-link:hover {
+  text-decoration: none;
+}
+
 .gem-c-intervention--image {
   border-left: 0;
   display: flex;

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

@@ -14,42 +14,3 @@ $gem-c-print-link-background-height: 18px;
     display: block;
   }
 }
-
-.gem-c-print-link__link,
-.gem-c-print-link__button {
-  background: url("govuk_publishing_components/icon-print.png") no-repeat govuk-spacing(2) 50%;
-  background-size: $gem-c-print-link-background-width $gem-c-print-link-background-height;
-  padding: govuk-spacing(2) govuk-spacing(2) govuk-spacing(2) (govuk-spacing(4) + $gem-c-print-link-background-width);
-  text-decoration: none;
-
-  @include govuk-device-pixel-ratio($ratio: 2) {
-    background-image: url("govuk_publishing_components/icon-print-2x.png");
-  }
-
-  &:hover {
-    background-color: govuk-colour("black", $variant: "tint-95");
-  }
-}
-
-.gem-c-print-link__link {
-  box-shadow: inset 0 0 0 1px govuk-colour("black", $variant: "tint-25");
-
-  &:focus {
-    border: 0;
-    box-shadow: 0 $govuk-focus-width govuk-functional-colour(text);
-  }
-}
-
-.gem-c-print-link__button {
-  border: 1px solid govuk-colour("black", $variant: "tint-25");
-  color: govuk-functional-colour(link);
-  cursor: pointer;
-  margin: govuk-spacing(0);
-  @include govuk-font(16);
-
-  &:focus {
-    background-color: govuk-functional-colour(focus);
-    border-color: transparent;
-    @include govuk-focused-text;
-  }
-}

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

@@ -234,5 +234,9 @@ $search-submit-button-hover-colour: $govuk-blue-tint-95;
     top: auto;
     left: auto;
     padding-left: 0;
+    max-width: unset;
+    height: auto;
+    overflow: visible;
+    white-space: normal;
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss

@@ -1,34 +1,3 @@
-.gem-c-single-page-notification-button__submit {
-  padding: govuk-spacing(2);
-  margin: govuk-spacing(0);
-  border: 1px solid govuk-colour("black", $variant: "tint-25");
-  color: govuk-functional-colour(link);
-  cursor: pointer;
-  background: none;
-  @include govuk-font(16);
-
-  &:focus {
-    border-color: transparent;
-    @include govuk-focused-text;
-  }
-
-  &:hover {
-    background-color: govuk-colour("black", $variant: "tint-95");
-    color: govuk-functional-colour(link-hover);
-
-    &:focus {
-      color: govuk-functional-colour(text);
-      box-shadow: 0 $govuk-focus-width govuk-functional-colour(text);
-    }
-  }
-}
-
-.gem-c-single-page-notification-button__icon {
-  color: govuk-colour("black");
-  vertical-align: top;
-  margin-right: govuk-spacing(1);
-}
-
 .govuk-frontend-supported .gem-c-single-page-notification-button.js-personalisation-enhancement {
   opacity: 0;
 

data/app/assets/stylesheets/govuk_publishing_components/components/_subscription-links.scss

@@ -53,60 +53,6 @@
   }
 }
 
-.gem-c-subscription-links__item--button {
-  cursor: pointer;
-  display: none;
-  padding: govuk-spacing(2);
-  border: 1px solid $gem-quiet-button-colour;
-  background-color: $gem-secondary-button-background-colour;
-  @include govuk-font(19, $weight: bold);
-
-  .govuk-frontend-supported & {
-    display: inline-block;
-  }
-
-  &:not(.brand__color) {
-    color: govuk-functional-colour(link);
-  }
-
-  &:hover {
-    color: govuk-functional-colour(link-hover);
-  }
-
-  &:visited,
-  &:active,
-  &:focus {
-    text-decoration: none;
-  }
-
-  &:focus {
-    color: govuk-functional-colour(focus-text);
-    border: 1px solid govuk-functional-colour(focus);
-    outline: 3px solid transparent;
-  }
-
-  &:hover:not(:focus) {
-    background-color: $gem-secondary-button-hover-background-colour;
-    text-decoration: none;
-  }
-}
-
-.gem-c-subscription-links__feed-box {
-  padding: govuk-spacing(3);
-  margin-bottom: govuk-spacing(3);
-  background: govuk-colour("black", $variant: "tint-95");
-
-  .govuk-frontend-supported &.js-hidden {
-    display: none;
-  }
-}
-
-.gem-c-subscription-links__feed-hidden-description {
-  .govuk-frontend-supported & {
-    @include govuk-visually-hidden;
-  }
-}
-
 .gem-c-subscription-links__icon {
   margin-right: govuk-spacing(1);
   color: govuk-colour("black");
@@ -116,14 +62,3 @@
   transform: scale(.9);
   transform-origin: bottom left;
 }
-
-.gem-c-subscription-links--with-feed-box {
-  .gem-c-subscription-links__item--link {
-    padding: govuk-spacing(2) govuk-spacing(2) govuk-spacing(2) 0;
-    border: 1px solid transparent;
-
-    &:focus {
-      border-bottom-color: transparent;
-    }
-  }
-}

data/app/assets/stylesheets/govuk_publishing_components/components/_translation-nav.scss

@@ -1,10 +1,13 @@
 .gem-c-translation-nav {
   margin-bottom: govuk-spacing(6);
-  border-bottom: 1px solid govuk-functional-colour(border);
   color: govuk-functional-colour(text);
   @include govuk-font(16);
 }
 
+.gem-c-translation-nav--border {
+  border-bottom: 1px solid govuk-functional-colour(border);
+}
+
 .gem-c-translation-nav__list {
   list-style: none;
   margin: 0 (- govuk-spacing(2));

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

@@ -70,7 +70,7 @@
 
     <% if dismiss_text %>
       <%= tag.p class: "govuk-body govuk-!-display-none-print", data: dismiss_data_attributes do %>
-        <%= tag.a class: "govuk-link js-dismiss-link", href: dismiss_href, data: dismiss_link_data_attributes do %>
+        <%= tag.a class: "govuk-link govuk-link--no-underline gem-c-intervention__dismiss-link js-dismiss-link", href: dismiss_href, data: dismiss_link_data_attributes do %>
           <svg class="gem-c-intervention__dismiss-icon"
             width="19" height="19" viewBox="0 0 19 19"
             aria-hidden="true"
@@ -79,7 +79,7 @@
             <path d="M13.3477 5.4209L9.67383 9.09473L6 5.4209" />
             <path d="M6 13.4209L9.67383 9.74707L13.3477 13.4209" />
           </svg>
-          <%= dismiss_text %>
+          <span class="gem-c-intervention__dismiss-link-text"><%= dismiss_text %></span>
         <% end %>
       <% end %>
     <% end %>

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

@@ -9,6 +9,7 @@
 
   page_history ||= []
   page_history = Array(page_history)
+  page_history_details_ga4 ||= {}
 
   history ||= nil
   first_published ||= nil
@@ -89,6 +90,8 @@
                 title: t("components.metadata.show_all_updates", locale: :en),
                 small: true,
                 inverse: inverse,
+                ga4_attributes: page_history_details_ga4,
+                disable_ga4: disable_ga4,
               } do %>
                 <ol class="gem-c-metadata__change-history">
                   <% page_history.each do |change| %>

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

@@ -2,7 +2,7 @@
   text ||= t("components.print_link.text")
   href ||= nil
   child_data_attributes ||= {}
-  require_js ||= href.nil?
+  require_js = href.nil?
   local_assigns[:margin_bottom] ||= 3
 
   ((child_data_attributes[:module] ||= "") << " " << (require_js ? "print-link" : "button")).strip!
@@ -16,19 +16,13 @@
   component_helper.add_class("gem-c-print-link--show-without-js") unless require_js
 %>
 <%= tag.div(**component_helper.all_attributes) do %>
-  <% if require_js %>
-    <%= content_tag(:button, text, {
-        class: child_classes,
-        data: child_data_attributes,
-    }) %>
-  <% else %>
-    <%= link_to(
-      text,
-      href,
-      class: child_classes,
-      rel: "alternate",
-      data: child_data_attributes,
-      role: "button",
-    ) %>
-  <% end %>
+  <%= render "govuk_publishing_components/components/button", {
+    text: text,
+    href: href,
+    type: "button",
+    print_button: true,
+    data_attributes: child_data_attributes,
+    rel: "alternate",
+    margin_bottom: 0,
+  } %>
 <% end %>

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

@@ -18,9 +18,6 @@
   component_helper.add_class("govuk-!-display-none-print")
   component_helper.add_data_attribute({ module: ga4_data_attributes[:module] }) if ga4_data_attributes
 %>
-<% button_text = capture do %>
-  <svg class="gem-c-single-page-notification-button__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 459.334 459.334"><path fill="currentColor" d="M177.216 404.514c-.001.12-.009.239-.009.359 0 30.078 24.383 54.461 54.461 54.461s54.461-24.383 54.461-54.461c0-.12-.008-.239-.009-.359H175.216zM403.549 336.438l-49.015-72.002v-89.83c0-60.581-43.144-111.079-100.381-122.459V24.485C254.152 10.963 243.19 0 229.667 0s-24.485 10.963-24.485 24.485v27.663c-57.237 11.381-100.381 61.879-100.381 122.459v89.83l-49.015 72.002a24.76 24.76 0 0 0 20.468 38.693H383.08a24.761 24.761 0 0 0 20.469-38.694z" /></svg><span class="gem-c-single-page-notication-button__text"><%= spnb_helper.button_text %></span>
-<% end %>
 <%= tag.div(**component_helper.all_attributes) do %>
   <%= tag.form action: spnb_helper.form_action, method: "POST" do %>
     <input type="hidden" name="base_path" value="<%= spnb_helper.base_path %>">
@@ -28,12 +25,12 @@
       <input type="hidden" name="<%= spnb_helper.skip_account_param %>" value="true">
       <input type="hidden" name="link" value="<%= spnb_helper.base_path %>">
     <% end %>
-    <%= content_tag(:button, button_text, {
-      class: "gem-c-single-page-notification-button__submit",
-      type: "submit",
-      data: {
+    <%= render "govuk_publishing_components/components/button", {
+      text: spnb_helper.button_text,
+      notification_button: true,
+      data_attributes: {
         ga4_link: ga4_link_data_attributes,
       },
-    }) %>
+    } %>
   <% end %>
 <% end if spnb_helper.base_path %>

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

@@ -1,13 +1,8 @@
 <%
-  brand ||= false
-  brand_helper = GovukPublishingComponents::AppHelpers::BrandHelper.new(brand)
-
   sl_helper = GovukPublishingComponents::Presenters::SubscriptionLinksHelper.new(local_assigns)
 
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
-  component_helper.add_class("gem-c-subscription-links govuk-!-display-none-print #{brand_helper.brand_class}")
-  component_helper.add_class("gem-c-subscription-links--with-feed-box") if sl_helper.feed_link_box_value
-  component_helper.add_data_attribute({ module: "gem-toggle" }) if sl_helper.feed_link_box_value
+  component_helper.add_class("gem-c-subscription-links govuk-!-display-none-print")
 
   hide_heading ||= false
 
@@ -27,46 +22,26 @@
             </svg><%= sl_helper.email_signup_link_text %>
           <% end %>
           <%= link_to email_link_text, sl_helper.email_signup_link, {
-            class: "govuk-link gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
+            class: "govuk-link gem-c-subscription-links__item gem-c-subscription-links__item--link",
             data: sl_helper.email_signup_link_data_attributes,
             lang: email_signup_link_text_locale,
           } %>
         </li>
       <% end %>
 
-      <% if sl_helper.feed_link_box_value || sl_helper.feed_link %>
+      <% if sl_helper.feed_link %>
         <li class="gem-c-subscription-links__list-item<%= " gem-c-subscription-links__list-item--small" if local_assigns[:small_form] == true %>">
           <% feed_link_text = capture do %>
             <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" class="gem-c-subscription-links__icon" focusable="false" fill="currentColor" aria-hidden="true"><path d="M1.996 11A2 2 0 0 0 0 12.993c0 1.101.895 1.99 1.996 1.99 1.106 0 2-.889 2-1.99a2 2 0 0 0-2-1.993zM.002 5.097V7.97c1.872 0 3.632.733 4.958 2.059A6.984 6.984 0 0 1 7.015 15h2.888c0-5.461-4.443-9.903-9.9-9.903zM.006 0v2.876c6.676 0 12.11 5.44 12.11 12.124H15C15 6.731 8.273 0 .006 0z" />
             </svg><%= sl_helper.feed_link_text %>
           <% end %>
-          <%= tag.button(feed_link_text,
-            class: "govuk-link govuk-link--no-underline gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--button",
-            data: sl_helper.feed_link_data_attributes,
-            lang: feed_link_text_locale,
-          ) if sl_helper.feed_link_box_value %>
           <%= link_to(feed_link_text, sl_helper.feed_link,
-            class: "govuk-link gem-c-subscription-links__item #{brand_helper.color_class} gem-c-subscription-links__item--link",
+            class: "govuk-link gem-c-subscription-links__item gem-c-subscription-links__item--link",
             data: sl_helper.feed_link_data_attributes,
             lang: feed_link_text_locale
-          ) unless sl_helper.feed_link_box_value %>
+          ) %>
         </li>
       <% end %>
     </ul>
-
-    <% if sl_helper.feed_link_box_value %>
-      <div class="gem-c-subscription-links__feed-box js-hidden" id="<%= sl_helper.feed_box_id %>">
-        <h3 class="gem-c-subscription-links__feed-hidden-description visuallyhidden govuk-!-margin-top-0"><%= sl_helper.feed_link_text %></h3>
-        <div lang="en">
-          <%= render "govuk_publishing_components/components/input", {
-            label: {
-              text: t("components.subscription_links.feed_link_label"),
-            },
-            name: "feed-reader-box",
-            value: feed_link_box_value,
-          } %>
-        </div>
-      </div>
-    <% end %>
   <% end %>
 <% end %>

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

@@ -2,9 +2,11 @@
   brand ||= false
   brand_helper = GovukPublishingComponents::AppHelpers::BrandHelper.new(brand)
   translation_helper = GovukPublishingComponents::Presenters::TranslationNavHelper.new(local_assigns)
+  omit_border ||= false
 
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.add_class("gem-c-translation-nav govuk-!-display-none-print #{translation_helper.classes} #{brand_helper.brand_class}")
+  component_helper.add_class("gem-c-translation-nav--border") unless omit_border
   component_helper.add_aria_attribute({ label: t("common.translations") })
 %>
 <% if translation_helper.has_translations? %>

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

@@ -64,6 +64,14 @@ examples:
     data:
       text: Secondary solid button
       secondary_solid: true
+  print_button:
+    data:
+      text: Print this page
+      print_button: true
+  notification_button:
+    data:
+      text: Get emails about this page
+      notification_button: true
   destructive_button:
     data:
       text: Destructive button

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

@@ -42,6 +42,8 @@ examples:
       This will set up an expandable section on the page, with a top border, to let users toggle the display of the page history. It also includes a hidden H2 heading of 'Updates to this page'. This heading will not be included if one is passed to the component using the `title` option.
 
       This example includes an expandable 'part of' section to show both toggling elements working together in one component instance.
+
+      GA4 attributes can also be passed to the 'Show all updates' details component to override the default tracking attributes on that component using `page_history_details_ga4`.
     data:
       border_top: true
       part_of:
@@ -68,6 +70,8 @@ examples:
       - display_time: 14th October 2000
         note: Updated information on pupil premium reviews and what information schools need to publish on their websites.
         timestamp: 2000-10-14T15:42:37.000+00:00
+      page_history_details_ga4:
+        section: Footer
   extensive:
     data:
       from:

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

@@ -98,6 +98,14 @@ examples:
     data:
       label_margin_bottom: 9
       inline_label: false
+  with_long_label_text:
+    description: |
+      Demonstrates how long label text wraps across multiple lines without being clipped.
+
+      Requires `inline_label` to be false.
+    data:
+      inline_label: false
+      label_text: Search for a licence, permit, or regulation by entering keywords, document title, or reference number
   with_custom_label_class:
     description: |
       Allows adding a custom class to the label of the component.

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

@@ -32,20 +32,6 @@ examples:
       email_signup_link_text: 'Get notifications'
       feed_link: '/foreign-travel-advice/singapore.atom'
       feed_link_text: 'View feed'
-  with_copyable_feed_link:
-    description: |
-      This option changes the feed link to a toggle control, which opens a hidden element containing an input prepopulated with the value passed to the component, usually a URL to an atom feed. This uses the [form input](/component-guide/input) component.
-
-      Note that this option overrides the feed_link option, so if both are passed feed_link is ignored. Note that a value for email_signup_link can also be passed as normal.
-    data:
-      email_signup_link: '/foreign-travel-advice/singapore/email-signup'
-      feed_link_box_value: 'https://www.gov.uk/government/organisations/attorney-generals-office.atom'
-  with_number_10_branding:
-    description: Organisation [colour branding](https://github.com/alphagov/govuk_publishing_components/blob/main/docs/component_branding.md) can be added to the component as shown.
-    data:
-      brand: 'prime-ministers-office-10-downing-street'
-      email_signup_link: '/foreign-travel-advice/singapore/email-signup'
-      feed_link: '/foreign-travel-advice/singapore.atom'
   with_data_attributes_on_links:
     description: Data attributes can be passed for each link as shown.
     data:
@@ -53,9 +39,9 @@ examples:
       email_signup_link_data_attributes: {
         an_attribute: some_value
       }
-      feed_link_box_value: 'https://www.gov.uk/government/organisations/attorney-generals-office.atom'
+      feed_link: '/foreign-travel-advice/singapore.atom'
       feed_link_data_attributes: {
-        an_attribute: some_value
+        an_attribute: some_other_value
       }
   as_small_form:
     data:

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

@@ -28,6 +28,17 @@ examples:
       - locale: 'hi'
         base_path: '/hi'
         text: 'हिंदी'
+  omit_border:
+    data:
+      omit_border: true
+      translations:
+      - locale: 'en'
+        base_path: '/en'
+        text: 'English'
+        active: true
+      - locale: 'hi'
+        base_path: '/hi'
+        text: 'हिंदी'
   multiple_translations:
     data:
       translations:

data/lib/govuk_publishing_components/presenters/button_helper.rb

@@ -19,6 +19,8 @@ module GovukPublishingComponents
                   :secondary,
                   :secondary_quiet,
                   :secondary_solid,
+                  :print_button,
+                  :notification_button,
                   :destructive,
                   :name,
                   :value,
@@ -51,6 +53,8 @@ module GovukPublishingComponents
         @secondary = local_assigns[:secondary]
         @secondary_quiet = local_assigns[:secondary_quiet]
         @secondary_solid = local_assigns[:secondary_solid]
+        @print_button = local_assigns[:print_button]
+        @notification_button = local_assigns[:notification_button]
         @destructive = local_assigns[:destructive]
         @name = local_assigns[:name]
         @value = local_assigns[:value]
@@ -125,6 +129,10 @@ module GovukPublishingComponents
         css_classes << "gem-c-button--secondary-quiet" if secondary_quiet
         css_classes << "govuk-button--secondary" if secondary_solid
         css_classes << "govuk-button--warning" if destructive
+
+        css_classes = %w[gem-c-button__outline gem-c-button__outline--print] if print_button
+        css_classes = %w[gem-c-button__outline gem-c-button__outline--notification] if notification_button
+
         if margin_bottom && !info_text
           margin_class = get_margin_bottom(margin_bottom, false)
           css_classes << margin_class

data/lib/govuk_publishing_components/presenters/subscription_links_helper.rb

@@ -1,14 +1,12 @@
 module GovukPublishingComponents
   module Presenters
     class SubscriptionLinksHelper
-      attr_reader :feed_box_id, :email_signup_link, :email_signup_link_data_attributes, :feed_link_box_value
+      attr_reader :email_signup_link, :email_signup_link_data_attributes
 
       def initialize(local_assigns)
         @local_assigns = local_assigns
-        @feed_box_id = "feed-reader-#{SecureRandom.hex(2)}"
         @email_signup_link = @local_assigns[:email_signup_link]
         @email_signup_link_data_attributes = @local_assigns[:email_signup_link_data_attributes]
-        @feed_link_box_value = @local_assigns[:feed_link_box_value]
       end
 
       def email_signup_link_text
@@ -24,7 +22,7 @@ module GovukPublishingComponents
       end
 
       def component_data_is_valid?
-        email_signup_link.present? || feed_link.present? || feed_link_box_value.present?
+        email_signup_link.present? || feed_link.present?
       end
 
       def tracking_is_present?
@@ -32,16 +30,11 @@ module GovukPublishingComponents
       end
 
       def feed_link
-        return "#" if feed_link_box_value
-
         @local_assigns[:feed_link]
       end
 
       def feed_link_data_attributes
-        data = @local_assigns[:feed_link_data_attributes] || {}
-        data[:controls] = feed_box_id if feed_link_box_value
-        data[:expanded] = "false" if feed_link_box_value
-        data
+        @local_assigns[:feed_link_data_attributes] || {}
       end
     end
   end

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "70.0.1".freeze
+  VERSION = "70.2.0".freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 70.0.1
+  version: 70.2.0
 platform: ruby
 authors:
 - GOV.UK Dev
@@ -456,8 +456,8 @@ files:
 - app/assets/images/govuk_publishing_components/icon-close.svg
 - app/assets/images/govuk_publishing_components/icon-file-download.svg
 - app/assets/images/govuk_publishing_components/icon-important.svg
-- app/assets/images/govuk_publishing_components/icon-print-2x.png
-- app/assets/images/govuk_publishing_components/icon-print.png
+- app/assets/images/govuk_publishing_components/icon-notification.svg
+- app/assets/images/govuk_publishing_components/icon-print.svg
 - app/assets/images/govuk_publishing_components/icon-search.svg
 - app/assets/images/govuk_publishing_components/image-card-srcset/cop26-170.jpg
 - app/assets/images/govuk_publishing_components/image-card-srcset/cop26-240.jpg