@govuk-pay/pay-js-commons 7.0.76 → 7.0.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@govuk-pay/pay-js-commons",
-  "version": "7.0.76",
+  "version": "7.0.78",
   "description": "Reusable js scripts for GOV.UK Pay Node.js projects",
   "engines": {
     "node": "^22.22.0",

package/sass/base/_custom-branding.scss

@@ -0,0 +1,41 @@
+@use "govuk-frontend/dist/govuk" as *;
+@use "application";
+
+.custom-branding {
+  .govuk-header__content {
+    padding-left: 0px;
+  }
+
+  .pay-custom-service-name {
+    margin: 0 0 15px;
+    display: inline-block;
+    font-size: 1.125rem;
+    line-height: 1.1111111111;
+    font-weight: 700;
+  }
+
+  @include govuk-media-query($until: desktop) {
+    .pay-custom-header-logo {
+      width: 100%;
+    }
+  }
+
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      width: 66%;
+      vertical-align: bottom;
+      margin-bottom: 7px;
+    }
+
+    .pay-custom-service-name {
+      font-size: 1.5rem;
+      line-height: 1.25;
+    }
+  }
+
+  @include govuk-media-query($from: desktop) {
+    .govuk-header__content {
+      padding-left: 15px;
+    }
+  }
+}

package/sass/custom/abuhb.scss

@@ -1,5 +1,12 @@
-$govuk-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
-@import "application";
+$custom-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
+
+@use "govuk-frontend/dist/govuk" as * with (
+  $govuk-font-family: $custom-font-family
+);
+
+@use "application";
+@use "../base/custom-branding";
+
 
 // CUSTOM BRANDING
 // Use the variables below to control the style
@@ -10,71 +17,87 @@ $custom-banner-border-colour: #ffffff;
 $custom-text-colour: #ffffff;
 $logo-image-height: 2em;
 
-.govuk-template--rebranded {
-  .custom-branding {
-    @if $logo-image-height != null {
-      .custom-branding-image {
-        max-height: $logo-image-height;
-        
-        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-          width: 100%;
-        }
+.custom-branding {
+  @if $logo-image-height != null {
+    .custom-branding-image {
+      max-height: $logo-image-height;
+      
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        width: 100%;
       }
     }
-    
-    .govuk-header {
-      background-color: $custom-banner-colour;
-      border-bottom: 10px solid #ffffff;
-    }
-    
-    .govuk-header__logo {
-      margin-bottom: 10px;
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-    
-    .govuk-header__service-name {
-      margin: 0 0 15px;
+  }
+  
+  .govuk-header {
+    background-color: $custom-banner-colour;
+    border-bottom: 10px solid #ffffff;
+  }
+  
+  .govuk-header__logo {
+    margin-bottom: 10px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  
+  .govuk-header__homepage-link {
+    &:link,
+    &:visited {
       color: $custom-text-colour;
     }
-    
-    .govuk-header__link{
-      &:link,
-      &:visited {
-        color: $custom-text-colour;
-      }
+  }
+  
+  .govuk-header__homepage-link {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
     }
     
-    .govuk-header__link--homepage {
-      &:hover,
-      &:active {
-        border-bottom: none;
-        margin-bottom: 0;
-      }
-      
-      &:not(:focus) {
-        background-color: transparent;
-      }
+    &:not(:focus) {
+      background-color: transparent;
     }
-    
-    
-    .govuk-header__container {
-      border-bottom: 10px solid $custom-banner-border-colour;
-      margin-bottom: -10px;
-      padding-top: 10px;
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+  }
+
+  .govuk-header__content {
+    padding-left: 0px;
+  }
+
+  .pay-custom-service-name {
+    color: $custom-text-colour;
+  }
+
+  @include govuk-media-query($until: desktop) {
+    .pay-custom-header-logo {
+      width: 100%;
     }
-    
-    @include govuk-media-query($from: tablet) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      vertical-align: bottom;
+      margin-bottom: 7px;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+
+    .pay-custom-service-name {
+      font-size: 1.5rem;
+      line-height: 1.25;
+    } 
+  }
+
+  @include govuk-media-query($from: desktop) {
+    .govuk-header__content {
+      padding-left: 15px;
     }
   }
+
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
 }

package/sass/custom/adur-and-worthing-council.scss

@@ -1,5 +1,11 @@
-$govuk-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
-@import "application";
+$custom-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
+
+@use "govuk-frontend/dist/govuk" as * with (
+  $govuk-font-family: $custom-font-family
+);
+
+@use "application";
+@use "../base/custom-branding";
 
 // CUSTOM BRANDING
 // Use the variables below to control the style
@@ -10,75 +16,94 @@ $custom-banner-border-colour: #066AB1;
 $custom-text-colour: #ffffff;
 $logo-image-height: 2em;
 
-.govuk-template--rebranded {
-  .custom-branding {
-    @if $logo-image-height != null {
-      .custom-branding-image {
-        max-height: $logo-image-height;
-        
-        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-          width: 100%;
-        }
+.custom-branding {
+  @if $logo-image-height != null {
+    .custom-branding-image {
+      max-height: $logo-image-height;
+      width: 100%;
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        width: 100%;
       }
     }
-    
-    .govuk-header {
-      background-color: $custom-banner-colour;
-      border-bottom: 10px solid #ffffff;
-    }
-    
-    .govuk-header__logo {
-      margin-bottom: 10px;
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-    
-    .govuk-header__service-name {
-      margin: 0 0 15px;
+  }
+  
+  .govuk-header {
+    background-color: $custom-banner-colour;
+    border-bottom: 10px solid #ffffff;
+  }
+  
+  .govuk-header__logo {
+    margin-bottom: 10px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  
+  .pay-custom-service-name {
+    color: $custom-text-colour;
+  }
+  
+  .govuk-header__homepage-link {
+    &:link,
+    &:visited {
       color: $custom-text-colour;
     }
-    
-    .govuk-header__link{
-      &:link,
-      &:visited {
-        color: $custom-text-colour;
-      }
+  }
+  
+  .govuk-header__homepage-link {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
     }
     
-    .govuk-header__link--homepage {
-      &:hover,
-      &:active {
-        border-bottom: none;
-        margin-bottom: 0;
-      }
-      
-      &:not(:focus) {
-        background-color: transparent;
-      }
+    &:not(:focus) {
+      background-color: transparent;
     }
-    
-    
-    .govuk-header__container {
-      border-bottom: 10px solid $custom-banner-border-colour;
-      margin-bottom: -10px;
-      padding-top: 10px;
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+    padding-bottom: 7px;
+  }
+
+  .pay-custom-header-content {
+    padding-left: 0px;
+  }
+
+  @include govuk-media-query($until: tablet) {
+    .pay-custom-service-name {
+      margin-bottom: 8px;
     }
-    
-    @include govuk-media-query($from: tablet) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
-      .govuk-header__service-name {
-        padding-top: 15px;
-        float: right;
-      }
+  }
+
+  @include govuk-media-query($until: desktop) {
+    .pay-custom-header-logo {
+      width: 100%;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      width: 66%;
+      vertical-align: bottom;
+      margin-bottom: 7px;
+      padding: 0px;
+    }
+
+    .pay-custom-service-name {
+      padding-top: 15px;
+      float: right;
+      padding-bottom: 0px;
+      font-size: 1.5rem;
+      line-height: 1.25;
+      margin-bottom: 0px;
     }
   }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
 }

package/sass/custom/barking-havering-redbridge-nhs-trust.scss

@@ -1,5 +1,11 @@
-$govuk-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
-@import "application";
+$custom-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
+
+@use "govuk-frontend/dist/govuk" as * with (
+  $govuk-font-family: $custom-font-family
+);
+
+@use "application";
+@use "../base/custom-branding";
 
 // CUSTOM BRANDING
 // Use the variables below to control the style
@@ -10,75 +16,109 @@ $custom-banner-border-colour: #1d70b8;
 $custom-text-colour: #000000;
 $logo-image-width: 320px;
 
-.govuk-template--rebranded {
-  .custom-branding {
-    @if $logo-image-width != null {
-      .custom-branding-image {
-        width: $logo-image-width;
-        
-        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-          width: 100%;
-        }
+.custom-branding {
+  @if $logo-image-width != null {
+    .custom-branding-image {
+      width: $logo-image-width;
+      max-width: 100%;
+      
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        width: 100%;
       }
     }
-    
-    .govuk-header {
-      background-color: $custom-banner-colour;
-      border-bottom: 10px solid #ffffff;
+  }
+  
+  .govuk-header {
+    background-color: $custom-banner-colour;
+    border-bottom: 10px solid #ffffff;
+  }
+  
+  .govuk-header__logo {
+    margin-bottom: 9px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .govuk-header__homepage-link {
+    margin-right: 0px;
+  }
+  
+  .pay-custom-service-name {
+    color: $custom-text-colour;
+  }
+  
+  .govuk-header__homepage-link {
+    &:link,
+    &:visited {
+      color: $custom-text-colour;
     }
-    
-    .govuk-header__logo {
-      margin-bottom: 10px;
-      padding-top: 0;
-      padding-bottom: 0;
+  }
+  
+  .govuk-header__homepage-link {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
     }
     
-    .govuk-header__service-name {
-      margin: 0 0 15px;
-      color: $custom-text-colour;
+    &:not(:focus) {
+      background-color: transparent;
     }
-    
-    .govuk-header__link{
-      &:link,
-      &:visited {
-        color: $custom-text-colour;
-      }
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+  }
+
+  .pay-custom-header-content {
+    padding-left: 0px;
+  }
+
+  .pay-custom-service-name {
+    display: inline-block;
+    font-size: 1.125rem;
+    line-height: 1.1111111111;
+    font-weight: 700;
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .pay-custom-header-logo {
+      width: inherit;
     }
-    
-    .govuk-header__link--homepage {
-      &:hover,
-      &:active {
-        border-bottom: none;
-        margin-bottom: 0;
-      }
-      
-      &:not(:focus) {
-        background-color: transparent;
-      }
+
+    .pay-custom-header-content {
+      width: inherit;
     }
-    
-    
-    .govuk-header__container {
-      border-bottom: 10px solid $custom-banner-border-colour;
-      margin-bottom: -10px;
-      padding-top: 10px;
+
+    .govuk-header__content {
+      vertical-align: bottom;
+      margin-bottom: 7px;
     }
     
-    @include govuk-media-query($from: tablet) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
-      .govuk-header__logo {
-        float: right;
-        margin-right: -.75rem;
-      }
+    .govuk-header__logo {
+      float: right;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+
+    .pay-custom-service-name {
+      font-size: 1.5rem;
+      line-height: 1.25;
     }
+
+    .govuk-header__link--homepage {
+      margin-right: 10px
+    }
+  }
+
+  @include govuk-media-query($from: desktop) {
+    .pay-custom-header-content {
+      padding-left: 15px;
+    }
+  }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
   }
 }