katalyst-govuk-formbuilder 1.5.0 → 1.6.0

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/pagination/_index.scss

@@ -3,20 +3,14 @@
   // Falls back to a float: left layout on non-flex browsers
   .govuk-pagination {
     @include govuk-responsive-margin(6, "bottom");
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: column;
-        flex-direction: column;
-    -ms-flex-align: center;
-        align-items: center;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: wrap;
 
     @include govuk-media-query($from: tablet) {
-      -ms-flex-direction: row;
-          flex-direction: row;
-      -ms-flex-align: start;
-          align-items: flex-start;
+      flex-direction: row;
+      align-items: flex-start;
     }
   }
 
@@ -38,7 +32,7 @@
     float: left; // Float is ignored if flex is active for prev/next links
 
     &:hover {
-      background-color: govuk-colour("light-grey", $legacy: "grey-4");
+      background-color: govuk-colour("light-grey");
     }
   }
 
@@ -63,10 +57,8 @@
     // Use flex to get around a whitespace issue between the arrow svg and the link text
     // without having to rely on whitespace control from backend tooling
     .govuk-pagination__link {
-      display: -ms-flexbox;
       display: flex;
-      -ms-flex-align: center;
-          align-items: center;
+      align-items: center;
     }
   }
 
@@ -116,7 +108,7 @@
 
     // Increase the touch area for the link to the parent element.
     @media screen {
-      &:after {
+      &::after {
         content: "";
         position: absolute;
         top: 0;
@@ -156,7 +148,7 @@
   }
 
   .govuk-pagination__link-label {
-    @include govuk-font($size: 19, $weight: "regular");
+    @include govuk-typography-weight-regular;
     @include govuk-link-decoration;
     display: inline-block;
     padding-left: govuk-spacing(6);
@@ -218,7 +210,7 @@
     // as block level whilst programmatically being inline
     // We do this to get around an NVDA quirk where adjacent block level
     // elements are always read out separately
-    .govuk-pagination__link-title:after {
+    .govuk-pagination__link-title::after {
       content: "";
       display: block;
     }
@@ -245,3 +237,5 @@
     }
   }
 }
+
+/*# sourceMappingURL=_index.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/pagination/_pagination.scss

@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_pagination.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/panel/_index.scss

@@ -1,6 +1,6 @@
 @include govuk-exports("govuk/component/panel") {
   .govuk-panel {
-    @include govuk-font($size: 19);
+    @include govuk-font($size: 36);
 
     box-sizing: border-box;
 
@@ -30,7 +30,7 @@
 
   .govuk-panel--confirmation {
     color: govuk-colour("white");
-    background: govuk-colour("green", $legacy: "turquoise");
+    background: govuk-colour("green");
 
     @include govuk-media-query($media-type: print) {
       border-color: currentcolor;
@@ -40,17 +40,15 @@
   }
 
   .govuk-panel__title {
+    @include govuk-typography-responsive($size: 48);
+    @include govuk-typography-weight-bold;
     margin-top: 0;
     margin-bottom: govuk-spacing(6);
-
-    @include govuk-font($size: 48, $weight: bold);
   }
 
   .govuk-panel__title:last-child {
     margin-bottom: 0;
   }
-
-  .govuk-panel__body {
-    @include govuk-font($size: 36);
-  }
 }
+
+/*# sourceMappingURL=_index.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/panel/_panel.scss

@@ -1,2 +1,4 @@
 @import "../../base";
 @import "./index";
+
+/*# sourceMappingURL=_panel.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/phase-banner/_index.scss

@@ -17,7 +17,16 @@
   }
 
   .govuk-phase-banner__content__tag {
+    @include govuk-typography-responsive($size: 16);
     margin-right: govuk-spacing(2);
+
+    // When forced colour mode is active, for example to provide high contrast,
+    // the background colour of the tag is the same as the rest of the page. To ensure
+    // that the tag is perceived as separate to the rest of the text in the phase banner,
+    // it is made bold.
+    @media screen and (forced-colors: active) {
+      font-weight: bold;
+    }
   }
 
   .govuk-phase-banner__text {
@@ -25,3 +34,5 @@
     vertical-align: middle;
   }
 }
+
+/*# sourceMappingURL=_index.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss

@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_phase-banner.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/radios/_index.scss

@@ -4,7 +4,6 @@
 @import "../label/index";
 
 @include govuk-exports("govuk/component/radios") {
-
   $govuk-touch-target-size: 44px;
   $govuk-radios-size: 40px;
   $govuk-small-radios-size: 24px;
@@ -14,8 +13,6 @@
   $govuk-radios-focus-width: $govuk-focus-width + 1px;
 
   .govuk-radios__item {
-    @include govuk-font($size: 19);
-
     display: block;
     position: relative;
 
@@ -35,35 +32,19 @@
   .govuk-radios__input {
     $input-offset: ($govuk-touch-target-size - $govuk-radios-size) / 2;
 
-    cursor: pointer;
-
-    // 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;
+    position: absolute;
 
-      width: $govuk-touch-target-size;
-      height: $govuk-touch-target-size;
-      margin: 0;
+    z-index: 1;
+    top: $input-offset * -1;
+    left: $input-offset * -1;
 
-      opacity: 0;
-    }
+    width: $govuk-touch-target-size;
+    height: $govuk-touch-target-size;
+    margin: 0;
 
-    @include _govuk-if-ie8 {
-      margin-top: 10px;
-      margin-right: $govuk-radios-size / -2;
-      margin-left: $govuk-radios-size / -2;
-      float: left;
+    opacity: 0;
 
-      // add focus outline to input
-      &:focus {
-        outline: $govuk-focus-width solid $govuk-focus-colour;
-      }
-    }
+    cursor: pointer;
   }
 
   .govuk-radios__label {
@@ -72,12 +53,11 @@
     padding: 8px $govuk-radios-label-padding-left-right govuk-spacing(1);
     cursor: pointer;
     // remove 300ms pause on mobile
-    -ms-touch-action: manipulation;
-        touch-action: manipulation;
+    touch-action: manipulation;
   }
 
   // ( ) Radio ring
-  .govuk-radios__label:before {
+  .govuk-radios__label::before {
     content: "";
     box-sizing: border-box;
     position: absolute;
@@ -96,7 +76,7 @@
   //
   // 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 {
+  .govuk-radios__label::after {
     content: "";
 
     position: absolute;
@@ -119,7 +99,7 @@
   }
 
   // Focused state
-  .govuk-radios__input:focus + .govuk-radios__label:before {
+  .govuk-radios__input:focus + .govuk-radios__label::before {
     border-width: 4px;
 
     // When colours are overridden, the yellow box-shadow becomes invisible
@@ -139,7 +119,7 @@
   }
 
   // Selected state
-  .govuk-radios__input:checked + .govuk-radios__label:after {
+  .govuk-radios__input:checked + .govuk-radios__label::after {
     opacity: 1;
   }
 
@@ -151,7 +131,7 @@
 
   .govuk-radios__input:disabled + .govuk-radios__label,
   .govuk-radios__input:disabled ~ .govuk-hint {
-    opacity: .5;
+    opacity: 0.5;
   }
 
   // =========================================================
@@ -159,7 +139,7 @@
   // =========================================================
 
   .govuk-radios--inline {
-    @include govuk-media-query ($from: tablet) {
+    @include govuk-media-query($from: tablet) {
       @include govuk-clearfix;
 
       .govuk-radios__item {
@@ -175,9 +155,9 @@
   // =========================================================
 
   .govuk-radios__divider {
-    $govuk-divider-size: $govuk-radios-size !default;
     @include govuk-font($size: 19);
     @include govuk-text-colour;
+    $govuk-divider-size: $govuk-radios-size !default;
     width: $govuk-divider-size;
     margin-bottom: govuk-spacing(2);
     text-align: center;
@@ -203,7 +183,7 @@
     padding-left: $conditional-padding-left;
     border-left: $conditional-border-width solid $govuk-border-colour;
 
-    .js-enabled &--hidden {
+    .govuk-frontend-supported &--hidden {
       display: none;
     }
 
@@ -217,7 +197,6 @@
   // =========================================================
 
   .govuk-radios--small {
-
     $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;
     $label-offset: $govuk-touch-target-size - $input-offset;
 
@@ -239,13 +218,7 @@
     //  ▲┆└─ 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;
-      }
+      left: $input-offset * -1;
     }
 
     // Adjust the size and position of the label.
@@ -267,7 +240,7 @@
     //
     // Reduce the size of the control [1], vertically centering it within the
     // touch target [2]
-    .govuk-radios__label:before {
+    .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
@@ -276,7 +249,7 @@
     //  •  Radio button
     //
     // Reduce the size of the 'button' and center it within the ring
-    .govuk-radios__label:after {
+    .govuk-radios__label::after {
       top: 15px;
       left: 7px;
       border-width: 5px;
@@ -315,7 +288,11 @@
     // 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 {
+    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+      // Forced colours modes tend to ignore box-shadow.
+      // Apply an outline for those modes to use instead.
+      outline: $govuk-radios-focus-width dashed transparent;
+      outline-offset: 1px;
       box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
     }
 
@@ -324,10 +301,15 @@
     //
     // 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 {
+    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+      // Set different HCM colour when we have both hover/focus applied at once
+      @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+        outline-color: Highlight;
+      }
+      // prettier-ignore
       box-shadow:
-        0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1
-        0 0 0 $govuk-hover-width        $govuk-hover-colour; // 2
+        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
@@ -337,13 +319,15 @@
     // 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 {
+      .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 {
+      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
         box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
       }
     }
   }
 }
+
+/*# sourceMappingURL=_index.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/radios/_radios.scss

@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_radios.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/select/_index.scss

@@ -14,10 +14,7 @@
     // - it fits comfortably on screens as narrow as 240px wide
     min-width: 11.5em;
     max-width: 100%;
-    height: 40px;
-    @if $govuk-typography-use-rem {
-      height: govuk-px-to-rem(40px);
-    }
+    height: govuk-px-to-rem(40px);
     padding: govuk-spacing(1); // was 5px 4px 4px - size of it should be adjusted to match other form elements
     border: $govuk-border-width-form-element solid $govuk-input-border-colour;
 
@@ -34,16 +31,10 @@
       // this instead of changing `border-width` (which changes element size) and
       // since `outline` is already used for the yellow focus state.
       box-shadow: inset 0 0 0 $govuk-border-width-form-element;
-
-      @include _govuk-if-ie8 {
-        // IE8 doesn't support `box-shadow` so double the border with
-        // `border-width`.
-        border-width: $govuk-border-width-form-element * 2;
-      }
     }
 
     &:disabled {
-      opacity: .5;
+      opacity: 0.5;
       color: inherit;
       cursor: not-allowed;
     }
@@ -64,3 +55,5 @@
     }
   }
 }
+
+/*# sourceMappingURL=_index.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/select/_select.scss

@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_select.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/skip-link/_index.scss

@@ -45,3 +45,5 @@
     }
   }
 }
+
+/*# sourceMappingURL=_index.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/skip-link/_skip-link.scss

@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_skip-link.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/summary-list/_index.scss

@@ -32,7 +32,7 @@
   // bottom border is not drawn for that part of the row in some browsers.
   .govuk-summary-list__row--no-actions {
     @include govuk-media-query($from: tablet) {
-      &:after {
+      &::after {
         content: "";
         display: table-cell;
         width: 20%;
@@ -57,7 +57,6 @@
     margin-bottom: govuk-spacing(3);
     @include govuk-media-query($from: tablet) {
       width: 20%;
-      padding-right: 0; // Needed for IE8
       text-align: right;
     }
   }
@@ -101,15 +100,10 @@
     display: inline-block;
   }
 
-  // In older browsers such as IE8, :last-child is not available,
-  // so only show the border divider where it is available.
   @include govuk-media-query($until: tablet) {
     .govuk-summary-list__actions-list-item {
       margin-right: govuk-spacing(2);
       padding-right: govuk-spacing(2);
-    }
-
-    .govuk-summary-list__actions-list-item:not(:last-child) {
       border-right: 1px solid $govuk-border-colour;
     }
 
@@ -137,6 +131,15 @@
     }
   }
 
+  // Large groups of action links may wrap onto multiple lines. Because the link
+  // focus styles are applied outside of the link's bounding box, there are
+  // situations where the focus style on a link can be overlapped by subsequent
+  // links. We don't want this, so let's create a new stacking context on focus
+  // so the link always appears to be 'on top'.
+  .govuk-summary-list__actions-list-item .govuk-link:focus {
+    isolation: isolate;
+  }
+
   // No border on entire summary list
   .govuk-summary-list--no-border {
     .govuk-summary-list__row {
@@ -178,21 +181,19 @@
 
     // Ensures the card header appears separate to the summary list in forced colours mode
     border-bottom: 1px solid transparent;
-    background-color: govuk-colour("light-grey", $legacy: "grey-3");
+    background-color: govuk-colour("light-grey");
 
     @include govuk-media-query($from: "tablet") {
-      display: -ms-flexbox;
       display: flex;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-      -ms-flex-wrap: nowrap;
-          flex-wrap: nowrap;
+      justify-content: space-between;
+      flex-wrap: nowrap;
       padding: govuk-spacing(3) govuk-spacing(4);
     }
   }
 
   .govuk-summary-card__title {
     @include govuk-font($size: 19, $weight: bold);
+    @include govuk-text-colour;
     margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;
 
     @include govuk-media-query($from: "tablet") {
@@ -201,19 +202,17 @@
   }
 
   .govuk-summary-card__actions {
-    @include govuk-font($size: 19, $weight: bold);
-    display: -ms-flexbox;
+    @include govuk-typography-responsive($size: 19);
+    @include govuk-typography-weight-bold;
     display: flex;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
+    flex-wrap: wrap;
     row-gap: 10px;
     margin: govuk-spacing(1) 0;
     padding: 0;
     list-style: none;
 
     @include govuk-media-query($from: "tablet") {
-      -ms-flex-pack: right;
-          justify-content: right;
+      justify-content: right;
       text-align: right;
     }
   }
@@ -274,3 +273,5 @@
     }
   }
 }
+
+/*# sourceMappingURL=_index.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss

@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_summary-list.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/table/_index.scss

@@ -19,12 +19,6 @@
     border-bottom: 1px solid $govuk-border-colour;
     text-align: left;
     vertical-align: top;
-    // GOV.UK Elements sets the font-size and line-height for all headers and cells
-    // in tables.
-    @include _govuk-compatibility(govuk_elements) {
-      font-size: inherit;
-      line-height: inherit;
-    }
   }
 
   .govuk-table__cell--numeric {
@@ -49,23 +43,23 @@
   }
 
   // Modifiers that make captions look more like their equivalent headings
+  .govuk-table__caption--xl,
+  .govuk-table__caption--l,
+  .govuk-table__caption--m {
+    margin-bottom: govuk-spacing(3);
+  }
 
   .govuk-table__caption--xl {
-    @include govuk-font($size: 48, $weight: bold);
-    margin-bottom: govuk-spacing(3);
+    @include govuk-typography-responsive($size: 48);
   }
 
   .govuk-table__caption--l {
-    @include govuk-font($size: 36, $weight: bold);
-    margin-bottom: govuk-spacing(3);
+    @include govuk-typography-responsive($size: 36);
   }
 
   .govuk-table__caption--m {
-    @include govuk-font($size: 24, $weight: bold);
-    margin-bottom: govuk-spacing(3);
-  }
-
-  .govuk-table__caption--s {
-    @include govuk-font($size: 19, $weight: bold);
+    @include govuk-typography-responsive($size: 24);
   }
 }
+
+/*# sourceMappingURL=_index.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/table/_table.scss

@@ -1,2 +1,4 @@
 @import "../../base";
 @import "./index";
+
+/*# sourceMappingURL=_table.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/tabs/_index.scss

@@ -2,10 +2,14 @@
   .govuk-tabs {
     @include govuk-responsive-margin(1, "top");
     @include govuk-responsive-margin(6, "bottom");
+    @include govuk-font($size: 19);
   }
 
   .govuk-tabs__title {
-    @include govuk-font($size: 19);
+    // Set the size and weight again because this element is a heading and the
+    // user agent font size overrides the inherited font size
+    @include govuk-typography-responsive($size: 19);
+    @include govuk-typography-weight-regular;
     @include govuk-text-colour;
     margin-bottom: govuk-spacing(2);
   }
@@ -18,10 +22,9 @@
   }
 
   .govuk-tabs__list-item {
-    @include govuk-font($size: 19);
     margin-left: govuk-spacing(5);
 
-    &:before {
+    &::before {
       @include govuk-text-colour;
       content: "\2014 "; // "— "
       margin-left: govuk-spacing(-5);
@@ -41,9 +44,8 @@
     @include govuk-responsive-margin(8, "bottom");
   }
 
-  // JavaScript enabled
-  .js-enabled {
-
+  // GOV.UK Frontend JavaScript enabled
+  .govuk-frontend-supported {
     @include govuk-media-query($from: tablet) {
       .govuk-tabs__list {
         @include govuk-clearfix;
@@ -64,10 +66,10 @@
         padding: govuk-spacing(2) govuk-spacing(4);
 
         float: left;
-        background-color: govuk-colour("light-grey", $legacy: "grey-4");
+        background-color: govuk-colour("light-grey");
         text-align: center;
 
-        &:before {
+        &::before {
           content: none;
         }
       }
@@ -101,7 +103,7 @@
 
         margin-bottom: 0;
 
-        &:after {
+        &::after {
           content: "";
           position: absolute;
           top: 0;
@@ -128,3 +130,5 @@
     }
   }
 }
+
+/*# sourceMappingURL=_index.scss.map */

data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/tabs/_tabs.scss

@@ -1,2 +1,4 @@
 @import "../../base";
 @import "./index";
+
+/*# sourceMappingURL=_tabs.scss.map */