govuk_tech_docs 6.0.1 → 6.2.0

data/node_modules/govuk-frontend/dist/govuk/components/button/_button.scss

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

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

@@ -2,6 +2,8 @@
 /// @group components/button
 ////
 
+@import "../../base";
+
 /// Button component background colour
 ///
 /// @type Colour
@@ -71,7 +73,7 @@ $govuk-inverse-button-text-colour: govuk-functional-colour(brand) !default;
     margin-left: 0;
     @include govuk-responsive-margin(6, "bottom", $adjustment: $button-shadow-size); // s2
     padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)
-      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1
+      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size * 0.5)); // s1
     border: $govuk-border-width-form-element solid transparent;
     border-radius: 0;
     color: $govuk-button-text-colour;

data/node_modules/govuk-frontend/dist/govuk/components/character-count/_character-count.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/character-count/_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/checkboxes/_checkboxes.scss

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

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

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../error-message/index";
 @import "../fieldset/index";
 @import "../hint/index";
@@ -54,8 +56,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-checkboxes-size;
     height: $govuk-checkboxes-size;
     border: $govuk-border-width-form-element solid currentcolor;
@@ -144,10 +146,12 @@
 
   .govuk-checkboxes__divider {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
+
     $govuk-divider-size: $govuk-checkboxes-size !default;
     width: $govuk-divider-size;
+
     margin-bottom: govuk-spacing(2);
+    color: govuk-functional-colour(text);
     text-align: center;
   }
 
@@ -159,7 +163,7 @@
   // to be an even number in order to be centred under the 40px checkbox or radio.
   $conditional-border-width: $govuk-border-width-narrow;
   // Calculate the amount of padding needed to keep the border centered against the checkbox.
-  $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 checkbox
   $conditional-margin-left: $conditional-border-padding;
   // Move the contents of the conditional inline with the label
@@ -186,7 +190,7 @@
   // =========================================================
 
   .govuk-checkboxes--small {
-    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) / 2;
+    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) * 0.5;
 
     .govuk-checkboxes__item {
       margin-bottom: 0;
@@ -251,7 +255,7 @@
 
     // Align conditional reveals with small checkboxes
     .govuk-checkboxes__conditional {
-      $margin-left: ($govuk-small-checkboxes-size / 2) - ($conditional-border-width / 2);
+      $margin-left: ($govuk-small-checkboxes-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/cookie-banner/_cookie-banner.scss

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

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

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../button/index";
 
 @include govuk-exports("govuk/component/cookie-banner") {

data/node_modules/govuk-frontend/dist/govuk/components/date-input/_date-input.scss

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

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

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

data/node_modules/govuk-frontend/dist/govuk/components/details/_details.scss

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

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

@@ -1,10 +1,12 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/details") {
   .govuk-details {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
     @include govuk-responsive-margin(6, "bottom");
 
     display: block;
+    color: govuk-functional-colour(text);
   }
 
   .govuk-details__summary {

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

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

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

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

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 */