dxw_govuk_frontend_rails 2.9.0.pre.alpha.1 → 2.10.0.pre

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 84c331531a09d25f4508fcbacf1b734c0aa9aea87375f68168a18a255fee7e14
-  data.tar.gz: f0eccb8043d885b2c7d63e3cc483c7cb93da77698625f143b87c094c1cfcae44
+  metadata.gz: 83eceaa459d525ea2aaf6ea4f5843f34f87eb032125328b9dfd6eef696c82ab0
+  data.tar.gz: 0e21045e97f80902b92555505ce8ff8844832d79348639f29959446e5c93c3f5
 SHA512:
-  metadata.gz: 5b65441f5cd6b228353cce0dc3e723fcda12b89caefa2b03092b0780380919f7a07eb7cec6b8967eaf38c32ae999b12d312de1742bfb13adc8f15cebf1f32644
-  data.tar.gz: bd7029a8502042ada90fa104205bcc96e988babda01020e2d81320e41ae80ae1d0a33d4d8049f64b8d1def3807cff827e84a2ca31906e01a2eb33e99a1cab0d3
+  metadata.gz: 0a684d3740d0b35ae5274f898fbd989ce7d8b90c6045d066c70421847fb232022193cae6945e924dce436f8913c66051bb8944662ddc6c9d8a17f22de6b146f2
+  data.tar.gz: 886675f75d66c39331bdff409b1e35fb73ddd2b7b6f4b1b85ada51c6ba1ff0ea478bc6e3fccb19ba2a8653f2329aeda1c2104181586586ffed20b50607f51b11

data/README.md

@@ -26,11 +26,9 @@ And then execute:
 ## Usage
 Your Rails app will need to have sass enabled.
 
-Three ways to use the gem:
+### Basic usage
 
-### Without changes
-
-If the service you are building does not need to modify or extend the GOVUK Frontend all you need to do is import the main sass file into your Rails app:
+If the service you are building does not need to modify or extend the GOVUK Frontend all you need to do is import the main sass and javascript files into your Rails app:
 
 - create a sass file in your application:
 ```
@@ -58,23 +56,12 @@ window.onload = function() {
   window.GOVUKFrontend.initAll()
 };
 ```
+- update your application markup to use the GOVUK Frontend class names
 
 IMPORTANT: You cannot use the GOVUK Frontend without changes if the service you are building is not on GOV.UK, read and understand the guidance here:
 
 https://www.gov.uk/service-manual/design/making-your-service-look-like-govuk#if-your-service-isnt-on-govuk
 
-See below for the recommended approach to changing the settings and extending the styles.
-
-### Changing the settings
-If you only need to change minor settings, the font for example, you can do that with the GOVUK Frontend settings:
-
-[Changing the GOVUK Frontend settings in your application](docs/change_settings.md)
-
-### Changing the settings and extending the components
-If you need to extend the GOVUK components you can add your own to your application:
-
-[Extend the GOVUK Frontend in your application](docs/extend.md)
-
 ## Tracking version
 We aim to tracking the version of GOVUK Frontend.
 

data/lib/dxw_govuk_frontend_rails/version.rb

@@ -1,3 +1,3 @@
 module DxwGovukFrontendRails
-  VERSION = "2.9.0-alpha.1"
+  VERSION = "2.10.0.pre"
 end

data/package-lock.json

@@ -5,9 +5,9 @@
   "requires": true,
   "dependencies": {
     "govuk-frontend": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.9.0.tgz",
-      "integrity": "sha512-aE8Jg82H76qpMPKtnnvZbkmDQAzAtuc5uMEffkWo0fv6sWEwTISrqUF5jXWZ8tmtdWF8JGeAp71oSCL2x+RkFg=="
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.10.0.tgz",
+      "integrity": "sha512-Tfo76yz5ybFMX1heojeiWAyxUx0gABM2/hfMk1zu+9hWvApmfxeTaQOJkje4jeo1ybRo+FhgKFqqAzkBOOUnqg=="
     }
   }
 }

data/package.json

@@ -21,6 +21,6 @@
   },
   "homepage": "https://github.com/mec/dxw_govuk_frontend_rails#readme",
   "dependencies": {
-    "govuk-frontend": "^2.9.0"
+    "govuk-frontend": "^2.10.0"
   }
 }

data/vendor/assets/stylesheets/components/checkboxes/_checkboxes.scss

@@ -8,7 +8,10 @@
 @import "../label/label";
 
 @include govuk-exports("govuk/component/checkboxes") {
-  $govuk-checkboxes-size: govuk-spacing(7);
+
+  $govuk-touch-target-size: 44px;
+  $govuk-checkboxes-size: 40px;
+  $govuk-small-checkboxes-size: 24px;
   $govuk-checkboxes-label-padding-left-right: govuk-spacing(3);
 
   .govuk-checkboxes__item {
@@ -20,7 +23,7 @@
     min-height: $govuk-checkboxes-size;
 
     margin-bottom: govuk-spacing(2);
-    padding: 0 0 0 $govuk-checkboxes-size;
+    padding-left: $govuk-checkboxes-size;
 
     clear: left;
   }
@@ -31,25 +34,33 @@
   }
 
   .govuk-checkboxes__input {
-    position: absolute;
-
-    z-index: 1;
-    top: 0;
-    left: 0;
-
-    width: $govuk-checkboxes-size;
-    height: $govuk-checkboxes-size;
+    $input-offset: ($govuk-touch-target-size - $govuk-checkboxes-size) / 2;
 
     cursor: pointer;
 
-    // IE8 doesn’t support pseudoelements, so we don’t want to hide native elements there.
+    // IE8 doesn’t support pseudo-elements, so we don’t want to hide native
+    // elements there.
     @include govuk-not-ie8 {
+      position: absolute;
+
+      z-index: 1;
+      top: $input-offset * -1;
+      left: $input-offset * -1;
+
+      width: $govuk-touch-target-size;
+      height: $govuk-touch-target-size;
       margin: 0;
+
       opacity: 0;
     }
 
-    // add focus outline to input element for IE8
     @include govuk-if-ie8 {
+      margin-top: 10px;
+      margin-right: $govuk-checkboxes-size / -2;
+      margin-left: $govuk-checkboxes-size / -2;
+      float: left;
+
+      // add focus outline to input
       &:focus {
         outline: $govuk-focus-width solid $govuk-focus-colour;
       }
@@ -63,16 +74,11 @@
     cursor: pointer;
     // remove 300ms pause on mobile
     -ms-touch-action: manipulation;
-    touch-action: manipulation;
+        touch-action: manipulation;
   }
 
-  .govuk-checkboxes__hint {
-    display: block;
-    padding-right: $govuk-checkboxes-label-padding-left-right;
-    padding-left: $govuk-checkboxes-label-padding-left-right;
-  }
-
-  .govuk-checkboxes__input + .govuk-checkboxes__label::before {
+  // [ ] Check box
+  .govuk-checkboxes__label::before {
     content: "";
     box-sizing: border-box;
     position: absolute;
@@ -82,11 +88,13 @@
     height: $govuk-checkboxes-size;
     border: $govuk-border-width-form-element solid currentColor;
     background: transparent;
-
-    // padding-bottom: 1px;
   }
 
-  .govuk-checkboxes__input + .govuk-checkboxes__label::after {
+  // ✔ Check mark
+  //
+  // The check mark is a box with a border on the left and bottom side (└──),
+  // rotated 45 degrees
+  .govuk-checkboxes__label::after {
     content: "";
 
     position: absolute;
@@ -111,10 +119,16 @@
     background: transparent;
   }
 
+  .govuk-checkboxes__hint {
+    display: block;
+    padding-right: $govuk-checkboxes-label-padding-left-right;
+    padding-left: $govuk-checkboxes-label-padding-left-right;
+  }
+
   // Focused state
   .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
-    // Since box-shadows are removed when users customise their colours
-    // We set a transparent outline that is shown instead.
+    // Since box-shadows are removed when users customise their colours, we set
+    // a transparent outline that is shown instead.
     // https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
     outline: $govuk-focus-width solid transparent;
     outline-offset: $govuk-focus-width;
@@ -136,6 +150,10 @@
     opacity: .5;
   }
 
+  // =========================================================
+  // Conditional reveals
+  // =========================================================
+
   $conditional-border-width: $govuk-border-width-mobile;
   // Calculate the amount of padding needed to keep the border centered against the checkbox.
   $conditional-border-padding: ($govuk-checkboxes-size / 2) - ($conditional-border-width / 2);
@@ -158,4 +176,135 @@
       margin-bottom: 0;
     }
   }
+
+  // =========================================================
+  // Small checkboxes
+  // =========================================================
+
+  .govuk-checkboxes--small {
+
+    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) / 2;
+    $label-offset: $govuk-touch-target-size - $input-offset;
+
+    .govuk-checkboxes__item {
+      @include govuk-clearfix;
+      min-height: 0;
+      margin-bottom: 0;
+      padding-left: $label-offset;
+      float: left;
+    }
+
+    // Shift the touch target into the left margin so that the visible edge of
+    // the control is aligned
+    //
+    //   ┆What colours do you like?
+    //  ┌┆───┐
+    //  │┆[] │ Purple
+    //  └┆▲──┘
+    //  ▲┆└─ Check box pseudo element, aligned with margin
+    //  └─── Touch target (invisible input), shifted into the margin
+    .govuk-checkboxes__input {
+      @include govuk-not-ie8 {
+        left: $input-offset * -1;
+      }
+
+      @include govuk-if-ie8 {
+        margin-left: $govuk-small-checkboxes-size * -1;
+      }
+    }
+
+    // Adjust the size and position of the label.
+    //
+    // Unlike larger checkboxes, we also have to float the label in order to
+    // 'shrink' it, preventing the hover state from kicking in across the full
+    // width of the parent element.
+    .govuk-checkboxes__label {
+      margin-top: -2px;
+      padding: 13px govuk-spacing(3) 13px 1px;
+      float: left;
+
+      @include govuk-media-query($from: tablet) {
+        padding: 11px govuk-spacing(3) 10px 1px;
+      }
+    }
+
+    // [ ] Check box
+    //
+    // Reduce the size of the check box [1], vertically center it within the
+    // touch target [2]
+    .govuk-checkboxes__label::before {
+      top: $input-offset - $govuk-border-width-form-element; // 2
+      width: $govuk-small-checkboxes-size; // 1
+      height: $govuk-small-checkboxes-size; // 1
+    }
+
+    // ✔ Check mark
+    //
+    // Reduce the size of the check mark and re-align within the checkbox
+    .govuk-checkboxes__label::after {
+      top: 15px;
+      left: 6px;
+      width: 9px;
+      height: 3.5px;
+      border-width: 0 0 3px 3px;
+    }
+
+    // Fix position of hint with small checkboxes
+    //
+    // Do not use hints with small checkboxes – because they're within the input
+    // wrapper they trigger the hover state, but clicking them doesn't actually
+    // activate the control.
+    //
+    // (If you do use them, they won't look completely broken... but seriously,
+    // don't use them)
+    .govuk-checkboxes__hint {
+      padding: 0;
+      clear: both;
+    }
+
+    // Align conditional reveals with small checkboxes
+    .govuk-checkboxes__conditional {
+      $margin-left: ($govuk-small-checkboxes-size / 2) - ($conditional-border-width / 2);
+      margin-left: $margin-left;
+      padding-left: $label-offset - ($margin-left + $conditional-border-width);
+      clear: both;
+    }
+
+    // Hover state for small checkboxes.
+    //
+    // We use a hover state for small checkboxes because the touch target size
+    // is so much larger than their visible size, and so we need to provide
+    // feedback to the user as to which checkbox they will select when their
+    // cursor is outside of the visible area.
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
+    }
+
+    // Because we've overridden the border-shadow provided by the focus state,
+    // we need to redefine that too.
+    //
+    // We use two box shadows, one that restores the original focus state [1]
+    // and another that then applies the hover state [2].
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+      // sass-lint:disable indentation
+      box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour, // 1
+                  0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
+    }
+
+    // For devices that explicitly don't support hover, don't provide a hover
+    // state (e.g. on touch devices like iOS).
+    //
+    // We can't use `@media (hover: hover)` because we wouldn't get the hover
+    // state in browsers that don't support `@media (hover)` (like Internet
+    // Explorer) – so we have to 'undo' the hover state instead.
+    @media (hover: none), (pointer: coarse) {
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+        box-shadow: initial;
+      }
+
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+        box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
+      }
+    }
+  }
 }

data/vendor/assets/stylesheets/components/radios/_radios.scss

@@ -8,7 +8,10 @@
 @import "../label/label";
 
 @include govuk-exports("govuk/component/radios") {
-  $govuk-radios-size: govuk-spacing(7);
+
+  $govuk-touch-target-size: 44px;
+  $govuk-radios-size: 40px;
+  $govuk-small-radios-size: 24px;
   $govuk-radios-label-padding-left-right: govuk-spacing(3);
   // When the default focus width is used on a curved edge it looks visually smaller.
   // So for the circular radios we bump the default to make it look visually consistent.
@@ -18,13 +21,12 @@
     @include govuk-font($size: 19);
 
     display: block;
-
     position: relative;
 
     min-height: $govuk-radios-size;
 
     margin-bottom: govuk-spacing(2);
-    padding: 0 0 0 $govuk-radios-size;
+    padding-left: $govuk-radios-size;
 
     clear: left;
   }
@@ -35,25 +37,33 @@
   }
 
   .govuk-radios__input {
-    position: absolute;
-
-    z-index: 1;
-    top: 0;
-    left: 0;
-
-    width: $govuk-radios-size;
-    height: $govuk-radios-size;
+    $input-offset: ($govuk-touch-target-size - $govuk-radios-size) / 2;
 
     cursor: pointer;
 
-    // IE8 doesn’t support pseudoelements, so we don’t want to hide native elements there. Double colons get ommited by IE8.
+    // IE8 doesn’t support pseudo-elements, so we don’t want to hide native
+    // elements there.
     @include govuk-not-ie8 {
+      position: absolute;
+
+      z-index: 1;
+      top: $input-offset * -1;
+      left: $input-offset * -1;
+
+      width: $govuk-touch-target-size;
+      height: $govuk-touch-target-size;
       margin: 0;
+
       opacity: 0;
     }
 
-    // add focus outline to input element for IE8
     @include govuk-if-ie8 {
+      margin-top: 10px;
+      margin-right: $govuk-radios-size / -2;
+      margin-left: $govuk-radios-size / -2;
+      float: left;
+
+      // add focus outline to input
       &:focus {
         outline: $govuk-focus-width solid $govuk-focus-colour;
       }
@@ -67,16 +77,11 @@
     cursor: pointer;
     // remove 300ms pause on mobile
     -ms-touch-action: manipulation;
-    touch-action: manipulation;
-  }
-
-  .govuk-radios__hint {
-    display: block;
-    padding-right: $govuk-radios-label-padding-left-right;
-    padding-left: $govuk-radios-label-padding-left-right;
+        touch-action: manipulation;
   }
 
-  .govuk-radios__input + .govuk-radios__label::before {
+  // ( ) Radio ring
+  .govuk-radios__label::before {
     content: "";
     box-sizing: border-box;
     position: absolute;
@@ -91,7 +96,11 @@
     background: transparent;
   }
 
-  .govuk-radios__input + .govuk-radios__label::after {
+  //  •  Radio button
+  //
+  // We create the 'button' entirely out of 'border' so that they remain
+  // 'filled' even when colours are overridden in the browser.
+  .govuk-radios__label::after {
     content: "";
 
     position: absolute;
@@ -107,10 +116,16 @@
     background: currentColor;
   }
 
+  .govuk-radios__hint {
+    display: block;
+    padding-right: $govuk-radios-label-padding-left-right;
+    padding-left: $govuk-radios-label-padding-left-right;
+  }
+
   // Focused state
   .govuk-radios__input:focus + .govuk-radios__label::before {
-    // Since box-shadows are removed when users customise their colours
-    // We set a transparent outline that is shown instead.
+    // Since box-shadows are removed when users customise their colours we set a
+    // transparent outline that is shown instead.
     // https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
     outline: $govuk-focus-width solid transparent;
     outline-offset: $govuk-focus-width;
@@ -132,7 +147,10 @@
     opacity: .5;
   }
 
-  // Inline variant
+  // =========================================================
+  // Inline radios
+  // =========================================================
+
   .govuk-radios--inline {
     @include mq ($from: tablet) {
       @include govuk-clearfix;
@@ -153,6 +171,10 @@
     }
   }
 
+  // =========================================================
+  // Dividers ('or')
+  // =========================================================
+
   .govuk-radios__divider {
     $govuk-divider-size: $govuk-radios-size !default;
     @include govuk-font($size: 19);
@@ -162,6 +184,10 @@
     text-align: center;
   }
 
+  // =========================================================
+  // Conditional reveals
+  // =========================================================
+
   $conditional-border-width: $govuk-border-width-mobile;
   // Calculate the amount of padding needed to keep the border centered against the radios.
   $conditional-border-padding: ($govuk-radios-size / 2) - ($conditional-border-width / 2);
@@ -184,4 +210,139 @@
       margin-bottom: 0;
     }
   }
+
+  // =========================================================
+  // Small checkboxes
+  // =========================================================
+
+  .govuk-radios--small {
+
+    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;
+    $label-offset: $govuk-touch-target-size - $input-offset;
+
+    .govuk-radios__item {
+      @include govuk-clearfix;
+      min-height: 0;
+      margin-bottom: 0;
+      padding-left: $label-offset;
+      float: left;
+    }
+
+    // Shift the touch target into the left margin so that the visible edge of
+    // the control is aligned
+    //
+    //   ┆Which colour is your favourite?
+    //  ┌┆───┐
+    //  │┆() │ Purple
+    //  └┆▲──┘
+    //  ▲┆└─ Radio pseudo element, aligned with margin
+    //  └─── Touch target (invisible input), shifted into the margin
+    .govuk-radios__input {
+      @include govuk-not-ie8 {
+        left: $input-offset * -1;
+      }
+
+      @include govuk-if-ie8 {
+        margin-left: $govuk-small-radios-size * -1;
+      }
+    }
+
+    // Adjust the size and position of the label.
+    //
+    // Unlike larger radios, we also have to float the label in order to
+    // 'shrink' it, preventing the hover state from kicking in across the full
+    // width of the parent element.
+    .govuk-radios__label {
+      margin-top: -2px;
+      padding: 13px govuk-spacing(3) 13px 1px;
+      float: left;
+
+      @include govuk-media-query($from: tablet) {
+        padding: 11px govuk-spacing(3) 10px 1px;
+      }
+    }
+
+    // ( ) Radio ring
+    //
+    // Reduce the size of the control [1], vertically centering it within the
+    // touch target [2]
+    .govuk-radios__label::before {
+      top: $input-offset - $govuk-border-width-form-element; // 2
+      width: $govuk-small-radios-size; // 1
+      height: $govuk-small-radios-size; // 1
+    }
+
+    //  •  Radio button
+    //
+    // Reduce the size of the 'button' and center it within the ring
+    .govuk-radios__label::after {
+      top: 14px;
+      left: 6px;
+      border-width: 6px;
+    }
+
+    // Fix position of hint with small radios
+    //
+    // Do not use hints with small radios – because they're within the input
+    // wrapper they trigger the hover state, but clicking them doesn't actually
+    // activate the control.
+    //
+    // (If you do use them, they won't look completely broken... but seriously,
+    // don't use them)
+    .govuk-radios__hint {
+      padding: 0;
+      clear: both;
+      pointer-events: none;
+    }
+
+    // Align conditional reveals with small radios
+    .govuk-radios__conditional {
+      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);
+      margin-left: $margin-left;
+      padding-left: $label-offset - ($margin-left + $conditional-border-width);
+      clear: both;
+    }
+
+    .govuk-radios__divider {
+      width: $govuk-small-radios-size;
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // Hover state for small radios.
+    //
+    // We use a hover state for small radios because the touch target size
+    // is so much larger than their visible size, and so we need to provide
+    // feedback to the user as to which radio they will select when their
+    // cursor is outside of the visible area.
+    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
+    }
+
+    // Because we've overridden the border-shadow provided by the focus state,
+    // we need to redefine that too.
+    //
+    // We use two box shadows, one that restores the original focus state [1]
+    // and another that then applies the hover state [2].
+    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+      // sass-lint:disable indentation
+      box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1
+                  0 0 0 $govuk-hover-width        $govuk-hover-colour; // 2
+    }
+
+    // For devices that explicitly don't support hover, don't provide a hover
+    // state (e.g. on touch devices like iOS).
+    //
+    // We can't use `@media (hover: hover)` because we wouldn't get the hover
+    // state in browsers that don't support `@media (hover)` (like Internet
+    // Explorer) – so we have to 'undo' the hover state instead.
+    @media (hover: none), (pointer: coarse) {
+      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+        box-shadow: initial;
+      }
+
+      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
+      }
+    }
+  }
 }

data/vendor/assets/stylesheets/objects/_form-group.scss

@@ -5,6 +5,7 @@
 @include govuk-exports("govuk/objects/form-group") {
 
   .govuk-form-group {
+    @include govuk-clearfix;
     @include govuk-responsive-margin(6, "bottom");
 
     .govuk-form-group:last-of-type {

data/vendor/assets/stylesheets/settings/_colours-applied.scss

@@ -105,6 +105,14 @@ $govuk-border-colour: govuk-colour("grey-2") !default;
 
 $govuk-input-border-colour: govuk-colour("black") !default;
 
+/// Input hover colour
+///
+/// Used for hover states on form controls
+///
+/// @type Colour
+/// @access public
+
+$govuk-hover-colour: govuk-colour("grey-3") !default;
 
 
 // =============================================================================

data/vendor/assets/stylesheets/settings/_measurements.scss

@@ -97,3 +97,10 @@ $govuk-border-width-form-group-error: $govuk-border-width !default;
 /// @access public
 
 $govuk-focus-width: 3px !default;
+
+/// Hover width for form controls with a hover state
+///
+/// @type Number
+/// @access public
+
+$govuk-hover-width: 10px !default;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dxw_govuk_frontend_rails
 version: !ruby/object:Gem::Version
-  version: 2.9.0.pre.alpha.1
+  version: 2.10.0.pre
 platform: ruby
 authors:
 - mec
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-03-29 00:00:00.000000000 Z
+date: 2019-04-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -196,8 +196,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: Adds the GOVUK frontend to a Rails application.