hmrc-frontend 5.46.0 → 5.48.0

package/README.md

@@ -15,8 +15,8 @@ of what the design patterns look like and guidance on how to use them in your se
 
 ### Requirements
 
-* [Node.js](https://nodejs.org/en/) `>= 10.12.0`
-* [npm](https://www.npmjs.com/) `>= 6.4.1`
+* [Node.js](https://nodejs.org/en/) `>= 14.18.0`
+* [npm](https://www.npmjs.com/) `>= 6.14.15`
 
 To install more than one version of Node.js, it may be easier to use a node version manager 
 like [nvm](https://github.com/nvm-sh/nvm) or [n](https://github.com/tj/n).

package/govuk-prototype-kit.config.json

@@ -1,4 +1,12 @@
 {
+  "meta": {
+    "description": "HMRC Frontend contains the code and documentation for patterns specifically designed for HMRC.",
+    "urls": {
+      "documentation": "https://design.tax.service.gov.uk/hmrc-design-patterns/",
+      "releaseNotes": "https://github.com/hmrc/hmrc-frontend/releases/tag/v{{version}}",
+      "versionHistory": "https://github.com/hmrc/hmrc-frontend/releases"
+    }
+  },
   "pluginDependencies": [
     {
       "packageName": "govuk-frontend",

package/hmrc/VERSION.txt

@@ -1 +1 @@
-5.46.0
+5.48.0

package/hmrc/{accessible-autocomplete-5.46.0.css → accessible-autocomplete-5.48.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:16px;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:19px;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-5.46.0.css.map */
+/*# sourceMappingURL=maps/accessible-autocomplete-5.48.0.css.map */

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

@@ -11,9 +11,9 @@
 
 // dirty, dirty, dirty
 // Necessary as there's a specificity problem on the <li>'s in the mobile menu
+// Note: these are relied on by teams not using the account menu, so handle with care
 .hidden,
 .no-js .js-visible,
-.js-enabled .js-hidden,
 .js .js-hidden {
   display: none !important;
 }
@@ -123,8 +123,14 @@ $hmrc-transition-type: "all";
   padding-left: 0;
 }
 
-body:not(.js-enabled) .hmrc-account-menu__link--menu {
-  display: none;
+body:not(.js-enabled) {
+  .hmrc-account-menu__main {
+    display: inline;
+  }
+
+  .hmrc-account-menu__link--menu {
+    display: none;
+  }
 }
 
 .hmrc-account-menu__link--menu {
@@ -352,4 +358,9 @@ $hmrc-banner-blue: #005ea5;
   }
 }
 
+// Note: this is relied on by teams not using the account menu, so handle with care
+.js-hidden {
+  display: none;
+}
+
 /* stylelint-enable no-descending-specificity */