govuk_publishing_components 20.1.0 → 20.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 70e1e7a68a80183757a98e24a3a4c9c62cb7b915574e99213f52bbe7363368a2
-  data.tar.gz: 7bab5f6f55fe885de0fe39090d419c5d3816f8bf162b1ae9b9cb739a07465ced
+  metadata.gz: '05006139ee9b68bb3a6e0518569811f151d28d6fb1ea47572e9e6d81892c9f76'
+  data.tar.gz: 6995f979ebfcb57f3eace0c77173f26eb48788c89aa9fe87ba0bef80907c3b20
 SHA512:
-  metadata.gz: 93bebe89425509dfb139678e9031cba30fcbae81c332c7942212ba020289704546551ec10ec470f57e072c7f31803f4ea03c3934797b73fc50f6eb34c055e580
-  data.tar.gz: 16f8ea19a174281ca1c19f9b135c439e5b64c0dfd3dfd372b5761beccd3f3d73ebce5342dc2054435b5e6827355bc96098a77b3c34bfc8af07d38afef638c534
+  metadata.gz: 87922adb67096dd48bd9818004b82cc612ec899d0078162b81fb9a3faad023e856ba14486262f1922dfed229f77265b3f440c2b5b7857b495f146d97bda05dad
+  data.tar.gz: 468605f70f4428f9d0e7059cd46b87a7833bb54970e965342fb6040daeee262aa13f10e740d8eb739786b5e3dfd3cb14819f3f4d61ace75657cefd9a4b78a0fd

data/app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-focus.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 135 109" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<defs>
+<path id="d" d="M0 0h93v109H0z"/>
+</defs>
+<g fill="#FD0" shape-rendering="geometricPrecision" stroke="#000" stroke-width="2.5px" vector-effect="non-scaling-stroke">
+<path d="m91.611 52.664c1.0371 1.1432 1.0375 2.8869 8.02e-4 4.0305l-44.991 49.634c-0.37092 0.40919-0.33989 1.0416 0.069307 1.4125 0.18394 0.16674 0.42334 0.25909 0.6716 0.25909h36.892c0.55978 0 1.0939-0.2346 1.4727-0.6468l46.534-50.643c1.0549-1.148 1.0546-2.9127-7.09e-4 -4.0604l-46.898-51.003c-0.37873-0.41188-0.91268-0.64628-1.4722-0.64628h-36.891c-0.55228 0-1 0.44772-1 1 0 0.24841 0.092454 0.48792 0.25936 0.6719l45.352 49.992z" vector-effect="non-scaling-stroke"/>
+<mask id="c" fill="#fff">
+<use xlink:href="#d"/>
+</mask>
+<path d="m-37.997 1l0.35768 107h40.408c0.55978 0 1.0939-0.2346 1.4727-0.6468l46.534-50.643c1.0549-1.148 1.0546-2.9127-7.095e-4 -4.0604l-46.898-51.003c-0.37873-0.41188-0.91268-0.64628-1.4722-0.64628h-40.402z" mask="url(#c)" vector-effect="non-scaling-stroke"/>
+</g>
+</svg>

data/app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-hover-border.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 140 109" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<defs>
+<path id="d" d="M0 0h93v109H0z"/>
+</defs>
+<g fill="#B31424" shape-rendering="geometricPrecision" stroke="#FFF" stroke-width="2.5" vector-effect="non-scaling-stroke">
+<path d="m91.611 52.664c1.0371 1.1432 1.0375 2.8869 8.02e-4 4.0305l-44.991 49.634c-0.37092 0.40919-0.33989 1.0416 0.069307 1.4125 0.18394 0.16674 0.42334 0.25909 0.6716 0.25909h36.892c0.55978 0 1.0939-0.2346 1.4727-0.6468l46.534-50.643c1.0549-1.148 1.0546-2.9127-7.09e-4 -4.0604l-46.898-51.003c-0.37873-0.41188-0.91268-0.64628-1.4722-0.64628h-36.891c-0.55228 0-1 0.44772-1 1 0 0.24841 0.092454 0.48792 0.25936 0.6719l45.352 49.992z" vector-effect="non-scaling-stroke"/>
+<mask id="c" fill="#fff">
+<use xlink:href="#d"/>
+</mask>
+<path d="m-37.997 1l0.35768 107h40.408c0.55978 0 1.0939-0.2346 1.4727-0.6468l46.534-50.643c1.0549-1.148 1.0546-2.9127-7.095e-4 -4.0604l-46.898-51.003c-0.37873-0.41188-0.91268-0.64628-1.4722-0.64628h-40.402z" mask="url(#c)" vector-effect="non-scaling-stroke"/>
+</g>
+</svg>

data/app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-hover.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 134 107">
+<defs>
+<path id="a" d="M0 0h93v109H0z"/>
+</defs>
+<g fill="none" fill-rule="evenodd">
+<path fill="#b31424" fill-rule="nonzero" d="M91.611 51.664c1.0371 1.1432 1.0375 2.8869.000802 4.0305l-44.991 49.634c-.37092.40919-.33989 1.0416.069307 1.4125.18394.16674.42334.25909.6716.25909h36.892c.55978 0 1.0939-.2346 1.4727-.6468l46.534-50.643c1.0549-1.148 1.0546-2.9127-.000709-4.0604L85.3617.64689c-.37873-.41188-.91268-.64628-1.4722-.64628h-36.891c-.55228 0-1 .44772-1 1 0 .24841.092454.48792.25936.6719l45.352 49.992z"/>
+<g transform="translate(0 -1)">
+<mask id="b" fill="#fff">
+<use xlink:href="#a"/>
+</mask>
+<path fill="#b31424" fill-rule="nonzero" d="M-37.997 1l.35768 107h40.408c.55978 0 1.0939-.2346 1.4727-.6468l46.534-50.643c1.0549-1.148 1.0546-2.9127-.0007095-4.0604l-46.898-51.003c-.37873-.41188-.91268-.64628-1.4722-.64628h-40.402z" mask="url(#b)"/>
+</g>
+</g>
+</svg>

data/app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-small-focus.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 104 122" xmlns="http://www.w3.org/2000/svg">
+<path d="m0.81268 5.0662l51.363 54.069c1.0996 1.1575 1.1 2.9735 8.258e-4 4.1315l-50.942 53.668c-1.1407 1.2017-1.0912 3.1006 0.11054 4.2412 0.55745 0.52914 1.2967 0.82413 2.0653 0.82413h41.812c0.8157 0 1.5962-0.33215 2.1618-0.91994l55.613-57.799c1.1179-1.1618 1.1176-2.9994-7.29e-4 -4.1609l-56.04-58.201c-0.56552-0.58733-1.3457-0.91919-2.1611-0.91919h-41.809c-1.6569 0-3 1.3431-3 3 0 0.76901 0.29531 1.5087 0.82496 2.0662z" fill-rule="evenodd"/>
+</svg>

data/app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-small.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 104 122" xmlns="http://www.w3.org/2000/svg">
+<path d="m0.81268 5.0662l51.363 54.069c1.0996 1.1575 1.1 2.9735 8.258e-4 4.1315l-50.942 53.668c-1.1407 1.2017-1.0912 3.1006 0.11054 4.2412 0.55745 0.52914 1.2967 0.82413 2.0653 0.82413h41.812c0.8157 0 1.5962-0.33215 2.1618-0.91994l55.613-57.799c1.1179-1.1618 1.1176-2.9994-7.29e-4 -4.1609l-56.04-58.201c-0.56552-0.58733-1.3457-0.91919-2.1611-0.91919h-41.809c-1.6569 0-3 1.3431-3 3 0 0.76901 0.29531 1.5087 0.82496 2.0662z" fill="#FFF" fill-rule="evenodd"/>
+</svg>

data/app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 134 107">
+<defs>
+<path id="a" d="M0 0h93v109H0z"/>
+</defs>
+<g fill="none" fill-rule="evenodd">
+<path fill="#E61E32" fill-rule="nonzero" d="M91.611 51.664c1.0371 1.1432 1.0375 2.8869.000802 4.0305l-44.991 49.634c-.37092.40919-.33989 1.0416.069307 1.4125.18394.16674.42334.25909.6716.25909h36.892c.55978 0 1.0939-.2346 1.4727-.6468l46.534-50.643c1.0549-1.148 1.0546-2.9127-.000709-4.0604L85.3617.64689c-.37873-.41188-.91268-.64628-1.4722-.64628h-36.891c-.55228 0-1 .44772-1 1 0 .24841.092454.48792.25936.6719l45.352 49.992z"/>
+<g transform="translate(0 -1)">
+<mask id="b" fill="#fff">
+<use xlink:href="#a"/>
+</mask>
+<path fill="#E61E32" fill-rule="nonzero" d="M-37.997 1l.35768 107h40.408c.55978 0 1.0939-.2346 1.4727-.6468l46.534-50.643c1.0549-1.148 1.0546-2.9127-.0007095-4.0604l-46.898-51.003c-.37873-.41188-.91268-.64628-1.4722-.64628h-40.402z" mask="url(#b)"/>
+</g>
+</g>
+</svg>

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

@@ -25,6 +25,7 @@
 @import "components/button";
 @import "components/character-count";
 @import "components/checkboxes";
+@import "components/chevron-banner";
 @import "components/contents-list";
 @import "components/cookie-banner";
 @import "components/copy-to-clipboard";

data/app/assets/stylesheets/govuk_publishing_components/components/_chevron-banner.scss

@@ -0,0 +1,128 @@
+$red: #e61e32;
+$dark-red: #b31424;
+$yellow: #ffdd00;
+
+.gem-c-chevron-banner {
+  position: relative;
+}
+
+.gem-c-chevron-banner:hover {
+  .gem-c-chevron-banner__link-container {
+    background-color: $dark-red;
+  }
+
+  .gem-c-chevron-banner__link-container:after {
+    background-image: image-url("govuk_publishing_components/chevron-banner/chevron-banner-hover.svg");
+  }
+}
+
+.gem-c-chevron-banner--hover-border:hover {
+  .gem-c-chevron-banner__link-container {
+    border-right: 2px solid;
+    border-color: govuk-colour("white");
+
+    @include govuk-media-query($from: mobile) {
+      border-right: 0;
+    }
+  }
+
+  .gem-c-chevron-banner__link-container:after {
+    background-image: image-url("govuk_publishing_components/chevron-banner/chevron-banner-hover-border.svg");
+  }
+}
+
+.gem-c-chevron-banner:focus-within .gem-c-chevron-banner__link-container {
+  border-right: 2px solid;
+  border-color: govuk-colour("black");
+  background-color: $yellow;
+
+  @include govuk-media-query($from: mobile) {
+    border-right: 0;
+  }
+}
+
+.gem-c-chevron-banner:focus-within .gem-c-chevron-banner__link-container:after {
+  background-image: image-url("govuk_publishing_components/chevron-banner/chevron-banner-small-focus.svg");
+
+  @include govuk-media-query($from: mobile) {
+    background-image: image-url("govuk_publishing_components/chevron-banner/chevron-banner-focus.svg");
+  }
+}
+
+.gem-c-chevron-banner__link-container {
+  background-color: $red;
+  padding: govuk-spacing(4);
+  border-radius: 5px;
+  border: 2px solid transparent;
+  border-right: 0;
+
+  @include govuk-media-query($from: mobile) {
+    border-radius: 5px 0 0 5px;
+    margin-right: 104px;
+  }
+}
+
+.gem-c-chevron-banner__link-container:after {
+  content: "";
+  position: absolute;
+  right: 10px;
+  top: 0;
+  width: 25px;
+  height: 100%;
+  background-image: image-url("govuk_publishing_components/chevron-banner/chevron-banner-small.svg");
+  background-size: 25px 25px;
+  background-repeat: no-repeat;
+  background-position: center right;
+
+  @include govuk-media-query($from: mobile) {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 100%;
+    min-width: 105px;
+    background-image: image-url("govuk_publishing_components/chevron-banner/chevron-banner.svg");
+    background-repeat: no-repeat;
+    background-position: -1px center;
+    background-size: auto 100%;
+  }
+
+  // Target IE 9-11
+  @media screen and (min-width: 0\0) {
+    background-position: -8px center;
+  }
+}
+
+.gem-c-chevron-banner__link {
+  @include govuk-media-query($until: mobile) {
+    display: block;
+    width: 80%;
+  }
+}
+
+.gem-c-chevron-banner__link:link,
+.gem-c-chevron-banner__link:visited,
+.gem-c-chevron-banner__link:hover {
+  @include govuk-font(24, $weight: bold);
+  color: govuk-colour("white");
+  text-decoration: none;
+}
+
+// The yellow is hardcoded so it doesn't vary between apps as a result of the partial GOVUK Frontend V3 pgrade
+.gem-c-chevron-banner__link:link:focus,
+.gem-c-chevron-banner__link:focus {
+  color: govuk-colour("black");
+  background-color: $yellow;
+  box-shadow: 0 -2px $yellow, 0 4px govuk-colour("black");
+}
+
+.gem-c-chevron-banner__link:after {
+  content: "";
+  position: absolute;
+  z-index: 10;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}

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

@@ -4,3 +4,9 @@
   background: govuk-colour("white") url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") no-repeat -5px -3px;
   padding-left: govuk-spacing(6);
 }
+
+// this overrides styles from static that break the look of the component
+.gem-c-input.govuk-input {
+  margin: 0;
+  padding: govuk-spacing(1);
+}

data/app/assets/stylesheets/govuk_publishing_components/components/_related-navigation.scss

@@ -51,13 +51,17 @@
   @include govuk-template-link-focus-override;
 }
 
+.gem-c-related-navigation__link--truncated-links {
+  margin-top: govuk-spacing(2);
+}
+
 .gem-c-related-navigation__toggle {
   @include govuk-link-common;
   @include govuk-link-style-no-visited-state;
   display: none;
 
   .js-enabled & {
-    display: block;
+    display: inline-block;
    }
 }
 
@@ -79,6 +83,10 @@
   @include govuk-template-link-focus-override;
 }
 
+.gem-c-related-navigation__section-link--inline {
+  line-height: 1.45;
+}
+
 // reset the default browser styles
 .gem-c-related-navigation__link-list {
   padding: 0;
@@ -87,8 +95,16 @@
   margin-bottom: 1.25em;
 }
 
-.gem-c-related-navigation__toggle-more.js-hidden {
-  .js-enabled & {
-    display: none;
+.gem-c-related-navigation__toggle-more {
+  .gem-c-related-navigation__section-link {
+    @include govuk-media-query($from: tablet) {
+      line-height: 1.45;
+    }
+  }
+
+  &.js-hidden {
+    .js-enabled & {
+      display: none;
+    }
   }
 }

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

@@ -0,0 +1,23 @@
+<%
+  href ||= false
+  text ||= false
+  hover_border ||= false
+
+  data_attributes ||= {}
+  data_attributes[:module] = 'track-click' if data_attributes.any?
+%>
+<% if href && text %>
+  <% #This assumes the application calling the component supports passing :extra_headers into the layout. %>
+  <% #If not, add the following to your application layout file: `yield :extra_headers` %>
+  <% content_for :extra_headers do %>
+    <link rel="preload" as="image" href="<%= asset_path 'govuk_publishing_components/chevron-banner/chevron-banner-hover.svg' %>" type="image/svg+xml">
+    <link rel="preload" as="image" href="<%= asset_path 'govuk_publishing_components/chevron-banner/chevron-banner-hover-border.svg' %>" type="image/svg+xml">
+    <link rel="preload" as="image" href="<%= asset_path 'govuk_publishing_components/chevron-banner/chevron-banner-focus.svg' %>" type="image/svg+xml">
+  <% end %>
+
+  <div class="gem-c-chevron-banner <%= "gem-c-chevron-banner--hover-border" if hover_border %>">
+    <div class="gem-c-chevron-banner__link-container">
+      <%= link_to(text, href, class: "gem-c-chevron-banner__link govuk-link", data: data_attributes) %>
+    </div>
+  </div>
+<% end %>

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

@@ -0,0 +1,33 @@
+name: Chevron Banner
+description: A branded banner for use on EU Exit campaign pages. This should not be used on non-campaign pages.
+accessibility_criteria: |
+  The component must:
+
+  - accept focus
+  - be focusable with a keyboard
+  - be usable with a keyboard
+  - be usable with touch
+  - indicate when they have focus
+
+shared_accessibility_criteria:
+- link
+examples:
+  default:
+    data:
+      href: '/test-link'
+      text: 'This is some text'
+  with_hover_border:
+    data:
+      href: '/test-link'
+      text: 'This is some text'
+      hover_border: true
+    context:
+      dark_background: true
+  with_data_attributes:
+    data:
+      href: '/test-link'
+      text: 'This is some text'
+      data_attributes:
+        track-category: "startButtonClicked"
+        track-action: "/test-link"
+        track-label: "This is some text"

data/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb

@@ -26,7 +26,7 @@
         link_element = link_to(
           link[:text],
           link[:path],
-          class: related_nav_helper.section_css_class("gem-c-related-navigation__section-link", section_title, link),
+          class: related_nav_helper.section_css_class("gem-c-related-navigation__section-link", section_title, link, (index >= section_link_limit)),
           rel: link[:rel],
           lang: related_nav_helper.t_locale_check(link[:locale]),
           data: {
@@ -60,7 +60,7 @@
         </a>
       </li>
 
-      <li class="gem-c-related-navigation__link">
+      <li class="gem-c-related-navigation__link gem-c-related-navigation__link--truncated-links">
         <span id="toggle_<%= section_title %>" class="gem-c-related-navigation__toggle-more js-hidden">
           <%= to_sentence(constructed_link_array) %>
         </span>

data/app/views/layouts/govuk_publishing_components/application.html.erb

@@ -24,6 +24,7 @@
     <% end %>
 
     <%= javascript_include_tag "govuk_publishing_components/vendor/modernizr" %>
+    <%= yield :extra_headers %>
   </head>
   <body class="gem-c-layout-for-admin govuk-template__body <%= 'hide-header-and-footer' if @preview %>">
     <script>

data/config/initializers/assets.rb

@@ -19,6 +19,12 @@ Rails.application.config.assets.precompile += %w(
   govuk_publishing_components/govuk-schema-placeholder-4x3.png
   govuk_publishing_components/govuk-schema-placeholder-16x9.png
   govuk_publishing_components/search-button.png
+  govuk_publishing_components/chevron-banner.svg
+  govuk_publishing_components/chevron-banner-focus.svg
+  govuk_publishing_components/chevron-banner-hover-border.svg
+  govuk_publishing_components/chevron-banner-hover.svg
+  govuk_publishing_components/chevron-banner-small.svg
+  govuk_publishing_components/chevron-banner-small-focus.svg
 )
 
 # GOV.UK Frontend assets

data/lib/govuk_publishing_components/presenters/related_navigation_helper.rb

@@ -60,8 +60,10 @@ module GovukPublishingComponents
         end
       end
 
-      def section_css_class(css_class, section_title, link = {})
-        css_classes = [css_class, "#{css_class}--#{@context}"]
+      def section_css_class(css_class, section_title, link = {}, link_is_inline = false)
+        css_classes = [css_class]
+        css_classes << "#{css_class}--#{@context}" unless @context.nil?
+        css_classes << "#{css_class}--inline" if link_is_inline
 
         unless DEFINED_SECTIONS.include?(section_title) || link.fetch(:finder, false)
           css_classes << " #{css_class}--other"

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = '20.1.0'.freeze
+  VERSION = '20.2.0'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 20.1.0
+  version: 20.2.0
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-09-05 00:00:00.000000000 Z
+date: 2019-09-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: gds-api-adapters
@@ -329,6 +329,12 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/govuk_publishing_components_manifest.js
+- app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-focus.svg
+- app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-hover-border.svg
+- app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-hover.svg
+- app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-small-focus.svg
+- app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner-small.svg
+- app/assets/images/govuk_publishing_components/chevron-banner/chevron-banner.svg
 - app/assets/images/govuk_publishing_components/favicon-development.png
 - app/assets/images/govuk_publishing_components/favicon-example.png
 - app/assets/images/govuk_publishing_components/favicon-integration.png
@@ -380,6 +386,7 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/_button.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_character-count.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_checkboxes.scss
+- app/assets/stylesheets/govuk_publishing_components/components/_chevron-banner.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_cookie-banner.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_copy-to-clipboard.scss
@@ -499,6 +506,7 @@ files:
 - app/views/govuk_publishing_components/components/_button.html.erb
 - app/views/govuk_publishing_components/components/_character_count.html.erb
 - app/views/govuk_publishing_components/components/_checkboxes.html.erb
+- app/views/govuk_publishing_components/components/_chevron_banner.html.erb
 - app/views/govuk_publishing_components/components/_contents_list.html.erb
 - app/views/govuk_publishing_components/components/_contextual_breadcrumbs.html.erb
 - app/views/govuk_publishing_components/components/_contextual_footer.html.erb
@@ -570,6 +578,7 @@ files:
 - app/views/govuk_publishing_components/components/docs/button.yml
 - app/views/govuk_publishing_components/components/docs/character_count.yml
 - app/views/govuk_publishing_components/components/docs/checkboxes.yml
+- app/views/govuk_publishing_components/components/docs/chevron_banner.yml
 - app/views/govuk_publishing_components/components/docs/contents_list.yml
 - app/views/govuk_publishing_components/components/docs/contextual_breadcrumbs.yml
 - app/views/govuk_publishing_components/components/docs/contextual_footer.yml