hmrc-frontend 3.2.0 → 4.1.0

package/check-compatibility.js

@@ -14,11 +14,14 @@ if (!knownPrototypeKitNames.includes(consumerPackageJson.name)) {
 }
 
 const compatibility = {
-  3.2: {
-    'prototype-kit': ['11.0', '10.0', '9.15', '9.14', '9.13', '9.12', '9.11', '9.10', '9.9', '9.8', '9.7', '9.6', '9.5', '9.4', '9.3', '9.2', '9.1', '9.0'],
+  4.1: {
+    'prototype-kit': ['12.0', '11.0', '10.0', '9.15', '9.14', '9.13', '9.12', '9.11', '9.10', '9.9', '9.8', '9.7', '9.6', '9.5', '9.4', '9.3', '9.2', '9.1', '9.0'],
+  },
+  3.3: {
+    'prototype-kit': ['12.0', '11.0', '10.0', '9.15', '9.14', '9.13', '9.12', '9.11', '9.10', '9.9', '9.8', '9.7', '9.6', '9.5', '9.4', '9.3', '9.2', '9.1', '9.0'],
   },
   1.38: {
-    'prototype-kit': ['11.0', '10.0', '9.15', '9.14', '9.13', '9.12', '9.11', '9.10', '9.9', '9.8', '9.7', '9.6', '9.5', '9.4', '9.3', '9.2', '9.1', '9.0'],
+    'prototype-kit': ['12.0', '11.0', '10.0', '9.15', '9.14', '9.13', '9.12', '9.11', '9.10', '9.9', '9.8', '9.7', '9.6', '9.5', '9.4', '9.3', '9.2', '9.1', '9.0'],
   },
   0.6: {
     'prototype-kit': ['8.12', '8.11', '8.10', '8.9', '8.8', '8.7'],

package/hmrc/VERSION.txt

@@ -1 +1 @@
-3.2.0
+4.1.0

package/hmrc/all.js

@@ -4,20 +4,40 @@
   (global.HMRCFrontend = factory());
 }(this, (function () { 'use strict';
 
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function (obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function (obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
 
-    return _typeof(obj);
+    return target;
+  }
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _defineProperty(obj, key, value) {
@@ -35,40 +55,6 @@
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
-  }
-
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
   function createCommonjsModule(fn, module) {

package/hmrc/components/account-menu/template.njk

@@ -41,6 +41,14 @@
       </a>
     </li>
 
+    {% if params.businessTaxAccount %}
+      <li>
+        <a href="{{ params.businessTaxAccount.href | default('#') }}" class="hmrc-account-menu__link{% if params.businessTaxAccount.active %} hmrc-account-menu__link--active{% endif %}">
+          {% if language == 'cy' %}Cyfrif treth busnes{% else %}Business tax account{% endif %}
+        </a>
+      </li>
+    {% endif %}
+
     <li>
       <a href="{{ params.signOut.href | default('#') }}" class="hmrc-account-menu__link">
         {% if language == 'cy' %}Allgofnodi{% else %}Sign out{% endif %}

package/hmrc/components/banner/template.njk

@@ -1,7 +1,7 @@
 <div class="hmrc-banner">
   <div class="hmrc-organisation-logo">
   <!--[if gt IE 8]><!-->
-    <svg id="f2a14da0-d308-46dc-ad18-2464344bd5d1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="26px" height="26px" viewBox="0 0 134.94 134.94" focusable="false" aria-hidden="true">
+    <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="26px" height="26px" viewBox="0 0 134.94 134.94" focusable="false" aria-hidden="true">
       <path d="M104.32,73.72,101,73.29c.94-2,1.51-3.22,1.51-3.22,0-.38,1.11-2.22,1.53-3.73a19.94,19.94,0,0,0,.61-3.89,15.05,15.05,0,0,0-3.68-10.06,12.21,12.21,0,0,0-9.18-4.18,17.46,17.46,0,0,0-3.68.44c-2.09.52-3.08.81-4.93,1.29a51.13,51.13,0,0,0-8.85,3.61,1.37,1.37,0,0,0-.73.91,2,2,0,0,0-.07.53L73.31,71.6H70.53V53.46a4.05,4.05,0,0,1,.18-1.14,3.37,3.37,0,0,1,1.43-1.71c.6-.39,1.21-.75,1.82-1.08a2.49,2.49,0,1,1,3.87-2.07c0,.12,0,.25,0,.37l.16-.06c.55-.19,1.16-.37,1.75-.55a2.49,2.49,0,1,1,3.71-2.16,2.66,2.66,0,0,1-.3,1.16l2.06-.56.36-.08a2.49,2.49,0,1,1,3.87-2.07A2.42,2.42,0,0,1,89,44.82h.06a16.43,16.43,0,0,1,2.72-.18,2.45,2.45,0,0,1-.48-1.45,2.49,2.49,0,1,1,5,0,2.46,2.46,0,0,1-.89,1.89A16.46,16.46,0,0,1,98.1,46a2.41,2.41,0,0,1-.12-.72,2.5,2.5,0,1,1,3,2.44,16.7,16.7,0,0,1,2.12,1.91v-.08a2.49,2.49,0,1,1,2.49,2.49,2.15,2.15,0,0,1-.68-.11,18.34,18.34,0,0,1,1.25,2.26,2.49,2.49,0,0,1,4.55,1.4,2.5,2.5,0,0,1-2.49,2.5,2.64,2.64,0,0,1-.8-.15,20.9,20.9,0,0,1,.35,2.1,2.52,2.52,0,0,1,1-.19,2.49,2.49,0,1,1,0,5,2.59,2.59,0,0,1-1.07-.25c0,.26-.08.54-.11.82s-.14.55-.21.78a2.49,2.49,0,0,1-.32,5,2.39,2.39,0,0,1-1.39-.43c-.34.8-.78,1.83-1.27,3" />
       <path d="M67.45,71.79a2.39,2.39,0,1,1,0-4.78h0a2.39,2.39,0,0,1,0,4.78Z" />
       <path d="M67.47,66a2.28,2.28,0,1,0,0-4.56h0a2.28,2.28,0,0,0,0,4.56Z" />

package/hmrc/components/footer/template.njk

@@ -4,7 +4,7 @@
     {% if params.navigation | length %}
       <div class="govuk-footer__navigation">
         {% for nav in params.navigation %}
-          <div class="govuk-footer__section">
+          <div class="govuk-footer__section govuk-grid-column-{{ nav.width | default('full') }}">
             <h2 class="govuk-footer__heading govuk-heading-m">{{ nav.title }}</h2>
             {% if nav.items | length %}
               {% set listClasses %}

package/hmrc/components/header/template.njk

@@ -67,9 +67,9 @@
         </{{ serviceNameTag }}>
       {% endif %}
       {% if params.navigation | length %}
-      <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>
-      <nav>
-        <ul id="navigation" class="govuk-header__navigation {{ params.navigationClasses if params.navigationClasses }}" aria-label="Top Level Navigation">
+      <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 }}">
           {% 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

@@ -4,7 +4,7 @@
   -webkit-box-sizing: border-box;
 
           box-sizing: border-box;
-  padding: govuk-spacing(4) govuk-spacing(3);
+  padding: govuk-spacing(4) 0;
   border-bottom: 10px solid govuk-organisation-colour("hm-revenue-customs");
 
   @include govuk-media-query(desktop) {
@@ -14,29 +14,42 @@
   }
 }
 
+.hmrc-internal-header__logo,
+.hmrc-internal-header__service-name {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
 .hmrc-internal-header__logo {
-  min-width: 275px;
   margin-bottom: govuk-spacing(2);
   border-left: 2px solid govuk-organisation-colour("hm-revenue-customs");
 
   @include govuk-media-query(desktop) {
-    display: table-cell;
     width: 33.33%;
+    float: left;
+    vertical-align: top;
     margin-bottom: 0;
   }
 }
 
 .hmrc-internal-header__logo-link {
+  @include govuk-link-common;
+  @include govuk-link-style-default;
+  @include govuk-link-print-friendly;
+
   display: table;
 
-  &::before {
-    content: "";
-    display: table-cell;
-    width: 52px;
+  svg {
+    float: left;
+    vertical-align: top;
+  }
+
+  img {
+    float: left;
+    vertical-align: top;
+    width: 32px;
     height: 32px;
-    background: url("#{$hmrc-assets-path}components/internal-header/images/hmrc-crown-logo_black.svg") no-repeat;
-    background-size: 32px 32px;
-    background-position-x: 10px;
+    padding: 0 10px 0 10px;
   }
 
   &:link,
@@ -48,13 +61,27 @@
   }
 }
 
+.hmrc-internal-header__logo-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  vertical-align: top;
+  margin: 0 0 0 0;
+}
+
 .hmrc-internal-header__service-name {
-  @include govuk-media-query(desktop) {
-    display: table-cell;
+  @include govuk-media-query ($from: desktop) {
+    width: 66.66%;
+    padding-left: $govuk-gutter-half;
+    float: left;
   }
 }
 
 .hmrc-internal-header__link {
+  @include govuk-link-common;
+  @include govuk-link-style-default;
+  @include govuk-link-print-friendly;
+
   font-size: 20px;
   font-weight: bold;
   text-decoration: none;

package/hmrc/components/internal-header/template.njk

@@ -1,19 +1,37 @@
 <header role="banner" class="hmrc-internal-header">
-    <div class="hmrc-internal-header__logo">
-        <a href="{{ params.homepageUrl | default('/') }}" class="hmrc-internal-header__logo-link">
-            {% if params.language == 'cy' %}
-                Cyllid a Thollau EM
-            {% else %}
-                HM Revenue &amp; Customs
-            {% endif %}
-        </a>
-    </div>
-
-    {%- if params.serviceName -%}
-    <div class="hmrc-internal-header__service-name">
-        <a href="{{ params.serviceUrl }}" class="hmrc-internal-header__link">
-         {{ params.serviceName }}
-        </a>
-    </div>
-    {%- endif -%}
+    <div class="govuk-width-container">
+			<div class="hmrc-internal-header__logo">
+					<a href="{{ params.homepageUrl | default('/') }}" class="hmrc-internal-header__logo-link">
+					<!--[if gt IE 8]><!-->
+							<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="52px" height="32px" viewBox="0 0 134.94 134.94" focusable="false" aria-hidden="true">
+									<path d="M104.32,73.72,101,73.29c.94-2,1.51-3.22,1.51-3.22,0-.38,1.11-2.22,1.53-3.73a19.94,19.94,0,0,0,.61-3.89,15.05,15.05,0,0,0-3.68-10.06,12.21,12.21,0,0,0-9.18-4.18,17.46,17.46,0,0,0-3.68.44c-2.09.52-3.08.81-4.93,1.29a51.13,51.13,0,0,0-8.85,3.61,1.37,1.37,0,0,0-.73.91,2,2,0,0,0-.07.53L73.31,71.6H70.53V53.46a4.05,4.05,0,0,1,.18-1.14,3.37,3.37,0,0,1,1.43-1.71c.6-.39,1.21-.75,1.82-1.08a2.49,2.49,0,1,1,3.87-2.07c0,.12,0,.25,0,.37l.16-.06c.55-.19,1.16-.37,1.75-.55a2.49,2.49,0,1,1,3.71-2.16,2.66,2.66,0,0,1-.3,1.16l2.06-.56.36-.08a2.49,2.49,0,1,1,3.87-2.07A2.42,2.42,0,0,1,89,44.82h.06a16.43,16.43,0,0,1,2.72-.18,2.45,2.45,0,0,1-.48-1.45,2.49,2.49,0,1,1,5,0,2.46,2.46,0,0,1-.89,1.89A16.46,16.46,0,0,1,98.1,46a2.41,2.41,0,0,1-.12-.72,2.5,2.5,0,1,1,3,2.44,16.7,16.7,0,0,1,2.12,1.91v-.08a2.49,2.49,0,1,1,2.49,2.49,2.15,2.15,0,0,1-.68-.11,18.34,18.34,0,0,1,1.25,2.26,2.49,2.49,0,0,1,4.55,1.4,2.5,2.5,0,0,1-2.49,2.5,2.64,2.64,0,0,1-.8-.15,20.9,20.9,0,0,1,.35,2.1,2.52,2.52,0,0,1,1-.19,2.49,2.49,0,1,1,0,5,2.59,2.59,0,0,1-1.07-.25c0,.26-.08.54-.11.82s-.14.55-.21.78a2.49,2.49,0,0,1-.32,5,2.39,2.39,0,0,1-1.39-.43c-.34.8-.78,1.83-1.27,3" />
+									<path d="M67.45,71.79a2.39,2.39,0,1,1,0-4.78h0a2.39,2.39,0,0,1,0,4.78Z" />
+									<path d="M67.47,66a2.28,2.28,0,1,0,0-4.56h0a2.28,2.28,0,0,0,0,4.56Z" />
+									<path d="M67.45,60.39a2.18,2.18,0,0,1,0-4.35h0a2.18,2.18,0,0,1,0,4.35Z" />
+									<path d="M67.47,50.17a2,2,0,0,0,0-4.09h0a2,2,0,1,0,0,4.09Z" />
+									<path d="M67.45,55.13a2.08,2.08,0,0,1,0-4.15h0a2.08,2.08,0,0,1,0,4.15Z" />
+									<path d="M74.67,22.23a.47.47,0,0,0-.46-.34.49.49,0,0,0-.49.34c-.47,1.83-1.41,3.55-5,3.86A6.43,6.43,0,0,1,70,22.5,5.37,5.37,0,0,1,73,21a.45.45,0,0,0,.3-.13.42.42,0,0,0,.1-.33.44.44,0,0,0-.14-.33.44.44,0,0,0-.29-.1H62a.44.44,0,0,0-.29.1.41.41,0,0,0-.14.33.46.46,0,0,0,.1.33A.47.47,0,0,0,62,21a5.37,5.37,0,0,1,3,1.51,6.43,6.43,0,0,1,1.28,3.59c-3.59-.31-4.53-2-5-3.86a.5.5,0,0,0-.49-.34.47.47,0,0,0-.46.34v10a.45.45,0,0,0,.51.42.46.46,0,0,0,.49-.29l0-.05a6.1,6.1,0,0,1,5-3.77,6.37,6.37,0,0,1-1.31,3.73A5.13,5.13,0,0,1,62,33.78h0a.64.64,0,0,0-.26.13.49.49,0,0,0-.1.35.37.37,0,0,0,.14.31.6.6,0,0,0,.32.12H72.89a.6.6,0,0,0,.32-.12.39.39,0,0,0,.14-.31.44.44,0,0,0-.1-.35.64.64,0,0,0-.26-.13h0A5.1,5.1,0,0,1,70,32.29a6.37,6.37,0,0,1-1.31-3.73,6.1,6.1,0,0,1,5,3.77v.05a.49.49,0,0,0,.5.29.45.45,0,0,0,.51-.42v-10Z" />
+									<path d="M67.47,45.72a5.29,5.29,0,1,0,0-10.57h0a5.29,5.29,0,1,0,0,10.57Z" />
+									<path d="M29.33,70.72a2.39,2.39,0,0,1-1.39.43,2.49,2.49,0,0,1-.32-5c-.07-.23-.13-.49-.21-.78s-.08-.56-.12-.82a2.51,2.51,0,0,1-1.07.25,2.49,2.49,0,0,1,0-5,2.35,2.35,0,0,1,1,.19c.08-.72.2-1.41.34-2.1a2.31,2.31,0,0,1-.79.15,2.5,2.5,0,1,1,2.06-3.9A18.34,18.34,0,0,1,30,51.94a2.15,2.15,0,0,1-.68.11,2.49,2.49,0,1,1,2.49-2.49v.08A16.12,16.12,0,0,1,34,47.73a2.49,2.49,0,1,1,3-2.43,2.23,2.23,0,0,1-.13.72,14.4,14.4,0,0,1,2.7-.94,2.49,2.49,0,1,1,4.09-1.9,2.45,2.45,0,0,1-.48,1.45,16.43,16.43,0,0,1,2.72.18h0a2.53,2.53,0,0,1-.37-1.31,2.49,2.49,0,1,1,3.87,2.07l.36.09,2.06.55a2.53,2.53,0,0,1-.3-1.16,2.49,2.49,0,1,1,5,0,2.46,2.46,0,0,1-1.27,2.15c.59.19,1.2.37,1.76.56l.15.06c0-.12,0-.25,0-.37A2.5,2.5,0,1,1,61,49.53c.61.33,1.22.69,1.82,1.08a3.37,3.37,0,0,1,1.43,1.71,3.66,3.66,0,0,1,.18,1.14V71.6H61.6L61.42,55a1.56,1.56,0,0,0-.07-.53,1.4,1.4,0,0,0-.73-.91,51.17,51.17,0,0,0-8.86-3.61c-1.84-.48-2.84-.77-4.93-1.29a17.33,17.33,0,0,0-3.67-.44A12.21,12.21,0,0,0,34,52.39,15.05,15.05,0,0,0,30.3,62.45a19.75,19.75,0,0,0,.61,3.88c.42,1.52,1.48,3.36,1.53,3.74,0,0,.57,1.18,1.51,3.22l-3.35.43c-.49-1.17-.93-2.2-1.27-3" />
+									<path d="M91.11,94.65A1.45,1.45,0,0,1,89.58,96l-7.89-.42a1.47,1.47,0,0,1-1.39-1.53L80.37,93a1.44,1.44,0,0,1,1.53-1.38l7.89.42a1.45,1.45,0,0,1,1.39,1.52Zm-20.47-1-2.81,2.81a.57.57,0,0,1-.36.16h0a.57.57,0,0,1-.36-.16l-2.82-2.81a.56.56,0,0,1,0-.81L67.09,90a.57.57,0,0,1,.36-.16h0a.57.57,0,0,1,.36.16l2.81,2.81a.55.55,0,0,1,0,.81m-17.41,2L45.34,96a1.45,1.45,0,0,1-1.53-1.37l-.07-1.13A1.46,1.46,0,0,1,45.13,92L53,91.58A1.45,1.45,0,0,1,54.55,93l.07,1.11a1.47,1.47,0,0,1-1.39,1.53m53.32-19.89a1.65,1.65,0,0,0-1.14-.66L100,74.32a.43.43,0,0,0-.43.39.45.45,0,0,0,.28.54h0a7,7,0,0,1,4,6.41c-3.92-.81-4.9-2.82-5.15-5.6,0-.12-.11-.33-.44-.36a.46.46,0,0,0-.49.25v0L96.24,88v0a.48.48,0,0,0,.91.16A7,7,0,0,1,103.5,84a8,8,0,0,1-5.59,5.74h0c-2-.22-4.09-.41-6.18-.59a5.1,5.1,0,0,1-4-4.14,3.86,3.86,0,0,1,.21-1c.51-1.36,1.49-2.25,2.58-1.85s1.26,1.72.76,3.07a3.58,3.58,0,0,1-.89,1.37A3.58,3.58,0,0,0,93.51,85c1.39-2,1.23-5-.94-6.27-1.42-.83-3.38.13-4.87,2,.45-2.93,2.23-5.52,2.43-7.78.29-3.19-.94-6.74-2.69-7.71-1.82.67-3.48,4-3.64,7.13-.1,2.27,1.43,5.26,1.51,8.25-1.23-2.13-3.1-3.4-4.63-2.76-2.32.94-2.91,3.94-1.8,6.09a3.67,3.67,0,0,0,2.85,2,3.45,3.45,0,0,1-.7-1.48c-.31-1.42,0-2.67,1.17-2.94s2,.76,2.3,2.18a3.64,3.64,0,0,1,0,1.31h0C83.65,87.2,82,87.94,80,88.44q-3.09-.14-6.23-.2h0l-.22,0c-2.94-.48-4.43-2.35-4.73-5.87a6.85,6.85,0,0,1,5.53,4.22.56.56,0,0,0,.55.35.48.48,0,0,0,.54-.44V75.35a.51.51,0,0,0-.5-.36.56.56,0,0,0-.51.33h0v0c-.52,2-1.58,4-5.61,4.3.33-3.93,2.12-5.13,4.74-5.7a.43.43,0,0,0,.3-.14.48.48,0,0,0,.13-.32v0a.52.52,0,0,0-.16-.35.5.5,0,0,0-.3-.11H61.41a.5.5,0,0,0-.3.11.57.57,0,0,0-.17.35v0a.48.48,0,0,0,.13.32.46.46,0,0,0,.31.14c2.61.57,4.41,1.77,4.74,5.7-4-.33-5.1-2.26-5.61-4.3v0h0A.56.56,0,0,0,60,75a.5.5,0,0,0-.5.36v11.1a.48.48,0,0,0,.54.44.53.53,0,0,0,.54-.35,6.87,6.87,0,0,1,5.54-4.22c-.3,3.52-1.79,5.39-4.73,5.87l-.23,0h0c-2.08,0-4.16.11-6.22.2-2-.5-3.66-1.24-4.56-3.37h0a3.43,3.43,0,0,1,.05-1.31c.31-1.42,1.16-2.42,2.3-2.18s1.47,1.52,1.17,2.94A3.69,3.69,0,0,1,53.2,86,3.67,3.67,0,0,0,56,84c1.1-2.15.52-5.15-1.8-6.09-1.54-.64-3.41.63-4.63,2.76.08-3,1.61-6,1.51-8.25-.16-3.18-1.82-6.46-3.64-7.13-1.75,1-3,4.52-2.69,7.71.2,2.26,2,4.85,2.43,7.78-1.49-1.86-3.46-2.82-4.87-2C40.18,80,40,83.07,41.41,85a3.58,3.58,0,0,0,3.08,1.63,3.58,3.58,0,0,1-.89-1.37c-.51-1.35-.39-2.64.76-3.07s2.07.49,2.58,1.85a3.86,3.86,0,0,1,.21,1,5.11,5.11,0,0,1-4,4.14c-2.07.18-4.13.37-6.17.59h0A8,8,0,0,1,31.42,84a7,7,0,0,1,6.35,4.12.45.45,0,0,0,.53.27.45.45,0,0,0,.38-.43v0L37.19,76v0a.47.47,0,0,0-.5-.25c-.32,0-.44.24-.44.36C36,78.83,35,80.84,31.1,81.65a7,7,0,0,1,4-6.41h0a.45.45,0,0,0,.28-.54.43.43,0,0,0-.43-.39l-5.46.73a1.65,1.65,0,0,0-1.14.66,1.84,1.84,0,0,0-.26,1.44c.14.81,1.79,12.39,1.94,13.45,0,.1.15,1.18.19,1.5a1.36,1.36,0,0,0,.48.67s2.42,1.64,2.84,2a.74.74,0,0,1,.18.86l-2.15,3.14a2,2,0,0,0-.26.42,1.19,1.19,0,0,0,.39,1.34H103.2a1.19,1.19,0,0,0,.39-1.34,2,2,0,0,0-.26-.42l-2.15-3.14a.75.75,0,0,1,.17-.86c.43-.33,2.85-2,2.85-2a1.36,1.36,0,0,0,.48-.67c0-.32.17-1.4.18-1.5.16-1.06,1.81-12.64,2-13.45a1.84,1.84,0,0,0-.26-1.44" />
+									<path d="M67.47,7.72a59.76,59.76,0,1,0,59.75,59.75A59.75,59.75,0,0,0,67.47,7.72m67.47,59.75A67.47,67.47,0,1,1,67.47,0a67.47,67.47,0,0,1,67.47,67.47" />
+							</svg>
+					<!--<![endif]-->
+					<!--[if IE 8]>
+							<img src="{{ params.assetsPath | default('/assets') }}/components/banner/images/hmrc_crest_18px_x2.png">
+					<![endif]--><span class="hmrc-internal-header__logo-text">{% if params.language == 'cy' %}
+									Cyllid a Thollau EM
+							{% else %}
+									HM Revenue &amp; Customs
+							{% endif %}</span>
+					</a>
+			</div>
+			{%- if params.serviceName -%}
+			<div class="hmrc-internal-header__service-name">
+					<a href="{{ params.serviceUrl }}" class="hmrc-internal-header__link">
+					 {{ params.serviceName }}
+					</a>
+			</div>
+			{%- endif -%}
+		</div>
 </header>