govuk_publishing_components 6.2.0 → 6.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 34285d5cb5c081751784ac345982132dc747756854e258428010f277a9c01fa5
-  data.tar.gz: d5c1f26c16b66ee943513822e4ba1dae26f820ae86790ab4122f88c16b4da8b2
+  metadata.gz: 6fa1d987486ec07c2f3630dc95e654cc6b25182c11d37a650f5e427352b514c6
+  data.tar.gz: 1943d061e4c46413900f8806d996d8bea2500f44e46677e46cf55f7bdf99cb0b
 SHA512:
-  metadata.gz: d17167dd84b0f8ce4a4cdcb2280dfab376a6e30b50b15606e8ba93b61b4f1386fed7a4ab0d437c3c17e2c2efabced7ec5bf20e05455311d26f20f951118a3413
-  data.tar.gz: 0cedea047da2ee69a35df7cbd546c50f2fde34c776d668fb54beb3670c37398facb4bd5041315a0a477a6e973f7a402e04b038dddb89dbaa4685e1e9355a6e05
+  metadata.gz: d562062a75f692d25bb5d1ce45ad77c286bdb24568e673a8ec6dd7a3bca672c489ded85cfba8d1630a82b849797d6621017db4af8c0a23ac89f0e19597953297
+  data.tar.gz: 2b6d6c96044a96158bde90d20615bc182e92c4122e03c683b9b2f3365242fced025e95fea3f8bbd4a97aee66149adbd444ead22cc86d141317a75bd4d1f68807

data/app/assets/javascripts/component_guide/application.js

@@ -0,0 +1,3 @@
+//= require govuk/modules
+//= require_tree ./vendor
+//= require_tree .

data/app/assets/javascripts/govuk_publishing_components/all_components.js

@@ -1 +1,2 @@
+//= require_tree ./lib
 //= require_tree ./components

data/app/assets/javascripts/govuk_publishing_components/components/success-alert.js

@@ -0,0 +1,12 @@
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {};
+
+(function (GOVUK) {
+  'use strict'
+
+  GOVUK.Modules.SuccessAlert = function () {
+    this.start = function (element) {
+      element.focus()
+    }
+  }
+})(window.GOVUK)

data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss

@@ -20,4 +20,5 @@
 @import "components/step-by-step-nav-related";
 @import "components/feedback";
 @import "components/inverse-header";
+@import "components/success-alert";
 @import "components/taxonomy-navigation";

data/app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss

@@ -4,6 +4,10 @@
   padding-bottom: $gutter-one-third;
   border-bottom: 1px solid $border-colour;
   list-style: none;
+
+  &:last-child {
+    border-bottom: none;
+  }
 }
 
 .gem-c-document-list__item-title {
@@ -28,4 +32,3 @@
 .gem-c-document-list--top-margin {
   margin-top: $gutter-two-thirds;
 }
-

data/app/assets/stylesheets/govuk_publishing_components/components/_success-alert.scss

@@ -0,0 +1,18 @@
+.gem-c-success-alert {
+  color: $gem-text-colour;
+  padding: $gem-spacing-scale-3;
+  border: $gem-border-width-mobile solid $gem-success-colour;
+
+  @include media(tablet) {
+    padding: $gem-spacing-scale-4;
+    border-width: $gem-border-width-tablet;
+  }
+}
+
+.gem-c-success-alert__message {
+  @include bold-19;
+}
+
+.gem-c-success-alert:focus {
+  outline: $gem-focus-width solid $gem-focus-colour;
+}

data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_variables.scss

@@ -24,3 +24,4 @@ $gem-focus-width: 3px;
 $gem-focus-colour: $focus-colour;
 
 $gem-error-colour: $red;
+$gem-success-colour: $button-colour;

data/app/views/govuk_publishing_components/components/_success_alert.html.erb

@@ -0,0 +1,8 @@
+<div
+  class="gem-c-success-alert"
+  data-module="success-alert"
+  role="alert"
+  tabindex="-1"
+>
+  <p class="gem-c-success-alert__message"><%= message %></p>
+</div>

data/app/views/govuk_publishing_components/components/docs/success_alert.yml

@@ -0,0 +1,19 @@
+name: Success Alert
+description: Used at the top of the page, to summarise a successful user action.
+accessibility_criteria: |
+  - should be focused on page load, to ensure the message is noticed by
+    assistive tech
+  - Should have a role of ‘alert’ to communicate that is a important and
+    time sensitive message
+examples:
+  default:
+    data:
+      message: Message to alert the user to a successful action goes here
+  long_example:
+    data:
+      message: |
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet
+        dignissim dui, ac laoreet tortor vulputate nec. Aenean quis turpis
+        orci. Proin semper porttitor ipsum, vel maximus justo rutrum vel.
+        Morbi volutpat facilisis libero. Donec posuere eget odio non egestas.
+        Nullam sed neque quis turpis.

data/app/views/layouts/govuk_publishing_components/application.html.erb

@@ -10,12 +10,12 @@
     <% end %>
     <%= yield :title %><% if content_for(:title) %> - <% end %><%= GovukPublishingComponents::Config.component_guide_title %>
   </title>
-  <%= stylesheet_link_tag "govuk_publishing_components/component_guide", media: "screen" %>
+  <%= stylesheet_link_tag "component_guide/application", media: "screen" %>
   <%= stylesheet_link_tag "#{GovukPublishingComponents::Config.application_stylesheet}" %>
   <% if GovukPublishingComponents::Config.application_print_stylesheet %>
     <%= stylesheet_link_tag "#{GovukPublishingComponents::Config.application_print_stylesheet}", media: "print" %>
   <% end %>
-  <%= javascript_include_tag "govuk_publishing_components/application" %>
+  <%= javascript_include_tag "component_guide/application" %>
   <%= javascript_include_tag "#{GovukPublishingComponents::Config.application_javascript}" %>
   <%= csrf_meta_tags %>
 </head>

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = '6.2.0'.freeze
+  VERSION = '6.3.0'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 6.2.0
+  version: 6.3.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-03-29 00:00:00.000000000 Z
+date: 2018-04-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -301,20 +301,21 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/govuk_publishing_components_manifest.js
-- app/assets/javascripts/current-location.js
-- app/assets/javascripts/govuk_publishing_components/accessibility-test.js
+- app/assets/javascripts/component_guide/accessibility-test.js
+- app/assets/javascripts/component_guide/application.js
+- app/assets/javascripts/component_guide/vendor/axe.min.js
+- app/assets/javascripts/component_guide/vendor/matches-polyfill.min.js
+- app/assets/javascripts/component_guide/visual-regression.js
 - app/assets/javascripts/govuk_publishing_components/all_components.js
-- app/assets/javascripts/govuk_publishing_components/application.js
 - app/assets/javascripts/govuk_publishing_components/components/error-summary.js
 - app/assets/javascripts/govuk_publishing_components/components/feedback.js
 - app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js
-- app/assets/javascripts/govuk_publishing_components/vendor/axe.min.js
-- app/assets/javascripts/govuk_publishing_components/vendor/matches-polyfill.min.js
-- app/assets/javascripts/govuk_publishing_components/visual-regression.js
-- app/assets/javascripts/history-support.js
+- app/assets/javascripts/govuk_publishing_components/components/success-alert.js
+- app/assets/javascripts/govuk_publishing_components/lib/current-location.js
+- app/assets/javascripts/govuk_publishing_components/lib/history-support.js
+- app/assets/stylesheets/component_guide/application.scss
 - app/assets/stylesheets/govuk_publishing_components/_all_components.scss
 - app/assets/stylesheets/govuk_publishing_components/_all_components_print.scss
-- app/assets/stylesheets/govuk_publishing_components/component_guide.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_back-link.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_error-summary.scss
@@ -328,6 +329,7 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-header.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-related.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss
+- app/assets/stylesheets/govuk_publishing_components/components/_success-alert.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_taxonomy-navigation.scss
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_clearfix.scss
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_px-to-em.scss
@@ -364,6 +366,7 @@ files:
 - app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb
 - app/views/govuk_publishing_components/components/_step_by_step_nav_header.html.erb
 - app/views/govuk_publishing_components/components/_step_by_step_nav_related.html.erb
+- app/views/govuk_publishing_components/components/_success_alert.html.erb
 - app/views/govuk_publishing_components/components/_taxonomy_navigation.html.erb
 - app/views/govuk_publishing_components/components/docs/back_link.yml
 - app/views/govuk_publishing_components/components/docs/contextual_breadcrumbs.yml
@@ -380,6 +383,7 @@ files:
 - app/views/govuk_publishing_components/components/docs/step_by_step_nav.yml
 - app/views/govuk_publishing_components/components/docs/step_by_step_nav_header.yml
 - app/views/govuk_publishing_components/components/docs/step_by_step_nav_related.yml
+- app/views/govuk_publishing_components/components/docs/success_alert.yml
 - app/views/govuk_publishing_components/components/docs/taxonomy_navigation.yml
 - app/views/layouts/govuk_publishing_components/application.html.erb
 - config/initializers/assets.rb

data/app/assets/javascripts/govuk_publishing_components/application.js

@@ -1,17 +0,0 @@
-// This is a manifest file that'll be compiled into application.js, which will include all the files
-// listed below.
-//
-// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
-// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
-//
-// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
-// compiled file. JavaScript code in this file should be added after the last require_* statement.
-//
-// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
-// about supported directives.
-//
-//= require govuk/modules
-//= require ../history-support
-//= require ../current-location
-//= require_tree ./vendor
-//= require_tree .