hmrc-frontend 4.1.0 → 4.4.0

package/hmrc/VERSION.txt

@@ -1 +1 @@
-4.1.0
+4.4.0

package/hmrc/components/banner/_banner.scss

@@ -3,14 +3,25 @@
   padding: 10px 0 6px;
 }
 
+@media (forced-colors: active) {
+  .hmrc-organisation-logo {
+    svg {
+      forced-color-adjust: none;
+      color: canvastext;
+    }
+  }
+}
+
 .hmrc-organisation-logo {
   margin: 0 35px 0 0;
   padding: 4px 0 4px 5px;
   border-left: 2px solid govuk-organisation-colour("hm-revenue-customs");
+  color: govuk-colour("black");
 
   svg,
   img {
     vertical-align: middle;
+    fill: currentColor;
   }
 
   p {

package/hmrc/components/header/template.njk

@@ -4,7 +4,7 @@
   {% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %}
 
 <header role="banner">
-  <div class="govuk-header hmrc-header {{ params.classes if params.classes }} {{ 'hmrc-header--with-additional-navigation' if params.signOutHref or params.languageToggle }}" data-module="header"
+  <div class="govuk-header hmrc-header {{ params.classes if params.classes }} {{ 'hmrc-header--with-additional-navigation' if params.signOutHref or params.languageToggle }}" data-module="govuk-header"
           {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
     <div class="govuk-header__container {{ params.containerClasses | default('govuk-width-container') }}">
       <div class="govuk-header__logo">
@@ -69,7 +69,7 @@
       {% if params.navigation | length %}
       <nav class="govuk-header__navigation" aria-label="Top Level Navigation">
         <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" aria-label="Show or hide Top Level Navigation">Menu</button>
-        <ul id="navigation" class="govuk-header__navigation-list {{ params.navigationClasses if params.navigationClasses }}">
+        <ul id="navigation" class="govuk-header__navigation-list{{ (' ' + params.navigationClasses) if params.navigationClasses }}">
           {% for item in params.navigation %}
             {% if item.href and (item.text or item.html) %}
               <li class="govuk-header__navigation-item{{ ' govuk-header__navigation-item--active' if item.active }}">

package/hmrc/components/internal-header/_internal-header.scss

@@ -14,6 +14,15 @@
   }
 }
 
+@media (forced-colors: active) {
+  .hmrc-internal-header__logo-link {
+    svg {
+      forced-color-adjust: none;
+      color: linktext;
+    }
+  }
+}
+
 .hmrc-internal-header__logo,
 .hmrc-internal-header__service-name {
   -webkit-box-sizing: border-box;
@@ -42,6 +51,7 @@
   svg {
     float: left;
     vertical-align: top;
+    fill: currentColor;
   }
 
   img {

package/hmrc/components/page-heading/template.njk

@@ -1,6 +1,6 @@
 <header class="hmrc-page-heading">
   <h1 class="govuk-heading-xl">{{ params.text }}</h1>
   {%- if params.section -%}
-    <p class="govuk-caption-xl hmrc-caption-xl"><span class="govuk-visually-hidden">This section is </span>{{ params.section }}</p>
+    <p class="govuk-caption-xl hmrc-caption-xl"><span class="govuk-visually-hidden">{% if params.language === 'cy' %}Teitl yr adran hon yw{%else%}This section is{%endif%} </span>{{ params.section }}</p>
   {%- endif -%}
 </header>