govuk_publishing_components 21.54.0 → 21.55.0

data/node_modules/govuk-frontend/govuk/components/accordion/accordion.js

@@ -876,7 +876,7 @@ Accordion.prototype.initHeaderAttributes = function ($headerWrapper, index) {
   icon.className = this.iconClass;
   icon.setAttribute('aria-hidden', 'true');
 
-  $heading.appendChild(icon);
+  $button.appendChild(icon);
 };
 
 // When section toggled, set and store state

data/node_modules/govuk-frontend/govuk/components/back-link/_back-link.scss

@@ -1,65 +1,2 @@
-@import "../../settings/all";
-@import "../../tools/all";
-@import "../../helpers/all";
-
-@include govuk-exports("govuk/component/back-link") {
-
-  .govuk-back-link {
-    @include govuk-typography-responsive($size: 16);
-    @include govuk-link-common;
-    @include govuk-link-style-text;
-
-    display: inline-block;
-    position: relative;
-
-    margin-top: govuk-spacing(3);
-    margin-bottom: govuk-spacing(3);
-
-    // Allow space for the arrow
-    padding-left: 14px;
-  }
-
-  // Only add a custom underline if the component is linkable
-  .govuk-back-link[href] {
-    // Use border-bottom rather than text-decoration so that the arrow is
-    // underlined as well.
-    border-bottom: 1px solid govuk-colour("black");
-
-    // Underline is provided by a bottom border
-    text-decoration: none;
-
-    // When the back link is focused, hide the bottom link border as the
-    // focus styles has a bottom border.
-    &:focus {
-      border-bottom-color: transparent;
-    }
-  }
-
-  // Prepend left pointing arrow
-  .govuk-back-link:before {
-    @include govuk-shape-arrow($direction: left, $base: 10px, $height: 6px);
-
-    content: "";
-
-    // Vertically align with the parent element
-    position: absolute;
-
-    top: 0;
-    bottom: 0;
-    left: 0;
-
-    margin: auto;
-  }
-
-  @if $govuk-use-legacy-font {
-    // Begin adjustments for font baseline offset
-    // These should be removed when legacy font support is dropped
-    .govuk-back-link:before {
-      $offset: 1px;
-
-      top: $offset * -1;
-      bottom: $offset;
-    }
-  }
-
-}
+@import "../../base";
+@import "./index";

data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss

@@ -0,0 +1,112 @@
+@include govuk-exports("govuk/component/back-link") {
+
+  // Size of chevron (excluding border)
+  $chevron-size: 7px;
+
+  // Size of chevron border
+  $chevron-border-width: 1px;
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  .govuk-back-link {
+    @include govuk-typography-responsive($size: 16);
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+
+    display: inline-block;
+    position: relative;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(3);
+
+    // Allow space for the arrow
+    padding-left: 14px;
+  }
+
+  // Only underline if the component is linkable
+  .govuk-back-link[href] {
+    text-decoration: underline;
+
+    // When the back link is focused, hide the bottom link border as the
+    // focus styles has a bottom border.
+    &:focus {
+      text-decoration: none;
+
+      &:before {
+        border-color: $govuk-text-colour;
+      }
+    }
+  }
+
+  // Prepend left pointing chevron
+  .govuk-back-link:before {
+    content: "";
+    display: block;
+
+    // Vertically align with the parent element
+    position: absolute;
+
+    @if $govuk-use-legacy-font {
+      // Begin adjustments for font baseline offset
+      // These should be removed when legacy font support is dropped
+      top: -1px;
+      bottom: 1px;
+
+    } @else {
+      top: 0;
+      bottom: 0;
+    }
+
+    left: 3px;
+
+    width: $chevron-size;
+    height: $chevron-size;
+
+    margin: auto 0;
+
+    -webkit-transform: rotate(225deg);
+
+        -ms-transform: rotate(225deg);
+
+            transform: rotate(225deg);
+
+    border: solid;
+    border-width: $chevron-border-width $chevron-border-width 0 0;
+    border-color: $chevron-border-colour;
+
+    // Fall back to a less than sign for IE8
+    @include govuk-if-ie8 {
+      content: "\003c"; // Less than sign (<)
+      width: auto;
+      height: auto;
+      border: 0;
+      color: $chevron-border-colour;
+
+      // IE8 doesn't seem to like rendering pseudo-elements using @font-faces,
+      // so fall back to using another sans-serif font to render the chevron.
+      font-family: Arial, sans-serif;
+    }
+  }
+
+  .govuk-back-link:after {
+    content: "";
+    position: absolute;
+    top: -14px;
+    right: 0;
+    bottom: -14px;
+    left: 0;
+  }
+
+  @if $govuk-use-legacy-font {
+    // Begin adjustments for font baseline offset
+    // These should be removed when legacy font support is dropped
+    .govuk-back-link:before {
+      $offset: 1px;
+
+      top: $offset * -1;
+      bottom: $offset;
+    }
+  }
+
+}

data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss

@@ -1,118 +1,2 @@
-@import "../../settings/all";
-@import "../../tools/all";
-@import "../../helpers/all";
-
-@include govuk-exports("govuk/component/breadcrumbs") {
-
-  // Size of chevron (excluding border)
-  $chevron-size: 7px;
-
-  // Size of chevron border
-  $chevron-border-width: 1px;
-
-  // Colour of chevron
-  $chevron-border-colour: $govuk-secondary-text-colour;
-
-  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides
-  // of length 8 (7px + 1px border):
-  //
-  // √(8² + 8²) * 0.5 ≅ 5.655
-  $chevron-altitude-calculated: 5.655px;
-
-  .govuk-breadcrumbs {
-    @include govuk-font($size: 16);
-    @include govuk-text-colour;
-
-    margin-top: govuk-spacing(3);
-    margin-bottom: govuk-spacing(2);
-  }
-
-  .govuk-breadcrumbs__list {
-    @include govuk-clearfix;
-
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-  }
-
-  .govuk-breadcrumbs__list-item {
-
-    display: inline-block;
-    position: relative;
-
-    margin-bottom: govuk-spacing(1);
-
-    // Add both margin and padding such that the chevron appears centrally
-    // between each breadcrumb item
-    margin-left: govuk-spacing(2);
-    padding-left: govuk-spacing(2) + $chevron-altitude-calculated;
-
-    float: left;
-
-    // Create a chevron using a box with borders on two sides, rotated 45deg.
-    &:before {
-      content: "";
-      display: block;
-
-      position: absolute;
-
-      @if $govuk-use-legacy-font {
-        // Begin adjustments for font baseline offset
-        // These should be removed when legacy font support is dropped
-        top: -1px;
-        bottom: 1px;
-
-      } @else {
-        top: 0;
-        bottom: 0;
-      }
-
-      // Offset by the difference between the width of the non-rotated square
-      // and its width when rotated
-      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);
-
-      width: $chevron-size;
-      height: $chevron-size;
-
-      margin: auto 0;
-
-      -webkit-transform: rotate(45deg);
-
-          -ms-transform: rotate(45deg);
-
-              transform: rotate(45deg);
-
-      border: solid;
-      border-width: $chevron-border-width $chevron-border-width 0 0;
-      border-color: $chevron-border-colour;
-
-      // Fall back to a greater than sign for IE8
-      @include govuk-if-ie8 {
-        content: "\003e"; // Greater than sign (>)
-        width: auto;
-        height: auto;
-        border: 0;
-        color: $chevron-border-colour;
-
-        // IE8 doesn't seem to like rendering pseudo-elements using @font-faces,
-        // so fall back to using another sans-serif font to render the chevron.
-        font-family: Arial, sans-serif;
-      }
-    }
-
-    &:first-child {
-      margin-left: 0;
-      padding-left: 0;
-
-      &:before {
-        content: none;
-        display: none;
-      }
-    }
-  }
-
-  .govuk-breadcrumbs__link {
-    @include govuk-link-common;
-    @include govuk-link-style-text;
-  }
-}
+@import "../../base";
+@import "./index";

data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_index.scss

@@ -0,0 +1,138 @@
+@include govuk-exports("govuk/component/breadcrumbs") {
+
+  // Size of chevron (excluding border)
+  $chevron-size: 7px;
+
+  // Size of chevron border
+  $chevron-border-width: 1px;
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides
+  // of length 8 (7px + 1px border):
+  //
+  // √(8² + 8²) * 0.5 ≅ 5.655
+  $chevron-altitude-calculated: 5.655px;
+
+  .govuk-breadcrumbs {
+    @include govuk-font($size: 16);
+    @include govuk-text-colour;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-breadcrumbs__list {
+    @include govuk-clearfix;
+
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .govuk-breadcrumbs__list-item {
+
+    display: inline-block;
+    position: relative;
+
+    margin-bottom: govuk-spacing(1);
+
+    // Add both margin and padding such that the chevron appears centrally
+    // between each breadcrumb item
+    margin-left: govuk-spacing(2);
+    padding-left: govuk-spacing(2) + $chevron-altitude-calculated;
+
+    float: left;
+
+    // Create a chevron using a box with borders on two sides, rotated 45deg.
+    &:before {
+      content: "";
+      display: block;
+
+      position: absolute;
+
+      @if $govuk-use-legacy-font {
+        // Begin adjustments for font baseline offset
+        // These should be removed when legacy font support is dropped
+        top: -1px;
+        bottom: 1px;
+
+      } @else {
+        top: 0;
+        bottom: 0;
+      }
+
+      // Offset by the difference between the width of the non-rotated square
+      // and its width when rotated
+      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);
+
+      width: $chevron-size;
+      height: $chevron-size;
+
+      margin: auto 0;
+
+      -webkit-transform: rotate(45deg);
+
+          -ms-transform: rotate(45deg);
+
+              transform: rotate(45deg);
+
+      border: solid;
+      border-width: $chevron-border-width $chevron-border-width 0 0;
+      border-color: $chevron-border-colour;
+
+      // Fall back to a greater than sign for IE8
+      @include govuk-if-ie8 {
+        content: "\003e"; // Greater than sign (>)
+        width: auto;
+        height: auto;
+        border: 0;
+        color: $chevron-border-colour;
+
+        // IE8 doesn't seem to like rendering pseudo-elements using @font-faces,
+        // so fall back to using another sans-serif font to render the chevron.
+        font-family: Arial, sans-serif;
+      }
+    }
+
+    &:first-child {
+      margin-left: 0;
+      padding-left: 0;
+
+      &:before {
+        content: none;
+        display: none;
+      }
+    }
+  }
+
+  .govuk-breadcrumbs__link {
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+  }
+
+  .govuk-breadcrumbs--collapse-on-mobile {
+    @include govuk-media-query($until: tablet) {
+      .govuk-breadcrumbs__list-item {
+        display: none;
+
+        &:first-child,
+        &:last-child {
+          display: inline-block;
+        }
+
+        &:before {
+          top: 6px;
+          margin: 0;
+        }
+      }
+
+      .govuk-breadcrumbs__list {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+      }
+    }
+  }
+}