govuk_publishing_components 67.1.0 → 68.0.0

data/node_modules/govuk-frontend/dist/govuk/components/header/macro-options.json

@@ -3,99 +3,13 @@
         "name": "homepageUrl",
         "type": "string",
         "required": false,
-        "description": "The URL of the homepage. Defaults to `\"/\"`."
+        "description": "The URL of the homepage. Defaults to the GOV.UK homepage."
     },
     {
         "name": "productName",
         "type": "string",
         "required": false,
-        "description": "Product name, used when the product name follows on directly from ‘GOV.UK’. For example, GOV.UK Pay or GOV.UK Design System. In most circumstances, you should use `serviceName`."
-    },
-    {
-        "name": "serviceName",
-        "type": "string",
-        "required": false,
-        "description": "The name of your service, included in the header.",
-        "deprecated": "5.9.0"
-    },
-    {
-        "name": "serviceUrl",
-        "type": "string",
-        "required": false,
-        "description": "URL for the service name anchor.",
-        "deprecated": "5.9.0"
-    },
-    {
-        "name": "navigation",
-        "type": "array",
-        "required": false,
-        "description": "Can be used to add navigation to the header component.",
-        "deprecated": "5.9.0",
-        "params": [
-            {
-                "name": "text",
-                "type": "string",
-                "required": true,
-                "description": "Text for the navigation item. If `html` is provided, the `text` option will be ignored.",
-                "deprecated": "5.9.0"
-            },
-            {
-                "name": "html",
-                "type": "string",
-                "required": true,
-                "description": "HTML for the navigation item. If `html` is provided, the `text` option will be ignored.",
-                "deprecated": "5.9.0"
-            },
-            {
-                "name": "href",
-                "type": "string",
-                "required": false,
-                "description": "URL of the navigation item anchor.",
-                "deprecated": "5.9.0"
-            },
-            {
-                "name": "active",
-                "type": "boolean",
-                "required": false,
-                "description": "Flag to mark the navigation item as active or not.",
-                "deprecated": "5.9.0"
-            },
-            {
-                "name": "attributes",
-                "type": "object",
-                "required": false,
-                "description": "HTML attributes (for example data attributes) to add to the navigation item anchor.",
-                "deprecated": "5.9.0"
-            }
-        ]
-    },
-    {
-        "name": "navigationClasses",
-        "type": "string",
-        "required": false,
-        "description": "Classes for the navigation section of the header.",
-        "deprecated": "5.9.0"
-    },
-    {
-        "name": "navigationLabel",
-        "type": "string",
-        "required": false,
-        "description": "Text for the `aria-label` attribute of the navigation. Defaults to the same value as `menuButtonText`.",
-        "deprecated": "5.9.0"
-    },
-    {
-        "name": "menuButtonLabel",
-        "type": "string",
-        "required": false,
-        "description": "Text for the `aria-label` attribute of the button that opens the mobile navigation, if there is a mobile navigation menu.",
-        "deprecated": "5.9.0"
-    },
-    {
-        "name": "menuButtonText",
-        "type": "string",
-        "required": false,
-        "description": "Text of the button that opens the mobile navigation menu, if there is a mobile navigation menu. There is no enforced character limit, but there is a limited display space so keep text as short as possible. By default, this is set to 'Menu'.",
-        "deprecated": "5.9.0"
+        "description": "Product name, used when the product name follows on directly from ‘GOV.UK’. For example, GOV.UK Pay or GOV.UK Design System. In most circumstances, you should use the [Service navigation component](https://design-system.service.gov.uk/components/service-navigation/)."
     },
     {
         "name": "containerClasses",
@@ -114,18 +28,5 @@
         "type": "object",
         "required": false,
         "description": "HTML attributes (for example data attributes) to add to the header container."
-    },
-    {
-        "name": "useTudorCrown",
-        "type": "boolean",
-        "required": false,
-        "description": "If `true`, uses the Tudor crown from King Charles III's royal cypher. Otherwise, uses the St. Edward's crown. Default is `true`.",
-        "deprecated": "5.2.0"
-    },
-    {
-        "name": "rebrand",
-        "type": "boolean",
-        "required": false,
-        "description": "If `true`, use the redesigned header and new GOV.UK logotype. Default is `false`."
     }
 ]

data/node_modules/govuk-frontend/dist/govuk/components/header/template-default.html

@@ -1,14 +1,14 @@
-<header class="govuk-header" data-module="govuk-header">
+<div class="govuk-header">
   <div class="govuk-header__container govuk-width-container">
     <div class="govuk-header__logo">
-      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+      <a href="//gov.uk" class="govuk-header__homepage-link">
         <svg
             focusable="false"
             role="img"
             xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 296 60"
+            viewBox="0 0 324 60"
             height="30"
-            width="148"
+            width="162"
             fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
           ><title>GOV.UK</title>    <g>
                 <circle cx="20" cy="17.6" r="3.7"/>
@@ -21,9 +21,10 @@
                 <circle cx="31.7" cy="30.6" r="3.7"/>
                 <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
               </g>
-              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+              <circle class="govuk-logo-dot" cx="226" cy="36" r="7.3"/>
+              <path d="M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9"/>
           </svg>
       </a>
     </div>
   </div>
-</header>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/header/template-full-width.html

@@ -1,14 +1,14 @@
-<header class="govuk-header" data-module="govuk-header">
+<div class="govuk-header">
   <div class="govuk-header__container govuk-header__container--full-width">
     <div class="govuk-header__logo">
-      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+      <a href="//gov.uk" class="govuk-header__homepage-link">
         <svg
             focusable="false"
             role="img"
             xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 296 60"
+            viewBox="0 0 324 60"
             height="30"
-            width="148"
+            width="162"
             fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
           ><title>GOV.UK</title>    <g>
                 <circle cx="20" cy="17.6" r="3.7"/>
@@ -21,9 +21,10 @@
                 <circle cx="31.7" cy="30.6" r="3.7"/>
                 <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
               </g>
-              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+              <circle class="govuk-logo-dot" cx="226" cy="36" r="7.3"/>
+              <path d="M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9"/>
           </svg>
       </a>
     </div>
   </div>
-</header>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/header/template-with-product-name.html

@@ -1,14 +1,14 @@
-<header class="govuk-header" data-module="govuk-header">
+<div class="govuk-header">
   <div class="govuk-header__container govuk-width-container">
     <div class="govuk-header__logo">
-      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+      <a href="//gov.uk" class="govuk-header__homepage-link">
         <svg
             focusable="false"
             role="img"
             xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 296 60"
+            viewBox="0 0 324 60"
             height="30"
-            width="148"
+            width="162"
             fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
           ><title>GOV.UK</title>    <g>
                 <circle cx="20" cy="17.6" r="3.7"/>
@@ -21,10 +21,11 @@
                 <circle cx="31.7" cy="30.6" r="3.7"/>
                 <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
               </g>
-              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+              <circle class="govuk-logo-dot" cx="226" cy="36" r="7.3"/>
+              <path d="M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9"/>
           </svg>
         <span class="govuk-header__product-name">Product Name</span>
       </a>
     </div>
   </div>
-</header>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/header/template.njk

@@ -1,20 +1,13 @@
 {% from "../../macros/attributes.njk" import govukAttributes -%}
 {% from "../../macros/logo.njk" import govukLogo -%}
 
-{%- set _rebrand = params.rebrand | default(govukRebrand() if govukRebrand is callable else govukRebrand) -%}
-
-{%- set menuButtonText = params.menuButtonText if params.menuButtonText else 'Menu' -%}
-
-<header class="govuk-header {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-header"
-  {{- govukAttributes(params.attributes) }}>
+<div class="govuk-header {%- if params.classes %} {{ params.classes }}{% endif %}" {{- govukAttributes(params.attributes) }}>
   <div class="govuk-header__container {{ params.containerClasses | default("govuk-width-container", true) }}">
     <div class="govuk-header__logo">
-      <a href="{{ params.homepageUrl | default("/", true) }}" class="govuk-header__link govuk-header__link--homepage">
+      <a href="{{ params.homepageUrl | default("//gov.uk", true) }}" class="govuk-header__homepage-link">
         {{ govukLogo({
           classes: "govuk-header__logotype",
-          ariaLabelText: "GOV.UK",
-          useTudorCrown: params.useTudorCrown,
-          rebrand: _rebrand
+          ariaLabelText: "GOV.UK"
         }) | trim | indent(8) }}
         {% if (params.productName) %}
         <span class="govuk-header__product-name">
@@ -23,44 +16,5 @@
         {% endif %}
       </a>
     </div>
-  {% if params.serviceName or params.navigation | length %}
-    <div class="govuk-header__content">
-    {% if params.serviceName %}
-      {% if params.serviceUrl %}
-      <a href="{{ params.serviceUrl }}" class="govuk-header__link govuk-header__service-name">
-        {{ params.serviceName }}
-      </a>
-      {% else %}
-      <span class="govuk-header__service-name">
-        {{ params.serviceName }}
-      </span>
-      {% endif %}
-    {% endif %}
-    {% if params.navigation | length %}
-      <nav aria-label="{{ params.navigationLabel | default(menuButtonText, true) }}" class="govuk-header__navigation {%- if params.navigationClasses %} {{ params.navigationClasses }}{% endif %}">
-        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" {%- if params.menuButtonLabel and params.menuButtonLabel != menuButtonText %} aria-label="{{ params.menuButtonLabel }}"{% endif %} hidden>
-          {{ menuButtonText }}
-        </button>
-
-        <ul id="navigation" class="govuk-header__navigation-list">
-        {% for item in params.navigation %}
-          {% if item.text or item.html %}
-          <li class="govuk-header__navigation-item {%- if item.active %} govuk-header__navigation-item--active{% endif %}">
-            {% if item.href %}
-            <a class="govuk-header__link" href="{{ item.href }}"
-              {{- govukAttributes(item.attributes) -}}>
-            {% endif %}
-              {{ item.html | safe | trim | indent(14) if item.html else item.text }}
-            {% if item.href %}
-            </a>
-            {% endif %}
-          </li>
-          {% endif %}
-        {% endfor %}
-        </ul>
-      </nav>
-    {% endif %}
-    </div>
-  {% endif %}
   </div>
-</header>
+</div>

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

@@ -4,7 +4,7 @@
 
     margin-bottom: govuk-spacing(3);
 
-    color: $govuk-secondary-text-colour;
+    color: govuk-functional-colour(secondary-text);
   }
 
   // Reduces margin-bottom of hint when used after the default label (no class)

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/hint/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,+BAA+B;;IAE/B,mCAAmC;EACrC;;EAEA,4EAA4E;EAC5E,kDAAkD;;EAElD,6EAA6E;EAC7E,4EAA4E;EAC5E,OAAO;;EAEP,uEAAuE;EACvE,0EAA0E;;EAE1E;IACE,+BAA+B;EACjC;;EAEA,6EAA6E;EAC7E,6DAA6D;;EAE7D,4EAA4E;EAC5E,6EAA6E;EAC7E,oBAAoB;;EAEpB,uEAAuE;EACvE,0EAA0E;;EAE1E,iBAAiB;EACjB;IACE,+BAA+B;EACjC;;EAEA,uDAAuD;EACvD;IACE,6BAA6B;EAC/B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/hint\") {\n  .govuk-hint {\n    @include govuk-font($size: 19);\n\n    margin-bottom: govuk-spacing(3);\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  // Reduces margin-bottom of hint when used after the default label (no class)\n  // or govuk-label--s for better vertical alignment.\n\n  // This adjustment will not work when the label is inside the <h1>, however it\n  // is unlikely that the default or govuk-label--s class would be used in this\n  // case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces margin-bottom of hint when used after the default legend (no class)\n  // or govuk-fieldset__legend--s for better vertical alignment.\n\n  // This adjustment will not work when the legend is outside the <h1>, however\n  // it is unlikely that the default or govuk-fieldset__legend--s class would be\n  // used in this case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  // prettier-ignore\n  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces visual spacing of legend when there is a hint\n  .govuk-fieldset__legend + .govuk-hint {\n    margin-top: govuk-spacing(-1);\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/hint/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,+BAA+B;;IAE/B,8CAA8C;EAChD;;EAEA,4EAA4E;EAC5E,kDAAkD;;EAElD,6EAA6E;EAC7E,4EAA4E;EAC5E,OAAO;;EAEP,uEAAuE;EACvE,0EAA0E;;EAE1E;IACE,+BAA+B;EACjC;;EAEA,6EAA6E;EAC7E,6DAA6D;;EAE7D,4EAA4E;EAC5E,6EAA6E;EAC7E,oBAAoB;;EAEpB,uEAAuE;EACvE,0EAA0E;;EAE1E,iBAAiB;EACjB;IACE,+BAA+B;EACjC;;EAEA,uDAAuD;EACvD;IACE,6BAA6B;EAC/B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/hint\") {\n  .govuk-hint {\n    @include govuk-font($size: 19);\n\n    margin-bottom: govuk-spacing(3);\n\n    color: govuk-functional-colour(secondary-text);\n  }\n\n  // Reduces margin-bottom of hint when used after the default label (no class)\n  // or govuk-label--s for better vertical alignment.\n\n  // This adjustment will not work when the label is inside the <h1>, however it\n  // is unlikely that the default or govuk-label--s class would be used in this\n  // case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces margin-bottom of hint when used after the default legend (no class)\n  // or govuk-fieldset__legend--s for better vertical alignment.\n\n  // This adjustment will not work when the legend is outside the <h1>, however\n  // it is unlikely that the default or govuk-fieldset__legend--s class would be\n  // used in this case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  // prettier-ignore\n  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces visual spacing of legend when there is a hint\n  .govuk-fieldset__legend + .govuk-hint {\n    margin-top: govuk-spacing(-1);\n  }\n}\n"]}

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

@@ -15,8 +15,9 @@
     // to dark backgrounds in Firefox (https://bugzil.la/1335476). As
     // background-color and color need to always be set together, color should
     // not be set either
-    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border: $govuk-border-width-form-element solid;
     border-radius: 0;
+    border-color: govuk-functional-colour(input-border);
 
     // Disable inner shadow and remove rounded corners
     -webkit-appearance: none;
@@ -45,10 +46,10 @@
   }
 
   .govuk-input--error {
-    border-color: $govuk-error-colour;
+    border-color: govuk-functional-colour(error);
 
     &:focus {
-      border-color: $govuk-input-border-colour;
+      border-color: govuk-functional-colour(input-border);
     }
   }
 
@@ -122,8 +123,9 @@
     min-width: govuk-px-to-rem(40px);
     height: govuk-px-to-rem(40px);
     padding: govuk-spacing(1);
-    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
-    background-color: govuk-colour("light-grey");
+    border: $govuk-border-width-form-element solid;
+    border-color: govuk-functional-colour(input-border);
+    background-color: govuk-colour("black", $variant: "tint-95");
     text-align: center;
     white-space: nowrap;
     // Emphasise non-editable status of prefixes and suffixes

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;IACtB,WAAW;IACX,6BAA6B;IAC7B,aAAa;IACb,yBAAyB;IACzB,yEAAyE;IACzE,gEAAgE;IAChE,yEAAyE;IACzE,mBAAmB;IACnB,yEAAyE;IACzE,gBAAgB;;IAEhB,iDAAiD;IACjD,wBAAgB;YAAhB,gBAAgB;;IAEhB;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;;IAEE,SAAS;IACT,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;;EAEA;IACE,mCAAmC;IACnC,sBAAsB;EACxB;;EAEA,6DAA6D;EAC7D,wEAAwE;;EAExE;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,aAAa;;IAEb;MACE,cAAc;IAChB;;IAEA;MACE,yDAAyD;MACzD,UAAU;IACZ;;IAEA,2DAA2D;IAC3D;MACE,cAAc;;MAEd;QACE,uEAAuE;QACvE,eAAe;MACjB;IACF;EACF;;EAEA;;IAEE,8BAA8B;IAC9B,sBAAsB;IACtB,wDAAwD;IACxD,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gCAAgC;IAChC,6BAA6B;IAC7B,yBAAyB;IACzB,yEAAyE;IACzE,4CAA4C;IAC5C,kBAAkB;IAClB,mBAAmB;IACnB,wDAAwD;IACxD,eAAe;IACf,cAAc;IACd,2DAA2D;IAC3D;MACE,cAAc;MACd,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE;MACE,gBAAgB;IAClB;IACA;MACE,eAAe;IACjB;EACF;;EAEA,2DAA2D;EAC3D;IACE;MACE,aAAa;IACf;IACA;MACE,cAAc;IAChB;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/input\") {\n  .govuk-input {\n    @include govuk-font($size: 19);\n\n    box-sizing: border-box;\n    width: 100%;\n    height: govuk-px-to-rem(40px);\n    margin-top: 0;\n    padding: govuk-spacing(1);\n    // Setting any background-color makes text invisible when changing colours\n    // to dark backgrounds in Firefox (https://bugzil.la/1335476). As\n    // background-color and color need to always be set together, color should\n    // not be set either\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    // Disable inner shadow and remove rounded corners\n    appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-input::-webkit-outer-spin-button,\n  .govuk-input::-webkit-inner-spin-button {\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .govuk-input[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  .govuk-input--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n\n  .govuk-input--extra-letter-spacing {\n    @include govuk-font-tabular-numbers;\n    letter-spacing: 0.05em;\n  }\n\n  // em measurements are based on the point size of the typeface\n  // Extra space is added on the right to allow for the Safari prefill icon\n\n  .govuk-input--width-30 {\n    max-width: 29.5em;\n  }\n\n  .govuk-input--width-20 {\n    max-width: 20.5em;\n  }\n\n  .govuk-input--width-10 {\n    max-width: 11.5em;\n  }\n\n  .govuk-input--width-5 {\n    max-width: 5.5em;\n  }\n\n  .govuk-input--width-4 {\n    max-width: 4.5em;\n  }\n\n  .govuk-input--width-3 {\n    max-width: 3.75em;\n  }\n\n  .govuk-input--width-2 {\n    max-width: 2.75em;\n  }\n\n  .govuk-input__wrapper {\n    display: flex;\n\n    .govuk-input {\n      flex: 0 1 auto;\n    }\n\n    .govuk-input:focus {\n      // Hack to stop focus style being overlapped by the suffix\n      z-index: 1;\n    }\n\n    // Split prefix/suffix onto separate lines on narrow screens\n    @media #{govuk-until-breakpoint(mobile)} {\n      display: block;\n\n      .govuk-input {\n        // Set max-width to override potential width override class on the input\n        max-width: 100%;\n      }\n    }\n  }\n\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    @include govuk-font($size: 19);\n    box-sizing: border-box;\n    // Use flexbox to align text within the prefix and suffix\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: govuk-px-to-rem(40px);\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    background-color: govuk-colour(\"light-grey\");\n    text-align: center;\n    white-space: nowrap;\n    // Emphasise non-editable status of prefixes and suffixes\n    cursor: default;\n    flex: 0 0 auto;\n    // Split prefix/suffix onto separate lines on narrow screens\n    @media #{govuk-until-breakpoint(mobile)} {\n      display: block;\n      height: 100%;\n      white-space: normal;\n    }\n  }\n\n  .govuk-input__prefix {\n    @media #{govuk-until-breakpoint(mobile)} {\n      border-bottom: 0;\n    }\n    @media #{govuk-from-breakpoint(mobile)} {\n      border-right: 0;\n    }\n  }\n\n  // Split prefix/suffix onto separate lines on narrow screens\n  .govuk-input__suffix {\n    @media #{govuk-until-breakpoint(mobile)} {\n      border-top: 0;\n    }\n    @media #{govuk-from-breakpoint(mobile)} {\n      border-left: 0;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;IACtB,WAAW;IACX,6BAA6B;IAC7B,aAAa;IACb,yBAAyB;IACzB,yEAAyE;IACzE,gEAAgE;IAChE,yEAAyE;IACzE,mBAAmB;IACnB,8CAA8C;IAC9C,gBAAgB;IAChB,mDAAmD;;IAEnD,iDAAiD;IACjD,wBAAgB;YAAhB,gBAAgB;;IAEhB;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;;IAEE,SAAS;IACT,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,4CAA4C;;IAE5C;MACE,mDAAmD;IACrD;EACF;;EAEA;IACE,mCAAmC;IACnC,sBAAsB;EACxB;;EAEA,6DAA6D;EAC7D,wEAAwE;;EAExE;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,aAAa;;IAEb;MACE,cAAc;IAChB;;IAEA;MACE,yDAAyD;MACzD,UAAU;IACZ;;IAEA,2DAA2D;IAC3D;MACE,cAAc;;MAEd;QACE,uEAAuE;QACvE,eAAe;MACjB;IACF;EACF;;EAEA;;IAEE,8BAA8B;IAC9B,sBAAsB;IACtB,wDAAwD;IACxD,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gCAAgC;IAChC,6BAA6B;IAC7B,yBAAyB;IACzB,8CAA8C;IAC9C,mDAAmD;IACnD,4DAA4D;IAC5D,kBAAkB;IAClB,mBAAmB;IACnB,wDAAwD;IACxD,eAAe;IACf,cAAc;IACd,2DAA2D;IAC3D;MACE,cAAc;MACd,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE;MACE,gBAAgB;IAClB;IACA;MACE,eAAe;IACjB;EACF;;EAEA,2DAA2D;EAC3D;IACE;MACE,aAAa;IACf;IACA;MACE,cAAc;IAChB;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/input\") {\n  .govuk-input {\n    @include govuk-font($size: 19);\n\n    box-sizing: border-box;\n    width: 100%;\n    height: govuk-px-to-rem(40px);\n    margin-top: 0;\n    padding: govuk-spacing(1);\n    // Setting any background-color makes text invisible when changing colours\n    // to dark backgrounds in Firefox (https://bugzil.la/1335476). As\n    // background-color and color need to always be set together, color should\n    // not be set either\n    border: $govuk-border-width-form-element solid;\n    border-radius: 0;\n    border-color: govuk-functional-colour(input-border);\n\n    // Disable inner shadow and remove rounded corners\n    appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-input::-webkit-outer-spin-button,\n  .govuk-input::-webkit-inner-spin-button {\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .govuk-input[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  .govuk-input--error {\n    border-color: govuk-functional-colour(error);\n\n    &:focus {\n      border-color: govuk-functional-colour(input-border);\n    }\n  }\n\n  .govuk-input--extra-letter-spacing {\n    @include govuk-font-tabular-numbers;\n    letter-spacing: 0.05em;\n  }\n\n  // em measurements are based on the point size of the typeface\n  // Extra space is added on the right to allow for the Safari prefill icon\n\n  .govuk-input--width-30 {\n    max-width: 29.5em;\n  }\n\n  .govuk-input--width-20 {\n    max-width: 20.5em;\n  }\n\n  .govuk-input--width-10 {\n    max-width: 11.5em;\n  }\n\n  .govuk-input--width-5 {\n    max-width: 5.5em;\n  }\n\n  .govuk-input--width-4 {\n    max-width: 4.5em;\n  }\n\n  .govuk-input--width-3 {\n    max-width: 3.75em;\n  }\n\n  .govuk-input--width-2 {\n    max-width: 2.75em;\n  }\n\n  .govuk-input__wrapper {\n    display: flex;\n\n    .govuk-input {\n      flex: 0 1 auto;\n    }\n\n    .govuk-input:focus {\n      // Hack to stop focus style being overlapped by the suffix\n      z-index: 1;\n    }\n\n    // Split prefix/suffix onto separate lines on narrow screens\n    @media #{govuk-until-breakpoint(mobile)} {\n      display: block;\n\n      .govuk-input {\n        // Set max-width to override potential width override class on the input\n        max-width: 100%;\n      }\n    }\n  }\n\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    @include govuk-font($size: 19);\n    box-sizing: border-box;\n    // Use flexbox to align text within the prefix and suffix\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: govuk-px-to-rem(40px);\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid;\n    border-color: govuk-functional-colour(input-border);\n    background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n    text-align: center;\n    white-space: nowrap;\n    // Emphasise non-editable status of prefixes and suffixes\n    cursor: default;\n    flex: 0 0 auto;\n    // Split prefix/suffix onto separate lines on narrow screens\n    @media #{govuk-until-breakpoint(mobile)} {\n      display: block;\n      height: 100%;\n      white-space: normal;\n    }\n  }\n\n  .govuk-input__prefix {\n    @media #{govuk-until-breakpoint(mobile)} {\n      border-bottom: 0;\n    }\n    @media #{govuk-from-breakpoint(mobile)} {\n      border-right: 0;\n    }\n  }\n\n  // Split prefix/suffix onto separate lines on narrow screens\n  .govuk-input__suffix {\n    @media #{govuk-until-breakpoint(mobile)} {\n      border-top: 0;\n    }\n    @media #{govuk-from-breakpoint(mobile)} {\n      border-left: 0;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss

@@ -10,7 +10,8 @@
 
     clear: both;
 
-    border-left: $govuk-border-width-wide solid $govuk-border-colour;
+    border-left: $govuk-border-width-wide solid;
+    border-left-color: govuk-functional-colour(border);
 
     > :first-child {
       margin-top: 0;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/inset-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,qDAAqD;IACrD,0CAA0C;IAC1C,6CAA6C;;IAE7C,WAAW;;IAEX,gEAAgE;;IAEhE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/inset-text\") {\n  .govuk-inset-text {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n    // Margin top intended to collapse\n    // This adds an additional 10px to the paragraph above\n    @include govuk-responsive-margin(6, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    clear: both;\n\n    border-left: $govuk-border-width-wide solid $govuk-border-colour;\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/inset-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,qDAAqD;IACrD,0CAA0C;IAC1C,6CAA6C;;IAE7C,WAAW;;IAEX,2CAA2C;IAC3C,kDAAkD;;IAElD;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/inset-text\") {\n  .govuk-inset-text {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n    // Margin top intended to collapse\n    // This adds an additional 10px to the paragraph above\n    @include govuk-responsive-margin(6, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    clear: both;\n\n    border-left: $govuk-border-width-wide solid;\n    border-left-color: govuk-functional-colour(border);\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/label/fixtures.json

@@ -182,14 +182,14 @@
         {
             "name": "for",
             "options": {
-                "for": "test-target-element",
+                "for": "test-target-input",
                 "text": "National Insurance number"
             },
             "hidden": true,
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<label class=\"govuk-label\" for=\"test-target-element\">\n  National Insurance number\n</label>"
+            "html": "<label class=\"govuk-label\" for=\"test-target-input\">\n  National Insurance number\n</label>"
         },
         {
             "name": "attributes",

data/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss

@@ -3,12 +3,14 @@
     @include govuk-font($size: 19);
     @include govuk-responsive-margin(8, "bottom");
 
-    border: $govuk-border-width solid $govuk-brand-colour;
+    border: $govuk-border-width solid;
+    border-color: govuk-functional-colour(brand);
 
-    background-color: $govuk-brand-colour;
+    background-color: govuk-functional-colour(brand);
 
     &:focus {
-      outline: $govuk-focus-width solid $govuk-focus-colour;
+      outline: $govuk-focus-width solid;
+      outline-color: govuk-functional-colour(focus);
     }
   }
 
@@ -39,7 +41,7 @@
     @include govuk-text-colour;
     padding: govuk-spacing(3);
 
-    background-color: $govuk-body-background-colour;
+    background-color: govuk-functional-colour(body-background);
 
     @media #{govuk-from-breakpoint(tablet)} {
       padding: $padding-tablet;
@@ -80,9 +82,9 @@
   }
 
   .govuk-notification-banner--success {
-    border-color: $govuk-success-colour;
+    border-color: govuk-functional-colour(success);
 
-    background-color: $govuk-success-colour;
+    background-color: govuk-functional-colour(success);
 
     .govuk-notification-banner__link {
       @include govuk-link-style-success;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;;IAE7C,qDAAqD;;IAErD,qCAAqC;;IAErC;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,8CAA8C;;IAE9C,2EAA2E;IAC3E,4BAA4B;IAC5B,oCAAoC;;IAEpC;MACE,8CAA8C;IAChD;EACF;;EAEA;IACE,yEAAyE;IACzE,6CAA6C;IAC7C,mCAAmC;IACnC,qCAAqC;IACrC,SAAS;IACT,UAAU;IACV,4BAA4B;EAC9B;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;IAC1B,yBAAyB;;IAEzB,+CAA+C;;IAE/C;MACE,wBAAwB;IAC1B;;IAEA,yEAAyE;IACzE,iEAAiE;IACjE;MACE,wEAAwE;MACxE,8BAA8B;MAC9B,sBAAsB;;MAEtB,wDAAwD;MACxD,qEAAqE;;MAErE,mDAAmD;MACnD,yDAAyD;MACzD,4CAA4C;IAC9C;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;;IAErC,4BAA4B;;IAE5B,UAAU;EACZ;;EAEA;IACE,0BAA0B;IAC1B,0CAA0C;EAC5C;;EAEA;IACE,mCAAmC;;IAEnC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/notification-banner\") {\n  .govuk-notification-banner {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-brand-colour;\n\n    background-color: $govuk-brand-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-notification-banner__header {\n    padding: 2px govuk-spacing(3) govuk-spacing(1);\n\n    // Ensures the notification header appears separate to the notification body\n    // text in high contrast mode\n    border-bottom: 1px solid transparent;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding: 2px govuk-spacing(4) govuk-spacing(1);\n    }\n  }\n\n  .govuk-notification-banner__title {\n    // Set the size again because this element is a heading and the user agent\n    // font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    margin: 0;\n    padding: 0;\n    color: govuk-colour(\"white\");\n  }\n\n  .govuk-notification-banner__content {\n    $padding-tablet: govuk-spacing(4);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n\n    background-color: $govuk-body-background-colour;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding: $padding-tablet;\n    }\n\n    // Wrap content at the same place that a 2/3 grid column ends, to maintain\n    // shorter line-lengths when the notification banner is full width\n    > * {\n      // When elements have their own padding (like lists), include the padding\n      // in the max-width calculation\n      box-sizing: border-box;\n\n      // Calculate the internal width of a two-thirds column...\n      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);\n\n      // ...and then factor in the left border and padding\n      $banner-exterior: ($padding-tablet + $govuk-border-width);\n      max-width: $two-col-width - $banner-exterior;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-notification-banner__heading {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin: 0 0 govuk-spacing(3);\n\n    padding: 0;\n  }\n\n  .govuk-notification-banner__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-visited-state;\n  }\n\n  .govuk-notification-banner--success {\n    border-color: $govuk-success-colour;\n\n    background-color: $govuk-success-colour;\n\n    .govuk-notification-banner__link {\n      @include govuk-link-style-success;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;;IAE7C,iCAAiC;IACjC,4CAA4C;;IAE5C,gDAAgD;;IAEhD;MACE,iCAAiC;MACjC,6CAA6C;IAC/C;EACF;;EAEA;IACE,8CAA8C;;IAE9C,2EAA2E;IAC3E,4BAA4B;IAC5B,oCAAoC;;IAEpC;MACE,8CAA8C;IAChD;EACF;;EAEA;IACE,yEAAyE;IACzE,6CAA6C;IAC7C,mCAAmC;IACnC,qCAAqC;IACrC,SAAS;IACT,UAAU;IACV,4BAA4B;EAC9B;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;IAC1B,yBAAyB;;IAEzB,0DAA0D;;IAE1D;MACE,wBAAwB;IAC1B;;IAEA,yEAAyE;IACzE,iEAAiE;IACjE;MACE,wEAAwE;MACxE,8BAA8B;MAC9B,sBAAsB;;MAEtB,wDAAwD;MACxD,qEAAqE;;MAErE,mDAAmD;MACnD,yDAAyD;MACzD,4CAA4C;IAC9C;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;;IAErC,4BAA4B;;IAE5B,UAAU;EACZ;;EAEA;IACE,0BAA0B;IAC1B,0CAA0C;EAC5C;;EAEA;IACE,8CAA8C;;IAE9C,kDAAkD;;IAElD;MACE,iCAAiC;IACnC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/notification-banner\") {\n  .govuk-notification-banner {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid;\n    border-color: govuk-functional-colour(brand);\n\n    background-color: govuk-functional-colour(brand);\n\n    &:focus {\n      outline: $govuk-focus-width solid;\n      outline-color: govuk-functional-colour(focus);\n    }\n  }\n\n  .govuk-notification-banner__header {\n    padding: 2px govuk-spacing(3) govuk-spacing(1);\n\n    // Ensures the notification header appears separate to the notification body\n    // text in high contrast mode\n    border-bottom: 1px solid transparent;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding: 2px govuk-spacing(4) govuk-spacing(1);\n    }\n  }\n\n  .govuk-notification-banner__title {\n    // Set the size again because this element is a heading and the user agent\n    // font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    margin: 0;\n    padding: 0;\n    color: govuk-colour(\"white\");\n  }\n\n  .govuk-notification-banner__content {\n    $padding-tablet: govuk-spacing(4);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n\n    background-color: govuk-functional-colour(body-background);\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      padding: $padding-tablet;\n    }\n\n    // Wrap content at the same place that a 2/3 grid column ends, to maintain\n    // shorter line-lengths when the notification banner is full width\n    > * {\n      // When elements have their own padding (like lists), include the padding\n      // in the max-width calculation\n      box-sizing: border-box;\n\n      // Calculate the internal width of a two-thirds column...\n      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);\n\n      // ...and then factor in the left border and padding\n      $banner-exterior: ($padding-tablet + $govuk-border-width);\n      max-width: $two-col-width - $banner-exterior;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-notification-banner__heading {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin: 0 0 govuk-spacing(3);\n\n    padding: 0;\n  }\n\n  .govuk-notification-banner__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-visited-state;\n  }\n\n  .govuk-notification-banner--success {\n    border-color: govuk-functional-colour(success);\n\n    background-color: govuk-functional-colour(success);\n\n    .govuk-notification-banner__link {\n      @include govuk-link-style-success;\n    }\n  }\n}\n"]}

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

@@ -32,7 +32,7 @@
     float: left; // Float is ignored if flex is active for prev/next links
 
     &:hover {
-      background-color: govuk-colour("light-grey");
+      background-color: govuk-colour("black", $variant: "tint-95");
     }
   }
 
@@ -73,7 +73,6 @@
   // Only show first, last and non-link items on mobile
   .govuk-pagination__item--current,
   .govuk-pagination__item--ellipsis,
-  .govuk-pagination__item--ellipses,
   .govuk-pagination__item:first-child,
   .govuk-pagination__item:last-child {
     display: block;
@@ -82,10 +81,10 @@
   .govuk-pagination__item--current {
     @include govuk-typography-weight-bold;
     outline: 1px solid transparent;
-    background-color: $govuk-link-colour;
+    background-color: govuk-functional-colour(link);
 
     &:hover {
-      background-color: $govuk-link-colour;
+      background-color: govuk-functional-colour(link);
     }
 
     .govuk-pagination__link {
@@ -93,10 +92,9 @@
     }
   }
 
-  .govuk-pagination__item--ellipsis,
-  .govuk-pagination__item--ellipses {
+  .govuk-pagination__item--ellipsis {
     @include govuk-typography-weight-bold;
-    color: $govuk-secondary-text-colour;
+    color: govuk-functional-colour(secondary-text);
 
     // Remove hover state for ellipsis items as they don't contain links
     &:hover {
@@ -136,7 +134,7 @@
 
     &:focus {
       .govuk-pagination__icon {
-        color: $govuk-focus-text-colour;
+        color: govuk-functional-colour(focus-text);
       }
 
       .govuk-pagination__link-label {
@@ -163,7 +161,7 @@
     // Set size using rems to make the icon scale with text
     width: govuk-px-to-rem(15px);
     height: govuk-px-to-rem(13px);
-    color: $govuk-secondary-text-colour;
+    color: govuk-functional-colour(secondary-text);
     fill: currentcolor;
     forced-color-adjust: auto;
   }
@@ -196,7 +194,8 @@
 
     // Only apply a border between prev and next if both are present
     .govuk-pagination__prev + .govuk-pagination__next {
-      border-top: 1px solid $govuk-border-colour;
+      border-top: 1px solid;
+      border-top-color: govuk-functional-colour(border);
     }
 
     // Set the after pseudo element to a block which makes the title visually

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/pagination/_index.scss"],"names":[],"mappings":"AAAA;EACE,oDAAoD;EACpD,yDAAyD;EACzD;IACE,6CAA6C;IAC7C,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,eAAe;;IAEf;MACE,mBAAmB;MACnB,uBAAuB;IACzB;EACF;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;EAClB;;EAEA;;;IAGE,uBAAuB;IACvB,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,0CAA0C;IAC1C,WAAW,EAAE,wDAAwD;;IAErE;MACE,4CAA4C;IAC9C;EACF;;EAEA;IACE,yDAAyD;IACzD,6CAA6C;IAC7C,aAAa;;IAEb,sEAAsE;IACtE,gDAAgD;IAChD,kBAAkB;;IAElB;MACE,cAAc;IAChB;EACF;;EAEA;;IAEE,qCAAqC;;IAErC,uEAAuE;IACvE,yCAAyC;IACzC;MACE,aAAa;MACb,mBAAmB;IACrB;EACF;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD;;;;;IAKE,cAAc;EAChB;;EAEA;IACE,qCAAqC;IACrC,8BAA8B;IAC9B,oCAAoC;;IAEpC;MACE,oCAAoC;IACtC;;IAEA;MACE,iCAAiC;IACnC;EACF;;EAEA;;IAEE,qCAAqC;IACrC,mCAAmC;;IAEnC,mEAAmE;IACnE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,cAAc;IACd,2BAA2B;;IAE3B,6DAA6D;IAC7D;MACE;QACE,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,QAAQ;QACR,SAAS;QACT,OAAO;MACT;IACF;;IAEA,oEAAoE;IACpE,kEAAkE;IAClE;;MAEE;QACE,8BAA8B;MAChC;;MAEA;;QAEE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,+BAA+B;MACjC;;MAEA;QACE,qBAAqB;MACvB;;MAEA;QACE,qBAAqB;MACvB;IACF;EACF;;EAEA;IACE,kCAAkC;EACpC;;EAEA;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,sDAAsD;IACtD,4BAA4B;IAC5B,6BAA6B;IAC7B,mCAAmC;IACnC,kBAAkB;IAClB,yBAAyB;EAC3B;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,6BAA6B;EAC/B;;EAEA,uEAAuE;EACvE;IACE,cAAc;;IAEd;;MAEE,eAAe;MACf,WAAW;;MAEX;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,+BAA+B;IACjC;;IAEA,+DAA+D;IAC/D;MACE,0CAA0C;IAC5C;;IAEA,wEAAwE;IACxE,yEAAyE;IACzE,qEAAqE;IACrE,4BAA4B;IAC5B;MACE,WAAW;MACX,cAAc;IAChB;;IAEA;MACE,8BAA8B;MAC9B,gBAAgB;;MAEhB;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,gEAAgE;MAChE,6CAA6C;MAC7C,gCAAgC;MAChC,CAAC;MACD,wEAAwE;MACxE,qEAAqE;MACrE,mBAAmB;MACnB,kCAAkC;MAClC,WAAW;IACb;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/pagination\") {\n  // Flexbox enhancement for small screen visual design\n  // Falls back to a float: left layout on non-flex browsers\n  .govuk-pagination {\n    @include govuk-responsive-margin(6, \"bottom\");\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-wrap: wrap;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-pagination__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .govuk-pagination__item,\n  .govuk-pagination__next,\n  .govuk-pagination__prev {\n    @include govuk-font(19);\n    box-sizing: border-box;\n    position: relative;\n    min-width: 45px;\n    min-height: 45px;\n    padding: govuk-spacing(2) govuk-spacing(3);\n    float: left; // Float is ignored if flex is active for prev/next links\n\n    &:hover {\n      background-color: govuk-colour(\"light-grey\");\n    }\n  }\n\n  .govuk-pagination__item {\n    // Hide items on small screens except the prev/next items,\n    // non-link items and the first and last items\n    display: none;\n\n    // Center align pagination links in their parent list item so that they\n    // visually sit in the middle of their touch area\n    text-align: center;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: block;\n    }\n  }\n\n  .govuk-pagination__prev,\n  .govuk-pagination__next {\n    @include govuk-typography-weight-bold;\n\n    // Use flex to avoid extra space being introduced when whitespace exists\n    // between the arrow svg and the link text\n    .govuk-pagination__link {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .govuk-pagination__prev {\n    padding-left: 0;\n  }\n\n  .govuk-pagination__next {\n    padding-right: 0;\n  }\n\n  // Only show first, last and non-link items on mobile\n  .govuk-pagination__item--current,\n  .govuk-pagination__item--ellipsis,\n  .govuk-pagination__item--ellipses,\n  .govuk-pagination__item:first-child,\n  .govuk-pagination__item:last-child {\n    display: block;\n  }\n\n  .govuk-pagination__item--current {\n    @include govuk-typography-weight-bold;\n    outline: 1px solid transparent;\n    background-color: $govuk-link-colour;\n\n    &:hover {\n      background-color: $govuk-link-colour;\n    }\n\n    .govuk-pagination__link {\n      @include govuk-link-style-inverse;\n    }\n  }\n\n  .govuk-pagination__item--ellipsis,\n  .govuk-pagination__item--ellipses {\n    @include govuk-typography-weight-bold;\n    color: $govuk-secondary-text-colour;\n\n    // Remove hover state for ellipsis items as they don't contain links\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  .govuk-pagination__link {\n    display: block;\n    min-width: govuk-spacing(3);\n\n    // Increase the touch area for the link to the parent element.\n    @media screen {\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n    }\n\n    // Add link hover decoration to prev/next text if no label present on\n    // prev/next only mode,  so that we have a hover state in all cases\n    &:hover,\n    &:active {\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-decoration;\n      }\n\n      .govuk-pagination__link-label,\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-hover-decoration;\n      }\n    }\n\n    &:focus {\n      .govuk-pagination__icon {\n        color: $govuk-focus-text-colour;\n      }\n\n      .govuk-pagination__link-label {\n        text-decoration: none;\n      }\n\n      .govuk-pagination__link-title--decorated {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .govuk-pagination__link-title {\n    text-decoration-thickness: inherit;\n  }\n\n  .govuk-pagination__link-label {\n    @include govuk-typography-weight-regular;\n    @include govuk-link-decoration;\n    display: inline-block;\n  }\n\n  .govuk-pagination__icon {\n    // Set size using rems to make the icon scale with text\n    width: govuk-px-to-rem(15px);\n    height: govuk-px-to-rem(13px);\n    color: $govuk-secondary-text-colour;\n    fill: currentcolor;\n    forced-color-adjust: auto;\n  }\n\n  .govuk-pagination__icon--prev {\n    margin-right: govuk-spacing(3);\n  }\n\n  .govuk-pagination__icon--next {\n    margin-left: govuk-spacing(3);\n  }\n\n  // Block mode - position previous and next links above and below numbers\n  .govuk-pagination--block {\n    display: block;\n\n    .govuk-pagination__next,\n    .govuk-pagination__prev {\n      padding-left: 0;\n      float: none;\n\n      .govuk-pagination__link {\n        display: inline-block;\n      }\n    }\n\n    .govuk-pagination__next {\n      padding-right: govuk-spacing(3);\n    }\n\n    // Only apply a border between prev and next if both are present\n    .govuk-pagination__prev + .govuk-pagination__next {\n      border-top: 1px solid $govuk-border-colour;\n    }\n\n    // Set the after pseudo element to a block which makes the title visually\n    // display as block level whilst programmatically being inline. We do this\n    // to get around an NVDA quirk where adjacent block level elements are\n    // always read out separately\n    .govuk-pagination__link-title::after {\n      content: \"\";\n      display: block;\n    }\n\n    .govuk-pagination__link {\n      padding-left: govuk-spacing(6);\n      text-align: left;\n\n      &:not(:focus) {\n        text-decoration: none;\n      }\n    }\n\n    .govuk-pagination__icon {\n      // This magic number is brought to you by the following equation:\n      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize\n      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em\n      //\n      // This could have been done programmatically but we don't have functions\n      // for grabbing the line-height of specific typography sizes just yet.\n      margin-top: 0.326em;\n      margin-left: govuk-spacing(6) * -1;\n      float: left;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/pagination/_index.scss"],"names":[],"mappings":"AAAA;EACE,oDAAoD;EACpD,yDAAyD;EACzD;IACE,6CAA6C;IAC7C,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,eAAe;;IAEf;MACE,mBAAmB;MACnB,uBAAuB;IACzB;EACF;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;EAClB;;EAEA;;;IAGE,uBAAuB;IACvB,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,0CAA0C;IAC1C,WAAW,EAAE,wDAAwD;;IAErE;MACE,4DAA4D;IAC9D;EACF;;EAEA;IACE,yDAAyD;IACzD,6CAA6C;IAC7C,aAAa;;IAEb,sEAAsE;IACtE,gDAAgD;IAChD,kBAAkB;;IAElB;MACE,cAAc;IAChB;EACF;;EAEA;;IAEE,qCAAqC;;IAErC,uEAAuE;IACvE,yCAAyC;IACzC;MACE,aAAa;MACb,mBAAmB;IACrB;EACF;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD;;;;IAIE,cAAc;EAChB;;EAEA;IACE,qCAAqC;IACrC,8BAA8B;IAC9B,+CAA+C;;IAE/C;MACE,+CAA+C;IACjD;;IAEA;MACE,iCAAiC;IACnC;EACF;;EAEA;IACE,qCAAqC;IACrC,8CAA8C;;IAE9C,mEAAmE;IACnE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,cAAc;IACd,2BAA2B;;IAE3B,6DAA6D;IAC7D;MACE;QACE,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,QAAQ;QACR,SAAS;QACT,OAAO;MACT;IACF;;IAEA,oEAAoE;IACpE,kEAAkE;IAClE;;MAEE;QACE,8BAA8B;MAChC;;MAEA;;QAEE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,0CAA0C;MAC5C;;MAEA;QACE,qBAAqB;MACvB;;MAEA;QACE,qBAAqB;MACvB;IACF;EACF;;EAEA;IACE,kCAAkC;EACpC;;EAEA;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,sDAAsD;IACtD,4BAA4B;IAC5B,6BAA6B;IAC7B,8CAA8C;IAC9C,kBAAkB;IAClB,yBAAyB;EAC3B;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,6BAA6B;EAC/B;;EAEA,uEAAuE;EACvE;IACE,cAAc;;IAEd;;MAEE,eAAe;MACf,WAAW;;MAEX;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,+BAA+B;IACjC;;IAEA,+DAA+D;IAC/D;MACE,qBAAqB;MACrB,iDAAiD;IACnD;;IAEA,wEAAwE;IACxE,yEAAyE;IACzE,qEAAqE;IACrE,4BAA4B;IAC5B;MACE,WAAW;MACX,cAAc;IAChB;;IAEA;MACE,8BAA8B;MAC9B,gBAAgB;;MAEhB;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,gEAAgE;MAChE,6CAA6C;MAC7C,gCAAgC;MAChC,CAAC;MACD,wEAAwE;MACxE,qEAAqE;MACrE,mBAAmB;MACnB,kCAAkC;MAClC,WAAW;IACb;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/pagination\") {\n  // Flexbox enhancement for small screen visual design\n  // Falls back to a float: left layout on non-flex browsers\n  .govuk-pagination {\n    @include govuk-responsive-margin(6, \"bottom\");\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-wrap: wrap;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-pagination__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .govuk-pagination__item,\n  .govuk-pagination__next,\n  .govuk-pagination__prev {\n    @include govuk-font(19);\n    box-sizing: border-box;\n    position: relative;\n    min-width: 45px;\n    min-height: 45px;\n    padding: govuk-spacing(2) govuk-spacing(3);\n    float: left; // Float is ignored if flex is active for prev/next links\n\n    &:hover {\n      background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n    }\n  }\n\n  .govuk-pagination__item {\n    // Hide items on small screens except the prev/next items,\n    // non-link items and the first and last items\n    display: none;\n\n    // Center align pagination links in their parent list item so that they\n    // visually sit in the middle of their touch area\n    text-align: center;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      display: block;\n    }\n  }\n\n  .govuk-pagination__prev,\n  .govuk-pagination__next {\n    @include govuk-typography-weight-bold;\n\n    // Use flex to avoid extra space being introduced when whitespace exists\n    // between the arrow svg and the link text\n    .govuk-pagination__link {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .govuk-pagination__prev {\n    padding-left: 0;\n  }\n\n  .govuk-pagination__next {\n    padding-right: 0;\n  }\n\n  // Only show first, last and non-link items on mobile\n  .govuk-pagination__item--current,\n  .govuk-pagination__item--ellipsis,\n  .govuk-pagination__item:first-child,\n  .govuk-pagination__item:last-child {\n    display: block;\n  }\n\n  .govuk-pagination__item--current {\n    @include govuk-typography-weight-bold;\n    outline: 1px solid transparent;\n    background-color: govuk-functional-colour(link);\n\n    &:hover {\n      background-color: govuk-functional-colour(link);\n    }\n\n    .govuk-pagination__link {\n      @include govuk-link-style-inverse;\n    }\n  }\n\n  .govuk-pagination__item--ellipsis {\n    @include govuk-typography-weight-bold;\n    color: govuk-functional-colour(secondary-text);\n\n    // Remove hover state for ellipsis items as they don't contain links\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  .govuk-pagination__link {\n    display: block;\n    min-width: govuk-spacing(3);\n\n    // Increase the touch area for the link to the parent element.\n    @media screen {\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n    }\n\n    // Add link hover decoration to prev/next text if no label present on\n    // prev/next only mode,  so that we have a hover state in all cases\n    &:hover,\n    &:active {\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-decoration;\n      }\n\n      .govuk-pagination__link-label,\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-hover-decoration;\n      }\n    }\n\n    &:focus {\n      .govuk-pagination__icon {\n        color: govuk-functional-colour(focus-text);\n      }\n\n      .govuk-pagination__link-label {\n        text-decoration: none;\n      }\n\n      .govuk-pagination__link-title--decorated {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .govuk-pagination__link-title {\n    text-decoration-thickness: inherit;\n  }\n\n  .govuk-pagination__link-label {\n    @include govuk-typography-weight-regular;\n    @include govuk-link-decoration;\n    display: inline-block;\n  }\n\n  .govuk-pagination__icon {\n    // Set size using rems to make the icon scale with text\n    width: govuk-px-to-rem(15px);\n    height: govuk-px-to-rem(13px);\n    color: govuk-functional-colour(secondary-text);\n    fill: currentcolor;\n    forced-color-adjust: auto;\n  }\n\n  .govuk-pagination__icon--prev {\n    margin-right: govuk-spacing(3);\n  }\n\n  .govuk-pagination__icon--next {\n    margin-left: govuk-spacing(3);\n  }\n\n  // Block mode - position previous and next links above and below numbers\n  .govuk-pagination--block {\n    display: block;\n\n    .govuk-pagination__next,\n    .govuk-pagination__prev {\n      padding-left: 0;\n      float: none;\n\n      .govuk-pagination__link {\n        display: inline-block;\n      }\n    }\n\n    .govuk-pagination__next {\n      padding-right: govuk-spacing(3);\n    }\n\n    // Only apply a border between prev and next if both are present\n    .govuk-pagination__prev + .govuk-pagination__next {\n      border-top: 1px solid;\n      border-top-color: govuk-functional-colour(border);\n    }\n\n    // Set the after pseudo element to a block which makes the title visually\n    // display as block level whilst programmatically being inline. We do this\n    // to get around an NVDA quirk where adjacent block level elements are\n    // always read out separately\n    .govuk-pagination__link-title::after {\n      content: \"\";\n      display: block;\n    }\n\n    .govuk-pagination__link {\n      padding-left: govuk-spacing(6);\n      text-align: left;\n\n      &:not(:focus) {\n        text-decoration: none;\n      }\n    }\n\n    .govuk-pagination__icon {\n      // This magic number is brought to you by the following equation:\n      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize\n      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em\n      //\n      // This could have been done programmatically but we don't have functions\n      // for grabbing the line-height of specific typography sizes just yet.\n      margin-top: 0.326em;\n      margin-left: govuk-spacing(6) * -1;\n      float: left;\n    }\n  }\n}\n"]}