govuk_tech_docs 6.1.0 → 6.2.1

data/node_modules/govuk-frontend/dist/govuk/components/error-summary/_error-summary.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("error-summary");
+
 @import "./index";
 
 /*# sourceMappingURL=_error-summary.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/error-summary/_index.scss

@@ -1,14 +1,16 @@
+@import "../../base";
+
 @import "../../core/lists";
 
 @include govuk-exports("govuk/component/error-summary") {
   .govuk-error-summary {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
     @include govuk-responsive-padding(4);
     @include govuk-responsive-margin(8, "bottom");
 
     border: $govuk-border-width solid;
     border-color: govuk-functional-colour(error);
+    color: govuk-functional-colour(text);
 
     &:focus {
       outline: $govuk-focus-width solid;

data/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("exit-this-page");
+
 @import "./index";
 
 /*# sourceMappingURL=_exit-this-page.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../button/index";
 
 @include govuk-exports("govuk/component/exit-this-page") {
@@ -52,7 +54,7 @@
   }
 
   .govuk-exit-this-page__indicator-light--on {
-    border-width: $indicator-size / 2;
+    border-width: $indicator-size * 0.5;
   }
 
   @media only print {

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/_fieldset.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("fieldset");
+
 @import "./index";
 
 /*# sourceMappingURL=_fieldset.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/fieldset") {
   .govuk-fieldset {
     min-width: 0;
@@ -19,7 +21,6 @@
 
   .govuk-fieldset__legend {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
 
     // Fix legend text wrapping in Edge and IE
     // 1. IE9-11 & Edge 12-13
@@ -29,6 +30,7 @@
     max-width: 100%; // 1
     margin-bottom: govuk-spacing(2);
     padding: 0;
+    color: govuk-functional-colour(text);
 
     white-space: normal; // 1
   }

data/node_modules/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("file-upload");
+
 @import "./index";
 
 /*# sourceMappingURL=_file-upload.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../error-message/index";
 @import "../hint/index";
 @import "../label/index";
@@ -11,10 +13,11 @@
 
   .govuk-file-upload {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
+
     max-width: 100%;
     margin-left: -$component-padding;
     padding: $component-padding;
+    color: govuk-functional-colour(text);
 
     // The default file upload button in Safari does not support setting a
     // custom font-size. Set `-webkit-appearance` to `button` to drop out of the

data/node_modules/govuk-frontend/dist/govuk/components/footer/_footer.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("footer");
+
 @import "./index";
 
 /*# sourceMappingURL=_footer.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/footer/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/footer") {
   $govuk-footer-background: govuk-functional-colour(surface-background);
   $govuk-footer-text: govuk-functional-colour(surface-text);

data/node_modules/govuk-frontend/dist/govuk/components/header/_header.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("header");
+
 @import "./index";
 
 /*# sourceMappingURL=_header.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/header/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/header") {
   $govuk-header-background: govuk-functional-colour(brand);
   $govuk-header-text: govuk-colour("white");

data/node_modules/govuk-frontend/dist/govuk/components/hint/_hint.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("hint");
+
 @import "./index";
 
 /*# sourceMappingURL=_hint.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/hint/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/hint") {
   .govuk-hint {
     @include govuk-font($size: 19);

data/node_modules/govuk-frontend/dist/govuk/components/input/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../error-message/index";
 @import "../hint/index";
 @import "../label/index";

data/node_modules/govuk-frontend/dist/govuk/components/input/_input.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("input");
+
 @import "./index";
 
 /*# sourceMappingURL=_input.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss

@@ -1,8 +1,11 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/inset-text") {
   .govuk-inset-text {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
+
     padding: govuk-spacing(3);
+
     // Margin top intended to collapse
     // This adds an additional 10px to the paragraph above
     @include govuk-responsive-margin(6, "top");
@@ -12,6 +15,7 @@
 
     border-left: $govuk-border-width-wide solid;
     border-left-color: govuk-functional-colour(border);
+    color: govuk-functional-colour(text);
 
     > :first-child {
       margin-top: 0;

data/node_modules/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("inset-text");
+
 @import "./index";
 
 /*# sourceMappingURL=_inset-text.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/label/_index.scss

@@ -1,11 +1,13 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/label") {
   .govuk-label {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
 
     display: block;
 
     margin-bottom: govuk-spacing(1);
+    color: govuk-functional-colour(text);
   }
 
   // Modifiers that make labels look more like their equivalent headings

data/node_modules/govuk-frontend/dist/govuk/components/label/_label.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("label");
+
 @import "./index";
 
 /*# sourceMappingURL=_label.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss

@@ -1,3 +1,7 @@
+@use "sass:math";
+
+@import "../../base";
+
 @include govuk-exports("govuk/component/notification-banner") {
   .govuk-notification-banner {
     @include govuk-font($size: 19);
@@ -38,9 +42,9 @@
 
   .govuk-notification-banner__content {
     $padding-tablet: govuk-spacing(4);
-    @include govuk-text-colour;
     padding: govuk-spacing(3);
 
+    color: govuk-functional-colour(text);
     background-color: govuk-functional-colour(body-background);
 
     @media #{govuk-from-breakpoint(tablet)} {
@@ -55,7 +59,7 @@
       box-sizing: border-box;
 
       // Calculate the internal width of a two-thirds column...
-      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);
+      $two-col-width: math.div($govuk-page-width * 2, 3) - math.div($govuk-gutter * 1, 3);
 
       // ...and then factor in the left border and padding
       $banner-exterior: ($padding-tablet + $govuk-border-width);

data/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("notification-banner");
+
 @import "./index";
 
 /*# sourceMappingURL=_notification-banner.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/pagination") {
   // Flexbox enhancement for small screen visual design
   // Falls back to a float: left layout on non-flex browsers

data/node_modules/govuk-frontend/dist/govuk/components/pagination/_pagination.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("pagination");
+
 @import "./index";
 
 /*# sourceMappingURL=_pagination.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/panel/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/panel") {
   .govuk-panel {
     @include govuk-font($size: 36);
@@ -38,7 +40,7 @@
 
     @media print {
       border-color: currentcolor;
-      color: govuk-functional-colour(print-text);
+      color: govuk-functional-colour(text);
       background: none;
     }
   }

data/node_modules/govuk-frontend/dist/govuk/components/panel/_panel.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("panel");
+
 @import "./index";
 
 /*# sourceMappingURL=_panel.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/password-input/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../button/index";
 @import "../input/index";
 

data/node_modules/govuk-frontend/dist/govuk/components/password-input/_password-input.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("password-input");
+
 @import "./index";
 
 /*# sourceMappingURL=_password-input.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../tag/index";
 
 @include govuk-exports("govuk/component/phase-banner") {
@@ -18,10 +20,10 @@
 
   .govuk-phase-banner__content {
     @include govuk-font($size: 16);
-    @include govuk-text-colour;
 
     display: table;
     margin: 0;
+    color: govuk-functional-colour(text);
   }
 
   .govuk-phase-banner__content__tag {

data/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("phase-banner");
+
 @import "./index";
 
 /*# sourceMappingURL=_phase-banner.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../error-message/index";
 @import "../fieldset/index";
 @import "../hint/index";
@@ -57,8 +59,8 @@
     content: "";
     box-sizing: border-box;
     position: absolute;
-    top: ($govuk-touch-target-gutter / 2);
-    left: ($govuk-touch-target-gutter / 2);
+    top: ($govuk-touch-target-gutter * 0.5);
+    left: ($govuk-touch-target-gutter * 0.5);
     width: $govuk-radios-size;
     height: $govuk-radios-size;
     border: $govuk-border-width-form-element solid currentcolor;
@@ -79,8 +81,8 @@
     // Positioned by getting half the touch target, so we have the centre of the
     // input, and then moving back by the button's border width, thus positioning
     // the centre of the button in the centre of the input.
-    top: (($govuk-touch-target-size / 2) - $radio-button-size);
-    left: (($govuk-touch-target-size / 2) - $radio-button-size);
+    top: (($govuk-touch-target-size * 0.5) - $radio-button-size);
+    left: (($govuk-touch-target-size * 0.5) - $radio-button-size);
     width: 0;
     height: 0;
     border: $radio-button-size solid currentcolor;
@@ -162,10 +164,12 @@
 
   .govuk-radios__divider {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
+
     $govuk-divider-size: $govuk-radios-size !default;
     width: $govuk-divider-size;
+
     margin-bottom: govuk-spacing(2);
+    color: govuk-functional-colour(text);
     text-align: center;
   }
 
@@ -178,7 +182,7 @@
   $conditional-border-width: $govuk-border-width-narrow;
   // Calculate the amount of padding needed to keep the border centered against
   // the radios.
-  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);
+  $conditional-border-padding: ($govuk-touch-target-size * 0.5) - ($conditional-border-width * 0.5);
   // Move the border centered with the radios
   $conditional-margin-left: $conditional-border-padding;
   // Move the contents of the conditional inline with the label
@@ -205,7 +209,7 @@
   // =========================================================
 
   .govuk-radios--small {
-    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;
+    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) * 0.5;
 
     .govuk-radios__item {
       margin-bottom: 0;
@@ -249,8 +253,8 @@
       $radio-button-size: govuk-spacing(1);
 
       // The same calculation as normal radio buttons but reduce the border width
-      top: (($govuk-touch-target-size / 2) - $radio-button-size);
-      left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);
+      top: (($govuk-touch-target-size * 0.5) - $radio-button-size);
+      left: ((($govuk-touch-target-size * 0.5) - $radio-button-size) - $input-offset);
       border-width: $radio-button-size;
     }
 
@@ -268,7 +272,7 @@
 
     // Align conditional reveals with small radios
     .govuk-radios__conditional {
-      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);
+      $margin-left: ($govuk-small-radios-size * 0.5) - ($conditional-border-width * 0.5);
       margin-left: $margin-left;
       padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);
     }

data/node_modules/govuk-frontend/dist/govuk/components/radios/_radios.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("radios");
+
 @import "./index";
 
 /*# sourceMappingURL=_radios.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/select/_index.scss

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../error-message/index";
 @import "../hint/index";
 @import "../label/index";

data/node_modules/govuk-frontend/dist/govuk/components/select/_select.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("select");
+
 @import "./index";
 
 /*# sourceMappingURL=_select.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss

@@ -1,3 +1,7 @@
+@use "sass:math";
+
+@import "../../base";
+
 @include govuk-exports("govuk/component/service-navigation") {
   $govuk-service-navigation-active-link-border-width: govuk-spacing(1);
   $govuk-service-navigation-text-colour: govuk-functional-colour(surface-text);
@@ -50,7 +54,7 @@
       // padding (2×15), minus bottom border (1); 19 is the font-size at this
       // point. This gives us the perfect fractional line height to make the
       // overall component 60px high
-      line-height: (29 / 19);
+      line-height: math.div(29, 19);
 
       &:not(:last-child) {
         @include govuk-responsive-margin(6, $direction: right);

data/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_service-navigation.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("service-navigation");
+
 @import "./index";
 
 /*# sourceMappingURL=_service-navigation.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss

@@ -1,3 +1,7 @@
+@use "sass:string";
+
+@import "../../base";
+
 @include govuk-exports("govuk/component/skip-link") {
   .govuk-skip-link {
     @include govuk-visually-hidden-focusable;
@@ -9,14 +13,14 @@
     padding: govuk-spacing(2) govuk-spacing(3);
 
     // Respect 'display cutout' safe area (avoids notches and rounded corners)
-    @supports (padding: unquote("max(calc(0px))")) {
+    @supports (padding: string.unquote("max(calc(0px))")) {
       $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
       $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
 
       // Use max() to pick largest padding, default or with safe area
       // Escaped due to Sass max() vs. CSS native max()
-      padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
-      padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
+      padding-right: string.unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
+      padding-left: string.unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
     }
 
     &:focus {

data/node_modules/govuk-frontend/dist/govuk/components/skip-link/_skip-link.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("skip-link");
+
 @import "./index";
 
 /*# sourceMappingURL=_skip-link.scss.map */

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

@@ -1,15 +1,23 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/summary-list") {
   .govuk-summary-list {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
+
+    color: govuk-functional-colour(text);
+
     @media #{govuk-from-breakpoint(tablet)} {
       display: table;
       width: 100%;
       table-layout: fixed; // Required to allow us to wrap words that overflow.
       border-collapse: collapse;
     }
+
+    // Keep margins together
+    // stylelint-disable order/properties-order
     margin: 0; // Reset default user agent styles
     @include govuk-responsive-margin(6, "bottom");
+    // stylelint-enable order/properties-order
   }
 
   .govuk-summary-list__row {
@@ -51,6 +59,11 @@
       padding-top: govuk-spacing(2);
       padding-right: govuk-spacing(4);
       padding-bottom: govuk-spacing(2);
+
+      // Make sure that any multi-line inline-blocks inside of the summary
+      // list (e.g. Tag components) don't cause the text baseline to shift,
+      // causing other cells in the row to be misaligned.
+      vertical-align: top;
     }
   }
 
@@ -204,8 +217,8 @@
 
   .govuk-summary-card__title {
     @include govuk-font($size: 19, $weight: bold);
-    @include govuk-text-colour;
     margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;
+    color: govuk-functional-colour(text);
 
     @media #{govuk-from-breakpoint(tablet)} {
       margin-bottom: govuk-spacing(1);

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("summary-list");
+
 @import "./index";
 
 /*# sourceMappingURL=_summary-list.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/table/_index.scss

@@ -1,12 +1,15 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/table") {
   .govuk-table {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
+
     width: 100%;
     @include govuk-responsive-margin(6, "bottom");
 
     border-spacing: 0;
     border-collapse: collapse;
+    color: govuk-functional-colour(text);
   }
 
   // Modifier for tables with a lot of data. Tables with lots of data benefit

data/node_modules/govuk-frontend/dist/govuk/components/table/_table.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("table");
+
 @import "./index";
 
 /*# sourceMappingURL=_table.scss.map */

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

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/tabs") {
   .govuk-tabs {
     @include govuk-responsive-margin(1, "top");
@@ -10,8 +12,9 @@
     // user agent font size overrides the inherited font size
     @include govuk-font-size($size: 19);
     @include govuk-typography-weight-regular;
-    @include govuk-text-colour;
+
     margin-bottom: govuk-spacing(2);
+    color: govuk-functional-colour(text);
   }
 
   .govuk-tabs__list {
@@ -25,10 +28,10 @@
     margin-left: govuk-spacing(5);
 
     &::before {
-      @include govuk-text-colour;
       content: "\2014 "; // "— "
       margin-left: govuk-spacing(-5);
       padding-right: govuk-spacing(1);
+      color: govuk-functional-colour(text);
     }
   }