govuk_publishing_components 19.0.0 → 20.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a99efb997d66a0e0b8352a2a278679c8eb2d58d3f6173aae146c232dcb4dc5e0
-  data.tar.gz: 91ef81fded7dc833d48994f6b405dfd07a3de3901c9af119c6a2ca271961a3e0
+  metadata.gz: 990b02a0baa723fb517e965dac760988a241c25961e0aa967d975c706f2b84e2
+  data.tar.gz: d49b26ffa0222193f227a35ca102e02eebba1274627eae1af13c801ad2a9b130
 SHA512:
-  metadata.gz: 9d6532435e8af54f7f1bd9adf37f4c28f7ff8a77b986d9e016b50e70185d3f2e46725bf89b01b7403373b1df9d7eb81c17d9371fd68619d6f19fcd5e6a45f941
-  data.tar.gz: 6ed9732bef8db933228174bbba6ba556685ab514d759f6b78251aa2d86097516fff0a5a93bfe6449f7215e499f1f8ff6878daa13c126e7bfe74f629cfa2d6c78
+  metadata.gz: 7c6405ee37d9f4b6b6a1b62c48fc246c03f7ab4a6df1018b6f1d899850ded84752a1b40ff39002dbcd7509e3a867c26883dacd16d1659d319d77b105c6deff29
+  data.tar.gz: 1899063ce48abb43bc7c34d4d93e2af84d11c3679fb06bc8111c5afe35aef58d79df7200245d579c623b47bff73ae8be7729019ea7ba677e770b8bd3683dbaa9

data/app/assets/stylesheets/govuk_publishing_components/components/_attachment.scss

@@ -48,6 +48,10 @@ $thumbnail-icon-border-colour: govuk-colour("mid-grey", $legacy: "grey-3");
   margin: 0 0 govuk-spacing(3);
 }
 
+.gem-c-attachment__link {
+  line-height: 1.29;
+}
+
 .gem-c-attachment__metadata {
   @include govuk-font($size: 14);
   margin: 0 0 govuk-spacing(3);

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

@@ -10,27 +10,12 @@
   box-shadow: 0 20px 15px -10px govuk-colour("white");
 }
 
-.gem-c-contents-list--inverse {
-  background: transparent;
-  box-shadow: none;
-}
-
 .gem-c-contents-list__title {
   @include govuk-text-colour;
   @include govuk-font($size: 16, $weight: regular, $line-height: 1.5);
   margin: 0;
 }
 
-.gem-c-contents-list--inverse .gem-c-contents-list__title,
-.gem-c-contents-list--inverse .gem-c-contents-list__link:link,
-.gem-c-contents-list--inverse .gem-c-contents-list__link:visited {
-  color: govuk-colour("white");
-}
-
-.gem-c-contents-list--inverse .gem-c-contents-list__link:focus {
-  color: $govuk-focus-text-colour;
-}
-
 .gem-c-contents-list__list,
 .gem-c-contents-list__nested-list {
   @include govuk-text-colour;
@@ -90,10 +75,6 @@
     }
   }
 
-  .gem-c-contents-list--inverse &:before {
-    color: govuk-colour("white");
-  }
-
   // Focus styles on IE8 and older include the
   // left margin, creating an odd white box with
   // orange border around the em dash.

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

@@ -45,7 +45,7 @@
 
 .gem-c-document-list__item-description {
   @include govuk-text-colour;
-  margin: 0 0 5px 0;
+  margin: govuk-spacing(1) 0;
 }
 
 .gem-c-document-list__subtext {

data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss

@@ -110,8 +110,13 @@
   margin: 0;
   list-style: none;
 
+  .gem-c-image-card__list-item {
+    margin-bottom: govuk-spacing(1);
+  }
+
   .gem-c-image-card__list-item-link {
     @extend %govuk-link;
+    line-height: 1.35em;
   }
 
   &.gem-c-image-card__list--indented {

data/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss

@@ -31,7 +31,7 @@
 
 .gem-c-metadata__term {
   margin-top: .5em;
-  line-height: normal;
+  line-height: 1.4;
 
   @include govuk-media-query($from: tablet) {
     box-sizing: border-box;
@@ -56,7 +56,7 @@
 
 .gem-c-metadata__definition {
   margin: 0;
-  line-height: normal;
+  line-height: 1.4;
 
   @include govuk-media-query($from: tablet) {
     float: left;

data/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss

@@ -56,10 +56,13 @@
   @include govuk-link-style-text;
   font-family: "HelveticaNeue", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
 
-  &:hover,
-  &:focus {
+  &:hover {
     text-decoration: underline;
   }
+
+  &:focus {
+    box-shadow: 0 -2px $govuk-focus-colour, 0 4px $govuk-focus-colour, 0 8px $govuk-focus-text-colour;
+  }
 }
 
 // all crest images are currently in whitehall

data/app/assets/stylesheets/govuk_publishing_components/components/_textarea.scss

@@ -1,5 +1,11 @@
 @import "govuk/components/textarea/textarea";
 
-.gem-c-textarea .govuk-textarea {
-  margin-bottom: 0;
+.gem-c-textarea {
+  .govuk-textarea {
+    margin-bottom: 0;
+
+    + .govuk-hint {
+      margin-top: govuk-spacing(1);
+    }
+  }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_brand-colours.scss

@@ -15,7 +15,7 @@
 
         &:hover,
         &:focus {
-          color: darken(govuk-organisation-colour($organisation), 10%);
+          color: govuk-colour("black");
         }
       }
 

data/app/assets/stylesheets/govuk_publishing_components/components/mixins/_clearfix.scss

@@ -5,8 +5,4 @@
     display: block;
     clear: both;
   }
-
-  @include ie-lte(7) {
-    zoom: 1;
-  }
 }

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

@@ -51,7 +51,7 @@
   <%= tag.div class: "gem-c-attachment__details" do %>
     <%= tag.h2 class: "gem-c-attachment__title" do %>
       <%= link_to attachment.title, attachment.url,
-            class: "govuk-link",
+            class: "govuk-link gem-c-attachment__link",
             target: target,
             data: data_attributes %>
     <% end %>

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

@@ -2,7 +2,6 @@
   cl_helper = GovukPublishingComponents::Presenters::ContentsListHelper.new
   format_numbers ||= false
   underline_links ||= false
-  inverse ||= false
   contents ||= []
   aria_label ||= ''
   nested = !!contents.find { |c| c[:items] && c[:items].any? }
@@ -20,10 +19,7 @@
 <% if contents.any? %>
   <nav
     role="navigation"
-    class="gem-c-contents-list
-      <%= 'gem-c-contents-list--inverse' if inverse %>
-      <%= 'gem-c-contents-list--no-underline' unless underline_links %>
-      <%= brand_helper.brand_class %>"
+    class="gem-c-contents-list <%= 'gem-c-contents-list--no-underline' unless underline_links %> <%= brand_helper.brand_class %>"
     data-module="track-click"
     <% if aria_label.present? %>
       aria-label="<%= aria_label %>"

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

@@ -1,7 +1,10 @@
 <%
   id ||= "inset-text-#{SecureRandom.hex(4)}"
 %>
-
 <%= tag.div id: id, class: "gem-c-inset-text govuk-inset-text" do %>
-  <%= text %>
+  <% if defined? text %>
+    <%= text %>
+  <% elsif block_given? %>
+    <%= yield %>
+  <% end %>
 <% end %>

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

@@ -29,7 +29,7 @@ examples:
   with_number_of_pages:
     data:
       attachment:
-        title: "Temporary snow ploughs: guidance note"
+        title: "Department for Transport, temporary snow ploughs: guidance note"
         url: https://assets.publishing.service.gov.uk/government/uploads/system/uploads/attachment_data/file/259634/temporary-snow-ploughs.pdf
         filename: temporary-snow-ploughs.pdf
         content_type: application/pdf

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

@@ -215,16 +215,3 @@ examples:
             text: Guidance and regulation
           - href: "#third-thing"
             text: Consultations
-  inverse:
-    description: Displays with no background colour, no box shadow and white text, for use on (for example) the [inverse header](/component-guide/inverse_header)
-    data:
-      inverse: true
-      contents:
-        - href: "#item-1"
-          text: "Item 1"
-        - href: "#item-2"
-          text: "Item 2"
-    context:
-      dark_background: true
-
-

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

@@ -57,7 +57,7 @@ examples:
           href: "/1"
         },
         {
-          text: "Prime Minister's and Cabinet Office ministers' transparency publications",
+          text: "Prime Minister's and Cabinet Office ministers' transparency publications relating to freedom of information requests for general consumption and the public interest in general",
           href: "/2"
         },
         {

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

@@ -8,3 +8,13 @@ examples:
   default:
     data:
       text: "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+
+  with_block:
+    description: |
+      Note that the contents should be styled separately from the component, which takes no responsibility for what it is passed.
+    data:
+      block: |
+        <div>
+          <h2 id='heading'>To publish this step by step you need to</h2>
+          <a href='/foo'>Check for broken links</a>
+        </div>

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = '19.0.0'.freeze
+  VERSION = '20.0.0'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 19.0.0
+  version: 20.0.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-09-03 00:00:00.000000000 Z
+date: 2019-09-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: gds-api-adapters