RubyGems - govuk_publishing_components - Versions diffs - 24.7.0 → 24.9.2 - Mend

govuk_publishing_components 24.7.0 → 24.9.2

Files changed (121) hide show

data/app/views/govuk_publishing_components/components/docs/button.yml CHANGED Viewed

@@ -66,18 +66,19 @@ examples:
       href: "#"
       start: true
       info_text: "Sometimes you want to explain where a user is going to."
+  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 no margin bottom."
+    data:
+      text: "Submit"
+      margin_bottom: 6
   start_now_button_with_info_text_and_margin_bottom:
+    description: "When the component requires margin bottom and has info text, the margin is applied to the info text."
     data:
       text: "Start now"
       href: "#"
       start: true
       info_text: "Sometimes you want to explain where a user is going to and have a margin bottom"
-      margin_bottom: true
-  with_margin_bottom:
-    description: "Sometimes it's useful to break up a page, for example if a button is at the bottom of a page."
-    data:
-      text: "Submit"
-      margin_bottom: true
+      margin_bottom: 6
   extreme_text:
     data:
       text: "I'm a button with lots of text to test how the component scales at extremes."

data/app/views/govuk_publishing_components/components/docs/image_card.yml CHANGED Viewed

@@ -35,6 +35,18 @@ examples:
       image_alt: "some meaningful alt text please"
       heading_text: "I am not a heading"
       heading_level: 0
+  with_different_link_size:
+    description: |
+      Set a different font size for the link. Uses the [GOV.UK Frontend heading sizes](https://design-system.service.gov.uk/styles/typography/#headings) but defaults to 19px for legacy reasons. Valid options are `xl`, `l`, `m` and `s`.
+      This option is not tied to the `heading_level` option in order to give flexibility.
+    data:
+      href: "/definitely-not-a-page"
+      image_src: "https://assets.publishing.service.gov.uk/government/uploads/system/uploads/feature/image/62756/s300_courts-of-justice.JPG"
+      image_alt: "some meaningful alt text please"
+      heading_text: "I am a big link"
+      heading_level: 0
+      font_size: 'xl'
   with_more_information:
     data:
       href: "/also-not-a-page"

data/app/views/govuk_publishing_components/components/docs/modal_dialogue.yml CHANGED Viewed

@@ -8,6 +8,8 @@ body: |
   When the component is not limited to presenting information (e.g. an alert dialog or an informative dialog) and it contains interactive elements (e.g. form elements) you should use the `aria_label` attribute.
   This will provide context around what the modal dialogue is about and will prevent it from being too verbose for screen reader users (if `aria_label` is not specified the whole modal content will be read out).
+  Modal components must be a direct descendant of the `<body>` element; we recommend placing it toward the end of the document for performance considerations.
   This component is currently experimental. If you are using it, please feed back any research findings to the Content Publisher team.
 accessibility_criteria: |
   The modal dialogue box must:
@@ -21,6 +23,7 @@ accessibility_criteria: |
   - can be operable with a keyboard (allows the ESC key to close the dialogue)
   - return focus to last focused element on close
+display_preview: false
 examples:
   default:
     embed: |

data/app/views/govuk_publishing_components/components/docs/success_alert.yml CHANGED Viewed

@@ -1,5 +1,7 @@
 name: Success alert
 description: Used at the top of the page, to summarise a successful user action.
+govuk_frontend_components:
+  - notification-banner
 accessibility_criteria: |
   - should be focused on page load, to ensure the message is noticed by
     assistive tech
@@ -10,9 +12,18 @@ examples:
     data:
       message: Message to alert the user to a successful action goes here
   with_message_and_description:
+    description: Descriptions can be passed as plain text but it is strongly recommended that you pass these as html, cleaned using `raw` or `sanitize`.
     data:
       message: Message to alert the user to a successful action goes here
-      description: A further description
+      description: <p class="govuk-body">A further description</p>
+  with_custom_title_id:
+    description: |
+      This is for the heading element at the head of the component (reading "Success" by default) where the id is used by an `aria-labelledby` on screen reader focus of the element.
+      Please ensure that this id is unique across the view you are building.
+    data:
+      message: Message to alert the user to a successful action goes here
+      title_id: my-custom-success-id
   long_example:
     data:
       message: |

data/config/locales/ar.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ar:

data/config/locales/az.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ az:

data/config/locales/be.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ be:

data/config/locales/bg.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ bg:

data/config/locales/bn.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ bn:

data/config/locales/cs.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ cs:

data/config/locales/da.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ da:

data/config/locales/de.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ de:

data/config/locales/dr.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ dr:

data/config/locales/el.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ el:

data/config/locales/en.yml CHANGED Viewed

@@ -23,6 +23,12 @@ en:
   common:
     translations: "Translations"
   components:
+    accordion:
+      show: "Show"
+      hide: "Hide"
+      show_all: "Show all sections"
+      hide_all: "Hide all sections"
+      this_section_visually_hidden: " this section"
     attachment:
       opendocument_html: "This file is in an <a href='https://www.gov.uk/guidance/using-open-document-formats-odf-in-your-organisation' target=%{target} class='govuk-link'>OpenDocument</a> format"
       request_format_text: "This file may not be suitable for users of assistive technology."
@@ -58,6 +64,9 @@ en:
       search_button: "Search GOV.UK"
       show_button: "Show search"
       hide_button: "Hide search"
+      top_level: "Top level"
+      nav_items_aria_label: "Show or hide Top Level Navigation"
+      menu: "Menu"
     organisation_schema:
       all_content_search_description: "Find all content from %{organisation}"
     radio:
@@ -100,6 +109,8 @@ en:
       hide_password: "Hide password"
       announce_show: "Your password is shown"
       announce_hide: "Your password is hidden"
+    success_alert:
+      success: "Success"
     print_link:
       text: "Print this page"
     skip_link:

data/config/locales/es-419.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ es-419:

data/config/locales/es.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ es:

data/config/locales/fa.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ fa:

data/config/locales/fi.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ fi:

data/config/locales/gd.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ gd:

data/config/locales/gu.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ gu:

data/config/locales/he.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ he:

data/config/locales/hi.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ hi:

data/config/locales/hr.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ hr:

data/config/locales/hu.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ hu:

data/config/locales/hy.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ hy:

data/config/locales/id.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ id:

data/config/locales/is.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ is:

data/config/locales/it.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ it:

data/config/locales/ja.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ja:

data/config/locales/ka.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ka:

data/config/locales/kk.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ kk:

data/config/locales/ko.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ko:

data/config/locales/lt.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ lt:

data/config/locales/lv.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ lv:

data/config/locales/ms.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ms:

data/config/locales/mt.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ mt:

data/config/locales/nl.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ nl:

data/config/locales/no.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ "no":

data/config/locales/pa-pk.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ pa-pk:

data/config/locales/pa.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ pa:

data/config/locales/pl.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ pl:

data/config/locales/ps.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ps:

data/config/locales/pt.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ pt:

data/config/locales/ro.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ro:

data/config/locales/ru.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ru:

data/config/locales/si.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ si:

data/config/locales/sk.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ sk:

data/config/locales/sl.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ sl:

data/config/locales/so.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ so:

data/config/locales/sq.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ sq:

data/config/locales/sr.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ sr:

data/config/locales/sv.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ sv:

data/config/locales/sw.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ sw:

data/config/locales/ta.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ta:

data/config/locales/th.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ th:

data/config/locales/tk.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ tk:

data/config/locales/tr.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ tr:

data/config/locales/uk.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ uk:

data/config/locales/ur.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ ur:

data/config/locales/uz.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ uz:

data/config/locales/vi.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ vi:

data/config/locales/zh-hk.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ zh-hk:

data/config/locales/zh-tw.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ zh-tw:

data/config/locales/zh.yml ADDED Viewed

	@@ -0,0 +1 @@
1	+ zh:

data/lib/govuk_publishing_components/presenters/button_helper.rb CHANGED Viewed

@@ -31,7 +31,8 @@ module GovukPublishingComponents
         @info_text = local_assigns[:info_text]
         @info_text_classes = %w[gem-c-button__info-text]
         if local_assigns[:margin_bottom]
-          @info_text_classes << "gem-c-button__info-text--bottom-margin"
+          margin_class = get_margin_bottom(local_assigns[:margin_bottom], true)
+          @info_text_classes << margin_class
         end
         @rel = local_assigns[:rel]
         @data_attributes = local_assigns[:data_attributes]
@@ -81,11 +82,21 @@ module GovukPublishingComponents
         css_classes << "gem-c-button--secondary-quiet" if secondary_quiet
         css_classes << "govuk-button--secondary" if secondary_solid
         css_classes << "govuk-button--warning" if destructive
-        css_classes << "gem-c-button--bottom-margin" if margin_bottom && !info_text
+        if margin_bottom && !info_text
+          margin_class = get_margin_bottom(margin_bottom, false)
+          css_classes << margin_class
+        end
         css_classes << "gem-c-button--inline" if inline_layout
         css_classes << classes if classes
         css_classes.join(" ")
       end
+      def get_margin_bottom(margin, info_text)
+        legacy_class = "gem-c-button--bottom-margin"
+        legacy_class = "gem-c-button__info-text--bottom-margin" if info_text
+        [*0..9].include?(margin) ? "govuk-!-margin-bottom-#{margin}" : legacy_class
+      end
     end
   end
 end

data/lib/govuk_publishing_components/presenters/contextual_navigation.rb CHANGED Viewed

@@ -206,8 +206,6 @@ module GovukPublishingComponents
         # Environment
         # International
         # Defence and armed forces
-        # Society and culture
-        # Government
         # Work
         # Welfare
         # Money
@@ -225,8 +223,6 @@ module GovukPublishingComponents
           3cf97f69-84de-41ae-bc7b-7e2cc238fa58
           37d0fa26-abed-4c74-8835-b3b51ae1c8b2
           e491505c-77ae-45b2-84be-8c94b94f6a2b
-          e2ca2f1a-0ff3-43ce-b813-16645ff27904
-          e48ab80a-de80-4e83-bf59-26316856a5f9
           d0f1e5a3-c8f4-4780-8678-994f19104b21
           dded88e2-f92e-424f-b73e-6ad24a839c51
           6acc9db4-780e-4a46-92b4-1812e3c2c48a

data/lib/govuk_publishing_components/presenters/public_layout_helper.rb CHANGED Viewed

@@ -3,50 +3,34 @@ module GovukPublishingComponents
     class PublicLayoutHelper
       FOOTER_NAV = [
         {
-          title: "Prepare for Brexit",
+          title: "Coronavirus (COVID-19)",
           columns: 2,
           items: [
             {
-              href: "/business-uk-leaving-eu",
-              text: "Prepare your business or organisation for Brexit",
+              href: "/coronavirus",
+              text: "Coronavirus (COVID-19): guidance and support",
               attributes: {
                 data: {
                   track_category: "footerClicked",
-                  track_action: "brexitLinks",
-                  track_label: "Prepare your business or organisation for the UK leaving the EU",
-                },
-              },
-            },
-            {
-              href: "/prepare-eu-exit",
-              text: "Prepare for Brexit if you live in the UK",
-              attributes: {
-                data: {
-                  track_category: "footerClicked",
-                  track_action: "brexitLinks",
-                  track_label: "Prepare for Brexit if you live in the UK",
-                },
-              },
-            },
-            {
-              href: "/uk-nationals-living-eu",
-              text: "Living in Europe after Brexit",
-              attributes: {
-                data: {
-                  track_category: "footerClicked",
-                  track_action: "brexitLinks",
-                  track_label: "Living in Europe after Brexit",
+                  track_action: "coronavirusLinks",
+                  track_label: "Coronavirus (COVID-19): guidance and support",
                 },
               },
             },
+          ],
+        },
+        {
+          title: "Brexit",
+          columns: 1,
+          items: [
             {
-              href: "/staying-uk-eu-citizen",
-              text: "Continue to live in the UK after Brexit",
+              href: "/transition",
+              text: "Check what you need to do",
               attributes: {
                 data: {
                   track_category: "footerClicked",
-                  track_action: "brexitLinks",
-                  track_label: "Continue to live in the UK after Brexit",
+                  track_action: "transitionLinks",
+                  track_label: "Check what you need to do",
                 },
               },
             },