govuk_elements_rails 1.2.2 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cd8c79259e1c7ee29b10c14bfe6fdcb5d2966a12
-  data.tar.gz: e31f1dcde0ed98057ac2948ed8c510277d7dd7c4
+  metadata.gz: ff0b5d69ff3f0dc99c8a0634520709386b4c708c
+  data.tar.gz: 2e97f6f64df81c1c8e86116161f40ca858162022
 SHA512:
-  metadata.gz: 56d11574e00d9fb79743b63cdb527436413ff61cb8c6881d48a002cce65fa970c3fe2e0fd18443f2a5105100fa2e4c760c1e44d92bf1c19ce5b2d2cea63b4c02
-  data.tar.gz: b968adccb4dc107375b4c6fccae9a31fd044db786f08bc3f30486c84960b1d6eef7777a744009b2e2ccd9757b951724361bbb8b438c3d639262aea7219111838
+  metadata.gz: 8ab3a4e9f00e32ce1b905ed1303ff72e987d8d857c46e7d16b341462c7a30908c42b2d83bba94a5bf92e81ce4b6601ca0c1b82d5821d2c60a174cd1122643a32
+  data.tar.gz: ed00c112b3ae7273d6c8ed6eb8ceb4b459aa2f454942e79c9924008c38610393b3c0422d1745761d85af3cb1f2db3d245f21ca7b37bf6dd3b34bf4231411a8d4

data/vendor/assets/javascripts/details.polyfill.js

@@ -6,188 +6,185 @@
 
 // http://www.sitepoint.com/fixing-the-details-element/
 
-(function () {
-  'use strict';
+;(function () {
+  'use strict'
 
-  var NATIVE_DETAILS = typeof document.createElement('details').open === 'boolean';
+  var NATIVE_DETAILS = typeof document.createElement('details').open === 'boolean'
 
   // Add event construct for modern browsers or IE
   // which fires the callback with a pre-converted target reference
-  function addEvent(node, type, callback) {
+  function addEvent (node, type, callback) {
     if (node.addEventListener) {
       node.addEventListener(type, function (e) {
-        callback(e, e.target);
-      }, false);
+        callback(e, e.target)
+      }, false)
     } else if (node.attachEvent) {
       node.attachEvent('on' + type, function (e) {
-        callback(e, e.srcElement);
-      });
+        callback(e, e.srcElement)
+      })
     }
   }
 
   // Handle cross-modal click events
-  function addClickEvent(node, callback) {
+  function addClickEvent (node, callback) {
     // Prevent space(32) from scrolling the page
     addEvent(node, 'keypress', function (e, target) {
       if (target.nodeName === 'SUMMARY') {
         if (e.keyCode === 32) {
           if (e.preventDefault) {
-            e.preventDefault();
+            e.preventDefault()
           } else {
-            e.returnValue = false;
+            e.returnValue = false
           }
         }
       }
-    });
+    })
     // When the key comes up - check if it is enter(13) or space(32)
     addEvent(node, 'keyup', function (e, target) {
-      if (e.keyCode === 13 || e.keyCode === 32) { callback(e, target); }
-    });
+      if (e.keyCode === 13 || e.keyCode === 32) { callback(e, target) }
+    })
     addEvent(node, 'mouseup', function (e, target) {
-      callback(e, target);
-    });
+      callback(e, target)
+    })
   }
 
   // Get the nearest ancestor element of a node that matches a given tag name
-  function getAncestor(node, match) {
+  function getAncestor (node, match) {
     do {
       if (!node || node.nodeName.toLowerCase() === match) {
-        break;
+        break
       }
-    } while (node = node.parentNode);
+      node = node.parentNode
+    } while (node)
 
-    return node;
+    return node
   }
 
   // Create a started flag so we can prevent the initialisation
   // function firing from both DOMContentLoaded and window.onload
-  var started = false;
+  var started = false
 
   // Initialisation function
-  function addDetailsPolyfill(list) {
-
+  function addDetailsPolyfill (list) {
     // If this has already happened, just return
     // else set the flag so it doesn't happen again
     if (started) {
-      return;
+      return
     }
-    started = true;
+    started = true
 
     // Get the collection of details elements, but if that's empty
     // then we don't need to bother with the rest of the scripting
     if ((list = document.getElementsByTagName('details')).length === 0) {
-      return;
+      return
     }
 
     // else iterate through them to apply their initial state
-    var n = list.length, i = 0;
+    var n = list.length
+    var i = 0
     for (i; i < n; i++) {
-      var details = list[i];
+      var details = list[i]
 
       // Save shortcuts to the inner summary and content elements
-      details.__summary = details.getElementsByTagName('summary').item(0);
-      details.__content = details.getElementsByTagName('div').item(0);
+      details.__summary = details.getElementsByTagName('summary').item(0)
+      details.__content = details.getElementsByTagName('div').item(0)
 
       // If the content doesn't have an ID, assign it one now
       // which we'll need for the summary's aria-controls assignment
       if (!details.__content.id) {
-        details.__content.id = 'details-content-' + i;
+        details.__content.id = 'details-content-' + i
       }
 
       // Add ARIA role="group" to details
-      details.setAttribute('role', 'group');
+      details.setAttribute('role', 'group')
 
       // Add role=button to summary
-      details.__summary.setAttribute('role', 'button');
+      details.__summary.setAttribute('role', 'button')
 
       // Add aria-controls
-      details.__summary.setAttribute('aria-controls', details.__content.id);
+      details.__summary.setAttribute('aria-controls', details.__content.id)
 
       // Set tabIndex so the summary is keyboard accessible for non-native elements
       // http://www.saliences.com/browserBugs/tabIndex.html
       if (!NATIVE_DETAILS) {
-        details.__summary.tabIndex = 0;
+        details.__summary.tabIndex = 0
       }
 
       // Detect initial open state
-      var openAttr = details.getAttribute('open') !== null;
+      var openAttr = details.getAttribute('open') !== null
       if (openAttr === true) {
-        details.__summary.setAttribute('aria-expanded', 'true');
-        details.__content.setAttribute('aria-hidden', 'false');
+        details.__summary.setAttribute('aria-expanded', 'true')
+        details.__content.setAttribute('aria-hidden', 'false')
       } else {
-        details.__summary.setAttribute('aria-expanded', 'false');
-        details.__content.setAttribute('aria-hidden', 'true');
+        details.__summary.setAttribute('aria-expanded', 'false')
+        details.__content.setAttribute('aria-hidden', 'true')
         if (!NATIVE_DETAILS) {
-          details.__content.style.display = 'none';
+          details.__content.style.display = 'none'
         }
       }
 
       // Create a circular reference from the summary back to its
       // parent details element, for convenience in the click handler
-      details.__summary.__details = details;
+      details.__summary.__details = details
 
       // If this is not a native implementation, create an arrow
       // inside the summary
       if (!NATIVE_DETAILS) {
-
-        var twisty = document.createElement('i');
+        var twisty = document.createElement('i')
 
         if (openAttr === true) {
-          twisty.className = 'arrow arrow-open';
-          twisty.appendChild(document.createTextNode('\u25bc'));
+          twisty.className = 'arrow arrow-open'
+          twisty.appendChild(document.createTextNode('\u25bc'))
         } else {
-          twisty.className = 'arrow arrow-closed';
-          twisty.appendChild(document.createTextNode('\u25ba'));
+          twisty.className = 'arrow arrow-closed'
+          twisty.appendChild(document.createTextNode('\u25ba'))
         }
 
-        details.__summary.__twisty = details.__summary.insertBefore(twisty, details.__summary.firstChild);
-        details.__summary.__twisty.setAttribute('aria-hidden', 'true');
-
+        details.__summary.__twisty = details.__summary.insertBefore(twisty, details.__summary.firstChild)
+        details.__summary.__twisty.setAttribute('aria-hidden', 'true')
       }
     }
 
     // Define a statechange function that updates aria-expanded and style.display
     // Also update the arrow position
-    function statechange(summary) {
+    function statechange (summary) {
+      var expanded = summary.__details.__summary.getAttribute('aria-expanded') === 'true'
+      var hidden = summary.__details.__content.getAttribute('aria-hidden') === 'true'
 
-      var expanded = summary.__details.__summary.getAttribute('aria-expanded') === 'true';
-      var hidden = summary.__details.__content.getAttribute('aria-hidden') === 'true';
-
-      summary.__details.__summary.setAttribute('aria-expanded', (expanded ? 'false' : 'true'));
-      summary.__details.__content.setAttribute('aria-hidden', (hidden ? 'false' : 'true'));
+      summary.__details.__summary.setAttribute('aria-expanded', (expanded ? 'false' : 'true'))
+      summary.__details.__content.setAttribute('aria-hidden', (hidden ? 'false' : 'true'))
 
       if (!NATIVE_DETAILS) {
-        summary.__details.__content.style.display = (expanded ? 'none' : '');
+        summary.__details.__content.style.display = (expanded ? 'none' : '')
 
-        var hasOpenAttr = summary.__details.getAttribute('open') !== null;
+        var hasOpenAttr = summary.__details.getAttribute('open') !== null
         if (!hasOpenAttr) {
-          summary.__details.setAttribute('open', 'open');
+          summary.__details.setAttribute('open', 'open')
         } else {
-          summary.__details.removeAttribute('open');
+          summary.__details.removeAttribute('open')
         }
       }
 
       if (summary.__twisty) {
-        summary.__twisty.firstChild.nodeValue = (expanded ? '\u25ba' : '\u25bc');
-        summary.__twisty.setAttribute('class', (expanded ? 'arrow arrow-closed' : 'arrow arrow-open'));
+        summary.__twisty.firstChild.nodeValue = (expanded ? '\u25ba' : '\u25bc')
+        summary.__twisty.setAttribute('class', (expanded ? 'arrow arrow-closed' : 'arrow arrow-open'))
       }
 
-      return true;
+      return true
     }
 
     // Bind a click event to handle summary elements
-    addClickEvent(document, function(e, summary) {
+    addClickEvent(document, function (e, summary) {
       if (!(summary = getAncestor(summary, 'summary'))) {
-        return true;
+        return true
       }
-      return statechange(summary);
-    });
+      return statechange(summary)
+    })
   }
 
   // Bind two load events for modern and older browsers
   // If the first one fires it will set a flag to block the second one
   // but if it's not supported then the second one will fire
-  addEvent(document, 'DOMContentLoaded', addDetailsPolyfill);
-  addEvent(window, 'load', addDetailsPolyfill);
-
-})();
+  addEvent(document, 'DOMContentLoaded', addDetailsPolyfill)
+  addEvent(window, 'load', addDetailsPolyfill)
+})()

data/vendor/assets/stylesheets/elements/_buttons.scss

@@ -8,6 +8,7 @@
 
   @include media (mobile) {
     width: 100%;
+    text-align: center;
   }
 }
 

data/vendor/assets/stylesheets/elements/_govuk-template-base.scss

@@ -125,6 +125,10 @@ a:active {
 }
 
 // External link styles
+// These are currently deprecated and are liable to be removed in a future release.
+// If your service has user research that indicates that external links are useful
+// (or not) then we’d like to hear from you either on Slack,
+// digital-service-designers or opening an issue.
 a[rel="external"] {
   @include external-link-default;
   @include external-link-16;

data/vendor/assets/stylesheets/elements/_helpers.scss

@@ -1,12 +1,6 @@
 // Helpers
 // ==========================================================================
 
-// If image-url is not defined (if we are not in a Rails environment)
-// Set a path to /public/images
-@if not(function-exists(image-url)) {
-  $path: "/public/images/";
-}
-
 // Return ems from a pixel value
 // This assumes a base of 19px
 @function em($px, $base: 19) {

data/vendor/assets/stylesheets/elements/forms/_form-validation.scss

@@ -1,30 +1,19 @@
 // Form validation
 // ==========================================================================
 
-// Using the classname .error as it's shorter than .validation and easier to type!
+// Use error to add a red border to the left of a .form-group
 .error {
 
-  // Ensure the .error class is applied to .form-group, otherwide box-sizing(border-box) will need to be used
+  // Ensure the .error class is applied to .form-group, otherwise box-sizing(border-box) will need to be used
   // @include box-sizing(border-box);
   margin-right: 15px;
 
-  // Error messages should be red and bold
-  .error-message {
-    color: $error-colour;
-    font-weight: bold;
-  }
-
   // Form inputs should have a red border
-  .form-control {
+  // Add a red border to .form-controls that are direct descendants
+  > .form-control {
     border: 4px solid $error-colour;
   }
 
-}
-
-.error,
-.error-summary {
-
-  // Add a red border to the left of the field
   border-left: 4px solid $error-colour;
   padding-left: 10px;
 
@@ -32,10 +21,14 @@
     border-left: 5px solid $error-colour;
     padding-left: $gutter-half;
   }
+
 }
 
+// Error messages should be red and bold
 .error-message {
-  @include core-19;
+  @include bold-19;
+  color: $error-colour;
+
 
   display: block;
   clear: both;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: govuk_elements_rails
 version: !ruby/object:Gem::Version
-  version: 1.2.2
+  version: 2.0.0
 platform: ruby
 authors:
 - Rob McKinnon
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-08-05 00:00:00.000000000 Z
+date: 2016-08-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -54,8 +54,8 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 4.14.1
 description: |-
-  A gem wrapper around govuk_elements v1.2.2
-   that pulls stylesheet and javascript files into a Rails app. Changelog: https://github.com/alphagov/govuk_elements/blob/d8330d59c835d498d1a60a3f589b3dce492154e2
+  A gem wrapper around govuk_elements v2.0.0
+   that pulls stylesheet and javascript files into a Rails app. Changelog: https://github.com/alphagov/govuk_elements/blob/58e2b5e3a6a219999b814760023aaa1df1308d83
   /CHANGELOG.md
 email: robin.whittleton@digital.cabinet-office.gov.uk
 executables: []