govuk_publishing_components 21.54.0 → 21.55.0

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

@@ -0,0 +1,51 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/textarea") {
+  .govuk-textarea {
+    @include govuk-font($size: 19, $line-height: 1.25);
+
+    box-sizing: border-box; // should this be global?
+    display: block;
+    width: 100%;
+    min-height: 40px;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: govuk-spacing(1);
+
+    resize: vertical;
+
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border-radius: 0;
+
+    -webkit-appearance: none;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Ensure outline appears outside of the element
+      outline-offset: 0;
+      // Double the border by adding its width again. Use `box-shadow` to do
+      // this instead of changing `border-width` (which changes element size) and
+      // since `outline` is already used for the yellow focus state.
+      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
+
+      @include govuk-if-ie8 {
+        // IE8 doesn't support `box-shadow` so double the border with
+        // `border-width`.
+        border-width: $govuk-border-width-form-element * 2;
+      }
+    }
+  }
+
+  .govuk-textarea--error {
+    border: $govuk-border-width-form-element-error solid $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+      // Remove `box-shadow` inherited from `:focus` as `textarea--error`
+      // already has the thicker border.
+      box-shadow: none;
+    }
+
+  }
+}

data/node_modules/govuk-frontend/govuk/components/textarea/_textarea.scss

@@ -1,55 +1,2 @@
-@import "../../settings/all";
-@import "../../tools/all";
-@import "../../helpers/all";
-
-@import "../error-message/error-message";
-@import "../hint/hint";
-@import "../label/label";
-
-@include govuk-exports("govuk/component/textarea") {
-  .govuk-textarea {
-    @include govuk-font($size: 19, $line-height: 1.25);
-
-    box-sizing: border-box; // should this be global?
-    display: block;
-    width: 100%;
-    min-height: 40px;
-    @include govuk-responsive-margin(6, "bottom");
-    padding: govuk-spacing(1);
-
-    resize: vertical;
-
-    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
-    border-radius: 0;
-
-    -webkit-appearance: none;
-
-    &:focus {
-      outline: $govuk-focus-width solid $govuk-focus-colour;
-      // Ensure outline appears outside of the element
-      outline-offset: 0;
-      // Double the border by adding its width again. Use `box-shadow` to do
-      // this instead of changing `border-width` (which changes element size) and
-      // since `outline` is already used for the yellow focus state.
-      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
-
-      @include govuk-if-ie8 {
-        // IE8 doesn't support `box-shadow` so double the border with
-        // `border-width`.
-        border-width: $govuk-border-width-form-element * 2;
-      }
-    }
-  }
-
-  .govuk-textarea--error {
-    border: $govuk-border-width-form-element-error solid $govuk-error-colour;
-
-    &:focus {
-      border-color: $govuk-input-border-colour;
-      // Remove `box-shadow` inherited from `:focus` as `textarea--error`
-      // already has the thicker border.
-      box-shadow: none;
-    }
-
-  }
-}
+@import "../../base";
+@import "./index";

data/node_modules/govuk-frontend/govuk/components/warning-text/_index.scss

@@ -0,0 +1,56 @@
+@include govuk-exports("govuk/component/warning-text") {
+
+  .govuk-warning-text {
+    position: relative;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: govuk-spacing(2) 0;
+  }
+
+  .govuk-warning-text__assistive {
+    @include govuk-visually-hidden;
+  }
+
+  .govuk-warning-text__icon {
+    @include govuk-font($size: false, $weight: bold);
+
+    display: inline-block;
+
+    position: absolute;
+    left: 0;
+
+    min-width: 29px;
+    min-height: 29px;
+    margin-top: -7px;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: -5px;
+    }
+
+    // When a user customises their colours the background colour will often be removed.
+    // Adding a border to the component keeps it's shape as a circle.
+    border: 3px solid govuk-colour("black");
+    border-radius: 50%;
+
+    color: govuk-colour("white");
+    background: govuk-colour("black");
+
+    font-size: 30px;
+    line-height: 29px;
+
+    text-align: center;
+
+    // Prevent the exclamation mark from being included when the warning text
+    // is copied, for example.
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+  }
+
+  .govuk-warning-text__text {
+    @include govuk-font($size: 19, $weight: bold);
+    @include govuk-text-colour;
+    display: block;
+    padding-left: 45px;
+  }
+}

data/node_modules/govuk-frontend/govuk/components/warning-text/_warning-text.scss

@@ -1,60 +1,2 @@
-@import "../../settings/all";
-@import "../../tools/all";
-@import "../../helpers/all";
-
-@include govuk-exports("govuk/component/warning-text") {
-
-  .govuk-warning-text {
-    position: relative;
-    @include govuk-responsive-margin(6, "bottom");
-    padding: govuk-spacing(2) 0;
-  }
-
-  .govuk-warning-text__assistive {
-    @include govuk-visually-hidden;
-  }
-
-  .govuk-warning-text__icon {
-    @include govuk-font($size: false, $weight: bold);
-
-    display: inline-block;
-
-    position: absolute;
-    left: 0;
-
-    min-width: 29px;
-    min-height: 29px;
-    margin-top: -7px;
-
-    @include govuk-media-query($from: tablet) {
-      margin-top: -5px;
-    }
-
-    // When a user customises their colours the background colour will often be removed.
-    // Adding a border to the component keeps it's shape as a circle.
-    border: 3px solid govuk-colour("black");
-    border-radius: 50%;
-
-    color: govuk-colour("white");
-    background: govuk-colour("black");
-
-    font-size: 30px;
-    line-height: 29px;
-
-    text-align: center;
-
-    // Prevent the exclamation mark from being included when the warning text
-    // is copied, for example.
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-  }
-
-  .govuk-warning-text__text {
-    @include govuk-font($size: 19, $weight: bold);
-    @include govuk-text-colour;
-    display: block;
-    padding-left: 45px;
-  }
-}
+@import "../../base";
+@import "./index";

data/node_modules/govuk-frontend/govuk/core/_global-styles.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 core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @import "links";
 @import "typography";

data/node_modules/govuk-frontend/govuk/core/_links.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 core 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/core/links") {
 

data/node_modules/govuk-frontend/govuk/core/_lists.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 core 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/core/lists") {
 
@@ -48,6 +50,14 @@
     }
   }
 
+  %govuk-list--spaced > li {
+    margin-bottom: govuk-spacing(2);
+
+    @include govuk-media-query($from: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+  }
+
   .govuk-list--bullet {
     @extend %govuk-list--bullet;
   }
@@ -55,4 +65,8 @@
   .govuk-list--number {
     @extend %govuk-list--number;
   }
+
+  .govuk-list--spaced {
+    @extend %govuk-list--spaced;
+  }
 }

data/node_modules/govuk-frontend/govuk/core/_section-break.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 core 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/core/section-break") {
 

data/node_modules/govuk-frontend/govuk/core/_template.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 core 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/core/template") {
 

data/node_modules/govuk-frontend/govuk/core/_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 core 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/core/typography") {
 

data/node_modules/govuk-frontend/govuk/helpers/_clearfix.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/layout
 ////
 
 /// Clear floated content within a container using a pseudo element

data/node_modules/govuk-frontend/govuk/helpers/_focused.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/accessibility
 ////
 
 /// Focused text

data/node_modules/govuk-frontend/govuk/helpers/_grid.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/layout
 ////
 
 /// Grid width percentage
@@ -44,6 +44,7 @@
 /// @example scss - Customising the float direction
 ///   .govuk-grid-column-one-half-right {
 ///     @include govuk-grid-column(two-thirds, $float: right);
+///   }
 ///
 /// @access public
 

data/node_modules/govuk-frontend/govuk/helpers/_links.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/links
 ////
 
 /// Common link mixin

data/node_modules/govuk-frontend/govuk/helpers/_media-queries.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/layout
 ////
 
 

data/node_modules/govuk-frontend/govuk/helpers/_shape-arrow.scss

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

data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/spacing
 ////
 
 /// Single point spacing

data/node_modules/govuk-frontend/govuk/helpers/_typography.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/typography
 ////
 
 @import "../tools/px-to-rem";

data/node_modules/govuk-frontend/govuk/helpers/_visually-hidden.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/accessibility
 ////
 
 /// Hide an element visually, but have it available for screen readers

data/node_modules/govuk-frontend/govuk/objects/_form-group.scss

@@ -1,6 +1,4 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@import "../base";
 
 @include govuk-exports("govuk/objects/form-group") {
 

data/node_modules/govuk-frontend/govuk/objects/_grid.scss

@@ -1,6 +1,4 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@import "../base";
 
 @include govuk-exports("govuk/objects/grid") {
 

data/node_modules/govuk-frontend/govuk/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">

data/node_modules/govuk-frontend/govuk/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