govuk_publishing_components 21.68.1 → 23.2.1

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

@@ -1,4 +1,6 @@
 <%
+  shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
+
   id ||= "input-#{SecureRandom.hex(4)}"
   value ||= nil
   type ||= "text"
@@ -22,6 +24,7 @@
   error_id = "error-#{SecureRandom.hex(4)}"
   search_icon ||= nil
   heading_size = false unless ['s', 'm', 'l', 'xl'].include?(heading_size)
+  heading_level ||= nil
   prefix ||= nil
   suffix ||= nil
 
@@ -53,10 +56,20 @@
 
 <%= content_tag :div, class: form_group_css_classes do %>
   <% if label %>
-    <%= render "govuk_publishing_components/components/label", {
-      html_for: id,
-      heading_size: heading_size
-    }.merge(label.symbolize_keys) %>
+    <% label_markup = capture do %>
+      <%= render "govuk_publishing_components/components/label", {
+        html_for: id,
+        heading_size: heading_size
+      }.merge(label.symbolize_keys) %>
+    <% end %>
+
+    <% if heading_level %>
+      <%= content_tag(shared_helper.get_heading_level, class: "govuk-label-wrapper") do %>
+        <%= label_markup %>
+      <% end %>
+    <% else %>
+      <%= label_markup %>
+    <% end %>
   <% end %>
 
   <% if hint %>

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

@@ -47,7 +47,6 @@
 
     <% unless omit_header %>
       <%= render "govuk_publishing_components/components/layout_header", {
-        environment: "public",
         search: show_search,
         # layout-header will always have border-bottom, unless the layout is full width
         remove_bottom_border: full_width,

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

@@ -1,6 +1,6 @@
 <%
-  product_name ||= "Publishing"
-  public_environment = environment.eql?("public")
+  product_name ||= nil
+  environment ||= nil
   full_width ||= false
   search ||= false
   search_left ||= false
@@ -8,8 +8,9 @@
   remove_bottom_border ||= false
   search_left ||= false
   width_class = full_width ? "govuk-header__container--full-width" : "govuk-width-container"
+
   header_classes = %w(gem-c-layout-header govuk-header)
-  header_classes << "gem-c-layout-header--#{environment}"
+  header_classes << "gem-c-layout-header--#{environment}" if environment
   header_classes << "gem-c-layout-header--no-bottom-border" if remove_bottom_border
   header_classes << "gem-c-layout-header--search-left" if search_left
 %>
@@ -19,7 +20,7 @@
     <% if search_left %>
       <div class="govuk-grid-row govuk-!-margin-left-0 govuk-!-margin-right-0">
         <div class="gem-c-layout-header__logo govuk-grid-column-one-third-from-desktop">
-          <%= render "govuk_publishing_components/components/layout_header/header_logo", public_environment: public_environment, environment: environment, product_name: product_name %>
+          <%= render "govuk_publishing_components/components/layout_header/header_logo", environment: environment, product_name: product_name %>
         </div>
       </div>
       <div class="govuk-grid-row govuk-!-margin-left-0 govuk-!-margin-right-0">
@@ -33,7 +34,7 @@
     <% else %>
       <div class="govuk-grid-row govuk-!-margin-left-0 govuk-!-margin-right-0">
         <div class="gem-c-layout-header__logo govuk-grid-column-two-thirds">
-          <%= render "govuk_publishing_components/components/layout_header/header_logo", public_environment: public_environment, environment: environment, product_name: product_name %>
+          <%= render "govuk_publishing_components/components/layout_header/header_logo", environment: environment, product_name: product_name %>
         </div>
         <div class="govuk-header__content gem-c-header__content">
           <%= render "govuk_publishing_components/components/layout_header/navigation_items", navigation_items: navigation_items  %>

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

@@ -2,9 +2,11 @@
   description ||= false
   prepend ||= false
   append ||= false
+
+  shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 %>
 <div class="gem-c-panel govuk-panel govuk-panel--confirmation">
-  <h2 class="govuk-panel__title">
+  <%= content_tag(shared_helper.get_heading_level, class: "govuk-panel__title") do %>
     <% if prepend %>
       <span class="gem-c-panel__prepend">
         <%= prepend %>
@@ -18,7 +20,8 @@
         <%= append %>
       </span>
     <% end %>
-  </h2>
+  <% end %>
+
   <% if description %>
     <div class="govuk-panel__body">
       <%= description %>

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

@@ -2,26 +2,41 @@
   text ||= t('components.print_link.text')
   href ||= nil
   data_attributes ||= {}
-
   require_js ||= href.nil?
-  data_attributes[:module] = 'print-link' if require_js
+  margin_top ||= 3
+  margin_bottom ||= 3
+
+  data_attributes[:module] = require_js ? "print-link" : "button"
+
+  shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new({
+    margin_top: margin_top,
+    margin_bottom: margin_bottom
+  })
+
+  wrapper_classes = %w(gem-c-print-link)
+  wrapper_classes << "gem-c-print-link--show-without-js" unless require_js
+  wrapper_classes << (shared_helper.get_margin_top)
+  wrapper_classes << (shared_helper.get_margin_bottom)
+
+  classes = %w(govuk-link)
+  classes << "gem-c-print-link__button" if href.nil?
+  classes << "gem-c-print-link__link govuk-link--no-visited-state" if href.present?
 %>
 
-<% if require_js %>
-  <div class="gem-c-print-link" >
+<%= tag.div class: wrapper_classes do %>
+  <% if require_js %>
     <%= content_tag(:button, text, {
-        class: %w(gem-c-print-link__button govuk-link),
+        class: classes,
         data: data_attributes
     }) %>
-  </div>
-<% else %>
-  <div class="gem-c-print-link gem-c-print-link--show-without-js">
+  <% else %>
     <%= link_to(
       text,
       href,
-      class: %w(gem-c-print-link__link govuk-link),
+      class: classes,
       rel: "alternate",
-      data: data_attributes
+      data: data_attributes,
+      role: "button"
     ) %>
-  </div>
+  <% end %>
 <% end %>

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

@@ -83,6 +83,14 @@ examples:
       text: Getting financial help and keeping your business safe
       href: "/financial-help"
       simple: true
+  simple_light_arrow:
+    data:
+      text: Getting financial help and keeping your business safe
+      href: "/financial-help"
+      light_text: true
+      simple_light: true
+    context:
+      dark_background: true
   with_small_icon:
     data:
       text: Coronavirus (COVID-19)

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

@@ -203,40 +203,3 @@ examples:
             text: 2. Numbers not parsed
           - href: "#third-thing"
             text: 3. Numbers are just text
-  without_a_title:
-    description: The component can be used to provide a list of links to other pages, in which case the 'Contents' title is inappropriate and can be removed.
-    data:
-      hide_title: true
-      contents:
-        - href: "#first-thing"
-          text: Community best practice
-          items:
-          - href: "#second-thing"
-            text: Guidance and regulation
-          - href: "#third-thing"
-            text: Consultations
-  with_a_custom_title:
-    description: Override the default title of "Contents" with a custom title
-    data:
-      title: "On this page"
-      contents:
-        - href: "#first-thing"
-          text: First thing
-        - href: "#second-thing"
-          text: Second thing
-        - href: "#third-thing"
-          text: Third thing
-  with_a_custom_title_locale:
-    description: |
-      This component is often used on translated pages that don’t have a translation for the title of the contents list. This means that it could display the fallback English string if the translate method can’t find an appropriate translation. This makes sure that the lang can be set to ensure that browsers understand which parts of the page are in each language.
-
-      The lang attribute must be set to a [valid BCP47 string](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang#Language_tag_syntax). A valid code can be the two or three letter language code - for example, English is en or eng, Korean is ko or kor - but if in doubt please check.
-    data:
-      title_lang: "cy"
-      contents:
-        - href: "#first-thing"
-          text: First thing
-        - href: "#second-thing"
-          text: Second thing
-        - href: "#third-thing"
-          text: Third thing

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

@@ -24,12 +24,7 @@ examples:
     data:
       block: |
         <h2>This is a title</h2>
-          <p>This is some body text with <a href=#>a link</a></p>
-  with_content:
-    data:
-      content: |
-        <h2>This is a title</h2>
-        <p>This is some body text with <a href=#>a link</a></p>
+          <p>This is some body text with <a href="https://example.com">a link</a>.</p>
   heading_levels:
     data:
       block: |

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

@@ -125,12 +125,16 @@ examples:
       name: "search-box"
       type: "search"
       search_icon: true
-  with_custom_label_size:
-    description: Make the label different sizes. Valid options are 's', 'm', 'l' and 'xl'.
+  with_label_as_heading:
+    description: |
+      Wraps the label in a heading tag. Valid options are 1 to 6. To adjust the size of the label/heading, use the `heading_size` option. Valid options are 's', 'm', 'l' and 'xl'.
+
+      Based on the [heading/label pattern](https://design-system.service.gov.uk/patterns/question-pages/) in the Design System.
     data:
       label:
-        text: "What is your name?"
+        text: "This is a heading 1 and a label"
       name: "name"
+      heading_level: 1
       heading_size: "l"
   with_prefix:
     description: To help users understand how the input should look like. Often used for units of measurement.

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

@@ -44,7 +44,6 @@ examples:
     description: This supports pages where the search appears on the left with multiple navigation links on the right, such as the [How government works](https://www.gov.uk/government/how-government-works) page
     data:
       search_left: true
-      environment: public
       navigation_items:
       - text: Departments
         href: "item-1"
@@ -71,10 +70,8 @@ examples:
     description: This is useful for pages where a large full-width banner is the first thing to appear on the page, for example, the [GOV.UK homepage](https://www.gov.uk)
     data:
       remove_bottom_border: true
-      environment: 'public'
   with_search_bar:
     data:
-      environment: 'public'
       search: true
 
 accessibility_criteria: |

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

@@ -23,3 +23,7 @@ examples:
       prepend: The next bank holiday in England and Wales is
       title: 19 April
       append: Good Friday
+  with_different_heading_level:
+    data:
+      title: This is a H1
+      heading_level: 1

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

@@ -22,3 +22,8 @@ examples:
         track-category: "printButton"
         track-action: "clicked"
         track-label: "Print this page"
+  with_custom_margins:
+    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 margin level 3 on top and bottom.
+    data:
+      margin_top: 0
+      margin_bottom: 4

data/app/views/govuk_publishing_components/components/layout_header/_header_logo.html.erb

@@ -11,10 +11,12 @@
         GOV.UK
       </span>
     </span>
-    <% unless public_environment %>
+    <% if product_name %>
       <span class="govuk-header__product-name gem-c-header__product-name">
         <%= product_name %>
       </span>
+    <% end %>
+    <% if environment %>
       <span class="gem-c-environment-tag govuk-tag gem-c-environment-tag--<%= environment %>">
         <%= environment %>
       </span>

data/config/initializers/assets.rb

@@ -11,6 +11,7 @@ Rails.application.config.assets.precompile += %w[
   govuk_publishing_components/ie.js
   govuk_publishing_components/modules.js
   govuk_publishing_components/vendor/modernizr.js
+  govuk_publishing_components/analytics.js
   govuk_publishing_components/component_guide.css
   govuk_publishing_components/favicon-development.png
   govuk_publishing_components/favicon-example.png

data/config/locales/et.yml

@@ -0,0 +1,4 @@
+et:
+  components:
+    contents_list:
+      contents: Sisukord

data/config/locales/fr.yml

@@ -0,0 +1,4 @@
+fr:
+  components:
+    contents_list:
+      contents: Contenu

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "21.68.1".freeze
+  VERSION = "23.2.1".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 21.68.1
+  version: 23.2.1
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-12 00:00:00.000000000 Z
+date: 2020-11-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -318,6 +318,8 @@ files:
 - app/assets/images/govuk_publishing_components/action-link--nhs.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow--dark.png
 - app/assets/images/govuk_publishing_components/action-link-arrow--dark.svg
+- app/assets/images/govuk_publishing_components/action-link-arrow--simple-light.png
+- app/assets/images/govuk_publishing_components/action-link-arrow--simple-light.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow--simple.png
 - app/assets/images/govuk_publishing_components/action-link-arrow--simple.svg
 - app/assets/images/govuk_publishing_components/action-link-arrow--transparent.svg
@@ -395,6 +397,22 @@ files:
 - app/assets/javascripts/component_guide/vendor/matches-polyfill.min.js
 - app/assets/javascripts/component_guide/visual-regression.js
 - app/assets/javascripts/govuk_publishing_components/all_components.js
+- app/assets/javascripts/govuk_publishing_components/analytics.js
+- app/assets/javascripts/govuk_publishing_components/analytics/analytics.js
+- app/assets/javascripts/govuk_publishing_components/analytics/auto-track-event.js
+- app/assets/javascripts/govuk_publishing_components/analytics/custom-dimensions.js
+- app/assets/javascripts/govuk_publishing_components/analytics/download-link-tracker.js
+- app/assets/javascripts/govuk_publishing_components/analytics/ecommerce.js
+- app/assets/javascripts/govuk_publishing_components/analytics/error-tracking.js
+- app/assets/javascripts/govuk_publishing_components/analytics/external-link-tracker.js
+- app/assets/javascripts/govuk_publishing_components/analytics/google-analytics-universal-tracker.js
+- app/assets/javascripts/govuk_publishing_components/analytics/init.js
+- app/assets/javascripts/govuk_publishing_components/analytics/mailto-link-tracker.js
+- app/assets/javascripts/govuk_publishing_components/analytics/page-content.js
+- app/assets/javascripts/govuk_publishing_components/analytics/pii.js
+- app/assets/javascripts/govuk_publishing_components/analytics/print-intent.js
+- app/assets/javascripts/govuk_publishing_components/analytics/scroll-tracker.js
+- app/assets/javascripts/govuk_publishing_components/analytics/static-analytics.js
 - app/assets/javascripts/govuk_publishing_components/components/accordion.js
 - app/assets/javascripts/govuk_publishing_components/components/button.js
 - app/assets/javascripts/govuk_publishing_components/components/character-count.js
@@ -427,6 +445,7 @@ files:
 - 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/lib/track-click.js
 - app/assets/javascripts/govuk_publishing_components/modules.js
 - app/assets/javascripts/govuk_publishing_components/vendor/html5shiv-printshiv.js
 - app/assets/javascripts/govuk_publishing_components/vendor/json2.js
@@ -746,6 +765,8 @@ files:
 - config/initializers/assets.rb
 - config/locales/cy.yml
 - config/locales/en.yml
+- config/locales/et.yml
+- config/locales/fr.yml
 - config/routes.rb
 - lib/generators/govuk_publishing_components/USAGE
 - lib/generators/govuk_publishing_components/component_generator.rb