govuk_publishing_components 62.0.0 → 62.1.0

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

@@ -23,15 +23,7 @@
             appearance: none;
 
     &:focus {
-      outline: $govuk-focus-width solid $govuk-focus-colour;
-      // Ensure outline appears outside of the element
-      outline-offset: 0;
-      // Double the border by adding its width again. Use `box-shadow` for this
-      // instead of changing `border-width` - this is for consistency with
-      // components such as textarea where we avoid changing `border-width` as
-      // it will change the element size. Also, `outline` cannot be utilised
-      // here as it is already used for the yellow focus state.
-      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
+      @include govuk-focused-form-input;
     }
 
     &:disabled {
@@ -109,7 +101,7 @@
     }
 
     // Split prefix/suffix onto separate lines on narrow screens
-    @include govuk-media-query($until: mobile) {
+    @media #{govuk-until-breakpoint(mobile)} {
       display: block;
 
       .govuk-input {
@@ -138,7 +130,7 @@
     cursor: default;
     flex: 0 0 auto;
     // Split prefix/suffix onto separate lines on narrow screens
-    @include govuk-media-query($until: mobile) {
+    @media #{govuk-until-breakpoint(mobile)} {
       display: block;
       height: 100%;
       white-space: normal;
@@ -146,20 +138,20 @@
   }
 
   .govuk-input__prefix {
-    @include govuk-media-query($until: mobile) {
+    @media #{govuk-until-breakpoint(mobile)} {
       border-bottom: 0;
     }
-    @include govuk-media-query($from: mobile) {
+    @media #{govuk-from-breakpoint(mobile)} {
       border-right: 0;
     }
   }
 
   // Split prefix/suffix onto separate lines on narrow screens
   .govuk-input__suffix {
-    @include govuk-media-query($until: mobile) {
+    @media #{govuk-until-breakpoint(mobile)} {
       border-top: 0;
     }
-    @include govuk-media-query($from: mobile) {
+    @media #{govuk-from-breakpoint(mobile)} {
       border-left: 0;
     }
   }

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,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,wEAAwE;MACxE,mEAAmE;MACnE,uEAAuE;MACvE,qEAAqE;MACrE,wDAAwD;MACxD,wDAAwD;IAC1D;;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      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      // Double the border by adding its width again. Use `box-shadow` for this\n      // instead of changing `border-width` - this is for consistency with\n      // components such as textarea where we avoid changing `border-width` as\n      // it will change the element size. Also, `outline` cannot be utilised\n      // here as it is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\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    @include govuk-media-query($until: 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    @include govuk-media-query($until: mobile) {\n      display: block;\n      height: 100%;\n      white-space: normal;\n    }\n  }\n\n  .govuk-input__prefix {\n    @include govuk-media-query($until: mobile) {\n      border-bottom: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-right: 0;\n    }\n  }\n\n  // Split prefix/suffix onto separate lines on narrow screens\n  .govuk-input__suffix {\n    @include govuk-media-query($until: mobile) {\n      border-top: 0;\n    }\n    @include govuk-media-query($from: 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,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"]}

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

@@ -19,7 +19,7 @@
     // text in high contrast mode
     border-bottom: 1px solid transparent;
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       padding: 2px govuk-spacing(4) govuk-spacing(1);
     }
   }
@@ -41,7 +41,7 @@
 
     background-color: $govuk-body-background-colour;
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       padding: $padding-tablet;
     }
 

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    @include govuk-media-query($from: 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    @include govuk-media-query($from: 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,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"]}

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

@@ -8,7 +8,7 @@
     align-items: center;
     flex-wrap: wrap;
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       flex-direction: row;
       align-items: flex-start;
     }
@@ -45,7 +45,7 @@
     // visually sit in the middle of their touch area
     text-align: center;
 
-    @include govuk-media-query($from: tablet) {
+    @media #{govuk-from-breakpoint(tablet)} {
       display: block;
     }
   }
@@ -72,6 +72,7 @@
 
   // 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 {
@@ -92,6 +93,7 @@
     }
   }
 
+  .govuk-pagination__item--ellipsis,
   .govuk-pagination__item--ellipses {
     @include govuk-typography-weight-bold;
     color: $govuk-secondary-text-colour;

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;;;;IAIE,cAAc;EAChB;;EAEA;IACE,qCAAqC;IACrC,8BAA8B;IAC9B,oCAAoC;;IAEpC;MACE,oCAAoC;IACtC;;IAEA;MACE,iCAAiC;IACnC;EACF;;EAEA;IACE,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    @include govuk-media-query($from: 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    @include govuk-media-query($from: 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--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--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,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"]}

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

@@ -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--ellipses\">\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--ellipses\">\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",

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

@@ -15,7 +15,7 @@
         1
       </a>
     </li>
-    <li class="govuk-pagination__item govuk-pagination__item--ellipses">
+    <li class="govuk-pagination__item govuk-pagination__item--ellipsis">
       &ctdot;
     </li>
     <li class="govuk-pagination__item">
@@ -43,7 +43,7 @@
         12
       </a>
     </li>
-    <li class="govuk-pagination__item govuk-pagination__item--ellipses">
+    <li class="govuk-pagination__item govuk-pagination__item--ellipsis">
       &ctdot;
     </li>
     <li class="govuk-pagination__item">

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

@@ -37,7 +37,7 @@
 {% endmacro -%}
 
 {%- macro _pageItem(item) -%}
-  <li class="govuk-pagination__item {%- if item.current %} govuk-pagination__item--current{% endif %} {%- if item.ellipsis %} govuk-pagination__item--ellipses{% endif %}">
+  <li class="govuk-pagination__item {%- if item.current %} govuk-pagination__item--current{% endif %} {%- if item.ellipsis %} govuk-pagination__item--ellipsis{% endif %}">
   {% if item.ellipsis %}
     &ctdot;
   {% else %}

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

@@ -11,7 +11,7 @@
 
     text-align: center;
 
-    @include govuk-media-query($until: tablet) {
+    @media #{govuk-until-breakpoint(tablet)} {
       padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;
 
       // This is an if-all-else-fails attempt to stop long words from
@@ -36,7 +36,7 @@
     color: govuk-colour("white");
     background: govuk-colour("green");
 
-    @include govuk-media-query($media-type: print) {
+    @media print {
       border-color: currentcolor;
       color: $govuk-print-text-colour;
       background: none;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/panel/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;;IAEtB,+BAA+B;IAC/B,+CAA+C;;IAE/C,6CAA6C;;IAE7C,kBAAkB;;IAElB;MACE,mFAAmF;;MAEnF,8DAA8D;MAC9D,uEAAuE;MACvE,wEAAwE;MACxE,uEAAuE;MACvE,WAAW;MACX,CAAC;MACD,wEAAwE;MACxE,kEAAkE;MAClE,sEAAsE;MACtE,yEAAyE;MACzE,sCAAsC;MACtC,yBAAyB;;MAEzB,iEAAiE;MACjE,qBAAqB;IACvB;EACF;;EAEA;IACE,4BAA4B;IAC5B,iCAAiC;;IAEjC;MACE,0BAA0B;MAC1B,+BAA+B;MAC/B,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/panel\") {\n  .govuk-panel {\n    @include govuk-font($size: 36);\n\n    box-sizing: border-box;\n\n    margin-bottom: govuk-spacing(3);\n    padding: govuk-spacing(7) - $govuk-border-width;\n\n    border: $govuk-border-width solid transparent;\n\n    text-align: center;\n\n    @include govuk-media-query($until: tablet) {\n      padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;\n\n      // This is an if-all-else-fails attempt to stop long words from\n      // overflowing the container on very narrow viewports by forcing them to\n      // break and wrap instead. This overflowing is more likely to happen when\n      // user increases text size on a mobile eg. using iOS Safari text resize\n      // controls.\n      //\n      // The overflowing is a particular problem with the panel component since\n      // it uses white text: when the text overflows the container, it is\n      // invisible on the white (page) background. When the text in our other\n      // components overflow, the user might have to scroll horizontally to view\n      // it but the the text remains legible.\n      overflow-wrap: break-word;\n\n      // Support IE (autoprefixer doesn't add this as it's not a prefix)\n      word-wrap: break-word;\n    }\n  }\n\n  .govuk-panel--confirmation {\n    color: govuk-colour(\"white\");\n    background: govuk-colour(\"green\");\n\n    @include govuk-media-query($media-type: print) {\n      border-color: currentcolor;\n      color: $govuk-print-text-colour;\n      background: none;\n    }\n  }\n\n  .govuk-panel__title {\n    @include govuk-font-size($size: 48);\n    @include govuk-typography-weight-bold;\n    margin-top: 0;\n    margin-bottom: govuk-spacing(6);\n  }\n\n  .govuk-panel__title:last-child {\n    margin-bottom: 0;\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/panel/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;;IAEtB,+BAA+B;IAC/B,+CAA+C;;IAE/C,6CAA6C;;IAE7C,kBAAkB;;IAElB;MACE,mFAAmF;;MAEnF,8DAA8D;MAC9D,uEAAuE;MACvE,wEAAwE;MACxE,uEAAuE;MACvE,WAAW;MACX,CAAC;MACD,wEAAwE;MACxE,kEAAkE;MAClE,sEAAsE;MACtE,yEAAyE;MACzE,sCAAsC;MACtC,yBAAyB;;MAEzB,iEAAiE;MACjE,qBAAqB;IACvB;EACF;;EAEA;IACE,4BAA4B;IAC5B,iCAAiC;;IAEjC;MACE,0BAA0B;MAC1B,+BAA+B;MAC/B,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/panel\") {\n  .govuk-panel {\n    @include govuk-font($size: 36);\n\n    box-sizing: border-box;\n\n    margin-bottom: govuk-spacing(3);\n    padding: govuk-spacing(7) - $govuk-border-width;\n\n    border: $govuk-border-width solid transparent;\n\n    text-align: center;\n\n    @media #{govuk-until-breakpoint(tablet)} {\n      padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;\n\n      // This is an if-all-else-fails attempt to stop long words from\n      // overflowing the container on very narrow viewports by forcing them to\n      // break and wrap instead. This overflowing is more likely to happen when\n      // user increases text size on a mobile eg. using iOS Safari text resize\n      // controls.\n      //\n      // The overflowing is a particular problem with the panel component since\n      // it uses white text: when the text overflows the container, it is\n      // invisible on the white (page) background. When the text in our other\n      // components overflow, the user might have to scroll horizontally to view\n      // it but the the text remains legible.\n      overflow-wrap: break-word;\n\n      // Support IE (autoprefixer doesn't add this as it's not a prefix)\n      word-wrap: break-word;\n    }\n  }\n\n  .govuk-panel--confirmation {\n    color: govuk-colour(\"white\");\n    background: govuk-colour(\"green\");\n\n    @media print {\n      border-color: currentcolor;\n      color: $govuk-print-text-colour;\n      background: none;\n    }\n  }\n\n  .govuk-panel__title {\n    @include govuk-font-size($size: 48);\n    @include govuk-typography-weight-bold;\n    margin-top: 0;\n    margin-bottom: govuk-spacing(6);\n  }\n\n  .govuk-panel__title:last-child {\n    margin-bottom: 0;\n  }\n}\n"]}

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

@@ -8,7 +8,7 @@
     //   breakpoint
     // - being display: flex above the mobile breakpoint
 
-    @include govuk-media-query($from: mobile) {
+    @media #{govuk-from-breakpoint(mobile)} {
       flex-direction: row;
 
       // The default of `stretch` makes the toggle button appear taller than the
@@ -41,7 +41,7 @@
       display: none;
     }
 
-    @include govuk-media-query($from: mobile) {
+    @media #{govuk-from-breakpoint(mobile)} {
       // Buttons are normally 100% wide on mobile, but we don't want that here
       width: auto;
       flex-shrink: 0;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/password-input/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,wBAAwB;;AAExB;EACE;IACE,qEAAqE;IACrE,2EAA2E;IAC3E,cAAc;IACd,mDAAmD;;IAEnD;MACE,mBAAmB;;MAEnB,yEAAyE;MACzE,qEAAqE;MACrE,gBAAgB;MAChB,uBAAuB;IACzB;EACF;;EAEA;IACE,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,gEAAgE;IAChE;MACE,aAAa;IACf;EACF;;EAEA;IACE,sEAAsE;IACtE,4BAA4B;;IAE5B,0CAA0C;IAC1C,gBAAgB;;IAEhB,uDAAuD;IACvD;MACE,aAAa;IACf;;IAEA;MACE,uEAAuE;MACvE,WAAW;MACX,cAAc;MACd,eAAe;;MAEf,uCAAuC;MACvC,aAAa;MACb,6BAA6B;IAC/B;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n@import \"../input/index\";\n\n@include govuk-exports(\"govuk/component/password-input\") {\n  .govuk-password-input__wrapper {\n    // This element inherits styles from .govuk-input__wrapper, including:\n    // - being display: block with contents in a stacked column below the mobile\n    //   breakpoint\n    // - being display: flex above the mobile breakpoint\n\n    @include govuk-media-query($from: mobile) {\n      flex-direction: row;\n\n      // The default of `stretch` makes the toggle button appear taller than the\n      // input, due to using box-shadow, which we don't particularly want in\n      // this situation\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-password-input__input {\n    // IE 11 and Microsoft Edge comes with its own password reveal function. We\n    // want to hide it, so that there aren't two controls presented to the user\n    // that do the same thing but aren't in sync with one another. This doesn't\n    // affect the function that allows Edge users to toggle password visibility\n    // by pressing Alt+F8, which cannot be programmatically disabled.\n    &::-ms-reveal {\n      display: none;\n    }\n  }\n\n  .govuk-password-input__toggle {\n    // Add top margin so the button doesn't obscure the input's focus style\n    margin-top: govuk-spacing(1);\n\n    // Remove default margin-bottom from button\n    margin-bottom: 0;\n\n    // Hide the button by default, JS removes this attribute\n    &[hidden] {\n      display: none;\n    }\n\n    @include govuk-media-query($from: mobile) {\n      // Buttons are normally 100% wide on mobile, but we don't want that here\n      width: auto;\n      flex-shrink: 0;\n      flex-basis: 5em;\n\n      // Move the spacing from top to the left\n      margin-top: 0;\n      margin-left: govuk-spacing(1);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/password-input/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,wBAAwB;;AAExB;EACE;IACE,qEAAqE;IACrE,2EAA2E;IAC3E,cAAc;IACd,mDAAmD;;IAEnD;MACE,mBAAmB;;MAEnB,yEAAyE;MACzE,qEAAqE;MACrE,gBAAgB;MAChB,uBAAuB;IACzB;EACF;;EAEA;IACE,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,gEAAgE;IAChE;MACE,aAAa;IACf;EACF;;EAEA;IACE,sEAAsE;IACtE,4BAA4B;;IAE5B,0CAA0C;IAC1C,gBAAgB;;IAEhB,uDAAuD;IACvD;MACE,aAAa;IACf;;IAEA;MACE,uEAAuE;MACvE,WAAW;MACX,cAAc;MACd,eAAe;;MAEf,uCAAuC;MACvC,aAAa;MACb,6BAA6B;IAC/B;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n@import \"../input/index\";\n\n@include govuk-exports(\"govuk/component/password-input\") {\n  .govuk-password-input__wrapper {\n    // This element inherits styles from .govuk-input__wrapper, including:\n    // - being display: block with contents in a stacked column below the mobile\n    //   breakpoint\n    // - being display: flex above the mobile breakpoint\n\n    @media #{govuk-from-breakpoint(mobile)} {\n      flex-direction: row;\n\n      // The default of `stretch` makes the toggle button appear taller than the\n      // input, due to using box-shadow, which we don't particularly want in\n      // this situation\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-password-input__input {\n    // IE 11 and Microsoft Edge comes with its own password reveal function. We\n    // want to hide it, so that there aren't two controls presented to the user\n    // that do the same thing but aren't in sync with one another. This doesn't\n    // affect the function that allows Edge users to toggle password visibility\n    // by pressing Alt+F8, which cannot be programmatically disabled.\n    &::-ms-reveal {\n      display: none;\n    }\n  }\n\n  .govuk-password-input__toggle {\n    // Add top margin so the button doesn't obscure the input's focus style\n    margin-top: govuk-spacing(1);\n\n    // Remove default margin-bottom from button\n    margin-bottom: 0;\n\n    // Hide the button by default, JS removes this attribute\n    &[hidden] {\n      display: none;\n    }\n\n    @media #{govuk-from-breakpoint(mobile)} {\n      // Buttons are normally 100% wide on mobile, but we don't want that here\n      width: auto;\n      flex-shrink: 0;\n      flex-basis: 5em;\n\n      // Move the spacing from top to the left\n      margin-top: 0;\n      margin-left: govuk-spacing(1);\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.js

@@ -353,7 +353,7 @@
         return 'other';
       }
       const translation = this.translations[lookupKey];
-      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : this.selectPluralFormUsingFallbackRules(count);
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
       if (isObject(translation)) {
         if (preferredForm in translation) {
           return preferredForm;
@@ -364,132 +364,7 @@
       }
       throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
     }
-    selectPluralFormUsingFallbackRules(count) {
-      count = Math.abs(Math.floor(count));
-      const ruleset = this.getPluralRulesForLocale();
-      if (ruleset) {
-        return I18n.pluralRules[ruleset](count);
-      }
-      return 'other';
-    }
-    getPluralRulesForLocale() {
-      const localeShort = this.locale.split('-')[0];
-      for (const pluralRule in I18n.pluralRulesMap) {
-        const languages = I18n.pluralRulesMap[pluralRule];
-        if (languages.includes(this.locale) || languages.includes(localeShort)) {
-          return pluralRule;
-        }
-      }
-    }
   }
-  I18n.pluralRulesMap = {
-    arabic: ['ar'],
-    chinese: ['my', 'zh', 'id', 'ja', 'jv', 'ko', 'ms', 'th', 'vi'],
-    french: ['hy', 'bn', 'fr', 'gu', 'hi', 'fa', 'pa', 'zu'],
-    german: ['af', 'sq', 'az', 'eu', 'bg', 'ca', 'da', 'nl', 'en', 'et', 'fi', 'ka', 'de', 'el', 'hu', 'lb', 'no', 'so', 'sw', 'sv', 'ta', 'te', 'tr', 'ur'],
-    irish: ['ga'],
-    russian: ['ru', 'uk'],
-    scottish: ['gd'],
-    spanish: ['pt-PT', 'it', 'es'],
-    welsh: ['cy']
-  };
-  I18n.pluralRules = {
-    arabic(n) {
-      if (n === 0) {
-        return 'zero';
-      }
-      if (n === 1) {
-        return 'one';
-      }
-      if (n === 2) {
-        return 'two';
-      }
-      if (n % 100 >= 3 && n % 100 <= 10) {
-        return 'few';
-      }
-      if (n % 100 >= 11 && n % 100 <= 99) {
-        return 'many';
-      }
-      return 'other';
-    },
-    chinese() {
-      return 'other';
-    },
-    french(n) {
-      return n === 0 || n === 1 ? 'one' : 'other';
-    },
-    german(n) {
-      return n === 1 ? 'one' : 'other';
-    },
-    irish(n) {
-      if (n === 1) {
-        return 'one';
-      }
-      if (n === 2) {
-        return 'two';
-      }
-      if (n >= 3 && n <= 6) {
-        return 'few';
-      }
-      if (n >= 7 && n <= 10) {
-        return 'many';
-      }
-      return 'other';
-    },
-    russian(n) {
-      const lastTwo = n % 100;
-      const last = lastTwo % 10;
-      if (last === 1 && lastTwo !== 11) {
-        return 'one';
-      }
-      if (last >= 2 && last <= 4 && !(lastTwo >= 12 && lastTwo <= 14)) {
-        return 'few';
-      }
-      if (last === 0 || last >= 5 && last <= 9 || lastTwo >= 11 && lastTwo <= 14) {
-        return 'many';
-      }
-      return 'other';
-    },
-    scottish(n) {
-      if (n === 1 || n === 11) {
-        return 'one';
-      }
-      if (n === 2 || n === 12) {
-        return 'two';
-      }
-      if (n >= 3 && n <= 10 || n >= 13 && n <= 19) {
-        return 'few';
-      }
-      return 'other';
-    },
-    spanish(n) {
-      if (n === 1) {
-        return 'one';
-      }
-      if (n % 1000000 === 0 && n !== 0) {
-        return 'many';
-      }
-      return 'other';
-    },
-    welsh(n) {
-      if (n === 0) {
-        return 'zero';
-      }
-      if (n === 1) {
-        return 'one';
-      }
-      if (n === 2) {
-        return 'two';
-      }
-      if (n === 3) {
-        return 'few';
-      }
-      if (n === 6) {
-        return 'many';
-      }
-      return 'other';
-    }
-  };
 
   /**
    * Password input component