govuk_tech_docs 6.3.0.beta → 6.4.0.beta

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

@@ -0,0 +1,77 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-table {
+    @include base.govuk-font($size: 19);
+
+    width: 100%;
+    @include base.govuk-responsive-margin(6, "bottom");
+
+    border-spacing: 0;
+    border-collapse: collapse;
+    color: base.govuk-functional-colour(text);
+  }
+
+  // Modifier for tables with a lot of data. Tables with lots of data benefit
+  // from a smaller font size on small screens.
+  .govuk-table--small-text-until-tablet {
+    @media #{base.govuk-until-breakpoint(tablet)} {
+      @include base.govuk-font-size($size: 16);
+    }
+  }
+
+  .govuk-table__header {
+    @include base.govuk-typography-weight-bold;
+  }
+
+  .govuk-table__header,
+  .govuk-table__cell {
+    padding: base.govuk-spacing(2) base.govuk-spacing(4) base.govuk-spacing(2) 0;
+    border-bottom: 1px solid;
+    border-bottom-color: base.govuk-functional-colour(border);
+    text-align: left;
+    vertical-align: top;
+  }
+
+  .govuk-table__cell--numeric {
+    @include base.govuk-font-tabular-numbers;
+  }
+
+  .govuk-table__header--numeric,
+  .govuk-table__cell--numeric {
+    text-align: right;
+  }
+
+  .govuk-table__header:last-child,
+  .govuk-table__cell:last-child {
+    padding-right: 0;
+  }
+
+  .govuk-table__caption {
+    @include base.govuk-typography-weight-bold;
+
+    display: table-caption;
+    text-align: left;
+  }
+
+  // Modifiers that make captions look more like their equivalent headings
+  .govuk-table__caption--xl,
+  .govuk-table__caption--l,
+  .govuk-table__caption--m {
+    margin-bottom: base.govuk-spacing(3);
+  }
+
+  .govuk-table__caption--xl {
+    @include base.govuk-font-size($size: 48);
+  }
+
+  .govuk-table__caption--l {
+    @include base.govuk-font-size($size: 36);
+  }
+
+  .govuk-table__caption--m {
+    @include base.govuk-font-size($size: 24);
+  }
+}
+

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

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

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

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

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

@@ -1,140 +1,5 @@
-@import "../../base";
+@use "../../custom-properties";
+@use "mixin";
 
-@include govuk-exports("govuk/component/tabs") {
-  .govuk-tabs {
-    @include govuk-responsive-margin(1, "top");
-    @include govuk-responsive-margin(6, "bottom");
-    @include govuk-font($size: 19);
-  }
+@include mixin.styles;
 
-  .govuk-tabs__title {
-    // Set the size and weight again because this element is a heading and the
-    // user agent font size overrides the inherited font size
-    @include govuk-font-size($size: 19);
-    @include govuk-typography-weight-regular;
-
-    margin-bottom: govuk-spacing(2);
-    color: govuk-functional-colour(text);
-  }
-
-  .govuk-tabs__list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    @include govuk-responsive-margin(6, "bottom");
-  }
-
-  .govuk-tabs__list-item {
-    margin-left: govuk-spacing(5);
-
-    &::before {
-      content: "\2014 "; // "— "
-      margin-left: govuk-spacing(-5);
-      padding-right: govuk-spacing(1);
-      color: govuk-functional-colour(text);
-    }
-  }
-
-  .govuk-tabs__tab {
-    @include govuk-link-common;
-    @include govuk-link-style-default;
-
-    display: inline-block;
-    margin-bottom: govuk-spacing(2);
-  }
-
-  .govuk-tabs__panel {
-    @include govuk-responsive-margin(8, "bottom");
-  }
-
-  // GOV.UK Frontend JavaScript enabled
-  .govuk-frontend-supported {
-    @media #{govuk-from-breakpoint(tablet)} {
-      .govuk-tabs__list {
-        @include govuk-clearfix;
-        margin-bottom: 0;
-        border-bottom: 1px solid;
-        border-bottom-color: govuk-functional-colour(border);
-      }
-
-      .govuk-tabs__title {
-        display: none;
-      }
-
-      .govuk-tabs__list-item {
-        position: relative;
-
-        margin-right: govuk-spacing(1);
-        margin-bottom: 0;
-        margin-left: 0;
-        padding: govuk-spacing(2) govuk-spacing(4);
-
-        float: left;
-        background-color: govuk-colour("black", $variant: "tint-95");
-        text-align: center;
-
-        &::before {
-          content: none;
-        }
-      }
-
-      .govuk-tabs__list-item--selected {
-        $border-width: 1px;
-
-        position: relative;
-
-        margin-top: govuk-spacing(-1);
-
-        // Compensation for border (otherwise we get a shift)
-        margin-bottom: -$border-width;
-        padding-top: govuk-spacing(3) - $border-width;
-        padding-right: govuk-spacing(4) - $border-width;
-        padding-bottom: govuk-spacing(3) + $border-width;
-        padding-left: govuk-spacing(4) - $border-width;
-
-        border: $border-width solid;
-        border-bottom: 0;
-        border-color: govuk-functional-colour(border);
-
-        background-color: govuk-functional-colour(body-background);
-
-        .govuk-tabs__tab {
-          text-decoration: none;
-        }
-      }
-
-      .govuk-tabs__tab {
-        @include govuk-link-style-text;
-
-        margin-bottom: 0;
-
-        &::after {
-          content: "";
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-        }
-      }
-
-      .govuk-tabs__panel {
-        @include govuk-responsive-margin(0, "bottom");
-        padding: govuk-spacing(6) govuk-spacing(4);
-        border: 1px solid;
-        border-top: 0;
-        border-color: govuk-functional-colour(border);
-
-        & > :last-child {
-          margin-bottom: 0;
-        }
-      }
-
-      .govuk-tabs__panel--hidden {
-        display: none;
-      }
-    }
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1,140 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-tabs {
+    @include base.govuk-responsive-margin(1, "top");
+    @include base.govuk-responsive-margin(6, "bottom");
+    @include base.govuk-font($size: 19);
+  }
+
+  .govuk-tabs__title {
+    // Set the size and weight again because this element is a heading and the
+    // user agent font size overrides the inherited font size
+    @include base.govuk-font-size($size: 19);
+    @include base.govuk-typography-weight-regular;
+
+    margin-bottom: base.govuk-spacing(2);
+    color: base.govuk-functional-colour(text);
+  }
+
+  .govuk-tabs__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    @include base.govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-tabs__list-item {
+    margin-left: base.govuk-spacing(5);
+
+    &::before {
+      content: "\2014 "; // "— "
+      margin-left: base.govuk-spacing(-5);
+      padding-right: base.govuk-spacing(1);
+      color: base.govuk-functional-colour(text);
+    }
+  }
+
+  .govuk-tabs__tab {
+    @include base.govuk-link-common;
+    @include base.govuk-link-style-default;
+
+    display: inline-block;
+    margin-bottom: base.govuk-spacing(2);
+  }
+
+  .govuk-tabs__panel {
+    @include base.govuk-responsive-margin(8, "bottom");
+  }
+
+  // GOV.UK Frontend JavaScript enabled
+  .govuk-frontend-supported {
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      .govuk-tabs__list {
+        @include base.govuk-clearfix;
+        margin-bottom: 0;
+        border-bottom: 1px solid;
+        border-bottom-color: base.govuk-functional-colour(border);
+      }
+
+      .govuk-tabs__title {
+        display: none;
+      }
+
+      .govuk-tabs__list-item {
+        position: relative;
+
+        margin-right: base.govuk-spacing(1);
+        margin-bottom: 0;
+        margin-left: 0;
+        padding: base.govuk-spacing(2) base.govuk-spacing(4);
+
+        float: left;
+        background-color: base.govuk-colour("black", $variant: "tint-95");
+        text-align: center;
+
+        &::before {
+          content: none;
+        }
+      }
+
+      .govuk-tabs__list-item--selected {
+        $border-width: 1px;
+
+        position: relative;
+
+        margin-top: base.govuk-spacing(-1);
+
+        // Compensation for border (otherwise we get a shift)
+        margin-bottom: -$border-width;
+        padding-top: base.govuk-spacing(3) - $border-width;
+        padding-right: base.govuk-spacing(4) - $border-width;
+        padding-bottom: base.govuk-spacing(3) + $border-width;
+        padding-left: base.govuk-spacing(4) - $border-width;
+
+        border: $border-width solid;
+        border-bottom: 0;
+        border-color: base.govuk-functional-colour(border);
+
+        background-color: base.govuk-functional-colour(body-background);
+
+        .govuk-tabs__tab {
+          text-decoration: none;
+        }
+      }
+
+      .govuk-tabs__tab {
+        @include base.govuk-link-style-text;
+
+        margin-bottom: 0;
+
+        &::after {
+          content: "";
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+        }
+      }
+
+      .govuk-tabs__panel {
+        @include base.govuk-responsive-margin(0, "bottom");
+        padding: base.govuk-spacing(6) base.govuk-spacing(4);
+        border: 1px solid;
+        border-top: 0;
+        border-color: base.govuk-functional-colour(border);
+
+        & > :last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      .govuk-tabs__panel--hidden {
+        display: none;
+      }
+    }
+  }
+}
+

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

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

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

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

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

@@ -1,135 +1,6 @@
-////
-/// @group components/tag
-////
-@use "sass:map";
+@use "../../custom-properties";
 
-@import "../../base";
+@use "mixin";
 
-/// Get tag text colour
-/// Almost all tags should use the 50% shade of their colour for their text
-///
-/// @param {String} $colour - name of colour from the colour palette
-/// @return {Colour} Representation of the named colour for use in tags
-/// @access private
-@function _govuk-tag-text-colour($colour) {
-  @return govuk-colour($colour, $variant: "shade-50");
-}
+@include mixin.styles;
 
-/// Get tag background colour
-/// Almost all tags should use the 80% tint of their colour for their background
-///
-/// @param {String} $colour - name of colour from the colour palette
-/// @return {Colour} Representation of the named colour for use in tags
-/// @access private
-@function _govuk-tag-background-colour($colour) {
-  @return govuk-colour($colour, $variant: "tint-80");
-}
-
-/// Generate colour CSS for tag and tag modifiers
-/// Applies standard rules from the tag colour functions
-///
-/// @param {String} $colour - name of colour from the colour palette
-/// @access private
-@mixin _govuk-tag-colours($colour) {
-  color: _govuk-tag-text-colour($colour);
-  background-color: _govuk-tag-background-colour($colour);
-}
-
-@include govuk-exports("govuk/component/tag") {
-  $govuk-tag-max-width: 0.5 * (map.get($govuk-breakpoints, "mobile") or 320px);
-
-  .govuk-tag {
-    @include govuk-font($size: 19);
-    // Default tag colour is blue
-    @include _govuk-tag-colours("blue");
-
-    display: inline-block;
-
-    // set a max-width along with overflow-wrap: break-word below for instances
-    // where a tag has a single long word and could overflow its boundaries.
-    // The max-width is necessary as break-word requires a bounding box to base
-    // where to break off of.
-    max-width: $govuk-tag-max-width;
-
-    // These negative margins make sure that the tag component doesn’t increase
-    // the size of its container. Otherwise, for example, a table row containing
-    // a tag will be taller than one containing plain text.
-    //
-    // The negative margin added to the top and bottom matches the extra padding
-    // added.
-    margin-top: -2px;
-    margin-bottom: -3px;
-
-    padding-top: 2px;
-    padding-right: 8px;
-    padding-bottom: 3px;
-    padding-left: 8px;
-
-    border-radius: 1px;
-    text-decoration: none;
-    overflow-wrap: break-word;
-
-    // When forced colour mode is active, for example to provide high contrast,
-    // the background colour of the tag is the same as the rest of the page. To
-    // ensure that the tag is perceived as separate from any surround text, it
-    // is made bold.
-    //
-    // Transparent outlines are no longer added, as they make the Tag look
-    // indistinguishable from a button – but the tag is not interactive in the
-    // same way.
-    @media screen and (forced-colors: active) {
-      font-weight: bold;
-    }
-  }
-
-  // Tag colour modifiers. Use the _govuk-tag-colours mixin to define consistent
-  // colour rules per modifier
-  .govuk-tag--green {
-    @include _govuk-tag-colours("green");
-  }
-
-  .govuk-tag--purple {
-    @include _govuk-tag-colours("purple");
-  }
-
-  .govuk-tag--red {
-    @include _govuk-tag-colours("red");
-  }
-
-  .govuk-tag--orange {
-    @include _govuk-tag-colours("orange");
-  }
-
-  .govuk-tag--teal {
-    @include _govuk-tag-colours("teal");
-  }
-
-  .govuk-tag--magenta {
-    @include _govuk-tag-colours("magenta");
-  }
-
-  // Yellow uses different colours to ensure it's legible
-  .govuk-tag--yellow {
-    color: govuk-colour("orange", $variant: "shade-50");
-    background-color: govuk-colour("yellow", $variant: "tint-50");
-  }
-
-  // Grey uses different colours to ensure it's legible
-  .govuk-tag--grey {
-    color: govuk-colour("black");
-    background-color: govuk-colour("black", $variant: "tint-80");
-  }
-
-  // Turquoise and pink are deprecated over teal and magenta respectively
-  // @deprecated
-  .govuk-tag--turquoise {
-    @include _govuk-tag-colours("teal");
-  }
-
-  // @deprecated
-  .govuk-tag--pink {
-    @include _govuk-tag-colours("magenta");
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

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

@@ -0,0 +1,135 @@
+////
+/// @group components/tag
+////
+@use "sass:map";
+
+@use "../../base";
+
+/// Get tag text colour
+/// Almost all tags should use the 50% shade of their colour for their text
+///
+/// @param {String} $colour - name of colour from the colour palette
+/// @return {Colour} Representation of the named colour for use in tags
+/// @access private
+@function _govuk-tag-text-colour($colour) {
+  @return base.govuk-colour($colour, $variant: "shade-50");
+}
+
+/// Get tag background colour
+/// Almost all tags should use the 80% tint of their colour for their background
+///
+/// @param {String} $colour - name of colour from the colour palette
+/// @return {Colour} Representation of the named colour for use in tags
+/// @access private
+@function _govuk-tag-background-colour($colour) {
+  @return base.govuk-colour($colour, $variant: "tint-80");
+}
+
+/// Generate colour CSS for tag and tag modifiers
+/// Applies standard rules from the tag colour functions
+///
+/// @param {String} $colour - name of colour from the colour palette
+/// @access private
+@mixin _govuk-tag-colours($colour) {
+  color: _govuk-tag-text-colour($colour);
+  background-color: _govuk-tag-background-colour($colour);
+}
+
+/// @access private
+@mixin styles {
+  $govuk-tag-max-width: 0.5 * (map.get(base.$govuk-breakpoints, "mobile") or 320px);
+
+  .govuk-tag {
+    @include base.govuk-font($size: 19);
+    // Default tag colour is blue
+    @include _govuk-tag-colours("blue");
+
+    display: inline-block;
+
+    // set a max-width along with overflow-wrap: break-word below for instances
+    // where a tag has a single long word and could overflow its boundaries.
+    // The max-width is necessary as break-word requires a bounding box to base
+    // where to break off of.
+    max-width: $govuk-tag-max-width;
+
+    // These negative margins make sure that the tag component doesn’t increase
+    // the size of its container. Otherwise, for example, a table row containing
+    // a tag will be taller than one containing plain text.
+    //
+    // The negative margin added to the top and bottom matches the extra padding
+    // added.
+    margin-top: -2px;
+    margin-bottom: -3px;
+
+    padding-top: 2px;
+    padding-right: 8px;
+    padding-bottom: 3px;
+    padding-left: 8px;
+
+    border-radius: 1px;
+    text-decoration: none;
+    overflow-wrap: break-word;
+
+    // When forced colour mode is active, for example to provide high contrast,
+    // the background colour of the tag is the same as the rest of the page. To
+    // ensure that the tag is perceived as separate from any surround text, it
+    // is made bold.
+    //
+    // Transparent outlines are no longer added, as they make the Tag look
+    // indistinguishable from a button – but the tag is not interactive in the
+    // same way.
+    @media screen and (forced-colors: active) {
+      font-weight: bold;
+    }
+  }
+
+  // Tag colour modifiers. Use the _govuk-tag-colours mixin to define consistent
+  // colour rules per modifier
+  .govuk-tag--green {
+    @include _govuk-tag-colours("green");
+  }
+
+  .govuk-tag--purple {
+    @include _govuk-tag-colours("purple");
+  }
+
+  .govuk-tag--red {
+    @include _govuk-tag-colours("red");
+  }
+
+  .govuk-tag--orange {
+    @include _govuk-tag-colours("orange");
+  }
+
+  .govuk-tag--teal {
+    @include _govuk-tag-colours("teal");
+  }
+
+  .govuk-tag--magenta {
+    @include _govuk-tag-colours("magenta");
+  }
+
+  // Yellow uses different colours to ensure it's legible
+  .govuk-tag--yellow {
+    color: base.govuk-colour("orange", $variant: "shade-50");
+    background-color: base.govuk-colour("yellow", $variant: "tint-50");
+  }
+
+  // Grey uses different colours to ensure it's legible
+  .govuk-tag--grey {
+    color: base.govuk-colour("black");
+    background-color: base.govuk-colour("black", $variant: "tint-80");
+  }
+
+  // Turquoise and pink are deprecated over teal and magenta respectively
+  // @deprecated
+  .govuk-tag--turquoise {
+    @include _govuk-tag-colours("teal");
+  }
+
+  // @deprecated
+  .govuk-tag--pink {
+    @include _govuk-tag-colours("magenta");
+  }
+}
+

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

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

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

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