govuk_tech_docs 6.3.0.beta → 6.3.0

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

@@ -0,0 +1,60 @@
+@use "sass:string";
+
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-skip-link {
+    @include base.govuk-visually-hidden-focusable;
+    @include base.govuk-link-decoration;
+    @include base.govuk-link-style-text;
+    @include base.govuk-font($size: 16);
+
+    display: block;
+    padding: base.govuk-spacing(2) base.govuk-spacing(3);
+
+    // Respect 'display cutout' safe area (avoids notches and rounded corners)
+    @supports (padding: string.unquote("max(calc(0px))")) {
+      $padding-safe-area-right: calc(#{base.govuk-spacing(3)} + env(safe-area-inset-right));
+      $padding-safe-area-left: calc(#{base.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: string.unquote("max(#{base.govuk-spacing(3)}, #{$padding-safe-area-right})");
+      padding-left: string.unquote("max(#{base.govuk-spacing(3)}, #{$padding-safe-area-left})");
+    }
+
+    &:focus {
+      outline: base.$govuk-focus-width solid;
+      outline-color: base.govuk-functional-colour(focus);
+      outline-offset: 0;
+      background-color: base.govuk-functional-colour(focus);
+
+      @media (forced-colors: active) {
+        outline-offset: (0 - base.$govuk-focus-width);
+      }
+
+      // Undo unwanted changes when global styles are enabled
+      @if base.$govuk-global-styles {
+        @include base.govuk-link-decoration;
+        box-shadow: none;
+      }
+    }
+  }
+
+  .govuk-skip-link-focused-element {
+    &:focus {
+      // Remove the native visible focus indicator when the element is
+      // programmatically focused.
+      //
+      // We set the focus on the linked element (this is usually the <main>
+      // element) when the skip link is activated to improve screen reader
+      // announcements. However, we remove the visible focus indicator from the
+      // linked element because the user cannot interact with it.
+      //
+      // A related discussion: https://github.com/w3c/wcag/issues/1001
+      outline: none;
+    }
+  }
+}
+

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

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

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

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

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

@@ -1,286 +1,5 @@
-@import "../../base";
+@use "../../custom-properties";
+@use "mixin";
 
-@include govuk-exports("govuk/component/summary-list") {
-  .govuk-summary-list {
-    @include govuk-font($size: 19);
+@include mixin.styles;
 
-    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 {
-    border-bottom: 1px solid;
-    border-bottom-color: govuk-functional-colour(border);
-
-    @media #{govuk-until-breakpoint(tablet)} {
-      margin-bottom: govuk-spacing(3);
-    }
-    @media #{govuk-from-breakpoint(tablet)} {
-      display: table-row;
-    }
-  }
-
-  // Remove right padding from the last column in the row
-  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {
-    padding-right: 0;
-  }
-
-  // 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 {
-    @media #{govuk-from-breakpoint(tablet)} {
-      &::after {
-        content: "";
-        display: table-cell;
-        width: 20%;
-      }
-    }
-  }
-
-  .govuk-summary-list__key,
-  .govuk-summary-list__value,
-  .govuk-summary-list__actions {
-    margin: 0; // Reset default user agent styles
-
-    @media #{govuk-from-breakpoint(tablet)} {
-      display: table-cell;
-      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;
-    }
-  }
-
-  .govuk-summary-list__actions {
-    margin-bottom: govuk-spacing(3);
-    @media #{govuk-from-breakpoint(tablet)} {
-      width: 20%;
-      text-align: right;
-    }
-  }
-
-  .govuk-summary-list__key,
-  .govuk-summary-list__value {
-    // Automatic wrapping for unbreakable text (e.g. URLs)
-    word-wrap: break-word; // Fallback for older browsers only
-    overflow-wrap: break-word;
-  }
-
-  .govuk-summary-list__key {
-    margin-bottom: govuk-spacing(1);
-    @include govuk-typography-weight-bold;
-    @media #{govuk-from-breakpoint(tablet)} {
-      width: 30%;
-    }
-  }
-
-  .govuk-summary-list__value {
-    @media #{govuk-until-breakpoint(tablet)} {
-      margin-bottom: govuk-spacing(3);
-    }
-  }
-
-  .govuk-summary-list__value > p {
-    margin-bottom: govuk-spacing(2);
-  }
-
-  .govuk-summary-list__value > :last-child {
-    margin-bottom: 0;
-  }
-
-  .govuk-summary-list__actions-list {
-    width: 100%;
-    margin: 0; // Reset default user agent styles
-    padding: 0; // Reset default user agent styles
-  }
-
-  .govuk-summary-list__actions-list-item,
-  .govuk-summary-card__action {
-    display: inline-block;
-  }
-
-  @media #{govuk-until-breakpoint(tablet)} {
-    .govuk-summary-list__actions-list-item,
-    .govuk-summary-card__action {
-      margin-right: govuk-spacing(2);
-      padding-right: govuk-spacing(2);
-      border-right: 1px solid;
-      border-right-color: govuk-functional-colour(border);
-    }
-
-    .govuk-summary-list__actions-list-item:last-child,
-    .govuk-summary-card__action:last-child {
-      margin-right: 0;
-      padding-right: 0;
-      border: 0;
-    }
-  }
-
-  @media #{govuk-from-breakpoint(tablet)} {
-    .govuk-summary-list__actions-list-item,
-    .govuk-summary-card__action {
-      margin-left: govuk-spacing(2);
-      padding-left: govuk-spacing(2);
-    }
-
-    .govuk-summary-list__actions-list-item:not(:first-child),
-    .govuk-summary-card__action:not(:first-child) {
-      border-left: 1px solid;
-      border-left-color: govuk-functional-colour(border);
-    }
-
-    .govuk-summary-list__actions-list-item:first-child,
-    .govuk-summary-card__action:first-child {
-      margin-left: 0;
-      padding-left: 0;
-      border: 0;
-    }
-  }
-
-  // Large groups of action links may wrap onto multiple lines. Because the link
-  // focus styles are applied outside of the link's bounding box, there are
-  // situations where the focus style on a link can be overlapped by subsequent
-  // links. We don't want this, so let's create a new stacking context on focus
-  // so the link always appears to be 'on top'.
-  .govuk-summary-list__actions-list-item .govuk-link:focus {
-    isolation: isolate;
-  }
-
-  // No border on entire summary list
-  .govuk-summary-list--no-border {
-    .govuk-summary-list__row {
-      border: 0;
-    }
-
-    // Increase padding by 1px to compensate for 'missing' border
-    @media #{govuk-from-breakpoint(tablet)} {
-      .govuk-summary-list__key,
-      .govuk-summary-list__value,
-      .govuk-summary-list__actions {
-        padding-bottom: govuk-spacing(2) + 1px;
-      }
-    }
-  }
-
-  // No border on specific rows
-  .govuk-summary-list__row--no-border {
-    border: 0;
-
-    // Increase padding by 1px to compensate for 'missing' border
-    @media #{govuk-from-breakpoint(tablet)} {
-      .govuk-summary-list__key,
-      .govuk-summary-list__value,
-      .govuk-summary-list__actions {
-        padding-bottom: govuk-spacing(2) + 1px;
-      }
-    }
-  }
-
-  // Additional block for the summary card
-  .govuk-summary-card {
-    @include govuk-responsive-margin(6, "bottom");
-    border: 1px solid;
-    border-color: govuk-functional-colour(border);
-  }
-
-  .govuk-summary-card__title-wrapper {
-    padding: govuk-spacing(3);
-
-    // Ensures the card header appears separate to the summary list in forced
-    // colours mode
-    border-bottom: 1px solid transparent;
-    background-color: govuk-colour("black", $variant: "tint-95");
-
-    @media #{govuk-from-breakpoint(tablet)} {
-      display: flex;
-      justify-content: space-between;
-      flex-wrap: nowrap;
-      padding: govuk-spacing(3) govuk-spacing(4);
-    }
-  }
-
-  .govuk-summary-card__title {
-    @include govuk-font($size: 19, $weight: bold);
-    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);
-    }
-  }
-
-  .govuk-summary-card__actions {
-    @include govuk-font-size($size: 19);
-    @include govuk-typography-weight-bold;
-    display: flex;
-    flex-wrap: wrap;
-    row-gap: 10px;
-    margin: govuk-spacing(1) 0;
-    padding: 0;
-    list-style: none;
-
-    @media #{govuk-from-breakpoint(tablet)} {
-      justify-content: right;
-      text-align: right;
-    }
-  }
-
-  .govuk-summary-card__action {
-    display: inline;
-
-    // We use the following media query to target IE11 and 10 only to add margin
-    // between actions.
-    //
-    // We do this because we're using row-gap to create space between actions on
-    // more evergreen browsers which IE doesn't support. @supports currently isn't
-    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.
-    //
-    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860
-    // which also includes an explanation of why this works
-    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-      margin-bottom: govuk-spacing(1);
-    }
-  }
-
-  .govuk-summary-card__action:last-child {
-    // See above comment for why this is here
-    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-      margin-bottom: 0;
-    }
-  }
-
-  .govuk-summary-card__content {
-    padding: govuk-spacing(3) govuk-spacing(3) 0;
-
-    @media #{govuk-from-breakpoint(tablet)} {
-      padding: govuk-spacing(3) govuk-spacing(4);
-    }
-
-    .govuk-summary-list {
-      margin-bottom: 0;
-    }
-
-    .govuk-summary-list__row:last-of-type {
-      margin-bottom: 0;
-      border-bottom: none;
-    }
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1,286 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-summary-list {
+    @include base.govuk-font($size: 19);
+
+    color: base.govuk-functional-colour(text);
+
+    @media #{base.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 base.govuk-responsive-margin(6, "bottom");
+    // stylelint-enable order/properties-order
+  }
+
+  .govuk-summary-list__row {
+    border-bottom: 1px solid;
+    border-bottom-color: base.govuk-functional-colour(border);
+
+    @media #{base.govuk-until-breakpoint(tablet)} {
+      margin-bottom: base.govuk-spacing(3);
+    }
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      display: table-row;
+    }
+  }
+
+  // Remove right padding from the last column in the row
+  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {
+    padding-right: 0;
+  }
+
+  // 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 {
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      &::after {
+        content: "";
+        display: table-cell;
+        width: 20%;
+      }
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value,
+  .govuk-summary-list__actions {
+    margin: 0; // Reset default user agent styles
+
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      display: table-cell;
+      padding-top: base.govuk-spacing(2);
+      padding-right: base.govuk-spacing(4);
+      padding-bottom: base.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;
+    }
+  }
+
+  .govuk-summary-list__actions {
+    margin-bottom: base.govuk-spacing(3);
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      width: 20%;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value {
+    // Automatic wrapping for unbreakable text (e.g. URLs)
+    word-wrap: break-word; // Fallback for older browsers only
+    overflow-wrap: break-word;
+  }
+
+  .govuk-summary-list__key {
+    margin-bottom: base.govuk-spacing(1);
+    @include base.govuk-typography-weight-bold;
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      width: 30%;
+    }
+  }
+
+  .govuk-summary-list__value {
+    @media #{base.govuk-until-breakpoint(tablet)} {
+      margin-bottom: base.govuk-spacing(3);
+    }
+  }
+
+  .govuk-summary-list__value > p {
+    margin-bottom: base.govuk-spacing(2);
+  }
+
+  .govuk-summary-list__value > :last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-summary-list__actions-list {
+    width: 100%;
+    margin: 0; // Reset default user agent styles
+    padding: 0; // Reset default user agent styles
+  }
+
+  .govuk-summary-list__actions-list-item,
+  .govuk-summary-card__action {
+    display: inline-block;
+  }
+
+  @media #{base.govuk-until-breakpoint(tablet)} {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-right: base.govuk-spacing(2);
+      padding-right: base.govuk-spacing(2);
+      border-right: 1px solid;
+      border-right-color: base.govuk-functional-colour(border);
+    }
+
+    .govuk-summary-list__actions-list-item:last-child,
+    .govuk-summary-card__action:last-child {
+      margin-right: 0;
+      padding-right: 0;
+      border: 0;
+    }
+  }
+
+  @media #{base.govuk-from-breakpoint(tablet)} {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-left: base.govuk-spacing(2);
+      padding-left: base.govuk-spacing(2);
+    }
+
+    .govuk-summary-list__actions-list-item:not(:first-child),
+    .govuk-summary-card__action:not(:first-child) {
+      border-left: 1px solid;
+      border-left-color: base.govuk-functional-colour(border);
+    }
+
+    .govuk-summary-list__actions-list-item:first-child,
+    .govuk-summary-card__action:first-child {
+      margin-left: 0;
+      padding-left: 0;
+      border: 0;
+    }
+  }
+
+  // Large groups of action links may wrap onto multiple lines. Because the link
+  // focus styles are applied outside of the link's bounding box, there are
+  // situations where the focus style on a link can be overlapped by subsequent
+  // links. We don't want this, so let's create a new stacking context on focus
+  // so the link always appears to be 'on top'.
+  .govuk-summary-list__actions-list-item .govuk-link:focus {
+    isolation: isolate;
+  }
+
+  // No border on entire summary list
+  .govuk-summary-list--no-border {
+    .govuk-summary-list__row {
+      border: 0;
+    }
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: base.govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // No border on specific rows
+  .govuk-summary-list__row--no-border {
+    border: 0;
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: base.govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // Additional block for the summary card
+  .govuk-summary-card {
+    @include base.govuk-responsive-margin(6, "bottom");
+    border: 1px solid;
+    border-color: base.govuk-functional-colour(border);
+  }
+
+  .govuk-summary-card__title-wrapper {
+    padding: base.govuk-spacing(3);
+
+    // Ensures the card header appears separate to the summary list in forced
+    // colours mode
+    border-bottom: 1px solid transparent;
+    background-color: base.govuk-colour("black", $variant: "tint-95");
+
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      display: flex;
+      flex-wrap: nowrap;
+      justify-content: space-between;
+      padding: base.govuk-spacing(3) base.govuk-spacing(4);
+    }
+  }
+
+  .govuk-summary-card__title {
+    @include base.govuk-font($size: 19, $weight: bold);
+    margin: base.govuk-spacing(1) base.govuk-spacing(4) base.govuk-spacing(2) 0;
+    color: base.govuk-functional-colour(text);
+
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      margin-bottom: base.govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__actions {
+    @include base.govuk-font-size($size: 19);
+    @include base.govuk-typography-weight-bold;
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 10px;
+    margin: base.govuk-spacing(1) 0;
+    padding: 0;
+    list-style: none;
+
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      justify-content: right;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-card__action {
+    display: inline;
+
+    // We use the following media query to target IE11 and 10 only to add margin
+    // between actions.
+    //
+    // We do this because we're using row-gap to create space between actions on
+    // more evergreen browsers which IE doesn't support. @supports currently isn't
+    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.
+    //
+    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860
+    // which also includes an explanation of why this works
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: base.govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__action:last-child {
+    // See above comment for why this is here
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-summary-card__content {
+    padding: base.govuk-spacing(3) base.govuk-spacing(3) 0;
+
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      padding: base.govuk-spacing(3) base.govuk-spacing(4);
+    }
+
+    .govuk-summary-list {
+      margin-bottom: 0;
+    }
+
+    .govuk-summary-list__row:last-of-type {
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+  }
+}
+

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

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

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

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