govuk_tech_docs 6.3.0.beta → 6.3.0

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

@@ -0,0 +1,58 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-error-summary {
+    @include base.govuk-font($size: 19);
+    @include base.govuk-responsive-padding(4);
+    @include base.govuk-responsive-margin(8, "bottom");
+
+    border: base.$govuk-border-width solid;
+    border-color: base.govuk-functional-colour(error);
+    color: base.govuk-functional-colour(text);
+
+    &:focus {
+      outline: base.$govuk-focus-width solid;
+      outline-color: base.govuk-functional-colour(focus);
+    }
+  }
+
+  .govuk-error-summary__title {
+    @include base.govuk-font-size($size: 24);
+    @include base.govuk-typography-weight-bold;
+
+    margin-top: 0;
+    @include base.govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-error-summary__body {
+    p {
+      margin-bottom: 0;
+    }
+
+    > * + * {
+      @include base.govuk-responsive-margin(4, "top");
+    }
+
+    > :last-child {
+      @include base.govuk-responsive-margin(1, "bottom");
+    }
+  }
+
+  // Cross-component class - adjusts styling of list component
+  .govuk-error-summary__list {
+    margin-bottom: 0;
+  }
+
+  // Remove the bottom margin from the last list item
+  .govuk-error-summary__list li:last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-error-summary__list a {
+    @include base.govuk-typography-weight-bold;
+    @include base.govuk-link-common;
+    @include base.govuk-link-style-error;
+  }
+}
+

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

@@ -0,0 +1,6 @@
+@use "../../settings/warnings--internal";
+
+@include warnings--internal.component-scss-file-warning("exit-this-page");
+
+@import "index";
+

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

@@ -0,0 +1,9 @@
+@use "mixin";
+
+@import "../../base";
+@import "../button";
+
+@include govuk-exports("govuk/component/exit-this-page") {
+  @include mixin.styles;
+}
+

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

@@ -1,94 +1,7 @@
-@import "../../base";
+@use "../../custom-properties";
 
-@import "../button/index";
+@use "mixin";
+@use "../button";
 
-@include govuk-exports("govuk/component/exit-this-page") {
-  $indicator-size: 0.75em;
+@include mixin.styles;
 
-  .govuk-exit-this-page {
-    @include govuk-responsive-margin(8, "bottom");
-    position: -webkit-sticky;
-    position: sticky;
-    z-index: 1000;
-    top: 0;
-    left: 0;
-    width: 100%;
-
-    @media #{govuk-from-breakpoint(tablet)} {
-      display: inline-block;
-      right: 0;
-      left: auto;
-      width: auto;
-      float: right;
-    }
-  }
-
-  .govuk-exit-this-page__button {
-    margin-bottom: 0;
-  }
-
-  .govuk-exit-this-page__indicator {
-    @include govuk-responsive-padding(2);
-    display: none;
-    padding-bottom: 0;
-    color: inherit;
-    line-height: 0; // removes extra negative space below the indicators
-    text-align: center;
-    pointer-events: none;
-  }
-
-  .govuk-exit-this-page__indicator--visible {
-    display: block;
-  }
-
-  .govuk-exit-this-page__indicator-light {
-    box-sizing: border-box;
-    display: inline-block;
-    width: $indicator-size;
-    height: $indicator-size;
-    margin: 0 0.125em;
-    border-width: 2px;
-    border-style: solid;
-    border-radius: 50%;
-    border-color: currentcolor;
-  }
-
-  .govuk-exit-this-page__indicator-light--on {
-    border-width: $indicator-size * 0.5;
-  }
-
-  @media only print {
-    .govuk-exit-this-page {
-      display: none;
-    }
-  }
-
-  .govuk-exit-this-page-overlay {
-    position: fixed;
-    z-index: 9999;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: govuk-colour("white");
-  }
-
-  // This class is added to the body when the Exit This Page button is activated
-  // in addition to the overlay to both block the entire screen and hide everything
-  // underneath it.
-  //
-  // We do this to ensure that users don't risk interacting with the page underneath
-  // the overlay between activating the button and navigating to the next page.
-  .govuk-exit-this-page-hide-content {
-    // stylelint-disable declaration-no-important
-    * {
-      display: none !important;
-    }
-
-    .govuk-exit-this-page-overlay {
-      display: block !important;
-    }
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1,92 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  $indicator-size: 0.75em;
+
+  .govuk-exit-this-page {
+    @include base.govuk-responsive-margin(8, "bottom");
+    position: -webkit-sticky;
+    position: sticky;
+    z-index: 1000;
+    top: 0;
+    left: 0;
+    width: 100%;
+
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      display: inline-block;
+      right: 0;
+      left: auto;
+      width: auto;
+      float: right;
+    }
+  }
+
+  .govuk-exit-this-page__button {
+    margin-bottom: 0;
+  }
+
+  .govuk-exit-this-page__indicator {
+    @include base.govuk-responsive-padding(2);
+    display: none;
+    padding-bottom: 0;
+    pointer-events: none;
+    color: inherit;
+    line-height: 0; // removes extra negative space below the indicators
+    text-align: center;
+  }
+
+  .govuk-exit-this-page__indicator--visible {
+    display: block;
+  }
+
+  .govuk-exit-this-page__indicator-light {
+    box-sizing: border-box;
+    display: inline-block;
+    width: $indicator-size;
+    height: $indicator-size;
+    margin: 0 0.125em;
+    border-width: 2px;
+    border-style: solid;
+    border-radius: 50%;
+    border-color: currentcolor;
+  }
+
+  .govuk-exit-this-page__indicator-light--on {
+    border-width: $indicator-size * 0.5;
+  }
+
+  @media only print {
+    .govuk-exit-this-page {
+      display: none;
+    }
+  }
+
+  .govuk-exit-this-page-overlay {
+    position: fixed;
+    z-index: 9999;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: base.govuk-colour("white");
+  }
+
+  // This class is added to the body when the Exit This Page button is activated
+  // in addition to the overlay to both block the entire screen and hide everything
+  // underneath it.
+  //
+  // We do this to ensure that users don't risk interacting with the page underneath
+  // the overlay between activating the button and navigating to the next page.
+  .govuk-exit-this-page-hide-content {
+    // stylelint-disable declaration-no-important
+    * {
+      display: none !important;
+    }
+
+    .govuk-exit-this-page-overlay {
+      display: block !important;
+    }
+  }
+}
+

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

@@ -0,0 +1,6 @@
+@use "../../settings/warnings--internal";
+
+@include warnings--internal.component-scss-file-warning("fieldset");
+
+@import "index";
+

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

@@ -0,0 +1,8 @@
+@use "mixin";
+
+@import "../../base";
+
+@include govuk-exports("govuk/component/fieldset") {
+  @include mixin.styles;
+}
+

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

@@ -1,71 +1,5 @@
-@import "../../base";
+@use "../../custom-properties";
+@use "mixin";
 
-@include govuk-exports("govuk/component/fieldset") {
-  .govuk-fieldset {
-    min-width: 0;
-    margin: 0;
-    padding: 0;
-    border: 0;
-    @include govuk-clearfix;
-  }
+@include mixin.styles;
 
-  // Fix for Firefox < 53 (https://bugzil.la/504622)
-  // stylelint-disable selector-type-no-unknown -- Ignore 'x:-moz-any-link'
-  @supports not (caret-color: auto) {
-    .govuk-fieldset,
-    x:-moz-any-link {
-      display: table-cell;
-    }
-  }
-  // stylelint-enable selector-type-no-unknown
-
-  .govuk-fieldset__legend {
-    @include govuk-font($size: 19);
-
-    // Fix legend text wrapping in Edge and IE
-    // 1. IE9-11 & Edge 12-13
-    // 2. IE8-11
-    box-sizing: border-box; // 1
-    display: table; // 2
-    max-width: 100%; // 1
-    margin-bottom: govuk-spacing(2);
-    padding: 0;
-    color: govuk-functional-colour(text);
-
-    white-space: normal; // 1
-  }
-
-  // Modifiers that make legends look more like their equivalent headings
-  .govuk-fieldset__legend--xl,
-  .govuk-fieldset__legend--l,
-  .govuk-fieldset__legend--m {
-    @include govuk-typography-weight-bold;
-    margin-bottom: govuk-spacing(3);
-  }
-
-  .govuk-fieldset__legend--xl {
-    @include govuk-font-size($size: 48);
-  }
-
-  .govuk-fieldset__legend--l {
-    @include govuk-font-size($size: 36);
-  }
-
-  .govuk-fieldset__legend--m {
-    @include govuk-font-size($size: 24);
-  }
-
-  .govuk-fieldset__legend--s {
-    @include govuk-typography-weight-bold;
-  }
-
-  // When the legend contains an H1, we want the H1 to inherit all styles from
-  // the legend. Effectively treat the heading as if it is not there.
-  .govuk-fieldset__heading {
-    margin: 0;
-    font-size: inherit;
-    font-weight: inherit;
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1,71 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-fieldset {
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    @include base.govuk-clearfix;
+  }
+
+  // Fix for Firefox < 53 (https://bugzil.la/504622)
+  // stylelint-disable selector-type-no-unknown -- Ignore 'x:-moz-any-link'
+  @supports not (caret-color: auto) {
+    .govuk-fieldset,
+    x:-moz-any-link {
+      display: table-cell;
+    }
+  }
+  // stylelint-enable selector-type-no-unknown
+
+  .govuk-fieldset__legend {
+    @include base.govuk-font($size: 19);
+
+    // Fix legend text wrapping in Edge and IE
+    // 1. IE9-11 & Edge 12-13
+    // 2. IE8-11
+    box-sizing: border-box; // 1
+    display: table; // 2
+    max-width: 100%; // 1
+    margin-bottom: base.govuk-spacing(2);
+    padding: 0;
+    color: base.govuk-functional-colour(text);
+
+    white-space: normal; // 1
+  }
+
+  // Modifiers that make legends look more like their equivalent headings
+  .govuk-fieldset__legend--xl,
+  .govuk-fieldset__legend--l,
+  .govuk-fieldset__legend--m {
+    @include base.govuk-typography-weight-bold;
+    margin-bottom: base.govuk-spacing(3);
+  }
+
+  .govuk-fieldset__legend--xl {
+    @include base.govuk-font-size($size: 48);
+  }
+
+  .govuk-fieldset__legend--l {
+    @include base.govuk-font-size($size: 36);
+  }
+
+  .govuk-fieldset__legend--m {
+    @include base.govuk-font-size($size: 24);
+  }
+
+  .govuk-fieldset__legend--s {
+    @include base.govuk-typography-weight-bold;
+  }
+
+  // When the legend contains an H1, we want the H1 to inherit all styles from
+  // the legend. Effectively treat the heading as if it is not there.
+  .govuk-fieldset__heading {
+    margin: 0;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+}
+

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

@@ -0,0 +1,6 @@
+@use "../../settings/warnings--internal";
+
+@include warnings--internal.component-scss-file-warning("file-upload");
+
+@import "index";
+

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

@@ -0,0 +1,11 @@
+@use "mixin";
+
+@import "../../base";
+@import "../error-message";
+@import "../hint";
+@import "../label";
+
+@include govuk-exports("govuk/component/file-upload") {
+  @include mixin.styles;
+}
+

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

@@ -1,213 +1,8 @@
-@import "../../base";
+@use "../../custom-properties";
+@use "mixin";
+@use "../error-message";
+@use "../hint";
+@use "../label";
 
-@import "../error-message/index";
-@import "../hint/index";
-@import "../label/index";
+@include mixin.styles;
 
-@include govuk-exports("govuk/component/file-upload") {
-  $file-upload-border-width: 2px;
-  $component-padding: govuk-spacing(1);
-  $empty-button-background-colour: govuk-colour("white");
-  $empty-pseudo-button-background-colour: govuk-colour("black", $variant: "tint-95");
-  $empty-status-background-colour: govuk-colour("blue", $variant: "tint-80");
-
-  .govuk-file-upload {
-    @include govuk-font($size: 19);
-
-    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
-    // native appearance so the font-size is set to 19px
-    // https://webkit.org/b/224746
-    &::-webkit-file-upload-button {
-      -webkit-appearance: button;
-      color: inherit;
-      font: inherit;
-    }
-
-    &:focus {
-      outline: $govuk-focus-width solid;
-      outline-color: govuk-functional-colour(focus);
-      // Use `box-shadow` to add border 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 4px govuk-functional-colour(input-border);
-    }
-
-    // Set "focus-within" to fix https://bugzil.la/1430196 so that component
-    // receives focus in Firefox.
-    // This can't be set together with `:focus` as all versions of IE fail
-    // to recognise `focus-within` and don't set any styles from the block
-    // when it's a selector.
-    &:focus-within {
-      outline: $govuk-focus-width solid;
-      outline-color: govuk-functional-colour(focus);
-
-      box-shadow: inset 0 0 0 4px govuk-functional-colour(input-border);
-    }
-
-    &:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-  }
-
-  .govuk-drop-zone {
-    display: block;
-    position: relative;
-    z-index: 0;
-    background-color: govuk-functional-colour(body-background);
-  }
-
-  // required because disabling pointer events
-  // on the button means that the cursor style
-  // be applied on the button itself
-  .govuk-drop-zone--disabled {
-    cursor: not-allowed;
-  }
-
-  .govuk-file-upload-button__pseudo-button {
-    width: auto;
-    margin-right: govuk-spacing(2);
-    margin-bottom: $govuk-border-width-form-element + 1;
-    flex-shrink: 0;
-  }
-
-  .govuk-file-upload-button__instruction {
-    margin-top: govuk-spacing(2) - ($govuk-border-width-form-element + 1);
-    margin-bottom: 0;
-    text-align: left;
-  }
-
-  .govuk-file-upload-button__status {
-    display: block;
-    margin-bottom: govuk-spacing(2);
-    padding: govuk-spacing(3) govuk-spacing(2);
-    color: govuk-colour("white");
-    background-color: govuk-colour("blue");
-    text-align: left;
-    @include govuk-text-break-word;
-  }
-
-  // bugs documented with button using flex
-  // https://github.com/philipwalton/flexbugs#flexbug-9
-  // so we need a container here
-  .govuk-file-upload-button__pseudo-button-container {
-    display: flex;
-    align-items: baseline;
-    flex-wrap: wrap;
-  }
-
-  .govuk-file-upload-button {
-    width: 100%;
-    // align the padding to be same as notification banner and error summary accounting for the thicker borders
-    padding: (govuk-spacing(3) + $govuk-border-width - $file-upload-border-width);
-    border: $file-upload-border-width govuk-colour("black", $variant: "tint-80") solid;
-    background-color: govuk-colour("white");
-    cursor: pointer;
-
-    @media #{govuk-from-breakpoint(tablet)} {
-      padding: (govuk-spacing(4) + $govuk-border-width - $file-upload-border-width);
-    }
-
-    .govuk-file-upload-button__pseudo-button {
-      background-color: govuk-colour("black", $variant: "tint-95");
-    }
-
-    &:hover {
-      border-color: govuk-colour("black", $variant: "tint-50");
-
-      .govuk-file-upload-button__pseudo-button {
-        background-color: govuk-colour("black", $variant: "tint-80");
-      }
-
-      .govuk-file-upload-button__status {
-        background-color: govuk-colour("blue");
-      }
-    }
-
-    &:active,
-    &:focus {
-      border: $file-upload-border-width solid govuk-colour("black");
-      outline: $govuk-focus-width solid;
-      outline-color: govuk-functional-colour(focus);
-      // Ensure outline appears outside of the element
-      outline-offset: 0;
-      background-color: govuk-colour("black", $variant: "tint-95");
-      // Double the border by adding its width again. Use `box-shadow` for this
-      // instead of changing `border-width` - this is for consistency with
-      // components such as textarea where we avoid changing `border-width` as
-      // it will change the element size. Also, `outline` cannot be utilised
-      // here as it is already used for the yellow focus state.
-      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
-
-      .govuk-file-upload-button__pseudo-button {
-        background-color: govuk-functional-colour(focus);
-        box-shadow: 0 2px 0 govuk-colour("black");
-      }
-
-      &:hover .govuk-file-upload-button__pseudo-button {
-        border-color: govuk-functional-colour(focus);
-        outline: 3px solid transparent;
-        background-color: govuk-colour("black", $variant: "tint-80");
-        box-shadow: inset 0 0 0 1px govuk-functional-colour(focus);
-      }
-    }
-  }
-
-  .govuk-file-upload-button--empty {
-    border-style: dashed;
-    background-color: $empty-button-background-colour;
-
-    .govuk-file-upload-button__pseudo-button {
-      background-color: $empty-pseudo-button-background-colour;
-    }
-
-    .govuk-file-upload-button__status {
-      color: govuk-colour("black");
-      background-color: $empty-status-background-colour;
-    }
-
-    &:hover,
-    &:focus,
-    &:active {
-      background-color: govuk-colour("black", $variant: "tint-95");
-
-      .govuk-file-upload-button__status {
-        background-color: govuk-colour("blue", $variant: "tint-80");
-      }
-    }
-  }
-
-  .govuk-file-upload-button--dragging {
-    border-style: solid;
-    border-color: govuk-colour("black");
-
-    // extra specificity to apply when
-    // empty
-    &.govuk-file-upload-button--empty {
-      background-color: govuk-colour("black", $variant: "tint-95");
-    }
-  }
-
-  .govuk-file-upload-button:disabled {
-    pointer-events: none;
-    opacity: 0.5;
-
-    background-color: $empty-button-background-colour;
-
-    .govuk-file-upload-button__pseudo-button {
-      background-color: $empty-pseudo-button-background-colour;
-    }
-
-    .govuk-file-upload-button__status {
-      background-color: $empty-status-background-colour;
-    }
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */