govuk_publishing_components 27.18.0 → 27.19.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 49373bd0b9e370b948f7c91c83647ca22f7f2e112bb0d12dee4686c980f831f4
-  data.tar.gz: 4868f4234fcf242d553c90ab60f35e2354480c30f6c44f3066b5fc60079175b7
+  metadata.gz: 5fe93045cd00a9b553478260bc30d9f793d60d32ddeb91b65adbd1b2571465e1
+  data.tar.gz: f732e4835b31cc71f667fbf68db58cd413d7eaebf26871bc410a5707618f7ed8
 SHA512:
-  metadata.gz: 7e68c23966e5498ca1ae0c386d2a91703b94bac02808fbae86755ca35b12d3fdd45859a2d3eaa6f052912890296554c0478c717354bd29fb1dd5336a8a3bad5e
-  data.tar.gz: ada5d7c714155391431943c17850d379e4bc9fce3e20fa35bff736b21b60b13d92140dbd7102237f2c64b9c0a948723954e677ef5935b4d91b7bc6a4014bfbd9
+  metadata.gz: f558e8a2f476bd8c8e5282ff3bde74ec1d2c07923d953c88ca507d1efe3efb197f46748559849153c08af5295bc7f2f4c5e227b3ba3c1592f5f7d8b2705cb8e3
+  data.tar.gz: 460a222515c556721269935be2f702cec9fa2f33bf27afef7dc39dd50d22d7dce7e5db9369f4959834663e2cf176dd05a131a15bed886bdce41f252f74805243

data/app/assets/stylesheets/govuk_publishing_components/components/_contextual-sidebar.scss

@@ -1,31 +1,36 @@
 $transition-campaign-red: #ff003b;
+$covid-colour: $govuk-link-colour;
 
-.gem-c-contextual-sidebar__brexit-related-links {
+.gem-c-contextual-sidebar__related-links {
   border-top: 2px solid $govuk-brand-colour;
 }
 
-.gem-c-contextual-sidebar__brexit-heading {
+.gem-c-contextual-sidebar__heading {
   margin-top: govuk-spacing(3);
   margin-bottom: govuk-spacing(2);
+  color: $govuk-text-colour;
 }
 
-.gem-c-contextual-sidebar__brexit-cta {
+.gem-c-contextual-sidebar__text {
+  @include govuk-font(16);
+  margin-bottom: govuk-spacing(1);
+  @include govuk-media-query($from: tablet) {
+    margin-bottom: govuk-spacing(2);
+  }
+}
+
+.gem-c-contextual-sidebar__cta {
   margin-bottom: govuk-spacing(6);
   background-color: govuk-colour('light-grey', $legacy: 'grey-4');
-  border-top: 2px solid $transition-campaign-red;
   display: block;
   padding: 0 govuk-spacing(3) govuk-spacing(3);
   text-decoration: none;
+}
 
-  .gem-c-contextual-sidebar__brexit-heading {
-    color: $govuk-text-colour;
-  }
+.gem-c-contextual-sidebar__cta--brexit {
+  border-top: 2px solid $transition-campaign-red;
+}
 
-  .gem-c-contextual-sidebar__brexit-text {
-    @include govuk-font(16);
-    margin-bottom: govuk-spacing(1);
-    @include govuk-media-query($from: tablet) {
-      margin-bottom: govuk-spacing(2);
-    }
-  }
+.gem-c-contextual-sidebar__cta--covid {
+  border-top: 2px solid $covid-colour;
 }

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

@@ -45,17 +45,21 @@
   }
 
   .gem-c-image-card__image-wrapper {
-    @include govuk-grid-column($width: one-third, $at: mobile);
+    @include govuk-grid-column($width: one-half, $at: mobile);
   }
 
   .gem-c-image-card__text-wrapper {
-    @include govuk-grid-column($width: two-thirds, $at: mobile);
+    @include govuk-grid-column($width: one-half, $at: mobile);
   }
 }
 
 .gem-c-image-card__image {
   display: block;
   max-width: 100%;
+  border-top: 1px solid $govuk-border-colour;
+  border-left: none;
+  border-right: none;
+  border-bottom: none;
 }
 
 .gem-c-image-card__title {
@@ -100,7 +104,13 @@
 
 .gem-c-image-card__context,
 .gem-c-image-card__metadata {
-  @include govuk-font(14);
+  @include govuk-font($size: false);
+  font-size: 16px;
+
+  @if $govuk-typography-use-rem {
+    font-size: govuk-px-to-rem(16px);
+  }
+
   margin: 0 0 (govuk-spacing(3) / 2);
   color: govuk-colour("dark-grey", $legacy: "grey-1");
 
@@ -110,13 +120,13 @@
 }
 
 .gem-c-image-card__description {
-  @include govuk-font($size: 16);
+  @include govuk-font($size: 19);
   padding-top: (govuk-spacing(3) / 2);
   word-wrap: break-word;
 }
 
 .gem-c-image-card__list {
-  @include govuk-font($size: 16);
+  @include govuk-font($size: 19);
   position: relative;
   z-index: 2;
   padding: (govuk-spacing(3) / 2) 0 0 0;
@@ -160,7 +170,7 @@
 
 .gem-c-image-card--large {
   .gem-c-image-card__image-wrapper {
-    @include govuk-grid-column($width: two-thirds, $at: tablet);
+    @include govuk-grid-column($width: one-half, $at: tablet);
 
     margin-bottom: govuk-spacing(2);
     float: none;
@@ -175,7 +185,7 @@
   }
 
   .gem-c-image-card__text-wrapper {
-    @include govuk-grid-column($width: one-third, $at: tablet);
+    @include govuk-grid-column($width: one-half, $at: tablet);
 
     padding: 0;
     overflow: hidden;

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

@@ -34,4 +34,11 @@
       margin-left: 1em;
     }
   }
+
+  // Prevent excessive spacing when placed in a call-to-action block
+  .call-to-action {
+    .help-notice:first-child {
+      margin-top: 0;
+    }
+  }
 }

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

@@ -24,7 +24,11 @@
     } %>
   <% end %>
 
-  <% if navigation.show_brexit_cta? || navigation.show_brexit_related_links? %>
+  <% if navigation.show_brexit_cta? %>
     <%= render 'govuk_publishing_components/components/contextual_sidebar/brexit_cta', content_item: content_item %>
   <% end %>
+
+  <% if navigation.show_covid_booster_cta? %>
+    <%= render 'govuk_publishing_components/components/contextual_sidebar/covid_cta', content_item: content_item %>
+  <% end %>
 </div>

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

@@ -1,4 +1,5 @@
 <%
+  sizes ||= false
   brand ||= false
   brand_helper = GovukPublishingComponents::AppHelpers::BrandHelper.new(brand)
   card_helper = GovukPublishingComponents::Presenters::ImageCardHelper.new(local_assigns)

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

@@ -3,8 +3,10 @@
   suggestion_link_text ||= false
   suggestion_link_url ||= false
   suggestion_text ||= nil
+  hide ||= false
   new_tab ||= false
 
+
   data_attributes ||= {}
   data_attributes[:module] = 'intervention'
   suggestion_data_attributes ||= {}
@@ -34,9 +36,16 @@
 
     suggestion_link_text = intervention_helper.accessible_text
   end
+
+  section_options = {
+    class: "gem-c-intervention",
+    role: "region", aria: aria_attributes,
+    data: data_attributes,
+  }
+  section_options.merge!({ hidden: true }) if hide
 %>
 <% if suggestion_text || (suggestion_link_text && suggestion_link_url) %>
-  <%= tag.section class: "gem-c-intervention", role: "region", aria: aria_attributes, data: data_attributes do %>
+  <%= tag.section section_options do %>
     <p class="govuk-body">
       <%= tag.span suggestion_text, class: "gem-c-intervention__textwrapper" if suggestion_text %>
       <% if suggestion_link_text && suggestion_link_url %>

data/app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb

@@ -15,9 +15,9 @@
   "track-dimension-index": "29",
 } %>
 
-<%= tag.div class: "gem-c-contextual-sidebar__brexit-cta" do %>
-  <%= tag.h2 title, class: "gem-c-contextual-sidebar__brexit-heading govuk-heading-s" %>
-  <%= tag.p class: "gem-c-contextual-sidebar__brexit-text govuk-body" do %>
+<%= tag.div class: "gem-c-contextual-sidebar__cta gem-c-contextual-sidebar__cta--brexit" do %>
+  <%= tag.h2 title, class: "gem-c-contextual-sidebar__heading govuk-heading-s" %>
+  <%= tag.p class: "gem-c-contextual-sidebar__text govuk-body" do %>
     <%= link_to link_text,
       link_path,
       class: "govuk-link",

data/app/views/govuk_publishing_components/components/contextual_sidebar/_covid_cta.html.erb

@@ -0,0 +1,27 @@
+<% shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns) %>
+<%
+  title = t("components.related_navigation.covid_booster.title")
+  link_text = t("components.related_navigation.covid_booster.link_text")
+  link_path = t("components.related_navigation.covid_booster.link_path")
+  lang = shared_helper.t_locale("components.related_navigation.covid_booster.title")
+%>
+
+<% data_attributes = {
+  "module": "gem-track-click",
+  "track-category": "relatedLinkClicked",
+  "track-action": "1.0 Coronavirus",
+  "track-label": link_path,
+  "track-dimension": link_text,
+  "track-dimension-index": "29",
+} %>
+
+<%= tag.div class: "gem-c-contextual-sidebar__cta gem-c-contextual-sidebar__cta--covid" do %>
+  <%= tag.h2 title, class: "gem-c-contextual-sidebar__heading govuk-heading-s" %>
+  <%= tag.p class: "gem-c-contextual-sidebar__text govuk-body" do %>
+    <%= link_to link_text,
+      link_path,
+      class: "govuk-link",
+      data: data_attributes,
+      lang: lang %>
+  <% end %>
+<% end %>

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

@@ -11,6 +11,8 @@ body: |
 
   It must always be used [with the contextual breadcrumbs component][contextual_breadcrumbs].
 
+  The COVID CTA will displayed on all pages except for a few exemptions documented below.
+
   [preview]: /contextual-navigation
   [step-by-step]: /component-guide/step_by_step_nav
   [related_navigation]: /component-guide/related_navigation
@@ -86,69 +88,6 @@ examples:
                       - text: The Highway Code
                         href: "/guidance/the-highway-code"
                     optional: false
-  with_brexit_and_other_related_links:
-    data:
-      content_item:
-        title: "A content item"
-        links:
-          taxons:
-            - content_id: "test"
-              title: "Not Brexit"
-              phase: "live"
-              links:
-                parent_taxons:
-                  - content_id: "d6c2de5d-ef90-45d1-82d4-5f2438369eea"
-                    title: "Brexit"
-          ordered_related_items:
-          - title: Find an apprenticeship
-            base_path: /apply-apprenticeship
-          - title: Training and study at work
-            base_path: /training-study-work-your-rights
-          - title: Careers helpline for teenagers
-            base_path: /careers-helpline-for-teenagers
-          document_collections:
-          - title: Recruit an apprentice (formerly apprenticeship vacancies)
-            base_path: /government/collections/apprenticeship-vacancies
-            document_type: document_collection
-          - title: The future of jobs and skills
-            base_path: /government/collections/the-future-of-jobs-and-skills
-            document_type: document_collection
-  with_brexit_related_links_and_step_by_steps:
-    data:
-      content_item:
-        title: "A content item"
-        links:
-          taxons:
-            - content_id: "d6c2de5d-ef90-45d1-82d4-5f2438369eea"
-              title: "Brexit"
-              phase: "live"
-          part_of_step_navs:
-            - title: "Choosing a micropig or micropug: step by step"
-              base_path: "/micropigs-vs-micropugs"
-              details:
-                step_by_step_nav:
-                  title: 'Stay in the UK after it leaves the EU (''settled status''): step by step'
-                  steps:
-                  - title: Check if you need to apply to the EU Settlement Scheme
-                    contents:
-                    - type: paragraph
-                      text: 'You may need to apply to the EU Settlement Scheme to continue living
-                        in the UK. '
-                    - type: list
-                      contents:
-                      - text: Check if you need to apply
-                        href: "/settled-status-eu-citizens-families/eligibility"
-                    optional: false
-                  - title: Find out what status you’ll get
-                    contents:
-                    - type: paragraph
-                      text: You’ll get settled or pre-settled status depending on how long you’ve
-                        been living in the UK. This might affect when you choose to apply.
-                    - type: list
-                      contents:
-                      - text: Find out what you’ll get
-                        href: "/settled-status-eu-citizens-families/what-settled-and-presettled-status-means"
-                    optional: false
   with_brexit_cta:
     description: For documents tagged with certain taxons defined in `brexit_cta_taxon_allow_list` we show a custom Brexit call to action element.
     data:
@@ -172,17 +111,19 @@ examples:
             base_path: /government/collections/the-future-of-jobs-and-skills
             document_type: document_collection
           taxons:
-            - content_id: "a4038b29-b332-4f13-98b1-1c9709e216bc"
-              title: "Transport"
+            - content_id: "2f8b848d-23c8-4f42-a41a-df1f81c64d0f"
+              title: "Exporting"
               phase: "live"
-  with_brexit_cta_document_exception:
-    description: Illustrates an exception to showing the custom Brexit call to action element as defined in `brexit_cta_document_type_exceptions`.
+  with_covid_cta_taxon_exception:
+    description: The COVID Booster call to action element is not displayed on content tagged to taxons in `covid_booster_cta_taxon_exception_list`.
     data:
       content_item:
-        title: "30 creative teams awarded up to £100,000 each for Festival UK* 2022 R&D project"
-        content_id: "c3752802-f091-43a9-ba90-33568fccf391"
-        locale: "en"
+        title: "A content item"
         links:
+          taxons:
+            - content_id: ac7b8472-5d09-4679-9551-87847b0ac827
+              title: "Not Covid"
+              phase: "live"
           ordered_related_items:
           - title: Find an apprenticeship
             base_path: /apply-apprenticeship
@@ -197,17 +138,12 @@ examples:
           - title: The future of jobs and skills
             base_path: /government/collections/the-future-of-jobs-and-skills
             document_type: document_collection
-          taxons:
-            - content_id: "e2ca2f1a-0ff3-43ce-b813-16645ff27904"
-              title: "Society and culture"
-              phase: "live"
-  with_brexit_cta_taxon_exception:
-    description: Illustrates an exception to showing the custom Brexit call to action element as defined in `brexit_cta_taxon_exception_list`.
+  with_covid_cta_document_type_exception:
+    description: Illustrates an exception to showing the custom COVID Booster call to action element as defined in `covid_booster_cta_document_type_exceptions`.
     data:
       content_item:
-        title: "Local transport news story"
-        content_id: "5c82db20-7631-11e4-a3cb-005056011aef"
-        locale: "en"
+        title: "A content item"
+        document_type: smart_answer
         links:
           ordered_related_items:
           - title: Find an apprenticeship
@@ -223,11 +159,3 @@ examples:
           - title: The future of jobs and skills
             base_path: /government/collections/the-future-of-jobs-and-skills
             document_type: document_collection
-          taxons:
-            - content_id: "3b4d6319-fcef-4637-b35a-e3df76321894"
-              title: "Local transport"
-              phase: "live"
-              links:
-                parent_taxons:
-                  - content_id: "a4038b29-b332-4f13-98b1-1c9709e216bc"
-                    title: "Transport"

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

@@ -253,3 +253,32 @@ examples:
       image_alt: "some meaningful alt text please"
       heading_text: Yr hyn rydym ni'n ei wneud
       lang: cy
+  with_sizes_attribute:
+    description: |
+      `sizes` is an attribute that makes use of html's native responsive images functionality.
+
+      [Read more about responsive images](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images)
+    data:
+      href: "/not-a-page"
+      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG"
+      image_alt: "some meaningful alt text please"
+      heading_text: "News headline"
+      sizes: "(max-width: 640px) 100vw, (max-width: 1020px) 33vw, 300px"
+  with_srcset:
+    description: |
+      `srcset` is another responsive images attribute (see `sizes` section above for info on how responsive images work).
+
+      `srcset` strings typically pull from the `asset/images` directory of a repo so use this as a starting point when writing paths for your `srcset` image keys.
+
+      Note that the below example will appear to render incorrectly as we don't want to include `srcset` example images in our component guide as this will get served to frontend apps, adding weight to the user to download.
+    data:
+      href: "/not-a-page"
+      image_src: "/assets/govuk_publishing_components/image-card-srcset/afghan-image-promo.jpg"
+      image_alt: "some meaningful alt text please"
+      heading_text: "News headline"
+      srcset:
+        /assets/govuk_publishing_components/image-card-srcset/cop26.jpg: 610w
+        /assets/govuk_publishing_components/image-card-srcset/cop26-480.jpg: 480w
+        /assets/govuk_publishing_components/image-card-srcset/cop26-320.jpg: 320w
+        /assets/govuk_publishing_components/image-card-srcset/cop26-240.jpg: 240w
+        /assets/govuk_publishing_components/image-card-srcset/cop26-170.jpg: 170w

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

@@ -38,6 +38,15 @@ examples:
       suggestion_link_text: "You can now apply for a permit online."
       suggestion_link_url: "/permit"
 
+  with_hide:
+    description: |
+      This example is for when we want to hide by default and display to the user based on some logic,
+      either in the backend or with Javascript.
+    data:
+      suggestion_link_text: "You may be invited to fill in a questionnaire"
+      suggestion_link_url: "/questionnaire"
+      hide: true
+
   open_suggestion_link_in_new_tab:
     description: |
       When sending users to another online task, you don't want to completely hijack

data/config/locales/en.yml

@@ -244,6 +244,10 @@ en:
         link_path: "/brexit"
         link_text: Check what you need to do
         title: Brexit
+      covid_booster:
+        link_path: "https://www.nhs.uk/conditions/coronavirus-covid-19/coronavirus-vaccination/"
+        link_text: Book your coronavirus vaccination and booster dose on the NHS website
+        title: COVID-19 vaccinations
       world_locations: World locations
     search_box:
       input_title: Search

data/lib/govuk_publishing_components/presenters/contextual_navigation.rb

@@ -108,146 +108,22 @@ module GovukPublishingComponents
         false
       end
 
-      def show_brexit_related_links?
-        # If tagged directly to /brexit or /world/brexit
-        # Or if tagged to a taxon which has /brexit as a parent
-        # And is not the brexit hub pages
-        return false if brexit_hub_pages.include?(content_item["content_id"])
-
-        tagged_to_brexit?
-      end
-
-      def brexit_cta_document_exceptions
-        # /government/news/30-creative-teams-awarded-up-to-100000-each-for-festival-uk-2022-rd-project
-        # and answer pages that have a start button (tracked in https://docs.google.com/spreadsheets/d/1ynH8zIjvElvK-u8JLI8KOYylxTbzJsoXRqEnqrnqv_4/edit)
-        %w[
-          c3752802-f091-43a9-ba90-33568fccf391
-          e1a9ce2b-4085-4761-b70f-d125a6571de3
-          6a2bf66e-2313-4204-afd5-9940de5e1d66
-          f65b0ac7-b8cd-476b-bd5d-738268517659
-          45ad868a-2e79-4029-991b-c29559d7eb29
-          e4e9c4ec-385e-4758-93ac-388bc154815e
-          cee73f76-83f0-44e2-b657-3b51a9cbc76e
-          9a945506-60bc-44d8-a2ec-0eb2824732d6
-          6ae16c12-a554-44e2-b3e3-596375aa1b9a
-          9add4ccc-dc4c-44cf-9b69-6878c162d431
-          4f5cf1cd-efda-4c49-8292-1db1c6c3cfb0
-          73058592-dedf-4379-9a1d-d8222a796c0a
-          c9259172-5432-43a6-b710-409d463c7627
-          59ecfc6d-cb9e-49b8-b013-fc368ebdf8ed
-          9897695d-624b-4cb9-b873-f3113f0332a1
-          715f4659-b058-46ec-84c8-cc346c210778
-          c63890f9-2356-4be3-9e07-6cf4b8de7081
-          e7661ec8-b678-444e-b4d0-a221fa83a7f7
-          723f9c0a-bcdb-4d8f-952c-6df0ed468c57
-          a1c420b7-11d7-4b9c-a97e-406fb73c0200
-          c1347936-839b-4547-a570-0c315c34ee45
-          1396f68b-6ffa-47ef-a049-414e7b548e81
-          3b054acf-d0af-470e-b912-9481204d1a9a
-          317b9c08-928b-4fd2-bc8e-4c6acf287c58
-          44d6cb7a-d853-4cd8-a9cb-69eff0299d9e
-          15517245-f142-4e45-ad84-773250f7d5a2
-          6fe6644d-d037-4ea4-baf6-800dc1966ed0
-          4a63625c-a195-4b86-9562-cb6653dd26ff
-          47521233-20a8-4d02-ba31-6e1977448fd1
-          7b8ca4ac-f3a3-41b8-9555-9e244c36575b
-          be1a82d1-e53c-431a-9e7a-337ed4b2654f
-          6c445001-4e29-4853-8c14-444d7f9374ee
-          c8cf2a7c-5c13-4f3d-b1ff-6a7eb5533973
-          2422a237-f8f1-4e9f-ad51-f1d44fde9755
-          ae000c08-c74f-467b-b8a4-90f138252a5c
-          7eec7800-9c4d-4160-af53-57b5d3e02972
-          eb545b3b-111b-4c3c-890c-c9ec29b9090d
-          8d705ade-8977-480d-9080-72a19e341c2a
-          2a0dd317-0252-4c7c-8c13-b43af28406bc
-          f27e5792-a84b-4164-9890-7e86767634e8
-          b0b9a600-1fe6-4257-9e68-2be0f59ea25d
-          28fa04ea-42e1-46ad-9abc-acf132c5666d
-          64b27b8a-ae53-4034-a812-f4805cd7e3ad
-          1dd5a75f-18b4-419d-b2b6-6d4808f2c7e4
-          b21b9e34-455c-4305-b4cc-4e6b8d3f7522
-          0ab53a0d-b098-43a8-b3cc-8b3224697228
-          e3862156-ba5a-41ba-8ee6-22e5cd6a6144
-          2e8f7fae-7164-459c-898b-0c0538eee3e0
-          6087439c-26d2-4881-b345-5160e23f3b5e
-          cac78a0a-9c28-436a-a29e-8ccbe8fbc956
-          c2fd13a5-537b-4368-ac2e-6078b2c463f1
-          98f0a21d-7b67-4089-a98c-f0a0177291a2
-          06692612-8c39-464c-8aee-2aa62e6c8887
-          df943977-69cb-479d-a921-9410d603c471
-          2656eb6b-f2eb-4982-8a90-e40d03a34a4d
-          4ca8698b-4a24-45ff-baea-7633cc24b679
-          ed73581f-9bf8-48b5-bb66-935581a255e3
-          15f1c594-af1d-4f16-97cc-ad4d12017509
-        ] + brexit_hub_pages
-      end
-
-      # we don't want to show the standard Brexit sidebar nav on
-      # https://www.gov.uk/guidance/brexit-guidance-for-individuals-and-families or
-      # https://www.gov.uk/guidance/brexit-guidance-for-businesses
-      # as it might result in circular journeys
-      def brexit_hub_pages
-        %w[
-          91cd6143-69d5-4f27-99ff-a52fb0d51c78
-          6555e0bf-c270-4cf9-a0c5-d20b95fab7f1
-        ]
-      end
-
-      def brexit_cta_document_exception?
-        brexit_cta_document_exceptions.include?(content_item["content_id"])
-      end
-
-      def brexit_cta_document_type_exceptions
-        %w[
-          aaib_report
-          asylum_support_decision
-          fatality_notice
-          maib_report
-          raib_report
-          simple_smart_answer
-          smart_answer
-          transaction
-        ]
-      end
-
-      def brexit_cta_document_type_exception?
-        brexit_cta_document_type_exceptions.include?(content_item["document_type"])
-      end
-
       def brexit_cta_taxon_allow_list
-        # Entering and staying in the UK
-        # Going and being abroad
-        # Corporate information
-        # Transport
-        # Environment
-        # International
-        # Defence and armed forces
-        # Work
-        # Welfare
-        # Money
-        # Business and industry
-        # Health and social care
-        # Education > Further and higher education
-        # Education > Teaching and leadership
-        # Education > Funding and finance for students
-        # Coronavirus (COVID-19)
+        # Overseas businesses: exporting to the UK
+        # Exporting goods and services
+        # Exporting
+        # Manufacturing, wholesaling, importing and exporting medicines
+        # Importing goods and services
+        # Importing
+        # Manufacturing, wholesaling, importing and exporting medicines
         %w[
-          ba3a9702-da22-487f-86c1-8334a730e559
-          9597c30a-605a-4e36-8bc1-47e5cdae41b3
-          a544d48b-1e9e-47fb-b427-7a987c658c14
-          a4038b29-b332-4f13-98b1-1c9709e216bc
-          3cf97f69-84de-41ae-bc7b-7e2cc238fa58
-          37d0fa26-abed-4c74-8835-b3b51ae1c8b2
-          e491505c-77ae-45b2-84be-8c94b94f6a2b
-          d0f1e5a3-c8f4-4780-8678-994f19104b21
-          dded88e2-f92e-424f-b73e-6ad24a839c51
-          6acc9db4-780e-4a46-92b4-1812e3c2c48a
-          495afdb6-47be-4df1-8b38-91c8adb1eefc
-          8124ead8-8ebc-4faf-88ad-dd5cbcc92ba8
-          dd767840-363e-43ad-8835-c9ab516633de
-          ff00b8b2-dcdb-4659-93c2-291c9be354f3
-          23265b25-7ec3-4960-8517-4ff8d4d92cac
-          5b7b9532-a775-4bd2-a3aa-6ce380184b6c
+          2f8b848d-23c8-4f42-a41a-df1f81c64d0f
+          8af13fba-d969-4d87-a02e-2e71783d47be
+          efa9782b-a3d0-4ca0-9c92-3b89748175b7
+          f441e630-2bba-4bbd-8c1b-22ae61cc00c2
+          4788b4b8-2642-47ca-bfc2-bd7e8705a1da
+          d74faafc-781d-4087-8e0c-be4216180059
+          f441e630-2bba-4bbd-8c1b-22ae61cc00c2
         ]
       end
 
@@ -261,10 +137,6 @@ module GovukPublishingComponents
         false
       end
 
-      def brexit_cta_lang_allow_list?
-        %w[en cy].include?(content_item["locale"])
-      end
-
       def parent_taxon_include?(taxon, taxon_list)
         if taxon.present?
           if taxon.dig("links", "parent_taxons").to_a.any? { |taxon_item| taxon_list.include?(taxon_item["content_id"]) }
@@ -277,46 +149,46 @@ module GovukPublishingComponents
         end
       end
 
-      def brexit_cta_taxon_exception_list
-        # Entering and staying in the UK > Immigration offences
-        # Entering and staying in the UK > Inspections of border, immigration and asylum services
-        # Entering and staying in the UK > Refugees, asylum and human rights
-        # Transport > Local transport
-        # Education > Further and higher education > Education in prisons
+      def show_brexit_cta?
+        brexit_cta_taxon_allow_list?
+      end
+
+      def show_covid_booster_cta?
+        !covid_booster_cta_document_type_exempt? &&
+          !covid_booster_cta_taxon_exception_list?
+      end
+
+      def covid_booster_cta_document_type_exempt?
+        covid_booster_cta_document_type_exceptions.include?(content_item["document_type"])
+      end
+
+      def covid_booster_cta_document_type_exceptions
         %w[
-          fa13521f-9285-45b0-bd65-4a472a8037e7
-          0fab9131-f877-4286-b4d8-922fbfb402b6
-          08a8a69f-2825-4fe2-a4cf-c83458a5629e
-          3b4d6319-fcef-4637-b35a-e3df76321894
-          6426d1c5-93c8-4659-85d5-1f0d3368a124
+          simple_smart_answer
+          smart_answer
+          step_by_step_nav
         ]
       end
 
-      def brexit_cta_taxon_exception_list?
+      def covid_booster_cta_taxon_exception_list?
         taxons = content_item.dig("links", "taxons").to_a
         taxons.each do |taxon|
-          if brexit_cta_taxon_exception_list.include?(taxon["content_id"]) || parent_taxon_include?(taxon, brexit_cta_taxon_exception_list)
+          if covid_booster_cta_taxon_exception_list.include?(taxon["content_id"]) || parent_taxon_include?(taxon, covid_booster_cta_taxon_exception_list)
             return true
           end
         end
         false
       end
 
-      def brexit_cta_exception?
-        brexit_cta_document_exception? ||
-          brexit_cta_document_type_exception? ||
-          brexit_cta_taxon_exception_list?
-      end
-
-      def show_brexit_cta?
-        brexit_cta_taxon_allow_list? &&
-          brexit_cta_lang_allow_list? &&
-          step_by_step_count.zero? &&
-          !brexit_cta_exception?
-      end
-
-      def step_by_step_count
-        step_nav_helper.step_navs.count
+      def covid_booster_cta_taxon_exception_list
+        # Welfare > Death and benefits
+        # Life circumstances > Death and bereavement
+        # Life circumstances > Death registration disclosure
+        %w[
+          ac7b8472-5d09-4679-9551-87847b0ac827
+          0fffa994-b76d-4539-8bf9-2a6c6751580d
+          de978199-11e8-49b9-965e-4fa6a7ae79a8
+        ]
       end
 
       def content_tagged_to_current_step_by_step?

data/lib/govuk_publishing_components/presenters/image_card_helper.rb

@@ -13,6 +13,9 @@ module GovukPublishingComponents
         @image_src = local_assigns[:image_src]
         @image_alt = local_assigns[:image_alt] || ""
         @image_loading = local_assigns[:image_loading] || "auto"
+        @srcset = local_assigns[:srcset] || nil
+        @sizes = local_assigns[:sizes] || nil
+        @image_loading = local_assigns[:image_loading] || "auto"
         @context = local_assigns[:context]
         @description = local_assigns[:description]
         @large = local_assigns[:large]
@@ -36,7 +39,14 @@ module GovukPublishingComponents
       def image
         if @image_src
           content_tag(:figure, class: "gem-c-image-card__image-wrapper") do
-            image_tag(@image_src, class: "gem-c-image-card__image", alt: @image_alt, loading: @image_loading)
+            image_tag(
+              @image_src,
+              class: "gem-c-image-card__image",
+              alt: @image_alt,
+              loading: @image_loading,
+              sizes: @sizes,
+              srcset: @srcset,
+            )
           end
         end
       end

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "27.18.0".freeze
+  VERSION = "27.19.0".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 27.18.0
+  version: 27.19.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-12-15 00:00:00.000000000 Z
+date: 2021-12-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -452,6 +452,11 @@ files:
 - 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/image-card-srcset/cop26-170.jpg
+- app/assets/images/govuk_publishing_components/image-card-srcset/cop26-240.jpg
+- app/assets/images/govuk_publishing_components/image-card-srcset/cop26-320.jpg
+- app/assets/images/govuk_publishing_components/image-card-srcset/cop26-480.jpg
+- app/assets/images/govuk_publishing_components/image-card-srcset/cop26.jpg
 - app/assets/images/govuk_publishing_components/search-button.png
 - app/assets/images/govuk_publishing_components/take-action-amber.svg
 - app/assets/images/govuk_publishing_components/take-action-green.svg
@@ -758,6 +763,7 @@ files:
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_generic.html.erb
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_spreadsheet.html.erb
 - app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb
+- app/views/govuk_publishing_components/components/contextual_sidebar/_covid_cta.html.erb
 - app/views/govuk_publishing_components/components/docs/accordion.yml
 - app/views/govuk_publishing_components/components/docs/action_link.yml
 - app/views/govuk_publishing_components/components/docs/admin_analytics.yml