govuk_elements_rails 3.0.2 → 3.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3f5a84dbd590c0b2b2caace7b71d843cc051a60a
-  data.tar.gz: 7087493a1923fc9648705f8cc708eeac5aec313a
+  metadata.gz: 0c11c3760410ddee2a303ad32a80c8538ad6d354
+  data.tar.gz: 853ddbed025168693a3af55e7c97c59989e3aeab
 SHA512:
-  metadata.gz: afa4e526a304e15c82c1a3807ae06465d54cbb7993aab248489ffc8a33ba588bbeff282165f2b99cb2f42ea4ccfa0088d8ea2738aa24a7c472b46bd778e07959
-  data.tar.gz: 815a7a3e70e5f8d6aa590447f26568c88a3287d0aa609551db83444ab0a535781fd0950ad490392f5fd6d7cd21cb7c0b85113bdedd3184bdb09cba7f1f858deb
+  metadata.gz: cb6f9bea9029e360e7fe77b6750f76c02d0d3ca8b2ba7bf1e94ef4c69ac15a8509499a1c7f8880ae737e3360fe3104cdb7c7c92087c561083602b09ab8d9e071
+  data.tar.gz: c8f62df813a18975d9f3a5805edb9769afccfe92eae7d67647472573b74474bce471a4bbfbb67cc92392bd0cab17f7a52cd578ddb87d5053f6cb565cdbab5e7e

data/lib/govuk_elements_rails/engine.rb

@@ -1,4 +1,5 @@
 module GovUKElementsRails
   class Engine < ::Rails::Engine
+    require 'govuk_frontend_toolkit'
   end
 end

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

@@ -10,6 +10,8 @@
   'use strict'
 
   var NATIVE_DETAILS = typeof document.createElement('details').open === 'boolean'
+  var KEY_ENTER = 13
+  var KEY_SPACE = 32
 
   // Add event construct for modern browsers or IE
   // which fires the callback with a pre-converted target reference
@@ -25,25 +27,50 @@
     }
   }
 
+  // Cross-browser character code / key pressed
+  function charCode (e) {
+    return (typeof e.which === 'number') ? e.which : e.keyCode
+  }
+
+  // Cross-browser preventing default action
+  function preventDefault (e) {
+    if (e.preventDefault) {
+      e.preventDefault()
+    } else {
+      e.returnValue = false
+    }
+  }
+
   // Handle cross-modal click events
   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()
+      // When the key gets pressed - check if it is enter or space
+      if (charCode(e) === KEY_ENTER || charCode(e) === KEY_SPACE) {
+        if (target.nodeName.toLowerCase() === 'summary') {
+          // Prevent space from scrolling the page
+          // and enter from submitting a form
+          preventDefault(e)
+          // Click to let the click event do all the necessary action
+          if (target.click) {
+            target.click()
           } else {
-            e.returnValue = false
+            // except Safari 5.1 and under don't support .click() here
+            callback(e, target)
           }
         }
       }
     })
-    // When the key comes up - check if it is enter(13) or space(32)
+
+    // Prevent keyup to prevent clicking twice in Firefox when using space key
     addEvent(node, 'keyup', function (e, target) {
-      if (e.keyCode === 13 || e.keyCode === 32) { callback(e, target) }
+      if (charCode(e) === KEY_SPACE) {
+        if (target.nodeName === 'SUMMARY') {
+          preventDefault(e)
+        }
+      }
     })
-    addEvent(node, 'mouseup', function (e, target) {
+
+    addEvent(node, 'click', function (e, target) {
       callback(e, target)
     })
   }

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

@@ -1,55 +1,5 @@
-// GOV.UK front end toolkit
-// Sass variables, mixins and functions
-// https://github.com/alphagov/govuk_frontend_toolkit/tree/master/stylesheets
+// Import GOV.UK front end toolkit dependencies
+@import "frontend-toolkit";
 
-// Settings (variables)
-@import "colours";                                // Colour variables
-@import "font_stack";                             // Font family variables
-@import "measurements";                           // Widths and gutter variables
-
-// Mixins
-@import "conditionals";                           // Media query mixin
-@import "device-pixels";                          // Retina image mixin
-@import "grid_layout";                            // Basic grid layout mixin
-@import "typography";                             // Core bold and heading mixins, also external links
-@import "shims";                                  // Inline block mixin, clearfix placeholder
-
-// Mixins to generate components (chunks of UI)
-@import "design-patterns/alpha-beta";
-@import "design-patterns/buttons";
-@import "design-patterns/breadcrumbs";
-
-// Functions
-@import "url-helpers";                            // Function to output image-url, or prefixed path (Rails and Compass only)
-
-// GOV.UK elements
-
-@import "elements/helpers";                       // Helper functions and classes
-
-// Generic (normalize/reset.css)
-@import "elements/reset";
-
-// Base (unclassed HTML elements)
-// These are predefined by govuk_template
-// If you're not using govuk_template, uncomment the line below.
-// @import "elements/govuk-template-base";        // Base styles set by GOV.UK template
-
-// Objects (unstyled design patterns)
-@import "elements/layout";                        // Main content container. Grid layout - rows and column widths
-
-// Components (chunks of UI)
-@import "elements/elements-typography";           // Typography
-@import "elements/buttons";                       // Buttons
-@import "elements/icons";                         // Icons - numbered steps, calendar, search
-@import "elements/lists";                         // Lists - numbered, bulleted
-@import "elements/tables";                        // Tables - regular, numeric
-@import "elements/details";                       // Details summary
-@import "elements/panels";                        // Panels with a left grey border
-@import "elements/forms";                         // Form - wrappers, inputs, labels
-@import "elements/forms/form-multiple-choice";    // Custom radio buttons and checkboxes
-@import "elements/forms/form-date";               // Date of birth pattern
-@import "elements/forms/form-validation";         // Errors and validation
-@import "elements/breadcrumbs";                   // Breadcrumbs
-@import "elements/phase-banner";                  // Alpha and beta banners and tags
-@import "elements/components";                    // GOV.UK prefixed styles - blue highlighted box
-@import "elements/shame";                         // Hacks and workarounds that will go away eventually
+// Import GOV.UK elements
+@import "elements";

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

@@ -2,7 +2,7 @@
 // Used for transaction end pages, and Bank Holidays
 .govuk-box-highlight {
   margin: 1em 0;
-  padding: 2em 0 1em;
+  padding: 2em 1em;
   color: $white;
   background: $turquoise;
   text-align: center;

data/vendor/assets/stylesheets/elements/_elements-typography.scss

@@ -135,7 +135,8 @@ main {
 }
 
 // Text
-p {
+p,
+.body-text {
   margin-top: em(5, 16);
   margin-bottom: em(20, 16);
 
@@ -146,6 +147,10 @@ p {
 
 }
 
+.body-text {
+  display: block;
+}
+
 // Lede, or intro text
 .lede {
   @include core-24;

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

@@ -9,6 +9,7 @@
 // 4. Form hints
 // 5. Form controls
 // 6. Form control widths
+// 7. Browser accessibility fixes
 
 // 1. Helpers
 // ==========================================================================
@@ -19,6 +20,11 @@ fieldset {
   width: 100%;
 }
 
+// Hack to let legends or elements within legends have margins in webkit browsers
+legend {
+  overflow: hidden;
+}
+
 // Fix left hand gap in IE7 and below
 @include ie-lte(7) {
   legend {
@@ -35,14 +41,14 @@ textarea {
 // 2. Form wrappers
 // ==========================================================================
 
-// Form section is used to wrap .form-group and has twice its margin
-.form-section {
+.form-section,
+.form-group {
   @extend %contain-floats;
   @include box-sizing(border-box);
+}
 
-  float: left;
-  width: 100%;
-
+// Form section is used to wrap .form-group and has twice its margin
+.form-section {
   margin-bottom: $gutter;
 
   @include media(tablet) {
@@ -52,12 +58,6 @@ textarea {
 
 // Form group is used to wrap label and input pairs
 .form-group {
-  @extend %contain-floats;
-  @include box-sizing(border-box);
-
-  float: left;
-  width: 100%;
-
   margin-bottom: $gutter-half;
 
   @include media(tablet) {
@@ -102,9 +102,8 @@ textarea {
 
 // Used for the 'or' in between block label options
 .form-block {
-  @extend %contain-floats;
   float: left;
-  width: 100%;
+  clear: left;
 
   margin-top: -5px;
   margin-bottom: 5px;
@@ -162,11 +161,16 @@ textarea {
 // scss-lint:disable QualifyingElement
 input.form-control,
 textarea.form-control {
-  // Remove inner shadow
+  // Disable inner shadow and remove rounded corners
   -webkit-appearance: none;
-  // Remove rounded corners
   border-radius: 0;
 }
+
+textarea.form-control {
+  // Disable opacity and background image for Firefox
+  opacity: 1;
+  background-image: none;
+}
 // scss-lint:enable QualifyingElement
 
 
@@ -223,3 +227,13 @@ textarea.form-control {
     width: 12.5%;
   }
 }
+
+// 7. Browser accessibility fixes
+// ==========================================================================
+
+option:active,
+option:checked,
+select:focus::-ms-value {
+  color: $white;
+  background-color: $govuk-blue;
+}

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

@@ -7,20 +7,6 @@
   @return ($px / $base) + em;
 }
 
-// Want to see how the grid works?
-// add this class to the body to see how grid padding is set
-.example-highlight-grid {
-  .grid-row {
-    background: $grey-2;
-  }
-
-  .column-highlight {
-    background: $grey-3;
-    width: 100%;
-  }
-
-}
-
 // Hide, but not for screenreaders
 @mixin visually-hidden {
   position: absolute;

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

@@ -49,12 +49,13 @@
 
 // The last panel in a group
 .form-group .panel-border-narrow:last-child {
-  margin-top: 10px;
+  margin-top: 0;
   margin-bottom: 0;
 }
 
 // For inline panels
-.inline .panel-border-narrow {
+.inline .panel-border-narrow,
+.inline .panel-border-narrow:last-child {
   margin-top: 10px;
   margin-bottom: 0;
 }

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

@@ -12,7 +12,6 @@ table {
     padding: em(12, 19) em(20, 19) em(9, 19) 0;
 
     text-align: left;
-    color: $black;
     border-bottom: 1px solid $border-colour;
   }
 
@@ -20,6 +19,11 @@ table {
     font-weight: 700;
   }
 
+  td:last-child,
+  th:last-child {
+    padding-right: 0;
+  }
+
   // Right align table header cells and table cells with a numeric class
   .numeric {
     text-align: right;
@@ -30,6 +34,10 @@ table {
   td.numeric {
     font-family: $toolkit-font-stack-tabular;
   }
+
+  caption {
+    text-align: left;
+  }
 }
 
 .table-font-xsmall {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: govuk_elements_rails
 version: !ruby/object:Gem::Version
-  version: 3.0.2
+  version: 3.1.0
 platform: ruby
 authors:
 - Rob McKinnon
@@ -9,53 +9,53 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-30 00:00:00.000000000 Z
+date: 2017-07-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 4.1.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 4.1.0
 - !ruby/object:Gem::Dependency
   name: sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.2.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.2.0
 - !ruby/object:Gem::Dependency
   name: govuk_frontend_toolkit
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.0
+        version: 6.0.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.0
+        version: 6.0.2
 description: |-
-  A gem wrapper around govuk_elements v3.0.2
-   that pulls stylesheet and javascript files into a Rails app. Changelog: https://github.com/alphagov/govuk_elements/blob/04646850aafd2236e11562c65602fc8e92a6d9f0
+  A gem wrapper around govuk_elements v3.1.0
+   that pulls stylesheet and javascript files into a Rails app. Changelog: https://github.com/alphagov/govuk_elements/blob/7a860c7274fd83484ba42eefe1575e72aefaf55d
   /CHANGELOG.md
 email: robin.whittleton@digital.cabinet-office.gov.uk
 executables: []
@@ -65,6 +65,8 @@ extra_rdoc_files:
 files:
 - LICENSE
 - README.md
+- lib/govuk_elements_rails.rb
+- lib/govuk_elements_rails/engine.rb
 - vendor/assets/javascripts/details.polyfill.js
 - vendor/assets/stylesheets/_govuk-elements.scss
 - vendor/assets/stylesheets/elements/_breadcrumbs.scss
@@ -86,31 +88,29 @@ files:
 - vendor/assets/stylesheets/elements/forms/_form-date.scss
 - vendor/assets/stylesheets/elements/forms/_form-multiple-choice.scss
 - vendor/assets/stylesheets/elements/forms/_form-validation.scss
-- lib/govuk_elements_rails/engine.rb
-- lib/govuk_elements_rails.rb
 homepage: https://github.com/alphagov/govuk_elements_rails
 licenses: []
 metadata: {}
 post_install_message: 
 rdoc_options:
-- --main
+- "--main"
 - README.md
 require_paths:
 - lib
 - vendor
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.14.1
+rubygems_version: 2.6.10
 signing_key: 
 specification_version: 4
 summary: A gem wrapper around http://github.com/alphagov/govuk_elements that pulls