hmrc-frontend 5.24.0 → 5.25.0

package/hmrc/VERSION.txt

@@ -1 +1 @@
-5.24.0
+5.25.0

package/hmrc/{accessible-autocomplete-5.24.0.css → accessible-autocomplete-5.25.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.24.0.css.map */
+/*# sourceMappingURL=maps/accessible-autocomplete-5.25.0.css.map */

package/hmrc/components/user-research-banner/_user-research-banner.scss

@@ -1,19 +1,6 @@
+@import "../../../../govuk-frontend/govuk/helpers/links";
 @import "../../../../govuk-frontend/govuk/helpers/typography";
-
-@mixin hmrc-white-link() {
-  color: govuk-colour("white");
-
-  &:link,
-  &:hover,
-  &:visited {
-    color: govuk-colour("white");
-  }
-
-  &:active,
-  &:focus {
-    color: govuk-colour("black");
-  }
-}
+@import "../../../../govuk-frontend/govuk/utilities/clearfix";
 
 .hmrc-user-research-banner {
   display: none;
@@ -23,12 +10,30 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 
+  @include govuk-clearfix;
   @include govuk-responsive-padding(6, "top");
   @include govuk-responsive-padding(6, "bottom");
   @include govuk-font($size: 19);
 
   &__container {
     position: relative;
+
+    @include govuk-media-query($from: tablet) {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+          -ms-flex-align: center;
+              align-items: center;
+      -webkit-box-pack: justify;
+          -ms-flex-pack: justify;
+              justify-content: space-between;
+    }
+  }
+
+  &__text {
+    float: left;
+    margin-bottom: govuk-spacing(3);
   }
 
   &__title {
@@ -38,25 +43,16 @@
   }
 
   &__link {
-    @include hmrc-white-link();
+    @include govuk-link-common;
+    @include govuk-link-style-inverse;
   }
 
-  &--show {
-    display: block;
+  &__close {
+    float: right;
+    margin-bottom: 0;
   }
 
-  &__close {
-    @include hmrc-white-link();
-    @include govuk-responsive-margin(2, "top");
-
-    outline: 0;
-    border: 0;
-    background: none;
-    text-decoration: underline;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    padding: 0;
-    cursor: pointer;
-    font-size: inherit;
+  &--show {
+    display: block;
   }
 }

package/hmrc/components/user-research-banner/template.njk

@@ -1,29 +1,31 @@
 <div class="hmrc-user-research-banner" data-module="hmrc-user-research-banner">
   <div class="hmrc-user-research-banner__container govuk-width-container">
     <div class="hmrc-user-research-banner__text">
-        <h2 class="govuk-heading-s hmrc-user-research-banner__title">
-          {% if params.language == 'cy' %}
-            Helpwch i wella gwasanaethau CThEM
-          {% else %}
-            Help improve HMRC services
-          {% endif %}
-        </h2>
-        <a class="govuk-link hmrc-user-research-banner__link" rel="noopener noreferrer" href="{{ params.url }}" target="_blank">
-          {% if params.language == 'cy' %}
-            Cofrestrwch i gymryd rhan mewn ymchwil defnyddwyr (yn agor tab newydd)
-          {% else %}
-            Sign up to take part in user research (opens in new tab)
-          {% endif %}
-        </a>
+      <h2 class="govuk-heading-s hmrc-user-research-banner__title">
+        {% if params.language == 'cy' %}
+          Helpwch i wella GOV.UK
+        {% else %}
+          Help make GOV.UK better
+        {% endif %}
+      </h2>
+      <a class="govuk-link hmrc-user-research-banner__link" rel="noopener noreferrer" href="{{ params.url }}" target="_blank">
+        {% if params.language == 'cy' %}
+          Cofrestrwch i gymryd rhan mewn ymchwil (yn agor tab newydd)
+        {% else %}
+          Sign up to take part in research (opens in new tab)
+        {% endif %}
+      </a>
     </div>
-    <button class="govuk-link hmrc-user-research-banner__close">
-      {% if params.language == 'cy' %}
-        <span aria-hidden="true">Dim diolch</span>{#- strip spaces -#}
-        <span class="govuk-visually-hidden">Dim diolch, nid wyf am gymryd rhan yn yr ymchwil defnyddwyr - cuddio'r neges hon</span>
-      {% else %}
-        <span aria-hidden="true">No thanks</span>{#- strip spaces -#}
-        <span class="govuk-visually-hidden">No thanks, I do not want to take part in user research, hide this message</span>
-      {% endif %}
-    </button>
+    {% if not params.hideCloseButton %}
+      <button class="govuk-button govuk-button--secondary hmrc-user-research-banner__close">
+        {% if params.language == 'cy' %}
+          <span aria-hidden="true">Cuddio’r neges</span>
+          <span class="govuk-visually-hidden">Cuddio’r neges. Dydw i ddim eisiau cymryd rhan mewn ymchwil</span>
+        {% else %}
+          <span aria-hidden="true">Hide message</span>
+          <span class="govuk-visually-hidden">Hide message. I do not want to take part in research</span>
+        {% endif %}
+      </button>
+    {% endif %}
   </div>
 </div>