hmrc-frontend 4.7.0 → 4.9.1

package/hmrc/VERSION.txt

@@ -1 +1 @@
-4.7.0
+4.9.1

package/hmrc/components/account-menu/_account-menu.scss

@@ -87,28 +87,28 @@ $hmrc-transition-type: "all";
 
   &:hover,
   &:focus {
+    outline: none;
     border-bottom-width: 4px;
     border-bottom-style: solid;
-    color: govuk-colour("light-blue");
+    color: $govuk-link-hover-colour;
+    border-bottom-color: $govuk-link-hover-colour;
   }
 
-  &:hover {
-    border-bottom-color: govuk-colour("light-grey");
+  &:focus {
+    background-color: $govuk-focus-colour;
+    color: $govuk-focus-text-colour;
   }
 
-  &:focus {
-    border-bottom-color: $govuk-focus-colour;
-    background-color: transparent;
+  .hmrc-notification-badge {
+    // otherwise the line height is slightly larger than the menu items and we
+    // get a small gap under menu items without a notification badge.
+    line-height: inherit;
   }
 }
 
 .is-smaller .hmrc-account-menu__link {
   padding-left: 10px;
   color: govuk-colour("black");
-
-  &:hover {
-    color: govuk-colour("black");
-  }
 }
 
 .hmrc-account-menu__link--home {
@@ -120,27 +120,6 @@ $hmrc-transition-type: "all";
 .is-smaller .hmrc-account-menu__link--home,
 .is-smaller .hmrc-account-menu__link--menu {
   padding-left: 0;
-
-  &:hover {
-    border-bottom-color: transparent;
-  }
-
-  &:focus {
-    border-bottom-color: $hmrc-account-menu-yellow-1;
-    color: govuk-colour("light-blue");
-  }
-
-  &.hmrc-account-menu__link--active {
-    &:hover {
-      border-bottom-color: $govuk-brand-colour;
-      color: govuk-colour("black");
-    }
-
-    &:focus {
-      border-bottom-color: $hmrc-account-menu-yellow-1;
-      color: govuk-colour("light-blue");
-    }
-  }
 }
 
 .hmrc-account-menu__link--menu {
@@ -214,6 +193,7 @@ $hmrc-transition-type: "all";
 
     .hmrc-account-menu__link {
       border-bottom: 0;
+      display: block;
 
       &:hover {
         border-bottom: 0;

package/hmrc/components/header/_header.scss

@@ -31,13 +31,11 @@ $govuk-header-link-underline-thickness: 3px;
     .govuk-list {
       margin-bottom: 0;
 
-      a {
-        color: govuk-colour("white");
+      a:not(.govuk-header__link) {
+        @include govuk-font($size: 16, $weight: "bold");
 
-        &:not(.govuk-header__link) {
-          color: govuk-colour("mid-grey");
-          text-decoration: none;
-        }
+        color: govuk-colour("mid-grey");
+        text-decoration: none;
       }
     }
 

package/hmrc/components/language-select/_language-select.scss

@@ -1,7 +1,5 @@
 .hmrc-language-select {
-  @include govuk-typography-responsive($size: 16);
-  @include govuk-link-common;
-  @include govuk-link-style-text;
+  @include govuk-font($size: 16);
   @include govuk-clearfix;
 }
 

package/hmrc/components/page-heading/_page-heading.scss

@@ -1,18 +1,21 @@
 .hmrc-page-heading {
   display: table;
   width: 100%;
-  margin-top: govuk-em(60, 32);
-  margin-bottom: govuk-em(30, 32);
   padding-top: 8px;
   clear: both;
   table-layout: fixed;
 
+  .hmrc-caption {
+    display: table-header-group;
+  }
+}
+
+.hmrc-page-heading--with-margin {
+  margin-top: govuk-em(60, 32);
+  margin-bottom: govuk-em(30, 32);
+
   @include govuk-media-query($from: tablet) {
     margin-top: govuk-em(90, 48);
     margin-bottom: govuk-em(60, 48);
   }
-
-  .hmrc-caption-xl {
-    display: table-header-group;
-  }
 }

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

@@ -1,6 +1,6 @@
-<header class="hmrc-page-heading">
-  <h1 class="govuk-heading-xl">{{ params.text }}</h1>
+<header class="hmrc-page-heading{%- if params.classes %} {{ params.classes }}{%- endif -%}">
+  <h1 class="{{ params.headingClasses | default('govuk-heading-xl') }}">{{ params.text }}</h1>
   {%- if params.section -%}
-    <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>
+    <p class="hmrc-caption {{ params.captionClasses | default('govuk-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>