wickes-css2 2.113.0-develop.6 → 2.113.0-develop.7

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "wickes-css2",
-  "version": "2.113.0-develop.6",
+  "version": "2.113.0-develop.7",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {
     "lint:fix": "sass-lint-auto-fix",
-    "build": "gulp build",
+    "build": "gulp build --verbose",
+    "dev": "gulp --dev",
+    "dev:info": "gulp --dev --verbose",
     "prepare": "husky install",
     "setup:husky": "yarn prepare && npx husky add .husky/pre-commit \"yarn lint-staged\" && git add .husky/pre-commit"
   },

package/src/components/date-selection.hbs

@@ -33,7 +33,7 @@
                         {{#if (eq day '2')}}
                           {{#unless isInactive}}
                             {{day}}
-                            <span class="calendar-cell-label">Premium</span>
+                            <span class="calendar-cell-label">AM</span>
                           {{else}}
                             {{day}}
                           {{/unless}}
@@ -83,7 +83,11 @@
                 <img src="./img/premium-delivery.svg" class="icon" alt="Premium delivery">
             </span>
           <p class="description">
-              Select tomorrow’s day on the calendar to get Premium delivery.
+            {{#if premium}}
+              Select tomorrow’s day on the calendar to get Next Day AM delivery
+            {{else}}
+              Select todays’ day on the calendar to get Rapid delivery.
+            {{/if}}
           </p>
           </div>
           {{else}}

package/src/data/my-account/data_my-account.json

@@ -114,7 +114,7 @@
             "shipmentDetails": [
               {
                 "shipmentIcon": "fas fa-shipping-fast",
-                "shipmentTitle": "Premium Delivery from Southampton store",
+                "shipmentTitle": "Next Day AM Delivery",
                 "shipmentInfo": "Dispatched. Delivery — By 12 PM - 12th Apr 2026",
                 "itemsCount": 1
               },

package/src/data/my-account/data_my-order.json

@@ -320,7 +320,7 @@
           "subtotalTooltip": "Order level promotions and delivery charges are not included"
         },
         {
-          "title": "Premium Delivery",
+          "title": "Next Day AM Delivery",
           "subtotal": "£53.65",
           "track": "#",
           "deliveryRange": [

package/src/data/my-account/data_my-orders.json

@@ -101,7 +101,7 @@
         "shipmentDetails": [
           {
             "shipmentIcon": "fas fa-shipping-fast",
-            "shipmentTitle": "Premium Delivery from Southampton store",
+            "shipmentTitle": "Next Day AM Delivery",
             "shipmentInfo": "Dispatched. Delivery — By 12 PM - 12th Apr 2026",
             "itemsCount": 1
           },

package/src/js/components/general/switchVat.js

@@ -33,11 +33,12 @@ Wick.VatToggle = {
 
     setSwitcherState: function (isToggled) {
         $(Wick.VatToggle.el.switchVatInput).attr('checked', isToggled);
+        $(Wick.VatToggle.el.switchVatInput).prop('checked', isToggled);
     },
 
     getSwitcherState: function () {
         if ($(Wick.VatToggle.el.switchVatInput).length) {
-            return !!$(Wick.VatToggle.el.switchVatInput).attr('checked');
+            return !!$(Wick.VatToggle.el.switchVatInput).prop('checked');
         } else {
             return null;
         }
@@ -125,6 +126,12 @@ Wick.VatToggle = {
     },
 
     init: function () {
+        const switchVatInput = $(Wick.VatToggle.el.switchVatInput);
+
+        if (switchVatInput.length) {
+            switchVatInput.attr('autocomplete', 'off');
+        }
+
         const isVatShouldBeToggled = Wick.VatToggle.isOn();
         const isVatToggled = !!Wick.VatToggle.getSwitcherState();
 

package/src/js/emulation/date-selection.js

@@ -142,8 +142,8 @@ function updatePremiumInfo() {
     const $image = $(DS_EL.image);
     const $premiumImage = $(DS_EL.premiumImage);
 
-    $title.text('Premium delivery');
-    $subtitle.html('Delivered tomorrow morning for £12.00');
+    $title.text('Next Day AM delivery');
+    $subtitle.html('Delivered tomorrow Pre-12pm for £12.00');
     $infoIcon.addClass(DS_CLASSES.hidden);
     $subtitle.append($infoIcon);
     $image.addClass(DS_CLASSES.hidden);

package/src/page_checkout_premium-delivery-details.html

@@ -17,7 +17,7 @@
 <div class="delivery-block">
   <h3 class="delivery-block__heading">Delivery Information</h3>
   {{> banner-news
-      description="<b>Your order qualifies for Premium delivery.</b></br>Alternative delivery options are available."
+      description="<b>Your order qualifies for Next Day AM delivery.</b></br>Alternative delivery options are available."
       imgSrc="./img/premium-delivery.png"
   }}
   <div class="delivery-block__wrapper">
@@ -34,7 +34,7 @@
 
     <div class="component component-date-selection">
       {{> date-selection
-      titleDelivery="Premium delivery"
+      titleDelivery="AM"
       subtitleDelivery="Delivered tomorrow morning for £12.00"
       imgDelivery="fas fa-shipping-fast"
       premiumImg="./img/premium-delivery.png"

package/src/scss/components/_cards-slider.scss

@@ -66,7 +66,9 @@
     background-color: $gray;
     height: 6px;
     width: 6px;
-    transition: width 0.3s ease-in, background-color 0.3s ease-in;
+    transition:
+      width 0.3s ease-in,
+      background-color 0.3s ease-in;
 
     &-active {
       background-color: $blue;

package/src/scss/components/_sticky-element-appearance.scss

@@ -7,7 +7,9 @@
   opacity: 0;
   pointer-events: none;
   will-change: transform, opacity;
-  transition: transform 0.5s ease, opacity 0.5s ease;
+  transition:
+    transform 0.5s ease,
+    opacity 0.5s ease;
 
   &:not(.is-hidden) {
     transform: translateY(0);
@@ -18,7 +20,9 @@
   &.is-hidden {
     transform: translateY(100%);
     opacity: 0;
-    transition: transform 0.5s ease 0s, opacity 0.5s ease 5s;
+    transition:
+      transform 0.5s ease 0s,
+      opacity 0.5s ease 5s;
     pointer-events: none;
   }
 }

package/src/scss/components/bloomreach/_card-shared.scss

@@ -21,4 +21,4 @@
       }
     }
   }
-}
+}

package/src/scss/components/bloomreach/_reviews.scss

@@ -37,11 +37,9 @@
       margin-left: 3.3px;
     }
   }
-
 }
 
 .why-not-add {
-
   .reviews {
     margin-bottom: 7px;
 

package/src/scss/components/energy-efficiency.scss

@@ -80,7 +80,8 @@
 
     &:before {
       content: '';
-      background: $white url('../../img/energy-efficiency/energy-marker.svg') no-repeat center / cover;
+      background: $white url('../../img/energy-efficiency/energy-marker.svg') no-repeat center /
+        cover;
       width: 9px;
       height: 100%;
       position: absolute;
@@ -310,7 +311,6 @@
   }
 }
 
-
 @media print {
   .energy-efficiency {
     display: none !important;

package/src/scss/components/global-search.scss

@@ -409,7 +409,10 @@
     left: 50%;
     transform: translate(-50%, 0);
     border-radius: 10px;
-    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+    box-shadow:
+      0 1px 5px rgba(0, 0, 0, 0.12),
+      0 2px 2px rgba(0, 0, 0, 0.14),
+      0 3px 1px -2px rgba(0, 0, 0, 0.2);
     padding: 15px;
 
     &--has-tradepro-banner {
@@ -572,7 +575,8 @@
   }
 
   .global-search__body-head {
-    .nav-item:nth-of-type(2), #content-page-tab {
+    .nav-item:nth-of-type(2),
+    #content-page-tab {
       display: none;
     }
   }

package/src/scss/components/my-account/_active-orders.scss

@@ -168,11 +168,11 @@
     &__item {
       display: grid;
       grid-template-areas:
-      'header viewMore'
-      'orderDetails orderDetails'
-      'consignmentInfo consignmentInfo'
-      'paymentStatus paymentStatus'
-      'shipment shipment';
+        'header viewMore'
+        'orderDetails orderDetails'
+        'consignmentInfo consignmentInfo'
+        'paymentStatus paymentStatus'
+        'shipment shipment';
 
       .order-header {
         flex-direction: row-reverse;
@@ -235,10 +235,10 @@
     &__item {
       padding: 24px;
       grid-template-areas:
-      'header consignmentInfo viewMore'
-      'orderDetails orderDetails orderDetails'
-      'paymentStatus paymentStatus paymentStatus'
-      'shipment shipment shipment';
+        'header consignmentInfo viewMore'
+        'orderDetails orderDetails orderDetails'
+        'paymentStatus paymentStatus paymentStatus'
+        'shipment shipment shipment';
       grid-template-columns: auto auto 1fr;
       align-items: center;
     }

package/src/scss/helpers/helpers-pdp-critical/_helpers-critical-pdp.scss

@@ -26,11 +26,12 @@
   }
 }
 
-@function str-replace($string, $search, $replace: "") {
+@function str-replace($string, $search, $replace: '') {
   $index: str-index($string, $search);
 
   @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    @return str-slice($string, 1, $index - 1) + $replace +
+      str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
   }
 
   @return $string;
@@ -50,19 +51,19 @@
   }
 }
 
-@function color($key: "blue") {
+@function color($key: 'blue') {
   @return map-get($colors, $key);
 }
 
-@function theme-color($key: "primary") {
+@function theme-color($key: 'primary') {
   @return map-get($theme-colors, $key);
 }
 
-@function gray($key: "100") {
+@function gray($key: '100') {
   @return map-get($grays, $key);
 }
 
-@function theme-color-level($color-name: "primary", $level: 0) {
+@function theme-color-level($color-name: 'primary', $level: 0) {
   $color: theme-color($color-name);
   $color-base: if($level > 0, #000, #fff);
   $level: abs($level);
@@ -72,7 +73,11 @@
 //functions import
 
 //mixins import
-@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
+@function breakpoint-next(
+  $name,
+  $breakpoints: $grid-breakpoints,
+  $breakpoint-names: map-keys($breakpoints)
+) {
   $n: index($breakpoint-names, $name);
   @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
 }
@@ -88,7 +93,7 @@
 }
 
 @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
-  @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
+  @return if(breakpoint-min($name, $breakpoints) == null, '', '-#{$name}');
 }
 // sass-lint:enable-all
 

package/src/scss/libs/_bootstrap-extracted.scss

@@ -120,22 +120,27 @@ h1,
 .h1 {
   font-size: $h1-font-size;
 }
+
 h2,
 .h2 {
   font-size: $h2-font-size;
 }
+
 h3,
 .h3 {
   font-size: $h3-font-size;
 }
+
 h4,
 .h4 {
   font-size: $h4-font-size;
 }
+
 h5,
 .h5 {
   font-size: $h5-font-size;
 }
+
 h6,
 .h6 {
   font-size: $h6-font-size;

package/src/scss/pages/iframe-paypage.scss

@@ -2,7 +2,9 @@
 
 @font-face {
   font-family: Roboto;
-  src: url('../fonts/Roboto-Regular.woff2') format("woff2"), url('../fonts/Roboto-Regular.woff') format("woff");
+  src:
+    url('../fonts/Roboto-Regular.woff2') format('woff2'),
+    url('../fonts/Roboto-Regular.woff') format('woff');
   font-weight: 500;
   font-style: normal;
 }
@@ -294,7 +296,7 @@ label.labelError {
 
 #expiryYearLabel:after {
   font-size: 16px;
-  content: "/";
+  content: '/';
 }
 
 #issue {
@@ -318,7 +320,7 @@ label.labelError {
 }
 
 #cscSection:after {
-  content: "";
+  content: '';
   width: 38%;
   height: 51px;
   display: block;
@@ -341,11 +343,7 @@ label.labelError {
   border-color: #626d75;
   background-color: #eee !important;
   background-image: linear-gradient(bottom, #f5a30d, #ffd786 82%) !important;
-  background-image: -ms-linear-gradient(
-    bottom,
-    #f5a30d 0,
-    #ffd786 82%
-  ) !important;
+  background-image: -ms-linear-gradient(bottom, #f5a30d 0, #ffd786 82%) !important;
   background-image: -webkit-gradient(
     linear,
     left bottom,
@@ -853,7 +851,7 @@ span#amount {
 }
 
 #confirmCheck2Label:after {
-  content: "";
+  content: '';
   width: 15px;
   height: 15px;
   position: relative;
@@ -894,7 +892,7 @@ textarea {
 }
 
 #cardNumberHelpPanel:before {
-  content: "*";
+  content: '*';
   display: block;
 }
 
@@ -915,7 +913,7 @@ textarea {
   position: relative;
 }
 
-input[type="radio"] {
+input[type='radio'] {
   margin: 1em 0.25em;
 }
 

package/src/scss/pages/page_cms_homepage.scss

@@ -529,7 +529,9 @@ p {
 // sass-lint:disable no-vendor-prefixes
 // sass-lint:disable no-misspelled-properties
 .hero-banner-karcher {
-  background: $white url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepage-banner-withouttext-1400x400?fmt=png-alpha&wid=1400&hei=400&fit=crop') no-repeat center;
+  background: $white
+    url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepage-banner-withouttext-1400x400?fmt=png-alpha&wid=1400&hei=400&fit=crop')
+    no-repeat center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
@@ -540,7 +542,8 @@ p {
 
 .hero-overlay-image {
   position: relative;
-  background: url('https://media.wickes.co.uk/is/image/wickes/2519-3241-Karcher-Homepage-element?fmt=png-alpha&wid=320&hei=400&fit=crop') no-repeat center top;
+  background: url('https://media.wickes.co.uk/is/image/wickes/2519-3241-Karcher-Homepage-element?fmt=png-alpha&wid=320&hei=400&fit=crop')
+    no-repeat center top;
   width: 320px;
   height: 400px;
   margin-left: auto;
@@ -601,11 +604,14 @@ p {
 
 @media screen and (max-width: 1010px) {
   .hero-banner-karcher {
-    background: $white url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepagebanner-Background-Blank-1400x400?fmt=png-alpha&wid=1400&hei=400&fit=crop') no-repeat center top;
+    background: $white
+      url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepagebanner-Background-Blank-1400x400?fmt=png-alpha&wid=1400&hei=400&fit=crop')
+      no-repeat center top;
   }
 
   .hero-overlay-image {
-    background: url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepagebanner-messaging-d3-320x400-1?fmt=png-alpha&wid=320&hei=400&fit=crop') no-repeat center top;
+    background: url('https://media.wickes.co.uk/is/image/wickes/10519-3241-Karcher-Homepagebanner-messaging-d3-320x400-1?fmt=png-alpha&wid=320&hei=400&fit=crop')
+      no-repeat center top;
   }
 }
 

package/src/scss/pages/page_installation.scss

@@ -2,7 +2,6 @@
 @import '../components/proposition';
 
 .installation-page {
-
   img {
     max-width: 100%;
   }
@@ -13,7 +12,8 @@
     li {
       // sass-lint:disable no-url-domains
       // sass-lint:disable no-url-protocols
-      background: url('//media.wickes.co.uk/is/image/wickes/Kitchens_Check_Icon?wid=13') no-repeat left center;
+      background: url('//media.wickes.co.uk/is/image/wickes/Kitchens_Check_Icon?wid=13') no-repeat
+        left center;
       padding: 0 0 8px 22px;
       list-style: none;
       margin: 0;

package/src/scss/pages/page_online-exclusive.scss

@@ -14,7 +14,8 @@ $round-img-measure: 290px;
 
   .online-exclusive {
     &__banner {
-      background: url('https://media.wickes.co.uk/is/image/wickes/Online-exclusive-header-banner-final-mobile') center / auto 502px no-repeat;
+      background: url('https://media.wickes.co.uk/is/image/wickes/Online-exclusive-header-banner-final-mobile')
+        center / auto 502px no-repeat;
       height: 502px;
       margin: 0 -15px;
       display: block;
@@ -353,7 +354,9 @@ $round-img-measure: 290px;
       display: flex;
       flex-direction: column;
       justify-content: center;
-      transition: 0.55s opacity, 0.55s visibility;
+      transition:
+        0.55s opacity,
+        0.55s visibility;
       position: absolute;
       width: 100%;
       height: 100%;
@@ -442,7 +445,8 @@ $round-img-measure: 290px;
   .page_online-exclusive {
     .online-exclusive {
       &__banner {
-        background: url('https://media.wickes.co.uk/is/image/wickes/Online-exclusive-header-desktop-new') center no-repeat;
+        background: url('https://media.wickes.co.uk/is/image/wickes/Online-exclusive-header-desktop-new')
+          center no-repeat;
         background-size: contain;
         margin: 0;
         height: 360px;