wickes-css2 2.109.0-develop.1 → 2.109.0-develop.3

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.
Files changed (84) hide show
  1. package/build/css/category-main.css +1 -1
  2. package/build/css/components/card-product-banner.css +1 -1
  3. package/build/css/homepage-main.css +1 -1
  4. package/build/css/kitchen-plp-main.css +1 -1
  5. package/build/css/main.css +1 -1
  6. package/build/css/my-account-main-v2.css +1 -1
  7. package/build/css/my-account-main.css +1 -1
  8. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  9. package/build/css/pages/page_products-list-combined.css +1 -1
  10. package/build/css/pages/page_products-list.css +1 -1
  11. package/build/css/pages/page_shopping-cart-v2.css +1 -1
  12. package/build/css/pdp-main-before-combine.css +1 -1
  13. package/build/css/pdp-main-critical.css +1 -1
  14. package/build/css/pdp-main-non-critical.css +1 -1
  15. package/build/css/pdp-main.css +1 -1
  16. package/build/css/plp-main.css +1 -1
  17. package/build/css/store-locator-main.css +1 -1
  18. package/build/js/basket.min.js +1 -1
  19. package/build/js/checkout.min.js +1 -1
  20. package/build/js/emulation.min.js +178 -56
  21. package/build/js/gift-cards.min.js +1 -1
  22. package/build/js/merged-checkout.min.js +1 -1
  23. package/build/js/mini-basket-slider.min.js +1 -1
  24. package/build/js/page/basket/mini-basket-total.js +17 -2
  25. package/build/js/page/components/notify-me.js +99 -0
  26. package/build/js/page/components/order-summary.js +35 -0
  27. package/build/js/pdp.bundle.min.js +2 -1
  28. package/build/js/wickes-dc.js +1 -0
  29. package/package.json +1 -3
  30. package/src/components/base/button.hbs +1 -1
  31. package/src/components/card_product_banner_v2.hbs +4 -1
  32. package/src/components/card_sponsor_banner.hbs +4 -1
  33. package/src/components/checkout_order-summary-new.hbs +10 -1
  34. package/src/components/click-and-collect-modal.hbs +0 -14
  35. package/src/components/date-selection.hbs +1 -1
  36. package/src/components/delivery-types.hbs +11 -3
  37. package/src/components/injected-content.hbs +6 -1
  38. package/src/components/modal.hbs +1 -1
  39. package/src/components/modals/notify-me-modal.hbs +76 -0
  40. package/src/components/order-summary.hbs +2 -2
  41. package/src/components/price-block-v2.hbs +211 -214
  42. package/src/components/sponsor-top-banner.hbs +10 -0
  43. package/src/data/data_delivery-address-v2.json +1 -1
  44. package/src/data/data_search-results_v2.json +9 -2
  45. package/src/data/data_spr_injected_content.json +4 -0
  46. package/src/js/emulation/checkout-delivery-details.js +28 -25
  47. package/src/js/emulation/custom-slider-emulation.js +1 -1
  48. package/src/js/emulation/date-selection.js +136 -24
  49. package/src/js/emulation/forms.js +12 -0
  50. package/src/js/emulation/mini-basket-data.js +3 -3
  51. package/src/js/emulation/notify-me.js +9 -0
  52. package/src/js/emulation/switchCalendar.js +12 -8
  53. package/src/js/page/basket/mini-basket-total.js +17 -2
  54. package/src/js/page/components/notify-me.js +99 -0
  55. package/src/js/page/components/order-summary.js +35 -0
  56. package/src/page_checkout_next-day-delivery-details.html +2 -2
  57. package/src/page_checkout_payment-details-v2-asm.html +1 -1
  58. package/src/page_checkout_payment-details-v2.html +1 -1
  59. package/src/page_checkout_payment-details_with-card-loader.html +1 -1
  60. package/src/page_checkout_payment-details_with-klarna-loader.html +1 -1
  61. package/src/page_checkout_payment-details_with-loader-v2.html +1 -1
  62. package/src/page_checkout_rapid-delivery-details.html +7 -5
  63. package/src/page_klarna_payment-details_with-klarna.html +1 -1
  64. package/src/page_payment-details-with-billie.html +1 -1
  65. package/src/page_payment-details-with-clearpay.html +1 -1
  66. package/src/page_payment-details-with-gift-card.html +1 -1
  67. package/src/page_payment-details_with_apple-pay.html +1 -1
  68. package/src/page_payment-details_with_google-pay.html +1 -1
  69. package/src/page_plp_v2.html +1 -0
  70. package/src/page_product-details-mfe-calculator.html +9 -3
  71. package/src/scss/common/_CTAs.scss +7 -3
  72. package/src/scss/components/_custom-slider.scss +18 -0
  73. package/src/scss/components/_date-selection-add-new-styles.scss +43 -1
  74. package/src/scss/components/_notify-me-modal.scss +139 -0
  75. package/src/scss/components/_order-summary.scss +25 -12
  76. package/src/scss/components/_price-block-critical.scss +2 -2
  77. package/src/scss/components/_price-block.scss +14 -4
  78. package/src/scss/components/card-product-banner.scss +8 -0
  79. package/src/scss/helpers/_CTAs.scss +15 -5
  80. package/src/scss/pages/page_checkout_delivery-new.scss +36 -0
  81. package/src/scss/pages/page_products-list-combined.scss +8 -1
  82. package/src/scss/pages/page_products-list.scss +8 -1
  83. package/src/scss/pages/page_shopping-cart-v2.scss +34 -10
  84. package/src/scss/pdp-main.scss +1 -0
@@ -16,7 +16,6 @@
16
16
  @include make-col-ready;
17
17
  }
18
18
 
19
-
20
19
  &__main,
21
20
  .content,
22
21
  .right-aside {
@@ -102,6 +101,16 @@
102
101
  display: flex;
103
102
  }
104
103
 
104
+ &:has(.checkout-widget__item-delivery-cost-message) {
105
+ .checkout-widget__item-charity {
106
+ order: 0;
107
+ }
108
+
109
+ .checkout-widget__voucher-accordion {
110
+ order: 2;
111
+ }
112
+ }
113
+
105
114
  .checkout-widget {
106
115
  &__item {
107
116
  &-bold {
@@ -128,7 +137,6 @@
128
137
  }
129
138
  }
130
139
 
131
-
132
140
  &__details-discount {
133
141
  order: 1;
134
142
  }
@@ -151,7 +159,7 @@
151
159
  .checkout-widget {
152
160
  &__item {
153
161
  font-weight: 400;
154
- font-size: .875rem;
162
+ font-size: 0.875rem;
155
163
  padding: 10px 0;
156
164
  margin: 0;
157
165
 
@@ -175,7 +183,6 @@
175
183
  padding: 0;
176
184
  }
177
185
 
178
-
179
186
  &:not(.checkout-widget__item-vat) {
180
187
  margin-top: 0;
181
188
  }
@@ -188,15 +195,34 @@
188
195
  margin: 0;
189
196
  padding: 0 0 10px;
190
197
  color: $warm-grey;
191
- font-size: .75rem;
198
+ font-size: 0.75rem;
192
199
  border-bottom: 1px solid #eee;
193
200
  }
201
+
202
+ &-delivery:has(+ .checkout-widget__item-delivery-cost-message) {
203
+ padding-bottom: 0;
204
+ }
205
+
206
+ &-delivery-cost-message {
207
+ padding-top: 0;
208
+ margin-top: 4px !important;
209
+ margin-bottom: 0;
210
+ justify-content: flex-end;
211
+
212
+ #order-delivery-cost-message {
213
+ @include font-size(10);
214
+ @include line-height(12);
215
+
216
+ font-weight: 700;
217
+ color: $squant;
218
+ }
219
+ }
194
220
  }
195
221
 
196
222
  &__detail {
197
223
  &-name {
198
224
  font-weight: 400;
199
- font-size: .875rem;
225
+ font-size: 0.875rem;
200
226
 
201
227
  .accordion__header-icon-small {
202
228
  left: 75px;
@@ -206,7 +232,7 @@
206
232
 
207
233
  &-value {
208
234
  color: $gray-dark;
209
- font-size: .875rem;
235
+ font-size: 0.875rem;
210
236
  }
211
237
  }
212
238
 
@@ -276,7 +302,7 @@
276
302
  & h5 {
277
303
  margin: 0;
278
304
  margin-top: 8px;
279
- font-size: .875rem;
305
+ font-size: 0.875rem;
280
306
  }
281
307
  }
282
308
  }
@@ -357,7 +383,6 @@
357
383
  }
358
384
  }
359
385
  }
360
-
361
386
  }
362
387
  }
363
388
  }
@@ -535,7 +560,6 @@
535
560
  }
536
561
  }
537
562
 
538
-
539
563
  @include media-breakpoint-up(xl) {
540
564
  .basket {
541
565
  .checkout-title {
@@ -81,6 +81,7 @@
81
81
  @import 'components/billie-online-messaging';
82
82
  @import 'components/billie-modal';
83
83
  @import 'components/input-counter';
84
+ @import 'components/notify-me-modal';
84
85
 
85
86
  // Pages
86
87
  @import 'pages/page_ti';