govuk_publishing_components 21.41.4 → 21.42.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9d4263852283a50336d43fdd7b56a06ab968227afcaa08b25181499c7e270855
-  data.tar.gz: af61816f2ef492f8a3ca62bb0eae3ed97e62779ff0fefdc43a782535139146bc
+  metadata.gz: 24829cd84e2ddb267b818d1d885391681240e46cac461922e7389dc173c797c6
+  data.tar.gz: 1e07e232b562ebfc957807cc4c08a28ce29d3d7b4ae5c31ad00283f5ce30f651
 SHA512:
-  metadata.gz: ecf6d158f9724bec8f9188c90f5b9800ccd3177f1ce46d46bb2a9e04875b9e180fb153bfa7922fd10029f0151b4da44f6734c264088ec8452c5a66bd9b8cd852
-  data.tar.gz: df909a799add5deaf886c14be12bd0265013149144d2790489809257bcefc8b39d59ea2c0da01a6004ad898c73e44433450f984c3312c7f0766d19c3e90e45bf
+  metadata.gz: a59631eac2c60297c23f7fac1b136baa6d4ed48a75d03aace3ddd5b9eba136d39c772df2602bb88d7336824e581137acf8a3a78e273a1b681241183eb9155f43
+  data.tar.gz: 45bfd361a06cfcff26f939f5469c6e6f1c9790059fdb63ae3556b731308e1a6ae86e60be28c01c94b67ed3fa7dfaea0803dd737607023f59ebd8876b11aec84f

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

@@ -1,5 +1,15 @@
 @import "govuk/components/accordion/accordion";
 
+.gem-c-accordion {
+  .govuk-accordion__section-heading {
+    // this is a temporary addition to fix the line height when it
+    // is being overridden by styles from govuk-template in collections
+    @include govuk-media-query($until: desktop) {
+      @include govuk-font(24, $weight: bold, $line-height: 1.6);
+    }
+  }
+}
+
 .govuk-accordion--condensed {
   .govuk-accordion__section-button {
     @include govuk-media-query($from: tablet) {

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

@@ -1,11 +1,14 @@
 <%
+  local_assigns[:margin_bottom] ||= 6
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 
   id ||= "default-id-#{SecureRandom.hex(4)}"
   items ||= []
   condensed ||= false
+
   accordion_classes = %w(gem-c-accordion govuk-accordion)
   accordion_classes << 'govuk-accordion--condensed' if condensed
+  accordion_classes << (shared_helper.get_margin_bottom)
 
   data_attributes ||= {}
   data_attributes[:module] = 'govuk-accordion'

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

@@ -233,6 +233,20 @@ examples:
             text: "How people read"
           content:
             html: "<p class='govuk-body'>This is the content for How people read.</p>"
+  with_margin_bottom:
+    description: |
+      The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to having a margin bottom of 30px.
+    data:
+      margin_bottom: 0
+      items:
+        - heading:
+            text: "Writing well for the web"
+          content:
+            html: "<p class='govuk-body'>This is the content for Writing well for the web.</p>"
+        - heading:
+            text: "Writing well for specialists"
+          content:
+            html: "<p class='govuk-body'>This is the content for Writing well for specialists.</p>"
   with_section_open:
     description: |
       Adding `expanded: true` to the item will mean the section will default to being open, rather than closed. Once a user has opened or closed a section, the state of each section will be remembered - this can override a section's default.

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "21.41.4".freeze
+  VERSION = "21.42.0".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 21.41.4
+  version: 21.42.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-23 00:00:00.000000000 Z
+date: 2020-04-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: gds-api-adapters