govuk_publishing_components 43.1.0 → 43.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0cd528b4f8f215e98dc668b8aebbc8a70830275d42df7aadae6d26d8763ea932
-  data.tar.gz: 9406315ea8c87a29bbfe16c9243f8e05e6fb6f418ec10b41d16493891c92d9b4
+  metadata.gz: 615bd212043c5d56b77f4ae489360de90a0877c628476af746cfbae8db2de12a
+  data.tar.gz: 56562a3fa6ba4d4e9a165b1b9af5d22aa76e931a1d911b2097a4ec2d141c83fc
 SHA512:
-  metadata.gz: 5bd32ba843de584bfb07f87df4c3dc7624b3fb65d7cd6f46e6f21cc711950c102edc302cc2004570908e7f18a425315983c516f97d0a370654281803a9b7b394
-  data.tar.gz: d4deba88fd859ddce5ecec74087f169b45a305f84af32a3be12b3666a70c179d6d75901f22c1f7e7dde7b788f98db806fdcf929f3f9809ec649dfd100f06198e
+  metadata.gz: 7b4fceef68f3ca1a8a4f3494cdf9c5c54f52fb77ebb3ca9a705d7740148678943db2097a32b291d6cc180d769af096637d23e4601a3cc87dcf97b981cb9b2d6a
+  data.tar.gz: 7b49d7fe7a467dd3e882f2f202f7d7d218d9e3ce486a419997bc0cd60078734531ab4c2f602bde2bb251606fde98a57c9b154b4cec26e1998a7acc9b3d24ed31

data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss

@@ -178,3 +178,22 @@
     }
   }
 }
+
+@include govuk-media-query($media-type: print) {
+  .gem-c-action-link {
+    * {
+      color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
+    }
+
+    &::before {
+      display: none;
+    }
+
+    .gem-c-action-link__link {
+      &::after {
+        display: block;
+        font-size: 12pt;
+      }
+    }
+  }
+}

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

@@ -23,14 +23,6 @@
   @include govuk-font($size: 19, $weight: bold);
 }
 
-.gem-c-document-list--no-underline {
-  .gem-c-document-list__item-title {
-    .govuk-link {
-      text-decoration: none;
-    }
-  }
-}
-
 .gem-c-document-list--no-top-border {
   .gem-c-document-list__item {
     border-top: none;
@@ -160,20 +152,6 @@
   }
 }
 
-.gem-c-document-list-child__link {
-  text-decoration: none;
-
-  &:hover {
-    text-decoration: underline;
-    text-underline-offset: .1em;
-    @include govuk-link-hover-decoration;
-  }
-
-  &:focus {
-    text-decoration: none;
-  }
-}
-
 .gem-c-document-list-child__description {
   margin-top: govuk-spacing(1);
   margin-bottom: govuk-spacing(1);

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

@@ -31,7 +31,6 @@ $large-input-size: 50px;
   display: block;
   color: $govuk-text-colour;
   cursor: text;
-  max-width: 68%;
   text-overflow: ellipsis;
   height: 90%;
   overflow: hidden;
@@ -48,6 +47,7 @@ $large-input-size: 50px;
     left: 2px;
     top: 2px;
     bottom: 2px;
+    max-width: 68%;
     padding-left: govuk-spacing(3);
     z-index: 1;
     color: $govuk-secondary-text-colour;

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

@@ -128,6 +128,13 @@ $table-row-even-background-colour: govuk-colour("light-grey");
 
 // stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
+  .govuk-table,
+  .gem-c-table {
+    a::after {
+      display: none !important;
+    }
+  }
+
   .govuk-table--sortable {
     outline: none;
 

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_advisory.scss

@@ -10,7 +10,7 @@ $high-alert-border: #cc0000;
     background-position: 98% center;
     background-color: $info-background;
     line-height: 1.3em;
-    margin: 0 -1em 1em;
+    margin: 0 0 1em;
     padding: govuk-spacing(3) govuk-spacing(8) govuk-spacing(3) govuk-spacing(3);
     text-align: left;
 

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_highlight-answer.scss

@@ -10,7 +10,7 @@ $highlight-answer-color: govuk-colour("white");
     color: $highlight-answer-color;
     text-align: center;
     padding: 1.75em .75em 1.25em;
-    margin: 0 -1em 1em;
+    margin: 0 0 1em;
 
     p {
       color: $highlight-answer-color;

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_tables.scss

@@ -97,3 +97,12 @@
     }
   }
 }
+
+@include govuk-media-query($media-type: print) {
+  .govspeak,
+  .gem-c-govspeak {
+    table a::after {
+      display: none !important; // stylelint-disable-line declaration-no-important
+    }
+  }
+}

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

@@ -17,7 +17,7 @@
   dark_large_icon ||= false
   light_icon ||= false
 
-  css_classes = %w(gem-c-action-link govuk-!-display-none-print)
+  css_classes = %w(gem-c-action-link)
   css_classes << "gem-c-action-link--light-text" if light_text
   css_classes << "gem-c-action-link--dark-icon" if dark_icon
   css_classes << "gem-c-action-link--dark-large-icon" if dark_large_icon

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

@@ -7,12 +7,11 @@
 
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.add_class("gem-c-document-list")
-  component_helper.add_class("gem-c-document-list--no-underline") if local_assigns[:remove_underline]
   component_helper.add_class("gem-c-document-list--no-top-border") if local_assigns[:remove_top_border]
   component_helper.add_class("gem-c-document-list--no-top-border-first-child") if local_assigns[:remove_top_border_from_first_child]
   component_helper.add_class(shared_helper.get_margin_bottom)
 
-
+  extra_link_classes = "govuk-link--no-underline" if local_assigns[:remove_underline]
   title_with_context_class = " gem-c-document-list__item-title--context"
 
   brand ||= false
@@ -57,7 +56,7 @@
                 item[:link][:text],
                 item[:link][:path],
                 data: item[:link][:data_attributes],
-                class: "#{item_classes} govuk-link",
+                class: "#{item_classes} govuk-link #{extra_link_classes}",
                 lang: item[:link][:locale].presence,
                 rel: rel,
               )
@@ -118,7 +117,7 @@
                       part[:link][:text],
                       part[:link][:path],
                       data: part[:link][:data_attributes],
-                      class: "gem-c-document-list-child__heading #{brand_helper.color_class} govuk-link gem-c-document-list-child__link",
+                      class: "gem-c-document-list-child__heading gem-c-document-list-child__link #{brand_helper.color_class} govuk-link #{extra_link_classes}",
                     )
                   else
                     content_tag(

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

@@ -1,18 +1,17 @@
 <%
   add_gem_component_stylesheet("hint")
 
-  id ||= "hint-#{SecureRandom.hex(4)}"
+  local_assigns[:id] ||= "hint-#{SecureRandom.hex(4)}"
   is_radio_label_hint ||= false
   right_to_left ||= false
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
 
-  css_classes = %w( gem-c-hint govuk-hint )
-  css_classes << "govuk-radios__hint" if is_radio_label_hint
-
-  custom_margin_bottom_class = shared_helper.get_margin_bottom if [*0..9].include?(local_assigns[:margin_bottom])
-  css_classes << custom_margin_bottom_class if local_assigns[:margin_bottom]
+  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
+  component_helper.add_class("gem-c-hint govuk-hint")
+  component_helper.add_class("govuk-radios__hint") if is_radio_label_hint
+  component_helper.add_class(shared_helper.get_margin_bottom) if [*0..9].include?(local_assigns[:margin_bottom])
 %>
 
-<%= tag.div id: id, class: css_classes, dir: right_to_left ? "rtl" : nil do %>
+<%= tag.div(**component_helper.all_attributes, dir: right_to_left ? "rtl" : nil) do %>
   <%= text %>
 <% end %>

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

@@ -6,9 +6,24 @@
   error_text ||= nil
   error_text_prefix ||= t("components.password_input.error_text_prefix")
 
+  button_show_password_aria_label ||= t("components.password_input.button_aria_label")
+  button_hide_password_aria_label ||= t("components.password_input.button_aria_hide_label")
+  button_show_password_text ||= t("components.password_input.button")
+  button_hide_password_text ||= t("components.password_input.button_hide")
+  password_shown_announcement ||= t("components.password_input.password_shown_announcement")
+  password_hidden_announcement ||= t("components.password_input.password_hidden_announcement")
+
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
-  component_helper.add_data_attribute({ module: "govuk-password-input" })
+  component_helper.add_data_attribute({
+    module: "govuk-password-input",
+      "i18n.show-password": button_show_password_text,
+      "i18n.hide-password": button_hide_password_text,
+      "i18n.show-password-aria-label": button_show_password_aria_label,
+      "i18n.hide-password-aria-label": button_hide_password_aria_label,
+      "i18n.password-shown-announcement": password_shown_announcement,
+      "i18n.password-hidden-announcement": password_hidden_announcement,
+    })
   component_helper.add_class('govuk-form-group')
   component_helper.add_class('govuk-form-group--error') if error_text
   component_helper.add_class('govuk-password-input')
@@ -34,7 +49,6 @@
     aria_controls << '-with-error-message'
     paragraph_id = uid + '-password-input-with-error-message-error'
   end
-
 %>
 
 <%= tag.div(**component_helper.all_attributes) do %>
@@ -70,9 +84,9 @@
       hidden: true,
       aria: {
         controls: aria_controls,
-        label: t("components.password_input.button_aria_label")
+        label: button_show_password_aria_label
       }) do %>
-        <%= t("components.password_input.button") %>
+        <%= button_show_password_text %>
       <% end %>
   </div>
 <% end %>

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

@@ -307,6 +307,29 @@ examples:
         - link:
             text: 'Criteria'
             description: 'no url provided, just text'
+  with_parts_and_no_underline:
+    description: The legacy finders design does not include underlines on links, neither on the main item nor the children.
+    data:
+      remove_underline: true
+      items:
+      - link:
+          text: 'Universal credit'
+          path: '/universal-credit'
+          description: 'Universal Credit is replacing 6 other benefits with a single monthly payment if you are out of work or on a low income - eligibility, how to prepare'
+        parts:
+        - link:
+            text: 'What universal credit is'
+            path: '/universal-credit/what-it-is'
+            description: 'Universal Credit is a payment to help with your living costs. It’s paid monthly - or twice a month for some people in Scotland.'
+        - link:
+            text: 'Elegibility'
+            path: '/universal-credit/eligibility'
+            description: 'You may be able to get Universal Credit if: you’re on a low income or out...'
+            data_attributes:
+              an_attribute: some_value
+        - link:
+            text: 'Criteria'
+            description: 'no url provided, just text'
   with_locale_specified:
     description: |
       The component is used on translated pages that don’t have a translation for the document link text or the metadata. 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.

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

@@ -2,6 +2,7 @@ name: Form hint text
 description: Use hints for any form fields.
 govuk_frontend_components:
   - hint
+uses_component_wrapper_helper: true
 accessibility_criteria: |
   All text must have a contrast ratio higher than 4.5:1 against the background colour to meet [WCAG AA](https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast)
 

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

@@ -33,11 +33,26 @@ examples:
     data:
       error_text: Enter a password
   with_custom_label_and_error_text:
-    description: For translations or other purposes, the text presented to the user in this component can be changed. Note that the error text prefix is hidden visually and used by assistive tools when there is an error. By default, the prefix is "Error".
+    description: |
+      For translations or other purposes, the text presented to the user in this component can be changed.
+
+      Note that the error text prefix and announcements are hidden visually and used by assistive tools when there is an error.
+
+      By default, the error prefix is "Error".
+
+      By default, the password shown announcement is "Your password is visible".
+
+      By default, the password hidden announcement is "Your password is hidden".
     data:
       label_text: Secret number
       error_text_prefix: Incompatible
       error_text: 6 is scared of 7, so they can't be next to each other.
+      button_show_password_aria_label: View password
+      button_hide_password_aria_label: Obscure password
+      button_show_password_text: View
+      button_hide_password_text: Obscure
+      password_shown_announcement: Secret number is in view
+      password_hidden_announcement: Secret number is obscured
   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/app/views/govuk_publishing_components/components/layout_header/_navigation_items.html.erb

@@ -7,7 +7,6 @@
   <%= tag.nav class: "gem-c-header__nav govuk-header__navigation govuk-header__navigation--end", aria: { label: navigation_aria_label } do %>
     <button
       aria-controls="<%= navigation_id %>"
-      aria-label="Show or hide Top Level Navigation"
       class="govuk-header__menu-button govuk-js-header-toggle gem-c-header__menu-button govuk-!-display-none-print"
       type="button"
       data-button-name="menu"

data/config/locales/ar.yml

@@ -150,9 +150,13 @@ ar:
       all_content_search_description: العثور عن كل المحتوى من %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: ترقيم الصفحات

data/config/locales/az.yml

@@ -147,9 +147,13 @@ az:
       all_content_search_description: "%{organisation}-dan bütün məzmunu tap"
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Səhifələrə bölmə

data/config/locales/be.yml

@@ -153,9 +153,13 @@ be:
       all_content_search_description: Шукаць увесь змест з %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Месцаванне старонак

data/config/locales/bg.yml

@@ -151,9 +151,13 @@ bg:
       all_content_search_description: Намиране на цялото съдържание от %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Страниране

data/config/locales/bn.yml

@@ -148,9 +148,13 @@ bn:
       all_content_search_description: "%{organisation}-এর সকল বিষয়বস্তু খুঁজে বের করুন"
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: পেজিনেশন

data/config/locales/cs.yml

@@ -152,9 +152,13 @@ cs:
       all_content_search_description: Najít veškerý obsah z %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Stránkování

data/config/locales/cy.yml

@@ -151,9 +151,13 @@ cy:
       all_content_search_description: Dod o hyd i'r holl gynnwys gan %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Tudalennu

data/config/locales/da.yml

@@ -148,9 +148,13 @@ da:
       all_content_search_description: Find alt indhold fra %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Paginering

data/config/locales/de.yml

@@ -151,9 +151,13 @@ de:
       all_content_search_description: Alle Inhalte von %{organisation} finden
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Seitenzahlen

data/config/locales/dr.yml

@@ -149,9 +149,13 @@ dr:
       all_content_search_description: تمام محتویات را از اینجا بدست بیاورید %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: صفحه گذاری

data/config/locales/el.yml

@@ -147,9 +147,13 @@ el:
       all_content_search_description: Εύρεση όλου του περιεχομένου από τον οργανισμό %{Organization}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Σελιδοποίηση

data/config/locales/en.yml

@@ -253,10 +253,14 @@ en:
     organisation_schema:
       all_content_search_description: Find all content from %{organisation}
     password_input:
-      label: "Password"
-      button: "Show"
-      button_aria_label: "Show password"
-      error_text_prefix: "Error"
+      label: Password
+      button: Show
+      button_hide: Hide
+      button_aria_label: Show password
+      button_aria_hide_label: Hide password
+      password_shown_announcement: Your password is visible
+      password_hidden_announcement: Your password is hidden
+      error_text_prefix: Error
     previous_and_next_navigation:
       next: Next
       pagination: Pagination

data/config/locales/es-419.yml

@@ -147,9 +147,13 @@ es-419:
       all_content_search_description: Buscar todo el contenido de %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Paginación

data/config/locales/es.yml

@@ -147,9 +147,13 @@ es:
       all_content_search_description: Buscar todo el contenido de %{organization}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Paginación

data/config/locales/et.yml

@@ -150,9 +150,13 @@ et:
       all_content_search_description: Leidke kogu ettevõtte %{organization} sisu
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Lehekülgede jaotus

data/config/locales/fa.yml

@@ -146,9 +146,13 @@ fa:
       all_content_search_description: یافتن تمام محتوا از %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: صفحه‌بندی

data/config/locales/fi.yml

@@ -149,9 +149,13 @@ fi:
       all_content_search_description: Etsi kaikki sisältö alkaen %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Sivunumerointi

data/config/locales/fr.yml

@@ -147,9 +147,13 @@ fr:
       all_content_search_description: Rechercher tout le contenu de %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Pagination

data/config/locales/gd.yml

@@ -149,9 +149,13 @@ gd:
       all_content_search_description: Faigh gach rud ó %{organisation}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: Leathanach

data/config/locales/gu.yml

@@ -147,9 +147,13 @@ gu:
       all_content_search_description: "%{organisation} થી તમામ સામગ્રી શોધો"
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: પૃષ્ઠ ક્રમાંકન

data/config/locales/he.yml

@@ -147,9 +147,13 @@ he:
       all_content_search_description: מצא את כל התוכן של %{organization}
     password_input:
       button:
+      button_aria_hide_label:
       button_aria_label:
+      button_hide:
       error_text_prefix:
       label:
+      password_hidden_announcement:
+      password_shown_announcement:
     previous_and_next_navigation:
       next:
       pagination: חלוקה לעמודים