govuk_tech_docs 5.2.1 → 6.0.0.beta

data/node_modules/govuk-frontend/dist/govuk/settings/_colours-palette.scss

@@ -6,32 +6,124 @@
 ///
 /// @type Map
 ///
-/// @prop $colour - Representation for the given $colour, where $colour is the
-///   friendly name for the colour (e.g. "red": #ff0000);
+/// @prop {Map|Colour} $colour - Representation for the `$colour` or a map associating
+///   name of `$variant`s of the colours to their representation
 ///
-/// @access public
+/// @access private
 
-$govuk-colours: (
-  "red": #d4351c,
-  "yellow": #ffdd00,
-  "green": #00703c,
-  "blue": #1d70b8,
-  "dark-blue": #003078,
-  "light-blue": #5694ca,
-  "purple": #4c2c92,
-  "black": #0b0c0c,
-  "dark-grey": #505a5f,
-  "mid-grey": #b1b4b6,
-  "light-grey": #f3f2f1,
-  "white": #ffffff,
-  "light-purple": #6f72af,
-  "bright-purple": #912b88,
-  "pink": #d53880,
-  "light-pink": #f499be,
-  "orange": #f47738,
-  "brown": #b58840,
-  "light-green": #85994b,
-  "turquoise": #28a197
-) !default;
+$_govuk-palette: (
+  "blue": (
+    "primary": #1d70b8,
+    "tint-25": #5694ca,
+    "tint-50": #8eb8dc,
+    "tint-80": #d2e2f1,
+    "tint-95": #f4f8fb,
+    "shade-25": #16548a,
+    "shade-50": #0f385c,
+    // Listed last as tests expect colours to be in a given order
+    "shade-10": #1a65a6
+  ),
+  "green": (
+    "primary": #0f7a52,
+    "tint-25": #4b9b7d,
+    "tint-50": #87bca8,
+    "tint-80": #cfe4dc,
+    "tint-95": #f3f8f6,
+    "shade-25": #0b5c3e,
+    "shade-50": #083d29
+  ),
+  "teal": (
+    "primary": #158187,
+    "tint-25": #50a1a5,
+    "tint-50": #8ac0c3,
+    "tint-80": #d0e6e7,
+    "tint-95": #f3f9f9,
+    "shade-25": #106165,
+    "shade-50": #0b4144,
+    "accent": #00ffe0
+  ),
+  "purple": (
+    "primary": #54319f,
+    "tint-25": #7f65b7,
+    "tint-50": #aa98cf,
+    "tint-80": #ddd6ec,
+    "tint-95": #f6f5fa,
+    "shade-25": #3f2577,
+    "shade-50": #2a1950
+  ),
+  "magenta": (
+    "primary": #ca357c,
+    "tint-25": #d7689d,
+    "tint-50": #e59abe,
+    "tint-80": #f4d7e5,
+    "tint-95": #fcf5f8,
+    "shade-25": #98285d,
+    "shade-50": #651b3e
+  ),
+  "red": (
+    "primary": #ca3535,
+    "tint-25": #d76868,
+    "tint-50": #e59a9a,
+    "tint-80": #f4d7d7,
+    "tint-95": #fcf5f5,
+    "shade-25": #982828,
+    "shade-50": #651b1b
+  ),
+  "orange": (
+    "primary": #f47738,
+    "tint-25": #f7996a,
+    "tint-50": #fabb9c,
+    "tint-80": #fde4d7,
+    "tint-95": #fef8f5,
+    "shade-25": #b7592a,
+    "shade-50": #7a3c1c
+  ),
+  "yellow": (
+    "primary": #ffdd00,
+    "tint-25": #ffe640,
+    "tint-50": #ffee80,
+    "tint-80": #fff8cc,
+    "tint-95": #fffdf2,
+    "shade-25": #bfa600,
+    "shade-50": #806f00
+  ),
+  "brown": (
+    "primary": #99704a,
+    "tint-25": #b39477,
+    "tint-50": #ccb8a5,
+    "tint-95": #faf8f6
+  ),
+  "black": (
+    "primary": #0b0c0c,
+    "tint-25": #484949,
+    "tint-50": #858686,
+    "tint-80": #cecece,
+    "tint-95": #f3f3f3
+  ),
+  "white": #ffffff
+);
+
+/// Pre-brand colours correspondence table
+///
+/// @type Map
+///
+/// @prop {List} $colour - Colour name and variant in the brand colours
+///   that correspond to the `$colour` in GOV.UK Frontend colours before
+///   the brand colours were introduced
+///
+/// @access private
+$_govuk-pre-brand-colours: (
+  "light-pink": "magenta" "tint-50",
+  "pink": "magenta" "primary",
+  "light-green": "green" "tint-25",
+  "turquoise": "teal" "primary",
+  "light-blue": "blue" "tint-25",
+  "dark-blue": "blue" "shade-50",
+  "light-purple": "purple" "tint-25",
+  "bright-purple": "magenta" "shade-25",
+  "dark-grey": "black" "tint-25",
+  "mid-grey": "black" "tint-80",
+  "light-grey": "black" "tint-95"
+);
 
 /*# sourceMappingURL=_colours-palette.scss.map */

data/node_modules/govuk-frontend/dist/govuk/settings/_custom-properties.scss

@@ -0,0 +1,18 @@
+////
+/// @group settings/custom-properties
+////
+
+/// Output CSS custom properties
+///
+/// Whether to output CSS Custom Properties in the compiled stylesheet.
+///
+/// If you are compiling multiple stylesheets that will be used together on a
+/// page, set this to false in any secondary stylesheets to avoid including the
+/// Custom Properties multiple times.
+///
+/// @type Boolean
+/// @access public
+
+$govuk-output-custom-properties: true !default;
+
+/*# sourceMappingURL=_custom-properties.scss.map */

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

@@ -6,11 +6,13 @@
 @import "warnings";
 @import "global-styles";
 
+@import "custom-properties";
+
 @import "media-queries";
 
 @import "colours-palette";
 @import "colours-organisations";
-@import "colours-applied";
+@import "colours-functional";
 
 @import "spacing";
 @import "measurements";
@@ -20,17 +22,4 @@
 
 @import "links";
 
-// LibSass evaluates this as a single unquoted string, equivalent to
-// "true == false", whereas Dart Sass evaluates it as "true" == "false".
-// Because a string in Sass is truthy, LibSass will output the warning; Dart
-// Sass will not.
-@if #{true} == #{false} {
-  @include _warning(
-    "libsass",
-    "It looks like you may be using LibSass to compile your Sass. LibSass is " +
-      "deprecated and will not be supported by the next major version of " +
-      "GOV.UK Frontend. See https://sass-lang.com/libsass/ for more information."
-  );
-}
-
 /*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/settings/_media-queries.scss

@@ -13,13 +13,4 @@ $govuk-breakpoints: (
   desktop: 769px
 ) !default;
 
-/// Show active breakpoint in top-right corner.
-///
-/// Only use this during local development.
-///
-/// @type Boolean
-/// @access public
-
-$govuk-show-breakpoints: false !default;
-
 /*# sourceMappingURL=_media-queries.scss.map */

data/node_modules/govuk-frontend/dist/govuk/settings/_typography-responsive.scss

@@ -16,151 +16,20 @@
 
 $govuk-root-font-size: 16px !default;
 
-/// Feature flag for new typography scale
-///
-/// When set to true, $govuk-typography-scale will use the new font map instead
-/// of the current/old one as well as apply changes in components to account
-/// for the updated scale.
-///
-/// Should be removed in 6.0.
+/// Responsive typography font map
 ///
-/// @type Boolean
-/// @access public
-
-$govuk-new-typography-scale: false !default;
-
-/// The font map for the old typography scale
+/// This is used to generate responsive typography that adapts according to the
+/// breakpoints.
 ///
-/// @type Map
+/// Font size and font weight can be defined for each breakpoint. You can define
+/// different behaviour on tablet and desktop. The 'null' breakpoint is for
+/// mobile.
 ///
-/// @prop {Number} $point.$breakpoint.font-size - Font size for `$point` at `$breakpoint`
-/// @prop {Number} $point.$breakpoint.line-height - Line height for `$point` at `$breakpoint`
-/// @prop {Number} $point.print.font-size - Font size for `$point` when printing
-/// @prop {Number} $point.print.line-height - Line height for `$point` when printing
+/// Line-heights will automatically be converted from pixel measurements into
+/// relative values. For example, with a font-size of 16px and a line-height of
+/// 24px, the line-height will be converted to 1.5 before output.
 ///
-/// @access private
-
-$_govuk-typography-scale-legacy: (
-  80: (
-    null: (
-      font-size: 53px,
-      line-height: 55px
-    ),
-    tablet: (
-      font-size: 80px,
-      line-height: 80px
-    ),
-    print: (
-      font-size: 53pt,
-      line-height: 1.1
-    )
-  ),
-  48: (
-    null: (
-      font-size: 32px,
-      line-height: 35px
-    ),
-    tablet: (
-      font-size: 48px,
-      line-height: 50px
-    ),
-    print: (
-      font-size: 32pt,
-      line-height: 1.15
-    )
-  ),
-  36: (
-    null: (
-      font-size: 24px,
-      line-height: 25px
-    ),
-    tablet: (
-      font-size: 36px,
-      line-height: 40px
-    ),
-    print: (
-      font-size: 24pt,
-      line-height: 1.05
-    )
-  ),
-  27: (
-    null: (
-      font-size: 18px,
-      line-height: 20px
-    ),
-    tablet: (
-      font-size: 27px,
-      line-height: 30px
-    ),
-    print: (
-      font-size: 18pt,
-      line-height: 1.15
-    )
-  ),
-  24: (
-    null: (
-      font-size: 18px,
-      line-height: 20px
-    ),
-    tablet: (
-      font-size: 24px,
-      line-height: 30px
-    ),
-    print: (
-      font-size: 18pt,
-      line-height: 1.15
-    )
-  ),
-  19: (
-    null: (
-      font-size: 16px,
-      line-height: 20px
-    ),
-    tablet: (
-      font-size: 19px,
-      line-height: 25px
-    ),
-    print: (
-      font-size: 14pt,
-      line-height: 1.15
-    )
-  ),
-  16: (
-    null: (
-      font-size: 14px,
-      line-height: 16px
-    ),
-    tablet: (
-      font-size: 16px,
-      line-height: 20px
-    ),
-    print: (
-      font-size: 14pt,
-      line-height: 1.2
-    )
-  ),
-  14: (
-    null: (
-      font-size: 12px,
-      line-height: 15px
-    ),
-    tablet: (
-      font-size: 14px,
-      line-height: 20px
-    ),
-    print: (
-      font-size: 12pt,
-      line-height: 1.2
-    ),
-    deprecation: (
-      key: "govuk-typography-scale-14",
-      message: "14 on the type scale is deprecated and will be removed as " +
-        "a possible option in the next major version."
-    )
-  )
-);
-
-/// The font map for the new typography scale
+/// You can also specify a separate font size and line height for print media.
 ///
 /// @type Map
 ///
@@ -169,9 +38,9 @@ $_govuk-typography-scale-legacy: (
 /// @prop {Number} $point.print.font-size - Font size for `$point` when printing
 /// @prop {Number} $point.print.line-height - Line height for `$point` when printing
 ///
-/// @access private
+/// @access public
 
-$_govuk-typography-scale-modern: (
+$govuk-typography-scale: (
   80: (
     null: (
       font-size: 53px,
@@ -265,53 +134,7 @@ $_govuk-typography-scale-modern: (
       font-size: 14pt,
       line-height: 1.2
     )
-  ),
-  14: (
-    // Stay at 14/20 at all sizes (consider deprecating this size)
-    null: (
-        font-size: 14px,
-        line-height: 20px
-      ),
-    print: (
-      font-size: 12pt,
-      line-height: 1.2
-    ),
-    deprecation: (
-      key: "govuk-typography-scale-14",
-      message: "14 on the type scale is deprecated and will be removed as " +
-        "a possible option in the next major version."
-    )
   )
-);
-
-/// Responsive typography font map
-///
-/// This is used to generate responsive typography that adapts according to the
-/// breakpoints.
-///
-/// Font size and font weight can be defined for each breakpoint. You can define
-/// different behaviour on tablet and desktop. The 'null' breakpoint is for
-/// mobile.
-///
-/// Line-heights will automatically be converted from pixel measurements into
-/// relative values. For example, with a font-size of 16px and a line-height of
-/// 24px, the line-height will be converted to 1.5 before output.
-///
-/// You can also specify a separate font size and line height for print media.
-///
-/// @type Map
-///
-/// @prop {Number} $point.$breakpoint.font-size - Font size for `$point` at `$breakpoint`
-/// @prop {Number} $point.$breakpoint.line-height - Line height for `$point` at `$breakpoint`
-/// @prop {Number} $point.print.font-size - Font size for `$point` when printing
-/// @prop {Number} $point.print.line-height - Line height for `$point` when printing
-///
-/// @access public
-
-$govuk-typography-scale: if(
-  $govuk-new-typography-scale,
-  $_govuk-typography-scale-modern,
-  $_govuk-typography-scale-legacy
 ) !default;
 
 /*# sourceMappingURL=_typography-responsive.scss.map */

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

@@ -3,6 +3,5 @@
 @import "image-url";
 @import "px-to-em";
 @import "px-to-rem";
-@import "rebrand";
 
 /*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/tools/_px-to-em.scss

@@ -2,14 +2,16 @@
 /// @group tools/unit-conversion
 ////
 
+@import "../settings/typography-responsive";
+
 /// Convert pixels to em
 ///
 /// @param {Number} $value - Length in pixels
-/// @param {Number} $context-font-size - Font size of element
+/// @param {Number} $context-font-size [$govuk-root-font-size] - Font size of element
 /// @return {Number} Length in ems
 /// @access public
 
-@function govuk-em($value, $context-font-size) {
+@function govuk-em($value, $context-font-size: $govuk-root-font-size) {
   @if unitless($value) {
     $value: $value * 1px;
   }

data/node_modules/govuk-frontend/dist/govuk/tools/_px-to-rem.scss

@@ -2,6 +2,8 @@
 /// @group tools/unit-conversion
 ////
 
+@import "../settings/typography-responsive";
+
 /// Convert pixels to rem
 ///
 /// The $govuk-root-font-size (defined in settings/_typography-responsive.scss)