RubyGems - govuk_publishing_components - Versions diffs - 55.0.0 → 55.1.0 - Mend

@@ -1,4 +1,5 @@
 @import "govuk_publishing_components/individual_component_support";
+@import "govuk/components/header/header";
 @import "mixins/prefixed-transform";
 @import "mixins/grid-helper";
@@ -84,10 +85,6 @@ $after-button-padding-left: govuk-spacing(4);
   margin-top: -1px;
   position: relative;
-  .lte-ie8 & {
-    height: $black-bar-height;
-  }
   [hidden] {
     display: none;
   }
@@ -132,10 +129,6 @@ $after-button-padding-left: govuk-spacing(4);
   width: 100%;
 }
-.gem-c-layout-super-navigation-header__navigation-toggle-wrapper {
-  position: relative;
-}
 .gem-c-layout-super-navigation-header__navigation-item,
 .gem-c-layout-super-navigation-header__search-item {
   display: block;
@@ -379,17 +372,6 @@ $after-button-padding-left: govuk-spacing(4);
   display: none;
 }
-// Search and popular content dropdown.
-.gem-c-layout-super-navigation-header__search-and-popular {
-  display: none;
-  padding-bottom: govuk-spacing(4);
-  padding-top: govuk-spacing(4);
-  .js-module-initialised & {
-    display: block;
-  }
-}
 // Styles for top level navigation toggle button.
 .gem-c-layout-super-navigation-header__navigation-top-toggle-button {
   font-size: 16px;
@@ -405,9 +387,7 @@ $after-button-padding-left: govuk-spacing(4);
   position: relative;
   margin: 0;
   vertical-align: top;
-  @include govuk-link-common;
-  @include govuk-link-style-no-visited-state;
-  @include govuk-link-style-no-underline;
+  @include govuk-typography-common($font-family: $govuk-font-family);
   &::after {
     @include pseudo-underline($left: $after-button-padding-left, $right: $after-button-padding-right);
@@ -705,14 +685,6 @@ $after-button-padding-left: govuk-spacing(4);
       border-color: $govuk-focus-colour;
       box-shadow: none;
       color: $govuk-focus-colour;
-      // stylelint-disable max-nesting-depth
-      @include govuk-media-query($from: 360px) {
-        &::before {
-          @include chevron($govuk-focus-colour, true);
-        }
-      }
-      // stylelint-enable max-nesting-depth
     }
     @include focus-not-focus-visible {
@@ -780,16 +752,6 @@ $after-button-padding-left: govuk-spacing(4);
   }
 }
-// Dropdown menu description.
-.gem-c-layout-super-navigation-header__menu-description {
-  display: none;
-  @include govuk-media-query($from: "desktop") {
-    display: block;
-    padding: govuk-spacing(7) 0 govuk-spacing(7) 0;
-  }
-}
 // Dropdown menu items.
 .gem-c-layout-super-navigation-header__dropdown-list-item {
   box-sizing: border-box;
@@ -890,25 +852,6 @@ $after-button-padding-left: govuk-spacing(4);
   }
 }
-// Popular links.
-.gem-c-layout-super-navigation-header__popular-item {
-  position: relative;
-  padding: govuk-spacing(1) 0;
-}
-.gem-c-layout-super-navigation-header__width-container {
-  @include govuk-media-query($until: "desktop") {
-    margin: 0;
-    margin-top: govuk-spacing(6);
-  }
-  @include govuk-media-query($from: "desktop") {
-    margin: 0 auto;
-    max-width: 960px;
-    padding: govuk-spacing(5);
-  }
-}
 .gem-c-layout-super-navigation-header__column-header {
   font-size: 24px;
 }

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 532966284434b5003c9404473e6c44aeaa7222f0a5d79a5b463ea20ea7afb420
-  data.tar.gz: 4db9c53579d833f627b2e32545a14fbd65defc5df96ac6f3af9c9111cd7e46dc
+  metadata.gz: 83f2b97f13438d68421e57375dc8460c00ce20c62ec826adb265d83730ed37c6
+  data.tar.gz: de8b365caa595806d8d12a02d751fd4e00102d655296a5e8ad10f4374a165541
 SHA512:
-  metadata.gz: bbd29a8b7db26faa0b0cb0e379bedf18b05133b8d4ea7c8ca16ccd9792cc46fee730d4986f2f69b261ac2a8f10d553d8990a3853e54e6251edfe68bbb04df1a6
-  data.tar.gz: 6b02333dca16d573b0d1b373e8d0febe2f17bcf2a6c712fed6ae072c2b296675a499fd98709cc32532dd6590b25724e510175c723cea839605f9ecd5e1374eac
+  metadata.gz: db208c3e1c9e5db170a8707ae2ca60e601265e4c7a04e65f3975fe4561d4bbb59988765ddd462d039f3e34e7a2d741f1decb9b7073702e3ccde823a3ecde05a1
+  data.tar.gz: 835cc61d5e298f78b9dc2c9537b2ad46cbf94982808eeca8fa234d917140d53d4c2e623a084307f5f94d8059c343419f25ab82601f21759d42493b531979eb1f

@@ -0,0 +1,5 @@
+// This component relies on JavaScript from GOV.UK Frontend
+// = require govuk/components/file-upload/file-upload.bundle.js
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {}
+window.GOVUK.Modules.GovukFileUpload = window.GOVUKFrontend.FileUpload

@@ -33,9 +33,12 @@
   padding-right: govuk-spacing(1);
 }
-// Scale images on smaller viewports
 .gem-c-organisation-logo__image {
-  max-width: 100%;
+  max-width: 320px;
+  @include govuk-media-query($until: tablet) {
+    width: 100%;
+    max-width: 240px;
+  }
 }
 .gem-c-organisation-logo__crest {

@@ -21,5 +21,13 @@
     a {
       overflow-wrap: break-word;
     }
+    ol li:nth-of-type(99) ~ li {
+      margin-left: 11px;
+    }
+    ol li:nth-of-type(999) ~ li {
+      margin-left: 22px;
+    }
   }
 }

@@ -1,4 +1,5 @@
 <%
+  add_gem_component_stylesheet("button")
   add_gem_component_stylesheet("file-upload")
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
@@ -17,6 +18,7 @@
   error_id = "error-#{SecureRandom.hex(4)}"
   heading_size = false unless shared_helper.valid_heading_size?(heading_size)
   heading_level ||= nil
+  javascript ||= false
   css_classes = %w(gem-c-file-upload govuk-file-upload)
   css_classes << "govuk-file-upload--error" if has_error
@@ -65,7 +67,8 @@
     } %>
   <% end %>
-  <%= tag.input name: name,
+  <% file_upload_element = capture do %>
+    <%= tag.input name: name,
     type: "file",
     value: value,
     class: css_classes,
@@ -75,4 +78,13 @@
     aria: {
       describedby: aria_described_by
     } %>
+  <% end %>
+  <% if javascript %>
+    <%= content_tag :div, class: "govuk-drop-zone", data: { module: "govuk-file-upload" } do %>
+      <%= file_upload_element %>
+    <% end %>
+  <% else %>
+    <%= file_upload_element %>
+  <% end %>
 <% end %>

@@ -1,5 +1,4 @@
 <%
-  add_gem_component_stylesheet("layout-header")
   add_gem_component_stylesheet("layout-super-navigation-header")
   logo_link ||= "https://www.gov.uk/"

@@ -20,6 +20,12 @@ examples:
       label:
         text: "Upload a file"
       name: "file-upload"
+  with_javascript:
+    data:
+      label:
+        text: "Upload a file"
+      name: "file-upload"
+      javascript: true
   with_hint:
     data:
       label:

@@ -6,7 +6,7 @@
       <h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk") %></h3>
       <p id="survey_explanation" class="gem-c-feedback__form-paragraph">
         <%= t("components.feedback.more_about_visit") %>
-        <a href="https://www.smartsurvey.co.uk/s/gov-uk-banner/?c=no-js" class="govuk-link" target="_blank" rel="noopener noreferrer external">Please fill in this survey (opens in a new tab)</a>.
+        <a href="https://www.smartsurvey.co.uk/s/gov-uk-banner/?c=no-js" class="govuk-link" target="_blank" rel="noopener noreferrer external">Please fill in this survey (opens in a new tab<noscript> and requires JavaScript</noscript>)</a>.
       </p>
       <button
         class="govuk-button govuk-button--secondary js-close-form"

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "55.0.0".freeze
+  VERSION = "55.1.0".freeze
 end

govuk_publishing_components 55.0.0 → 55.1.0