govuk_publishing_components 23.12.3 → 24.0.0

data/node_modules/govuk-frontend/govuk/objects/_all.scss

@@ -1,3 +1,4 @@
+@import "button-group";
 @import "form-group";
 @import "grid";
 @import "main-wrapper";

data/node_modules/govuk-frontend/govuk/objects/_button-group.scss

@@ -0,0 +1,94 @@
+@import "../base";
+
+@include govuk-exports("govuk/objects/button-group") {
+  // Button groups can be used to group buttons and links together as a group.
+  //
+  // Within a button group:
+  //
+  // - links are styled to line up visually with the buttons, including being
+  //   centre-aligned on mobile
+  // - spacing between the buttons and links is handled automatically, including
+  //   when they wrap across multiple lines
+  .govuk-button-group {
+    $horizontal-gap: govuk-spacing(3);
+    $vertical-gap: govuk-spacing(3);
+
+    // These need to be kept in sync with the button component's styles
+    $button-padding: govuk-spacing(2);
+    $button-shadow-size: $govuk-border-width-form-element;
+
+    $link-spacing: govuk-spacing(1);
+
+    @include govuk-responsive-margin(6, "bottom", $adjustment: $vertical-gap * -1);
+
+    // Flexbox is used to center-align links on mobile, align everything along
+    // the baseline on tablet and above, and to removes extra whitespace that
+    // we'd get between the buttons and links because they're inline-blocks.
+    //
+    // Ideally we'd use `gap` with flexbox rather than having to do it all with
+    // margins, but unfortunately the support isn't there (yet) and @supports
+    // doesn't play nicely with it
+    // (https://github.com/w3c/csswg-drafts/issues/3559)
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+
+    // Give links within the button group the same font-size and line-height
+    // as buttons.
+    //
+    // Because we want the focus state to be tight around the link text, we use
+    // margins where the buttons would use padding.
+    .govuk-link {
+      @include govuk-font($size: 19, $line-height: 19px);
+      display: inline-block;
+      // Prevent links overflowing their container in IE10/11 because of bug
+      // with align-items: center
+      max-width: 100%;
+      margin-top: $link-spacing;
+      margin-bottom: $link-spacing + $vertical-gap;
+      text-align: center;
+    }
+
+    // Reduce the bottom margin to the size of the vertical gap (accommodating
+    // the button shadow) – the 'lost' margin is moved to the button-group.
+    .govuk-button {
+      margin-bottom: $vertical-gap + $button-shadow-size;
+    }
+
+    // On tablet and above, we also introduce a 'column gap' between the
+    // buttons and links in each row and left align links
+    @include govuk-media-query($from: tablet) {
+      // Cancel out the column gap for the last item in each row
+      margin-right: ($horizontal-gap * -1);
+
+      -webkit-box-orient: horizontal;
+
+      -webkit-box-direction: normal;
+
+          -ms-flex-direction: row;
+
+              flex-direction: row;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
+      -webkit-box-align: baseline;
+          -ms-flex-align: baseline;
+              align-items: baseline;
+
+      .govuk-button,
+      .govuk-link {
+        margin-right: $horizontal-gap;
+      }
+
+      .govuk-link {
+        text-align: left;
+      }
+    }
+  }
+}

data/node_modules/govuk-frontend/govuk/settings/_colours-applied.scss

@@ -86,6 +86,15 @@ $govuk-focus-text-colour: govuk-colour("black") !default;
 
 $govuk-error-colour: govuk-colour("red") !default;
 
+/// Success colour
+///
+/// Used to highlight success messages and banners
+///
+/// @type Colour
+/// @access public
+
+$govuk-success-colour: govuk-colour("green") !default;
+
 /// Border colour
 ///
 /// Used in for example borders, separators, rules and keylines.

data/node_modules/govuk-frontend/govuk/settings/_typography-font.scss

@@ -52,6 +52,9 @@ $govuk-font-family-tabular: if(
 
 /// Font families to use for print media
 ///
+/// We recommend that you use system fonts when printing. This will avoid issues
+/// with some printer drivers and operating systems.
+///
 /// @type List
 /// @access public
 

data/node_modules/govuk-frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "govuk-frontend",
   "description": "GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.",
-  "version": "3.9.1",
+  "version": "3.11.0",
   "main": "govuk/all.js",
   "sass": "govuk/all.scss",
   "engines": {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 23.12.3
+  version: 24.0.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-01-14 00:00:00.000000000 Z
+date: 2021-02-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -325,8 +325,6 @@ files:
 - app/assets/images/govuk_publishing_components/action-link-arrow--transparent.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow.png
 - app/assets/images/govuk_publishing_components/action-link-arrow.svg
-- app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-small-focus.svg
-- app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-small.svg
 - app/assets/images/govuk_publishing_components/crests/bis_crest_13px.png
 - app/assets/images/govuk_publishing_components/crests/bis_crest_13px_x2-2.png
 - app/assets/images/govuk_publishing_components/crests/bis_crest_13px_x2.png
@@ -390,6 +388,9 @@ files:
 - app/assets/images/govuk_publishing_components/icon-print-2x.png
 - app/assets/images/govuk_publishing_components/icon-print.png
 - app/assets/images/govuk_publishing_components/search-button.png
+- app/assets/images/govuk_publishing_components/take-action-amber.svg
+- app/assets/images/govuk_publishing_components/take-action-green.svg
+- app/assets/images/govuk_publishing_components/take-action-red.svg
 - app/assets/javascripts/component_guide/accessibility-test.js
 - app/assets/javascripts/component_guide/application.js
 - app/assets/javascripts/component_guide/filter-components.js
@@ -425,7 +426,6 @@ files:
 - app/assets/javascripts/govuk_publishing_components/components/error-summary.js
 - app/assets/javascripts/govuk_publishing_components/components/feedback.js
 - app/assets/javascripts/govuk_publishing_components/components/govspeak.js
-- app/assets/javascripts/govuk_publishing_components/components/header.js
 - app/assets/javascripts/govuk_publishing_components/components/layout-header.js
 - app/assets/javascripts/govuk_publishing_components/components/modal-dialogue.js
 - app/assets/javascripts/govuk_publishing_components/components/print-link.js
@@ -436,7 +436,6 @@ files:
 - app/assets/javascripts/govuk_publishing_components/dependencies.js
 - app/assets/javascripts/govuk_publishing_components/ie.js
 - app/assets/javascripts/govuk_publishing_components/lib.js
-- app/assets/javascripts/govuk_publishing_components/lib/auto-track-event.js
 - app/assets/javascripts/govuk_publishing_components/lib/cookie-functions.js
 - app/assets/javascripts/govuk_publishing_components/lib/current-location.js
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/barchart-enhancement.js
@@ -469,7 +468,6 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/_button.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_character-count.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_checkboxes.scss
-- app/assets/stylesheets/govuk_publishing_components/components/_chevron-banner.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_contextual-guidance.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_contextual-sidebar.scss
@@ -499,7 +497,6 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/_layout-for-public.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_lead-paragraph.scss
-- app/assets/stylesheets/govuk_publishing_components/components/_list.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_modal-dialogue.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_notice.scss
@@ -556,9 +553,6 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_link.scss
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_px-to-em.scss
-- app/assets/stylesheets/govuk_publishing_components/components/helpers/_variables.scss
-- app/assets/stylesheets/govuk_publishing_components/components/mixins/_back-arrow.scss
-- app/assets/stylesheets/govuk_publishing_components/components/mixins/_clearfix.scss
 - app/assets/stylesheets/govuk_publishing_components/components/mixins/_css3.scss
 - app/assets/stylesheets/govuk_publishing_components/components/mixins/_govuk-template-link-focus-override.scss
 - app/assets/stylesheets/govuk_publishing_components/components/mixins/_margins.scss
@@ -615,7 +609,6 @@ files:
 - app/views/govuk_publishing_components/components/_button.html.erb
 - app/views/govuk_publishing_components/components/_character_count.html.erb
 - app/views/govuk_publishing_components/components/_checkboxes.html.erb
-- app/views/govuk_publishing_components/components/_chevron_banner.html.erb
 - app/views/govuk_publishing_components/components/_contents_list.html.erb
 - app/views/govuk_publishing_components/components/_contextual_breadcrumbs.html.erb
 - app/views/govuk_publishing_components/components/_contextual_footer.html.erb
@@ -670,7 +663,6 @@ files:
 - app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb
 - app/views/govuk_publishing_components/components/_step_by_step_nav_header.html.erb
 - app/views/govuk_publishing_components/components/_step_by_step_nav_related.html.erb
-- app/views/govuk_publishing_components/components/_subscription-links.html.erb
 - app/views/govuk_publishing_components/components/_subscription_links.html.erb
 - app/views/govuk_publishing_components/components/_success_alert.html.erb
 - app/views/govuk_publishing_components/components/_summary_list.html.erb
@@ -679,14 +671,12 @@ files:
 - app/views/govuk_publishing_components/components/_taxonomy_list.html.erb
 - app/views/govuk_publishing_components/components/_textarea.html.erb
 - app/views/govuk_publishing_components/components/_title.html.erb
-- app/views/govuk_publishing_components/components/_translation-nav.html.erb
 - app/views/govuk_publishing_components/components/_translation_nav.html.erb
 - app/views/govuk_publishing_components/components/_warning_text.html.erb
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_document.svg
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_generic.svg
 - app/views/govuk_publishing_components/components/attachment/_thumbnail_spreadsheet.svg
 - app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb
-- app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_related_links.html.erb
 - app/views/govuk_publishing_components/components/docs/accordion.yml
 - app/views/govuk_publishing_components/components/docs/action_link.yml
 - app/views/govuk_publishing_components/components/docs/admin_analytics.yml
@@ -697,7 +687,6 @@ files:
 - app/views/govuk_publishing_components/components/docs/button.yml
 - app/views/govuk_publishing_components/components/docs/character_count.yml
 - app/views/govuk_publishing_components/components/docs/checkboxes.yml
-- app/views/govuk_publishing_components/components/docs/chevron_banner.yml
 - app/views/govuk_publishing_components/components/docs/contents_list.yml
 - app/views/govuk_publishing_components/components/docs/contextual_breadcrumbs.yml
 - app/views/govuk_publishing_components/components/docs/contextual_footer.yml
@@ -752,7 +741,6 @@ files:
 - app/views/govuk_publishing_components/components/docs/step_by_step_nav.yml
 - app/views/govuk_publishing_components/components/docs/step_by_step_nav_header.yml
 - app/views/govuk_publishing_components/components/docs/step_by_step_nav_related.yml
-- app/views/govuk_publishing_components/components/docs/subscription-links.yml
 - app/views/govuk_publishing_components/components/docs/subscription_links.yml
 - app/views/govuk_publishing_components/components/docs/success_alert.yml
 - app/views/govuk_publishing_components/components/docs/summary_list.yml
@@ -761,7 +749,6 @@ files:
 - app/views/govuk_publishing_components/components/docs/taxonomy_list.yml
 - app/views/govuk_publishing_components/components/docs/textarea.yml
 - app/views/govuk_publishing_components/components/docs/title.yml
-- app/views/govuk_publishing_components/components/docs/translation-nav.yml
 - app/views/govuk_publishing_components/components/docs/translation_nav.yml
 - app/views/govuk_publishing_components/components/docs/warning_text.yml
 - app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb
@@ -1500,6 +1487,12 @@ files:
 - node_modules/govuk-frontend/govuk/components/checkboxes/macro-options.json
 - node_modules/govuk-frontend/govuk/components/checkboxes/macro.njk
 - node_modules/govuk-frontend/govuk/components/checkboxes/template.njk
+- node_modules/govuk-frontend/govuk/components/cookie-banner/_cookie-banner.scss
+- node_modules/govuk-frontend/govuk/components/cookie-banner/_index.scss
+- node_modules/govuk-frontend/govuk/components/cookie-banner/fixtures.json
+- node_modules/govuk-frontend/govuk/components/cookie-banner/macro-options.json
+- node_modules/govuk-frontend/govuk/components/cookie-banner/macro.njk
+- node_modules/govuk-frontend/govuk/components/cookie-banner/template.njk
 - node_modules/govuk-frontend/govuk/components/date-input/README.md
 - node_modules/govuk-frontend/govuk/components/date-input/_date-input.scss
 - node_modules/govuk-frontend/govuk/components/date-input/_index.scss
@@ -1588,6 +1581,14 @@ files:
 - node_modules/govuk-frontend/govuk/components/label/macro-options.json
 - node_modules/govuk-frontend/govuk/components/label/macro.njk
 - node_modules/govuk-frontend/govuk/components/label/template.njk
+- node_modules/govuk-frontend/govuk/components/notification-banner/README.md
+- node_modules/govuk-frontend/govuk/components/notification-banner/_index.scss
+- node_modules/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss
+- node_modules/govuk-frontend/govuk/components/notification-banner/fixtures.json
+- node_modules/govuk-frontend/govuk/components/notification-banner/macro-options.json
+- node_modules/govuk-frontend/govuk/components/notification-banner/macro.njk
+- node_modules/govuk-frontend/govuk/components/notification-banner/notification-banner.js
+- node_modules/govuk-frontend/govuk/components/notification-banner/template.njk
 - node_modules/govuk-frontend/govuk/components/panel/README.md
 - node_modules/govuk-frontend/govuk/components/panel/_index.scss
 - node_modules/govuk-frontend/govuk/components/panel/_panel.scss
@@ -1688,6 +1689,7 @@ files:
 - node_modules/govuk-frontend/govuk/helpers/_typography.scss
 - node_modules/govuk-frontend/govuk/helpers/_visually-hidden.scss
 - node_modules/govuk-frontend/govuk/objects/_all.scss
+- node_modules/govuk-frontend/govuk/objects/_button-group.scss
 - node_modules/govuk-frontend/govuk/objects/_form-group.scss
 - node_modules/govuk-frontend/govuk/objects/_grid.scss
 - node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss

data/app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-small-focus.svg

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 104 122" xmlns="http://www.w3.org/2000/svg">
-<path d="m0.81268 5.0662l51.363 54.069c1.0996 1.1575 1.1 2.9735 8.258e-4 4.1315l-50.942 53.668c-1.1407 1.2017-1.0912 3.1006 0.11054 4.2412 0.55745 0.52914 1.2967 0.82413 2.0653 0.82413h41.812c0.8157 0 1.5962-0.33215 2.1618-0.91994l55.613-57.799c1.1179-1.1618 1.1176-2.9994-7.29e-4 -4.1609l-56.04-58.201c-0.56552-0.58733-1.3457-0.91919-2.1611-0.91919h-41.809c-1.6569 0-3 1.3431-3 3 0 0.76901 0.29531 1.5087 0.82496 2.0662z" fill-rule="evenodd"/>
-</svg>

data/app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-small.svg

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 104 122" xmlns="http://www.w3.org/2000/svg">
-<path d="m0.81268 5.0662l51.363 54.069c1.0996 1.1575 1.1 2.9735 8.258e-4 4.1315l-50.942 53.668c-1.1407 1.2017-1.0912 3.1006 0.11054 4.2412 0.55745 0.52914 1.2967 0.82413 2.0653 0.82413h41.812c0.8157 0 1.5962-0.33215 2.1618-0.91994l55.613-57.799c1.1179-1.1618 1.1176-2.9994-7.29e-4 -4.1609l-56.04-58.201c-0.56552-0.58733-1.3457-0.91919-2.1611-0.91919h-41.809c-1.6569 0-3 1.3431-3 3 0 0.76901 0.29531 1.5087 0.82496 2.0662z" fill="#FFF" fill-rule="evenodd"/>
-</svg>

data/app/assets/javascripts/govuk_publishing_components/components/header.js

@@ -1,8 +0,0 @@
-// DO NOT MAKE CHANGES TO THIS FILE
-// It is a temporary copy of layout-header.js and will be deleted shortly
-
-// This component relies on JavaScript from GOV.UK Frontend
-// = require govuk/components/header/header.js
-window.GOVUK = window.GOVUK || {}
-window.GOVUK.Modules = window.GOVUK.Modules || {}
-window.GOVUK.Modules.Header = window.GOVUKFrontend

data/app/assets/javascripts/govuk_publishing_components/lib/auto-track-event.js

@@ -1,31 +0,0 @@
-// migrated from govuk_frontend_toolkit
-;(function (global) {
-  'use strict'
-
-  var GOVUK = global.GOVUK || {}
-  GOVUK.Modules = GOVUK.Modules || {}
-
-  GOVUK.Modules.AutoTrackEvent = function () {
-    this.start = function (element) {
-      var options = { nonInteraction: 1 } // automatic events shouldn't affect bounce rate
-      var category = element.data('track-category')
-      var action = element.data('track-action')
-      var label = element.data('track-label')
-      var value = element.data('track-value')
-
-      if (typeof label === 'string') {
-        options.label = label
-      }
-
-      if (value || value === 0) {
-        options.value = value
-      }
-
-      if (GOVUK.analytics && GOVUK.analytics.trackEvent) {
-        GOVUK.analytics.trackEvent(category, action, options)
-      }
-    }
-  }
-
-  global.GOVUK = GOVUK
-})(window)

data/app/assets/stylesheets/govuk_publishing_components/components/_chevron-banner.scss

@@ -1,138 +0,0 @@
-$red: #e61e32;
-$dark-red: #b31424;
-$yellow: #ffdd00;
-
-.gem-c-chevron-banner {
-  position: relative;
-}
-
-.gem-c-chevron-banner__chevron-point,
-.gem-c-chevron-banner__chevron-base {
-  stroke: $red;
-  stroke-width: 2.4;
-}
-
-.gem-c-chevron-banner:hover,
-.gem-c-chevron-banner--hover-border:hover {
-  .gem-c-chevron-banner__text {
-    background-color: $dark-red;
-    border-color: $dark-red;
-  }
-
-  .gem-c-chevron-banner__chevron-point,
-  .gem-c-chevron-banner__chevron-base {
-    fill: $dark-red;
-    stroke: $dark-red;
-  }
-}
-
-.gem-c-chevron-banner--hover-border:hover {
-  .gem-c-chevron-banner__text {
-    border-color: govuk-colour("white");
-  }
-
-  .gem-c-chevron-banner__chevron-point,
-  .gem-c-chevron-banner__chevron-base {
-    stroke: govuk-colour("white");
-  }
-}
-
-.gem-c-chevron-banner__link:focus {
-  background-color: transparent; // This is to override some generic link styling which sets a background colour on focus
-  text-decoration: none;
-  outline: 0;
-
-  .gem-c-chevron-banner__text {
-    color: govuk-colour("black");
-    background-color: $yellow;
-    border-color: govuk-colour("black");
-  }
-
-  .gem-c-chevron-banner__text:after {
-    background-image: image-url("govuk_publishing_components/chevron-banner/chevron-banner-small-focus.svg");
-  }
-
-  .gem-c-chevron-banner__chevron-point,
-  .gem-c-chevron-banner__chevron-base {
-    fill: $yellow;
-    stroke: govuk-colour("black");
-  }
-}
-
-.gem-c-chevron-banner__chevron {
-  display: none;
-
-  @include govuk-media-query(450px) {
-    display: inline-block;
-    height: 100%;
-    position: absolute;
-    left: 70%;
-    margin-left: (45px + govuk-spacing(4));
-    top: 0;
-  }
-
-  @include govuk-media-query($from: 450px, $until: desktop) {
-    margin-left: (25px + govuk-spacing(2));
-  }
-}
-
-.gem-c-chevron-banner__text:after {
-  content: "";
-  position: absolute;
-  right: 15px;
-  top: 0;
-  width: 25px;
-  height: 100%;
-  background-image: image-url("govuk_publishing_components/chevron-banner/chevron-banner-small.svg");
-  background-size: 25px 25px;
-  background-repeat: no-repeat;
-  background-position: center right;
-
-  @include govuk-media-query(450px) {
-    display: none;
-  }
-}
-
-.gem-c-chevron-banner__text {
-  display: block;
-  position: relative;
-  padding: govuk-spacing(4) 45px govuk-spacing(4) govuk-spacing(4);
-  background-color: $red;
-  border-radius: 5px;
-  box-sizing: border-box;
-  width: 100%;
-  border: 2px solid $red;
-  z-index: 1;
-
-  @include govuk-media-query($from: 450px, $until: desktop) {
-    padding: govuk-spacing(2) 25px govuk-spacing(2) govuk-spacing(2);
-  }
-
-  @include govuk-media-query($from: 450px) {
-    border-radius: 5px 0 0 5px;
-    border-right: 0;
-    width: 70%;
-    box-sizing: content-box;
-  }
-}
-
-.gem-c-chevron-banner__link:link,
-.gem-c-chevron-banner__link:visited,
-.gem-c-chevron-banner__link:hover {
-  @include govuk-font(24, $weight: bold);
-  color: govuk-colour("white");
-  text-decoration: none;
-}
-
-// IE "hack" to stop the chevron SVG being stretched
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .gem-c-chevron-banner__chevron {
-    max-width: 160px;
-  }
-}
-
-@media screen and (min-width: 0\0) {
-  .gem-c-chevron-banner__chevron {
-    max-width: 160px;
-  }
-}