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

govuk_publishing_components 11.0.0 → 11.1.0

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: {}