hmrc-frontend 6.12.0 → 6.14.0

package/hmrc/VERSION.txt

@@ -1 +1 @@
-6.12.0
+6.14.0

package/hmrc/{accessible-autocomplete-6.12.0.css → accessible-autocomplete-6.14.0.css}

@@ -1,2 +1,2 @@
 .autocomplete__wrapper{position:relative}.autocomplete__hint,.autocomplete__input{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%}.autocomplete__input{background-color:rgba(0,0,0,0);position:relative}.autocomplete__hint{color:#b1b4b6;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{outline:3px solid #fd0;outline-offset:0;-webkit-box-shadow:inset 0 0 0 2px;box-shadow:inset 0 0 0 2px}.autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{-webkit-box-shadow:rgba(0,0,0,.256863) 0 2px 6px;box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}@media (-ms-high-contrast:active),(forced-colors:active){.autocomplete__menu{border-color:FieldText}.autocomplete__option{background-color:Field;color:FieldText}.autocomplete__option--focused,.autocomplete__option:hover{forced-color-adjust:none;background-color:SelectedItem;border-color:SelectedItem;color:SelectedItemText;outline-color:SelectedItemText}}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:16px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:19px;line-height:1.31579}}.autocomplete__hint,.autocomplete__input,.autocomplete__wrapper{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25}@media print{.autocomplete__hint,.autocomplete__input,.autocomplete__wrapper{font-family:sans-serif}}@media (min-width:40.0625em){.autocomplete__hint,.autocomplete__input,.autocomplete__wrapper{font-size:1.1875rem;line-height:1.31579}}@media print{.autocomplete__hint,.autocomplete__input,.autocomplete__wrapper{font-size:14pt;line-height:1.15}}
-/*# sourceMappingURL=maps/accessible-autocomplete-6.12.0.css.map */
+/*# sourceMappingURL=maps/accessible-autocomplete-6.14.0.css.map */

package/hmrc/all.js

@@ -120,26 +120,23 @@
   }
   BackLinkHelper.prototype.init = function init() {
     var _this = this;
-    var isReferrerExternal = function isReferrerExternal() {
-      // If there is no referrer, consider it on the same domain
-      if (!_this.document.referrer) {
-        return false;
-      }
-      try {
-        var currentDomain = new URL(_this.window.location.href).hostname;
-        var referrerDomain = new URL(_this.document.referrer).hostname;
-
-        // Check if the referrer is not the same as the current domain
-        return currentDomain !== referrerDomain;
-      } catch (err) {
-        return false;
-      }
-    };
-
     // do nothing if History API is absent
     if (this.window.history) {
-      // hide the backlink if the referrer is on a different domain
-      if (isReferrerExternal()) {
+      // eslint-disable-next-line max-len
+      /* TODO: It remains unclear whether a check for the same domain is necessary for security reasons.
+         There may be user research suggesting considerations regarding the visibility of the
+         back link on refresh.
+         Currently, a page refresh sets the referer to empty, leading to the back link being hidden
+         under our existing logic.
+       */
+      // eslint-disable-next-line max-len
+      var referrerNotOnSameDomain = function referrerNotOnSameDomain() {
+        var referer = _this.document.referrer;
+        return !referer || referer.indexOf(_this.window.location.host) === -1;
+      };
+
+      // hide the backlink if the referrer is on a different domain or the referrer is not set
+      if (referrerNotOnSameDomain()) {
         this.$module.classList.add('hmrc-hidden-backlink');
       } else {
         // prevent resubmit warning

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

@@ -103,6 +103,10 @@ $hmrc-transition-type: "all";
     // get a small gap under menu items without a notification badge.
     line-height: inherit;
   }
+
+  &:not(.hmrc-account-menu__link--menu) {
+    outline-offset: -3px;
+  }
 }
 
 .is-smaller .hmrc-account-menu__link {
@@ -222,6 +226,7 @@ body:not(.js-enabled) {
       padding: 12px 8px 8px;
 
       &:focus {
+        outline-offset: -3px;
         outline: 3px solid rgba(0, 0, 0, 0);
       }
     }

package/hmrc/components/back-link-helper/back-link-helper.js

@@ -5,27 +5,23 @@ function BackLinkHelper($module, window, document) {
 }
 
 BackLinkHelper.prototype.init = function init() {
-  const isReferrerExternal = () => {
-    // If there is no referrer, consider it on the same domain
-    if (!this.document.referrer) {
-      return false;
-    }
-
-    try {
-      const currentDomain = new URL(this.window.location.href).hostname;
-      const referrerDomain = new URL(this.document.referrer).hostname;
-
-      // Check if the referrer is not the same as the current domain
-      return currentDomain !== referrerDomain;
-    } catch (err) {
-      return false;
-    }
-  };
-
   // do nothing if History API is absent
   if (this.window.history) {
-    // hide the backlink if the referrer is on a different domain
-    if (isReferrerExternal()) {
+    // eslint-disable-next-line max-len
+    /* TODO: It remains unclear whether a check for the same domain is necessary for security reasons.
+       There may be user research suggesting considerations regarding the visibility of the
+       back link on refresh.
+       Currently, a page refresh sets the referer to empty, leading to the back link being hidden
+       under our existing logic.
+     */
+    // eslint-disable-next-line max-len
+    const referrerNotOnSameDomain = () => {
+      const referer = this.document.referrer;
+      return !referer || referer.indexOf(this.window.location.host) === -1;
+    };
+
+    // hide the backlink if the referrer is on a different domain or the referrer is not set
+    if (referrerNotOnSameDomain()) {
       this.$module.classList.add('hmrc-hidden-backlink');
     } else {
       // prevent resubmit warning