katalyst-govuk-formbuilder 1.5.0 → 1.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 58e68fe3ca009403a6a3b6f979919eb10a4841e2d67da05ce35bd76f4c711a9b
-  data.tar.gz: ec8757dab48258b437ed24d3393fec87e51d956658262fce3d80113f51d64303
+  metadata.gz: b4255667e305b3281cd8cc212d66cb9f3dd3fb90217ad4610854d9c5eb99bda8
+  data.tar.gz: 186cfd97c4994d09a463f40dbd15747dd249a6fca3af391117bdcabb03bb6d03
 SHA512:
-  metadata.gz: a2dc00bb4778ee15bdfd8a964cb60b107a48ee41dff48bcab840fdb59185b4d6fddb2406d45af5e2b1ea0b86fc5d71811790ea98ecd62c38191c274411134e0f
-  data.tar.gz: f4b98623d425c1107f5e2688ad77482f03dfb803d05378f3f7b4e0d68cdb3fe3aa83df7134b18bbc50425f76e67a00af9a07ed4acfc811a96d205d0f534bede9
+  metadata.gz: 565c0b92dabe9090c904f5095faee594fb792591c3b435953d28cfc8ea5b10103c4273dfcf9f320234469fc5ce8eab79e93be13ad2660c74e8e671773830ac9f
+  data.tar.gz: f4172456fee33876936ea05efb3b2dd3ed6077b3abf4b6cfcc80ecd8babfd8dfe116267ff59f89b9d14000ec765f8f51119b8b32d7e72da959d4fa8f5b4aa758

data/app/assets/builds/katalyst/govuk/formbuilder.css

@@ -1,5 +1,6 @@
+@charset "UTF-8";
 :root {
-  --govuk-frontend-version: "4.6.0";
+  --govuk-frontend-version: "4.7.0";
 }
 
 .govuk-link {
@@ -982,6 +983,14 @@
   -moz-text-size-adjust: 100%;
   text-size-adjust: 100%;
 }
+@supports (position: -webkit-sticky) or (position: sticky) {
+  .govuk-template {
+    scroll-padding-top: 60px;
+  }
+  .govuk-template:not(:has(.govuk-exit-this-page)) {
+    scroll-padding-top: 0;
+  }
+}
 @media screen {
   .govuk-template {
     overflow-y: scroll;
@@ -1169,6 +1178,20 @@
   background-color: #d4351c;
 }
 
+.govuk-button--inverse {
+  background-color: #ffffff;
+  box-shadow: 0 2px 0 #144e81;
+}
+.govuk-button--inverse, .govuk-button--inverse:link, .govuk-button--inverse:visited, .govuk-button--inverse:active, .govuk-button--inverse:hover {
+  color: #1d70b8;
+}
+.govuk-button--inverse:hover {
+  background-color: #e8f1f8;
+}
+.govuk-button--inverse:hover[disabled] {
+  background-color: #ffffff;
+}
+
 .govuk-button--start {
   font-weight: 700;
   font-size: 18px;
@@ -2676,6 +2699,12 @@
   border: 0 !important;
   white-space: nowrap !important;
 }
+.govuk-visually-hidden:before {
+  content: " ";
+}
+.govuk-visually-hidden:after {
+  content: " ";
+}
 
 .govuk-visually-hidden-focusable {
   position: absolute !important;

data/lib/katalyst/govuk/formbuilder/version.rb

@@ -3,7 +3,7 @@
 module Katalyst
   module GOVUK
     module Formbuilder
-      VERSION = "1.5.0"
+      VERSION = "1.5.1"
     end
   end
 end

data/vendor/assets/stylesheets/govuk-frontend/govuk/components/_all.scss

@@ -11,11 +11,12 @@
 @import "details/index";
 @import "error-message/index";
 @import "error-summary/index";
+@import "exit-this-page/index";
 @import "fieldset/index";
 @import "file-upload/index";
 @import "footer/index";
-@import "hint/index";
 @import "header/index";
+@import "hint/index";
 @import "input/index";
 @import "inset-text/index";
 @import "label/index";

data/vendor/assets/stylesheets/govuk-frontend/govuk/components/back-link/_index.scss

@@ -96,4 +96,12 @@
     bottom: -14px;
     left: 0;
   }
+
+  .govuk-back-link--inverse {
+    @include govuk-link-style-inverse;
+
+    &:before {
+      border-color: currentcolor;
+    }
+  }
 }

data/vendor/assets/stylesheets/govuk-frontend/govuk/components/breadcrumbs/_index.scss

@@ -144,4 +144,16 @@
       }
     }
   }
+
+  .govuk-breadcrumbs--inverse {
+    color: govuk-colour("white");
+
+    .govuk-breadcrumbs__link {
+      @include govuk-link-style-inverse;
+    }
+
+    .govuk-breadcrumbs__list-item:before {
+      border-color: currentcolor;
+    }
+  }
 }

data/vendor/assets/stylesheets/govuk-frontend/govuk/components/button/_index.scss

@@ -18,21 +18,27 @@ $govuk-button-text-colour: govuk-colour("white") !default;
 
 @include govuk-exports("govuk/component/button") {
   $govuk-button-colour: $govuk-button-background-colour;
+  $govuk-button-text-colour: $govuk-button-text-colour;
   $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);
   $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);
-  $govuk-button-text-colour: $govuk-button-text-colour;
 
   // Secondary button variables
   $govuk-secondary-button-colour: govuk-colour("light-grey", $legacy: "grey-3");
+  $govuk-secondary-button-text-colour: govuk-colour("black");
   $govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);
   $govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);
-  $govuk-secondary-button-text-colour: govuk-colour("black");
 
   // Warning button variables
   $govuk-warning-button-colour: govuk-colour("red");
+  $govuk-warning-button-text-colour: govuk-colour("white");
   $govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);
   $govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);
-  $govuk-warning-button-text-colour: govuk-colour("white");
+
+  // Inverse button variables
+  $govuk-inverse-button-colour: govuk-colour("white");
+  $govuk-inverse-button-text-colour: govuk-colour("blue");
+  $govuk-inverse-button-hover-colour: govuk-tint($govuk-inverse-button-text-colour, 90%);
+  $govuk-inverse-button-shadow-colour: govuk-shade($govuk-inverse-button-text-colour, 30%);
 
   // Because the shadow (s0) is visually 'part of' the button, we need to reduce
   // the height of the button to compensate by adjusting its padding (s1) and
@@ -251,6 +257,38 @@ $govuk-button-text-colour: govuk-colour("white") !default;
     }
   }
 
+  .govuk-button--inverse {
+    background-color: $govuk-inverse-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-inverse-button-text-colour;
+    }
+
+    // alphagov/govuk_template includes a specific a:link:focus selector
+    // designed to make unvisited links a slightly darker blue when focussed, so
+    // we need to override the text colour for that combination of selectors so
+    // so that unvisited links styled as buttons do not end up with dark blue
+    // text when focussed.
+    @include _govuk-compatibility(govuk_template) {
+      &:link:focus {
+        color: $govuk-inverse-button-text-colour;
+      }
+    }
+
+    &:hover {
+      background-color: $govuk-inverse-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-inverse-button-colour;
+      }
+    }
+  }
+
   .govuk-button--start {
     @include govuk-typography-weight-bold;
     @include govuk-typography-responsive($size: 24, $override-line-height: 1);

data/vendor/assets/stylesheets/govuk-frontend/govuk/components/exit-this-page/_exit-this-page.scss

@@ -0,0 +1,2 @@
+@import "../../base";
+@import "./index";

data/vendor/assets/stylesheets/govuk-frontend/govuk/components/exit-this-page/_index.scss

@@ -0,0 +1,97 @@
+@import "../button/index";
+
+@include govuk-exports("govuk/component/exit-this-page") {
+  $indicator-size: .75em;
+
+  .govuk-exit-this-page {
+    @include govuk-responsive-margin(8, "bottom");
+    position: -webkit-sticky;
+    position: sticky;
+    z-index: 1000;
+    top: 0;
+    left: 0;
+    width: 100%;
+
+    @include govuk-media-query($from: tablet) {
+      display: inline-block;
+      right: 0;
+      left: auto;
+      width: auto;
+      float: right;
+    }
+  }
+
+  .govuk-exit-this-page__button {
+    margin-bottom: 0;
+  }
+
+  .govuk-exit-this-page__indicator {
+    @include govuk-responsive-padding(2);
+    display: none;
+    padding-bottom: 0;
+    color: inherit;
+    line-height: 0; // removes extra negative space below the indicators
+    text-align: center;
+    pointer-events: none;
+  }
+
+  .govuk-exit-this-page__indicator--visible {
+    display: block;
+  }
+
+  .govuk-exit-this-page__indicator-light {
+    box-sizing: border-box;
+    display: inline-block;
+    width: $indicator-size;
+    height: $indicator-size;
+    margin: 0 .125em;
+    border-width: 2px;
+    border-style: solid;
+    border-radius: 50%;
+
+    @include _govuk-not-ie8 {
+      border-color: currentcolor;
+    }
+
+    @include _govuk-if-ie8 {
+      border-color: govuk-colour("white");
+    }
+  }
+
+  .govuk-exit-this-page__indicator-light--on {
+    border-width: $indicator-size / 2;
+  }
+
+  @media only print {
+    .govuk-exit-this-page {
+      display: none;
+    }
+  }
+
+  .govuk-exit-this-page-overlay {
+    position: fixed;
+    z-index: 9999;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: govuk-colour("white");
+  }
+
+  // This class is added to the body when the Exit This Page button is activated
+  // in addition to the overlay to both block the entire screen and hide everything
+  // underneath it.
+  //
+  // We do this to ensure that users don't risk interacting with the page underneath
+  // the overlay between activating the button and navigating to the next page.
+  .govuk-exit-this-page-hide-content {
+    // stylelint-disable declaration-no-important
+    * {
+      display: none !important;
+    }
+
+    .govuk-exit-this-page-overlay {
+      display: block !important;
+    }
+  }
+}

data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_govuk-frontend-version.scss

@@ -1,5 +1,5 @@
 :root {
   // This variable is automatically overwritten during builds and releases.
   // It doesn't need to be updated manually.
-  --govuk-frontend-version: "4.6.0";
+  --govuk-frontend-version: "4.7.0";
 }

data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_visually-hidden.scss

@@ -16,6 +16,18 @@
 @mixin govuk-visually-hidden($important: true) {
   position: absolute if($important, !important, null);
 
+  // Absolute positioning has the unintended consequence of removing any
+  // whitespace surrounding visually hidden text from the accessibility tree.
+  // Insert a space character before and after visually hidden text to separate
+  // it from any visible text surrounding it.
+  &:before {
+    content: "\00a0";
+  }
+
+  &:after {
+    content: "\00a0";
+  }
+
   width: 1px if($important, !important, null);
   height: 1px if($important, !important, null);
   // If margin is set to a negative value it can cause text to be announced in

data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_template.scss

@@ -14,6 +14,26 @@
        -moz-text-size-adjust: 100%;
             text-size-adjust: 100%;
 
+    // Add scroll padding to the top of govuk-template but remove it if the
+    // exit this page component is present.
+    //
+    // This is a solution to exit this page potentially failing WCAG SC 2.4.12:
+    // Focus Not Obscured (https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-minimum.html)
+    // due to it's sticky positioning.
+    //
+    // This will apply scroll-padding-top in any browsers that don't support :has
+    // (https://caniuse.com/css-has). This is part of the reason we do this in
+    // a "wrong way round" way as we hypothesise that the risks of having
+    // scroll-padding unnecessarily is better than risking not having scroll-padding
+    // and needing it to account for exit this page.
+    @supports ((position: -webkit-sticky) or (position: sticky)) {
+      scroll-padding-top: govuk-spacing(9);
+
+      &:not(:has(.govuk-exit-this-page)) {
+        scroll-padding-top: 0;
+      }
+    }
+
     // Force the scrollbar to always display in IE, to prevent horizontal page
     // jumps as content height changes (e.g. autocomplete results open).
     @include govuk-media-query($media-type: screen) {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: katalyst-govuk-formbuilder
 version: !ruby/object:Gem::Version
-  version: 1.5.0
+  version: 1.5.1
 platform: ruby
 authors:
 - Katalyst Interactive
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-05-10 00:00:00.000000000 Z
+date: 2023-09-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_design_system_formbuilder
@@ -73,6 +73,8 @@ files:
 - vendor/assets/stylesheets/govuk-frontend/govuk/components/error-message/_index.scss
 - vendor/assets/stylesheets/govuk-frontend/govuk/components/error-summary/_error-summary.scss
 - vendor/assets/stylesheets/govuk-frontend/govuk/components/error-summary/_index.scss
+- vendor/assets/stylesheets/govuk-frontend/govuk/components/exit-this-page/_exit-this-page.scss
+- vendor/assets/stylesheets/govuk-frontend/govuk/components/exit-this-page/_index.scss
 - vendor/assets/stylesheets/govuk-frontend/govuk/components/fieldset/_fieldset.scss
 - vendor/assets/stylesheets/govuk-frontend/govuk/components/fieldset/_index.scss
 - vendor/assets/stylesheets/govuk-frontend/govuk/components/file-upload/_file-upload.scss