Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Release v3.11.0 #2142

Merged
merged 1 commit into from
Feb 8, 2021
Merged

Release v3.11.0 #2142

merged 1 commit into from
Feb 8, 2021

Conversation

hannalaakso
Copy link
Member

New features

Allow users to accept or reject cookies with a cookie banner

You can now use cookie banners to allow users to accept or reject cookies which are not essential for making your service work.

This was added in pull request #2131: Add cookie banner component and button groups

Group buttons and links

You can now use a button group when you place two or more buttons together.

Any links you include within a button group now line up visually with the buttons.

Read more about button groups on the Design System’s button page.

This was added in pull request #2114: Add button groups for use in cookie banner.

Change the style of table captions

You can now make table captions larger or smaller by applying the govuk-table__caption--xl, govuk-table__caption--l, govuk-table__caption--m or govuk-table__caption--s classes.

This was added in pull request #2048: Add modifiers for table captions.

Fixes

We’ve made fixes to GOV.UK Frontend in the following pull requests:

Fixes #2115

@hannalaakso hannalaakso added this to the v3.11.0 milestone Feb 8, 2021
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2142 February 8, 2021 15:10 Inactive
@github-actions
Copy link

github-actions bot commented Feb 8, 2021

Changes to dist

diff --git a/dist/VERSION.txt b/dist/VERSION.txt
index e1bd22bf..f34c3458 100644
--- a/dist/VERSION.txt
+++ b/dist/VERSION.txt
@@ -1 +1 @@
-3.10.2
+3.11.0
diff --git a/dist/govuk-frontend-3.10.2.min.css b/dist/govuk-frontend-3.11.0.min.css
similarity index 13%
rename from dist/govuk-frontend-3.10.2.min.css
rename to dist/govuk-frontend-3.11.0.min.css
index a8dd6eb2..520f33ab 100644
--- a/dist/govuk-frontend-3.10.2.min.css
+++ b/dist/govuk-frontend-3.11.0.min.css
@@ -763,6 +763,90 @@
     border-bottom: 1px solid #b1b4b6
 }
 
+.govuk-button-group {
+    margin-bottom: 5px;
+    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
+}
+
+@media (min-width:40.0625em) {
+    .govuk-button-group {
+        margin-bottom: 15px
+    }
+}
+
+.govuk-button-group .govuk-link {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 400;
+    font-size: 16px;
+    font-size: 1rem;
+    line-height: 1.1875;
+    display: inline-block;
+    max-width: 100%;
+    margin-top: 5px;
+    margin-bottom: 20px;
+    text-align: center
+}
+
+@media print {
+    .govuk-button-group .govuk-link {
+        font-family: sans-serif
+    }
+}
+
+@media (min-width:40.0625em) {
+    .govuk-button-group .govuk-link {
+        font-size: 19px;
+        font-size: 1.1875rem;
+        line-height: 1
+    }
+}
+
+@media print {
+    .govuk-button-group .govuk-link {
+        font-size: 14pt;
+        line-height: 19px
+    }
+}
+
+.govuk-button-group .govuk-button {
+    margin-bottom: 17px
+}
+
+@media (min-width:40.0625em) {
+    .govuk-button-group {
+        margin-right: -15px;
+        -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-group .govuk-button,
+    .govuk-button-group .govuk-link {
+        margin-right: 15px
+    }
+
+    .govuk-button-group .govuk-link {
+        text-align: left
+    }
+}
+
 .govuk-form-group {
     margin-bottom: 20px
 }
@@ -1569,8 +1653,7 @@
     display: inline-block;
     position: relative;
     width: 100%;
-    margin-top: 0;
-    margin-bottom: 22px;
+    margin: 0 0 22px;
     padding: 8px 10px 7px;
     border: 2px solid rgba(0, 0, 0, 0);
     border-radius: 0;
@@ -2500,14 +2583,84 @@
 }
 
 .govuk-character-count__message {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-feature-settings: "tnum"1;
+    font-feature-settings: "tnum"1;
+    font-weight: 400;
     margin-top: 0;
     margin-bottom: 0
 }
 
+@media print {
+    .govuk-character-count__message {
+        font-family: sans-serif
+    }
+}
+
+@supports (font-variant-numeric:tabular-nums) {
+    .govuk-character-count__message {
+        -webkit-font-feature-settings: normal;
+        font-feature-settings: normal;
+        font-variant-numeric: tabular-nums
+    }
+}
+
 .govuk-character-count__message--disabled {
     visibility: hidden
 }
 
+.govuk-cookie-banner {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 400;
+    font-size: 16px;
+    font-size: 1rem;
+    line-height: 1.25;
+    padding-top: 20px;
+    border-bottom: 10px solid rgba(0, 0, 0, 0);
+    background-color: #f3f2f1
+}
+
+@media print {
+    .govuk-cookie-banner {
+        font-family: sans-serif
+    }
+}
+
+@media (min-width:40.0625em) {
+    .govuk-cookie-banner {
+        font-size: 19px;
+        font-size: 1.1875rem;
+        line-height: 1.31579
+    }
+}
+
+@media print {
+    .govuk-cookie-banner {
+        font-size: 14pt;
+        line-height: 1.15
+    }
+}
+
+.govuk-cookie-banner[hidden] {
+    display: none
+}
+
+.govuk-cookie-banner__message {
+    margin-bottom: -10px
+}
+
+.govuk-cookie-banner__message[hidden] {
+    display: none
+}
+
+.govuk-cookie-banner__message:focus {
+    outline: none
+}
+
 .govuk-summary-list {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
@@ -5208,6 +5361,133 @@ only screen and (min-resolution:192dpi) {
     text-align: left
 }
 
+.govuk-table__caption--xl {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 700;
+    font-size: 32px;
+    font-size: 2rem;
+    line-height: 1.09375;
+    margin-bottom: 15px
+}
+
+@media print {
+    .govuk-table__caption--xl {
+        font-family: sans-serif
+    }
+}
+
+@media (min-width:40.0625em) {
+    .govuk-table__caption--xl {
+        font-size: 48px;
+        font-size: 3rem;
+        line-height: 1.04167
+    }
+}
+
+@media print {
+    .govuk-table__caption--xl {
+        font-size: 32pt;
+        line-height: 1.15
+    }
+}
+
+.govuk-table__caption--l {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 700;
+    font-size: 24px;
+    font-size: 1.5rem;
+    line-height: 1.04167;
+    margin-bottom: 15px
+}
+
+@media print {
+    .govuk-table__caption--l {
+        font-family: sans-serif
+    }
+}
+
+@media (min-width:40.0625em) {
+    .govuk-table__caption--l {
+        font-size: 36px;
+        font-size: 2.25rem;
+        line-height: 1.11111
+    }
+}
+
+@media print {
+    .govuk-table__caption--l {
+        font-size: 24pt;
+        line-height: 1.05
+    }
+}
+
+.govuk-table__caption--m {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 700;
+    font-size: 18px;
+    font-size: 1.125rem;
+    line-height: 1.11111;
+    margin-bottom: 15px
+}
+
+@media print {
+    .govuk-table__caption--m {
+        font-family: sans-serif
+    }
+}
+
+@media (min-width:40.0625em) {
+    .govuk-table__caption--m {
+        font-size: 24px;
+        font-size: 1.5rem;
+        line-height: 1.25
+    }
+}
+
+@media print {
+    .govuk-table__caption--m {
+        font-size: 18pt;
+        line-height: 1.15
+    }
+}
+
+.govuk-table__caption--s {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 700;
+    font-size: 16px;
+    font-size: 1rem;
+    line-height: 1.25
+}
+
+@media print {
+    .govuk-table__caption--s {
+        font-family: sans-serif
+    }
+}
+
+@media (min-width:40.0625em) {
+    .govuk-table__caption--s {
+        font-size: 19px;
+        font-size: 1.1875rem;
+        line-height: 1.31579
+    }
+}
+
+@media print {
+    .govuk-table__caption--s {
+        font-size: 14pt;
+        line-height: 1.15
+    }
+}
+
 .govuk-warning-text {
     position: relative;
     margin-bottom: 20px;
diff --git a/dist/govuk-frontend-3.10.2.min.js b/dist/govuk-frontend-3.11.0.min.js
similarity index 53%
rename from dist/govuk-frontend-3.10.2.min.js
rename to dist/govuk-frontend-3.11.0.min.js
index eaee832a..aab55b51 100644
--- a/dist/govuk-frontend-3.10.2.min.js
+++ b/dist/govuk-frontend-3.11.0.min.js
@@ -448,7 +448,7 @@
     }
 
     function s(t) {
-        this.$module = t, this.$textarea = t.querySelector(".govuk-js-character-count"), this.$textarea && (this.$countMessage = t.querySelector("[id=" + this.$textarea.id + "-info]"))
+        this.$module = t, this.$textarea = t.querySelector(".govuk-js-character-count"), this.$textarea && (this.$countMessage = t.querySelector('[id="' + this.$textarea.id + '-info"]'))
     }
 
     function a(t) {
diff --git a/dist/govuk-frontend-ie8-3.10.2.min.css b/dist/govuk-frontend-ie8-3.11.0.min.css
similarity index 11%
rename from dist/govuk-frontend-ie8-3.10.2.min.css
rename to dist/govuk-frontend-ie8-3.11.0.min.css
index 98cd836a..462455dc 100644
--- a/dist/govuk-frontend-ie8-3.10.2.min.css
+++ b/dist/govuk-frontend-ie8-3.11.0.min.css
@@ -334,6 +334,59 @@
     border-bottom: 1px solid #b1b4b6
 }
 
+.govuk-button-group {
+    margin-bottom: 15px;
+    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;
+    margin-right: -15px;
+    -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-group .govuk-link {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 400;
+    font-size: 16px;
+    font-size: 1rem;
+    line-height: 1.1875;
+    font-size: 19px;
+    font-size: 1.1875rem;
+    line-height: 1;
+    display: inline-block;
+    max-width: 100%;
+    margin-top: 5px;
+    margin-bottom: 20px;
+    text-align: center
+}
+
+.govuk-button-group .govuk-button {
+    margin-bottom: 17px
+}
+
+.govuk-button-group .govuk-button,
+.govuk-button-group .govuk-link {
+    margin-right: 15px
+}
+
+.govuk-button-group .govuk-link {
+    text-align: left
+}
+
 .govuk-form-group {
     margin-bottom: 30px
 }
@@ -869,8 +922,7 @@
     display: inline-block;
     position: relative;
     width: 100%;
-    margin-top: 0;
-    margin-bottom: 32px;
+    margin: 0 0 32px;
     padding: 8px 10px 7px;
     border-radius: 0;
     color: #fff;
@@ -1466,14 +1518,60 @@
 }
 
 .govuk-character-count__message {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-feature-settings: "tnum"1;
+    font-feature-settings: "tnum"1;
+    font-weight: 400;
     margin-top: 0;
     margin-bottom: 0
 }
 
+@supports (font-variant-numeric:tabular-nums) {
+    .govuk-character-count__message {
+        -webkit-font-feature-settings: normal;
+        font-feature-settings: normal;
+        font-variant-numeric: tabular-nums
+    }
+}
+
 .govuk-character-count__message--disabled {
     visibility: hidden
 }
 
+.govuk-cookie-banner {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 400;
+    font-size: 16px;
+    font-size: 1rem;
+    line-height: 1.25;
+    font-size: 19px;
+    font-size: 1.1875rem;
+    line-height: 1.31579;
+    padding-top: 20px;
+    border-bottom: 10px solid transparent;
+    background-color: #f3f2f1
+}
+
+.govuk-cookie-banner[hidden] {
+    display: none
+}
+
+.govuk-cookie-banner__message {
+    margin-bottom: -10px
+}
+
+.govuk-cookie-banner__message[hidden] {
+    display: none
+}
+
+.govuk-cookie-banner__message:focus {
+    outline: none
+}
+
 .govuk-summary-list {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
@@ -3192,6 +3290,58 @@
     text-align: left
 }
 
+.govuk-table__caption--xl {
+    font-size: 32px;
+    font-size: 2rem;
+    line-height: 1.09375;
+    font-size: 48px;
+    font-size: 3rem
+}
+
+.govuk-table__caption--l,
+.govuk-table__caption--xl {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 700;
+    line-height: 1.04167;
+    margin-bottom: 15px
+}
+
+.govuk-table__caption--l {
+    font-size: 24px;
+    font-size: 1.5rem;
+    font-size: 36px;
+    font-size: 2.25rem;
+    line-height: 1.11111
+}
+
+.govuk-table__caption--m {
+    font-size: 18px;
+    font-size: 1.125rem;
+    line-height: 1.11111;
+    font-size: 24px;
+    font-size: 1.5rem;
+    margin-bottom: 15px
+}
+
+.govuk-table__caption--m,
+.govuk-table__caption--s {
+    font-family: GDS Transport, arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 700;
+    line-height: 1.25
+}
+
+.govuk-table__caption--s {
+    font-size: 16px;
+    font-size: 1rem;
+    font-size: 19px;
+    font-size: 1.1875rem;
+    line-height: 1.31579
+}
+
 .govuk-warning-text {
     position: relative;
     margin-bottom: 30px;

Copy link
Contributor

@36degrees 36degrees left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Release v3.11.0 🚀
3 participants