Merge pull request #893 from alphagov/release-1.1.0

Release v1.1.0

CHANGELOG.md

@@ -14,6 +14,24 @@
 
 🆕 New features:
 
+- Pull Request Title goes here
+
+  Description goes here (optional)
+
+  ([PR #N](https://github.com/alphagov/govuk-frontend/pull/N))
+
+🔧 Fixes:
+
+- Pull Request Title goes here
+
+  Description goes here (optional)
+
+  ([PR #N](https://github.com/alphagov/govuk-frontend/pull/N))
+
+## 1.1.0 (feature release)
+
+🆕 New features:
+
 - Add `govuk-visually-hidden-focusable` class
 
   Adds `.govuk-visually-hidden-focusable` and deprecates `.govuk-visually-hidden-focussable` in order to fix the typo in the class name. Please consider updating your code as the next major release will remove the deprecated class.

dist/VERSION.txt

@@ -1 +1 @@
-1.0.0
+1.1.0

package/all.js

@@ -1677,8 +1677,10 @@ Tabs.prototype.getHref = function ($tab) {
 };
 
 function initAll () {
+  // Find all buttons with [role=button] on the document to enhance.
   new Button(document).init();
 
+  // Find all global details elements to enhance.
   var $details = document.querySelectorAll('details');
   nodeListForEach($details, function ($detail) {
     new Details($detail).init();
@@ -1689,7 +1691,7 @@ function initAll () {
     new Checkboxes($checkbox).init();
   });
 
-  // Find first Error Summary module to enhance.
+  // Find first error summary module to enhance.
   var $errorSummary = document.querySelector('[data-module="error-summary"]');
   new ErrorSummary($errorSummary).init();
 

package/components/back-link/README.md

@@ -6,25 +6,41 @@ Link back component, to go back a page.
 
 ## Guidance
 
-Find out when to use the Back link component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/back-link).
+Find out when to use the back link component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/back-link).
 
 ## Quick start examples
 
-### Component default
+### Back link
 
-[Preview the back-link component](http://govuk-frontend-review.herokuapp.com/components/back-link/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/back-link/preview)
 
 #### Markup
 
-    <a href="https://gov.uk" class="govuk-back-link">Back</a>
+    <a href="#" class="govuk-back-link">Back</a>
 
 #### Macro
 
-    {% from 'back-link/macro.njk' import govukBackLink %}
+    {% from "back-link/macro.njk" import govukBackLink %}
 
     {{ govukBackLink({
-      "href": "https://gov.uk",
-      "text": "Back"
+      "href": "#"
+    }) }}
+
+### Back link with custom text
+
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/back-link/with-custom-text/preview)
+
+#### Markup
+
+    <a href="#" class="govuk-back-link">Back to home</a>
+
+#### Macro
+
+    {% from "back-link/macro.njk" import govukBackLink %}
+
+    {{ govukBackLink({
+      "href": "#",
+      "text": "Back to home"
     }) }}
 
 ## Requirements

package/components/breadcrumbs/README.md

@@ -6,21 +6,21 @@ The Breadcrumbs component helps users to understand where they are within a webs
 
 ## Guidance
 
-Find out when to use the Breadcrumbs component in your service in the [GOV.UK Design System](https://govuk-design-system-production.cloudapps.digital/components/breadcrumbs).
+Find out when to use the breadcrumbs component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/breadcrumbs).
 
 ## Quick start examples
 
-### Component default
+### Breadcrumbs
 
-[Preview the breadcrumbs component](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/preview)
 
 #### Markup
 
     <div class="govuk-breadcrumbs">
       <ol class="govuk-breadcrumbs__list">
 
         <li class="govuk-breadcrumbs__list-item">
-          <a class="govuk-breadcrumbs__link" href="/section">Section 1</a>
+          <a class="govuk-breadcrumbs__link" href="/section">Section</a>
         </li>
 
         <li class="govuk-breadcrumbs__list-item">
@@ -32,12 +32,12 @@ Find out when to use the Breadcrumbs component in your service in the [GOV.UK De
 
 #### Macro
 
-    {% from 'breadcrumbs/macro.njk' import govukBreadcrumbs %}
+    {% from "breadcrumbs/macro.njk" import govukBreadcrumbs %}
 
     {{ govukBreadcrumbs({
       "items": [
         {
-          "text": "Section 1",
+          "text": "Section",
           "href": "/section"
         },
         {
@@ -47,38 +47,38 @@ Find out when to use the Breadcrumbs component in your service in the [GOV.UK De
       ]
     }) }}
 
-### Breadcrumbs--single-section
+### Breadcrumbs with one level
 
-[Preview the breadcrumbs--single-section example](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/single-section/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/with-one-level/preview)
 
 #### Markup
 
     <div class="govuk-breadcrumbs">
       <ol class="govuk-breadcrumbs__list">
 
         <li class="govuk-breadcrumbs__list-item">
-          <a class="govuk-breadcrumbs__link" href="/section">Section 1</a>
+          <a class="govuk-breadcrumbs__link" href="/section">Section</a>
         </li>
 
       </ol>
     </div>
 
 #### Macro
 
-    {% from 'breadcrumbs/macro.njk' import govukBreadcrumbs %}
+    {% from "breadcrumbs/macro.njk" import govukBreadcrumbs %}
 
     {{ govukBreadcrumbs({
       "items": [
         {
-          "text": "Section 1",
+          "text": "Section",
           "href": "/section"
         }
       ]
     }) }}
 
-### Breadcrumbs--many-breadcrumbs
+### Breadcrumbs with multiple levels
 
-[Preview the breadcrumbs--many-breadcrumbs example](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/many-breadcrumbs/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/with-multiple-levels/preview)
 
 #### Markup
 
@@ -90,23 +90,23 @@ Find out when to use the Breadcrumbs component in your service in the [GOV.UK De
         </li>
 
         <li class="govuk-breadcrumbs__list-item">
-          <a class="govuk-breadcrumbs__link" href="/section">Section 3</a>
+          <a class="govuk-breadcrumbs__link" href="/section">Section</a>
         </li>
 
         <li class="govuk-breadcrumbs__list-item">
-          <a class="govuk-breadcrumbs__link" href="/section/sub-section">Sub-section 1</a>
+          <a class="govuk-breadcrumbs__link" href="/section/sub-section">Sub-section</a>
         </li>
 
         <li class="govuk-breadcrumbs__list-item">
-          <a class="govuk-breadcrumbs__link" href="/section/sub-section/sub-sub-section">Sub Sub-section 1</a>
+          <a class="govuk-breadcrumbs__link" href="/section/sub-section/sub-sub-section">Sub Sub-section</a>
         </li>
 
       </ol>
     </div>
 
 #### Macro
 
-    {% from 'breadcrumbs/macro.njk' import govukBreadcrumbs %}
+    {% from "breadcrumbs/macro.njk" import govukBreadcrumbs %}
 
     {{ govukBreadcrumbs({
       "items": [
@@ -115,23 +115,23 @@ Find out when to use the Breadcrumbs component in your service in the [GOV.UK De
           "href": "/"
         },
         {
-          "text": "Section 3",
+          "text": "Section",
           "href": "/section"
         },
         {
-          "text": "Sub-section 1",
+          "text": "Sub-section",
           "href": "/section/sub-section"
         },
         {
-          "text": "Sub Sub-section 1",
+          "text": "Sub Sub-section",
           "href": "/section/sub-section/sub-sub-section"
         }
       ]
     }) }}
 
-### Breadcrumbs--no-home-section
+### Breadcrumbs without the home section
 
-[Preview the breadcrumbs--no-home-section example](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/no-home-section/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/without-the-home-section/preview)
 
 #### Markup
 
@@ -151,7 +151,7 @@ Find out when to use the Breadcrumbs component in your service in the [GOV.UK De
 
 #### Macro
 
-    {% from 'breadcrumbs/macro.njk' import govukBreadcrumbs %}
+    {% from "breadcrumbs/macro.njk" import govukBreadcrumbs %}
 
     {{ govukBreadcrumbs({
       "items": [
@@ -166,9 +166,9 @@ Find out when to use the Breadcrumbs component in your service in the [GOV.UK De
       ]
     }) }}
 
-### Breadcrumbs--last-breadcrumb-is-current-page
+### Breadcrumbs with last breadcrumb as current page
 
-[Preview the breadcrumbs--last-breadcrumb-is-current-page example](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/last-breadcrumb-is-current-page/preview)
+[Preview this example in the Frontend review app](http://govuk-frontend-review.herokuapp.com/components/breadcrumbs/with-last-breadcrumb-as-current-page/preview)
 
 #### Markup
 
@@ -190,7 +190,7 @@ Find out when to use the Breadcrumbs component in your service in the [GOV.UK De
 
 #### Macro
 
-    {% from 'breadcrumbs/macro.njk' import govukBreadcrumbs %}
+    {% from "breadcrumbs/macro.njk" import govukBreadcrumbs %}
 
     {{ govukBreadcrumbs({
       "items": [