RubyGems - govuk_publishing_components - Versions diffs - 11.0.0 → 11.1.0 - Mend

govuk_publishing_components 11.0.0 → 11.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

checksums.yaml CHANGED

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 154ec0ba2a3a52f59a7ac5f399812d37b323ae2adc3665e7632324f666d999d2
-  data.tar.gz: bd0339d107c6f63330401b89b375337eafe10c434d9c64f30533da52c62af5b3
+  metadata.gz: a29866b641cb5fe11013b5ccbf65ac711103b2326195a1dd90aae163ca7504a9
+  data.tar.gz: 06ebbec6ea9f80236b7f7cd0662b0f621ddece915d73aba443c5efdb72931fb3
 SHA512:
-  metadata.gz: 911320cba45f74c279e24175182f696217cd7df82baf3454eccc8b7d8ba00b9b8551c5c4f3fe549a111690b0e6bcc5991c9cd44b7a908600492e39fd7b1e4058
-  data.tar.gz: 3072d1970d946fb3ca9217ad042eb7d5c6e0c591473b6abb8592fb799eca83da3bfe7c4dbd1754b014b5c30d0b670590ba1b569fcc6c284945d2c1f3f20efe4a
+  metadata.gz: 84021fce8199dcba9adf8b358f40c62d5b18576df386da134852b21bc23c2695fadf0267ca85487910d16c5b95ee9735222491d9dd7c5d4a5c5dc36be96197e5
+  data.tar.gz: 6e13d1192539f79e3213dfc836e1c113cbd41a0288025676ab60dea39f61b34878fe2a2c1a07f272700a2529d4e4e8dd62e0915b6492a71bbf0d6c62b92be220

data/app/assets/javascripts/govuk_publishing_components/admin_scripts.js CHANGED

@@ -1,4 +1,4 @@
-//= require all.js
+//= require govuk-frontend/all.js
 // Initialise all GOVUKFrontend components
 window.GOVUKFrontend.initAll()

data/app/assets/javascripts/govuk_publishing_components/components/radio.js CHANGED

@@ -1,5 +1,5 @@
 // This component relies on JavaScript from GOV.UK Frontend
-//= require components/radios/radios.js
+//= require govuk-frontend/components/radios/radios.js
 window.GOVUK = window.GOVUK || {}
 window.GOVUK.FrontendModules = window.GOVUK.FrontendModules || {};

data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss CHANGED

@@ -14,7 +14,10 @@
 @import "components/button";
 @import "components/contents-list";
 @import "components/copy-to-clipboard";
+@import "components/details";
 @import "components/document-list";
+@import "components/error-alert";
+@import "components/error-message";
 @import "components/error-summary";
 @import "components/feedback";
 @import "components/fieldset";
@@ -22,10 +25,14 @@
 @import "components/govspeak";
 @import "components/heading";
 @import "components/highlight-boxes";
+@import "components/hint";
 @import "components/image-card";
 @import "components/input";
+@import "components/inset-text";
 @import "components/inverse-header";
 @import "components/label";
+@import "components/layout-footer";
+@import "components/layout-header";
 @import "components/lead-paragraph";
 @import "components/metadata";
 @import "components/notice";
@@ -36,16 +43,17 @@
 @import "components/radio";
 @import "components/related-navigation";
 @import "components/search";
+@import "components/select";
 @import "components/share-links";
+@import "components/skip-link";
 @import "components/step-by-step-nav-header";
 @import "components/step-by-step-nav-related";
 @import "components/step-by-step-nav";
 @import "components/subscription-links";
 @import "components/success-alert";
-@import "components/error-alert";
-@import "components/table";
 @import "components/tabs";
-@import "components/taxonomy-navigation";
+@import "components/table";
 @import "components/taxonomy-list";
+@import "components/taxonomy-navigation";
 @import "components/title";
 @import "components/translation-nav";

data/app/assets/stylesheets/govuk_publishing_components/admin_styles.scss CHANGED

@@ -1,8 +1,6 @@
 // Include all of the GOV.UK Frontend styles. This includes fonts, and individual components.
-$govuk-image-url-function: "image-url";
-$govuk-font-url-function: "font-url";
-@import "../../../node_modules/govuk-frontend/all";
+@import "govuk_publishing_components/components/helpers/govuk-frontend-settings";
+@import "govuk-frontend/all";
 // Include our GOV.UK components
 @import "govuk_publishing_components/all_components";

data/app/assets/stylesheets/govuk_publishing_components/admin_styles_ie8.scss CHANGED

@@ -1,2 +1,3 @@
 // Include all of the GOV.UK Frontend styles for IE8
-@import "../../../node_modules/govuk-frontend/all-ie8";
+@import "govuk_publishing_components/components/helpers/govuk-frontend-settings";
+@import "govuk-frontend/all-ie8";

data/app/assets/stylesheets/govuk_publishing_components/components/_back-link.scss CHANGED

@@ -1,6 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-font-url-function: "font-url";
-@import "../../../../node_modules/govuk-frontend/components/back-link/back-link";
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/back-link/back-link";

data/app/assets/stylesheets/govuk_publishing_components/components/_button.scss CHANGED

@@ -1,8 +1,6 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-image-url-function: "image-url";
-$govuk-font-url-function: "font-url";
+@import "helpers/govuk-frontend-settings";
+@import "mixins/margins";
+@import "govuk-frontend/components/button/button";
 $gem-secondary-button-colour: #00823b;
 $gem-secondary-button-hover-colour: darken($gem-secondary-button-colour, 5%);
@@ -16,10 +14,6 @@ $gem-destructive-button-background-colour: govuk-colour("red");
 $gem-destructive-button-hover-background-colour: darken($gem-destructive-button-background-colour, 5%);
 $gem-destructive-button-border-colour: govuk-colour("black");
-@import "../../../../node_modules/govuk-frontend/components/button/button";
-@import "mixins/margins";
 // Because govuk-frontend adds a responsive bottom margin by default for each component
 // we reset it to zero so we can set it separately using `gem-c-button--bottom-margin`
 // If we decide to use responsive margins consistently across components we can remove this

data/app/assets/stylesheets/govuk_publishing_components/components/_details.scss CHANGED

@@ -1 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/details/details";

data/app/assets/stylesheets/govuk_publishing_components/components/_error-message.scss CHANGED

@@ -1,6 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-font-url-function: "font-url";
-@import "../../../../node_modules/govuk-frontend/components/error-message/error-message";
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/error-message/error-message";

data/app/assets/stylesheets/govuk_publishing_components/components/_file-upload.scss CHANGED

@@ -1,7 +1,3 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-font-url-function: "font-url";
-@import "../../../../node_modules/govuk-frontend/components/file-upload/file-upload";
-@import "../../../../node_modules/govuk-frontend/objects/form-group";
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/file-upload/file-upload";
+@import "govuk-frontend/objects/form-group";

data/app/assets/stylesheets/govuk_publishing_components/components/_hint.scss CHANGED

@@ -1,6 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-font-url-function: "font-url";
-@import "../../../../node_modules/govuk-frontend/components/hint/hint";
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/hint/hint";

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

@@ -1,7 +1,3 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-font-url-function: "font-url";
-@import "../../../../node_modules/govuk-frontend/components/input/input";
-@import "../../../../node_modules/govuk-frontend/objects/form-group";
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/input/input";
+@import "govuk-frontend/objects/form-group";

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

@@ -1 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/inset-text/inset-text";

data/app/assets/stylesheets/govuk_publishing_components/components/_label.scss CHANGED

@@ -1,6 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-font-url-function: "font-url";
-@import "../../../../node_modules/govuk-frontend/components/label/label";
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/label/label";

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-footer.scss CHANGED

@@ -1 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/footer/footer";

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss CHANGED

@@ -1,4 +1,5 @@
-// This component relies on styles from GOV.UK Frontend
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/header/header";
 .gem-c-layout-header--integration .govuk-header__container,
 .gem-c-layout-header--staging .govuk-header__container {
@@ -9,15 +10,3 @@
 .gem-c-layout-header--test .govuk-header__container {
   border-bottom-color: govuk-colour("grey-1");
 }
-.govuk-header__logo {
-  @include mq ($from: desktop) {
-    float: left;
-  }
-}
-.govuk-header__content {
-  @include mq ($from: desktop) {
-    float: left;
-  }
-}

data/app/assets/stylesheets/govuk_publishing_components/components/_panel.scss CHANGED

@@ -1,6 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-font-url-function: "font-url";
-@import "../../../../node_modules/govuk-frontend/components/panel/panel";
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/panel/panel";

data/app/assets/stylesheets/govuk_publishing_components/components/_radio.scss CHANGED

@@ -1,8 +1,3 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-image-url-function: "image-url";
-$govuk-font-url-function: "font-url";
-@import "../../../../node_modules/govuk-frontend/components/radios/radios";
-@import "../../../../node_modules/govuk-frontend/objects/form-group";
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/radios/radios";
+@import "govuk-frontend/objects/form-group";

data/app/assets/stylesheets/govuk_publishing_components/components/_select.scss CHANGED

@@ -1 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/select/select";

data/app/assets/stylesheets/govuk_publishing_components/components/_skip-link.scss CHANGED

@@ -1 +1,2 @@
-// This component relies on styles from GOV.UK Frontend
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/skip-link/skip-link";

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

@@ -1,10 +1,8 @@
-// This component relies on styles from GOV.UK Frontend
-// Specify the functions used to resolve assets paths in SCSS
-$govuk-font-url-function: "font-url";
-@import "../../../../node_modules/govuk-frontend/components/table/table";
-@import "../../../../node_modules/govuk-frontend/core/links";
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/table/table";
+@import "govuk-frontend/core/links";
+@import "govuk-frontend/helpers/shape-arrow";
+@import "govuk-frontend/helpers/focusable";
 $table-border-width: 1px;
 $table-border-colour: govuk-colour("grey-2");
@@ -38,7 +36,8 @@ $table-row-even-background-colour: govuk-colour("grey-4");
     }
     .app-table__sort-link {
-      @include govuk-link-common;
+      @include govuk-link-style-no-visited-state;
+      @include govuk-focusable-fill;
       position: relative;
       padding-right: $sort-link-arrow-size;
       color: $govuk-link-colour;
@@ -70,10 +69,16 @@ $table-row-even-background-colour: govuk-colour("grey-4");
     .app-table__sort-link {
       padding-right: govuk-spacing(4);
-      color: $sort-link-active-colour;
+      &:link,
+      &:visited,
+      &:hover,
+      &:active {
+        color: $sort-link-active-colour;
+      }
       &:focus {
-        color: $govuk-link-colour;
+        color: $govuk-focus-text-colour;
       }
     }

data/app/assets/stylesheets/govuk_publishing_components/components/_tabs.scss CHANGED

@@ -1,4 +1,5 @@
-// This component relies on styles from GOV.UK Frontend
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/tabs/tabs";
 .js-enabled {
   .gem-c-tabs__panel--no-border {

data/app/assets/stylesheets/govuk_publishing_components/components/_textarea.scss CHANGED

@@ -1 +1,3 @@
-// This component relies on styles from GOV.UK Frontend
+@import "helpers/govuk-frontend-settings";
+@import "govuk-frontend/components/textarea/textarea";
+@import "govuk-frontend/objects/form-group";

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_button.scss CHANGED

@@ -1,4 +1,4 @@
-@import "../../../../node_modules/govuk-frontend/components/button/button";
+@import "govuk-frontend/components/button/button";
 // scss-lint:disable PlaceholderInExtend
 .gem-c-govspeak {

data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_govuk-frontend-settings.scss ADDED

@@ -0,0 +1,5 @@
+$govuk-image-url-function: "image-url";
+$govuk-font-url-function: "font-url";
+$govuk-compatibility-govuktemplate: true;
+$govuk-compatibility-govukelements: true;
+$govuk-typography-use-rem: false;

data/app/views/govuk_publishing_components/components/_admin_analytics.html.erb ADDED

@@ -0,0 +1,10 @@
+<script class="analytics">
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+  ga('create', 'UA-26179049-6', '<%= ENV['GOVUK_APP_DOMAIN'] %>');
+  ga('set', 'anonymizeIp', true);
+  ga('send', 'pageview');
+</script>

data/app/views/govuk_publishing_components/components/_file_upload.html.erb CHANGED

@@ -26,7 +26,7 @@
 <%= content_tag :div, class: form_group_css_classes do %>
   <% if label %>
-    <%= render "govuk_publishing_components/components/label", { html_for: id, text: label[:text] }.merge(label) %>
+    <%= render "govuk_publishing_components/components/label", { html_for: id, text: label[:text] }.merge(label.symbolize_keys) %>
   <% end %>
   <% if hint %>

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

@@ -8,6 +8,8 @@
   label ||= nil
   hint ||= nil
   error_message ||= nil
+  autofocus ||= nil
+  tabindex ||= nil
   hint_id = "hint-#{SecureRandom.hex(4)}" if hint
   error_message_id = "error-message-#{SecureRandom.hex(4)}" if error_message
@@ -31,7 +33,7 @@
   <% if label %>
     <%= render "govuk_publishing_components/components/label", {
       html_for: id
-    }.merge(label) %>
+    }.merge(label.symbolize_keys) %>
   <% end %>
   <% if hint %>
@@ -48,16 +50,16 @@
     } %>
   <% end %>
-  <%= text_field_tag name,
-    value,
-    {
+  <%= tag.input name: name,
+      value: value,
       class: css_classes,
       id: id,
       type: type,
       data: data,
+      tabindex: tabindex,
+      autofocus: autofocus,
       aria: {
         describedby: aria_described_by
       }
-    }
   %>
 <% end %>

data/app/views/govuk_publishing_components/components/_layout_footer.html.erb CHANGED

@@ -1,8 +1,50 @@
+<%
+  meta ||= []
+  navigation ||= []
+%>
 <footer class="gem-c-layout-footer govuk-footer" role="contentinfo">
   <div class="govuk-width-container ">
+    <% if navigation.any? %>
+      <div class="govuk-footer__navigation">
+        <% navigation.each do |item| %>
+          <div class="govuk-footer__section">
+            <h2 class="govuk-footer__heading govuk-heading-m"><%= item[:title] %></h2>
+            <% if item[:items] %>
+              <%
+                list_classes = %w( govuk-footer__list )
+                list_classes << "govuk-footer__list--columns-#{item[:columns]}" if item[:columns]
+              %>
+              <ul class="<%= list_classes.join(' ') %>">
+                <% item[:items].each do |item| %>
+                  <% if item[:href] && item[:text] %>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="<%= item[:href] %>">
+                        <%= item[:text] %>
+                      </a>
+                    </li>
+                  <% end %>
+                <% end %>
+              </ul>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <% end %>
     <div class="govuk-footer__meta">
       <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <% if meta.any? %>
+          <h2 class="govuk-visually-hidden">Support links</h2>
+          <ul class="govuk-footer__inline-list">
+            <% meta[:items].each do |item| %>
+              <li class="govuk-footer__inline-list-item">
+                <a class="govuk-footer__link" href="<%= item[:href] %>">
+                  <%= item[:text] %>
+                </a>
+              </li>
+            <% end %>
+          </ul>
+        <% end %>
         <svg role="presentation" focusable="false" class="govuk-footer__licence-logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 483.2 195.7" height="17" width="41">
           <path
             fill="currentColor"

data/app/views/govuk_publishing_components/components/_textarea.html.erb CHANGED

@@ -27,7 +27,7 @@
 <%= content_tag :div, class: form_group_css_classes do %>
   <% if label %>
-    <%= render "govuk_publishing_components/components/label", { html_for: id }.merge(label) %>
+    <%= render "govuk_publishing_components/components/label", { html_for: id }.merge(label.symbolize_keys) %>
   <% end %>
   <% if hint %>

data/app/views/govuk_publishing_components/components/docs/admin_analytics.yml ADDED

@@ -0,0 +1,9 @@
+name: Admin Analytics
+description: |
+  Google Analytics script for tracking user interaction in admin (backend) apps.
+accessibility_criteria: |
+  The component should not be visible to any users.
+display_html: true
+examples:
+  default:
+    data: {}