wickes-css2 2.94.0-develop.6 → 2.94.0-ic-298-mega-nav.1

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 (180) hide show
  1. package/Readme.md +1 -1
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/components/checkout-payment-details-v2.css +1 -1
  4. package/build/css/emulation.css +1 -1
  5. package/build/css/homepage-main.css +1 -1
  6. package/build/css/main.css +1 -1
  7. package/build/css/my-account-main.css +1 -1
  8. package/build/css/pages/checkout-new.css +1 -1
  9. package/build/css/pages/checkout.css +1 -1
  10. package/build/css/pages/my-account.css +1 -1
  11. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  12. package/build/css/pages/page_product-details-v2-critical.css +1 -1
  13. package/build/css/pages/page_product-details-v2.css +1 -1
  14. package/build/css/pages/page_shopping-cart-v2.css +1 -1
  15. package/build/css/pdp-main-before-combine.css +1 -1
  16. package/build/css/pdp-main-critical.css +1 -1
  17. package/build/css/pdp-main-non-critical.css +1 -1
  18. package/build/css/pdp-main.css +1 -1
  19. package/build/css/plp-main.css +1 -1
  20. package/build/css/store-locator-main.css +1 -1
  21. package/build/img/placeholders/discount-sm-15.jpg +0 -0
  22. package/build/img/placeholders/discount-sm.png +0 -0
  23. package/build/js/account-members.min.js +1 -1
  24. package/build/js/basket.min.js +1 -1
  25. package/build/js/bundle.min.js +1 -1
  26. package/build/js/checkout.min.js +1 -1
  27. package/build/js/emulation.min.js +30 -177
  28. package/build/js/general.bundle.min.js +1 -1
  29. package/build/js/merged-checkout.min.js +1 -1
  30. package/build/js/page/plp-load-more.js +0 -1
  31. package/build/js/pdp.bundle.min.js +1 -1
  32. package/build/js/plp.bundle.min.js +1 -1
  33. package/build/js/project-list.min.js +1 -1
  34. package/package.json +1 -1
  35. package/src/components/account-families/actions-bar.hbs +3 -6
  36. package/src/components/aside-nav2.hbs +1 -1
  37. package/src/components/calendar-time-table-v2.hbs +3 -0
  38. package/src/components/calendar-time-table.hbs +3 -0
  39. package/src/components/date-selection-v2.hbs +106 -0
  40. package/src/components/date-selection.hbs +59 -46
  41. package/src/components/delivery-selection.hbs +11 -0
  42. package/src/components/delivery-types-v2.hbs +17 -0
  43. package/src/components/delivery-types.hbs +38 -18
  44. package/src/components/navigation/menu-item-sub.hbs +33 -0
  45. package/src/components/navigation/menu-item-top.hbs +32 -0
  46. package/src/components/navigation/menu-item.hbs +32 -0
  47. package/src/components/navigation/nav-wrapper.hbs +12 -0
  48. package/src/components/store-details.hbs +20 -22
  49. package/src/components/store-preview.hbs +11 -0
  50. package/src/components.html +0 -1
  51. package/src/data/data_big-wins-stores.json +22 -0
  52. package/src/data/data_notification-page.json +0 -4
  53. package/src/data/navigation.json +854 -0
  54. package/src/elements/dropdown.hbs +5 -16
  55. package/src/elements/form-row.hbs +1 -1
  56. package/src/elements/input.hbs +2 -2
  57. package/src/img/placeholders/discount-sm-15.jpg +0 -0
  58. package/src/img/placeholders/discount-sm.png +0 -0
  59. package/src/js/components/date-selection.js +20 -6
  60. package/src/js/components/general/main-nav.js +23 -14
  61. package/src/js/components/general/switchVat.js +1 -27
  62. package/src/js/components/leave-event.js +5 -51
  63. package/src/js/emulation/big-wins.js +2 -0
  64. package/src/js/emulation/date-selection.js +21 -0
  65. package/src/js/emulation/forms.js +1 -1
  66. package/src/js/emulation/main-nav-local.js +6 -4
  67. package/src/js/page/plp-load-more.js +0 -1
  68. package/src/layouts/my-account.hbs +1 -1
  69. package/src/page_checkout_delivery-address.html +70 -0
  70. package/src/page_checkout_delivery-details-ASM.html +251 -0
  71. package/src/page_checkout_delivery-details-oos-partially.html +215 -0
  72. package/src/page_checkout_delivery-details-oos.html +232 -0
  73. package/src/page_checkout_delivery-details-v2-asm.html +3 -3
  74. package/src/page_checkout_delivery-details-v2-calendar-message.html +1 -1
  75. package/src/page_checkout_delivery-details-v2-oos.html +1 -1
  76. package/src/page_checkout_delivery-details-v2-wisdom-not-available.html +2 -2
  77. package/src/page_checkout_delivery-details-v2-wisdom.html +2 -2
  78. package/src/{page_checkout_rapid-delivery-details.html → page_checkout_delivery-details-v2.html} +3 -14
  79. package/src/page_checkout_delivery-details-with-loader-v2.html +1 -1
  80. package/src/page_checkout_delivery-details-with-loader.html +220 -0
  81. package/src/page_checkout_delivery-details.html +221 -0
  82. package/src/page_checkout_delivery-details_guest-new.html +1 -1
  83. package/src/page_checkout_delivery-details_guest.html +198 -0
  84. package/src/page_discount_installer.html +1 -7
  85. package/src/page_marketing-preferences.html +1 -7
  86. package/src/page_my-account.html +59 -56
  87. package/src/page_my-account_address-book.html +2 -8
  88. package/src/page_my-account_order-history.html +3 -8
  89. package/src/page_my-account_personal-details.html +1 -7
  90. package/src/page_old-navigation.html +10 -0
  91. package/src/page_tradePro_delivery-details.html +243 -0
  92. package/src/page_tradePro_discount.html +2 -8
  93. package/src/page_tradePro_rewards.html +1 -7
  94. package/src/page_wismo-order-history-loadmore.html +3 -3
  95. package/src/partials/breadcrumbs.hbs +8 -27
  96. package/src/partials/head.hbs +1 -5
  97. package/src/partials/header.hbs +49 -68
  98. package/src/partials/main-nav.hbs +15 -19
  99. package/src/scss/barclays-paypage-combined-minified.css +1 -1
  100. package/src/scss/barclays-paypage-combined.css +15 -9
  101. package/src/scss/components/_aside-nav2.scss +0 -18
  102. package/src/scss/components/_big-wins-critical.scss +1 -0
  103. package/src/scss/components/_big-wins.scss +8 -1
  104. package/src/scss/components/_date-selection-add-new-styles.scss +19 -78
  105. package/src/scss/components/_date-selection.scss +215 -30
  106. package/src/scss/components/_order-item-cc.scss +6 -0
  107. package/src/scss/components/checkout-payment-details-v2.scss +2 -2
  108. package/src/scss/emulation.scss +24 -0
  109. package/src/scss/helpers/_variables.scss +1 -3
  110. package/src/scss/pages/_my-account_new.scss +12 -1
  111. package/src/scss/pages/checkout-new.scss +0 -51
  112. package/src/scss/pages/my-account.scss +0 -1
  113. package/src/scss/pages/page_checkout_delivery-new.scss +1 -2
  114. package/src/scss/pages/page_paint-mixing-error.scss +1 -1
  115. package/src/scss/partials/_header.scss +0 -35
  116. package/src/scss/partials/_main-nav.scss +11 -6
  117. package/src/sitemap.html +78 -49
  118. package/build/css/my-account-main-v2.css +0 -1
  119. package/build/css/pages/my-account-v2.css +0 -1
  120. package/build/css/pages/page_default-store.css +0 -1
  121. package/build/css/pages/page_personal-details.css +0 -1
  122. package/build/js/default-store.min.js +0 -1
  123. package/build/js/my-account.min.js +0 -1
  124. package/build/js/page/default-store.js +0 -44
  125. package/build/js/page/my-account.js +0 -51
  126. package/build/js/page/personal-details.js +0 -286
  127. package/build/js/personal-details.min.js +0 -1
  128. package/src/components/banner-news.hbs +0 -8
  129. package/src/components/default-store/current-store.hbs +0 -60
  130. package/src/components/default-store/list-of-store.hbs +0 -39
  131. package/src/components/default-store/store-form.hbs +0 -29
  132. package/src/components/default-store/store-unavailable.hbs +0 -4
  133. package/src/components/my-account/active-orders/consignment-info.hbs +0 -11
  134. package/src/components/my-account/active-orders/header.hbs +0 -4
  135. package/src/components/my-account/active-orders/list-orders.hbs +0 -9
  136. package/src/components/my-account/active-orders/order-details.hbs +0 -18
  137. package/src/components/my-account/active-orders/order-header.hbs +0 -7
  138. package/src/components/my-account/active-orders/order.hbs +0 -20
  139. package/src/components/my-account/active-orders/shipment-detail.hbs +0 -13
  140. package/src/components/my-account/barcode.hbs +0 -17
  141. package/src/components/my-account/clipboard-code-card.hbs +0 -16
  142. package/src/components/my-account/contact-us.hbs +0 -23
  143. package/src/components/my-account/discount.hbs +0 -11
  144. package/src/components/my-account/greetings.hbs +0 -7
  145. package/src/components/my-account/leave-modal.hbs +0 -13
  146. package/src/components/my-account/menu-items.hbs +0 -25
  147. package/src/components/my-account/mobile-nav.hbs +0 -46
  148. package/src/components/my-account/personal-details-form.hbs +0 -29
  149. package/src/components/my-account/personal-details.hbs +0 -14
  150. package/src/components/my-account/user-account-actions.hbs +0 -18
  151. package/src/components/user-information-field.hbs +0 -4
  152. package/src/data/data_calendar.json +0 -149
  153. package/src/data/my-account/data_my-account.json +0 -469
  154. package/src/data/my-account/data_personal-details.json +0 -204
  155. package/src/data/my-account/page_default-store.json +0 -158
  156. package/src/js/components/leave-event-v2.js +0 -0
  157. package/src/js/emulation/default-store.js +0 -97
  158. package/src/js/emulation/personal-details-local.js +0 -73
  159. package/src/js/page/default-store.js +0 -44
  160. package/src/js/page/my-account.js +0 -51
  161. package/src/js/page/personal-details.js +0 -286
  162. package/src/layouts/my-account-v2.hbs +0 -27
  163. package/src/page_checkout_next-day-delivery-details.html +0 -161
  164. package/src/page_checkout_payment-details_with-card-loader.html +0 -56
  165. package/src/page_default-store-page-empty.html +0 -48
  166. package/src/page_default-store-page.html +0 -55
  167. package/src/page_my-account-installer.html +0 -93
  168. package/src/page_my-account-trade-pro.html +0 -91
  169. package/src/page_personal-details-installer.html +0 -62
  170. package/src/page_personal-details.html +0 -60
  171. package/src/scss/components/my-account/_consignment-info.scss +0 -46
  172. package/src/scss/components/my-account/_contacts.scss +0 -116
  173. package/src/scss/components/my-account/_menu.scss +0 -215
  174. package/src/scss/components/my-account/_mobile-nav.scss +0 -130
  175. package/src/scss/components/my-account/_order.scss +0 -112
  176. package/src/scss/components/my-account/_shipment.scss +0 -93
  177. package/src/scss/my-account-main-v2.scss +0 -32
  178. package/src/scss/pages/my-account-v2.scss +0 -570
  179. package/src/scss/pages/page_default-store.scss +0 -634
  180. package/src/scss/pages/page_personal-details.scss +0 -281
package/src/scss/pages/page_personal-details.scss DELETED
@@ -1,281 +0,0 @@
1
- @import '../helpers/helpers';
2
- @import '../components/notifications';
3
-
4
- .personal-details {
5
- padding-top: 0;
6
- padding-bottom: 40px;
7
-
8
- .notification {
9
- &_link {
10
- color: $white;
11
- text-decoration: none;
12
- padding: 0 5px;
13
-
14
- &:hover {
15
- text-decoration: none;
16
- color: $white;
17
- }
18
- }
19
- }
20
-
21
- .globalMessages {
22
- @include make-container;
23
- @include make-container-max-widths;
24
- @include make-col(12);
25
-
26
- .notification {
27
- margin-bottom: 8px;
28
- margin-top: 16px;
29
- }
30
- }
31
-
32
- &__header {
33
- margin-top: 16px;
34
- }
35
-
36
- &__title {
37
- text-align: left;
38
- margin-bottom: 0;
39
- font-size: 1.625rem;
40
- font-weight: 500;
41
- line-height: 2.25rem;
42
- }
43
-
44
- .btn__change-password {
45
- margin-top: 24px;
46
- }
47
-
48
- .btn__edit,
49
- .btn__change-password {
50
- display: flex;
51
- align-items: center;
52
- justify-content: center;
53
-
54
- .icon {
55
- font-size: 1rem;
56
- margin-right: 12px;
57
- }
58
- }
59
-
60
- .user-form,
61
- .user-information {
62
- margin-top: 24px;
63
-
64
- .form-row {
65
- padding: 0;
66
- }
67
- }
68
-
69
- .user-information {
70
- &__list {
71
- padding-left: 0;
72
- margin-bottom: 0;
73
- list-style-type: none;
74
- }
75
-
76
- &__label {
77
- font-size: 1rem;
78
- font-weight: 500;
79
- line-height: 24px;
80
- margin-bottom: 8px;
81
- }
82
-
83
- &__value {
84
- margin-bottom: 0;
85
- padding-top: 8px;
86
- padding-bottom: 8px;
87
- font-size: .875rem;
88
- font-weight: 400;
89
- line-height: 1.375rem;
90
- }
91
-
92
- &__item {
93
- margin-bottom: 24px;
94
- }
95
- }
96
-
97
- .user-form {
98
- &__required-field {
99
- padding: 0;
100
- font-size: .75rem;
101
- font-weight: 500;
102
- line-height: 1rem;
103
- margin-bottom: 24px;
104
- }
105
-
106
- &__ctas {
107
- display: flex;
108
- grid-gap: 16px;
109
- }
110
-
111
- .form-row {
112
- &__label:not(.user-form__required-field) {
113
- margin-bottom: 8px;
114
- }
115
-
116
- &.row-title {
117
- max-width: 145px;
118
- }
119
-
120
- &__label_required::before {
121
- margin-right: 4px;
122
- }
123
-
124
- & + .form-row {
125
- margin-bottom: 24px;
126
- }
127
-
128
- &__field {
129
- .tbx.disabled {
130
- background: $gray-bg;
131
- color: $warm-grey;
132
- -webkit-text-fill-color: $warm-grey;
133
- pointer-events: none;
134
- }
135
- }
136
- }
137
-
138
- input[name='CSRFToken'] {
139
- display: none;
140
- }
141
- }
142
- }
143
-
144
- .details-modal {
145
- .modal-dialog {
146
- margin-top: 40px;
147
- }
148
-
149
- .modal-header {
150
- padding: 16px;
151
-
152
- .modal-box__inner-columns {
153
- display: flex;
154
- align-items: center;
155
-
156
- .info-icon {
157
- font-size: 1.7rem;
158
- color: $orange;
159
- }
160
- }
161
-
162
- .close {
163
- position: absolute;
164
- top: 8px;
165
- right: 8px;
166
- margin: 0;
167
- padding: 0;
168
-
169
- .icon svg {
170
- font-size: 1rem;
171
- }
172
- }
173
-
174
- .modal-title {
175
- margin-left: 15px;
176
- font-size: 1.125rem;
177
- font-weight: 500;
178
- line-height: 2rem;
179
- }
180
- }
181
-
182
- .modal-body {
183
- padding: 16px;
184
-
185
- .description {
186
- margin-bottom: 0;
187
- font-size: 1rem;
188
- font-weight: 400;
189
- line-height: 2rem;
190
- }
191
-
192
- .actions {
193
- display: flex;
194
- grid-gap: 16px;
195
- margin-top: 32px;
196
- }
197
- }
198
- }
199
-
200
- @include media-breakpoint-up(sm) {
201
- .personal-details {
202
- &__header {
203
- display: flex;
204
- justify-content: space-between;
205
- align-items: center;
206
- }
207
-
208
- .btn__change-password {
209
- margin-top: 0;
210
- max-width: 178px;
211
- }
212
-
213
- .btn__edit {
214
- max-width: 195px;
215
- }
216
-
217
- .user-form {
218
- max-width: 390px;
219
-
220
- &__ctas {
221
- .btn_full {
222
- width: auto;
223
- }
224
- }
225
- }
226
- }
227
-
228
- .details-modal {
229
- .modal-header {
230
- padding: 16px 24px;
231
- }
232
-
233
- .modal-body {
234
- padding: 24px 24px 16px;
235
-
236
- .actions {
237
- margin-top: 40px;
238
-
239
- .btn_full {
240
- width: auto;
241
- }
242
- }
243
- }
244
- }
245
- }
246
-
247
- @include media-breakpoint-up(md) {
248
- .personal-details {
249
- &__title {
250
- font-size: 2.125rem;
251
- line-height: 2.875rem;
252
- }
253
-
254
- .globalMessages {
255
- .notification {
256
- margin-bottom: 24px;
257
- }
258
- }
259
-
260
- .notification_reminder {
261
- margin-bottom: 16px;
262
- }
263
- }
264
- }
265
-
266
- @include media-breakpoint-up(lg) {
267
- .personal-details {
268
- padding-top: 40px;
269
- padding-bottom: 70px;
270
-
271
- &__header {
272
- margin-top: 0;
273
- }
274
-
275
- .globalMessages {
276
- .notification {
277
- margin-top: 0;
278
- }
279
- }
280
- }
281
- }