govuk_tech_docs 6.0.1 → 6.2.0

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);
     }
   }
 

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

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

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

@@ -1,6 +1,9 @@
 ////
 /// @group components/tag
 ////
+@use "sass:map";
+
+@import "../../base";
 
 /// Get tag text colour
 /// Almost all tags should use the 50% shade of their colour for their text
@@ -33,7 +36,7 @@
 }
 
 @include govuk-exports("govuk/component/tag") {
-  $govuk-tag-max-width: if(map-has-key($govuk-breakpoints, "mobile"), map-get($govuk-breakpoints, "mobile") / 2, 160px);
+  $govuk-tag-max-width: 0.5 * (map.get($govuk-breakpoints, "mobile") or 320px);
 
   .govuk-tag {
     @include govuk-font($size: 19);

data/node_modules/govuk-frontend/dist/govuk/components/tag/_tag.scss

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

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

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../tag/index";
 
 @include govuk-exports("govuk/component/task-list") {
@@ -43,16 +45,18 @@
 
   .govuk-task-list__name-and-hint {
     display: table-cell;
+
+    color: govuk-functional-colour(text);
     vertical-align: top;
-    @include govuk-text-colour;
   }
 
   .govuk-task-list__status {
     display: table-cell;
     padding-left: govuk-spacing(2);
+
+    color: govuk-functional-colour(text);
     text-align: right;
     vertical-align: top;
-    @include govuk-text-colour;
   }
 
   .govuk-task-list__status--cannot-start-yet {

data/node_modules/govuk-frontend/dist/govuk/components/task-list/_task-list.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/textarea/_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/textarea/_textarea.scss

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

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

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/warning-text") {
   .govuk-warning-text {
     @include govuk-font($size: 19);
@@ -55,9 +57,9 @@
   }
 
   .govuk-warning-text__text {
-    @include govuk-text-colour;
     display: block;
     padding-left: 45px;
+    color: govuk-functional-colour(text);
     // While `<strong>` is styled `bold` or `bolder` by user-agents
     // this can be reset by the app's stylesheet
     font-weight: inherit;

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

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

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

@@ -1,3 +1,7 @@
+@import "../settings/global-styles";
+@import "../tools/exports";
+@import "../helpers/colour";
+@import "../helpers/links";
 @import "links";
 @import "typography";
 

data/node_modules/govuk-frontend/dist/govuk/core/_index.scss

@@ -1,3 +1,7 @@
+@import "../settings/global-styles";
+@import "../tools/exports";
+@import "../helpers/colour";
+@import "../helpers/links";
 @import "links";
 @import "lists";
 @import "typography";

data/node_modules/govuk-frontend/dist/govuk/core/_links.scss

@@ -1,3 +1,11 @@
+@import "../settings/links";
+@import "../settings/measurements";
+@import "../tools/exports";
+@import "../helpers/colour";
+@import "../helpers/focused";
+@import "../helpers/links";
+@import "../helpers/typography";
+
 @include govuk-exports("govuk/core/links") {
   %govuk-link {
     @include govuk-link-common;

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

@@ -1,11 +1,20 @@
+@import "../tools/exports";
+@import "../helpers/colour";
+@import "../helpers/typography";
+
 @include govuk-exports("govuk/core/lists") {
   %govuk-list {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
+
+    // Keep margin configuration next to each other
+    // stylelint-disable order/order-properties
     margin-top: 0;
     @include govuk-responsive-margin(4, "bottom");
+    // stylelint-enable order/order-properties
+
     padding-left: 0;
     list-style-type: none;
+    color: govuk-functional-colour(text);
 
     // Add a top margin for nested lists
     %govuk-list {

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

@@ -1,3 +1,8 @@
+@import "../settings/spacing";
+@import "../tools/exports";
+@import "../helpers/colour";
+@import "../helpers/spacing";
+
 @include govuk-exports("govuk/core/section-break") {
   %govuk-section-break {
     margin: 0;

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

@@ -1,13 +1,17 @@
+@import "../tools/exports";
+@import "../helpers/colour";
+@import "../helpers/typography";
+
 @include govuk-exports("govuk/core/typography") {
   // Headings
 
   %govuk-heading-xl {
-    @include govuk-text-colour;
     @include govuk-font($size: 48, $weight: bold);
 
     display: block;
 
     margin-top: 0;
+    color: govuk-functional-colour(text);
     @include govuk-responsive-margin(8, "bottom");
   }
 
@@ -16,12 +20,12 @@
   }
 
   %govuk-heading-l {
-    @include govuk-text-colour;
     @include govuk-font($size: 36, $weight: bold);
 
     display: block;
 
     margin-top: 0;
+    color: govuk-functional-colour(text);
     @include govuk-responsive-margin(6, "bottom");
   }
 
@@ -30,12 +34,12 @@
   }
 
   %govuk-heading-m {
-    @include govuk-text-colour;
     @include govuk-font($size: 24, $weight: bold);
 
     display: block;
 
     margin-top: 0;
+    color: govuk-functional-colour(text);
     @include govuk-responsive-margin(4, "bottom");
   }
 
@@ -44,12 +48,12 @@
   }
 
   %govuk-heading-s {
-    @include govuk-text-colour;
     @include govuk-font($size: 19, $weight: bold);
 
     display: block;
 
     margin-top: 0;
+    color: govuk-functional-colour(text);
     @include govuk-responsive-margin(4, "bottom");
   }
 
@@ -93,10 +97,9 @@
   // Body (paragraphs)
 
   %govuk-body-l {
-    @include govuk-text-colour;
-    @include govuk-font($size: 24);
-
     margin-top: 0;
+    color: govuk-functional-colour(text);
+    @include govuk-font($size: 24);
     @include govuk-responsive-margin(6, "bottom");
   }
 
@@ -105,10 +108,9 @@
   }
 
   %govuk-body-m {
-    @include govuk-text-colour;
-    @include govuk-font($size: 19);
-
     margin-top: 0;
+    color: govuk-functional-colour(text);
+    @include govuk-font($size: 19);
     @include govuk-responsive-margin(4, "bottom");
   }
 
@@ -117,10 +119,9 @@
   }
 
   %govuk-body-s {
-    @include govuk-text-colour;
-    @include govuk-font($size: 16);
-
     margin-top: 0;
+    color: govuk-functional-colour(text);
+    @include govuk-font($size: 16);
     @include govuk-responsive-margin(4, "bottom");
   }
 

data/node_modules/govuk-frontend/dist/govuk/custom-properties/_frontend-version.scss

@@ -8,7 +8,7 @@
 // multiple stylesheets are outputting the same version
 @include govuk-exports("govuk/custom-properties/frontend-version") {
   :root {
-    --govuk-frontend-version: "6.0.0";
+    --govuk-frontend-version: "6.1.0";
   }
 }
 

data/node_modules/govuk-frontend/dist/govuk/custom-properties/_functional-colours.scss

@@ -10,6 +10,11 @@
       @each $name, $value in $govuk-functional-colours {
         --govuk-#{$name}-colour: #{_govuk-resolve-colour($value)};
       }
+
+      @media print {
+        // Use 'true black' to avoid printers using colour ink to print body text
+        --govuk-text-colour: #{govuk-functional-colour("print-text")};
+      }
     }
   }
 }