dxw_govuk_frontend_rails 3.8.0 → 3.9.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 24366e1d10fcdffc7d4ce6ab81b1af6bc53a01971488e7dc4d1e3dc82b3edf3c
-  data.tar.gz: 9ef221edb271314433d1944067443cb2500536c98cf89e84e672ffd56c5ccc05
+  metadata.gz: 32963462555eea031d11a2c85e7d59aff6534434c5430e522a1468c591d1aa8d
+  data.tar.gz: 636e39bce62acc9c6106a2f2156865d26f53bda67e68c7d50e3e5352f0e3bfae
 SHA512:
-  metadata.gz: 5fb712c7e9a7b679f9727b49d57eefe2ca24c0e2b01b0216999ef20ff4ca5c476a63be78d803ff4651b330d5361a4bd13d342dc44118a667cd41b86c1fd44dee
-  data.tar.gz: 3c0f0d0f3d3dd1182d366a2a547345a63ea13ba90d44a7fa0e914201954c7547aafeff04119f64dcdb1db39c9002d922161df2758f5fc1f05a5290ce45312cc4
+  metadata.gz: 4e5169826e7097a3939119f86b73050355f2330f2e3befa2c9146273a51f01a9ee40d521626f6a372d001590e55e26cafeb2ea8c9c1fd787ff5078c0b52b5725
+  data.tar.gz: 3fec0b62d356b58d8cf364d3ebd9d618c092e352fc8cbb6813d047413579a8ec08f36471b46506c6c38c3642d4988dd65b3548c2ec2f0eccd03f045381e65f51

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    dxw_govuk_frontend_rails (3.8.0)
+    dxw_govuk_frontend_rails (3.9.1)
 
 GEM
   remote: https://rubygems.org/

data/lib/dxw_govuk_frontend_rails/version.rb

@@ -1,3 +1,3 @@
 module DxwGovukFrontendRails
-  VERSION = "3.8.0"
+  VERSION = "3.9.1"
 end

data/package-lock.json

@@ -5,9 +5,9 @@
   "requires": true,
   "dependencies": {
     "govuk-frontend": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.8.0.tgz",
-      "integrity": "sha512-+vgXzFsh7wpLRGjFSDvDcA2zNA2wOxT6gGs/KUpkTjF1Uop9BerW/1W/YB1BMpeTEJoPlmrkA19+DS1fqJtL9Q=="
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.9.1.tgz",
+      "integrity": "sha512-ouOoDUj0QwDA4uCHIBkGCFMpORuTRcSuDscOrz7V1PBcOecntLglxJAZAuNm+j2sPo7anoScHU0ZSeE2QIoeAg=="
     }
   }
 }

data/package.json

@@ -21,6 +21,6 @@
   },
   "homepage": "https://github.com/mec/dxw_govuk_frontend_rails#readme",
   "dependencies": {
-    "govuk-frontend": "3.8.0"
+    "govuk-frontend": "3.9.1"
   }
 }

data/vendor/assets/javascripts/govuk_frontend_rails.js

@@ -1961,55 +1961,49 @@ ErrorSummary.prototype.getAssociatedLegendOrLabel = function ($input) {
 
 function Header ($module) {
   this.$module = $module;
+  this.$menuButton = $module && $module.querySelector('.govuk-js-header-toggle');
+  this.$menu = this.$menuButton && $module.querySelector(
+    '#' + this.$menuButton.getAttribute('aria-controls')
+  );
 }
 
+/**
+ * Initialise header
+ *
+ * Check for the presence of the header, menu and menu button – if any are
+ * missing then there's nothing to do so return early.
+ */
 Header.prototype.init = function () {
-  // Check for module
-  var $module = this.$module;
-  if (!$module) {
+  if (!this.$module || !this.$menuButton || !this.$menu) {
     return
   }
 
-  // Check for button
-  var $toggleButton = $module.querySelector('.govuk-js-header-toggle');
-  if (!$toggleButton) {
-    return
-  }
-
-  // Handle $toggleButton click events
-  $toggleButton.addEventListener('click', this.handleClick.bind(this));
+  this.syncState(this.$menu.classList.contains('govuk-header__navigation--open'));
+  this.$menuButton.addEventListener('click', this.handleMenuButtonClick.bind(this));
 };
 
 /**
-* Toggle class
-* @param {object} node element
-* @param {string} className to toggle
-*/
-Header.prototype.toggleClass = function (node, className) {
-  if (node.className.indexOf(className) > 0) {
-    node.className = node.className.replace(' ' + className, '');
-  } else {
-    node.className += ' ' + className;
-  }
+ * Sync menu state
+ *
+ * Sync the menu button class and the accessible state of the menu and the menu
+ * button with the visible state of the menu
+ *
+ * @param {boolean} isVisible Whether the menu is currently visible
+ */
+Header.prototype.syncState = function (isVisible) {
+  this.$menuButton.classList.toggle('govuk-header__menu-button--open', isVisible);
+  this.$menuButton.setAttribute('aria-expanded', isVisible);
 };
 
 /**
-* An event handler for click event on $toggleButton
-* @param {object} event event
-*/
-Header.prototype.handleClick = function (event) {
-  var $module = this.$module;
-  var $toggleButton = event.target || event.srcElement;
-  var $target = $module.querySelector('#' + $toggleButton.getAttribute('aria-controls'));
-
-  // If a button with aria-controls, handle click
-  if ($toggleButton && $target) {
-    this.toggleClass($target, 'govuk-header__navigation--open');
-    this.toggleClass($toggleButton, 'govuk-header__menu-button--open');
-
-    $toggleButton.setAttribute('aria-expanded', $toggleButton.getAttribute('aria-expanded') !== 'true');
-    $target.setAttribute('aria-hidden', $target.getAttribute('aria-hidden') === 'false');
-  }
+ * Handle menu button click
+ *
+ * When the menu button is clicked, change the visibility of the menu and then
+ * sync the accessibility state and menu button state
+ */
+Header.prototype.handleMenuButtonClick = function () {
+  var isVisible = this.$menu.classList.toggle('govuk-header__navigation--open');
+  this.syncState(isVisible);
 };
 
 function Radios ($module) {

data/vendor/assets/stylesheets/components/accordion/_index.scss

@@ -47,7 +47,6 @@
 
   // JavaScript enabled
   .js-enabled {
-
     .govuk-accordion {
       // Border at the bottom of the whole accordion
       border-bottom: 1px solid $govuk-border-colour;

data/vendor/assets/stylesheets/components/back-link/_index.scss

@@ -52,7 +52,6 @@
       // These should be removed when legacy font support is dropped
       top: -1px;
       bottom: 1px;
-
     } @else {
       top: 0;
       bottom: 0;
@@ -108,5 +107,4 @@
       bottom: $offset;
     }
   }
-
 }

data/vendor/assets/stylesheets/components/breadcrumbs/_index.scss

@@ -57,7 +57,6 @@
         // These should be removed when legacy font support is dropped
         top: -1px;
         bottom: 1px;
-
       } @else {
         top: 0;
         bottom: 0;

data/vendor/assets/stylesheets/components/button/_index.scss

@@ -1,5 +1,5 @@
 @include govuk-exports("govuk/component/button") {
-  $govuk-button-colour: govuk-colour("green", $legacy: #00823b); // sass-lint:disable no-color-literals
+  $govuk-button-colour: govuk-colour("green", $legacy: #00823b);
   $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);
   $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);
   $govuk-button-text-colour: govuk-colour("white");
@@ -117,7 +117,7 @@
 
     // Use a pseudo element to expand the click target area to include the
     // button's shadow as well, in case users try to click it.
-    &::before {
+    &:before {
       content: "";
       display: block;
 
@@ -141,7 +141,7 @@
     // the click event is still fired.
     //
     // 🎉
-    &:active::before {
+    &:active:before {
       top: -($govuk-border-width-form-element + $button-shadow-size);
     }
   }

data/vendor/assets/stylesheets/components/character-count/_index.scss

@@ -11,10 +11,6 @@
     .govuk-textarea {
       margin-bottom: govuk-spacing(1);
     }
-
-    .govuk-textarea--error {
-      padding: govuk-spacing(1) - 2; // Stop a "jump" when width of border changes
-    }
   }
 
   .govuk-character-count__message {

data/vendor/assets/stylesheets/components/checkboxes/_index.scss

@@ -74,7 +74,7 @@
   }
 
   // [ ] Check box
-  .govuk-checkboxes__label::before {
+  .govuk-checkboxes__label:before {
     content: "";
     box-sizing: border-box;
     position: absolute;
@@ -90,7 +90,7 @@
   //
   // The check mark is a box with a border on the left and bottom side (└──),
   // rotated 45 degrees
-  .govuk-checkboxes__label::after {
+  .govuk-checkboxes__label:after {
     content: "";
     box-sizing: border-box;
 
@@ -123,13 +123,13 @@
   }
 
   // Focused state
-  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+  .govuk-checkboxes__input:focus + .govuk-checkboxes__label:before {
     border-width: 4px;
     box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
   }
 
   // Selected state
-  .govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {
+  .govuk-checkboxes__input:checked + .govuk-checkboxes__label:after {
     opacity: 1;
   }
 
@@ -227,7 +227,7 @@
     //
     // Reduce the size of the check box [1], vertically center it within the
     // touch target [2]
-    .govuk-checkboxes__label::before {
+    .govuk-checkboxes__label:before {
       top: $input-offset - $govuk-border-width-form-element; // 2
       width: $govuk-small-checkboxes-size; // 1
       height: $govuk-small-checkboxes-size; // 1
@@ -236,7 +236,7 @@
     // ✔ Check mark
     //
     // Reduce the size of the check mark and re-align within the checkbox
-    .govuk-checkboxes__label::after {
+    .govuk-checkboxes__label:after {
       top: 15px;
       left: 6px;
       width: 12px;
@@ -271,7 +271,7 @@
     // is so much larger than their visible size, and so we need to provide
     // feedback to the user as to which checkbox they will select when their
     // cursor is outside of the visible area.
-    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label:before {
       box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
     }
 
@@ -280,10 +280,10 @@
     //
     // We use two box shadows, one that restores the original focus state [1]
     // and another that then applies the hover state [2].
-    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
-      // sass-lint:disable indentation
-      box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour, // 1
-                  0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label:before {
+      box-shadow:
+        0 0 0 $govuk-focus-width $govuk-focus-colour, // 1
+        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
     }
 
     // For devices that explicitly don't support hover, don't provide a hover
@@ -293,11 +293,11 @@
     // state in browsers that don't support `@media (hover)` (like Internet
     // Explorer) – so we have to 'undo' the hover state instead.
     @media (hover: none), (pointer: coarse) {
-      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label:before {
         box-shadow: initial;
       }
 
-      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label:before {
         box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
       }
     }

data/vendor/assets/stylesheets/components/details/_index.scss

@@ -1,5 +1,4 @@
 @include govuk-exports("govuk/component/details") {
-
   .govuk-details {
     @include govuk-font($size: 19);
     @include govuk-text-colour;

data/vendor/assets/stylesheets/components/error-summary/_index.scss

@@ -1,7 +1,6 @@
 @import "../../core/lists";
 
 @include govuk-exports("govuk/component/error-summary") {
-
   .govuk-error-summary {
     @include govuk-text-colour;
     @include govuk-responsive-padding(4);
@@ -51,5 +50,4 @@
       @include govuk-focused-text;
     }
   }
-
 }

data/vendor/assets/stylesheets/components/fieldset/_index.scss

@@ -11,7 +11,7 @@
   // https://bugzilla.mozilla.org/show_bug.cgi?id=504622
   @supports not (caret-color: auto) {
     .govuk-fieldset,
-    x:-moz-any-link {
+    x:-moz-any-link { // stylelint-disable-line selector-type-no-unknown
       display: table-cell;
     }
   }

data/vendor/assets/stylesheets/components/footer/_index.scss

@@ -10,7 +10,6 @@
   $govuk-footer-link-hover: false;
 
   @if ($govuk-use-legacy-palette) {
-    // sass-lint:disable no-color-literals
     $govuk-footer-border-top: #a1acb2;
     $govuk-footer-border: govuk-colour("grey-2");
     $govuk-footer-text: #454a4c;

data/vendor/assets/stylesheets/components/header/_index.scss

@@ -15,7 +15,6 @@
     border-bottom: govuk-spacing(2) solid govuk-colour("white");
     color: $govuk-header-text;
     background: $govuk-header-background;
-
   }
 
   .govuk-header__container--full-width {
@@ -168,7 +167,7 @@
       @include govuk-focused-text;
     }
 
-    &::after {
+    &:after {
       @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);
       content: "";
       margin-left: govuk-spacing(1);
@@ -180,7 +179,7 @@
   }
 
   .govuk-header__menu-button--open {
-    &::after {
+    &:after {
       @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);
     }
   }
@@ -213,7 +212,6 @@
     }
   }
 
-
   .govuk-header__navigation--end {
     @include govuk-media-query ($from: desktop) {
       margin: 0;
@@ -308,5 +306,4 @@
     }
     // End adjustments
   }
-
 }

data/vendor/assets/stylesheets/components/hint/_index.scss

@@ -38,8 +38,6 @@
   }
 
   // Reduces visual spacing of legend when there is a hint
-
-  .govuk-fieldset__legend + .govuk-hint,
   .govuk-fieldset__legend + .govuk-hint {
     margin-top: -(govuk-spacing(1));
   }

data/vendor/assets/stylesheets/components/input/_index.scss

@@ -93,4 +93,95 @@
     max-width: 5.4ex;
   }
 
+  .govuk-input__wrapper {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+
+    .govuk-input {
+      -webkit-box-flex: 0;
+          -ms-flex: 0 1 auto;
+              flex: 0 1 auto;
+    }
+
+    .govuk-input:focus {
+      // Hack to stop focus style being overlapped by the suffix
+      z-index: 1;
+    }
+
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+
+      .govuk-input {
+        // Set max-width to override potential width override class on the input
+        max-width: 100%;
+      }
+    }
+  }
+
+  .govuk-input__prefix,
+  .govuk-input__suffix {
+    @include govuk-font($size: 19);
+
+    box-sizing: border-box;
+    display: inline-block;
+    min-width: 40px;
+    @if $govuk-typography-use-rem {
+      min-width: govuk-px-to-rem(40px);
+    }
+    height: 40px;
+    @if $govuk-typography-use-rem {
+      height: govuk-px-to-rem(40px);
+    }
+
+    padding: govuk-spacing(1);
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    background-color: govuk-colour("light-grey", $legacy: "grey-3");
+
+    text-align: center;
+    @include govuk-media-query($until: tablet) {
+      line-height: 1.6;
+    }
+    white-space: nowrap;
+
+    // Emphasise non-editable status of prefixes and suffixes
+    cursor: default;
+
+    -webkit-box-flex: 0;
+
+        -ms-flex: 0 0 auto;
+
+            flex: 0 0 auto;
+
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+      height: 100%;
+      white-space: normal;
+    }
+  }
+
+  .govuk-input__prefix {
+    @include govuk-media-query($until: mobile) {
+      border-bottom: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      @include govuk-not-ie8 {
+        border-right: 0;
+      }
+    }
+  }
+
+  // Split prefix/suffix onto separate lines on narrow screens
+  .govuk-input__suffix {
+    @include govuk-media-query($until: mobile) {
+      border-top: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      @include govuk-not-ie8 {
+        border-left: 0;
+      }
+    }
+  }
 }

data/vendor/assets/stylesheets/components/panel/_index.scss

@@ -1,5 +1,4 @@
 @include govuk-exports("govuk/component/panel") {
-
   .govuk-panel {
     @include govuk-font($size: 19);
 
@@ -20,6 +19,12 @@
   .govuk-panel--confirmation {
     color: govuk-colour("white");
     background: govuk-colour("green", $legacy: "turquoise");
+
+    @include govuk-media-query($media-type: print) {
+      border-color: currentColor;
+      color: $govuk-print-text-colour;
+      background: none;
+    }
   }
 
   .govuk-panel__title {
@@ -36,5 +41,4 @@
   .govuk-panel__body {
     @include govuk-font($size: 36);
   }
-
 }

data/vendor/assets/stylesheets/components/radios/_index.scss

@@ -77,7 +77,7 @@
   }
 
   // ( ) Radio ring
-  .govuk-radios__label::before {
+  .govuk-radios__label:before {
     content: "";
     box-sizing: border-box;
     position: absolute;
@@ -96,7 +96,7 @@
   //
   // We create the 'button' entirely out of 'border' so that they remain
   // 'filled' even when colours are overridden in the browser.
-  .govuk-radios__label::after {
+  .govuk-radios__label:after {
     content: "";
 
     position: absolute;
@@ -119,13 +119,13 @@
   }
 
   // Focused state
-  .govuk-radios__input:focus + .govuk-radios__label::before {
+  .govuk-radios__input:focus + .govuk-radios__label:before {
     border-width: 4px;
     box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
   }
 
   // Selected state
-  .govuk-radios__input:checked + .govuk-radios__label::after {
+  .govuk-radios__input:checked + .govuk-radios__label:after {
     opacity: 1;
   }
 
@@ -260,7 +260,7 @@
     //
     // Reduce the size of the control [1], vertically centering it within the
     // touch target [2]
-    .govuk-radios__label::before {
+    .govuk-radios__label:before {
       top: $input-offset - $govuk-border-width-form-element; // 2
       width: $govuk-small-radios-size; // 1
       height: $govuk-small-radios-size; // 1
@@ -269,7 +269,7 @@
     //  •  Radio button
     //
     // Reduce the size of the 'button' and center it within the ring
-    .govuk-radios__label::after {
+    .govuk-radios__label:after {
       top: 15px;
       left: 7px;
       border-width: 5px;
@@ -308,7 +308,7 @@
     // is so much larger than their visible size, and so we need to provide
     // feedback to the user as to which radio they will select when their
     // cursor is outside of the visible area.
-    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {
       box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
     }
 
@@ -317,10 +317,10 @@
     //
     // We use two box shadows, one that restores the original focus state [1]
     // and another that then applies the hover state [2].
-    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
-      // sass-lint:disable indentation
-      box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1
-                  0 0 0 $govuk-hover-width        $govuk-hover-colour; // 2
+    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {
+      box-shadow:
+        0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1
+        0 0 0 $govuk-hover-width        $govuk-hover-colour; // 2
     }
 
     // For devices that explicitly don't support hover, don't provide a hover
@@ -330,11 +330,11 @@
     // state in browsers that don't support `@media (hover)` (like Internet
     // Explorer) – so we have to 'undo' the hover state instead.
     @media (hover: none), (pointer: coarse) {
-      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {
         box-shadow: initial;
       }
 
-      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {
         box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
       }
     }

data/vendor/assets/stylesheets/components/select/_index.scss

@@ -46,5 +46,4 @@
       border-color: $govuk-input-border-colour;
     }
   }
-
 }

data/vendor/assets/stylesheets/components/summary-list/_index.scss

@@ -1,5 +1,4 @@
 @include govuk-exports("govuk/component/summary-list") {
-
   .govuk-summary-list {
     @include govuk-font($size: 19);
     @include govuk-text-colour;
@@ -29,15 +28,8 @@
 
     @include govuk-media-query($from: tablet) {
       display: table-cell;
-      padding-right: govuk-spacing(4);
-    }
-  }
-
-  .govuk-summary-list__key,
-  .govuk-summary-list__value,
-  .govuk-summary-list__actions {
-    @include govuk-media-query($from: tablet) {
       padding-top: govuk-spacing(2);
+      padding-right: govuk-spacing(4);
       padding-bottom: govuk-spacing(2);
       border-bottom: 1px solid $govuk-border-colour;
     }
@@ -99,7 +91,7 @@
 
   .govuk-summary-list__actions-list-item {
     display: inline;
-    margin-right:  govuk-spacing(2);
+    margin-right: govuk-spacing(2);
     padding-right: govuk-spacing(2);
   }
 

data/vendor/assets/stylesheets/components/tabs/_index.scss

@@ -1,5 +1,4 @@
 @include govuk-exports("govuk/component/tabs") {
-
   .govuk-tabs {
     @include govuk-responsive-margin(1, "top");
     @include govuk-responsive-margin(6, "bottom");
@@ -22,7 +21,7 @@
     @include govuk-font($size: 19);
     margin-left: govuk-spacing(5);
 
-    &::before {
+    &:before {
       @include govuk-text-colour;
       content: "\2014 "; // "— "
       margin-left: - govuk-spacing(5);
@@ -51,7 +50,6 @@
   .js-enabled {
 
     @include govuk-media-query($from: tablet) {
-
       .govuk-tabs__list {
         @include govuk-clearfix;
         margin-bottom: 0;
@@ -74,7 +72,7 @@
         background-color: govuk-colour("light-grey", $legacy: "grey-4");
         text-align: center;
 
-        &::before {
+        &:before {
           content: none;
         }
       }
@@ -108,7 +106,7 @@
 
         margin-bottom: 0;
 
-        &::after {
+        &:after {
           content: "";
           position: absolute;
           top: 0;
@@ -133,6 +131,5 @@
         display: none;
       }
     }
-
   }
 }

data/vendor/assets/stylesheets/components/tag/_index.scss

@@ -83,5 +83,4 @@
     color: govuk-shade(govuk-colour("green"), 20);
     background: govuk-tint(govuk-colour("green"), 80);
   }
-
 }

data/vendor/assets/stylesheets/components/textarea/_index.scss

@@ -43,6 +43,5 @@
     &:focus {
       border-color: $govuk-input-border-colour;
     }
-
   }
 }

data/vendor/assets/stylesheets/components/warning-text/_index.scss

@@ -1,5 +1,4 @@
 @include govuk-exports("govuk/component/warning-text") {
-
   .govuk-warning-text {
     position: relative;
     @include govuk-responsive-margin(6, "bottom");

data/vendor/assets/stylesheets/helpers/_device-pixels.scss

@@ -28,10 +28,10 @@
 /// @access public
 
 @mixin govuk-device-pixel-ratio($ratio: 2) {
+  // stylelint-disable indentation
   @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
-    only screen and (     min-device-pixel-ratio: $ratio),
-    only screen and (             min-resolution: #{($ratio*96)}dpi),
-    only screen and (             min-resolution: #{$ratio}dppx) {
+    only screen and (min-resolution: #{($ratio * 96)}dpi),
+    only screen and (min-resolution: #{$ratio}dppx) {
       @content;
     }
 }

data/vendor/assets/stylesheets/helpers/_font-faces.scss

@@ -2,9 +2,6 @@
 /// @group helpers
 ////
 
-// Disables linting for this file only
-// sass-lint:disable no-css-comments, no-duplicate-properties, property-sort-order, indentation
-
 @import "../tools/exports";
 
 /// Font Face - GDS Transport
@@ -18,23 +15,24 @@
   @include govuk-not-ie8 { // In IE8, which cannot render WOFF format, we fall back to system fonts
     @include govuk-exports("govuk/helpers/font-faces") {
       @at-root {
-        /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */
-
+        /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */
         @font-face {
           font-family: "GDS Transport";
-          src: govuk-font-url("light-94a07e06a1-v2.woff2") format("woff2"),
-               govuk-font-url("light-f591b13f7d-v2.woff") format("woff");
-          font-weight: normal;
           font-style: normal;
+          font-weight: normal;
+          src:
+            govuk-font-url("light-94a07e06a1-v2.woff2") format("woff2"),
+            govuk-font-url("light-f591b13f7d-v2.woff") format("woff");
           font-display: fallback;
         }
 
         @font-face {
           font-family: "GDS Transport";
-          src: govuk-font-url("bold-b542beb274-v2.woff2") format("woff2"),
-               govuk-font-url("bold-affa96571d-v2.woff") format("woff");
-          font-weight: bold;
           font-style: normal;
+          font-weight: bold;
+          src:
+            govuk-font-url("bold-b542beb274-v2.woff2") format("woff2"),
+            govuk-font-url("bold-affa96571d-v2.woff") format("woff");
           font-display: fallback;
         }
       }

data/vendor/assets/stylesheets/helpers/_links.scss

@@ -142,7 +142,6 @@
   }
 }
 
-
 /// No visited state link mixin
 ///
 /// Used in cases where it is not helpful to distinguish between visited and
@@ -196,11 +195,10 @@
 
 @mixin govuk-link-print-friendly {
   @include govuk-media-query($media-type: print) {
-
     &[href^="/"],
     &[href^="http://"],
     &[href^="https://"] {
-      &::after {
+      &:after {
         content: " (" attr(href) ")";
         font-size: 90%;
 

data/vendor/assets/stylesheets/helpers/_media-queries.scss

@@ -2,8 +2,6 @@
 /// @group helpers/layout
 ////
 
-
-
 // =========================================================
 // Wrangle sass-mq config...
 // =========================================================
@@ -41,8 +39,6 @@ $sass-mq-already-included: false !default;
 
 $sass-mq-already-included: true;
 
-
-
 // =========================================================
 // Helpers
 // =========================================================
@@ -91,5 +87,5 @@ $sass-mq-already-included: true;
 @mixin govuk-media-query($args...) {
   @include mq($args...) {
     @content;
-  };
+  }
 }

data/vendor/assets/stylesheets/helpers/_spacing.scss

@@ -2,6 +2,8 @@
 /// @group helpers/spacing
 ////
 
+// stylelint-disable indentation
+
 /// Single point spacing
 ///
 /// Returns measurement corresponding to the spacing point requested.
@@ -146,7 +148,6 @@
 ///
 /// @access public
 
-
 @mixin govuk-responsive-padding($responsive-spacing-point, $direction: "all", $important: false, $adjustment: false) {
   @include _govuk-responsive-spacing($responsive-spacing-point, "padding", $direction, $important, $adjustment);
 }

data/vendor/assets/stylesheets/helpers/_typography.scss

@@ -127,7 +127,8 @@
     $font-size-rem: govuk-px-to-rem($font-size);
 
     $line-height: _govuk-line-height(
-      $line-height: if($override-line-height,
+      $line-height: if(
+        $override-line-height,
         $override-line-height,
         map-get($breakpoint-map, "line-height")
       ),
@@ -142,9 +143,9 @@
     $line-height: $line-height if($important, !important, null);
 
     @if $breakpoint == null {
-      font-size: $font-size; // sass-lint:disable no-duplicate-properties
+      font-size: $font-size;
       @if $govuk-typography-use-rem {
-        font-size: $font-size-rem; // sass-lint:disable no-duplicate-properties
+        font-size: $font-size-rem;
       }
       line-height: $line-height;
     } @else if $breakpoint == "print" {
@@ -154,9 +155,9 @@
       }
     } @else {
       @include govuk-media-query($from: $breakpoint) {
-        font-size: $font-size; // sass-lint:disable no-duplicate-properties
+        font-size: $font-size;
         @if $govuk-typography-use-rem {
-          font-size: $font-size-rem; // sass-lint:disable no-duplicate-properties
+          font-size: $font-size-rem;
         }
         line-height: $line-height;
       }
@@ -184,7 +185,7 @@
       -webkit-font-feature-settings: "tnum" 1;
               font-feature-settings: "tnum" 1;
 
-      @supports(font-variant-numeric: tabular-nums) {
+      @supports (font-variant-numeric: tabular-nums) {
         -webkit-font-feature-settings: normal;
                 font-feature-settings: normal;
         font-variant-numeric: tabular-nums;

data/vendor/assets/stylesheets/objects/_form-group.scss

@@ -1,7 +1,6 @@
 @import "../base";
 
 @include govuk-exports("govuk/objects/form-group") {
-
   .govuk-form-group {
     @include govuk-clearfix;
     @include govuk-responsive-margin(6, "bottom");

data/vendor/assets/stylesheets/objects/_grid.scss

@@ -1,7 +1,6 @@
 @import "../base";
 
 @include govuk-exports("govuk/objects/grid") {
-
   .govuk-grid-row {
     @include govuk-clearfix;
     margin-right: - ($govuk-gutter-half);
@@ -10,7 +9,7 @@
 
   @each $width in map-keys($govuk-grid-widths) {
     .govuk-grid-column-#{$width} {
-      @include govuk-grid-column($width)
+      @include govuk-grid-column($width);
     }
   }
 
@@ -19,7 +18,7 @@
   // them in the outputted CSS
   @each $width in map-keys($govuk-grid-widths) {
     .govuk-grid-column-#{$width}-from-desktop {
-      @include govuk-grid-column($width, $at: desktop)
+      @include govuk-grid-column($width, $at: desktop);
     }
   }
 }

data/vendor/assets/stylesheets/objects/_main-wrapper.scss

@@ -21,7 +21,6 @@
 //   </div>
 // </div>
 
-
 /// @deprecated Replace this mixin with more direct references to the [spacing
 /// mixins](https://design-system.service.gov.uk/styles/spacing/#spacing-on-custom-components).
 @mixin govuk-main-wrapper {

data/vendor/assets/stylesheets/overrides/_display.scss

@@ -4,8 +4,8 @@
 
 @import "../base";
 
+// stylelint-disable declaration-no-important
 @include govuk-exports("govuk/overrides/display") {
-
   .govuk-\!-display-inline {
     display: inline !important;
   }

data/vendor/assets/stylesheets/overrides/_width.scss

@@ -4,6 +4,7 @@
 
 @import "../base";
 
+// stylelint-disable declaration-no-important
 @include govuk-exports("govuk/overrides/width") {
   .govuk-\!-width-full {
     width: 100% !important;

data/vendor/assets/stylesheets/settings/_colours-applied.scss

@@ -4,8 +4,6 @@
 
 @import "../helpers/colour";
 
-
-
 // =========================================================
 // Generic
 // =========================================================
@@ -115,7 +113,6 @@ $govuk-input-border-colour: govuk-colour("black") !default;
 
 $govuk-hover-colour: govuk-colour("mid-grey", $legacy: "grey-3");
 
-
 // =============================================================================
 // Links
 // =============================================================================

data/vendor/assets/stylesheets/settings/_colours-organisations.scss

@@ -70,6 +70,9 @@ $govuk-colours-organisations: (
     colour: #00ad93,
     colour-websafe: #39836e
   ),
+  "foreign-commonwealth-development-office": (
+    colour: #012169
+  ),
   "foreign-commonwealth-office": (
     colour: #003e74,
     colour-websafe: #406e97

data/vendor/assets/stylesheets/settings/_colours-palette.scss

@@ -1,5 +1,8 @@
 @import "compatibility";
 
+// stylelint-disable value-list-max-empty-lines -- allow empty lines in lists
+// in this file to allow grouping
+
 ////
 /// @group settings/colours
 ////
@@ -13,44 +16,15 @@
 /// @type Boolean
 /// @access public
 
-$govuk-use-legacy-palette: if((
+$govuk-use-legacy-palette: if(
+  (
     $govuk-compatibility-govukfrontendtoolkit or
     $govuk-compatibility-govuktemplate or
     $govuk-compatibility-govukelements
-  ), true, false) !default;
-
-/// Legacy colour palette
-///
-/// This exists only because you cannot easily set a !default variable
-/// conditionally (thanks to the way scope works in Sass) so we set
-/// `$govuk-colour-palette` using the `if` function.
-///
-/// @access private
-
-$_govuk-colour-palette-legacy: (
-  "purple": #2e358b,
-  "light-purple": #6f72af,
-  "bright-purple": #912b88,
-  "pink": #d53880,
-  "light-pink": #f499be,
-  "red": #b10e1e,
-  "bright-red": #df3034,
-  "orange": #f47738,
-  "brown": #b58840,
-  "yellow": #ffbf47,
-  "light-green": #85994b,
-  "green": #006435,
-  "turquoise": #28a197,
-  "light-blue": #2b8cc4,
-  "blue": #005ea5,
-
-  "black": #0b0c0c,
-  "grey-1": #6f777b,
-  "grey-2": #bfc1c3,
-  "grey-3": #dee0e2,
-  "grey-4": #f8f8f8,
-  "white": #ffffff
-);
+  ),
+  true,
+  false
+) !default;
 
 /// Modern colour palette
 ///
@@ -85,6 +59,39 @@ $_govuk-colour-palette-modern: (
   "turquoise": #28a197
 );
 
+/// Legacy colour palette
+///
+/// This exists only because you cannot easily set a !default variable
+/// conditionally (thanks to the way scope works in Sass) so we set
+/// `$govuk-colour-palette` using the `if` function.
+///
+/// @access private
+
+$_govuk-colour-palette-legacy: (
+  "purple": #2e358b,
+  "light-purple": #6f72af,
+  "bright-purple": #912b88,
+  "pink": #d53880,
+  "light-pink": #f499be,
+  "red": #b10e1e,
+  "bright-red": #df3034,
+  "orange": #f47738,
+  "brown": #b58840,
+  "yellow": #ffbf47,
+  "light-green": #85994b,
+  "green": #006435,
+  "turquoise": #28a197,
+  "light-blue": #2b8cc4,
+  "blue": #005ea5,
+
+  "black": #0b0c0c,
+  "grey-1": #6f777b,
+  "grey-2": #bfc1c3,
+  "grey-3": #dee0e2,
+  "grey-4": #f8f8f8,
+  "white": #ffffff
+);
+
 /// Colour palette
 ///
 /// @type Map

data/vendor/assets/stylesheets/settings/_compatibility.scss

@@ -16,7 +16,6 @@
 /// @group settings/compatibility
 ////
 
-
 /// Compatibility Mode: alphagov/govuk_frontend_toolkit
 ///
 /// Set this to true if you are also including alphagov/govuk_frontend_toolkit

data/vendor/assets/stylesheets/settings/_measurements.scss

@@ -2,8 +2,6 @@
 /// @group settings/measurements
 ////
 
-
-
 // =========================================================
 // Page layout
 // =========================================================
@@ -43,8 +41,6 @@ $govuk-gutter: 30px !default;
 
 $govuk-gutter-half: $govuk-gutter / 2;
 
-
-
 // =========================================================
 // Borders
 // =========================================================

data/vendor/assets/stylesheets/settings/_typography-font-families.scss

@@ -8,7 +8,7 @@
 /// @type List
 /// @access public
 
-$govuk-font-family-gds-transport: "GDS Transport", Arial, sans-serif;
+$govuk-font-family-gds-transport: "GDS Transport", arial, sans-serif;
 
 /// List of font families to use if using NTA (old font 'stack' for
 /// GOV.UK)
@@ -17,7 +17,7 @@ $govuk-font-family-gds-transport: "GDS Transport", Arial, sans-serif;
 /// @access public
 /// @deprecated To be removed once support for compatibility mode is dropped
 
-$govuk-font-family-nta: "nta", Arial, sans-serif;
+$govuk-font-family-nta: "nta", arial, sans-serif;
 
 /// List of font families to use if using the 'tabular numbers' subset of NTA
 /// (the default font 'stack' for GOV.UK)

data/vendor/assets/stylesheets/settings/_typography-font.scss

@@ -14,11 +14,15 @@
 /// @type Boolean
 /// @access public
 
-$govuk-use-legacy-font: if((
+$govuk-use-legacy-font: if(
+  (
     $govuk-compatibility-govukfrontendtoolkit or
     $govuk-compatibility-govuktemplate or
     $govuk-compatibility-govukelements
-  ), true, false) !default;
+  ),
+  true,
+  false
+) !default;
 
 // =========================================================
 // Font families
@@ -29,7 +33,8 @@ $govuk-use-legacy-font: if((
 /// @type List
 /// @access public
 
-$govuk-font-family: if($govuk-use-legacy-font,
+$govuk-font-family: if(
+  $govuk-use-legacy-font,
   $govuk-font-family-nta,
   $govuk-font-family-gds-transport
 ) !default;
@@ -39,7 +44,8 @@ $govuk-font-family: if($govuk-use-legacy-font,
 /// @type List
 /// @access public
 
-$govuk-font-family-tabular: if($govuk-use-legacy-font,
+$govuk-font-family-tabular: if(
+  $govuk-use-legacy-font,
   $govuk-font-family-nta-tabular,
   false
 ) !default;
@@ -61,7 +67,7 @@ $govuk-font-family-print: sans-serif !default;
 
 $govuk-include-default-font-face: (
   $govuk-font-family == $govuk-font-family-gds-transport
- ) !default;
+) !default;
 
 // =========================================================
 // Font weights

data/vendor/assets/stylesheets/settings/_typography-responsive.scss

@@ -14,11 +14,15 @@
 /// @type Boolean
 /// @access public
 
-$govuk-typography-use-rem: if((
+$govuk-typography-use-rem: if(
+  (
     $govuk-compatibility-govukfrontendtoolkit or
     $govuk-compatibility-govuktemplate or
     $govuk-compatibility-govukelements
-  ), false, true) !default;
+  ),
+  false,
+  true
+) !default;
 
 /// Root font size
 ///

data/vendor/assets/stylesheets/tools/_font-url.scss

@@ -2,9 +2,6 @@
 /// @group tools/assets
 ////
 
-// Disable indentation linting in this file only
-// sass-lint:disable indentation
-
 /// Font URL
 ///
 /// If a custom font-url handler is defined ($govuk-font-url-function) then

data/vendor/assets/stylesheets/tools/_image-url.scss

@@ -2,9 +2,6 @@
 /// @group tools/assets
 ////
 
-// Disable indentation linting in this file only
-// sass-lint:disable indentation
-
 /// Image URL
 ///
 /// If a custom image-url handler is defined ($govuk-image-url-function) then

data/vendor/assets/stylesheets/utilities/_visually-hidden.scss

@@ -6,5 +6,4 @@
   .govuk-visually-hidden-focusable {
     @include govuk-visually-hidden-focusable;
   }
-
 }

data/vendor/assets/stylesheets/vendor/_sass-mq.scss

@@ -1,8 +1,6 @@
 // mq() v4.0.2
 // sass-mq/sass-mq
 
-// sass-lint:disable-all
-
 @charset "UTF-8"; // Fixes an issue where Ruby locale is not set properly
                   // See https://github.com/sass-mq/sass-mq/pull/10
 
@@ -347,5 +345,3 @@ $mq-media-type: all !default;
 @if length($mq-show-breakpoints) > 0 {
     @include mq-show-breakpoints;
 }
-
-// sass-lint:enable-all

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dxw_govuk_frontend_rails
 version: !ruby/object:Gem::Version
-  version: 3.8.0
+  version: 3.9.1
 platform: ruby
 authors:
 - mec