Release v3.6.0

[36degrees]

New features

Use colours with the tag component

You can now use colour with tags to help distinguish between different tags - or to help draw the user’s attention to a tag if it’s especially important.

This also means you should replace the .govuk-tag--inactive class with the .govuk-tag--grey class. .govuk-tag--inactive is now deprecated, and it will be removed in a future release.

Pull request #1711: Additional Tag modifier classes for different colours.

Hide elements when users print a page

You can now hide elements when users print a page, using the new govuk-!-display-none-print class.

Pull request #1723: Add display override for hiding content when printing.

The iff Sass function is now deprecated

You should no longer use the iff Sass function. The function is now deprecated, and it will be removed in a future release.

Pull request #1742: Deprecate iff function.

Fixes

• Pull request #1724: Fix fallback logo being detected by Google Chrome's image description feature.
• Pull request #1745: Update vendor polyfills to match upstream.
• Pull request #1746: Use generic div element for tabspanel.

Closes #1755

[36degrees]

Changes to dist:

diff --git a/dist/VERSION.txt b/dist/VERSION.txt
index ae1ac7cc..4808b3d8 100644
--- a/dist/VERSION.txt
+++ b/dist/VERSION.txt
@@ -1 +1 @@
-3.5.0
+3.6.0
diff --git a/dist/govuk-frontend-3.5.0.min.css b/dist/govuk-frontend-3.6.0.min.css
similarity index 64%
rename from dist/govuk-frontend-3.5.0.min.css
rename to dist/govuk-frontend-3.6.0.min.css
index 9c526ac3..5ff042a5 100644
--- a/dist/govuk-frontend-3.5.0.min.css
+++ b/dist/govuk-frontend-3.6.0.min.css
@@ -3906,6 +3906,51 @@ only screen and (min-resolution:192dpi) {
     background-color: #626a6e
 }
 
+.govuk-tag--grey {
+    color: #454a4d;
+    background: #eff0f1
+}
+
+.govuk-tag--purple {
+    color: #3d2375;
+    background: #dbd5e9
+}
+
+.govuk-tag--turquoise {
+    color: #10403c;
+    background: #bfe3e0
+}
+
+.govuk-tag--blue {
+    color: #144e81;
+    background: #d2e2f1
+}
+
+.govuk-tag--yellow {
+    color: #594d00;
+    background: #fff7bf
+}
+
+.govuk-tag--orange {
+    color: #6e3619;
+    background: #fcd6c3
+}
+
+.govuk-tag--red {
+    color: #942514;
+    background: #f6d7d2
+}
+
+.govuk-tag--pink {
+    color: #80224d;
+    background: #f7d7e6
+}
+
+.govuk-tag--green {
+    color: #005a30;
+    background: #cce2d8
+}
+
 .govuk-phase-banner {
     padding-top: 10px;
     padding-bottom: 10px;
@@ -4917,6 +4962,12 @@ only screen and (min-resolution:192dpi) {
     display: none !important
 }
 
+@media print {
+    .govuk-\!-display-none-print {
+        display: none !important
+    }
+}
+
 .govuk-\!-margin-0 {
     margin: 0 !important
 }
diff --git a/dist/govuk-frontend-3.5.0.min.js b/dist/govuk-frontend-3.6.0.min.js
similarity index 81%
rename from dist/govuk-frontend-3.5.0.min.js
rename to dist/govuk-frontend-3.6.0.min.js
index 3e39c536..6b658f0b 100644
--- a/dist/govuk-frontend-3.5.0.min.js
+++ b/dist/govuk-frontend-3.6.0.min.js
@@ -643,7 +643,7 @@
             }.bind(this))
         },
         function(t) {
-            "Element" in this && "nextElementSibling" in document.documentElement || Object.defineProperty(Element.prototype, "nextElementSibling", {
+            "document" in this && "nextElementSibling" in document.documentElement || Object.defineProperty(Element.prototype, "nextElementSibling", {
                 get: function() {
                     for (var t = this.nextSibling; t && 1 !== t.nodeType;) t = t.nextSibling;
                     return t
@@ -651,7 +651,7 @@
             })
         }.call("object" == typeof window && window || "object" == typeof self && self || "object" == typeof global && global || {}),
         function(t) {
-            "Element" in this && "previousElementSibling" in document.documentElement || Object.defineProperty(Element.prototype, "previousElementSibling", {
+            "document" in this && "previousElementSibling" in document.documentElement || Object.defineProperty(Element.prototype, "previousElementSibling", {
                 get: function() {
                     for (var t = this.previousSibling; t && 1 !== t.nodeType;) t = t.previousSibling;
                     return t
diff --git a/dist/govuk-frontend-ie8-3.5.0.min.css b/dist/govuk-frontend-ie8-3.6.0.min.css
similarity index 66%
rename from dist/govuk-frontend-ie8-3.5.0.min.css
rename to dist/govuk-frontend-ie8-3.6.0.min.css
index 98c3f748..94e8f375 100644
--- a/dist/govuk-frontend-ie8-3.5.0.min.css
+++ b/dist/govuk-frontend-ie8-3.6.0.min.css
@@ -2383,6 +2383,51 @@
     background-color: #626a6e
 }
 
+.govuk-tag--grey {
+    color: #454a4d;
+    background: #eff0f1
+}
+
+.govuk-tag--purple {
+    color: #3d2375;
+    background: #dbd5e9
+}
+
+.govuk-tag--turquoise {
+    color: #10403c;
+    background: #bfe3e0
+}
+
+.govuk-tag--blue {
+    color: #144e81;
+    background: #d2e2f1
+}
+
+.govuk-tag--yellow {
+    color: #594d00;
+    background: #fff7bf
+}
+
+.govuk-tag--orange {
+    color: #6e3619;
+    background: #fcd6c3
+}
+
+.govuk-tag--red {
+    color: #942514;
+    background: #f6d7d2
+}
+
+.govuk-tag--pink {
+    color: #80224d;
+    background: #f7d7e6
+}
+
+.govuk-tag--green {
+    color: #005a30;
+    background: #cce2d8
+}
+
 .govuk-phase-banner {
     padding-top: 10px;
     padding-bottom: 10px;

[36degrees]

Thanks for the review @alex-ju 👍