govuk_publishing_components 15.3.0 → 16.0.0

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

@@ -1,5 +1,6 @@
 <% data_attributes ||= nil %>
-<%= tag.details class: "gem-c-details govuk-details", data: data_attributes do %>
+<% open ||= nil %>
+<%= tag.details class: "gem-c-details govuk-details", data: data_attributes, open: open do %>
   <summary class="govuk-details__summary">
     <span class="govuk-details__summary-text">
       <%= title %>

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

@@ -40,8 +40,8 @@
       </a>
     </li>
     <li>
-      <a class="<%= 'active' if active == 'announcements' %>" href="/government/announcements">
-        <%= t("govuk_component.government_navigation.announcements", default: "Announcements") %>
+      <a class="<%= 'active' if active == 'announcements' %>" href="/news-and-communications">
+        <%= t("govuk_component.government_navigation.news_and_communications", default: "News and communications") %>
       </a>
     </li>
   </ul>

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

@@ -7,7 +7,7 @@
   classes << "disable-youtube" if disable_youtube_expansions
 %>
 
-<div class="gem-c-govspeak govuk-govspeak <%= classes.join(" ") %>">
+<div class="gem-c-govspeak govuk-govspeak <%= classes.join(" ") %>" data-module="govspeak">
   <% if local_assigns.include?(:content) %>
     <% if content.html_safe? %>
       <%= content %>

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

@@ -1,10 +1,7 @@
 <%
   id ||= "inset-text-#{SecureRandom.hex(4)}"
-  classes ||= ''
-  css_classes = %w( gem-c-inset-text govuk-inset-text )
-  css_classes << classes if classes
 %>
 
-<%= tag.div id: id, class: css_classes do %>
+<%= tag.div id: id, class: "gem-c-inset-text govuk-inset-text" do %>
   <%= text %>
 <% end %>

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

@@ -1,13 +1,14 @@
 <%
-  classes ||= ''
   hint_text ||= ''
-  hint_text_classes ||= ''
+  is_radio_label ||= false
   bold ||= false
+
   css_classes = %w( gem-c-label govuk-label )
   css_classes << "govuk-label--s" if bold
-  css_classes << classes if classes
+  css_classes << "govuk-radios__label" if is_radio_label
+
   hint_text_css_classes = %w( govuk-hint )
-  hint_text_css_classes << hint_text_classes if hint_text_classes
+  hint_text_css_classes << "govuk-radios__hint" if is_radio_label
 %>
 
 <%= tag.label for: html_for, class: css_classes do %>

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

@@ -89,8 +89,7 @@
             <%= render "govuk_publishing_components/components/label", {
               hint_id: label_hint_id,
               html_for: label_id,
-              classes: "govuk-radios__label",
-              hint_text_classes: "govuk-radios__hint",
+              is_radio_label: true,
               hint_text: item[:hint_text],
               text: item[:text],
               bold: item[:bold]
@@ -98,9 +97,9 @@
           <% end %>
 
           <% if item[:conditional] %>
-          <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="<%= conditional_id %>">
-            <%= item[:conditional] %>
-          </div>
+            <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="<%= conditional_id %>">
+              <%= item[:conditional] %>
+            </div>
           <% end %>
 
         <% end %>

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

@@ -7,6 +7,7 @@
 
   label ||= nil
   hint ||= nil
+  margin_bottom ||= 3
   error_message ||= nil
   error_items ||= nil
   character_count ||= nil
@@ -18,6 +19,7 @@
   css_classes = %w(gem-c-textarea govuk-textarea)
   css_classes << "js-character-count" if character_count
   css_classes << "govuk-textarea--error" if has_error
+  css_classes << ([*0..9].include?(margin_bottom) ? "govuk-!-margin-bottom-#{margin_bottom}" : "govuk-!-margin-bottom-3")
   form_group_css_classes = %w(govuk-form-group)
   form_group_css_classes << "govuk-form-group--error" if has_error
 

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

@@ -1,21 +1,17 @@
 <%
   id ||= "warning-text-#{SecureRandom.hex(4)}"
-  classes ||= ''
   text_assistive ||= 'Warning'
   text_icon ||= '!'
   large_font ||= false
   highlight_text ||= false
 
-  css_classes = %w(gem-c-warning-text govuk-warning-text)
-  css_classes << classes if classes
-
   text_classes = %w(govuk-warning-text__text)
   text_classes << "gem-c-warning-text__text--no-indent" if text_icon.empty?
   text_classes << "gem-c-warning-text__text--large" if large_font
   text_classes << "gem-c-warning-text__text--highlight" if highlight_text
 %>
 
-<%= tag.div id: id, class: css_classes do %>
+<%= tag.div id: id, class: "gem-c-warning-text govuk-warning-text" do %>
   <% unless text_icon.empty? %>
     <%= tag.span text_icon, class: "govuk-warning-text__icon", "aria-hidden": "true" %>
   <% end %>

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

@@ -47,11 +47,3 @@ examples:
       label:
         text: 'Countries'
       options: [['France', 'fr'], ['Germany', 'de'], ['Sweden', 'se'], ['Switzerland', 'ch'], ['United Kingdom', 'gb'], ['United States', 'us'], ['The Separate Customs Territory of Taiwan, Penghu, Kinmen, and Matsu (Chinese Taipei)', 'tw']]
-  with_multiple_selections_hide_facets:
-    description: This parameter hides the facet tags shown by the component in multiple mode when options have been chosen. This seems counter to likely requirements but is needed for finders where the app generates its own facet tags.
-    data:
-      multiple: true
-      hide_facets: true
-      label:
-        text: 'Countries'
-      options: [['France', 'fr'], ['Germany', 'de'], ['Sweden', 'se'], ['Switzerland', 'ch'], ['United Kingdom', 'gb'], ['United States', 'us'], ['The Separate Customs Territory of Taiwan, Penghu, Kinmen, and Matsu (Chinese Taipei)', 'tw']]

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

@@ -28,3 +28,9 @@ examples:
         tracking: GTM-123AB
       block: |
         We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.
+  open:
+    data:
+      title: Help with nationality
+      open: true
+      block: |
+        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.

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

@@ -7,12 +7,11 @@ body: |
 
   It applies styling to standard Markdown content, eg; paragraphs, headings and lists. It also applies styling to Govspeak specific markup, like [callouts](https://github.com/alphagov/govspeak#callouts), [contacts](https://github.com/alphagov/govspeak#points-of-contact) and [highlights](https://github.com/alphagov/govspeak#highlights).
 
-  Static also [applies some Javascript behaviours to this component][1].
+  Some JavaScript behaviours are applied to this component:
 
-  - Progressively enhanced, accessible charts (using [Magna Charta](https://github.com/alphagov/magna-charta), derived from tabular data (see example below)
-  - Progressively enhanced, accessible embedded YouTube player (using [AccessibleMediaPlayer](https://github.com/alphagov/Accessible-Media-Player))
+  - Progressively enhanced, accessible charts (using [Magna Charta](https://github.com/alphagov/magna-charta), derived from tabular data (see [example](./govspeak/charts))
+  - Progressively enhanced, accessible embedded YouTube player (using [AccessibleMediaPlayer](https://github.com/alphagov/Accessible-Media-Player)) (see [example](./govspeak/with_youtube_embed))
 
-  [1]: https://github.com/alphagov/static/tree/master/app/assets/javascripts/govuk-component
 accessibility_criteria: |
   - headings must be part of a correct heading structure for the page
   - text should have a text contrast ratio higher than 4.5:1 against the background colour to meet WCAG AA

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

@@ -34,3 +34,12 @@ examples:
       html_for: "id-that-matches-input"
       hint_id: "should-match-aria-describedby-input-bold"
       hint_text: "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+  inside_a_radio_component:
+    description: Then the label is used inside the [radio component](/component-guide/radio) additional classes are required on the radio, which are added by this option. This is already handled by the radio component and is a specific use case, but is worth documenting.
+    data:
+      text: "National Insurance number"
+      html_for: "id-that-matches-input"
+      is_radio_label: true
+      html_for: "id-radio"
+      hint_id: "id-radio"
+      hint_text: "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."

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

@@ -107,8 +107,8 @@ examples:
               text: Policies
             - href: '/government/publications'
               text: Publications
-            - href: '/government/announcements'
-              text: Announcements
+            - href: '/news-and-communications'
+              text: News and communications
       meta:
         items:
           - href: '/help'

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = '15.3.0'.freeze
+  VERSION = '16.0.0'.freeze
 end

data/node_modules/accessible-autocomplete/package.json

@@ -49,7 +49,7 @@
     "/"
   ],
   "_resolved": "git://github.com/alphagov/accessible-autocomplete.git#0c518b4fa79b9a95b544410858486ed9e6403c84",
-  "_shasum": "2a23fb1556e095fb6cdf1a602bf8a237de5122db",
+  "_shasum": "8ebbd2fed8be30664e8a43095c0a70ae6e55c294",
   "_shrinkwrap": null,
   "_spec": "accessible-autocomplete@git://github.com/alphagov/accessible-autocomplete.git#add-multiselect-support",
   "_where": "/var/lib/jenkins/workspace/ublishing_components_master-N4FWJIUY4CIFHKGZOAAEVVXODRY3YBORQOPIBBXWX72VUPSGJRRQ",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 15.3.0
+  version: 16.0.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-02-18 00:00:00.000000000 Z
+date: 2019-02-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govspeak
@@ -316,14 +316,20 @@ files:
 - app/assets/javascripts/govuk_publishing_components/components/copy-to-clipboard.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/govspeak.js
 - app/assets/javascripts/govuk_publishing_components/components/initial-focus.js
 - app/assets/javascripts/govuk_publishing_components/components/radio.js
 - app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js
 - app/assets/javascripts/govuk_publishing_components/dependencies.js
 - app/assets/javascripts/govuk_publishing_components/lib/current-location.js
+- app/assets/javascripts/govuk_publishing_components/lib/govspeak/barchart-enhancement.js
+- app/assets/javascripts/govuk_publishing_components/lib/govspeak/youtube-link-enhancement.js
 - app/assets/javascripts/govuk_publishing_components/lib/select.js
 - app/assets/javascripts/govuk_publishing_components/lib/toggle-input-class-on-focus.js
 - app/assets/javascripts/govuk_publishing_components/lib/toggle.js
+- app/assets/javascripts/govuk_publishing_components/vendor/jquery-ui-1.10.2.custom.js
+- app/assets/javascripts/govuk_publishing_components/vendor/jquery.player.min.js
+- app/assets/javascripts/govuk_publishing_components/vendor/magna-charta.min.js
 - app/assets/javascripts/govuk_publishing_components/vendor/modernizr.js
 - app/assets/stylesheets/component_guide/application.scss
 - app/assets/stylesheets/govuk_publishing_components/_all_components.scss
@@ -392,6 +398,7 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_contact.scss
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_example.scss
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_footnotes.scss
+- app/assets/stylesheets/govuk_publishing_components/components/govspeak/_form-download.scss
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_fraction.scss
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_images.scss
@@ -405,7 +412,6 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_tables.scss
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_typography.scss
 - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
-- app/assets/stylesheets/govuk_publishing_components/components/govspeak/form-download.scss
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_brand-colours.scss
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_contents-list-helper.scss
 - app/assets/stylesheets/govuk_publishing_components/components/helpers/_govuk-frontend-settings.scss
@@ -1079,8 +1085,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 3.0.1
 signing_key: 
 specification_version: 4
 summary: A gem to document components in GOV.UK frontend applications