Implement GOV.UK Frontend v5.0 on Get school experience and Manage school experience

app/helpers/schools/bookings_helper.rb

@@ -14,14 +14,14 @@ def format_has_dbs_certificate(has_dbs_certificate)
   def attendance_status(booking)
     case booking.attended
     when true
-      tag.strong 'YES', class: 'govuk-tag'
+      tag.strong 'Yes', class: 'govuk-tag'
     when false
-      tag.strong 'NO', class: 'govuk-tag govuk-tag--grey'
+      tag.strong 'No', class: 'govuk-tag govuk-tag--grey'
     when nil
       if booking.cancelled?
-        tag.strong 'CANCELLED', class: 'govuk-tag govuk-tag--red'
+        tag.strong 'Cancelled', class: 'govuk-tag govuk-tag--red'
       else
-        tag.strong 'NOT SET', class: 'govuk-tag govuk-tag--default'
+        tag.strong 'Not set', class: 'govuk-tag govuk-tag--light-blue'
       end
     end
   end

app/helpers/schools/placement_dates_helper.rb

@@ -3,11 +3,11 @@ def placement_date_status_tag(placement_date)
     availability_end_date_in_future = (placement_date.date - placement_date.end_availability_offset).future?
 
     if placement_date.available?
-      tag.strong "Open", class: "govuk-tag govuk-tag--available"
+      tag.strong "Open", class: "govuk-tag govuk-tag--green"
     elsif placement_date.active && availability_end_date_in_future
       tag.strong "Scheduled", class: "govuk-tag govuk-tag--grey"
     else
-      tag.strong "Closed", class: "govuk-tag govuk-tag--taken"
+      tag.strong "Closed", class: "govuk-tag govuk-tag--red"
     end
   end
 

app/views/candidates/placement_requests/cancellations/_new_booking.html.erb

@@ -15,7 +15,7 @@
 
         <div class="govuk-warning-text">
           <span class="govuk-warning-text__icon">!</span>
-          <span class="govuk-warning-text__assistive">Warning</span>
+          <span class="govuk-visually-hidden">Warning</span>
           <strong class="govuk-warning-text__text">
             To change any school experience details you’ll need to contact the
             school. For example, to change the date of your booking.

app/views/candidates/registrations/availability_preferences/_form.html.erb

@@ -21,7 +21,7 @@
             <div class="govuk-warning-text">
               <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
               <strong class="govuk-warning-text__text">
-                <span class="govuk-warning-text__assistive">Warning</span>
+                <span class="govuk-visually-hidden">Warning</span>
                 The school has provided the following details about when school experience is available:
               </strong>
             </div>

app/views/candidates/schools/profile/_placement_dates.html.erb

@@ -13,7 +13,7 @@
           </button>
         </h2>
       </div>
-      <div id="accordion-default-content-<%= month %>" class="govuk-accordion__section-content" aria-labelledby="accordion-default-heading-<%= month %>">
+      <div id="accordion-default-content-<%= month %>" class="govuk-accordion__section-content">
         <table class="govuk-table">
           <thead class="govuk-table__head">
             <tr class="govuk-table__row">

app/views/layouts/application.html.erb

@@ -8,14 +8,14 @@
     <%= csp_meta_tag %>
     <%= display_meta_tags %>
     <%= tag :meta, name: 'viewport', content: 'width=device-width, initial-scale=1' %>
-    <%= tag :meta, property: 'og:image', content: asset_pack_url('static/node_modules/govuk-frontend/govuk/assets/images/govuk-opengraph-image.png') %>
+    <%= tag :meta, property: 'og:image', content: asset_pack_url('static/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-opengraph-image.png') %>
     <%= tag :meta, name: 'theme-color', content: '#0b0c0c' %>
-    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/govuk/assets/images/favicon.ico') %>
-    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/govuk/assets/images/govuk-mask-icon.svg'), rel: 'mask-icon', type: 'image/svg', color: "#0b0c0c" %>
-    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon.png'), rel: 'apple-touch-icon', type: 'image/png' %>
-    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-152x152.png'), rel: 'apple-touch-icon', type: 'image/png', size: '152x152' %>
-    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-167x167.png'), rel: 'apple-touch-icon', type: 'image/png', size: '167x167' %>
-    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-180x180.png'), rel: 'apple-touch-icon', type: 'image/png', size: '180x180' %>
+    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/dist/govuk/assets/images/favicon.ico') %>
+    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-mask.svg'), rel: 'mask-icon', type: 'image/svg', color: "#0b0c0c" %>
+    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-180.png'), rel: 'govuk-icon-180', type: 'image/png', size: '180x180' %>
+    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-192.png'), rel: 'govuk-icon-192', type: 'image/png', size: '192x192' %>
+    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-512.png'), rel: 'govuk-icon-512', type: 'image/png', size: '512x512' %>
+    <%= favicon_link_tag asset_pack_path('static/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-opengraph-image.png'), rel: 'apple-touch-icon', type: 'image/png' %>
     <%= stylesheet_pack_tag 'application', media: 'all' %>
     <%= yield :head %>
   </head>
@@ -24,7 +24,7 @@
     <%= render(partial: "gtm_fallback") if gtm_enabled? %>
 
     <%= javascript_tag nonce: true do -%>
-      document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
+      document.body.className += ' js-enabled' + ('noModule' in HTMLScriptElement.prototype ? ' govuk-frontend-supported' : '');
     <% end -%>
 
     <%= render partial: 'shared/application/cookie_banner' %>
@@ -35,19 +35,23 @@
       <div class="govuk-header__container govuk-width-container">
         <div class="govuk-header__logo">
           <%= link_to "https://www.gov.uk/", class: "govuk-header__link govuk-header__link--homepage" do %>
-            <span class="govuk-header__logotype">
-              <svg aria-hidden="true" focusable="false" class="govuk-header__logotype-crown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 30" height="30"width="32">
-                <path fill="currentColor" fill-rule="evenodd" d="M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8"></path>
-              </svg>
-              <span class="govuk-header__logotype-text">
-                GOV.UK
-              </span>
-            </span>
+            <svg
+              focusable="false"
+              role="img"
+              class="govuk-header__logotype"
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 148 30"
+              height="30"
+              width="148"
+              aria-label="GOV.UK">
+              <title>GOV.UK</title>
+              <path d="M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8m28.3-11.6c0 .9.1 1.7.3 2.5.2.8.6 1.5 1 2.2.5.6 1 1.1 1.7 1.5.7.4 1.5.6 2.5.6.9 0 1.7-.1 2.3-.4s1.1-.7 1.5-1.1c.4-.4.6-.9.8-1.5.1-.5.2-1 .2-1.5v-.2h-5.3v-3.2h9.4V28H55v-2.5c-.3.4-.6.8-1 1.1-.4.3-.8.6-1.3.9-.5.2-1 .4-1.6.6s-1.2.2-1.8.2c-1.5 0-2.9-.3-4-.8-1.2-.6-2.2-1.3-3-2.3-.8-1-1.4-2.1-1.8-3.4-.3-1.4-.5-2.8-.5-4.3s.2-2.9.7-4.2c.5-1.3 1.1-2.4 2-3.4.9-1 1.9-1.7 3.1-2.3 1.2-.6 2.6-.8 4.1-.8 1 0 1.9.1 2.8.3.9.2 1.7.6 2.4 1s1.4.9 1.9 1.5c.6.6 1 1.3 1.4 2l-3.7 2.1c-.2-.4-.5-.9-.8-1.2-.3-.4-.6-.7-1-1-.4-.3-.8-.5-1.3-.7-.5-.2-1.1-.2-1.7-.2-1 0-1.8.2-2.5.6-.7.4-1.3.9-1.7 1.5-.5.6-.8 1.4-1 2.2-.3.8-.4 1.9-.4 2.7zM71.5 6.8c1.5 0 2.9.3 4.2.8 1.2.6 2.3 1.3 3.1 2.3.9 1 1.5 2.1 2 3.4s.7 2.7.7 4.2-.2 2.9-.7 4.2c-.4 1.3-1.1 2.4-2 3.4-.9 1-1.9 1.7-3.1 2.3-1.2.6-2.6.8-4.2.8s-2.9-.3-4.2-.8c-1.2-.6-2.3-1.3-3.1-2.3-.9-1-1.5-2.1-2-3.4-.4-1.3-.7-2.7-.7-4.2s.2-2.9.7-4.2c.4-1.3 1.1-2.4 2-3.4.9-1 1.9-1.7 3.1-2.3 1.2-.5 2.6-.8 4.2-.8zm0 17.6c.9 0 1.7-.2 2.4-.5s1.3-.8 1.7-1.4c.5-.6.8-1.3 1.1-2.2.2-.8.4-1.7.4-2.7v-.1c0-1-.1-1.9-.4-2.7-.2-.8-.6-1.6-1.1-2.2-.5-.6-1.1-1.1-1.7-1.4-.7-.3-1.5-.5-2.4-.5s-1.7.2-2.4.5-1.3.8-1.7 1.4c-.5.6-.8 1.3-1.1 2.2-.2.8-.4 1.7-.4 2.7v.1c0 1 .1 1.9.4 2.7.2.8.6 1.6 1.1 2.2.5.6 1.1 1.1 1.7 1.4.6.3 1.4.5 2.4.5zM88.9 28 83 7h4.7l4 15.7h.1l4-15.7h4.7l-5.9 21h-5.7zm28.8-3.6c.6 0 1.2-.1 1.7-.3.5-.2 1-.4 1.4-.8.4-.4.7-.8.9-1.4.2-.6.3-1.2.3-2v-13h4.1v13.6c0 1.2-.2 2.2-.6 3.1s-1 1.7-1.8 2.4c-.7.7-1.6 1.2-2.7 1.5-1 .4-2.2.5-3.4.5-1.2 0-2.4-.2-3.4-.5-1-.4-1.9-.9-2.7-1.5-.8-.7-1.3-1.5-1.8-2.4-.4-.9-.6-2-.6-3.1V6.9h4.2v13c0 .8.1 1.4.3 2 .2.6.5 1 .9 1.4.4.4.8.6 1.4.8.6.2 1.1.3 1.8.3zm13-17.4h4.2v9.1l7.4-9.1h5.2l-7.2 8.4L148 28h-4.9l-5.5-9.4-2.7 3V28h-4.2V7zm-27.6 16.1c-1.5 0-2.7 1.2-2.7 2.7s1.2 2.7 2.7 2.7 2.7-1.2 2.7-2.7-1.2-2.7-2.7-2.7z"></path>
+            </svg>
           <% end %>
         </div>
         <div class="govuk-header__content">
           <%= link_to @site_header_text || 'Get school experience', site_header_path,
-                class: 'govuk-header__link govuk-header__link--service-name' %>
+                class: 'govuk-header__link govuk-header__service-name' %>
         </div>
       </div>
     </header>

app/views/pages/dfe_signin_help.html.erb

@@ -13,7 +13,7 @@
     <div class="govuk-warning-text">
       <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
       <strong class="govuk-warning-text__text">
-        <span class="govuk-warning-text__assistive">Warning</span>
+        <span class="govuk-visually-hidden">Warning</span>
 
         These are not the same as your old School Experience Portal (SEP)
         login details and do not include your URN.
@@ -50,7 +50,7 @@
             </span>
           </h2>
         </div>
-        <div id="accordion-default-content-3" class="govuk-accordion__section-content" aria-labelledby="accordion-default-heading-3">
+        <div id="accordion-default-content-3" class="govuk-accordion__section-content">
             <p>Your approver will normally be the head or deputy head.<p>
             <p>If they're not or you're not sure, don't worry. We just need to get some of your details so we can find them. Email our School Experience
             Service team at <%= mail_to '[email protected]' %>.</p>

app/views/pages/help_and_support_access_needs.html.erb

@@ -20,7 +20,7 @@
             </span>
           </h2>
         </div>
-        <div id="dealing-with-requests" class="govuk-accordion__section-content" aria-labelledby="disability-access-accordion-dealing-with-requests">
+        <div id="dealing-with-requests" class="govuk-accordion__section-content">
           <p>
             <strong>
               Ask all candidates if they have disability or access needs and if they require
@@ -46,7 +46,7 @@
             </span>
           </h2>
         </div>
-        <div id="leading-up-to-school-experience" class="govuk-accordion__section-content" aria-labelledby="accordion-default-leading-up-to-school-experience">
+        <div id="leading-up-to-school-experience" class="govuk-accordion__section-content">
           <p>
             <strong>
               Provide all candidates with an outline of their school experience day and
@@ -73,7 +73,7 @@
             </span>
           </h2>
         </div>
-        <div id="on-the-day" class="govuk-accordion__section-content" aria-labelledby="disability-access-accordion-on-the-day">
+        <div id="on-the-day" class="govuk-accordion__section-content">
           <p>
             <strong>
               Ask candidates where they want to sit.
@@ -117,7 +117,7 @@
             </span>
           </h2>
         </div>
-        <div id="on-request" class="govuk-accordion__section-content" aria-labelledby="disability-access-accordion-on-request">
+        <div id="on-request" class="govuk-accordion__section-content">
           <p>
             <strong>
               If candidates ask, print materials in larger fonts.

app/views/schools/availability_preferences/edit.html.erb

@@ -16,7 +16,7 @@
           </p>
 
 
-          <details class="govuk-details" data-module="govuk-details">
+          <details class="govuk-details">
             <summary class="govuk-details__summary">
               <span class="govuk-details__summary-text">
                 View an example of how specific dates are displayed
@@ -42,7 +42,7 @@
             year such as around exams, holidays and busy term times
           </p>
 
-          <details class="govuk-details" data-module="govuk-details">
+          <details class="govuk-details">
             <summary class="govuk-details__summary">
               <span class="govuk-details__summary-text">
                 View an example of how a description is displayed

app/views/schools/change_schools/show.html.erb

@@ -51,7 +51,7 @@
       <div class="govuk-warning-text">
         <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
         <strong class="govuk-warning-text__text">
-          <span class="govuk-warning-text__assistive">Warning</span>
+          <span class="govuk-visually-hidden">Warning</span>
           Changing school is not enabled, use the 'change school' link on the dashboard
         </strong>
       </div>

app/views/schools/csv_exports/show.html.erb

@@ -12,7 +12,7 @@
     <div class="govuk-warning-text">
       <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
       <strong class="govuk-warning-text__text">
-        <span class="govuk-warning-text__assistive">Warning</span>
+        <span class="govuk-visually-hidden">Warning</span>
 
         Please note by using this feature you are exporting personally
         identifiable information. Please ensure the data is stored securely and

app/views/schools/dashboards/_no_placement_dates_warning.html.erb

@@ -1,7 +1,7 @@
 <div class="govuk-warning-text govuk-!-padding-top-7">
   <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
   <strong class="govuk-warning-text__text">
-    <span class="govuk-warning-text__assistive">Warning</span>
+    <span class="govuk-visually-hidden">Warning</span>
     You haven't entered any dates, your school will not appear in candidate
     searches
   </strong>

app/views/schools/on_boarding/previews/show.html.erb

@@ -16,7 +16,7 @@
   <div class="govuk-warning-text">
     <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
     <strong class="govuk-warning-text__text">
-      <span class="govuk-warning-text__assistive">Warning</span>
+      <span class="govuk-visually-hidden">Warning</span>
       <%= @presenter.warning %>
     </strong>
   </div>

app/views/schools/on_boarding/profiles/onboarding.html.erb

@@ -12,7 +12,7 @@
       <div class="govuk-warning-text">
         <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
         <strong class="govuk-warning-text__text">
-          <span class="govuk-warning-text__assistive">Warning</span>
+          <span class="govuk-visually-hidden">Warning</span>
           To set up your profile, select the checkbox at the bottom of the page and select 'Accept and set up profile'.
         </strong>
       </div>

app/views/schools/placement_requests/acceptance/make_changes/new.html.erb

@@ -21,7 +21,7 @@
             <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
 
             <strong class="govuk-warning-text__text">
-              <span class="govuk-warning-text__assistive">Warning</span>
+              <span class="govuk-visually-hidden">Warning</span>
 
               The candidate requested
               <%= @placement_request.requested_subject.name %>

app/views/schools/placement_requests/show.html.erb

@@ -12,7 +12,7 @@
   <div class="govuk-warning-text">
     <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
     <strong class="govuk-warning-text__text">
-      <span class="govuk-warning-text__assistive">Warning</span>
+      <span class="govuk-visually-hidden">Warning</span>
       This candidate has already attended a school experience placement.
     </strong>
   </div>

app/views/schools/withdrawn_requests/index.html.erb

@@ -11,7 +11,7 @@
 
     <% if @requests.any? %>
       <%= pagination_bar @requests %>
-    
+
       <table id="withdrawn-requests" class="govuk-table">
         <thead class="govuk-table__head">
           <tr class="govuk-table__row">
@@ -44,7 +44,7 @@
               </td>
               <td class="status govuk-table__cell">
                 <% unless withdrawn_request.candidate_cancellation.viewed? %>
-                  <strong class="govuk-tag govuk-tag--default">UNVIEWED</strong>
+                  <strong class="govuk-tag govuk-tag--grey">Unviewed</strong>
                 <% end %>
               </td>
               <td class="govuk-table__cell">

app/views/shared/application/_phase_banner.html.erb

@@ -1,7 +1,7 @@
 <div class="govuk-phase-banner">
   <div class="govuk-phase-banner__content">
     <strong class="govuk-tag govuk-phase-banner__content__tag ">
-      beta
+      Beta
     </strong>
     <div class="govuk-phase-banner__text phase">
       This is a new service. <%= link_to 'Give feedback', feedback_path %>

app/views/shared/candidates/_alert_notification.html.erb

@@ -1,7 +1,7 @@
 <div id="candidate-alert-notification" class="govuk-warning-text govuk-!-padding-top-5 govuk-!-padding-bottom-0">
   <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
   <strong class="govuk-warning-text__text">
-    <span class="govuk-warning-text__assistive">Warning</span>
+    <span class="govuk-visually-hidden">Warning</span>
 
     <p>In light of measures in place due to the response to coronavirus (COVID-19) school experience may be affected. Some schools are offering online alternatives which can be found in the schools detail page.</p>
 

app/webpacker/packs/application.js

@@ -1,4 +1,4 @@
-require.context("govuk-frontend/govuk/assets");
+require.context("govuk-frontend/dist/govuk/assets");
 require.context('../images', true);
 
 import "../stylesheets/application.scss";