govuk_publishing_components 52.0.0 → 52.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 198f8ac365179c47560311c0629f3ff7e8e698cc3dbc96d2e7b400e8fc090a0d
-  data.tar.gz: dee1f0c019a773b93009f9028ae39e9f4c9cb8c3d344df15e89c04a9021dae50
+  metadata.gz: 65d358986b5bbd3ce3b30799d7cf7222b529b5c423633090273f08edb53b0bba
+  data.tar.gz: f9552e528d85ae9ba87045e65527e82a47eb13847713f8d8a7d6f2557e0e8328
 SHA512:
-  metadata.gz: ee48bbc9936311ebceb2c168f63ac94e13345b59507e1cf9a7268c5a752a1f7898a5a985e4cf9e606bb186f6b4cce4b830f7ef1fc9cf4cdbc593160f9cbff7db
-  data.tar.gz: 8468d0dd135db6de987149366fb6388b07603c2e8cc9248f2ab2818d17136e2af361c28a871bd17bf5cf97433fefafd1828a70b4ceaba1b20c2879b9f132d12c
+  metadata.gz: f6d4f5ed822cef7d67afcf398939c6e900bc1da3c35aa2701832680363aede5b7a8e882c64d744c771e1dbf9de683a4412353c7e7fdead23a6b4243425cf18f1
+  data.tar.gz: 52242c912e87ea2e6f7f0f6a4ed8ca91ea67b25ad485d0065b87659b44fd03ef3cd66ac58297a6e6ea1df082aa3e45c929f5c25bce323e0ffd9543f27aa74618

data/app/assets/stylesheets/govuk_publishing_components/components/_inset-text.scss

@@ -6,3 +6,15 @@
     break-inside: avoid;
   }
 }
+
+.gem-c-inset-text {
+  padding-top: govuk-spacing(4);
+
+  .govuk-inset-text {
+    margin-top: 0;
+  }
+
+  @include govuk-media-query($from: tablet) {
+    padding-top: govuk-spacing(6);
+  }
+}

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

@@ -5,13 +5,15 @@
   local_assigns[:margin_bottom] ||= 6
 
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
-  component_helper.add_class("gem-c-inset-text govuk-inset-text gem-c-force-print-link-styles-within")
+  component_helper.add_class("gem-c-inset-text gem-c-force-print-link-styles-within")
   component_helper.set_id(id)
 %>
 <%= tag.div(**component_helper.all_attributes) do %>
-  <% if defined? text %>
-    <%= text %>
-  <% elsif block_given? %>
-    <%= yield %>
-  <% end %>
+  <div class="govuk-inset-text">
+    <% if defined? text %>
+      <%= text %>
+    <% elsif block_given? %>
+      <%= yield %>
+    <% end %>
+  </div>
 <% end %>

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

@@ -9,6 +9,7 @@
   sortable ||= false
   filterable ||= false
   label ||= t("components.table.filter_label")
+  margin_bottom ||= nil
 
   table_id = "table-id-#{SecureRandom.hex(4)}"
   filter_count_id = "filter-count-id-#{SecureRandom.hex(4)}"
@@ -16,10 +17,11 @@
 
 <% @table = capture do %>
   <%= GovukPublishingComponents::AppHelpers::TableHelper.helper(self, caption, {
-      sortable: sortable,
-      filterable: filterable,
-      caption_classes: caption_classes,
-      table_id: table_id
+      sortable:,
+      filterable:,
+      caption_classes:,
+      table_id:,
+      margin_bottom:,
     }) do |t| %>
 
     <% if head.any? %>

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

@@ -140,7 +140,7 @@ examples:
         - text: £80
           format: numeric
   with_filter:
-    description: This option allows table rows to be filtered by user input. Since this filtering is implemented client-side the filter section is not displayed by default but displays only when JavaScript is enabled. The label for the input field can be set when the coponent is rendered via the `label` key. if this is not set a fallback value will display.
+    description: This option allows table rows to be filtered by user input. Since this filtering is implemented client-side the filter section is not displayed by default but displays only when JavaScript is enabled. The label for the input field can be set when the component is rendered via the `label` key. If this is not set a fallback value will display.
     data:
       filterable: true
       label: Filter months
@@ -169,3 +169,34 @@ examples:
           format: numeric
         - text: £125
           format: numeric
+  with_custom_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). By default, this component has a margin bottom of `30px`, as determined by the design system styles.
+    data:
+      margin_bottom: 0
+      filterable: true
+      label: Filter months
+      head:
+        - text: Month you apply
+        - text: Rate for bicycles
+          format: numeric
+        - text: Rate for vehicles
+          format: numeric
+      rows:
+      -
+        - text: January
+        - text: £85
+          format: numeric
+        - text: £95
+          format: numeric
+      -
+        - text: February
+        - text: £75
+          format: numeric
+        - text: £55
+          format: numeric
+      -
+        - text: March
+        - text: £165
+          format: numeric
+        - text: £125
+          format: numeric

data/lib/govuk_publishing_components/app_helpers/table_helper.rb

@@ -8,6 +8,7 @@ module GovukPublishingComponents
 
         classes = %w[gem-c-table govuk-table]
         classes << "govuk-table--sortable" if opt[:sortable]
+        classes << "govuk-!-margin-bottom-#{opt[:margin_bottom]}" if [*0..9].include?(opt[:margin_bottom])
 
         caption_classes = %w[govuk-table__caption]
         caption_classes << opt[:caption_classes] if opt[:caption_classes]

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "52.0.0".freeze
+  VERSION = "52.1.0".freeze
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 52.0.0
+  version: 52.1.0
 platform: ruby
 authors:
 - GOV.UK Dev
 bindir: bin
 cert_chain: []
-date: 2025-02-20 00:00:00.000000000 Z
+date: 2025-02-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -1997,7 +1997,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.4
+rubygems_version: 3.6.5
 specification_version: 4
 summary: A gem to document components in GOV.UK frontend applications
 test_files: []