govuk_publishing_components 60.0.2 → 60.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 912c6faaf7a85ad5135fa59593901a10ac2a67b7af46f4d6dd7984a9437484f8
-  data.tar.gz: ba6aa16e51af611001f5b06d5f3aece0ccca3f3039178efc9b9fec41f0584051
+  metadata.gz: 8068a70f722e7c8beb993682973c5444eae07e136a31110cd9676eb5e61197bc
+  data.tar.gz: 9c605e991bb3ff2c064d708e2bf38d825a833be83e40c648e21c3ee08717d72b
 SHA512:
-  metadata.gz: bbbbff143d71a357b4925b4a23f3fbd694b878f7f1e005c95d7e82de4424ac5477fca893c0bf6d7af4134e2d817cd6d71967298186d45da09667ecff8d54a89e
-  data.tar.gz: 464ffccbe45249d0348f4d7be68386a6be5b51fc3f5716f6287cbbb5e605308d6d74e623ab8f87c04a7118ee8d6c1d34c38f5554f3e8a39e2006b71d3ca404df
+  metadata.gz: d74f9b1a8920eefdd59878c0f73baf3f899ca4ec078018dc78c5072cd037cc8cd9c597e1c2ebbac4520a55ec6efb658b5d411dfa93a017f262e62324ed88f8b9
+  data.tar.gz: 3ec0edd42d2be381b36bfe88e39a761042a0ce83e1c85814e0c2b4ef7eb602694d9ec2bab5915c3ac418aa343888a410c4d2e3a5545203cf3d68045b9b18abfc

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

@@ -30,6 +30,11 @@
       margin-left: 22px;
     }
 
+    li:target {
+      background: govuk-colour("light-grey");
+      border-bottom: solid 3px $govuk-border-colour;
+    }
+
     @include govuk-media-query($media-type: print) {
       border-top: 1px solid $govuk-text-colour;
 

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

@@ -679,16 +679,20 @@ examples:
   footnotes:
     data:
       block: |
-        <p>This is a text with a footnote<sup id="fnref:1a"><a href="#fn:1a" class="footnote">1</a></sup>.</p>
+        <p>This is a text with a footnote<sup id="fnref:1a"><a href="#fn:1a" class="footnote">1</a></sup>. This is some more text with another footnote<sup id="fnref:2a"><a href="#fn:2a" class="footnote">2</a></sup>.</p>
+        <p>This is a whole new paragraph with yet another footnote<sup id="fnref:3a"><a href="#fn:3a" class="footnote">3</a></sup>.</p>
 
         <div class="footnotes">
           <ol>
             <li id="fn:1a">
               <p>And here is the definition. <a href="#fnref:1a" class="reversefootnote">&#8617;</a></p>
             </li>
-            <li id="fn:2">
+            <li id="fn:2a">
               <a href="https://www.ons.gov.uk/peoplepopulationandcommunity/birthsdeathsandmarriages/deaths/datasets/weeklyprovisionalfiguresondeathsregisteredinenglandandwales" class="govuk-link">https://www.ons.gov.uk/peoplepopulationandcommunity/birthsdeathsandmarriages/deaths/datasets/weeklyprovisionalfiguresondeathsregisteredinenglandandwales</a>
-              <a href="#fnref:2" class="govuk-link">↩</a>
+              <a href="#fnref:2a" class="govuk-link">↩</a>
+            </li>
+            <li id="fn:3a">
+              <p>And here is another definition. <a href="#fnref:3a" class="reversefootnote">&#8617;</a></p>
             </li>
           </ol>
         </div>

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "60.0.2".freeze
+  VERSION = "60.1.0".freeze
 end

data/node_modules/govuk-frontend/dist/govuk/all.bundle.js

@@ -4,7 +4,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
 })(this, (function (exports) { 'use strict';
 
-  const version = '5.10.1';
+  const version = '5.11.1';
 
   function getFragmentFromUrl(url) {
     if (!url.includes('#')) {
@@ -13,7 +13,7 @@
     return url.split('#').pop();
   }
   function getBreakpoint(name) {
-    const property = `--govuk-frontend-breakpoint-${name}`;
+    const property = `--govuk-breakpoint-${name}`;
     const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
     return {
       property,
@@ -1936,6 +1936,7 @@
       if (!$menuButton) {
         return this;
       }
+      this.$root.classList.add('govuk-header--with-js-navigation');
       const menuId = $menuButton.getAttribute('aria-controls');
       if (!menuId) {
         throw new ElementError({