govuk_publishing_components 63.1.1 → 63.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d4f4bddddd59ab4acdd36e889516a641e771dba63fc265299ea220d6d51b2aff
-  data.tar.gz: 99a65a11c3292dfb5114513f828319b8d91b0ba9b3a532c9b009ca0a9bf06f65
+  metadata.gz: 69822fdce4a621596d707d34006154c108e1f98fceec83c42f2fb79e5a06c53a
+  data.tar.gz: 763173cb626bcde1135818f5d43998e2d8fab60e6e91b48ccfc4439d7a62361f
 SHA512:
-  metadata.gz: 83667e64ed8684f334895a638f67953de738140a133dc53f8c692b3130df1fed34c17020c8c3bd1a6dbb386f0f4ebe5592bb8b6534a97d0444a5583a42a0854f
-  data.tar.gz: a8af80d3b6e7629047e4803e4e70a0a1024fc495718014b4895eac53d738ceac829d56698eb150a29760c854d60282709d318d9c957f45cbf03ad66743d228bd
+  metadata.gz: ef764e6e4ae2bd257effc2830983fb388605ef4f1d4b0a2410b43835f67753cabbf6885fd7b65a0af14d7e22c64eb2703122f71e42fbceaf1ea8dadea120607d
+  data.tar.gz: 36d11809f4b629784cdafef3ebab1702c142657854adb31ccedc7443621fb1ad67c29c214540f7c7baa4c6351c1d09fd80b225e6583607b7e3dbc7a0493b9d78

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

@@ -5,6 +5,10 @@ $gap: govuk-spacing(1);
 .gem-c-figure {
   margin: 0;
   display: table;
+
+  &:has(img[src*=".svg"]) {
+    width: 100%;
+  }
 }
 
 .gem-c-figure__image {

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

@@ -16,6 +16,10 @@
     margin: 0 0 govuk-spacing(4) 0;
     display: table;
 
+    &:has(img[src*=".svg"]) {
+      width: 100%;
+    }
+
     img {
       max-width: 100%;
       display: table-row;

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

@@ -26,6 +26,18 @@ examples:
       src: https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/54374/s630_the_lords_chamber.jpg
       alt: An image of the lords chamber
       caption: The Lords Chamber on the 14th of August. A large number of people are in attendance, filling the seats in the lower and upper areas. Several people are wearing hats.
+  figure_with_caption_and_svg:
+    description: SVGs should behave like normal images, but will have a caption wider than the SVG if the SVG does not fill the available width (see following example for explanation).
+    data:
+      src: https://www.gov.uk/assets/frontend/govuk-crest-9f82a3631d8ac5feb4660345a2b44ca98f077b48248f2cc139a0f412355bebef.svg
+      alt: An image of the lords chamber
+      caption: The Lords Chamber on the 14th of August. A large number of people are in attendance, filling the seats in the lower and upper areas. Several people are wearing hats.
+  figure_with_caption_and_bad_svg:
+    description: This example shows an SVG containing a base64 encoded PNG image, instead of correct SVG elements. This was taken from a live GOV.UK page. We use the CSS `has` selector to ensure the containing figure has a width of 100%, otherwise it collapses to zero, making the image invisible. We can't distinguish between these kinds of SVGs, so all SVGs will have a full width caption as a consequence (see previous example).
+    data:
+      src: https://assets.publishing.service.gov.uk/media/693163e15b5198836f304041/01-fig1.svg
+      alt: An image of the lords chamber
+      caption: The Lords Chamber on the 14th of August. A large number of people are in attendance, filling the seats in the lower and upper areas. Several people are wearing hats.
   right_to_left_with_caption:
     data:
       src: https://assets.publishing.service.gov.uk/government/uploads/system/uploads/image_data/file/31637/s300_Visas_-_Website.jpg

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "63.1.1".freeze
+  VERSION = "63.1.2".freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 63.1.1
+  version: 63.1.2
 platform: ruby
 authors:
 - GOV.UK Dev