dxw_govuk_frontend_rails 3.5.0 → 3.10.2

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

@@ -1,9 +1,7 @@
 ////
-/// @group helpers
+/// @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/_shape-arrow.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/shapes
 ////
 
 /// Calculate the height of an equilateral triangle

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

@@ -1,7 +1,9 @@
 ////
-/// @group helpers
+/// @group helpers/spacing
 ////
 
+// stylelint-disable indentation
+
 /// Single point spacing
 ///
 /// Returns measurement corresponding to the spacing point requested.
@@ -82,16 +84,16 @@
     @if $breakpoint == null {
 
       @if $direction == all {
-        #{$property}: $breakpoint-value iff($important, !important);
+        #{$property}: $breakpoint-value if($important, !important, null);
       } @else {
-        #{$property}-#{$direction}: $breakpoint-value iff($important, !important);
+        #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);
       }
     } @else {
       @include govuk-media-query($from: $breakpoint) {
         @if $direction == all {
-          #{$property}: $breakpoint-value iff($important, !important);
+          #{$property}: $breakpoint-value if($important, !important, null);
         } @else {
-          #{$property}-#{$direction}: $breakpoint-value iff($important, !important);
+          #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);
         }
       }
     }
@@ -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

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/typography
 ////
 
 @import "../tools/px-to-rem";
@@ -53,7 +53,7 @@
 /// @access public
 
 @mixin govuk-typography-weight-regular($important: false) {
-  font-weight: $govuk-font-weight-regular iff($important, !important);
+  font-weight: $govuk-font-weight-regular if($important, !important, null);
 }
 
 /// Bold font weight helper
@@ -63,7 +63,7 @@
 /// @access public
 
 @mixin govuk-typography-weight-bold($important: false) {
-  font-weight: $govuk-font-weight-bold iff($important, !important);
+  font-weight: $govuk-font-weight-bold if($important, !important, null);
 }
 
 /// Convert line-heights specified in pixels into a relative value, unless
@@ -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")
       ),
@@ -137,14 +138,14 @@
     // Mark rules as !important if $important is true - this will result in
     // these variables becoming strings, so this needs to happen *after* they
     // are used in calculations
-    $font-size: $font-size iff($important, !important);
-    $font-size-rem: $font-size-rem iff($important, !important);
-    $line-height: $line-height iff($important, !important);
+    $font-size: $font-size if($important, !important, null);
+    $font-size-rem: $font-size-rem if($important, !important, null);
+    $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/helpers/_visually-hidden.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/accessibility
 ////
 
 /// Hide an element visually, but have it available for screen readers
@@ -14,26 +14,26 @@
 /// @access public
 
 @mixin govuk-visually-hidden($important: true) {
-  position: absolute iff($important, !important);
+  position: absolute if($important, !important, null);
 
-  width: 1px iff($important, !important);
-  height: 1px iff($important, !important);
+  width: 1px if($important, !important, null);
+  height: 1px if($important, !important, null);
   // If margin is set to a negative value it can cause text to be announced in
   // the wrong order in VoiceOver for OSX
-  margin: 0 iff($important, !important);
-  padding: 0 iff($important, !important);
+  margin: 0 if($important, !important, null);
+  padding: 0 if($important, !important, null);
 
-  overflow: hidden iff($important, !important);
-  clip: rect(0 0 0 0) iff($important, !important);
-  -webkit-clip-path: inset(50%) iff($important, !important);
-          clip-path: inset(50%) iff($important, !important);
+  overflow: hidden if($important, !important, null);
+  clip: rect(0 0 0 0) if($important, !important, null);
+  -webkit-clip-path: inset(50%) if($important, !important, null);
+          clip-path: inset(50%) if($important, !important, null);
 
-  border: 0 iff($important, !important);
+  border: 0 if($important, !important, null);
 
   // For long content, line feeds are not interpreted as spaces and small width
   // causes content to wrap 1 word per line:
   // https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
-  white-space: nowrap iff($important, !important);
+  white-space: nowrap if($important, !important, null);
 }
 
 /// Hide an element visually, but have it available for screen readers whilst
@@ -48,37 +48,37 @@
 /// @access public
 
 @mixin govuk-visually-hidden-focusable($important: true) {
-  position: absolute iff($important, !important);
+  position: absolute if($important, !important, null);
 
-  width: 1px iff($important, !important);
-  height: 1px iff($important, !important);
+  width: 1px if($important, !important, null);
+  height: 1px if($important, !important, null);
   // If margin is set to a negative value it can cause text to be announced in
   // the wrong order in VoiceOver for OSX
-  margin: 0 iff($important, !important);
+  margin: 0 if($important, !important, null);
 
-  overflow: hidden iff($important, !important);
-  clip: rect(0 0 0 0) iff($important, !important);
-  -webkit-clip-path: inset(50%) iff($important, !important);
-          clip-path: inset(50%) iff($important, !important);
+  overflow: hidden if($important, !important, null);
+  clip: rect(0 0 0 0) if($important, !important, null);
+  -webkit-clip-path: inset(50%) if($important, !important, null);
+          clip-path: inset(50%) if($important, !important, null);
 
   // For long content, line feeds are not interpreted as spaces and small width
   // causes content to wrap 1 word per line:
   // https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
-  white-space: nowrap iff($important, !important);
+  white-space: nowrap if($important, !important, null);
 
   &:active,
   &:focus {
-    position: static iff($important, !important);
+    position: static if($important, !important, null);
 
-    width: auto iff($important, !important);
-    height: auto iff($important, !important);
-    margin: inherit iff($important, !important);
+    width: auto if($important, !important, null);
+    height: auto if($important, !important, null);
+    margin: inherit if($important, !important, null);
 
-    overflow: visible iff($important, !important);
-    clip: auto iff($important, !important);
-    -webkit-clip-path: none iff($important, !important);
-            clip-path: none iff($important, !important);
+    overflow: visible if($important, !important, null);
+    clip: auto if($important, !important, null);
+    -webkit-clip-path: none if($important, !important, null);
+            clip-path: none if($important, !important, null);
 
-    white-space: inherit iff($important, !important);
+    white-space: inherit if($important, !important, null);
   }
 }

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

@@ -1,9 +1,6 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@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,9 +1,6 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@import "../base";
 
 @include govuk-exports("govuk/objects/grid") {
-
   .govuk-grid-row {
     @include govuk-clearfix;
     margin-right: - ($govuk-gutter-half);
@@ -12,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);
     }
   }
 
@@ -21,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

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@import "../base";
+
+////
+/// @group objects/layout
+////
 
 // Example usage with Breadcrumbs, phase banners, back links:
 // <div class="govuk-width-container">
@@ -19,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/objects/_width-container.scss

@@ -1,9 +1,7 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@import "../base";
 
 ////
-/// @group objects
+/// @group objects/layout
 ////
 
 /// Width container mixin

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

@@ -1,9 +1,11 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
 
-@include govuk-exports("govuk/overrides/display") {
+@import "../base";
 
+// stylelint-disable declaration-no-important
+@include govuk-exports("govuk/overrides/display") {
   .govuk-\!-display-inline {
     display: inline !important;
   }
@@ -19,4 +21,10 @@
   .govuk-\!-display-none {
     display: none !important;
   }
+
+  @include govuk-media-query($media-type: print) {
+    .govuk-\!-display-none-print {
+      display: none !important;
+    }
+  }
 }

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

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 ////
 /// @group overrides

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

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @include govuk-exports("govuk/overrides/typography") {
   // Font size and line height

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

@@ -1,7 +1,10 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@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
 // =========================================================
@@ -52,7 +50,7 @@ $govuk-print-text-colour: #000000 !default;
 
 /// Secondary text colour
 ///
-/// Used for 'muted' text, help text, etc.
+/// Used in for example 'muted' text and help text.
 ///
 /// @type Colour
 /// @access public
@@ -88,9 +86,18 @@ $govuk-focus-text-colour: govuk-colour("black") !default;
 
 $govuk-error-colour: govuk-colour("red") !default;
 
+/// Success colour
+///
+/// Used to highlight success messages and banners
+///
+/// @type Colour
+/// @access public
+
+$govuk-success-colour: govuk-colour("green") !default;
+
 /// Border colour
 ///
-/// Used for borders, separators, rules, keylines etc.
+/// Used in for example borders, separators, rules and keylines.
 ///
 /// @type Colour
 /// @access public
@@ -115,7 +122,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,11 +16,48 @@
 /// @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;
+  ),
+  true,
+  false
+) !default;
+
+/// Modern 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-modern: (
+  "red": #d4351c,
+  "yellow": #ffdd00,
+  "green": #00703c,
+  "blue": #1d70b8,
+  "dark-blue": #003078,
+  "light-blue": #5694ca,
+  "purple": #4c2c92,
+
+  "black": #0b0c0c,
+  "dark-grey": #505a5f,
+  "mid-grey": #b1b4b6,
+  "light-grey": #f3f2f1,
+  "white": #ffffff,
+
+  "light-purple": #6f72af,
+  "bright-purple": #912b88,
+  "pink": #d53880,
+  "light-pink": #f499be,
+  "orange": #f47738,
+  "brown": #b58840,
+  "light-green": #85994b,
+  "turquoise": #28a197
+);
 
 /// Legacy colour palette
 ///
@@ -52,39 +92,6 @@ $_govuk-colour-palette-legacy: (
   "white": #ffffff
 );
 
-/// Modern 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-modern: (
-  "red": #d4351c,
-  "yellow": #ffdd00,
-  "green": #00703c,
-  "blue": #1d70b8,
-  "dark-blue": #003078,
-  "light-blue": #5694ca,
-  "purple": #4c2c92,
-
-  "black": #0b0c0c,
-  "dark-grey": #626a6e,
-  "mid-grey": #b1b4b6,
-  "light-grey": #f3f2f1,
-  "white": #ffffff,
-
-  "light-purple": #6f72af,
-  "bright-purple": #912b88,
-  "pink": #d53880,
-  "light-pink": #f499be,
-  "orange": #f47738,
-  "brown": #b58840,
-  "light-green": #85994b,
-  "turquoise": #28a197
-);
-
 /// Colour palette
 ///
 /// @type Map