hmrc-frontend 7.3.0 → 7.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,7 @@
10
10
  "pluginDependencies": [
11
11
  {
12
12
  "packageName": "govuk-frontend",
13
- "minVersion": "6.0.0"
13
+ "minVersion": "6.1.0"
14
14
  }
15
15
  ],
16
16
  "assets": [
@@ -23,10 +23,10 @@
23
23
  "scripts": [
24
24
  "/hmrc/all.js",
25
25
  "/hmrc/init-all.js",
26
- "/hmrc/accessible-autocomplete-7.3.0.js"
26
+ "/hmrc/accessible-autocomplete-7.5.0.js"
27
27
  ],
28
28
  "stylesheets": [
29
- "/hmrc/accessible-autocomplete-7.3.0.css"
29
+ "/hmrc/accessible-autocomplete-7.5.0.css"
30
30
  ],
31
31
  "nunjucksPaths": [
32
32
  "/"
@@ -40,6 +40,10 @@
40
40
  "macroName": "hmrcBanner",
41
41
  "importFrom": "hmrc/components/banner/macro.njk"
42
42
  },
43
+ {
44
+ "macroName": "hmrcCaseworkerBanner",
45
+ "importFrom": "hmrc/components/caseworker-banner/macro.njk"
46
+ },
43
47
  {
44
48
  "macroName": "hmrcCharacterCount",
45
49
  "importFrom": "hmrc/components/character-count/macro.njk"
@@ -93,4 +97,4 @@
93
97
  "importFrom": "hmrc/components/user-research-banner/macro.njk"
94
98
  }
95
99
  ]
96
- }
100
+ }
package/hmrc/VERSION.txt CHANGED
@@ -1 +1 @@
1
- 7.3.0
1
+ 7.5.0
@@ -1,2 +1,2 @@
1
1
  .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}
2
- /*# sourceMappingURL=maps/accessible-autocomplete-7.3.0.css.map */
2
+ /*# sourceMappingURL=maps/accessible-autocomplete-7.5.0.css.map */
@@ -1,15 +1,16 @@
1
1
  @import "add-to-a-list/add-to-a-list";
2
- @import "banner/banner";
3
2
  @import "back-link-helper/back-link-helper";
4
- @import "notification-badge/notification-badge";
5
- @import "page-heading/page-heading";
3
+ @import "banner/banner";
4
+ @import "caseworker-banner/caseworker-banner";
6
5
  @import "header/header";
7
6
  @import "internal-header/internal-header";
7
+ @import "js-visible/js-visible";
8
8
  @import "list-with-actions/list-with-actions";
9
- @import "timeout-dialog/timeout-dialog";
9
+ @import "notification-badge/notification-badge";
10
+ @import "page-heading/page-heading";
10
11
  @import "service-navigation-language-select/service-navigation-language-select";
11
12
  @import "status-tags-in-task-list-pages/status-tags-in-task-list-pages";
12
- @import "user-research-banner/user-research-banner";
13
- @import "timeline/timeline";
14
13
  @import "summary-list/summary-list";
15
- @import "js-visible/js-visible";
14
+ @import "timeline/timeline";
15
+ @import "timeout-dialog/timeout-dialog";
16
+ @import "user-research-banner/user-research-banner";
@@ -1,6 +1,7 @@
1
1
  .hmrc-banner {
2
2
  position: relative;
3
- padding: 10px 0 6px;
3
+ padding: 10px 0;
4
+ border-bottom: 1px solid govuk-organisation-colour("hm-revenue-customs");
4
5
  }
5
6
 
6
7
  @media (forced-colors: active) {
@@ -1,21 +1,23 @@
1
1
  <div class="hmrc-banner">
2
- <div class="hmrc-organisation-logo">
3
- <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="26px" height="26px" viewBox="0 0 45.35 45.35" focusable="false" aria-hidden="true">
4
- <path class="cls-1" d="m28.5,16.6c.82-.34,1.22-1.29.88-2.12-.34-.83-1.3-1.24-2.12-.9-.84.34-1.23,1.31-.89,2.14.34.83,1.3,1.23,2.14.88Z"/>
5
- <path class="cls-1" d="m22.06,19.36c-.84.34-1.23,1.31-.89,2.14.34.83,1.3,1.23,2.14.88.82-.34,1.22-1.29.88-2.12-.34-.83-1.3-1.24-2.12-.9Z"/>
6
- <path class="cls-1" d="m32.86,19.2c.82-.34,1.22-1.29.88-2.12-.34-.83-1.3-1.24-2.12-.9-.84.34-1.23,1.31-.89,2.14.34.83,1.3,1.23,2.14.88Z"/>
7
- <path class="cls-1" d="m33.62,22.63c.34.83,1.3,1.23,2.14.88.82-.34,1.22-1.29.88-2.12-.34-.83-1.3-1.24-2.12-.9-.84.34-1.23,1.31-.89,2.14Z"/>
8
- <path class="cls-1" d="m21.81,11.4c.06.08.13.15.21.21l-1.19,3.58s0,0,0,.01h0s0,0,0,0c-.06.18-.09.37-.09.56,0,.97.71,1.77,1.64,1.9.01,0,.03,0,.04,0,.08.01.16.02.24.02h0c.08,0,.16,0,.24-.02.01,0,.03,0,.04,0,.93-.14,1.64-.94,1.64-1.9,0-.2-.03-.39-.08-.56h0s0,0,0,0c0,0,0,0,0-.01l-1.19-3.58c.08-.06.15-.13.21-.21h0s2.06,1.08,2.06,1.08v-3.04l-2.06.65h0c-.06-.08-.12-.15-.2-.21h0s.83-2.62.83-2.62h-1.49s-1.49,0-1.49,0l.83,2.61h0c-.08.06-.14.13-.2.21h0s-2.06-.65-2.06-.65v3.04l2.06-1.08h0Z"/>
9
- <path class="cls-1" d="m16.83,16.6c.84.35,1.79-.05,2.14-.88.34-.83-.05-1.79-.89-2.14-.82-.34-1.78.07-2.12.9-.34.83.05,1.78.88,2.12Z"/>
10
- <path class="cls-1" d="m12.46,19.2c.84.35,1.79-.05,2.14-.88.34-.83-.05-1.79-.89-2.14-.82-.34-1.78.07-2.12.9-.34.83.05,1.78.88,2.12Z"/>
11
- <path class="cls-1" d="m9.57,23.51c.84.35,1.79-.05,2.14-.88.34-.83-.05-1.79-.89-2.14-.82-.34-1.78.07-2.12.9-.34.83.05,1.78.88,2.12Z"/>
12
- <path class="cls-1" d="m34.61,25.35c.22,1.12.26,1.65,0,2.37-.37-.36-.71-1.01-.98-2.02l-1.07,3.57c.65-.45,1.16-.74,1.73-.75-1.02,2.2-2.3,2.77-3.12,2.61-1.01-.19-1.47-1.09-1.32-1.85.23-1.08,1.34-1.36,1.86-.11.99-2.02-.69-2.65-1.77-2.05,1.66-1.66,1.85-3.13.51-4.92-1.87,1.43-1.89,2.84-1.05,4.84-1.09-1.25-2.79-.58-2.18,1.44.79-1.22,1.83-.45,1.67.71-.14,1.01-1.47,1.82-3.13,1.68-2.38-.22-2.52-1.86-2.58-3.21.58-.11,1.64.43,2.53,1.69l.33-3.79c-.98,1.02-1.86,1.21-2.85,1.24.33-1.02,1.84-2.7,1.84-2.7h-4.73s1.51,1.68,1.84,2.7c-.99-.03-1.87-.22-2.85-1.24l.33,3.79c.9-1.26,1.95-1.8,2.53-1.69-.06,1.36-.2,3-2.58,3.21-1.66.14-2.99-.67-3.13-1.68-.16-1.16.88-1.92,1.67-.71.61-2.02-1.09-2.69-2.18-1.44.84-1.99.82-3.41-1.05-4.84-1.34,1.78-1.15,3.26.51,4.92-1.08-.6-2.76.03-1.77,2.05.52-1.26,1.63-.98,1.86.11.16.76-.31,1.66-1.32,1.85-.83.15-2.1-.41-3.12-2.61.58.01,1.08.3,1.73.75l-1.07-3.57c-.27,1-.62,1.66-.98,2.02-.25-.72-.21-1.25,0-2.37l-2.21.79c1.18,1.6,2.31,3.86,3.25,7.79,3.29-.47,6.99-.74,10.9-.74s7.61.26,10.9.74c.94-3.93,2.07-6.19,3.25-7.79l-2.21-.79Z"/>
13
- <path class="cls-1" d="m22.68.57C10.47.57.57,10.47.57,22.68s9.9,22.11,22.11,22.11,22.11-9.9,22.11-22.11S34.89.57,22.68.57Zm0,41.69c-10.81,0-19.58-8.77-19.58-19.58S11.86,3.1,22.68,3.1s19.58,8.77,19.58,19.58-8.77,19.58-19.58,19.58Z"/>
14
- </svg>
15
- <p class="govuk-body-s">{% if params.language == 'cy' %}
2
+ <div class="govuk-width-container">
3
+ <div class="hmrc-organisation-logo">
4
+ <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="26px" height="26px" viewBox="0 0 45.35 45.35" focusable="false" aria-hidden="true">
5
+ <path class="cls-1" d="m28.5,16.6c.82-.34,1.22-1.29.88-2.12-.34-.83-1.3-1.24-2.12-.9-.84.34-1.23,1.31-.89,2.14.34.83,1.3,1.23,2.14.88Z"/>
6
+ <path class="cls-1" d="m22.06,19.36c-.84.34-1.23,1.31-.89,2.14.34.83,1.3,1.23,2.14.88.82-.34,1.22-1.29.88-2.12-.34-.83-1.3-1.24-2.12-.9Z"/>
7
+ <path class="cls-1" d="m32.86,19.2c.82-.34,1.22-1.29.88-2.12-.34-.83-1.3-1.24-2.12-.9-.84.34-1.23,1.31-.89,2.14.34.83,1.3,1.23,2.14.88Z"/>
8
+ <path class="cls-1" d="m33.62,22.63c.34.83,1.3,1.23,2.14.88.82-.34,1.22-1.29.88-2.12-.34-.83-1.3-1.24-2.12-.9-.84.34-1.23,1.31-.89,2.14Z"/>
9
+ <path class="cls-1" d="m21.81,11.4c.06.08.13.15.21.21l-1.19,3.58s0,0,0,.01h0s0,0,0,0c-.06.18-.09.37-.09.56,0,.97.71,1.77,1.64,1.9.01,0,.03,0,.04,0,.08.01.16.02.24.02h0c.08,0,.16,0,.24-.02.01,0,.03,0,.04,0,.93-.14,1.64-.94,1.64-1.9,0-.2-.03-.39-.08-.56h0s0,0,0,0c0,0,0,0,0-.01l-1.19-3.58c.08-.06.15-.13.21-.21h0s2.06,1.08,2.06,1.08v-3.04l-2.06.65h0c-.06-.08-.12-.15-.2-.21h0s.83-2.62.83-2.62h-1.49s-1.49,0-1.49,0l.83,2.61h0c-.08.06-.14.13-.2.21h0s-2.06-.65-2.06-.65v3.04l2.06-1.08h0Z"/>
10
+ <path class="cls-1" d="m16.83,16.6c.84.35,1.79-.05,2.14-.88.34-.83-.05-1.79-.89-2.14-.82-.34-1.78.07-2.12.9-.34.83.05,1.78.88,2.12Z"/>
11
+ <path class="cls-1" d="m12.46,19.2c.84.35,1.79-.05,2.14-.88.34-.83-.05-1.79-.89-2.14-.82-.34-1.78.07-2.12.9-.34.83.05,1.78.88,2.12Z"/>
12
+ <path class="cls-1" d="m9.57,23.51c.84.35,1.79-.05,2.14-.88.34-.83-.05-1.79-.89-2.14-.82-.34-1.78.07-2.12.9-.34.83.05,1.78.88,2.12Z"/>
13
+ <path class="cls-1" d="m34.61,25.35c.22,1.12.26,1.65,0,2.37-.37-.36-.71-1.01-.98-2.02l-1.07,3.57c.65-.45,1.16-.74,1.73-.75-1.02,2.2-2.3,2.77-3.12,2.61-1.01-.19-1.47-1.09-1.32-1.85.23-1.08,1.34-1.36,1.86-.11.99-2.02-.69-2.65-1.77-2.05,1.66-1.66,1.85-3.13.51-4.92-1.87,1.43-1.89,2.84-1.05,4.84-1.09-1.25-2.79-.58-2.18,1.44.79-1.22,1.83-.45,1.67.71-.14,1.01-1.47,1.82-3.13,1.68-2.38-.22-2.52-1.86-2.58-3.21.58-.11,1.64.43,2.53,1.69l.33-3.79c-.98,1.02-1.86,1.21-2.85,1.24.33-1.02,1.84-2.7,1.84-2.7h-4.73s1.51,1.68,1.84,2.7c-.99-.03-1.87-.22-2.85-1.24l.33,3.79c.9-1.26,1.95-1.8,2.53-1.69-.06,1.36-.2,3-2.58,3.21-1.66.14-2.99-.67-3.13-1.68-.16-1.16.88-1.92,1.67-.71.61-2.02-1.09-2.69-2.18-1.44.84-1.99.82-3.41-1.05-4.84-1.34,1.78-1.15,3.26.51,4.92-1.08-.6-2.76.03-1.77,2.05.52-1.26,1.63-.98,1.86.11.16.76-.31,1.66-1.32,1.85-.83.15-2.1-.41-3.12-2.61.58.01,1.08.3,1.73.75l-1.07-3.57c-.27,1-.62,1.66-.98,2.02-.25-.72-.21-1.25,0-2.37l-2.21.79c1.18,1.6,2.31,3.86,3.25,7.79,3.29-.47,6.99-.74,10.9-.74s7.61.26,10.9.74c.94-3.93,2.07-6.19,3.25-7.79l-2.21-.79Z"/>
14
+ <path class="cls-1" d="m22.68.57C10.47.57.57,10.47.57,22.68s9.9,22.11,22.11,22.11,22.11-9.9,22.11-22.11S34.89.57,22.68.57Zm0,41.69c-10.81,0-19.58-8.77-19.58-19.58S11.86,3.1,22.68,3.1s19.58,8.77,19.58,19.58-8.77,19.58-19.58,19.58Z"/>
15
+ </svg>
16
+ <p class="govuk-body-s">{% if params.language == 'cy' %}
16
17
  Cyllid a Thollau EF
17
18
  {% else %}
18
19
  HM Revenue &amp; Customs
19
20
  {% endif %}</p>
21
+ </div>
20
22
  </div>
21
23
  </div>
@@ -0,0 +1,5 @@
1
+ # Caseworker banner
2
+ This pattern provides concise, essential instructions for caseworkers in internal HMRC services.
3
+
4
+ ## License
5
+ This code is open source software licensed under the [Apache 2.0 License]("http://www.apache.org/licenses/LICENSE-2.0.html").
@@ -0,0 +1,4 @@
1
+ .hmrc-caseworker-banner {
2
+ border-color: govuk-colour("black");
3
+ background-color: govuk-colour("black");
4
+ }
@@ -0,0 +1,3 @@
1
+ {% macro hmrcCaseworkerBanner(params) %}
2
+ {%- include "./template.njk" -%}
3
+ {% endmacro %}
@@ -0,0 +1,28 @@
1
+ {% from "govuk/components/notification-banner/macro.njk" import govukNotificationBanner %}
2
+
3
+ {% set titleText = "Arweiniad Gweithiwr Achos" if params.language === "cy" else "Caseworker guidance" %}
4
+
5
+ {% set content %}
6
+ {% if params.html %}
7
+ {{ params.html | safe }}
8
+ {% else %}
9
+ <p class="govuk-body">{{ params.text }}</p>
10
+ {% endif %}
11
+ {% endset %}
12
+
13
+ {# explicit nulls here are to show that caseworker banner is only intended to use a subset of notification banner options #}
14
+
15
+ {{ govukNotificationBanner({
16
+ attributes: params.attributes,
17
+ classes: "hmrc-caseworker-banner" + (" " + params.classes if params.classes),
18
+ disableAutoFocus: true,
19
+ html: content,
20
+ role: null,
21
+ text: null,
22
+ titleHeadingLevel: 2,
23
+ titleHtml: null,
24
+ titleId : params.titleId,
25
+ titleText: titleText,
26
+ type: null
27
+ }) }}
28
+
@@ -34,9 +34,7 @@
34
34
  </div>
35
35
  </div>
36
36
  {% if params.displayHmrcBanner %}
37
- <div class="govuk-width-container">
38
- {{ hmrcBanner({language: params.language}) }}
39
- </div>
37
+ {{ hmrcBanner({language: params.language}) }}
40
38
  {% endif %}
41
39
  {% if params.serviceNavigation %}
42
40
  {{ govukServiceNavigation(params.serviceNavigation) }}