govuk_publishing_components 16.3.0 → 16.4.0

data/node_modules/govuk-frontend/components/skip-link/_skip-link.scss

@@ -11,5 +11,16 @@
 
     display: block;
     padding: govuk-spacing(2) govuk-spacing(3);
+
+    // Respect 'display cutout' safe area (avoids notches and rounded corners)
+    @supports (padding: unquote("max(calc(0px))")) {
+      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
+      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
+
+      // Use max() to pick largest padding, default or with safe area
+      // Escaped due to Sass max() vs. CSS native max()
+      padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
+      padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
+    }
   }
 }

data/node_modules/govuk-frontend/components/summary-list/_summary-list.scss

@@ -10,6 +10,7 @@
     @include govuk-media-query($from: tablet) {
       display: table;
       width: 100%;
+      table-layout: fixed; // Required to allow us to wrap words that overflow.
     }
     margin: 0; // Reset default user agent styles
     @include govuk-responsive-margin(6, "bottom");
@@ -49,6 +50,7 @@
   .govuk-summary-list__actions {
     margin-bottom: govuk-spacing(3);
     @include govuk-media-query($from: tablet) {
+      width: 20%;
       padding-right: 0;
       text-align: right;
     }
@@ -56,10 +58,9 @@
 
   .govuk-summary-list__key,
   .govuk-summary-list__value {
-    // sass-lint:disable no-duplicate-properties
     // Automatic wrapping for unbreakable text (e.g. URLs)
-    word-break: break-word; // WebKit/Blink only
-    word-break: break-all; // Standards
+    word-wrap: break-word; // Fallback for older browsers only
+    overflow-wrap: break-word;
   }
 
   .govuk-summary-list__key {
@@ -74,6 +75,9 @@
     @include govuk-media-query($until: tablet) {
       margin-bottom: govuk-spacing(3);
     }
+    @include govuk-media-query($from: tablet) {
+      width: 50%;
+    }
   }
 
   .govuk-summary-list__value > p {

data/node_modules/govuk-frontend/components/tabs/macro-options.json

@@ -11,6 +11,12 @@
         "required": false,
         "description": "String to prefix id for each tab item if no id is specified on each item"
     },
+    {
+        "name": "title",
+        "type": "string",
+        "required": false,
+        "description": "Title for the tabs table of contents"
+    },
     {
         "name": "items",
         "type": "array",
@@ -30,16 +36,36 @@
                 "description": "The text label of a tab item."
             },
             {
-                "name": "panel.text",
-                "type": "string",
-                "required": true,
-                "description": "If `html` is set, this is not required. Text to use within each tab panel. If `html` is provided, the `text` argument will be ignored."
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the tab."
             },
             {
-                "name": "panel.html",
-                "type": "string",
+                "name": "panel",
+                "description": "Content for the panel",
+                "type": "object",
                 "required": true,
-                "description": "If `text` is set, this is not required. HTML to use within the each tab panel. If `html` is provided, the `text` argument will be ignored."
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each tab panel. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within the each tab panel. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the tab panel."
+                    }
+                ]
             }
         ]
     },

data/node_modules/govuk-frontend/components/textarea/macro-options.json

@@ -5,12 +5,6 @@
         "required": true,
         "description": "The id of the textarea."
     },
-    {
-        "name": "describedBy",
-        "type": "string",
-        "required": false,
-        "description": "Text or element id to add to the `aria-describedby` attribute to provide description for screenreader users."
-    },
     {
         "name": "name",
         "type": "string",
@@ -60,7 +54,7 @@
                 "name": "classes",
                 "type": "string",
                 "required": false,
-                "description": "Optional classes to add to the form group (e.g. to show error state for the whole group)"
+                "description": "Classes to add to the form group (e.g. to show error state for the whole group)"
             }
         ]
     },

data/node_modules/govuk-frontend/components/textarea/template.njk

@@ -33,7 +33,8 @@
     classes: params.errorMessage.classes,
     attributes: params.errorMessage.attributes,
     html: params.errorMessage.html,
-    text: params.errorMessage.text
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
   }) | indent(2) | trim }}
 {% endif %}
   <textarea class="govuk-textarea {{- ' govuk-textarea--error' if params.errorMessage }} {{- ' ' + params.classes if params.classes}}" id="{{ params.id }}" name="{{ params.name }}" rows="{%if params.rows %} {{- params.rows -}} {% else %}5{%endif %}"

data/node_modules/govuk-frontend/core/_global-styles.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @import "links";
 @import "typography";
 

data/node_modules/govuk-frontend/core/_links.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @include govuk-exports("govuk/core/links") {
 
   %govuk-link {

data/node_modules/govuk-frontend/core/_lists.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @include govuk-exports("govuk/core/lists") {
 
   %govuk-list {

data/node_modules/govuk-frontend/core/_section-break.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @include govuk-exports("govuk/core/section-break") {
 
   %govuk-section-break {

data/node_modules/govuk-frontend/core/_template.scss

@@ -1,4 +1,6 @@
 @import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
 
 @include govuk-exports("govuk/core/template") {
 
@@ -14,6 +16,12 @@
        -moz-text-size-adjust: 100%;
         -ms-text-size-adjust: 100%;
             text-size-adjust: 100%;
+
+    // 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) {
+      overflow-y: scroll;
+    }
   }
 
   // Applied to the <body> element

data/node_modules/govuk-frontend/core/_typography.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @include govuk-exports("govuk/core/typography") {
 
   // Headings

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

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @include govuk-exports("govuk/objects/form-group") {
 
   .govuk-form-group {

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

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @include govuk-exports("govuk/objects/grid") {
 
   .govuk-grid-row {

data/node_modules/govuk-frontend/objects/_main-wrapper.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 // Example usage with Breadcrumbs, phase banners, back links:
 // <div class="govuk-width-container">
 //   <!-- Breadcrumbs, phase banners, back links are placed in here. -->

data/node_modules/govuk-frontend/objects/_width-container.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @mixin govuk-width-container {
   // Limit the width of the container to the page width
   max-width: $govuk-page-width;
@@ -5,15 +9,43 @@
   // On mobile, add half width gutters
   margin: 0 $govuk-gutter-half;
 
+  // Respect 'display cutout' safe area (avoids notches and rounded corners)
+  @supports (margin: unquote("max(calc(0px))")) {
+    $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));
+    $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));
+
+    // Use max() to pick largest margin, default or with safe area
+    // Escaped due to Sass max() vs. CSS native max()
+    margin-right: unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-right})");
+    margin-left: unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-left})");
+  }
+
   // On tablet, add full width gutters
   @include govuk-media-query($from: tablet) {
     margin: 0 $govuk-gutter;
+
+    // Respect 'display cutout' safe area (avoids notches and rounded corners)
+    @supports (margin: unquote("max(calc(0px))")) {
+      $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));
+      $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));
+
+      // Use max() to pick largest margin, default or with safe area
+      // Escaped due to Sass max() vs. CSS native max()
+      margin-right: unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-right})");
+      margin-left: unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-left})");
+    }
   }
 
   // As soon as the viewport is greater than the width of the page plus the
   // gutters, just centre the content instead of adding gutters.
   @include govuk-media-query($and: "(min-width: #{($govuk-page-width + $govuk-gutter * 2)})") {
     margin: 0 auto;
+
+    // Since a safe area may have previously been set above,
+    // we need to duplicate this margin that centers the page.
+    @supports (margin: unquote("max(calc(0px))")) {
+      margin: 0 auto;
+    }
   }
 
   @include govuk-if-ie8 {

data/node_modules/govuk-frontend/overrides/_display.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @include govuk-exports("govuk/overrides/display") {
 
   .govuk-\!-display-inline {

data/node_modules/govuk-frontend/overrides/_spacing.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 ////
 /// @group overrides
 ////

data/node_modules/govuk-frontend/overrides/_typography.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @include govuk-exports("govuk/overrides/typography") {
   // Font size and line height
 

data/node_modules/govuk-frontend/overrides/_width.scss

@@ -1,3 +1,7 @@
+@import "../settings/all";
+@import "../tools/all";
+@import "../helpers/all";
+
 @include govuk-exports("govuk/overrides/width") {
   .govuk-\!-width-full {
     width: 100% !important;

data/node_modules/govuk-frontend/package.json

@@ -15,19 +15,19 @@
   ],
   "_from": "govuk-frontend@>=2.5.1 <3.0.0",
   "_hasShrinkwrap": false,
-  "_id": "govuk-frontend@2.7.0",
+  "_id": "govuk-frontend@2.8.0",
   "_inCache": true,
   "_location": "/govuk-frontend",
-  "_nodeVersion": "8.9.4",
+  "_nodeVersion": "10.15.1",
   "_npmOperationalInternal": {
     "host": "s3://npm-registry-packages",
-    "tmp": "tmp/govuk-frontend_2.7.0_1549642536744_0.35250151507621896"
+    "tmp": "tmp/govuk-frontend_2.8.0_1551804821074_0.023110877769064953"
   },
   "_npmUser": {
     "name": "govuk-patterns-and-tools",
     "email": "design-system-pipeline@digital.cabinet-office.gov.uk"
   },
-  "_npmVersion": "5.6.0",
+  "_npmVersion": "6.4.1",
   "_phantomChildren": {},
   "_requested": {
     "raw": "govuk-frontend@^2.5.1",
@@ -41,8 +41,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.7.0.tgz",
-  "_shasum": "6a12baf514426653220dd3cdef55b1e1d97f52a6",
+  "_resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.8.0.tgz",
+  "_shasum": "e4cecf7365ca38d65ed514867d11ff3a35b1c361",
   "_shrinkwrap": null,
   "_spec": "govuk-frontend@^2.5.1",
   "_where": "/var/lib/jenkins/workspace/ublishing_components_master-N4FWJIUY4CIFHKGZOAAEVVXODRY3YBORQOPIBBXWX72VUPSGJRRQ",
@@ -59,12 +59,12 @@
   "devDependencies": {},
   "directories": {},
   "dist": {
-    "integrity": "sha512-IZvho72ExUAOmMOZHbE7s//HdtpSoO1aLn3fcXTnuIUi20UTsz6j+5i1Ztyqr4KUEb8OB/jNMYt4kuYyJnEMRQ==",
-    "shasum": "6a12baf514426653220dd3cdef55b1e1d97f52a6",
-    "tarball": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.7.0.tgz",
+    "integrity": "sha512-yGjvE9HlIRUb5IxpF19h+IMIX8ATlCsyXLIY/KTvCRnHMMOd0RNlTtHyhD7YMP3k1yP+mqlyoQYcNH9XC8Qwqw==",
+    "shasum": "e4cecf7365ca38d65ed514867d11ff3a35b1c361",
+    "tarball": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-2.8.0.tgz",
     "fileCount": 257,
-    "unpackedSize": 1344357,
-    "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcXaspCRA9TVsSAnZWagAAGswP/0VVAW+w1NPRCdX5CUko\nce0A4cwcWSW8zRdhF5hzloEv+MF8plnXcvKKbuY3iCjEr78jMMSUvTbA6o7w\nIdOF2NwZuQTV6lvr4y5FRlVsE/hdn9bMOb3z5jggIEjlaCFZHF1rq6qvrwIs\nlN6nUSbme3Q+OW9cJKqAM3/7Z8nAdG5sidRXBObbQ/a4tnfXp4BKIJyRhqln\njp7wCadA4V03AJyPsvXju2EOBnHooAtivS2cLlz0nZh4Sar040JSSLSYd07l\nEcS+Bl88UBIi1Q30CUv2Qnz8UyKZI22D4GHxoxby1PkWENszxTXzfn8eRjr/\nADKTV84tL1mlNPnqbqc6mu93mxdr5kllcfzZ4u5xFKXYs568+r1cBaw77i1h\nCJul2kJ3ycpDQ2JqdE2Ngzhm2FmQo2rSewbdFJuMVB9Toet64QhB87hbiFoU\ngyV/KT5RHTdD8hh9Bck/KwuKezaY9k3AjzfyLjQgkCLX2MAx1M3FVUWbRjqo\nGuWStU/o2LuEdbkl3HloLf0r/gDjw86TSgYFa5tgWOiD1nGL6JZ9Mw1IuqVf\n5tN0uj9p0zel/ecaRBIL94K+WXyzii0wWPtLxTELyG507OQ4Gd21uUZnw+Zq\nVUlMmrGy81TIMPwkrVTLTlpVe9sZBN2McscEqbEsag9LbaxPn+HeMr3xdIVe\nVKbh\r\n=GlSb\r\n-----END PGP SIGNATURE-----\r\n"
+    "unpackedSize": 1352784,
+    "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfqmVCRA9TVsSAnZWagAAmGIP/13WDZ1CZm1/UnTzjbo1\n/Dv5Gk5jfRHgUR7FLfkLq6+Rvan1Q6AzkJGvbQYJFBVGI+dhxfMRg2mn6E1V\nilSfJjYVVIot6E4H0A9SZvo6VjHaIascLMZ/pJAG/amg+1tZV9peNfyENUag\n/4OGP/zXRM9QcJ+wr/EQeiNOWUXeJ2vZWCIzigLa3sbPVAWN7AUhxr3PH9K3\nd7tAiQRzJY/yApdPmrbYefQixeWIupV+I1AJVcCfiatxxEVloX2Tvrl6/pdu\nU8GeBTaTgMwHrsQP/5R6Z7lartZOosAHj82ZqQVr0E07sRDOdE7XEIdAfHq8\nyfGL+dYYP8b/1hcdZq3xu35dasSiBl2O8AYKNkW1kcEVN0cQTwxC6yEL0p2V\nrjp8/uirbutdM5nUEQnPhERKEShtyI9Mw+ShpJFJdO6tnzgtyc3RGkWjSMxu\nXUp792p0iuAnob6pcgtSDVosrRmRTLnSZoUr+NilGX0CEreG5onCpbzdnHwD\noZ6Xufu6R7euT9QklyujEX0P2WI9Ggv6noG8vZqASqekqCfgyAqNu3I4+/TC\nM9kzOAihsliYnXliaeHmzNjoFO3mKxtKZeHMRLbOQaCQX35niSqAtKGjv6su\nHhJj891klk1VTxgixgmr+4X84Z52euicJwvnDbyWGaDY/pkmABvM1q42S6rF\nHsV2\r\n=Zp12\r\n-----END PGP SIGNATURE-----\r\n"
   },
   "engines": {
     "node": ">= 4.2.0"
@@ -92,5 +92,5 @@
     "url": "git+https://github.com/alphagov/govuk-frontend.git"
   },
   "sass": "all.scss",
-  "version": "2.7.0"
+  "version": "2.8.0"
 }

data/node_modules/govuk-frontend/template.njk

@@ -8,7 +8,7 @@
   <head>
     <meta charset="utf-8" />
     <title>{% block pageTitle %}GOV.UK - The best place to find government services and information{% endblock %}</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <meta name="theme-color" content="{{ themeColor | default('#0b0c0c') }}" /> {# Hardcoded value of $govuk-black #}
     {# Ensure that older IE versions always render with the correct rendering engine #}
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 16.3.0
+  version: 16.4.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-02-28 00:00:00.000000000 Z
+date: 2019-03-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govspeak
@@ -318,6 +318,7 @@ files:
 - 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/initial-focus.js
+- app/assets/javascripts/govuk_publishing_components/components/modal-dialogue.js
 - app/assets/javascripts/govuk_publishing_components/components/radio.js
 - app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js
 - app/assets/javascripts/govuk_publishing_components/dependencies.js
@@ -366,6 +367,7 @@ files:
 - 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/_metadata.scss
+- app/assets/stylesheets/govuk_publishing_components/components/_modal-dialogue.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_notice.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_panel.scss
@@ -485,6 +487,7 @@ files:
 - app/views/govuk_publishing_components/components/_machine_readable_metadata.html.erb
 - app/views/govuk_publishing_components/components/_meta_tags.html.erb
 - app/views/govuk_publishing_components/components/_metadata.html.erb
+- app/views/govuk_publishing_components/components/_modal_dialogue.html.erb
 - app/views/govuk_publishing_components/components/_notice.html.erb
 - app/views/govuk_publishing_components/components/_organisation_logo.html.erb
 - app/views/govuk_publishing_components/components/_panel.html.erb
@@ -548,6 +551,7 @@ files:
 - app/views/govuk_publishing_components/components/docs/machine_readable_metadata.yml
 - app/views/govuk_publishing_components/components/docs/meta_tags.yml
 - app/views/govuk_publishing_components/components/docs/metadata.yml
+- app/views/govuk_publishing_components/components/docs/modal_dialogue.yml
 - app/views/govuk_publishing_components/components/docs/notice.yml
 - app/views/govuk_publishing_components/components/docs/organisation_logo.yml
 - app/views/govuk_publishing_components/components/docs/panel.yml