govuk_publishing_components 67.1.0 → 68.1.0

data/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss

@@ -1,25 +1,16 @@
 @include govuk-exports("govuk/component/service-navigation") {
   $govuk-service-navigation-active-link-border-width: govuk-spacing(1);
-  $govuk-service-navigation-background: govuk-colour("light-grey");
-  $govuk-service-navigation-border-colour: $govuk-border-colour;
-
-  // We make the link colour a little darker than normal here so that it has
-  // better perceptual contrast with the navigation background.
-  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);
+  $govuk-service-navigation-text-colour: govuk-functional-colour(surface-text);
+  $govuk-service-navigation-background: govuk-functional-colour(surface-background);
+  $govuk-service-navigation-border-colour: govuk-functional-colour(surface-border);
 
   .govuk-service-navigation {
+    @include govuk-font($size: 19);
     border-bottom-width: 1px;
     border-bottom-style: solid;
-    @include _govuk-rebrand(
-      "border-bottom-color",
-      $from: $govuk-service-navigation-border-colour,
-      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
-    );
-    @include _govuk-rebrand(
-      "background-color",
-      $from: $govuk-service-navigation-background,
-      $to: $_govuk-rebrand-template-background-colour
-    );
+    border-bottom-color: $govuk-service-navigation-border-colour;
+    color: $govuk-service-navigation-text-colour;
+    background-color: $govuk-service-navigation-background;
   }
 
   .govuk-service-navigation__container {
@@ -39,7 +30,12 @@
   .govuk-service-navigation__service-name {
     position: relative;
     margin: govuk-spacing(2) 0;
-    border: 0 solid $govuk-service-navigation-link-colour;
+
+    // A border matching the link colour is used to mark the active section –
+    // see the `govuk-service-navigation__item--active` class
+    border-width: 0;
+    border-style: solid;
+    border-color: govuk-functional-colour(link);
 
     @media #{govuk-from-breakpoint(tablet)} {
       // inline-block is used as a fallback for browsers that don't support flexbox
@@ -47,18 +43,14 @@
 
       margin-top: 0;
       margin-bottom: 0;
-      padding: govuk-spacing(4) 0;
+      padding: govuk-spacing(3) 0;
 
-      @include _govuk-rebrand {
-        padding: govuk-spacing(3) 0;
-
-        // More magic numbers ahoy:
-        // 29 is the desired height of the element (60), minus top and bottom
-        // padding (2×15), minus bottom border (1); 19 is the font-size at this
-        // point. This gives us the perfect fractional line height to make the
-        // overall component 60px high
-        line-height: (29 / 19);
-      }
+      // More magic numbers ahoy:
+      // 29 is the desired height of the element (60), minus top and bottom
+      // padding (2×15), minus bottom border (1); 19 is the font-size at this
+      // point. This gives us the perfect fractional line height to make the
+      // overall component 60px high
+      line-height: (29 / 19);
 
       &:not(:last-child) {
         @include govuk-responsive-margin(6, $direction: right);
@@ -87,11 +79,7 @@
     }
 
     @media #{govuk-from-breakpoint(tablet)} {
-      @include _govuk-rebrand(
-        "padding-bottom",
-        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,
-        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width
-      );
+      padding-bottom: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width;
       border-bottom-width: $govuk-service-navigation-active-link-border-width;
     }
   }
@@ -100,12 +88,6 @@
     @include govuk-link-common;
     @include govuk-link-style-no-underline;
     @include govuk-link-style-no-visited-state;
-
-    &:not(:hover):not(:focus) {
-      // We set the colour here as we don't want to override the hover or
-      // focus colours
-      color: $govuk-service-navigation-link-colour;
-    }
   }
 
   //
@@ -113,7 +95,7 @@
   //
 
   .govuk-service-navigation__service-name {
-    @include govuk-font($size: 19, $weight: bold);
+    @include govuk-typography-weight-bold;
   }
 
   // Annoyingly this requires a compound selector in order to overcome the
@@ -139,7 +121,7 @@
     margin: govuk-spacing(2) 0;
     padding: 0;
     border: 0;
-    color: $govuk-service-navigation-link-colour;
+    color: govuk-functional-colour(link);
     background: none;
     word-break: break-all;
     cursor: pointer;
@@ -172,7 +154,6 @@
   }
 
   .govuk-service-navigation__list {
-    @include govuk-font($size: 19);
     margin: 0;
     margin-bottom: govuk-spacing(3);
     padding: 0;
@@ -211,42 +192,40 @@
 
   // Inverted colour scheme style intended for product pages
   .govuk-service-navigation--inverse {
-    @include _govuk-rebrand {
-      // Remove bottom border to add width-container ones
-      border-bottom: none;
+    // Remove bottom border to add width-container ones
+    border-bottom: none;
 
-      // Set colour here so non-link text (service name, slot content) can
-      // use it too.
-      color: govuk-colour("white");
+    // Set colour here so non-link text (service name, slot content) can
+    // use it too.
+    color: govuk-colour("white");
 
-      background-color: $govuk-brand-colour;
+    background-color: govuk-functional-colour(brand);
 
-      .govuk-width-container {
-        border-width: 1px 0;
-        border-style: solid;
-        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;
-      }
+    .govuk-width-container {
+      border-width: 1px 0;
+      border-style: solid;
+      border-color: $govuk-service-navigation-border-colour;
+    }
 
-      // Subtract 1px of space to account for the extra border-top
-      .govuk-service-navigation__container {
-        margin-top: -1px;
-      }
+    // Subtract 1px of space to account for the extra border-top
+    .govuk-service-navigation__container {
+      margin-top: -1px;
+    }
 
-      // Override the 'active' border colour
-      .govuk-service-navigation__item,
-      .govuk-service-navigation__service-name {
-        border-color: govuk-colour("white");
-      }
+    // Override the 'active' border colour
+    .govuk-service-navigation__item,
+    .govuk-service-navigation__service-name {
+      border-color: govuk-colour("white");
+    }
 
-      // Override link styles
-      .govuk-service-navigation__link {
-        @include govuk-link-style-inverse;
-      }
+    // Override link styles
+    .govuk-service-navigation__link {
+      @include govuk-link-style-inverse;
+    }
 
-      // Override mobile menu toggle colour when not focused
-      .govuk-service-navigation__toggle:not(:focus) {
-        color: currentcolor;
-      }
+    // Override mobile menu toggle colour when not focused
+    .govuk-service-navigation__toggle:not(:focus) {
+      color: currentcolor;
     }
   }
 }

data/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_index.scss"],"names":[],"mappings":"AAAA;EACE,oEAAoE;EACpE,gEAAgE;EAChE,6DAA6D;;EAE7D,yEAAyE;EACzE,4DAA4D;EAC5D,2EAA2E;;EAE3E;IACE,wBAAwB;IACxB,0BAA0B;IAC1B;;;;KAIC;IACD;;;;KAIC;EACH;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,kBAAkB;;IAElB;MACE,mBAAmB;MACnB,eAAe;IACjB;EACF;;EAEA,sEAAsE;EACtE,qEAAqE;EACrE;;IAEE,kBAAkB;IAClB,0BAA0B;IAC1B,qDAAqD;;IAErD;MACE,4EAA4E;MAC5E,qBAAqB;;MAErB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B;QACE,2BAA2B;;QAE3B,0BAA0B;QAC1B,oEAAoE;QACpE,sEAAsE;QACtE,qEAAqE;QACrE,6BAA6B;QAC7B,sBAAsB;MACxB;;MAEA;QACE,sDAAsD;MACxD;IACF;EACF;;EAEA,4EAA4E;EAC5E,yEAAyE;EACzE;IACE;;MAEE;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE;MACE,0EAA0E;MAC1E,qDAAqD;MACrD,2FAA2F;MAC3F,8BAA8B;MAC9B,qEAAqE;IACvE;;IAEA;MACE;;;;OAIC;MACD,uEAAuE;IACzE;EACF;;EAEA;IACE,0BAA0B;IAC1B,sCAAsC;IACtC,0CAA0C;;IAE1C;MACE,kEAAkE;MAClE,eAAe;MACf,4CAA4C;IAC9C;EACF;;EAEA,CAAC;EACD,4BAA4B;EAC5B,CAAC;;EAED;IACE,6CAA6C;EAC/C;;EAEA,uEAAuE;EACvE,2DAA2D;EAC3D;IACE,8BAA8B;EAChC;;EAEA,qEAAqE;EACrE,4EAA4E;EAC5E,0BAA0B;EAC1B;IACE,YAAY;EACd;;EAEA,CAAC;EACD,+BAA+B;EAC/B,CAAC;;EAED;IACE,6CAA6C;IAC7C,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,SAAS;IACT,4CAA4C;IAC5C,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,mBAAmB;;IAEnB;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,kEAAkE;IAClE,8DAA8D;IAC9D;MACE,aAAa;IACf;EACF;;EAEA;IACE,8BAA8B;IAC9B,SAAS;IACT,+BAA+B;IAC/B,UAAU;IACV,gBAAgB;;IAEhB,mEAAmE;IACnE,sEAAsE;IACtE,wEAAwE;IACxE,uCAAuC;IACvC,wEAAwE;IACxE,0CAA0C;IAC1C;MACE,aAAa;MACb,eAAe;MACf,gBAAgB;;MAEhB,uEAAuE;MACvE,oEAAoE;MACpE,oEAAoE;MACpE,mEAAmE;MACnE,CAAC;MACD,8EAA8E;MAC9E;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;;EAEA,yDAAyD;EACzD;IACE;MACE,kDAAkD;MAClD,mBAAmB;;MAEnB,mEAAmE;MACnE,aAAa;MACb,4BAA4B;;MAE5B,qCAAqC;;MAErC;QACE,mBAAmB;QACnB,mBAAmB;QACnB,2DAA2D;MAC7D;;MAEA,2DAA2D;MAC3D;QACE,gBAAgB;MAClB;;MAEA,qCAAqC;MACrC;;QAEE,mCAAmC;MACrC;;MAEA,sBAAsB;MACtB;QACE,iCAAiC;MACnC;;MAEA,qDAAqD;MACrD;QACE,mBAAmB;MACrB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/service-navigation\") {\n  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n  $govuk-service-navigation-background: govuk-colour(\"light-grey\");\n  $govuk-service-navigation-border-colour: $govuk-border-colour;\n\n  // We make the link colour a little darker than normal here so that it has\n  // better perceptual contrast with the navigation background.\n  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);\n\n  .govuk-service-navigation {\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-service-navigation-border-colour,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n    @include _govuk-rebrand(\n      \"background-color\",\n      $from: $govuk-service-navigation-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-service-navigation__container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  }\n\n  // These styles are shared between nav items and the service name, they\n  // ensure that both of them remain vertically aligned with one another\n  .govuk-service-navigation__item,\n  .govuk-service-navigation__service-name {\n    position: relative;\n    margin: govuk-spacing(2) 0;\n    border: 0 solid $govuk-service-navigation-link-colour;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      // inline-block is used as a fallback for browsers that don't support flexbox\n      display: inline-block;\n\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: govuk-spacing(4) 0;\n\n      @include _govuk-rebrand {\n        padding: govuk-spacing(3) 0;\n\n        // More magic numbers ahoy:\n        // 29 is the desired height of the element (60), minus top and bottom\n        // padding (2×15), minus bottom border (1); 19 is the font-size at this\n        // point. This gives us the perfect fractional line height to make the\n        // overall component 60px high\n        line-height: (29 / 19);\n      }\n\n      &:not(:last-child) {\n        @include govuk-responsive-margin(6, $direction: right);\n      }\n    }\n  }\n\n  // Remove the top margin of the first nav item if there is a service name but\n  // there's no menu button (either because it doesn't exist or it's hidden)\n  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n    .govuk-service-navigation__list:first-child,\n    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n      .govuk-service-navigation__item:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-service-navigation__item--active {\n    @media #{govuk-until-breakpoint(tablet)} {\n      // Negative offset the left margin so we can place a current page indicator\n      // to the left without misaligning the list item text.\n      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n      padding-left: govuk-spacing(2);\n      border-left-width: $govuk-service-navigation-active-link-border-width;\n    }\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      @include _govuk-rebrand(\n        \"padding-bottom\",\n        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,\n        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width\n      );\n      border-bottom-width: $govuk-service-navigation-active-link-border-width;\n    }\n  }\n\n  .govuk-service-navigation__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-underline;\n    @include govuk-link-style-no-visited-state;\n\n    &:not(:hover):not(:focus) {\n      // We set the colour here as we don't want to override the hover or\n      // focus colours\n      color: $govuk-service-navigation-link-colour;\n    }\n  }\n\n  //\n  // Service name specific code\n  //\n\n  .govuk-service-navigation__service-name {\n    @include govuk-font($size: 19, $weight: bold);\n  }\n\n  // Annoyingly this requires a compound selector in order to overcome the\n  // specificity of the other link colour override we're doing\n  .govuk-service-navigation__service-name .govuk-service-navigation__link {\n    @include govuk-link-style-text;\n  }\n\n  // Allow navigation section to always take up maximum available space,\n  // rather than sizing to fit the content. This makes it easier to right align\n  // nav items and use slots.\n  .govuk-service-navigation__wrapper {\n    flex-grow: 1;\n  }\n\n  //\n  // Navigation list specific code\n  //\n\n  .govuk-service-navigation__toggle {\n    @include govuk-font($size: 19, $weight: bold);\n    display: inline-flex;\n    margin: govuk-spacing(2) 0;\n    padding: 0;\n    border: 0;\n    color: $govuk-service-navigation-link-colour;\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n    align-items: center;\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    // Ensure the button stays hidden if the hidden attribute is present\n    &[hidden] {\n      display: none;\n    }\n\n    // If we have both a service name and navigation toggle, remove the\n    // margin-top so that there isn't a bunch of space between them\n    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n      margin-top: 0;\n    }\n  }\n\n  .govuk-service-navigation__list {\n    @include govuk-font($size: 19);\n    margin: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n    list-style: none;\n\n    // Make the navigation list a flexbox. Doing so resolves a couple of\n    // accessibility problems caused by the list items being inline-blocks:\n    // - Removes the extra whitespace from between each list item that screen\n    //   readers would pointlessly announce.\n    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n    //   all of the links as a run-on sentence.\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: flex;\n      flex-wrap: wrap;\n      margin-bottom: 0;\n\n      // However... IE11 totally trips over flexbox and doesn't wrap anything,\n      // making all of the items into a single, horizontally scrolling row,\n      // which is no good. This CSS hack removes the flexbox definition for\n      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n      //\n      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n      @media screen and (min-width: 0\\0) {\n        display: block;\n      }\n    }\n  }\n\n  // This is a <strong> element that is used as a fallback mechanism for\n  // visually indicating the current page in scenarios where CSS isn't\n  // available. We don't actually want it to be bold normally, so set it to\n  // inherit the parent font-weight.\n  .govuk-service-navigation__active-fallback {\n    font-weight: inherit;\n  }\n\n  // Inverted colour scheme style intended for product pages\n  .govuk-service-navigation--inverse {\n    @include _govuk-rebrand {\n      // Remove bottom border to add width-container ones\n      border-bottom: none;\n\n      // Set colour here so non-link text (service name, slot content) can\n      // use it too.\n      color: govuk-colour(\"white\");\n\n      background-color: $govuk-brand-colour;\n\n      .govuk-width-container {\n        border-width: 1px 0;\n        border-style: solid;\n        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;\n      }\n\n      // Subtract 1px of space to account for the extra border-top\n      .govuk-service-navigation__container {\n        margin-top: -1px;\n      }\n\n      // Override the 'active' border colour\n      .govuk-service-navigation__item,\n      .govuk-service-navigation__service-name {\n        border-color: govuk-colour(\"white\");\n      }\n\n      // Override link styles\n      .govuk-service-navigation__link {\n        @include govuk-link-style-inverse;\n      }\n\n      // Override mobile menu toggle colour when not focused\n      .govuk-service-navigation__toggle:not(:focus) {\n        color: currentcolor;\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_index.scss"],"names":[],"mappings":"AAAA;EACE,oEAAoE;EACpE,4EAA4E;EAC5E,iFAAiF;EACjF,gFAAgF;;EAEhF;IACE,8BAA8B;IAC9B,wBAAwB;IACxB,0BAA0B;IAC1B,4DAA4D;IAC5D,4CAA4C;IAC5C,sDAAsD;EACxD;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,kBAAkB;;IAElB;MACE,mBAAmB;MACnB,eAAe;IACjB;EACF;;EAEA,sEAAsE;EACtE,qEAAqE;EACrE;;IAEE,kBAAkB;IAClB,0BAA0B;;IAE1B,wEAAwE;IACxE,wDAAwD;IACxD,eAAe;IACf,mBAAmB;IACnB,2CAA2C;;IAE3C;MACE,4EAA4E;MAC5E,qBAAqB;;MAErB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B,0BAA0B;MAC1B,oEAAoE;MACpE,sEAAsE;MACtE,qEAAqE;MACrE,6BAA6B;MAC7B,sBAAsB;;MAEtB;QACE,sDAAsD;MACxD;IACF;EACF;;EAEA,4EAA4E;EAC5E,yEAAyE;EACzE;IACE;;MAEE;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE;MACE,0EAA0E;MAC1E,qDAAqD;MACrD,2FAA2F;MAC3F,8BAA8B;MAC9B,qEAAqE;IACvE;;IAEA;MACE,qFAAqF;MACrF,uEAAuE;IACzE;EACF;;EAEA;IACE,0BAA0B;IAC1B,sCAAsC;IACtC,0CAA0C;EAC5C;;EAEA,CAAC;EACD,4BAA4B;EAC5B,CAAC;;EAED;IACE,qCAAqC;EACvC;;EAEA,uEAAuE;EACvE,2DAA2D;EAC3D;IACE,8BAA8B;EAChC;;EAEA,qEAAqE;EACrE,4EAA4E;EAC5E,0BAA0B;EAC1B;IACE,YAAY;EACd;;EAEA,CAAC;EACD,+BAA+B;EAC/B,CAAC;;EAED;IACE,6CAA6C;IAC7C,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,SAAS;IACT,oCAAoC;IACpC,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,mBAAmB;;IAEnB;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,kEAAkE;IAClE,8DAA8D;IAC9D;MACE,aAAa;IACf;EACF;;EAEA;IACE,SAAS;IACT,+BAA+B;IAC/B,UAAU;IACV,gBAAgB;;IAEhB,mEAAmE;IACnE,sEAAsE;IACtE,wEAAwE;IACxE,uCAAuC;IACvC,wEAAwE;IACxE,0CAA0C;IAC1C;MACE,aAAa;MACb,eAAe;MACf,gBAAgB;;MAEhB,uEAAuE;MACvE,oEAAoE;MACpE,oEAAoE;MACpE,mEAAmE;MACnE,CAAC;MACD,8EAA8E;MAC9E;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;;EAEA,yDAAyD;EACzD;IACE,kDAAkD;IAClD,mBAAmB;;IAEnB,mEAAmE;IACnE,aAAa;IACb,4BAA4B;;IAE5B,gDAAgD;;IAEhD;MACE,mBAAmB;MACnB,mBAAmB;MACnB,qDAAqD;IACvD;;IAEA,2DAA2D;IAC3D;MACE,gBAAgB;IAClB;;IAEA,qCAAqC;IACrC;;MAEE,mCAAmC;IACrC;;IAEA,sBAAsB;IACtB;MACE,iCAAiC;IACnC;;IAEA,qDAAqD;IACrD;MACE,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/service-navigation\") {\n  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n  $govuk-service-navigation-text-colour: govuk-functional-colour(surface-text);\n  $govuk-service-navigation-background: govuk-functional-colour(surface-background);\n  $govuk-service-navigation-border-colour: govuk-functional-colour(surface-border);\n\n  .govuk-service-navigation {\n    @include govuk-font($size: 19);\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    border-bottom-color: $govuk-service-navigation-border-colour;\n    color: $govuk-service-navigation-text-colour;\n    background-color: $govuk-service-navigation-background;\n  }\n\n  .govuk-service-navigation__container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  }\n\n  // These styles are shared between nav items and the service name, they\n  // ensure that both of them remain vertically aligned with one another\n  .govuk-service-navigation__item,\n  .govuk-service-navigation__service-name {\n    position: relative;\n    margin: govuk-spacing(2) 0;\n\n    // A border matching the link colour is used to mark the active section –\n    // see the `govuk-service-navigation__item--active` class\n    border-width: 0;\n    border-style: solid;\n    border-color: govuk-functional-colour(link);\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      // inline-block is used as a fallback for browsers that don't support flexbox\n      display: inline-block;\n\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: govuk-spacing(3) 0;\n\n      // More magic numbers ahoy:\n      // 29 is the desired height of the element (60), minus top and bottom\n      // padding (2×15), minus bottom border (1); 19 is the font-size at this\n      // point. This gives us the perfect fractional line height to make the\n      // overall component 60px high\n      line-height: (29 / 19);\n\n      &:not(:last-child) {\n        @include govuk-responsive-margin(6, $direction: right);\n      }\n    }\n  }\n\n  // Remove the top margin of the first nav item if there is a service name but\n  // there's no menu button (either because it doesn't exist or it's hidden)\n  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n    .govuk-service-navigation__list:first-child,\n    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n      .govuk-service-navigation__item:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-service-navigation__item--active {\n    @media #{govuk-until-breakpoint(tablet)} {\n      // Negative offset the left margin so we can place a current page indicator\n      // to the left without misaligning the list item text.\n      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n      padding-left: govuk-spacing(2);\n      border-left-width: $govuk-service-navigation-active-link-border-width;\n    }\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding-bottom: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width;\n      border-bottom-width: $govuk-service-navigation-active-link-border-width;\n    }\n  }\n\n  .govuk-service-navigation__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-underline;\n    @include govuk-link-style-no-visited-state;\n  }\n\n  //\n  // Service name specific code\n  //\n\n  .govuk-service-navigation__service-name {\n    @include govuk-typography-weight-bold;\n  }\n\n  // Annoyingly this requires a compound selector in order to overcome the\n  // specificity of the other link colour override we're doing\n  .govuk-service-navigation__service-name .govuk-service-navigation__link {\n    @include govuk-link-style-text;\n  }\n\n  // Allow navigation section to always take up maximum available space,\n  // rather than sizing to fit the content. This makes it easier to right align\n  // nav items and use slots.\n  .govuk-service-navigation__wrapper {\n    flex-grow: 1;\n  }\n\n  //\n  // Navigation list specific code\n  //\n\n  .govuk-service-navigation__toggle {\n    @include govuk-font($size: 19, $weight: bold);\n    display: inline-flex;\n    margin: govuk-spacing(2) 0;\n    padding: 0;\n    border: 0;\n    color: govuk-functional-colour(link);\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n    align-items: center;\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    // Ensure the button stays hidden if the hidden attribute is present\n    &[hidden] {\n      display: none;\n    }\n\n    // If we have both a service name and navigation toggle, remove the\n    // margin-top so that there isn't a bunch of space between them\n    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n      margin-top: 0;\n    }\n  }\n\n  .govuk-service-navigation__list {\n    margin: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n    list-style: none;\n\n    // Make the navigation list a flexbox. Doing so resolves a couple of\n    // accessibility problems caused by the list items being inline-blocks:\n    // - Removes the extra whitespace from between each list item that screen\n    //   readers would pointlessly announce.\n    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n    //   all of the links as a run-on sentence.\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: flex;\n      flex-wrap: wrap;\n      margin-bottom: 0;\n\n      // However... IE11 totally trips over flexbox and doesn't wrap anything,\n      // making all of the items into a single, horizontally scrolling row,\n      // which is no good. This CSS hack removes the flexbox definition for\n      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n      //\n      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n      @media screen and (min-width: 0\\0) {\n        display: block;\n      }\n    }\n  }\n\n  // This is a <strong> element that is used as a fallback mechanism for\n  // visually indicating the current page in scenarios where CSS isn't\n  // available. We don't actually want it to be bold normally, so set it to\n  // inherit the parent font-weight.\n  .govuk-service-navigation__active-fallback {\n    font-weight: inherit;\n  }\n\n  // Inverted colour scheme style intended for product pages\n  .govuk-service-navigation--inverse {\n    // Remove bottom border to add width-container ones\n    border-bottom: none;\n\n    // Set colour here so non-link text (service name, slot content) can\n    // use it too.\n    color: govuk-colour(\"white\");\n\n    background-color: govuk-functional-colour(brand);\n\n    .govuk-width-container {\n      border-width: 1px 0;\n      border-style: solid;\n      border-color: $govuk-service-navigation-border-colour;\n    }\n\n    // Subtract 1px of space to account for the extra border-top\n    .govuk-service-navigation__container {\n      margin-top: -1px;\n    }\n\n    // Override the 'active' border colour\n    .govuk-service-navigation__item,\n    .govuk-service-navigation__service-name {\n      border-color: govuk-colour(\"white\");\n    }\n\n    // Override link styles\n    .govuk-service-navigation__link {\n      @include govuk-link-style-inverse;\n    }\n\n    // Override mobile menu toggle colour when not focused\n    .govuk-service-navigation__toggle:not(:focus) {\n      color: currentcolor;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/service-navigation/fixtures.json

@@ -247,7 +247,12 @@
             "hidden": false,
             "description": "",
             "pageTemplateOptions": {},
-            "screenshot": false,
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
             "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden aria-hidden=\"true\">\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
         },
         {
@@ -277,7 +282,7 @@
                 ]
             },
             "hidden": false,
-            "description": "Service navigation that appears between other areas of brand blue. Rebrand only.",
+            "description": "Service navigation that appears sandwiched between other areas of brand blue, such as the GOV.UK header and a custom page masthead.",
             "pageTemplateOptions": {
                 "bodyClasses": "app-template__body--inverse"
             },
@@ -645,36 +650,6 @@
             "pageTemplateOptions": {},
             "screenshot": false,
             "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div>[start]</div><div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            <li>[navigation start]</li>\n            <li>[navigation end]</li></ul>\n        </nav>\n    </div>\n\n    <div>[end]</div></div>\n\n  </section>"
-        },
-        {
-            "name": "rebrand",
-            "options": {
-                "navigation": [
-                    {
-                        "href": "#/1",
-                        "text": "Navigation item 1"
-                    },
-                    {
-                        "href": "#/2",
-                        "text": "Navigation item 2"
-                    },
-                    {
-                        "href": "#/3",
-                        "text": "Navigation item 3"
-                    },
-                    {
-                        "href": "#/4",
-                        "text": "Navigation item 4"
-                    }
-                ]
-            },
-            "hidden": true,
-            "description": "",
-            "pageTemplateOptions": {
-                "htmlClasses": "govuk-template--rebranded"
-            },
-            "screenshot": true,
-            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden aria-hidden=\"true\">\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
         }
     ],
     "previewLayout": "full-width"

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

@@ -20,9 +20,10 @@
     }
 
     &:focus {
-      outline: $govuk-focus-width solid $govuk-focus-colour;
+      outline: $govuk-focus-width solid;
+      outline-color: govuk-functional-colour(focus);
       outline-offset: 0;
-      background-color: $govuk-focus-colour;
+      background-color: govuk-functional-colour(focus);
 
       @media (forced-colors: active) {
         outline-offset: (0 - $govuk-focus-width);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;;IAE9B,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD,+EAA+E;MAC/E,6EAA6E;IAC/E;;IAEA;MACE,qDAAqD;MACrD,iBAAiB;MACjB,qCAAqC;;MAErC;QACE,wCAAwC;MAC1C;;MAEA,sDAAsD;MACtD;QACE,8BAA8B;QAC9B,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,oEAAoE;MACpE,mEAAmE;MACnE,wEAAwE;MACxE,0DAA0D;MAC1D,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/skip-link\") {\n  .govuk-skip-link {\n    @include govuk-visually-hidden-focusable;\n    @include govuk-link-decoration;\n    @include govuk-link-style-text;\n    @include govuk-font($size: 16);\n\n    display: block;\n    padding: govuk-spacing(2) govuk-spacing(3);\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (padding: unquote(\"max(calc(0px))\")) {\n      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest padding, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n      padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      outline-offset: 0;\n      background-color: $govuk-focus-colour;\n\n      @media (forced-colors: active) {\n        outline-offset: (0 - $govuk-focus-width);\n      }\n\n      // Undo unwanted changes when global styles are enabled\n      @if $govuk-global-styles {\n        @include govuk-link-decoration;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .govuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main>\n      // element) when the skip link is activated to improve screen reader\n      // announcements. However, we remove the visible focus indicator from the\n      // linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;;IAE9B,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD,+EAA+E;MAC/E,6EAA6E;IAC/E;;IAEA;MACE,iCAAiC;MACjC,6CAA6C;MAC7C,iBAAiB;MACjB,gDAAgD;;MAEhD;QACE,wCAAwC;MAC1C;;MAEA,sDAAsD;MACtD;QACE,8BAA8B;QAC9B,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,oEAAoE;MACpE,mEAAmE;MACnE,wEAAwE;MACxE,0DAA0D;MAC1D,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/skip-link\") {\n  .govuk-skip-link {\n    @include govuk-visually-hidden-focusable;\n    @include govuk-link-decoration;\n    @include govuk-link-style-text;\n    @include govuk-font($size: 16);\n\n    display: block;\n    padding: govuk-spacing(2) govuk-spacing(3);\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (padding: unquote(\"max(calc(0px))\")) {\n      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest padding, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n      padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid;\n      outline-color: govuk-functional-colour(focus);\n      outline-offset: 0;\n      background-color: govuk-functional-colour(focus);\n\n      @media (forced-colors: active) {\n        outline-offset: (0 - $govuk-focus-width);\n      }\n\n      // Undo unwanted changes when global styles are enabled\n      @if $govuk-global-styles {\n        @include govuk-link-decoration;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .govuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main>\n      // element) when the skip link is activated to improve screen reader\n      // announcements. However, we remove the visible focus indicator from the\n      // linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}

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

@@ -13,7 +13,8 @@
   }
 
   .govuk-summary-list__row {
-    border-bottom: 1px solid $govuk-border-colour;
+    border-bottom: 1px solid;
+    border-bottom-color: govuk-functional-colour(border);
 
     @media #{govuk-until-breakpoint(tablet)} {
       margin-bottom: govuk-spacing(3);
@@ -106,7 +107,8 @@
     .govuk-summary-card__action {
       margin-right: govuk-spacing(2);
       padding-right: govuk-spacing(2);
-      border-right: 1px solid $govuk-border-colour;
+      border-right: 1px solid;
+      border-right-color: govuk-functional-colour(border);
     }
 
     .govuk-summary-list__actions-list-item:last-child,
@@ -126,7 +128,8 @@
 
     .govuk-summary-list__actions-list-item:not(:first-child),
     .govuk-summary-card__action:not(:first-child) {
-      border-left: 1px solid $govuk-border-colour;
+      border-left: 1px solid;
+      border-left-color: govuk-functional-colour(border);
     }
 
     .govuk-summary-list__actions-list-item:first-child,
@@ -179,7 +182,8 @@
   // Additional block for the summary card
   .govuk-summary-card {
     @include govuk-responsive-margin(6, "bottom");
-    border: 1px solid $govuk-border-colour;
+    border: 1px solid;
+    border-color: govuk-functional-colour(border);
   }
 
   .govuk-summary-card__title-wrapper {
@@ -188,7 +192,7 @@
     // Ensures the card header appears separate to the summary list in forced
     // colours mode
     border-bottom: 1px solid transparent;
-    background-color: govuk-colour("light-grey");
+    background-color: govuk-colour("black", $variant: "tint-95");
 
     @media #{govuk-from-breakpoint(tablet)} {
       display: flex;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B;MACE,cAAc;MACd,WAAW;MACX,mBAAmB,EAAE,mDAAmD;MACxE,yBAAyB;IAC3B;IACA,SAAS,EAAE,iCAAiC;IAC5C,6CAA6C;EAC/C;;EAEA;IACE,6CAA6C;;IAE7C;MACE,+BAA+B;IACjC;IACA;MACE,kBAAkB;IACpB;EACF;;EAEA,sDAAsD;EACtD;IACE,gBAAgB;EAClB;;EAEA,0EAA0E;EAC1E,uEAAuE;EACvE;IACE;MACE;QACE,WAAW;QACX,mBAAmB;QACnB,UAAU;MACZ;IACF;EACF;;EAEA;;;IAGE,SAAS,EAAE,iCAAiC;;IAE5C;MACE,mBAAmB;MACnB,6BAA6B;MAC7B,+BAA+B;MAC/B,gCAAgC;IAClC;EACF;;EAEA;IACE,+BAA+B;IAC/B;MACE,UAAU;MACV,iBAAiB;IACnB;EACF;;EAEA;;IAEE,qDAAqD;IACrD,qBAAqB,EAAE,kCAAkC;IACzD,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;IAC/B,qCAAqC;IACrC;MACE,UAAU;IACZ;EACF;;EAEA;IACE;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,SAAS,EAAE,iCAAiC;IAC5C,UAAU,EAAE,iCAAiC;EAC/C;;EAEA;;IAEE,qBAAqB;EACvB;;EAEA;IACE;;MAEE,8BAA8B;MAC9B,+BAA+B;MAC/B,4CAA4C;IAC9C;;IAEA;;MAEE,eAAe;MACf,gBAAgB;MAChB,SAAS;IACX;EACF;;EAEA;IACE;;MAEE,6BAA6B;MAC7B,8BAA8B;IAChC;;IAEA;;MAEE,2CAA2C;IAC7C;;IAEA;;MAEE,cAAc;MACd,eAAe;MACf,SAAS;IACX;EACF;;EAEA,6EAA6E;EAC7E,wEAAwE;EACxE,4EAA4E;EAC5E,4EAA4E;EAC5E,4CAA4C;EAC5C;IACE,kBAAkB;EACpB;;EAEA,kCAAkC;EAClC;IACE;MACE,SAAS;IACX;;IAEA,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,4BAA4B;EAC5B;IACE,SAAS;;IAET,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,uCAAuC;EACvC;IACE,6CAA6C;IAC7C,sCAAsC;EACxC;;EAEA;IACE,yBAAyB;;IAEzB,wEAAwE;IACxE,cAAc;IACd,oCAAoC;IACpC,4CAA4C;;IAE5C;MACE,aAAa;MACb,8BAA8B;MAC9B,iBAAiB;MACjB,0CAA0C;IAC5C;EACF;;EAEA;IACE,6CAA6C;IAC7C,0BAA0B;IAC1B,4DAA4D;;IAE5D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,eAAe;IACf,aAAa;IACb,0BAA0B;IAC1B,UAAU;IACV,gBAAgB;;IAEhB;MACE,sBAAsB;MACtB,iBAAiB;IACnB;EACF;;EAEA;IACE,eAAe;;IAEf,2EAA2E;IAC3E,kBAAkB;IAClB,CAAC;IACD,2EAA2E;IAC3E,6EAA6E;IAC7E,yEAAyE;IACzE,CAAC;IACD,yGAAyG;IACzG,sDAAsD;IACtD;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,wCAAwC;IACxC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,4CAA4C;;IAE5C;MACE,0CAA0C;IAC5C;;IAEA;MACE,gBAAgB;IAClB;;IAEA;MACE,gBAAgB;MAChB,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid $govuk-border-colour;\n\n    @media #{govuk-until-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(3);\n    }\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @media #{govuk-from-breakpoint(tablet)} {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @media #{govuk-from-breakpoint(tablet)} {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @media #{govuk-from-breakpoint(tablet)} {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @media #{govuk-until-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    display: inline-block;\n  }\n\n  @media #{govuk-until-breakpoint(tablet)} {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:last-child,\n    .govuk-summary-card__action:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @media #{govuk-from-breakpoint(tablet)} {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child),\n    .govuk-summary-card__action:not(:first-child) {\n      border-left: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:first-child,\n    .govuk-summary-card__action:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B;MACE,cAAc;MACd,WAAW;MACX,mBAAmB,EAAE,mDAAmD;MACxE,yBAAyB;IAC3B;IACA,SAAS,EAAE,iCAAiC;IAC5C,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;IACxB,oDAAoD;;IAEpD;MACE,+BAA+B;IACjC;IACA;MACE,kBAAkB;IACpB;EACF;;EAEA,sDAAsD;EACtD;IACE,gBAAgB;EAClB;;EAEA,0EAA0E;EAC1E,uEAAuE;EACvE;IACE;MACE;QACE,WAAW;QACX,mBAAmB;QACnB,UAAU;MACZ;IACF;EACF;;EAEA;;;IAGE,SAAS,EAAE,iCAAiC;;IAE5C;MACE,mBAAmB;MACnB,6BAA6B;MAC7B,+BAA+B;MAC/B,gCAAgC;IAClC;EACF;;EAEA;IACE,+BAA+B;IAC/B;MACE,UAAU;MACV,iBAAiB;IACnB;EACF;;EAEA;;IAEE,qDAAqD;IACrD,qBAAqB,EAAE,kCAAkC;IACzD,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;IAC/B,qCAAqC;IACrC;MACE,UAAU;IACZ;EACF;;EAEA;IACE;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,SAAS,EAAE,iCAAiC;IAC5C,UAAU,EAAE,iCAAiC;EAC/C;;EAEA;;IAEE,qBAAqB;EACvB;;EAEA;IACE;;MAEE,8BAA8B;MAC9B,+BAA+B;MAC/B,uBAAuB;MACvB,mDAAmD;IACrD;;IAEA;;MAEE,eAAe;MACf,gBAAgB;MAChB,SAAS;IACX;EACF;;EAEA;IACE;;MAEE,6BAA6B;MAC7B,8BAA8B;IAChC;;IAEA;;MAEE,sBAAsB;MACtB,kDAAkD;IACpD;;IAEA;;MAEE,cAAc;MACd,eAAe;MACf,SAAS;IACX;EACF;;EAEA,6EAA6E;EAC7E,wEAAwE;EACxE,4EAA4E;EAC5E,4EAA4E;EAC5E,4CAA4C;EAC5C;IACE,kBAAkB;EACpB;;EAEA,kCAAkC;EAClC;IACE;MACE,SAAS;IACX;;IAEA,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,4BAA4B;EAC5B;IACE,SAAS;;IAET,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,uCAAuC;EACvC;IACE,6CAA6C;IAC7C,iBAAiB;IACjB,6CAA6C;EAC/C;;EAEA;IACE,yBAAyB;;IAEzB,wEAAwE;IACxE,cAAc;IACd,oCAAoC;IACpC,4DAA4D;;IAE5D;MACE,aAAa;MACb,8BAA8B;MAC9B,iBAAiB;MACjB,0CAA0C;IAC5C;EACF;;EAEA;IACE,6CAA6C;IAC7C,0BAA0B;IAC1B,4DAA4D;;IAE5D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,eAAe;IACf,aAAa;IACb,0BAA0B;IAC1B,UAAU;IACV,gBAAgB;;IAEhB;MACE,sBAAsB;MACtB,iBAAiB;IACnB;EACF;;EAEA;IACE,eAAe;;IAEf,2EAA2E;IAC3E,kBAAkB;IAClB,CAAC;IACD,2EAA2E;IAC3E,6EAA6E;IAC7E,yEAAyE;IACzE,CAAC;IACD,yGAAyG;IACzG,sDAAsD;IACtD;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,wCAAwC;IACxC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,4CAA4C;;IAE5C;MACE,0CAA0C;IAC5C;;IAEA;MACE,gBAAgB;IAClB;;IAEA;MACE,gBAAgB;MAChB,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid;\n    border-bottom-color: govuk-functional-colour(border);\n\n    @media #{govuk-until-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(3);\n    }\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @media #{govuk-from-breakpoint(tablet)} {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @media #{govuk-from-breakpoint(tablet)} {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @media #{govuk-from-breakpoint(tablet)} {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @media #{govuk-until-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    display: inline-block;\n  }\n\n  @media #{govuk-until-breakpoint(tablet)} {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid;\n      border-right-color: govuk-functional-colour(border);\n    }\n\n    .govuk-summary-list__actions-list-item:last-child,\n    .govuk-summary-card__action:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @media #{govuk-from-breakpoint(tablet)} {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child),\n    .govuk-summary-card__action:not(:first-child) {\n      border-left: 1px solid;\n      border-left-color: govuk-functional-colour(border);\n    }\n\n    .govuk-summary-list__actions-list-item:first-child,\n    .govuk-summary-card__action:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid;\n    border-color: govuk-functional-colour(border);\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n"]}

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

@@ -9,13 +9,11 @@
     border-collapse: collapse;
   }
 
-  @if $govuk-new-typography-scale {
-    // 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 #{govuk-until-breakpoint(tablet)} {
-        @include govuk-font-size($size: 16);
-      }
+  // 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 #{govuk-until-breakpoint(tablet)} {
+      @include govuk-font-size($size: 16);
     }
   }
 
@@ -26,7 +24,8 @@
   .govuk-table__header,
   .govuk-table__cell {
     padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;
-    border-bottom: 1px solid $govuk-border-colour;
+    border-bottom: 1px solid;
+    border-bottom-color: govuk-functional-colour(border);
     text-align: left;
     vertical-align: top;
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/table/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,WAAW;IACX,6CAA6C;;IAE7C,iBAAiB;IACjB,yBAAyB;EAC3B;;EAEA;IACE,0EAA0E;IAC1E,4CAA4C;IAC5C;MACE;QACE,mCAAmC;MACrC;IACF;EACF;;EAEA;IACE,qCAAqC;EACvC;;EAEA;;IAEE,6DAA6D;IAC7D,6CAA6C;IAC7C,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;;IAErC,sBAAsB;IACtB,gBAAgB;EAClB;;EAEA,uEAAuE;EACvE;;;IAGE,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/table\") {\n  .govuk-table {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    width: 100%;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n\n  @if $govuk-new-typography-scale {\n    // Modifier for tables with a lot of data. Tables with lots of data benefit\n    // from a smaller font size on small screens.\n    .govuk-table--small-text-until-tablet {\n      @media #{govuk-until-breakpoint(tablet)} {\n        @include govuk-font-size($size: 16);\n      }\n    }\n  }\n\n  .govuk-table__header {\n    @include govuk-typography-weight-bold;\n  }\n\n  .govuk-table__header,\n  .govuk-table__cell {\n    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-border-colour;\n    text-align: left;\n    vertical-align: top;\n  }\n\n  .govuk-table__cell--numeric {\n    @include govuk-font-tabular-numbers;\n  }\n\n  .govuk-table__header--numeric,\n  .govuk-table__cell--numeric {\n    text-align: right;\n  }\n\n  .govuk-table__header:last-child,\n  .govuk-table__cell:last-child {\n    padding-right: 0;\n  }\n\n  .govuk-table__caption {\n    @include govuk-typography-weight-bold;\n\n    display: table-caption;\n    text-align: left;\n  }\n\n  // Modifiers that make captions look more like their equivalent headings\n  .govuk-table__caption--xl,\n  .govuk-table__caption--l,\n  .govuk-table__caption--m {\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-table__caption--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-table__caption--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-table__caption--m {\n    @include govuk-font-size($size: 24);\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/table/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,WAAW;IACX,6CAA6C;;IAE7C,iBAAiB;IACjB,yBAAyB;EAC3B;;EAEA,0EAA0E;EAC1E,4CAA4C;EAC5C;IACE;MACE,mCAAmC;IACrC;EACF;;EAEA;IACE,qCAAqC;EACvC;;EAEA;;IAEE,6DAA6D;IAC7D,wBAAwB;IACxB,oDAAoD;IACpD,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;;IAErC,sBAAsB;IACtB,gBAAgB;EAClB;;EAEA,uEAAuE;EACvE;;;IAGE,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/table\") {\n  .govuk-table {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    width: 100%;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n\n  // Modifier for tables with a lot of data. Tables with lots of data benefit\n  // from a smaller font size on small screens.\n  .govuk-table--small-text-until-tablet {\n    @media #{govuk-until-breakpoint(tablet)} {\n      @include govuk-font-size($size: 16);\n    }\n  }\n\n  .govuk-table__header {\n    @include govuk-typography-weight-bold;\n  }\n\n  .govuk-table__header,\n  .govuk-table__cell {\n    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n    border-bottom: 1px solid;\n    border-bottom-color: govuk-functional-colour(border);\n    text-align: left;\n    vertical-align: top;\n  }\n\n  .govuk-table__cell--numeric {\n    @include govuk-font-tabular-numbers;\n  }\n\n  .govuk-table__header--numeric,\n  .govuk-table__cell--numeric {\n    text-align: right;\n  }\n\n  .govuk-table__header:last-child,\n  .govuk-table__cell:last-child {\n    padding-right: 0;\n  }\n\n  .govuk-table__caption {\n    @include govuk-typography-weight-bold;\n\n    display: table-caption;\n    text-align: left;\n  }\n\n  // Modifiers that make captions look more like their equivalent headings\n  .govuk-table__caption--xl,\n  .govuk-table__caption--l,\n  .govuk-table__caption--m {\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-table__caption--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-table__caption--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-table__caption--m {\n    @include govuk-font-size($size: 24);\n  }\n}\n"]}

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

@@ -50,7 +50,8 @@
       .govuk-tabs__list {
         @include govuk-clearfix;
         margin-bottom: 0;
-        border-bottom: 1px solid $govuk-border-colour;
+        border-bottom: 1px solid;
+        border-bottom-color: govuk-functional-colour(border);
       }
 
       .govuk-tabs__title {
@@ -66,7 +67,7 @@
         padding: govuk-spacing(2) govuk-spacing(4);
 
         float: left;
-        background-color: govuk-colour("light-grey");
+        background-color: govuk-colour("black", $variant: "tint-95");
         text-align: center;
 
         &::before {
@@ -88,10 +89,11 @@
         padding-bottom: govuk-spacing(3) + $border-width;
         padding-left: govuk-spacing(4) - $border-width;
 
-        border: $border-width solid $govuk-border-colour;
+        border: $border-width solid;
         border-bottom: 0;
+        border-color: govuk-functional-colour(border);
 
-        background-color: $govuk-body-background-colour;
+        background-color: govuk-functional-colour(body-background);
 
         .govuk-tabs__tab {
           text-decoration: none;
@@ -116,8 +118,9 @@
       .govuk-tabs__panel {
         @include govuk-responsive-margin(0, "bottom");
         padding: govuk-spacing(6) govuk-spacing(4);
-        border: 1px solid $govuk-border-colour;
+        border: 1px solid;
         border-top: 0;
+        border-color: govuk-functional-colour(border);
 
         & > :last-child {
           margin-bottom: 0;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC;IACxC,0BAA0B;IAC1B,+BAA+B;EACjC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,0BAA0B;MAC1B,iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;IACjC;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,6CAA6C;MAC/C;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4CAA4C;QAC5C,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,gDAAgD;QAChD,gBAAgB;;QAEhB,+CAA+C;;QAE/C;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,sCAAsC;QACtC,aAAa;;QAEb;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tabs\") {\n  .govuk-tabs {\n    @include govuk-responsive-margin(1, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-font($size: 19);\n  }\n\n  .govuk-tabs__title {\n    // Set the size and weight again because this element is a heading and the\n    // user agent font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-regular;\n    @include govuk-text-colour;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-tabs__list-item {\n    margin-left: govuk-spacing(5);\n\n    &::before {\n      @include govuk-text-colour;\n      content: \"\\2014 \"; // \"— \"\n      margin-left: govuk-spacing(-5);\n      padding-right: govuk-spacing(1);\n    }\n  }\n\n  .govuk-tabs__tab {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__panel {\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-tabs__list {\n        @include govuk-clearfix;\n        margin-bottom: 0;\n        border-bottom: 1px solid $govuk-border-colour;\n      }\n\n      .govuk-tabs__title {\n        display: none;\n      }\n\n      .govuk-tabs__list-item {\n        position: relative;\n\n        margin-right: govuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: govuk-spacing(2) govuk-spacing(4);\n\n        float: left;\n        background-color: govuk-colour(\"light-grey\");\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .govuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: govuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: govuk-spacing(3) - $border-width;\n        padding-right: govuk-spacing(4) - $border-width;\n        padding-bottom: govuk-spacing(3) + $border-width;\n        padding-left: govuk-spacing(4) - $border-width;\n\n        border: $border-width solid $govuk-border-colour;\n        border-bottom: 0;\n\n        background-color: $govuk-body-background-colour;\n\n        .govuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .govuk-tabs__tab {\n        @include govuk-link-style-text;\n\n        margin-bottom: 0;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .govuk-tabs__panel {\n        @include govuk-responsive-margin(0, \"bottom\");\n        padding: govuk-spacing(6) govuk-spacing(4);\n        border: 1px solid $govuk-border-colour;\n        border-top: 0;\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .govuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC;IACxC,0BAA0B;IAC1B,+BAA+B;EACjC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,0BAA0B;MAC1B,iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;IACjC;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,wBAAwB;QACxB,oDAAoD;MACtD;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4DAA4D;QAC5D,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,2BAA2B;QAC3B,gBAAgB;QAChB,6CAA6C;;QAE7C,0DAA0D;;QAE1D;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,iBAAiB;QACjB,aAAa;QACb,6CAA6C;;QAE7C;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tabs\") {\n  .govuk-tabs {\n    @include govuk-responsive-margin(1, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-font($size: 19);\n  }\n\n  .govuk-tabs__title {\n    // Set the size and weight again because this element is a heading and the\n    // user agent font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-regular;\n    @include govuk-text-colour;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-tabs__list-item {\n    margin-left: govuk-spacing(5);\n\n    &::before {\n      @include govuk-text-colour;\n      content: \"\\2014 \"; // \"— \"\n      margin-left: govuk-spacing(-5);\n      padding-right: govuk-spacing(1);\n    }\n  }\n\n  .govuk-tabs__tab {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__panel {\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    @media #{govuk-from-breakpoint(tablet)} {\n      .govuk-tabs__list {\n        @include govuk-clearfix;\n        margin-bottom: 0;\n        border-bottom: 1px solid;\n        border-bottom-color: govuk-functional-colour(border);\n      }\n\n      .govuk-tabs__title {\n        display: none;\n      }\n\n      .govuk-tabs__list-item {\n        position: relative;\n\n        margin-right: govuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: govuk-spacing(2) govuk-spacing(4);\n\n        float: left;\n        background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .govuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: govuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: govuk-spacing(3) - $border-width;\n        padding-right: govuk-spacing(4) - $border-width;\n        padding-bottom: govuk-spacing(3) + $border-width;\n        padding-left: govuk-spacing(4) - $border-width;\n\n        border: $border-width solid;\n        border-bottom: 0;\n        border-color: govuk-functional-colour(border);\n\n        background-color: govuk-functional-colour(body-background);\n\n        .govuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .govuk-tabs__tab {\n        @include govuk-link-style-text;\n\n        margin-bottom: 0;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .govuk-tabs__panel {\n        @include govuk-responsive-margin(0, \"bottom\");\n        padding: govuk-spacing(6) govuk-spacing(4);\n        border: 1px solid;\n        border-top: 0;\n        border-color: govuk-functional-colour(border);\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .govuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}