govuk_publishing_components 64.1.2 → 64.2.0

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

@@ -60,35 +60,37 @@
         </div>
         {% endif %}
         {% endif %}
-        {# The SVG needs `focusable="false"` so that Internet Explorer does not
-          treat it as an interactive element - without this it will be
-          'focusable' when using the keyboard to navigate. -#}
-        <svg
-          aria-hidden="true"
-          focusable="false"
-          class="govuk-footer__licence-logo"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 483.2 195.7"
-          height="17"
-          width="41"
-        >
-          <path
-            fill="currentColor"
-            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
-          />
-        </svg>
-        <span class="govuk-footer__licence-description">
-        {% if params.contentLicence.html or params.contentLicence.text %}
-          {{ params.contentLicence.html | safe | trim | indent(10) if params.contentLicence.html else params.contentLicence.text }}
-        {% else %}
-          All content is available under the
-          <a
-            class="govuk-footer__link"
-            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
-            rel="license"
-          >Open Government Licence v3.0</a>, except where otherwise stated
+        {% if params.contentLicence !== null %}
+          {# The SVG needs `focusable="false"` so that Internet Explorer does not
+            treat it as an interactive element - without this it will be
+            'focusable' when using the keyboard to navigate. -#}
+          <svg
+            aria-hidden="true"
+            focusable="false"
+            class="govuk-footer__licence-logo"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 483.2 195.7"
+            height="17"
+            width="41"
+          >
+            <path
+              fill="currentColor"
+              d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+            />
+          </svg>
+          <span class="govuk-footer__licence-description">
+          {% if params.contentLicence.html or params.contentLicence.text %}
+            {{ params.contentLicence.html | safe | trim | indent(12) if params.contentLicence.html else params.contentLicence.text }}
+          {% else %}
+            All content is available under the
+            <a
+              class="govuk-footer__link"
+              href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+              rel="license"
+            >Open Government Licence v3.0</a>, except where otherwise stated
+          {% endif %}
+          </span>
         {% endif %}
-        </span>
       </div>
       <div class="govuk-footer__meta-item">
         <a

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

@@ -529,6 +529,11 @@
       border-bottom-width: 0;
       color: govuk-colour("black");
       background: transparent;
+
+      // Fix specificity with background colour when rebrand is enabled
+      @include _govuk-rebrand {
+        background: transparent;
+      }
     }
 
     .govuk-header__link {
@@ -541,6 +546,13 @@
       &::after {
         display: none;
       }
+
+      // Fix specificity with background colour when rebrand is enabled
+      @include _govuk-rebrand {
+        &:not(:focus) {
+          background: transparent;
+        }
+      }
     }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/header/_index.scss"],"names":[],"mappings":"AAAA;EACE,+CAA+C;EAC/C,+CAA+C;EAC/C,4CAA4C;EAC5C,yCAAyC;EACzC,kCAAkC;EAClC,4CAA4C;EAC5C,2CAA2C;EAC3C,uCAAuC;EACvC,8EAA8E;EAC9E,kFAAkF;EAClF,gCAAgC;EAChC,sCAAsC;EACtC,qCAAqC;;EAErC,qDAAqD;EACrD,6CAA6C;;EAE7C;IACE,+CAA+C;;IAE/C,yDAAyD;IACzD;;;;KAIC;IACD,6GAA6G;;IAE7G,yBAAyB;EAC3B;;EAEA;IACE;MACE;QACE,uEAAuE;QACvE,kDAAkD;QAClD,8CAA8C;MAChD;IACF;EACF;;EAEA;IACE,2BAA2B;IAC3B,wCAAwC;;IAExC;MACE,uBAAuB;IACzB;EACF;;EAEA;IACE,uBAAuB;IACvB,kBAAkB;IAClB,0CAA0C;IAC1C,gEAAgE;IAChE,0EAA0E;;IAE1E;MACE,4CAA4C;MAC5C,gBAAgB;;MAEhB,sEAAsE;MACtE,cAAc;;MAEd,qBAAqB;MACrB,mBAAmB;IACrB;EACF;;EAEA,2DAA2D;EAC3D;IACE,+CAA+C;;IAE/C;MACE,gCAAgC;IAClC;EACF;;EAEA;IACE,qBAAqB;IACrB,kBAAkB;IAClB,SAAS;;IAET,wEAAwE;IACxE,sDAAsD;IACtD,8BAA8B;IAC9B,kBAAkB;IAClB,mBAAmB;;IAEnB,wEAAwE;IACxE,eAAe;IACf;MACE,yBAAyB;MACzB,eAAe;IACjB;;IAEA,wEAAwE;IACxE,uBAAuB;IACvB;MACE,eAAe;IACjB;;IAEA;MACE,kCAAkC,EAAE,SAAS;MAC7C,uDAAuD;;MAEvD,gDAAgD;MAChD;QACE,eAAe;MACjB;IACF;EACF;;EAEA,mBAAmB;EACnB;IACE,aAAa;;IAEb,mCAAmC;IACnC;MACE,kBAAkB;IACpB;;IAEA,4CAA4C;IAC5C;MACE,kBAAkB;IACpB;;IAEA,8BAA8B;IAC9B;MACE,kBAAkB;IACpB;EACF;;EAEA;IACE,gEAAgE;IAChE,gCAAgC;;IAEhC,oDAAoD;IACpD,wCAAwC;IACxC,qBAAqB;;IAErB,wCAAwC;IACxC,gCAAgC;;IAEhC,uEAAuE;IACvE,iEAAiE;IACjE;MACE,wCAAwC;IAC1C;;IAEA,6CAA6C;IAC7C,mBAAmB;;IAEnB;MACE,uCAAuC;MACvC;QACE,+CAA+C;MACjD;IACF;;IAEA;MACE,mBAAmB;MACnB,aAAa;;MAEb,mEAAmE;MACnE,8BAA8B;MAC9B,oCAAoC;;MAEpC,+DAA+D;MAC/D,6DAA6D;MAC7D,gCAAgC;;MAEhC,uBAAuB;MACvB,wBAAwB;;MAExB,sEAAsE;MACtE,uEAAuE;MACvE,yBAAyB;;MAEzB;QACE,eAAe;QACf,uBAAuB;MACzB;;MAEA,0CAA0C;MAC1C;QACE,aAAa;MACf;;MAEA;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE,2EAA2E;IAC3E,mCAAmC;IACnC,CAAC;IACD,wCAAwC;IACxC,uEAAuE;IACvE,sEAAsE;IACtE,+CAA+C;IAC/C,iCAAiC;;IAEjC,qBAAqB;;IAErB;MACE,0BAA0B;MAC1B,iEAAiE;;MAEjE;QACE,mDAAmD;MACrD;IACF;;IAEA;MACE,2BAA2B;IAC7B;EACF;;EAEA;IACE,yEAAyE;IACzE,YAAY;IACZ,qBAAqB;IACrB,8BAA8B;IAC9B,eAAe,EAAE,oDAAoD;;IAErE;MACE,eAAe;IACjB;;IAEA;;MAEE,qBAAqB;IACvB;;IAEA;;MAEE,yBAAyB;MACzB,0DAA0D;MAC1D,2DAA2D;IAC7D;;IAEA,wDAAwD;IACxD;MACE,gBAAgB;MAChB,gBAAgB;IAClB;;IAEA;MACE,eAAe;;MAEf,2DAA2D;MAC3D,mCAAmC;MACnC,mCAAmC;;MAEnC,uCAAuC;MACvC;QACE,eAAe;MACjB;;MAEA;QACE,kDAAkD;MACpD;IACF;EACF;;EAEA;IACE,qBAAqB;IACrB,+BAA+B;IAC/B,mCAAmC;IACnC,qCAAqC;;IAErC;MACE,uDAAuD;MACvD,+BAA+B;;MAE/B;QACE,kEAAkE;QAClE,yBAAyB;;QAEzB,6FAA6F;MAC/F;IACF;EACF;;EAEA;;IAEE,sBAAsB;EACxB;;EAEA;IACE,gFAAgF;;IAEhF;MACE,aAAa;MACb,iCAAiC;MACjC,WAAW;MACX,mBAAmB;;MAEnB,+DAA+D;MAC/D;QACE,WAAW;QACX,gBAAgB;QAChB,WAAW;MACb;IACF;;IAEA;MACE,uDAAuD;MACvD,gBAAgB;;MAEhB,gEAAgE;MAChE,iBAAiB;MACjB,+DAA+D;IACjE;EACF;;EAEA;IACE;MACE,aAAa;MACb,gCAAgC;MAChC,WAAW;IACb;EACF;;EAEA;IACE,8BAA8B;IAC9B,0CAA0C;IAC1C,4CAA4C;IAC5C,+BAA+B;IAC/B,UAAU;IACV,SAAS;IACT,4BAA4B;IAC5B,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;;IAEf;MACE,+EAAuE;cAAvE,uEAAuE;;MAEvE;QACE,mDAAmD;MACrD;IACF;;IAEA;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA;MACE,kBAAkB;MAClB,0BAA0B;MAC1B,yEAAyE;MACzE,mCAAmC;MACnC,kEAAkE;MAClE,kDAAkD;MAClD;8CACwC;MACxC,QAAQ;MACR,SAAS;IACX;;IAEA;MACE,qBAAqB;IACvB;;IAEA;MACE,cAAc;IAChB;;IAEA;;MAEE,aAAa;IACf;EACF;;EAEA;IACE;MACE;QACE,gCAAgC;MAClC;IACF;;IAEA;MACE,+BAA+B;;MAE/B;QACE,kEAAkE;QAClE,6BAA6B;QAC7B,uBAAuB;;QAEvB,uDAAuD;QACvD,gBAAgB;QAChB,0FAA0F;MAC5F;IACF;EACF;;EAEA;IACE;MACE;QACE,gDAAgD;QAChD,kDAAkD;QAClD,cAAc;;QAEd,oEAAoE;QACpE,gCAAgC;MAClC;IACF;EACF;;EAEA;IACE,sCAAsC;IACtC,SAAS;IACT,UAAU;IACV,gBAAgB;;IAEhB;MACE,aAAa;IACf;;IAEA;MACE;QACE,gCAAgC;MAClC;IACF;EACF;;EAEA;IACE;MACE,SAAS;MACT,2BAA2B;MAC3B,iBAAiB;IACnB;EACF;;EAEA;IACE,2BAA2B;IAC3B,4DAA4D;;IAE5D;MACE,qBAAqB;MACrB,8BAA8B;MAC9B,2BAA2B;MAC3B,SAAS;IACX;;IAEA;MACE,mCAAmC;MACnC,qCAAqC;MACrC,mBAAmB;IACrB;;IAEA;MACE,sCAAsC;MACtC,6BAA6B;;MAE7B,sBAAsB;MACtB;QACE,6BAA6B;MAC/B;;MAEA,0DAA0D;MAC1D,0CAA0C;;MAE1C,wEAAwE;MACxE;QACE,wCAAwC;MAC1C;IACF;EACF;;EAEA;IACE;MACE;QACE,iEAAiE;QACjE,qCAAqC;MACvC;;MAEA;;;QAGE,gCAAgC;;QAEhC;UACE,cAAc;QAChB;MACF;;MAEA,sEAAsE;MACtE,uBAAuB;MACvB;QACE,0BAA0B;MAC5B;;MAEA,yEAAyE;MACzE,8BAA8B;MAC9B;QACE,+BAA+B;;QAE/B;UACE,+BAA+B;QACjC;MACF;IACF;EACF;;EAEA;IACE,eAAe;IACf,gBAAgB;EAClB;;EAEA;IACE;MACE,sBAAsB;MACtB,4BAA4B;MAC5B,uBAAuB;IACzB;;IAEA;MACE;;QAEE,4BAA4B;MAC9B;;MAEA,mEAAmE;MACnE;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/header\") {\n  $govuk-header-background: govuk-colour(\"black\");\n  $govuk-header-border-color: $govuk-brand-colour;\n  $govuk-header-border-width: govuk-spacing(2);\n  $govuk-header-text: govuk-colour(\"white\");\n  $govuk-header-link-active: #1d8feb;\n  $govuk-header-nav-item-border-color: #2e3133;\n  $govuk-header-link-underline-thickness: 3px;\n  $govuk-header-vertical-spacing-value: 2;\n  // This crown height is only used to calculate top offset of mobile menu button\n  // as the crown svg height is the only thing that controls the height of the header\n  $govuk-header-crown-height: 30px;\n  $govuk-header-menu-button-height: 24px;\n  $govuk-header-menu-button-width: 80px;\n\n  $govuk-header-rebrand-background: $govuk-brand-colour;\n  $govuk-header-rebrand-logo-bottom-margin: 2px;\n\n  .govuk-header {\n    @include govuk-font($size: 16, $line-height: 1);\n\n    // Add a transparent bottom border for forced-colour modes\n    @include _govuk-rebrand(\n      \"border-bottom\",\n      $from: govuk-spacing(2) solid govuk-colour(\"white\"),\n      $to: 1px solid transparent\n    );\n    @include _govuk-rebrand(\"background\", $from: $govuk-header-background, $to: $govuk-header-rebrand-background);\n\n    color: $govuk-header-text;\n  }\n\n  .govuk-header--with-js-navigation {\n    @media #{govuk-until-breakpoint(desktop)} {\n      .govuk-header__logo {\n        // Protect the absolute positioned menu button from overlapping with the\n        // logo with right padding using the button's width\n        padding-right: $govuk-header-menu-button-width;\n      }\n    }\n  }\n\n  .govuk-header__container--full-width {\n    padding: 0 govuk-spacing(3);\n    border-color: $govuk-header-border-color;\n\n    .govuk-header__menu-button {\n      right: govuk-spacing(3);\n    }\n  }\n\n  .govuk-header__container {\n    @include govuk-clearfix;\n    position: relative;\n    margin-bottom: -$govuk-header-border-width;\n    padding-top: govuk-spacing($govuk-header-vertical-spacing-value);\n    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;\n\n    @include _govuk-rebrand {\n      // Remove the space allocated to the blue bar\n      margin-bottom: 0;\n\n      // Remove padding as the child elements are now responsible for spacing\n      padding-top: 0;\n\n      // Remove the blue bar\n      border-bottom: none;\n    }\n  }\n\n  // TODO: Remove this when _govuk-rebrand becomes the default\n  .govuk-header--full-width-border {\n    border-bottom-color: $govuk-header-border-color;\n\n    .govuk-header__container {\n      border-bottom-color: transparent;\n    }\n  }\n\n  .govuk-header__logotype {\n    display: inline-block;\n    position: relative;\n    top: -3px;\n\n    // Add a gap after the logo in case it's followed by a product name. This\n    // gets removed later if the logotype is a :last-child.\n    margin-right: govuk-spacing(1);\n    fill: currentcolor;\n    vertical-align: top;\n\n    // Prevent readability backplate from obscuring underline in Windows High\n    // Contrast Mode\n    @media (forced-colors: active) {\n      forced-color-adjust: none;\n      color: linktext;\n    }\n\n    // Remove the gap after the logo if there's no product name to keep hover\n    // and focus states neat\n    &:last-child {\n      margin-right: 0;\n    }\n\n    @include _govuk-rebrand {\n      margin-right: govuk-px-to-rem(7px); // 1 'dot'\n      margin-bottom: $govuk-header-rebrand-logo-bottom-margin;\n\n      // Remove right-margin if there's no product name\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  // Colour in the Dot\n  .govuk-logo-dot {\n    fill: #00ffe0;\n\n    // Override Dot colour when printing\n    @media print {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on forced colours mode\n    @media (forced-colors: active) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on focus\n    :focus & {\n      fill: currentcolor;\n    }\n  }\n\n  .govuk-header__product-name {\n    $product-name-offset: if($govuk-new-typography-scale, 7px, 10px);\n    $product-name-offset-tablet: 5px;\n\n    @include govuk-font-size($size: 24, $line-height: 1);\n    @include govuk-typography-weight-regular;\n    display: inline-table;\n\n    // Maintain space below logo when wrapped\n    margin-top: $product-name-offset;\n\n    // Firefox places the GOV.UK logo one pixel higher, due to how it rounds\n    // subpixels, so nudge the product name in FF to still be aligned.\n    @-moz-document url-prefix() {\n      margin-top: $product-name-offset - 0.5px;\n    }\n\n    // Align vertically with logo when not wrapped\n    vertical-align: top;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-top: $product-name-offset-tablet;\n      @-moz-document url-prefix() {\n        margin-top: $product-name-offset-tablet - 0.5px;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Remove top margin\n      margin-top: 0;\n\n      // Remove 1px from the bottom to account for the font-size being 1px\n      // larger than the logo height.\n      margin-bottom: govuk-px-to-rem(-1px);\n\n      // Magic number font-size that visually aligns with GOV.UK logo.\n      // Also stops reducing the product name size on narrow screens\n      font-size: govuk-px-to-rem(31px);\n\n      // Reduce letter spacing\n      letter-spacing: -0.015em;\n\n      // Prevent forced colour modes from applying a background colour behind\n      // the product name, which cuts off the underline that appears on hover.\n      forced-color-adjust: none;\n\n      @media screen and (forced-colors: active) {\n        color: LinkText;\n        background: transparent;\n      }\n\n      // Remove top margin on the breakpoints too\n      @media #{govuk-from-breakpoint(tablet)} {\n        margin-top: 0;\n      }\n\n      @media #{govuk-from-breakpoint(desktop)} {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-header__link {\n    // Avoid using the `govuk-link-common` mixin because the links in the header\n    // get a special treatment, because:\n    //\n    // - underlines are only visible on hover\n    // - all links get a 3px underline regardless of text size, as there are\n    //   multiple grouped elements close to one another and having slightly\n    //   different underline widths looks unbalanced\n    @include govuk-link-style-inverse;\n\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n      text-decoration-thickness: $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n  }\n\n  .govuk-header__link--homepage {\n    // Font size needs to be set on the link so that the box sizing is correct\n    // in Firefox\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    font-size: 30px; // We don't have a mixin that produces 30px font size\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      display: inline;\n    }\n\n    &:link,\n    &:visited {\n      text-decoration: none;\n    }\n\n    &:hover,\n    &:active {\n      // Negate the added border\n      margin-bottom: $govuk-header-link-underline-thickness * -1;\n      border-bottom: $govuk-header-link-underline-thickness solid;\n    }\n\n    // Remove any borders that show when focused and hovered.\n    &:focus {\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    @include _govuk-rebrand {\n      display: inline;\n\n      // Remove word-spacing from within the logo so we can ignore\n      // whitespace characters in the HTML\n      word-spacing: govuk-px-to-rem(-6px);\n\n      // Reset word-spacing for child elements\n      > * {\n        word-spacing: 0;\n      }\n\n      &:not(:focus) {\n        background-color: $govuk-header-rebrand-background;\n      }\n    }\n  }\n\n  .govuk-header__service-name {\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: govuk-spacing(3);\n\n      @media #{govuk-from-breakpoint(desktop)} {\n        // Magic number to align service name baseline with the GOV.UK logo\n        $service-name-offset: 4px;\n\n        margin: (govuk-spacing(3) + $service-name-offset) 0 (govuk-spacing(3) - $service-name-offset);\n      }\n    }\n  }\n\n  .govuk-header__logo,\n  .govuk-header__content {\n    box-sizing: border-box;\n  }\n\n  .govuk-header__logo {\n    @include govuk-responsive-margin($govuk-header-vertical-spacing-value, \"bottom\");\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      width: 33.33%;\n      padding-right: $govuk-gutter-half;\n      float: left;\n      vertical-align: top;\n\n      // Reset float when logo is the last child, without a navigation\n      &:last-child {\n        width: auto;\n        padding-right: 0;\n        float: none;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: 0;\n\n      // Magic numbers, set padding to vertically centre align the logo\n      padding-top: 16px;\n      padding-bottom: 14px - $govuk-header-rebrand-logo-bottom-margin;\n    }\n  }\n\n  .govuk-header__content {\n    @media #{govuk-from-breakpoint(desktop)} {\n      width: 66.66%;\n      padding-left: $govuk-gutter-half;\n      float: left;\n    }\n  }\n\n  .govuk-header__menu-button {\n    @include govuk-font($size: 16);\n    max-width: $govuk-header-menu-button-width;\n    min-height: $govuk-header-menu-button-height;\n    margin-bottom: govuk-spacing(1);\n    padding: 0;\n    border: 0;\n    color: govuk-colour(\"white\");\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: solid underline $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\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    @media #{govuk-from-breakpoint(mobile)} {\n      position: absolute;\n      // calculate top offset by:\n      // - getting the vertical spacing for the top and the bottom of the header\n      // - adding that to the crown height\n      // - dividing it by 2 so you have the vertical centre of the header\n      // - subtracting half the height of the menu button\n      top: (((govuk-spacing($govuk-header-vertical-spacing-value) * 2) + $govuk-header-crown-height) / 2) -\n        ($govuk-header-menu-button-height / 2);\n      right: 0;\n      margin: 0;\n    }\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      top: govuk-spacing(3);\n    }\n\n    .govuk-frontend-supported & {\n      display: block;\n    }\n\n    &[hidden],\n    .govuk-frontend-supported &[hidden] {\n      display: none;\n    }\n  }\n\n  .govuk-header__navigation {\n    @media #{govuk-until-breakpoint(mobile)} {\n      @include _govuk-rebrand {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      margin-bottom: govuk-spacing(2);\n\n      @include _govuk-rebrand {\n        // Magic number so that the bottom of the nav links aligns with the\n        // baseline of the GOV.UK logo\n        $navigation-offset: 7px;\n\n        // Apply margins to internal elements to emulate padding\n        margin-bottom: 0;\n        padding: (govuk-spacing(3) + $navigation-offset) 0 (govuk-spacing(3) - $navigation-offset);\n      }\n    }\n  }\n\n  .govuk-header__service-name + .govuk-header__navigation {\n    @include _govuk-rebrand {\n      @media #{govuk-from-breakpoint(desktop)} {\n        // If there's both a service name and navigation,\n        // remove the extra padding between them on desktop\n        padding-top: 0;\n\n        // Restore the full bottom padding as the navigation isn't standalone\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation-list {\n    // Reset user-agent default list styles\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &[hidden] {\n      display: none;\n    }\n\n    @include _govuk-rebrand {\n      @media #{govuk-from-breakpoint(mobile)} and #{govuk-until-breakpoint(desktop)} {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation--end {\n    @media #{govuk-from-breakpoint(desktop)} {\n      margin: 0;\n      padding: govuk-spacing(1) 0;\n      text-align: right;\n    }\n  }\n\n  .govuk-header__navigation-item {\n    padding: govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-header-nav-item-border-color;\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      display: inline-block;\n      margin-right: govuk-spacing(3);\n      padding: govuk-spacing(1) 0;\n      border: 0;\n    }\n\n    a {\n      @include govuk-font-size($size: 16);\n      @include govuk-typography-weight-bold;\n      white-space: nowrap;\n    }\n\n    @include _govuk-rebrand {\n      // Increase top padding of nav items...\n      padding-top: govuk-spacing(3);\n\n      // ...except on desktop\n      @media #{govuk-from-breakpoint(desktop)} {\n        padding-top: govuk-spacing(1);\n      }\n\n      // Change the dividing line colour between mobile nav items\n      border-bottom-color: govuk-colour(\"white\");\n\n      // Reduce default weight of links so that we can use bold for active ones\n      a {\n        @include govuk-typography-weight-regular;\n      }\n    }\n  }\n\n  .govuk-header__navigation-item--active {\n    a {\n      @include _govuk-rebrand {\n        // Change active links to use bold text instead of changing colour\n        @include govuk-typography-weight-bold;\n      }\n\n      &:link,\n      &:hover,\n      &:visited {\n        color: $govuk-header-link-active;\n\n        @include _govuk-rebrand {\n          color: inherit;\n        }\n      }\n\n      // When printing, use the normal blue as this contrasts better with the\n      // white printing header\n      @media print {\n        color: $govuk-brand-colour;\n      }\n\n      // When focussed, the text colour needs to be darker to ensure that colour\n      // contrast is still acceptable\n      &:focus {\n        color: $govuk-focus-text-colour;\n\n        @include _govuk-rebrand {\n          color: $govuk-focus-text-colour;\n        }\n      }\n    }\n  }\n\n  .govuk-header__navigation-item:last-child {\n    margin-right: 0;\n    border-bottom: 0;\n  }\n\n  @media print {\n    .govuk-header {\n      border-bottom-width: 0;\n      color: govuk-colour(\"black\");\n      background: transparent;\n    }\n\n    .govuk-header__link {\n      &:link,\n      &:visited {\n        color: govuk-colour(\"black\");\n      }\n\n      // Do not append link href to GOV.UK link when printing (e.g. '(/)')\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/header/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/header\") {\n  $govuk-header-background: govuk-colour(\"black\");\n  $govuk-header-border-color: $govuk-brand-colour;\n  $govuk-header-border-width: govuk-spacing(2);\n  $govuk-header-text: govuk-colour(\"white\");\n  $govuk-header-link-active: #1d8feb;\n  $govuk-header-nav-item-border-color: #2e3133;\n  $govuk-header-link-underline-thickness: 3px;\n  $govuk-header-vertical-spacing-value: 2;\n  // This crown height is only used to calculate top offset of mobile menu button\n  // as the crown svg height is the only thing that controls the height of the header\n  $govuk-header-crown-height: 30px;\n  $govuk-header-menu-button-height: 24px;\n  $govuk-header-menu-button-width: 80px;\n\n  $govuk-header-rebrand-background: $govuk-brand-colour;\n  $govuk-header-rebrand-logo-bottom-margin: 2px;\n\n  .govuk-header {\n    @include govuk-font($size: 16, $line-height: 1);\n\n    // Add a transparent bottom border for forced-colour modes\n    @include _govuk-rebrand(\n      \"border-bottom\",\n      $from: govuk-spacing(2) solid govuk-colour(\"white\"),\n      $to: 1px solid transparent\n    );\n    @include _govuk-rebrand(\"background\", $from: $govuk-header-background, $to: $govuk-header-rebrand-background);\n\n    color: $govuk-header-text;\n  }\n\n  .govuk-header--with-js-navigation {\n    @media #{govuk-until-breakpoint(desktop)} {\n      .govuk-header__logo {\n        // Protect the absolute positioned menu button from overlapping with the\n        // logo with right padding using the button's width\n        padding-right: $govuk-header-menu-button-width;\n      }\n    }\n  }\n\n  .govuk-header__container--full-width {\n    padding: 0 govuk-spacing(3);\n    border-color: $govuk-header-border-color;\n\n    .govuk-header__menu-button {\n      right: govuk-spacing(3);\n    }\n  }\n\n  .govuk-header__container {\n    @include govuk-clearfix;\n    position: relative;\n    margin-bottom: -$govuk-header-border-width;\n    padding-top: govuk-spacing($govuk-header-vertical-spacing-value);\n    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;\n\n    @include _govuk-rebrand {\n      // Remove the space allocated to the blue bar\n      margin-bottom: 0;\n\n      // Remove padding as the child elements are now responsible for spacing\n      padding-top: 0;\n\n      // Remove the blue bar\n      border-bottom: none;\n    }\n  }\n\n  // TODO: Remove this when _govuk-rebrand becomes the default\n  .govuk-header--full-width-border {\n    border-bottom-color: $govuk-header-border-color;\n\n    .govuk-header__container {\n      border-bottom-color: transparent;\n    }\n  }\n\n  .govuk-header__logotype {\n    display: inline-block;\n    position: relative;\n    top: -3px;\n\n    // Add a gap after the logo in case it's followed by a product name. This\n    // gets removed later if the logotype is a :last-child.\n    margin-right: govuk-spacing(1);\n    fill: currentcolor;\n    vertical-align: top;\n\n    // Prevent readability backplate from obscuring underline in Windows High\n    // Contrast Mode\n    @media (forced-colors: active) {\n      forced-color-adjust: none;\n      color: linktext;\n    }\n\n    // Remove the gap after the logo if there's no product name to keep hover\n    // and focus states neat\n    &:last-child {\n      margin-right: 0;\n    }\n\n    @include _govuk-rebrand {\n      margin-right: govuk-px-to-rem(7px); // 1 'dot'\n      margin-bottom: $govuk-header-rebrand-logo-bottom-margin;\n\n      // Remove right-margin if there's no product name\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  // Colour in the Dot\n  .govuk-logo-dot {\n    fill: #00ffe0;\n\n    // Override Dot colour when printing\n    @media print {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on forced colours mode\n    @media (forced-colors: active) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on focus\n    :focus & {\n      fill: currentcolor;\n    }\n  }\n\n  .govuk-header__product-name {\n    $product-name-offset: if($govuk-new-typography-scale, 7px, 10px);\n    $product-name-offset-tablet: 5px;\n\n    @include govuk-font-size($size: 24, $line-height: 1);\n    @include govuk-typography-weight-regular;\n    display: inline-table;\n\n    // Maintain space below logo when wrapped\n    margin-top: $product-name-offset;\n\n    // Firefox places the GOV.UK logo one pixel higher, due to how it rounds\n    // subpixels, so nudge the product name in FF to still be aligned.\n    @-moz-document url-prefix() {\n      margin-top: $product-name-offset - 0.5px;\n    }\n\n    // Align vertically with logo when not wrapped\n    vertical-align: top;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-top: $product-name-offset-tablet;\n      @-moz-document url-prefix() {\n        margin-top: $product-name-offset-tablet - 0.5px;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Remove top margin\n      margin-top: 0;\n\n      // Remove 1px from the bottom to account for the font-size being 1px\n      // larger than the logo height.\n      margin-bottom: govuk-px-to-rem(-1px);\n\n      // Magic number font-size that visually aligns with GOV.UK logo.\n      // Also stops reducing the product name size on narrow screens\n      font-size: govuk-px-to-rem(31px);\n\n      // Reduce letter spacing\n      letter-spacing: -0.015em;\n\n      // Prevent forced colour modes from applying a background colour behind\n      // the product name, which cuts off the underline that appears on hover.\n      forced-color-adjust: none;\n\n      @media screen and (forced-colors: active) {\n        color: LinkText;\n        background: transparent;\n      }\n\n      // Remove top margin on the breakpoints too\n      @media #{govuk-from-breakpoint(tablet)} {\n        margin-top: 0;\n      }\n\n      @media #{govuk-from-breakpoint(desktop)} {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-header__link {\n    // Avoid using the `govuk-link-common` mixin because the links in the header\n    // get a special treatment, because:\n    //\n    // - underlines are only visible on hover\n    // - all links get a 3px underline regardless of text size, as there are\n    //   multiple grouped elements close to one another and having slightly\n    //   different underline widths looks unbalanced\n    @include govuk-link-style-inverse;\n\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n      text-decoration-thickness: $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n  }\n\n  .govuk-header__link--homepage {\n    // Font size needs to be set on the link so that the box sizing is correct\n    // in Firefox\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    font-size: 30px; // We don't have a mixin that produces 30px font size\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      display: inline;\n    }\n\n    &:link,\n    &:visited {\n      text-decoration: none;\n    }\n\n    &:hover,\n    &:active {\n      // Negate the added border\n      margin-bottom: $govuk-header-link-underline-thickness * -1;\n      border-bottom: $govuk-header-link-underline-thickness solid;\n    }\n\n    // Remove any borders that show when focused and hovered.\n    &:focus {\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    @include _govuk-rebrand {\n      display: inline;\n\n      // Remove word-spacing from within the logo so we can ignore\n      // whitespace characters in the HTML\n      word-spacing: govuk-px-to-rem(-6px);\n\n      // Reset word-spacing for child elements\n      > * {\n        word-spacing: 0;\n      }\n\n      &:not(:focus) {\n        background-color: $govuk-header-rebrand-background;\n      }\n    }\n  }\n\n  .govuk-header__service-name {\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: govuk-spacing(3);\n\n      @media #{govuk-from-breakpoint(desktop)} {\n        // Magic number to align service name baseline with the GOV.UK logo\n        $service-name-offset: 4px;\n\n        margin: (govuk-spacing(3) + $service-name-offset) 0 (govuk-spacing(3) - $service-name-offset);\n      }\n    }\n  }\n\n  .govuk-header__logo,\n  .govuk-header__content {\n    box-sizing: border-box;\n  }\n\n  .govuk-header__logo {\n    @include govuk-responsive-margin($govuk-header-vertical-spacing-value, \"bottom\");\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      width: 33.33%;\n      padding-right: $govuk-gutter-half;\n      float: left;\n      vertical-align: top;\n\n      // Reset float when logo is the last child, without a navigation\n      &:last-child {\n        width: auto;\n        padding-right: 0;\n        float: none;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: 0;\n\n      // Magic numbers, set padding to vertically centre align the logo\n      padding-top: 16px;\n      padding-bottom: 14px - $govuk-header-rebrand-logo-bottom-margin;\n    }\n  }\n\n  .govuk-header__content {\n    @media #{govuk-from-breakpoint(desktop)} {\n      width: 66.66%;\n      padding-left: $govuk-gutter-half;\n      float: left;\n    }\n  }\n\n  .govuk-header__menu-button {\n    @include govuk-font($size: 16);\n    max-width: $govuk-header-menu-button-width;\n    min-height: $govuk-header-menu-button-height;\n    margin-bottom: govuk-spacing(1);\n    padding: 0;\n    border: 0;\n    color: govuk-colour(\"white\");\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: solid underline $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\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    @media #{govuk-from-breakpoint(mobile)} {\n      position: absolute;\n      // calculate top offset by:\n      // - getting the vertical spacing for the top and the bottom of the header\n      // - adding that to the crown height\n      // - dividing it by 2 so you have the vertical centre of the header\n      // - subtracting half the height of the menu button\n      top: (((govuk-spacing($govuk-header-vertical-spacing-value) * 2) + $govuk-header-crown-height) / 2) -\n        ($govuk-header-menu-button-height / 2);\n      right: 0;\n      margin: 0;\n    }\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      top: govuk-spacing(3);\n    }\n\n    .govuk-frontend-supported & {\n      display: block;\n    }\n\n    &[hidden],\n    .govuk-frontend-supported &[hidden] {\n      display: none;\n    }\n  }\n\n  .govuk-header__navigation {\n    @media #{govuk-until-breakpoint(mobile)} {\n      @include _govuk-rebrand {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      margin-bottom: govuk-spacing(2);\n\n      @include _govuk-rebrand {\n        // Magic number so that the bottom of the nav links aligns with the\n        // baseline of the GOV.UK logo\n        $navigation-offset: 7px;\n\n        // Apply margins to internal elements to emulate padding\n        margin-bottom: 0;\n        padding: (govuk-spacing(3) + $navigation-offset) 0 (govuk-spacing(3) - $navigation-offset);\n      }\n    }\n  }\n\n  .govuk-header__service-name + .govuk-header__navigation {\n    @include _govuk-rebrand {\n      @media #{govuk-from-breakpoint(desktop)} {\n        // If there's both a service name and navigation,\n        // remove the extra padding between them on desktop\n        padding-top: 0;\n\n        // Restore the full bottom padding as the navigation isn't standalone\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation-list {\n    // Reset user-agent default list styles\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &[hidden] {\n      display: none;\n    }\n\n    @include _govuk-rebrand {\n      @media #{govuk-from-breakpoint(mobile)} and #{govuk-until-breakpoint(desktop)} {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation--end {\n    @media #{govuk-from-breakpoint(desktop)} {\n      margin: 0;\n      padding: govuk-spacing(1) 0;\n      text-align: right;\n    }\n  }\n\n  .govuk-header__navigation-item {\n    padding: govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-header-nav-item-border-color;\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      display: inline-block;\n      margin-right: govuk-spacing(3);\n      padding: govuk-spacing(1) 0;\n      border: 0;\n    }\n\n    a {\n      @include govuk-font-size($size: 16);\n      @include govuk-typography-weight-bold;\n      white-space: nowrap;\n    }\n\n    @include _govuk-rebrand {\n      // Increase top padding of nav items...\n      padding-top: govuk-spacing(3);\n\n      // ...except on desktop\n      @media #{govuk-from-breakpoint(desktop)} {\n        padding-top: govuk-spacing(1);\n      }\n\n      // Change the dividing line colour between mobile nav items\n      border-bottom-color: govuk-colour(\"white\");\n\n      // Reduce default weight of links so that we can use bold for active ones\n      a {\n        @include govuk-typography-weight-regular;\n      }\n    }\n  }\n\n  .govuk-header__navigation-item--active {\n    a {\n      @include _govuk-rebrand {\n        // Change active links to use bold text instead of changing colour\n        @include govuk-typography-weight-bold;\n      }\n\n      &:link,\n      &:hover,\n      &:visited {\n        color: $govuk-header-link-active;\n\n        @include _govuk-rebrand {\n          color: inherit;\n        }\n      }\n\n      // When printing, use the normal blue as this contrasts better with the\n      // white printing header\n      @media print {\n        color: $govuk-brand-colour;\n      }\n\n      // When focussed, the text colour needs to be darker to ensure that colour\n      // contrast is still acceptable\n      &:focus {\n        color: $govuk-focus-text-colour;\n\n        @include _govuk-rebrand {\n          color: $govuk-focus-text-colour;\n        }\n      }\n    }\n  }\n\n  .govuk-header__navigation-item:last-child {\n    margin-right: 0;\n    border-bottom: 0;\n  }\n\n  @media print {\n    .govuk-header {\n      border-bottom-width: 0;\n      color: govuk-colour(\"black\");\n      background: transparent;\n\n      // Fix specificity with background colour when rebrand is enabled\n      @include _govuk-rebrand {\n        background: transparent;\n      }\n    }\n\n    .govuk-header__link {\n      &:link,\n      &:visited {\n        color: govuk-colour(\"black\");\n      }\n\n      // Do not append link href to GOV.UK link when printing (e.g. '(/)')\n      &::after {\n        display: none;\n      }\n\n      // Fix specificity with background colour when rebrand is enabled\n      @include _govuk-rebrand {\n        &:not(:focus) {\n          background: transparent;\n        }\n      }\n    }\n  }\n}\n"]}

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

@@ -30,7 +30,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": true,
-            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
         },
         {
             "name": "with custom link and item text",
@@ -63,7 +63,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page one\">\n        one\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page two\" aria-current=\"page\">\n        two\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page three\">\n        three\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page one\">\n        one\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page two\" aria-current=\"page\">\n        two\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page three\">\n        three\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
         },
         {
             "name": "with many pages",
@@ -116,7 +116,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--ellipsis\">\n      &ctdot;\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/8\" aria-label=\"Page 8\">\n        8\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/9\" aria-label=\"Page 9\">\n        9\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/10\" aria-label=\"Page 10\" aria-current=\"page\">\n        10\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/11\" aria-label=\"Page 11\">\n        11\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/12\" aria-label=\"Page 12\">\n        12\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--ellipsis\">\n      &ctdot;\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/40\" aria-label=\"Page 40\">\n        40\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--ellipsis\">\n      &ctdot;\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/8\" aria-label=\"Page 8\">\n        8\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/9\" aria-label=\"Page 9\">\n        9\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/10\" aria-label=\"Page 10\" aria-current=\"page\">\n        10\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/11\" aria-label=\"Page 11\">\n        11\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/12\" aria-label=\"Page 12\">\n        12\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--ellipsis\">\n      &ctdot;\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/40\" aria-label=\"Page 40\">\n        40\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
         },
         {
             "name": "first page",
@@ -144,7 +144,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\" aria-current=\"page\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\" aria-current=\"page\">\n        1\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
         },
         {
             "name": "last page",
@@ -172,7 +172,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\" aria-current=\"page\">\n        3\n      </a>\n    </li>\n  </ul>\n</nav>"
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\" aria-current=\"page\">\n        3\n      </a>\n    </li>\n  </ul>\n</nav>"
         },
         {
             "name": "with prev and next only",
@@ -286,7 +286,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<nav class=\"govuk-pagination my-custom-class\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+            "html": "<nav class=\"govuk-pagination my-custom-class\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
         },
         {
             "name": "with custom attributes",
@@ -321,7 +321,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
         },
         {
             "name": "with custom navigation landmark",
@@ -353,7 +353,7 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<nav class=\"govuk-pagination\" aria-label=\"search\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"search\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
         },
         {
             "name": "with custom accessible labels on item links",
@@ -387,7 +387,29 @@
             "description": "",
             "pageTemplateOptions": {},
             "screenshot": false,
-            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"1st page\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"2nd page (you are currently on this page)\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"3rd page\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"1st page\">\n        1\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"2nd page (you are currently on this page)\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"3rd page\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with empty items",
+            "options": {
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    null,
+                    {},
+                    {
+                        "number": 4,
+                        "href": "/page/4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <ul class=\"govuk-pagination__list\">\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n      <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/4\" aria-label=\"Page 4\">\n        4\n      </a>\n    </li>\n  </ul>\n</nav>"
         }
     ]
 }

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

@@ -10,17 +10,17 @@
     </a>
   </div>
   <ul class="govuk-pagination__list">
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
         1
       </a>
     </li>
-    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <li class="govuk-pagination__item govuk-pagination__item--current">
       <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2" aria-current="page">
         2
       </a>
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3">
         3
       </a>

data/node_modules/govuk-frontend/dist/govuk/components/pagination/template-first-page.html

@@ -1,16 +1,16 @@
 <nav class="govuk-pagination" aria-label="Pagination">
   <ul class="govuk-pagination__list">
-    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <li class="govuk-pagination__item govuk-pagination__item--current">
       <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1" aria-current="page">
         1
       </a>
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2">
         2
       </a>
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3">
         3
       </a>

data/node_modules/govuk-frontend/dist/govuk/components/pagination/template-last-page.html

@@ -10,17 +10,17 @@
     </a>
   </div>
   <ul class="govuk-pagination__list">
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
         1
       </a>
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2">
         2
       </a>
     </li>
-    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <li class="govuk-pagination__item govuk-pagination__item--current">
       <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3" aria-current="page">
         3
       </a>

data/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-custom-link-and-item-text.html

@@ -10,17 +10,17 @@
     </a>
   </div>
   <ul class="govuk-pagination__list">
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page one">
         one
       </a>
     </li>
-    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <li class="govuk-pagination__item govuk-pagination__item--current">
       <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page two" aria-current="page">
         two
       </a>
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page three">
         three
       </a>

data/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-many-pages.html

@@ -10,43 +10,43 @@
     </a>
   </div>
   <ul class="govuk-pagination__list">
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
         1
       </a>
     </li>
-    <li class="govuk-pagination__item govuk-pagination__item--ellipsis">
+      <li class="govuk-pagination__item govuk-pagination__item--ellipsis">
       &ctdot;
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/8" aria-label="Page 8">
         8
       </a>
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/9" aria-label="Page 9">
         9
       </a>
     </li>
-    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <li class="govuk-pagination__item govuk-pagination__item--current">
       <a class="govuk-link govuk-pagination__link" href="/page/10" aria-label="Page 10" aria-current="page">
         10
       </a>
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/11" aria-label="Page 11">
         11
       </a>
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/12" aria-label="Page 12">
         12
       </a>
     </li>
-    <li class="govuk-pagination__item govuk-pagination__item--ellipsis">
+      <li class="govuk-pagination__item govuk-pagination__item--ellipsis">
       &ctdot;
     </li>
-    <li class="govuk-pagination__item">
+      <li class="govuk-pagination__item">
       <a class="govuk-link govuk-pagination__link" href="/page/40" aria-label="Page 40">
         40
       </a>

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

@@ -68,7 +68,9 @@
   {%- if params.items %}
   <ul class="govuk-pagination__list">
   {% for item in params.items %}
-    {{ _pageItem(item) | indent(2) }}
+    {% if item is not null and (item | length) > 0 %}
+      {{ _pageItem(item) | indent(2) }}
+    {% endif %}
   {% endfor %}
   </ul>
   {% endif %}

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

@@ -303,7 +303,7 @@
       }
       // prettier-ignore
       box-shadow:
-        0 0 0 $govuk-radios-focus-width $govuk-focus-colour // 1,
+        0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1
         0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
     }