@govuk-pay/pay-js-commons 7.0.75 → 7.0.77

package/sass/custom/the-sixth-form-bolton.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,85 +16,93 @@ $custom-banner-border-colour: #F8F8F8;
 $custom-text-colour: black;
 $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;
+  }
+
+  .pay-custom-service-name {
+    color: $custom-text-colour;
+    padding-left: 15px;
+    padding-top: 5px;
+  }
+  
+  .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__content {
+    width: 99%;
+    text-align: center;
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+  }
+
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      padding-right: 0px;
+      text-align: center;
+      width: 99%;
     }
-    
-    @include govuk-media-query($from: 48em) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
-      .govuk-header__service-name {
-        padding-top: 15px;
-      }
+
+    .pay-custom-service-name {
+      float: none;
+      padding-left: 0px;
+      padding-top: 5px;
     }
-    
-    @include govuk-media-query($until: 48em) {
-      .govuk-header__content {
-        width: 99%;
-        text-align: center;
-      }
-      .govuk-header__service-name {
-        padding-top: 5px;
-        float: none;
-      }
+  }
+  
+  @include govuk-media-query($from: desktop) {
+    .govuk-header__content {
+      width: 66%;
+      vertical-align: bottom;
+      margin-bottom: 7px;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+
+    .pay-custom-service-name {
+      float: left;
+      padding-top: 15px;
     }
   }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
 }

package/sass/custom/torbay-south-devon-nhs-foundation-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,78 +16,105 @@ $custom-banner-border-colour: #ffffff;
 $custom-text-colour: #ffffff;
 $logo-image-height: 4em;
 
-.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 {
+    float: right;
+    margin-bottom: 10px;
+    margin-right: 0px;
+    padding-top: 0;
+    padding-bottom: 0;
+    width: fit-content;
+  }
+
+  .pay-custom-service-name {
+    color: $custom-text-colour;
+    margin-top: 5px;
+  }
+  
+  .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__logotype {
+    width: 100%;
+  }
+
+  .custom-branding-image {
+    float: right;
+    margin-right: 10px;
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      width: fit-content;
+      vertical-align: bottom;
+      margin-bottom: 7px;
     }
-    
+
     .govuk-header__logo {
+      margin-right: -1.95rem;
+    }
+
+    .govuk-header__logotype {
       float: right;
+      margin-right: 9px;
+      width: 100%;
     }
-    
-    @include govuk-media-query($from: tablet) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
-      .govuk-header__logo {
-        margin-right: -.75rem;
-      }
+
+    .custom-branding-image {
+      float: none;
+      margin-right: 0px;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+
+    .pay-custom-service-name {
+      margin-top: 0px;
     }
   }
+
+  @include govuk-media-query($from: desktop) {
+    .pay-custom-header-logo {
+      margin-right: 0px;
+    }
+  }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
 }

package/sass/custom/uk-atomic-energy-authority.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,71 +16,67 @@ $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;
+  }
+
+  .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__link--homepage {
-      &:hover,
-      &:active {
-        border-bottom: none;
-        margin-bottom: 0;
-      }
-      
-      &:not(:focus) {
-        background-color: transparent;
-      }
-    }
-    
-    
-    .govuk-header__container {
-      border-bottom: 10px solid $custom-banner-border-colour;
-      margin-bottom: -10px;
-      padding-top: 10px;
+  }
+  
+  .govuk-header__homepage-link {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
     }
     
-    @include govuk-media-query($from: tablet) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
+    &:not(:focus) {
+      background-color: transparent;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      width: 66%;
+      vertical-align: bottom;
+      margin-bottom: 7px;
     }
   }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
 }

package/sass/custom/university-hospital-southampton-nhs-foundation-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,83 @@ $custom-banner-border-colour: #0072ce;
 $custom-text-colour: #000000;
 $logo-image-width: 150px;
 
-.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;
+     
+      @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;
+    font-weight: 400;
+    font-size: .875rem;
+    line-height: 1;
+  }
+  
+  .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__link--homepage {
-      &:hover,
-      &:active {
-        border-bottom: none;
-        margin-bottom: 0;
-      }
-      
-      &:not(:focus) {
-        background-color: transparent;
-      }
-    }
-    
-    
-    .govuk-header__container {
-      border-bottom: 10px solid $custom-banner-border-colour;
-      margin-bottom: -10px;
-      padding-top: 10px;
+  }
+  
+  .govuk-header__homepage-link {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
     }
     
-    @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;
-      }
+    &:not(:focus) {
+      background-color: transparent;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      width: 66.66%;
+      vertical-align: bottom;
+      margin-bottom: 7px;
     }
+
+    .pay-custom-header-logo {
+      float: right;
+      margin-right: -.75rem;
+      width: fit-content;
+    }  
+  }
+
+  @include govuk-media-query($from: desktop) {
+    .pay-custom-header-logo {
+      margin-right: -0.75rem;;
+      width: 33.33%;
+    } 
+  }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
   }
 }