govuk_elements_rails 0.3.0 → 1.1.2

data/lib/govuk_elements_rails/version.rb

@@ -1,5 +0,0 @@
-module GovUKElementsRails
-  def self.elements_version
-    '0.3.0'
-  end
-end

data/vendor/assets/javascripts/application.js

@@ -1,157 +0,0 @@
-function ShowHideContent() {
-  var self = this;
-
-
-  self.escapeElementName = function(str) {
-    result = str.replace('[', '\\[').replace(']', '\\]')
-    return(result);
-  };
-
-  self.showHideRadioToggledContent = function () {
-    $(".block-label input[type='radio']").each(function () {
-
-      var $radio = $(this);
-      var $radioGroupName = $radio.attr('name');
-      var $radioLabel = $radio.parent('label');
-
-      var dataTarget = $radioLabel.attr('data-target');
-
-      // Add ARIA attributes
-
-      // If the data-target attribute is defined
-      if (dataTarget) {
-
-        // Set aria-controls
-        $radio.attr('aria-controls', dataTarget);
-
-        $radio.on('click', function () {
-
-          // Select radio buttons in the same group
-          $radio.closest('form').find(".block-label input[name=" + self.escapeElementName($radioGroupName) + "]").each(function () {
-            var $this = $(this);
-
-            var groupDataTarget = $this.parent('label').attr('data-target');
-            var $groupDataTarget = $('#' + groupDataTarget);
-
-            // Hide toggled content
-            $groupDataTarget.hide();
-            // Set aria-expanded and aria-hidden for hidden content
-            $this.attr('aria-expanded', 'false');
-            $groupDataTarget.attr('aria-hidden', 'true');
-          });
-
-          var $dataTarget = $('#' + dataTarget);
-          $dataTarget.show();
-          // Set aria-expanded and aria-hidden for clicked radio
-          $radio.attr('aria-expanded', 'true');
-          $dataTarget.attr('aria-hidden', 'false');
-
-        });
-
-      } else {
-        // If the data-target attribute is undefined for a radio button,
-        // hide visible data-target content for radio buttons in the same group
-
-        $radio.on('click', function () {
-
-          // Select radio buttons in the same group
-          $(".block-label input[name=" + self.escapeElementName($radioGroupName) + "]").each(function () {
-
-            var groupDataTarget = $(this).parent('label').attr('data-target');
-            var $groupDataTarget = $('#' + groupDataTarget);
-
-            // Hide toggled content
-            $groupDataTarget.hide();
-            // Set aria-expanded and aria-hidden for hidden content
-            $(this).attr('aria-expanded', 'false');
-            $groupDataTarget.attr('aria-hidden', 'true');
-          });
-
-        });
-      }
-
-    });
-  }
-  self.showHideCheckboxToggledContent = function () {
-
-    $(".block-label input[type='checkbox']").each(function() {
-
-      var $checkbox = $(this);
-      var $checkboxLabel = $(this).parent();
-
-      var $dataTarget = $checkboxLabel.attr('data-target');
-
-      // Add ARIA attributes
-
-      // If the data-target attribute is defined
-      if (typeof $dataTarget !== 'undefined' && $dataTarget !== false) {
-
-        // Set aria-controls
-        $checkbox.attr('aria-controls', $dataTarget);
-
-        // Set aria-expanded and aria-hidden
-        $checkbox.attr('aria-expanded', 'false');
-        $('#'+$dataTarget).attr('aria-hidden', 'true');
-
-        // For checkboxes revealing hidden content
-        $checkbox.on('click', function() {
-
-          var state = $(this).attr('aria-expanded') === 'false' ? true : false;
-
-          // Toggle hidden content
-          $('#'+$dataTarget).toggle();
-
-          // Update aria-expanded and aria-hidden attributes
-          $(this).attr('aria-expanded', state);
-          $('#'+$dataTarget).attr('aria-hidden', !state);
-
-        });
-      }
-
-    });
-  }
-}
-
-$(document).ready(function() {
-
-  // Turn off jQuery animation
-  jQuery.fx.off = true;
-
-  // Use GOV.UK selection-buttons.js to set selected
-  // and focused states for block labels
-  var $blockLabels = $(".block-label input[type='radio'], .block-label input[type='checkbox']");
-  new GOVUK.SelectionButtons($blockLabels);
-
-  // Details/summary polyfill
-  // See /javascripts/vendor/details.polyfill.js
-
-  // Where .block-label uses the data-target attribute
-  // to toggle hidden content
-  var toggleContent = new ShowHideContent();
-  toggleContent.showHideRadioToggledContent();
-  toggleContent.showHideCheckboxToggledContent();
-
-});
-
-$(window).load(function() {
-
-  // Only set focus for the error example pages
-  if ($(".js-error-example").length) {
-
-    // If there is an error summary, set focus to the summary
-    if ($(".error-summary").length) {
-      $(".error-summary").focus();
-      $(".error-summary a").click(function(e) {
-        e.preventDefault();
-        var href = $(this).attr("href");
-        $(href).focus();
-      });
-    }
-    // Otherwise, set focus to the field with the error
-    else {
-      $(".error input:first").focus();
-    }
-  }
-
-});
-

data/vendor/assets/javascripts/bind.js

@@ -1,40 +0,0 @@
-// Function.prototype.bind
-//
-// A polyfill for Function.prototype.bind. Which lets you bind a defined
-// value to the `this` keyword in a function call.
-//
-// Bind is natively supported in:
-//   IE9+
-//   Chrome 7+
-//   Firefox 4+
-//   Safari 5.1.4+
-//   iOS 6+
-//   Android Browser 4+
-//   Chrome for Android 0.16+
-//
-// Originally from:
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
-if (!Function.prototype.bind) {
-  Function.prototype.bind = function (oThis) {
-    if (typeof this !== "function") {
-      // closest thing possible to the ECMAScript 5
-      // internal IsCallable function
-      throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
-    }
-
-    var aArgs = Array.prototype.slice.call(arguments, 1),
-        fToBind = this,
-        fNOP = function () {},
-        fBound = function () {
-          return fToBind.apply(this instanceof fNOP && oThis
-                 ? this
-                 : oThis,
-                 aArgs.concat(Array.prototype.slice.call(arguments)));
-        };
-
-    fNOP.prototype = this.prototype;
-    fBound.prototype = new fNOP();
-
-    return fBound;
-  };
-}

data/vendor/assets/javascripts/selection-buttons.js

@@ -1,111 +0,0 @@
-(function () {
-  "use strict";
-  var root = this,
-      $ = root.jQuery;
-
-  if (typeof GOVUK === 'undefined') { root.GOVUK = {}; }
-
-  var SelectionButtons = function (elmsOrSelector, opts) {
-    var $elms;
-
-    this.selectedClass = 'selected';
-    this.focusedClass = 'focused';
-    if (opts !== undefined) {
-      $.each(opts, function (optionName, optionObj) {
-        this[optionName] = optionObj;
-      }.bind(this));
-    }
-    if (typeof elmsOrSelector === 'string') {
-      $elms = $(elmsOrSelector);
-      this.selector = elmsOrSelector;
-      this.setInitialState($(this.selector));
-    } else {
-      this.$elms = elmsOrSelector;
-      this.setInitialState(this.$elms);
-    }
-    this.addEvents();
-  };
-  SelectionButtons.prototype.addEvents = function () {
-    if (typeof this.$elms !== 'undefined') {
-      this.addElementLevelEvents();
-    } else {
-      this.addDocumentLevelEvents();
-    }
-  };
-  SelectionButtons.prototype.setInitialState = function ($elms) {
-    $elms.each(function (idx, elm) {
-      var $elm = $(elm);
-
-      if ($elm.is(':checked')) {
-        this.markSelected($elm);
-      }
-    }.bind(this));
-  };
-  SelectionButtons.prototype.markFocused = function ($elm, state) {
-    if (state === 'focused') {
-      $elm.parent('label').addClass(this.focusedClass);
-    } else {
-      $elm.parent('label').removeClass(this.focusedClass);
-    }
-  };
-  SelectionButtons.prototype.markSelected = function ($elm) {
-    var radioName;
-
-    if ($elm.attr('type') === 'radio') {
-      radioName = $elm.attr('name');
-      $($elm[0].form).find('input[name="' + radioName + '"]')
-        .parent('label')
-        .removeClass(this.selectedClass);
-      $elm.parent('label').addClass(this.selectedClass);
-    } else { // checkbox
-      if ($elm.is(':checked')) {
-        $elm.parent('label').addClass(this.selectedClass);
-      } else {
-        $elm.parent('label').removeClass(this.selectedClass);
-      }
-    }
-  };
-  SelectionButtons.prototype.addElementLevelEvents = function () {
-    this.clickHandler = this.getClickHandler();
-    this.focusHandler = this.getFocusHandler({ 'level' : 'element' });
-
-    this.$elms
-      .on('click', this.clickHandler)
-      .on('focus blur', this.focusHandler);
-  };
-  SelectionButtons.prototype.addDocumentLevelEvents = function () {
-    this.clickHandler = this.getClickHandler();
-    this.focusHandler = this.getFocusHandler({ 'level' : 'document' });
-
-    $(document)
-      .on('click', this.selector, this.clickHandler)
-      .on('focus blur', this.selector, this.focusHandler);
-  };
-  SelectionButtons.prototype.getClickHandler = function () {
-    return function (e) {
-      this.markSelected($(e.target));
-    }.bind(this);
-  };
-  SelectionButtons.prototype.getFocusHandler = function (opts) {
-    var focusEvent = (opts.level === 'document') ? 'focusin' : 'focus';
-
-    return function (e) {
-      var state = (e.type === focusEvent) ? 'focused' : 'blurred';
-
-      this.markFocused($(e.target), state);
-    }.bind(this);
-  };
-  SelectionButtons.prototype.destroy = function () {
-    if (typeof this.selector !== 'undefined') {
-      $(document)
-        .off('click', this.selector, this.clickHandler)
-        .off('focus blur', this.selector, this.focusHandler);
-    } else {
-      this.$elms
-        .off('click', this.clickHandler)
-        .off('focus blur', this.focusHandler);
-    }
-  };
-
-  root.GOVUK.SelectionButtons = SelectionButtons;
-}).call(this);

data/vendor/assets/stylesheets/elements-page-ie6.scss

@@ -1,5 +0,0 @@
-$is-ie: true;
-$ie-version: 6;
-$mobile-ie6: false;
- 
-@import "elements-page";

data/vendor/assets/stylesheets/elements-page-ie7.scss

@@ -1,4 +0,0 @@
-$is-ie: true;
-$ie-version: 7;
- 
-@import "elements-page";

data/vendor/assets/stylesheets/elements-page-ie8.scss

@@ -1,4 +0,0 @@
-$is-ie: true;
-$ie-version: 8;
- 
-@import "elements-page";

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

@@ -1,386 +0,0 @@
-@import "main";
-
-// ==========================================================================
-// GOV.UK template styles
-// ==========================================================================
-// Override here until updated in the GOV.UK template
-
-#global-header-bar {
-  @extend %site-width-container;
-}
-#global-header-bar .inner-block {
-  padding: 0;
-}
-
-
-// ==========================================================================
-// Service Design Manual styles
-// ==========================================================================
-
-@import "service-design-manual/helpers/page-header";
-@import "service-design-manual/helpers/breadcrumbs";
-
-// Remove margins set by Service Design Manual header
-#global-breadcrumb,
-.page-header {
-  margin-left: 0;
-  margin-right: 0;
-}
-
-// ==========================================================================
-// Elements page styles
-// ==========================================================================
-
-// These are example styles, used only for the Elements index page
-
-// Headings
-// Used with heading-large = 36px
-.heading-with-border {
-  border-top: 1px solid $border-colour;
-  padding-top: em(45, 36);
-}
-
-// Use for paragraphs before lists
-.lead-in {
-  margin-bottom: 0;
-}
-
-// Lists
-.list-bullet {
-  margin-bottom: ($gutter*1.5);
-}
-
-
-// Example boxes
-// ==========================================================================
-
-.example {
-  @extend %contain-floats;
-  position: relative;
-  overflow: hidden;
-  border: 1px solid $grey-2;
-  margin-top: $gutter-half;
-  margin-bottom: $gutter*1.5;
-
-  padding-top: $gutter;
-  padding-right: $gutter-half;
-  padding-bottom: $gutter-half;
-  padding-left: $gutter-half;
-
-  @include media(tablet) {
-    padding-top: $gutter*1.5;
-    padding-right: $gutter;
-    padding-bottom: $gutter;
-    padding-left: $gutter;
-  }
-
-  &:before {
-    content: "EXAMPLE";
-
-    position: absolute;
-    top: 0;
-    left: 0;
-
-    padding: em(4) em(15) em(4) em(15);
-
-    @include core-14;
-    background: $grey-2;
-    color: white;
-  }
-
-  // Blue text for heading sizes
-  .highlight {
-    font-style: normal;
-    color: $hm-government;
-  }
-
-  // Fix grid layout within example boxes for IE7 and below
-  // where box-sizing isn't supported: http://caniuse.com/#search=box-sizing
-  @mixin example-box-column($width) {
-    width: (($site-width - $gutter) * $width) - $gutter;
-  }
-
-  @include ie-lte(7){
-
-    // Set example box width to 900px (removing left and right padding)
-    $example-box-width: $site-width - ($gutter * 2);
-    width: $example-box-width;
-
-    // Recalculate grid column widths
-    .column-quarter {
-      @include example-box-column( 1/4 );
-    }
-    .column-half {
-      @include example-box-column( 1/2 );
-    }
-    .column-third {
-      @include example-box-column( 1/3 );
-    }
-    .column-two-thirds {
-      @include example-box-column( 2/3 );
-    }
-
-    // Scale images to fit grid columns
-    img {
-      width: 100%;
-    }
-  }
-
-}
-
-
-// 1. Layout
-// ==========================================================================
-
-.example-grid p {
-  width: 100%;
-  background: file-url("examples/grid.png") 0 0 repeat;
-  margin-bottom: 0;
-  height: 30px;
-  @include media(tablet) {
-    height: 60px;
-  }
-  overflow: hidden;
-  text-indent: -999em;
-}
-
-
-// 2. Typography
-// ==========================================================================
-
-
-// 3. Colour
-// ==========================================================================
-
-// Colour swatches
-.swatch {
-  width: 60px;
-  height: 60px;
-  @include border-radius(100%);
-  @include media(mobile) {
-    clear: both;
-    float: left;
-    margin-right: $gutter-half;
-    margin-bottom: $gutter-half;
-  }
-  @include media(tablet) {
-    margin: 0 auto $gutter-half auto;
-  }
-}
-
-// Sass list for colour palette
-$palette: (
-  ("purple", $purple),
-  ("mauve", $mauve),
-  ("fuschia", $fuschia),
-  ("pink", $pink),
-  ("baby-pink", $baby-pink),
-  ("red", $red),
-  ("mellow-red", $mellow-red),
-  ("orange", $orange),
-  ("brown", $brown),
-  ("yellow", $yellow),
-  ("green", $green),
-  ("grass-green", $grass-green),
-  ("turquoise", $turquoise),
-  ("light-blue", $light-blue)
-);
-
-@mixin color-swatches {
-  @each $color in $palette {
-    $color-name: nth($color, 1);
-    $color-var: nth($color, 2);
-    .swatch-#{$color-name} {
-      background-color: $color-var;
-    }
-  }
-}
-
-// Generate swatch classes for each colour in palette list
-@include color-swatches;
-
-.swatch-alpha {
-  background-color: $alpha-colour;
-}
-
-.swatch-beta {
-  background-color: $beta-colour;
-}
-
-.swatch-discovery {
-  background-color: $discovery-colour;
-}
-
-.swatch-live {
-  background-color: $live-colour;
-}
-
-.swatch-error {
-  background-color: $error-colour;
-}
-
-.swatch-focus {
-  background-color: $focus-colour;
-}
-
-.swatch-button-colour {
-  background-color: $button-colour;
-}
-
-.swatch-black {
-  background-color: $black;
-}
-
-.swatch-grey-1 {
-  background-color: $grey-1;
-}
-
-.swatch-grey-2 {
-  background-color: $grey-2;
-}
-
-.swatch-grey-3 {
-  background-color: $grey-3;
-}
-
-.swatch-grey-4 {
-  background-color: $grey-4;
-}
-
-.swatch-white {
-  background-color: $white;
-  border: 1px solid $grey-3;
-}
-
-.swatch-text-colour {
-  background-color: $text-colour;
-}
-
-.swatch-text-secondary {
-  background-color: $secondary-text-colour;
-}
-
-.swatch-page-colour {
-  background-color: $page-colour;
-  border: 1px solid $grey-3;
-}
-
-.swatch-button-colour {
-  background-color: $button-colour;
-}
-
-.swatch-link-colour {
- background-color: $link-colour;
-}
-
-.swatch-link-colour-visited {
- background-color: $link-visited-colour;
-}
-
-.swatch-link-colour-hover {
- background-color: $link-hover-colour;
-}
-
-.swatch-border-colour {
-  background-color: $border-colour;
-}
-
-.swatch-panel-colour {
-  background-color: $panel-colour;
-}
-
-.swatch-highlight-colour {
-  background-color: $highlight-colour;
-}
-
-// Colour swatch layout
-.swatch-wrapper {
-  @include media(tablet) {
-    float: left;
-    width: 20%;
-    text-align: center;
-  }
-
-  .heading-small {
-    margin-bottom: em(10);
-  }
-
-  ul {
-    padding-bottom: $gutter-half;
-    @include media(mobile) {
-      min-height: 50px;
-      padding-top: 10px;
-    }
-  }
-  li {
-    @include core-16;
-  }
-  b {
-  font-weight: bold;
-  text-transform: uppercase;
-  }
-}
-
-
-// 4. Images and icons
-// ==========================================================================
-
-.example-images img {
-  max-width: 100%;
-  vertical-align: top;
-}
-
-
-// 5. Data
-// ==========================================================================
-
-.data .bold-xlarge,
-.data .bold-xxlarge {
-  line-height: 0.8;
-}
-
-.example .data p {
-  margin-bottom: 0;
-}
-
-
-// 6. Forms
-// ==========================================================================
-
-
-// 7. Buttons
-// ==========================================================================
-
-// Increase spacing under buttons in example boxes
-.example-button .button {
-  margin-bottom: 15px;
-}
-
-// Remove top margin from "Creating buttons" example
-.example-button .heading-small {
-  margin-top: 0;
-}
-
-// Make swatch wrapper full width for "Creating buttons" example
-.example-button .swatch-wrapper {
-  width: 100%;
-}
-
-// Remove bottom padding to keep "Creating buttons" example
-.example-button ul {
-  padding-bottom: 0;
-}
-
-
-// 9. Alpha beta banners
-// ==========================================================================
-
-// Alpha
-.phase-banner-alpha {
-  @include phase-banner($state: alpha);
-}
-
-// Beta
-.phase-banner-beta {
-  @include phase-banner($state: beta);
-}