govuk_tech_docs 3.0.1 → 3.1.0

data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss

@@ -6,21 +6,30 @@
       display: table;
       width: 100%;
       table-layout: fixed; // Required to allow us to wrap words that overflow.
+      border-collapse: collapse;
     }
     margin: 0; // Reset default user agent styles
     @include govuk-responsive-margin(6, "bottom");
   }
 
   .govuk-summary-list__row {
+    border-bottom: 1px solid $govuk-border-colour;
+
     @include govuk-media-query($until: tablet) {
       margin-bottom: govuk-spacing(3);
-      border-bottom: 1px solid $govuk-border-colour;
     }
     @include govuk-media-query($from: tablet) {
       display: table-row;
     }
   }
 
+  // Provide an empty 'cell' for rows that don't have actions – otherwise the
+  // bottom border is not drawn for that part of the row in some browsers.
+  .govuk-summary-list__row--no-actions:after {
+    content: "";
+    display: table-cell;
+  }
+
   .govuk-summary-list__key,
   .govuk-summary-list__value,
   .govuk-summary-list__actions {
@@ -31,7 +40,6 @@
       padding-top: govuk-spacing(2);
       padding-right: govuk-spacing(4);
       padding-bottom: govuk-spacing(2);
-      border-bottom: 1px solid $govuk-border-colour;
     }
   }
 
@@ -63,16 +71,6 @@
     @include govuk-media-query($until: tablet) {
       margin-bottom: govuk-spacing(3);
     }
-    @include govuk-media-query($from: tablet) {
-      width: 50%;
-    }
-  }
-
-  // Expand width when value is last column (no action)
-  .govuk-summary-list__value:last-child {
-    @include govuk-media-query($from: tablet) {
-      width: 70%;
-    }
   }
 
   .govuk-summary-list__value > p {
@@ -109,36 +107,30 @@
 
   // No border on entire summary list
   .govuk-summary-list--no-border {
-    @include govuk-media-query($until: tablet) {
-      .govuk-summary-list__row {
-        border: 0;
-      }
+    .govuk-summary-list__row {
+      border: 0;
     }
 
+    // Increase padding by 1px to compensate for 'missing' border
     @include govuk-media-query($from: tablet) {
       .govuk-summary-list__key,
       .govuk-summary-list__value,
       .govuk-summary-list__actions {
-        // Remove 1px border, add 1px height back on
         padding-bottom: govuk-spacing(2) + 1px;
-        border: 0;
       }
     }
   }
 
   // No border on specific rows
   .govuk-summary-list__row--no-border {
-    @include govuk-media-query($until: tablet) {
-      border: 0;
-    }
+    border: 0;
 
+    // Increase padding by 1px to compensate for 'missing' border
     @include govuk-media-query($from: tablet) {
       .govuk-summary-list__key,
       .govuk-summary-list__value,
       .govuk-summary-list__actions {
-        // Remove 1px border, add 1px height back on
         padding-bottom: govuk-spacing(2) + 1px;
-        border: 0;
       }
     }
   }

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

@@ -24,7 +24,7 @@
     &:before {
       @include govuk-text-colour;
       content: "\2014 "; // "— "
-      margin-left: - govuk-spacing(5);
+      margin-left: govuk-spacing(-5);
       padding-right: govuk-spacing(1);
     }
   }
@@ -77,7 +77,7 @@
 
         position: relative;
 
-        margin-top: - govuk-spacing(1);
+        margin-top: govuk-spacing(-1);
 
         // Compensation for border (otherwise we get a shift)
         margin-bottom: -$border-width;

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

@@ -1,7 +1,7 @@
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define('GOVUKFrontend', factory) :
-	(global.GOVUKFrontend = factory());
+	typeof define === 'function' && define.amd ? define('GOVUKFrontend.Tabs', factory) :
+	(global.GOVUKFrontend = global.GOVUKFrontend || {}, global.GOVUKFrontend.Tabs = factory());
 }(this, (function () { 'use strict';
 
 (function(undefined) {

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

@@ -34,11 +34,6 @@
     }
   }
 
-  // Deprecated. We'll remove this class in a future release. Use `.govuk-tag--grey` instead.
-  .govuk-tag--inactive {
-    background-color: govuk-colour("dark-grey", $legacy: "grey-1");
-  }
-
   .govuk-tag--grey {
     color: govuk-shade(govuk-colour("dark-grey", $legacy: "grey-1"), 30);
     background: govuk-tint(govuk-colour("dark-grey", $legacy: "grey-1"), 90);

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

@@ -38,7 +38,7 @@
   }
 
   .govuk-textarea--error {
-    border: $govuk-border-width-form-element-error solid $govuk-error-colour;
+    border-color: $govuk-error-colour;
 
     &:focus {
       border-color: $govuk-input-border-colour;

data/node_modules/govuk-frontend/govuk/core/_all.scss

@@ -1,6 +1,5 @@
 @import "links";
 @import "lists";
-@import "template";
 @import "typography";
 @import "section-break";
 @import "global-styles";

data/node_modules/govuk-frontend/govuk/core/_global-styles.scss

@@ -1,9 +1,3 @@
-@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,9 +1,3 @@
-@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") {
 
   %govuk-link {

data/node_modules/govuk-frontend/govuk/core/_lists.scss

@@ -1,9 +1,3 @@
-@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") {
 
   %govuk-list {

data/node_modules/govuk-frontend/govuk/core/_section-break.scss

@@ -1,9 +1,3 @@
-@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") {
 
   %govuk-section-break {

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

@@ -1,9 +1,3 @@
-@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") {
 
   // Headings

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

@@ -75,7 +75,7 @@
 /// Make a colour darker by mixing it with black
 ///
 /// @param {Colour} $colour - colour to shade
-/// @param {Number} $percentage - percentage of `$colour` in returned color
+/// @param {Number} $percentage - percentage of `$colour` in returned colour
 /// @return {Colour}
 /// @access public
 
@@ -86,7 +86,7 @@
 /// Make a colour lighter by mixing it with white
 ///
 /// @param {Colour} $colour - colour to tint
-/// @param {Number} $percentage - percentage of `$colour` in returned color
+/// @param {Number} $percentage - percentage of `$colour` in returned colour
 /// @return {Colour}
 /// @access public
 

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

@@ -8,15 +8,26 @@
 ///
 /// Returns measurement corresponding to the spacing point requested.
 ///
-/// @param {Number} $spacing-point - Point on the spacing scale (set in `settings/_spacing.sccs`)
+/// @param {Number} $spacing-point - Point on the spacing scale
+///  (set in `settings/_spacing.scss`)
 ///
-/// @returns {String} Spacing Measurement eg. 10px
+/// @returns {String} Spacing measurement eg. 10px
 ///
 /// @example scss
 ///   .element {
 ///     padding: govuk-spacing(5);
-///     top: govuk-spacing(2) !important; // if `!important` is required
 ///   }
+///
+/// @example scss Using negative spacing
+///   .element {
+///     margin-top: govuk-spacing(-1);
+///   }
+///
+/// @example scss Marking spacing declarations as important
+///   .element {
+///     margin-top: govuk-spacing(1) !important;
+///   }
+///
 /// @access public
 
 @function govuk-spacing($spacing-point) {
@@ -27,11 +38,18 @@
     + "#{$actual-input-type}.";
   }
 
+  $is-negative: false;
+  @if ($spacing-point < 0) {
+    $is-negative: true;
+    $spacing-point: abs($spacing-point);
+  }
+
   @if not map-has-key($govuk-spacing-points, $spacing-point) {
     @error "Unknown spacing variable `#{$spacing-point}`. Make sure you are using a point from the spacing scale in `_settings/spacing.scss`.";
   }
 
-  @return map-get($govuk-spacing-points, $spacing-point);
+  $value: map-get($govuk-spacing-points, $spacing-point);
+  @return if($is-negative, $value * -1, $value);
 }
 
 /// Responsive spacing

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

@@ -2,4 +2,5 @@
 @import "form-group";
 @import "grid";
 @import "main-wrapper";
+@import "template";
 @import "width-container";

data/node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss

@@ -21,37 +21,22 @@
 //   </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 {
-  // In IE11 the `main` element can be used, but is not recognized  –
-  // meaning it's not defined in IE's default style sheet,
-  // so it uses CSS initial value, which is inline.
-  display: block;
-  padding-top: govuk-spacing(4);
-  padding-bottom: govuk-spacing(4);
-
-  @include govuk-media-query($from: tablet) {
-    // This spacing is manually adjusted to replicate the margin of
-    // govuk-heading-xl (50px) minus the spacing of back link and
-    // breadcrumbs (10px)
-    padding-top: govuk-spacing(7);
-    padding-bottom: govuk-spacing(7);
-  }
-}
-
-/// Use govuk-main-wrapper--l when you page does not have Breadcrumbs, phase
-/// banners or back links.
-///
-/// @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--l {
-  @include govuk-responsive-padding(8, "top");
-}
-
 @include govuk-exports("govuk/objects/main-wrapper") {
   .govuk-main-wrapper {
-    @include govuk-main-wrapper;
+    // In IE11 the `main` element can be used, but is not recognized  –
+    // meaning it's not defined in IE's default style sheet,
+    // so it uses CSS initial value, which is inline.
+    display: block;
+    padding-top: govuk-spacing(4);
+    padding-bottom: govuk-spacing(4);
+
+    @include govuk-media-query($from: tablet) {
+      // This spacing is manually adjusted to replicate the margin of
+      // govuk-heading-xl (50px) minus the spacing of back link and
+      // breadcrumbs (10px)
+      padding-top: govuk-spacing(7);
+      padding-bottom: govuk-spacing(7);
+    }
   }
 
   // Using the `.govuk-main-wrapper--auto-spacing` modifier should apply the
@@ -63,6 +48,6 @@
   // `govuk-main-wrapper--l` modifier instead.
   .govuk-main-wrapper--auto-spacing:first-child,
   .govuk-main-wrapper--l {
-    @include govuk-main-wrapper--l;
+    @include govuk-responsive-padding(8, "top");
   }
 }

data/node_modules/govuk-frontend/govuk/{core → objects}/_template.scss

@@ -1,10 +1,6 @@
-@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") {
+@include govuk-exports("govuk/objects/template") {
 
   // Applied to the <html> element
   .govuk-template {

data/node_modules/govuk-frontend/govuk/overrides/_all.scss

@@ -1,4 +1,5 @@
 @import "display";
 @import "spacing";
+@import "text-align";
 @import "typography";
 @import "width";

data/node_modules/govuk-frontend/govuk/overrides/_display.scss

@@ -1,9 +1,3 @@
-@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/display") {
   .govuk-\!-display-inline {

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

@@ -1,9 +1,3 @@
-@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/node_modules/govuk-frontend/govuk/overrides/_text-align.scss

@@ -0,0 +1,14 @@
+// stylelint-disable declaration-no-important
+@include govuk-exports("govuk/overrides/text-align") {
+  .govuk-\!-text-align-left {
+    text-align: left !important;
+  }
+
+  .govuk-\!-text-align-centre {
+    text-align: center !important;
+  }
+
+  .govuk-\!-text-align-right {
+    text-align: right !important;
+  }
+}

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

@@ -1,9 +1,3 @@
-@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/node_modules/govuk-frontend/govuk/overrides/_width.scss

@@ -1,9 +1,3 @@
-@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 {

data/node_modules/govuk-frontend/govuk/settings/_colours-organisations.scss

@@ -54,6 +54,9 @@ $govuk-colours-organisations: (
     colour: #cf102d,
     colour-websafe: #005ea5
   ),
+  "department-for-levelling-up-housing-and-communities": (
+    colour: #012169,
+  ),
   "department-for-transport": (
     colour: #006c56,
     colour-websafe: #398373

data/node_modules/govuk-frontend/govuk/settings/_measurements.scss

@@ -73,16 +73,6 @@ $govuk-border-width-narrow: 4px !default;
 
 $govuk-border-width-form-element: 2px !default;
 
-/// Form control border width when in error state
-///
-/// @type Number
-/// @access public
-/// @deprecated Use $govuk-border-width-form-element instead. There should be no
-///   difference in thickness for inputs in the error state, in order to
-///   maintain a distinct focus state.
-
-$govuk-border-width-form-element-error: 2px !default;
-
 /// Form group border width when in error state
 ///
 /// @type Number

data/node_modules/govuk-frontend/govuk/tools/_all.scss

@@ -2,7 +2,6 @@
 @import "exports";
 @import "font-url";
 @import "ie8";
-@import "iff";
 @import "image-url";
 @import "px-to-em";
 @import "px-to-rem";

data/package-lock.json

@@ -808,9 +808,9 @@
       }
     },
     "govuk-frontend": {
-      "version": "3.13.0",
-      "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.13.0.tgz",
-      "integrity": "sha512-JiPCeasuHZ+9m1VyqhsfE81PhWIW4Sweoe6Jvn6oMjQNr75ZpupiytN3DGwA+WKOoESHZibIG+heAzlkdZ/MhA=="
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-4.0.0.tgz",
+      "integrity": "sha512-liaJildULUNSSvEgDm36SQTivqBHiZLdrm+O7bBxnW4Q1g64asi+mJIMzW8QeOqlG4Yn8s0gSklsIyaFOuCisQ=="
     },
     "graceful-fs": {
       "version": "4.2.6",

data/package.json

@@ -6,7 +6,7 @@
     "lint": "standard"
   },
   "dependencies": {
-    "govuk-frontend": "^3.13.0"
+    "govuk-frontend": "^4.0.0"
   },
   "devDependencies": {
     "standard": "^14.3.4"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_tech_docs
 version: !ruby/object:Gem::Version
-  version: 3.0.1
+  version: 3.1.0
 platform: ruby
 authors:
 - Government Digital Service
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-12-13 00:00:00.000000000 Z
+date: 2022-01-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -470,6 +470,7 @@ files:
 - node_modules/govuk-frontend/govuk/components/select/_select.scss
 - node_modules/govuk-frontend/govuk/components/skip-link/_index.scss
 - node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss
+- node_modules/govuk-frontend/govuk/components/skip-link/skip-link.js
 - node_modules/govuk-frontend/govuk/components/summary-list/_index.scss
 - node_modules/govuk-frontend/govuk/components/summary-list/_summary-list.scss
 - node_modules/govuk-frontend/govuk/components/table/_index.scss
@@ -488,7 +489,6 @@ files:
 - node_modules/govuk-frontend/govuk/core/_links.scss
 - node_modules/govuk-frontend/govuk/core/_lists.scss
 - node_modules/govuk-frontend/govuk/core/_section-break.scss
-- node_modules/govuk-frontend/govuk/core/_template.scss
 - node_modules/govuk-frontend/govuk/core/_typography.scss
 - node_modules/govuk-frontend/govuk/helpers/_all.scss
 - node_modules/govuk-frontend/govuk/helpers/_clearfix.scss
@@ -508,10 +508,12 @@ files:
 - node_modules/govuk-frontend/govuk/objects/_form-group.scss
 - node_modules/govuk-frontend/govuk/objects/_grid.scss
 - node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss
+- node_modules/govuk-frontend/govuk/objects/_template.scss
 - node_modules/govuk-frontend/govuk/objects/_width-container.scss
 - node_modules/govuk-frontend/govuk/overrides/_all.scss
 - node_modules/govuk-frontend/govuk/overrides/_display.scss
 - node_modules/govuk-frontend/govuk/overrides/_spacing.scss
+- node_modules/govuk-frontend/govuk/overrides/_text-align.scss
 - node_modules/govuk-frontend/govuk/overrides/_typography.scss
 - node_modules/govuk-frontend/govuk/overrides/_width.scss
 - node_modules/govuk-frontend/govuk/settings/_all.scss
@@ -534,7 +536,6 @@ files:
 - node_modules/govuk-frontend/govuk/tools/_exports.scss
 - node_modules/govuk-frontend/govuk/tools/_font-url.scss
 - node_modules/govuk-frontend/govuk/tools/_ie8.scss
-- node_modules/govuk-frontend/govuk/tools/_iff.scss
 - node_modules/govuk-frontend/govuk/tools/_image-url.scss
 - node_modules/govuk-frontend/govuk/tools/_px-to-em.scss
 - node_modules/govuk-frontend/govuk/tools/_px-to-rem.scss

data/node_modules/govuk-frontend/govuk/tools/_iff.scss

@@ -1,17 +0,0 @@
-////
-/// @group tools
-////
-
-/// Syntactic sugar around Sass' built-in `if` function that does not require
-/// you to pass a value for `$if-false`.
-///
-/// @param {Boolean} $condition - Whether to return the value of `$if-true`
-/// @param {Mixed} $if-true - Value to return if `$condition` is truthy
-/// @return {Mixed} Value of `$if-true` if `$condition` is truthy, else null
-/// @access private
-/// @deprecated We will be removing this function in a future release, use `if($condition, $if-true, null);` instead.
-
-@function iff($condition, $if-true) {
-  @warn "The `iff` function will be removed in a future release, use `if($condition, $if-true, null);` instead.";
-  @return if($condition, $if-true, null);
-}