govuk_publishing_components 21.44.0 → 21.45.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b748fce14e3d526274e597a0136feff3f1bbba9c1eb6018c0a95c2344591ea28
-  data.tar.gz: '09b7bf5ba0dbc2ccbd9a95b108321a1d30a996eae72e2916fa8b3f3f859c3774'
+  metadata.gz: a6b9b3ccb50fed59ef6f76d01f29904a100f1b3e3f5585e4884dd59c2ebe61a2
+  data.tar.gz: 11681141b7eb3b7904c8ee16f950370599ec2c4f4f9121ba34b6d04a57c4b522
 SHA512:
-  metadata.gz: 962cba3ec7bad947b7a70a53faa3f23af376d276bca8428bc26d9a364ecf768f41f7f096782f5c0714206ed12a0f1f17151e9c5b881c0f0638cf4ec46d15b10d
-  data.tar.gz: 9c85e249a91ae4c8e1450efb3916aa6331b7e1f7fddc633beeab3f51f244e9b90febf27f60eb21df27c74b3f25f38ef49ef5017c655b4efa7a469f374739dd4d
+  metadata.gz: 8be5fd215ab57c63d064a6b98f41ff4a6ecf92aafeea63e63a27a823075d72e12881b54c0d76995fc8037089b37696b64e9353940814ade22692439db3999ab8
+  data.tar.gz: bb193cd02f9916cdd204132eeccf7a3c155bf74503c8be662ac947a5d867bcdbd3d455e3fbede4950129c79dd7c6561ce459ff916b3198c9d80c47c1989658b7

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

@@ -16,3 +16,37 @@
     padding-left: govuk-spacing(6);
   }
 }
+
+.gem-c-input__wrapper {
+  display: flex;
+  display: -ms-flexbox; // sass-lint:disable-line no-duplicate-properties
+
+  .gem-c-input {
+    display: inline-block;
+    flex: 0 1 auto;
+  }
+
+  .gem-c-input:focus {
+    z-index: 1; // increase z-index on focus so it appears over the suffix
+  }
+}
+
+.gem-c-input__suffix {
+  @include govuk-font($size: 19);
+
+  background-color: govuk-colour("light-grey");
+  border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+  border-left: 0;
+  box-sizing: border-box;
+  cursor: default; // emphasise non-editable status of prefixes and suffixes
+  display: inline-block;
+  flex: 0 0 0;
+  padding: govuk-spacing(1);
+  white-space: nowrap;
+  width: auto;
+  height: 40px;
+  @if $govuk-typography-use-rem {
+    height: govuk-px-to-rem(40px);
+  }
+  margin-top: 0;
+}

data/app/controllers/govuk_publishing_components/component_guide_controller.rb

@@ -21,12 +21,12 @@ module GovukPublishingComponents
       @component_doc = component_docs.get(params[:component])
       @component_example = @component_doc.examples.find { |f| f.id == params[:example] }
       @guide_breadcrumbs = [
-                             index_breadcrumb,
-                             component_breadcrumb(@component_doc, @component_example),
-                             {
-                               title: @component_example.name,
-                             },
-                           ]
+        index_breadcrumb,
+        component_breadcrumb(@component_doc, @component_example),
+        {
+          title: @component_example.name,
+        },
+      ]
     end
 
     def preview

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

@@ -22,6 +22,7 @@
   error_id = "error-#{SecureRandom.hex(4)}"
   search_icon ||= nil
   heading_size = false unless ['s', 'm', 'l', 'xl'].include?(heading_size)
+  suffix ||= nil
 
   css_classes = %w(gem-c-input govuk-input)
   css_classes << "govuk-input--error" if has_error
@@ -72,22 +73,30 @@
     } %>
   <% end %>
 
-  <%= tag.input name: name,
-      value: value,
-      class: css_classes,
-      id: id,
-      type: type,
-      data: data,
-      autocomplete: autocomplete,
-      tabindex: tabindex,
-      autofocus: autofocus,
-      readonly: readonly,
-      maxlength: maxlength,
-      inputmode: inputmode,
-      pattern: pattern,
-      aria: {
-        describedby: aria_described_by,
-        controls: controls
-      }
+  <% input_tag = tag.input name: name,
+    value: value,
+    class: css_classes,
+    id: id,
+    type: type,
+    data: data,
+    autocomplete: autocomplete,
+    tabindex: tabindex,
+    autofocus: autofocus,
+    readonly: readonly,
+    maxlength: maxlength,
+    inputmode: inputmode,
+    pattern: pattern,
+    aria: {
+      describedby: aria_described_by,
+      controls: controls
+    }
   %>
+
+  <% if suffix %>
+    <%= tag.div class: "gem-c-input__wrapper" do %>
+      <%= input_tag %><%= tag.span suffix, class: "gem-c-input__suffix", aria: { hidden: true } %>
+    <% end %>
+  <% else %>
+    <%= input_tag %>
+  <% end %>
 <% end %>

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

@@ -132,3 +132,20 @@ examples:
         text: "What is your name?"
       name: "name"
       heading_size: "l"
+  with_suffix:
+    description: To help users understand how the input should look like. Often used for units of measurement.
+    data:
+      label:
+        text: "Lead times in days"
+      name: "lead-times"
+      width: 10
+      suffix: "days"
+  with_suffix_and_error:
+    description: To help users understand how the input should look like. Often used for units of measurement.
+    data:
+      label:
+        text: "Lead times in days"
+      error_message: "Enter the approximate lead time in days, do not include words or symbols."
+      name: "lead-times"
+      width: 10
+      suffix: "days"

data/lib/govuk_publishing_components/presenters/breadcrumbs.rb

@@ -59,8 +59,8 @@ module GovukPublishingComponents
           track_action: index,
           track_label: path,
           track_options: {
-              dimension28: breadcrumbs_length.to_s,
-              dimension29: crumb[:title],
+            dimension28: breadcrumbs_length.to_s,
+            dimension29: crumb[:title],
           },
         }
 

data/lib/govuk_publishing_components/presenters/machine_readable/creative_work_schema.rb

@@ -80,7 +80,7 @@ module GovukPublishingComponents
         return {} unless collection_pages("documents").any?
 
         {
-            "hasPart" => collection_pages("documents").map { |document| HasPartSchema.new(document).structured_data },
+          "hasPart" => collection_pages("documents").map { |document| HasPartSchema.new(document).structured_data },
         }
       end
 
@@ -101,7 +101,7 @@ module GovukPublishingComponents
         return {} unless live_taxons.any?
 
         {
-            "about" => linked_taxons,
+          "about" => linked_taxons,
         }
       end
 
@@ -115,9 +115,9 @@ module GovukPublishingComponents
       def linked_taxons
         live_taxons.map do |taxon|
           {
-              "@context" => "http://schema.org",
-              "@type" => "Thing",
-              "sameAs" => taxon["web_url"],
+            "@context" => "http://schema.org",
+            "@type" => "Thing",
+            "sameAs" => taxon["web_url"],
           }
         end
       end

data/lib/govuk_publishing_components/presenters/machine_readable/is_part_of_schema.rb

@@ -8,9 +8,9 @@ module GovukPublishingComponents
       def structured_data
         # http://schema.org/isPartOf - minimal
         {
-            "@context" => "http://schema.org",
-            "@type" => "CreativeWork",
-            "sameAs" => @is_part_of_url,
+          "@context" => "http://schema.org",
+          "@type" => "CreativeWork",
+          "sameAs" => @is_part_of_url,
         }
       end
     end

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "21.44.0".freeze
+  VERSION = "21.45.0".freeze
 end

metadata

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