hmrc-frontend 7.3.0 → 7.4.0

package/govuk-prototype-kit.config.json

@@ -10,7 +10,7 @@
   "pluginDependencies": [
     {
       "packageName": "govuk-frontend",
-      "minVersion": "6.0.0"
+      "minVersion": "6.1.0"
     }
   ],
   "assets": [
@@ -23,10 +23,10 @@
   "scripts": [
     "/hmrc/all.js",
     "/hmrc/init-all.js",
-    "/hmrc/accessible-autocomplete-7.3.0.js"
+    "/hmrc/accessible-autocomplete-7.4.0.js"
   ],
   "stylesheets": [
-    "/hmrc/accessible-autocomplete-7.3.0.css"
+    "/hmrc/accessible-autocomplete-7.4.0.css"
   ],
   "nunjucksPaths": [
     "/"
@@ -40,6 +40,10 @@
       "macroName": "hmrcBanner",
       "importFrom": "hmrc/components/banner/macro.njk"
     },
+    {
+      "macroName": "hmrcCaseworkerBanner",
+      "importFrom": "hmrc/components/caseworker-banner/macro.njk"
+    },
     {
       "macroName": "hmrcCharacterCount",
       "importFrom": "hmrc/components/character-count/macro.njk"
@@ -93,4 +97,4 @@
       "importFrom": "hmrc/components/user-research-banner/macro.njk"
     }
   ]
-}
+}

package/hmrc/VERSION.txt

@@ -1 +1 @@
-7.3.0
+7.4.0

package/hmrc/{accessible-autocomplete-7.3.0.css → accessible-autocomplete-7.4.0.css}

@@ -1,2 +1,2 @@
 .autocomplete__wrapper{position:relative}.autocomplete__hint,.autocomplete__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #0b0c0c;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:2.5rem;line-height:1.25;margin-bottom:0;width:100%}.autocomplete__input{background-color:transparent;position:relative}.autocomplete__hint{color:#505a5f;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{-webkit-box-shadow:inset 0 0 0 2px;box-shadow:inset 0 0 0 2px;outline:3px solid #fd0;outline-offset:0}.autocomplete__input--show-all-values{cursor:pointer;padding:5px 35px 5px 5px}.autocomplete__dropdown-arrow-down{display:inline-block;height:24px;position:absolute;right:8px;top:10px;width:24px;z-index:-1}.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:0 2px 6px rgba(0,0,0,.257);box-shadow:0 2px 6px rgba(0,0,0,.257);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:1px solid #b1b4b6;border-left-width:0;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:#f3f2f1}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:none}@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{background-color:Highlight;background-color:SelectedItem;border-color:SelectedItem;color:HighlightText;color:SelectedItemText;forced-color-adjust:none;outline-color:SelectedItemText}}.autocomplete__option--no-results{background-color:#f3f2f1;color:#505a5f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:1rem;font-weight:400}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:1.1875rem;line-height:1.3157894737}}.autocomplete__hint,.autocomplete__input,.autocomplete__option,.autocomplete__wrapper{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.1875rem;font-weight:400;line-height:1.3157894737}@media print{.autocomplete__hint,.autocomplete__input,.autocomplete__option,.autocomplete__wrapper{font-family:sans-serif;font-size:14pt;line-height:1.15}}.govuk-form-group--error div:has(+.govuk-select--error[data-module=hmrc-accessible-autocomplete])>.autocomplete__wrapper .autocomplete__input{border-color:#d4351c}.autocomplete__dropdown-arrow-down{pointer-events:none;z-index:0}
-/*# sourceMappingURL=maps/accessible-autocomplete-7.3.0.css.map */
+/*# sourceMappingURL=maps/accessible-autocomplete-7.4.0.css.map */

package/hmrc/components/_all.scss

@@ -1,15 +1,16 @@
 @import "add-to-a-list/add-to-a-list";
-@import "banner/banner";
 @import "back-link-helper/back-link-helper";
-@import "notification-badge/notification-badge";
-@import "page-heading/page-heading";
+@import "banner/banner";
+@import "caseworker-banner/caseworker-banner";
 @import "header/header";
 @import "internal-header/internal-header";
+@import "js-visible/js-visible";
 @import "list-with-actions/list-with-actions";
-@import "timeout-dialog/timeout-dialog";
+@import "notification-badge/notification-badge";
+@import "page-heading/page-heading";
 @import "service-navigation-language-select/service-navigation-language-select";
 @import "status-tags-in-task-list-pages/status-tags-in-task-list-pages";
-@import "user-research-banner/user-research-banner";
-@import "timeline/timeline";
 @import "summary-list/summary-list";
-@import "js-visible/js-visible";
+@import "timeline/timeline";
+@import "timeout-dialog/timeout-dialog";
+@import "user-research-banner/user-research-banner";

package/hmrc/components/caseworker-banner/README.md

@@ -0,0 +1,5 @@
+# Caseworker banner
+This pattern provides concise, essential instructions for caseworkers in internal HMRC services.
+
+## License
+This code is open source software licensed under the [Apache 2.0 License]("http://www.apache.org/licenses/LICENSE-2.0.html").

package/hmrc/components/caseworker-banner/_caseworker-banner.scss

@@ -0,0 +1,4 @@
+.hmrc-caseworker-banner {
+  border-color: govuk-colour("black");
+  background-color: govuk-colour("black");
+}

package/hmrc/components/caseworker-banner/macro.njk

@@ -0,0 +1,3 @@
+{% macro hmrcCaseworkerBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

package/hmrc/components/caseworker-banner/template.njk

@@ -0,0 +1,28 @@
+{% from "govuk/components/notification-banner/macro.njk" import govukNotificationBanner %}
+
+{% set titleText = "Arweiniad Gweithiwr Achos" if params.language === "cy" else "Caseworker guidance" %}
+
+{% set content %}
+  {% if params.html %}
+    {{ params.html | safe }}
+  {% else %}
+    <p class="govuk-body">{{ params.text }}</p>
+  {% endif %}
+{% endset %}
+
+{# explicit nulls here are to show that caseworker banner is only intended to use a subset of notification banner options #}
+
+{{ govukNotificationBanner({
+  attributes: params.attributes,
+  classes: "hmrc-caseworker-banner" + (" " + params.classes if params.classes),
+  disableAutoFocus: true,
+  html: content,
+  role: null,
+  text: null,
+  titleHeadingLevel: 2,
+  titleHtml: null,
+  titleId : params.titleId,
+  titleText: titleText,
+  type: null
+}) }}
+