wickes-css2 2.105.0-develop.3 → 2.105.0-develop.5

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 (184) hide show
  1. package/Readme.md +1 -2
  2. package/build/css/category-main.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_product_search.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/tradePro-rewards.css +1 -1
  12. package/build/css/pdp-main-before-combine.css +1 -1
  13. package/build/css/pdp-main-non-critical.css +1 -1
  14. package/build/css/pdp-main.css +1 -1
  15. package/build/css/plp-main.css +1 -1
  16. package/build/css/store-locator-main.css +1 -1
  17. package/build/js/basket.min.js +2 -2
  18. package/build/js/bundle.min.js +1 -1
  19. package/build/js/checkout.min.js +2 -2
  20. package/build/js/emulation.min.js +12125 -11596
  21. package/build/js/general.bundle.min.js +1 -1
  22. package/build/js/kitchen/kitchen-plp.min.js +1 -9
  23. package/build/js/merged-checkout.min.js +2 -2
  24. package/build/js/mini-basket-slider.min.js +1 -1
  25. package/build/js/my-account.min.js +1 -1
  26. package/build/js/page/basket/basket-update-cart-action.js +59 -56
  27. package/build/js/page/basket/basket-update-cart.js +27 -27
  28. package/build/js/page/basket/basket-utils.js +40 -33
  29. package/build/js/page/basket/mini-basket-total.js +70 -66
  30. package/build/js/page/basket/quantity-change-handler.js +73 -55
  31. package/build/js/page/basket/update-quantity-operation.js +39 -30
  32. package/build/js/page/basket/update-quantity.js +62 -62
  33. package/build/js/page/basket-v2.js +362 -229
  34. package/build/js/page/billie-business-type.js +27 -27
  35. package/build/js/page/checkout-payment-details.js +301 -299
  36. package/build/js/page/components/discounts.js +39 -36
  37. package/build/js/page/components/mini-basket-slider.js +604 -545
  38. package/build/js/page/filters/desktop-nav.js +64 -0
  39. package/build/js/page/filters/mobile-nav.js +93 -0
  40. package/build/js/page/filters/plp-filters-chips.js +92 -0
  41. package/build/js/page/filters/plp-filters-mobile.js +150 -0
  42. package/build/js/page/filters/plp-filters-panel.js +123 -0
  43. package/build/js/page/filters/plp-filters-utils.js +66 -0
  44. package/build/js/page/filters/plp-filters.js +256 -0
  45. package/build/js/page/filters/sort-by.js +172 -0
  46. package/build/js/page/klarna-modal-scroll-disable.js +4 -4
  47. package/build/js/page/online-exclusive.js +28 -30
  48. package/build/js/page/search-filter.js +62 -0
  49. package/build/js/page/share-project-list.js +57 -0
  50. package/build/js/page/tradePro-rewards.js +69 -39
  51. package/build/js/page/utils/copy-to-clipboard.js +79 -47
  52. package/build/js/page/utils/helpers.js +14 -9
  53. package/build/js/page/utils/show-more-less.js +273 -0
  54. package/build/js/pdp.bundle.min.js +1 -1
  55. package/build/js/plp.bundle.min.js +1 -1
  56. package/build/js/project-list.min.js +143 -85
  57. package/build/js/tradePro-rewards.min.js +1 -1
  58. package/package.json +3 -3
  59. package/src/components/.DS_Store +0 -0
  60. package/src/components/accordion.hbs +2 -2
  61. package/src/components/kitchen/dropdown.hbs +6 -3
  62. package/src/components/kitchen/filter-modal-content-kitchen.hbs +10 -0
  63. package/src/components/kitchen/filter-modal.hbs +10 -13
  64. package/src/components/kitchen/plp-filters.hbs +3 -1
  65. package/src/components/kitchen/sort-by.hbs +1 -1
  66. package/src/components/search-filter-modal-content.hbs +102 -0
  67. package/src/components/search-filter.hbs +121 -112
  68. package/src/data/data_plp_load-more.json +1 -1
  69. package/src/elements/btn.hbs +7 -0
  70. package/src/js/components/general/accordion.js +38 -29
  71. package/src/js/components/general/cart-slider.js +19 -16
  72. package/src/js/components/general/create-popup-slider.js +168 -173
  73. package/src/js/emulation/big-wins.js +1081 -904
  74. package/src/js/emulation/billie-modal.js +23 -19
  75. package/src/js/emulation/checkout-payment-details.js +47 -38
  76. package/src/js/emulation/custom-slider-emulation.js +17 -13
  77. package/src/js/emulation/filters-emulation.js +164 -0
  78. package/src/js/emulation/forms.js +360 -323
  79. package/src/js/emulation/mini-basket-data.js +1051 -923
  80. package/src/js/emulation/paymentLoader.js +17 -17
  81. package/src/js/emulation/pdf-file-loader.js +89 -91
  82. package/src/js/emulation/popover-mini-basket.js +246 -239
  83. package/src/js/emulation/product-counter.js +50 -0
  84. package/src/js/emulation/project-list-pdp.js +320 -316
  85. package/src/js/emulation/repayment-toggle.js +23 -24
  86. package/src/js/emulation/reset-filter-desktop.js +5 -0
  87. package/src/js/emulation/selectable.js +22 -18
  88. package/src/js/emulation/wismo-details.js +23 -31
  89. package/src/js/page/basket/basket-update-cart-action.js +59 -56
  90. package/src/js/page/basket/basket-update-cart.js +27 -27
  91. package/src/js/page/basket/basket-utils.js +40 -33
  92. package/src/js/page/basket/mini-basket-total.js +70 -66
  93. package/src/js/page/basket/quantity-change-handler.js +73 -55
  94. package/src/js/page/basket/update-quantity-operation.js +39 -30
  95. package/src/js/page/basket/update-quantity.js +62 -62
  96. package/src/js/page/basket-v2.js +362 -229
  97. package/src/js/page/billie-business-type.js +27 -27
  98. package/src/js/page/checkout-payment-details.js +301 -299
  99. package/src/js/page/components/discounts.js +39 -36
  100. package/src/js/page/components/mini-basket-slider.js +604 -545
  101. package/src/js/page/filters/desktop-nav.js +64 -0
  102. package/src/js/page/filters/mobile-nav.js +93 -0
  103. package/src/js/page/filters/plp-filters-chips.js +92 -0
  104. package/src/js/page/filters/plp-filters-mobile.js +150 -0
  105. package/src/js/page/filters/plp-filters-panel.js +123 -0
  106. package/src/js/page/filters/plp-filters-utils.js +66 -0
  107. package/src/js/page/filters/plp-filters.js +256 -0
  108. package/src/js/page/filters/sort-by.js +172 -0
  109. package/src/js/page/klarna-modal-scroll-disable.js +4 -4
  110. package/src/js/page/online-exclusive.js +28 -30
  111. package/src/js/page/search-filter.js +62 -0
  112. package/src/js/page/share-project-list.js +57 -0
  113. package/src/js/page/tradePro-rewards.js +69 -39
  114. package/src/js/page/utils/copy-to-clipboard.js +79 -47
  115. package/src/js/page/utils/helpers.js +14 -9
  116. package/src/js/page/utils/show-more-less.js +273 -0
  117. package/src/page_empty-shared-project-list-bicester-hub.html +4 -0
  118. package/src/page_empty-shopping-list_guest.html +1 -0
  119. package/src/page_kitchen-plp.html +2 -2
  120. package/src/page_my-shopping-list-add-notes.html +1 -0
  121. package/src/page_my-shopping-list-energy.html +1 -0
  122. package/src/page_my-shopping-list-hide-download.html +2 -1
  123. package/src/page_my-shopping-list-pdf.html +2 -0
  124. package/src/page_my-shopping-list-saved-ref.html +1 -0
  125. package/src/page_my-shopping-list-wisdom-oos-registered.html +1 -0
  126. package/src/page_my-shopping-list-wisdom-oos.html +1 -0
  127. package/src/page_my-shopping-list-wisdom-partial-registered.html +1 -0
  128. package/src/page_my-shopping-list-wisdom-registered.html +1 -0
  129. package/src/page_my-shopping-list-wisdom.html +1 -0
  130. package/src/page_my-shopping-list.html +1 -0
  131. package/src/page_my-shopping-list_not-register.html +3 -0
  132. package/src/page_plp-with-paint.html +2 -7
  133. package/src/page_plp.html +2 -7
  134. package/src/page_plp_v2-energy-efficiency.html +1 -6
  135. package/src/page_plp_v2-favourite-products.html +6 -7
  136. package/src/page_plp_v2-vat.html +2 -7
  137. package/src/page_plp_v2.html +22 -9
  138. package/src/page_product_search-vat.html +2 -7
  139. package/src/page_product_search.html +2 -7
  140. package/src/page_project-list-generate-project-list-ID.html +3 -0
  141. package/src/page_project-list-vat.html +4 -0
  142. package/src/page_project-list-with-new-share-popup-android.html +3 -1
  143. package/src/page_project-list-with-new-share-popup-ios.html +3 -1
  144. package/src/page_project-list-with-new-share-popup.html +2 -1
  145. package/src/page_search-results.html +2 -7
  146. package/src/page_shared-project-list-bicester-hub.html +3 -1
  147. package/src/scss/common/_common.scss +5 -4
  148. package/src/scss/components/_accordion.scss +1 -3
  149. package/src/scss/components/_custom-slider.scss +15 -14
  150. package/src/scss/components/_date-selection-add-new-styles.scss +6 -7
  151. package/src/scss/components/_date-selection.scss +1 -1
  152. package/src/scss/components/{kitchen/_filter-modal.scss → _filter-modal.scss} +55 -4
  153. package/src/scss/components/{kitchen/_plp-filters.scss → _plp-filters.scss} +31 -13
  154. package/src/scss/components/_popover-mini-basket.scss +3 -3
  155. package/src/scss/components/_search-filter.scss +95 -15
  156. package/src/scss/components/_sort-by.scss +190 -0
  157. package/src/scss/components/checkout-chip.scss +2 -2
  158. package/src/scss/components/checkout-payment-repayment-terms.scss +1 -1
  159. package/src/scss/globals/_global-components.scss +3 -0
  160. package/src/scss/helpers/_colors-semantic.scss +68 -68
  161. package/src/scss/helpers/_variables.scss +242 -196
  162. package/src/scss/kitchen-plp-main.scss +0 -3
  163. package/src/scss/main.scss +65 -65
  164. package/src/scss/pages/page_product-details-v2.scss +1 -4
  165. package/src/scss/pages/page_product_search.scss +9 -1
  166. package/src/scss/pages/page_products-list-combined.scss +28 -24
  167. package/src/scss/pages/page_products-list.scss +8 -0
  168. package/src/scss/pages/tradePro-rewards.scss +3 -4
  169. package/build/js/page/accordion.js +0 -35
  170. package/build/js/page/kitchen/plp-filters-chips.js +0 -90
  171. package/build/js/page/kitchen/plp-filters-mobile.js +0 -72
  172. package/build/js/page/kitchen/plp-filters-panel.js +0 -119
  173. package/build/js/page/kitchen/plp-filters-utils.js +0 -65
  174. package/build/js/page/kitchen/plp-filters.js +0 -205
  175. package/build/js/page/kitchen/sort-by.js +0 -157
  176. package/src/js/components/general/search-filter.js +0 -21
  177. package/src/js/components/share-project-list.js +0 -53
  178. package/src/js/page/accordion.js +0 -35
  179. package/src/js/page/kitchen/plp-filters-chips.js +0 -90
  180. package/src/js/page/kitchen/plp-filters-mobile.js +0 -72
  181. package/src/js/page/kitchen/plp-filters-panel.js +0 -119
  182. package/src/js/page/kitchen/plp-filters-utils.js +0 -65
  183. package/src/js/page/kitchen/plp-filters.js +0 -205
  184. package/src/js/page/kitchen/sort-by.js +0 -157
package/src/scss/helpers/_colors-semantic.scss CHANGED
@@ -1,120 +1,120 @@
1
1
  // --------------------------------------------------------------------------
2
2
  // Surfaces
3
3
  // --------------------------------------------------------------------------
4
- $surface-surf-primary: $white; // #ffffff
4
+ $surface-surf-primary: $white; // #ffffff
5
5
 
6
6
  // --------------------------------------------------------------------------
7
7
  // Containers
8
8
  // --------------------------------------------------------------------------
9
- $container-cont-01: $white; // #ffffff
10
- $container-cont-02: $gray-bg; // #f8f8f8
11
- $container-cont-03: $gray-light; // #eeeeee
12
- $container-cont-04: $warm-grey; // #8b8b8b
9
+ $container-cont-01: $white; // #ffffff
10
+ $container-cont-02: $gray-bg; // #f8f8f8
11
+ $container-cont-03: $gray-light; // #eeeeee
12
+ $container-cont-04: $warm-grey; // #8b8b8b
13
13
 
14
- $container-cont-brand: $blue-dark; // #0a3055
15
- $container-cont-brand-light: $ma-white; // #f4f9fe
16
- $container-cont-action: $blue; // #0277bd
17
- $container-cont-checkout: $green; // #67a509
18
- $container-cont-offer: $red; // #cf000f
14
+ $container-cont-brand: $blue-dark; // #0a3055
15
+ $container-cont-brand-light: $ma-white; // #f4f9fe
16
+ $container-cont-action: $blue; // #0277bd
17
+ $container-cont-checkout: $green; // #67a509
18
+ $container-cont-offer: $red; // #cf000f
19
19
 
20
20
  // --------------------------------------------------------------------------
21
21
  // Borders
22
22
  // --------------------------------------------------------------------------
23
- $border-brand: $blue-dark; // #0a3055
24
- $border-bold: $gray-dark; // #3e3e3e
25
- $border-default: $gray; // #cccccc
26
- $border-secondary: $gray-light; // #eeeeee
27
- $border-focus: $blue; // #0277bd
28
- $border-error: $red; // #cf000f
29
- $border-inverted: $white; // #ffffff
23
+ $border-brand: $blue-dark; // #0a3055
24
+ $border-bold: $gray-dark; // #3e3e3e
25
+ $border-default: $gray; // #cccccc
26
+ $border-secondary: $gray-light; // #eeeeee
27
+ $border-focus: $blue; // #0277bd
28
+ $border-error: $red; // #cf000f
29
+ $border-inverted: $white; // #ffffff
30
30
 
31
31
  // --------------------------------------------------------------------------
32
32
  // Text
33
33
  // --------------------------------------------------------------------------
34
- $text-body: $gray-dark; // #3e3e3e
35
- $text-secondary: $squant; // #666666
36
- $text-tertiary: $warm-grey; // #8b8b8b
37
- $text-quinary: $gray-wait; // #9d9d9c
38
- $text-inverted: $white; // #ffffff
39
- $text-brand: $blue-dark; // #0a3055
40
- $text-link: $blue; // #0277bd
41
- $text-offer: $red; // #cf000f
42
- $text-success: $green; // #67a509
43
- $text-error: $red; // #cf000f
34
+ $text-body: $gray-dark; // #3e3e3e
35
+ $text-secondary: $squant; // #666666
36
+ $text-tertiary: $warm-grey; // #8b8b8b
37
+ $text-quinary: $gray-wait; // #9d9d9c
38
+ $text-inverted: $white; // #ffffff
39
+ $text-brand: $blue-dark; // #0a3055
40
+ $text-link: $blue; // #0277bd
41
+ $text-offer: $red; // #cf000f
42
+ $text-success: $green; // #67a509
43
+ $text-error: $red; // #cf000f
44
44
 
45
45
  // --------------------------------------------------------------------------
46
46
  // Icons
47
47
  // --------------------------------------------------------------------------
48
- $icon-brand: $blue-dark; // #0a3055
49
- $icon-primary: $gray-dark; // #3e3e3e
50
- $icon-secondary: $warm-grey; // #8b8b8b
51
- $icon-tertiary: $gray; // #cccccc
52
- $icon-inverted: $white; // #ffffff
53
- $icon-action: $blue; // #0277bd
54
- $icon-checkout: $green; // #67a509
55
- $icon-success: $green; // #67a509
56
- $icon-warning: $orange; // #ffc439
57
- $icon-error: $red; // #cf000f
58
- $icon-brand-light: $blue-satin; // #99b5cf
48
+ $icon-brand: $blue-dark; // #0a3055
49
+ $icon-primary: $gray-dark; // #3e3e3e
50
+ $icon-secondary: $warm-grey; // #8b8b8b
51
+ $icon-tertiary: $gray; // #cccccc
52
+ $icon-inverted: $white; // #ffffff
53
+ $icon-action: $blue; // #0277bd
54
+ $icon-checkout: $green; // #67a509
55
+ $icon-success: $green; // #67a509
56
+ $icon-warning: $orange; // #ffc439
57
+ $icon-error: $red; // #cf000f
58
+ $icon-brand-light: $blue-satin; // #99b5cf
59
59
 
60
60
  // --------------------------------------------------------------------------
61
61
  // Labels / Badges
62
62
  // --------------------------------------------------------------------------
63
- $label-offer: $red; // #cf000f
64
- $label-new: $green-light; // #9acd32
65
- $label-clearance: $yellow; // #f7ca18
63
+ $label-offer: $red; // #cf000f
64
+ $label-new: $green-light; // #9acd32
65
+ $label-clearance: $yellow; // #f7ca18
66
66
 
67
67
  // --------------------------------------------------------------------------
68
68
  // Logos
69
69
  // --------------------------------------------------------------------------
70
- $logo-main: $pacific-depths; // #004587
71
- $logo-stroke-text: $white; // #ffffff
72
- $logo-tradepro: $gray-wait; // #9d9d9c
70
+ $logo-main: $pacific-depths; // #004587
71
+ $logo-stroke-text: $white; // #ffffff
72
+ $logo-tradepro: $gray-wait; // #9d9d9c
73
73
 
74
74
  // --------------------------------------------------------------------------
75
75
  // Notifications
76
76
  // --------------------------------------------------------------------------
77
- $notification-success-bg: rgba($green, .05); // #67a5090d
78
- $notification-warning-bg: rgba($orange, .05); // #ffc4390d
79
- $notification-error-bg: rgba($red, .05); // #cf000f0d
77
+ $notification-success-bg: rgba($green, 0.05); // #67a5090d
78
+ $notification-warning-bg: rgba($orange, 0.05); // #ffc4390d
79
+ $notification-error-bg: rgba($red, 0.05); // #cf000f0d
80
80
 
81
81
  // --------------------------------------------------------------------------
82
82
  // State overlays (generic)
83
83
  // --------------------------------------------------------------------------
84
- $state-overlay-hover: rgba($black, .2); // #00000033
85
- $state-overlay-pressed: rgba($black, .4); // #00000066
86
- $state-overlay-disabled: rgba($white, .6); // #ffffff99
84
+ $state-overlay-hover: rgba($black, 0.2); // #00000033
85
+ $state-overlay-pressed: rgba($black, 0.4); // #00000066
86
+ $state-overlay-disabled: rgba($white, 0.6); // #ffffff99
87
87
 
88
88
  // --------------------------------------------------------------------------
89
89
  // Additional (brand / payments / design usage)
90
90
  // --------------------------------------------------------------------------
91
- $additional-design-appointment: #2d8093;
92
- $additional-review-star-pdp: #f7941d;
93
- $additional-paypal: $orange; // #ffc439
94
- $additional-klarna: #ffb3c7;
95
- $additional-finance: $virid-darker; // #205c56
96
- $additional-events: $virid-darkest; // #00857c
91
+ $additional-design-appointment: #2d8093;
92
+ $additional-review-star-pdp: #f7941d;
93
+ $additional-paypal: $orange; // #ffc439
94
+ $additional-klarna: #ffb3c7;
95
+ $additional-finance: $virid-darker; // #205c56
96
+ $additional-events: $virid-darkest; // #00857c
97
97
 
98
98
  // --------------------------------------------------------------------------
99
99
  // Button overlays (primary action = blue)
100
100
  // --------------------------------------------------------------------------
101
- $button-overlay-action-default: $blue; // #0277bd
102
- $button-overlay-action-hover: rgba($blue, .2); // 20% opacity
103
- $button-overlay-action-pressed: rgba($blue, .4); // 40% opacity
104
- $button-overlay-action-disabled: rgba($blue, .6); // 60% opacity
101
+ $button-overlay-action-default: $blue; // #0277bd
102
+ $button-overlay-action-hover: rgba($blue, 0.2); // 20% opacity
103
+ $button-overlay-action-pressed: rgba($blue, 0.4); // 40% opacity
104
+ $button-overlay-action-disabled: rgba($blue, 0.6); // 60% opacity
105
105
 
106
106
  // --------------------------------------------------------------------------
107
107
  // Checkout overlays (success / checkout = green)
108
108
  // --------------------------------------------------------------------------
109
- $checkout-overlay-action-default: $green; // #67a509
110
- $checkout-overlay-action-hover: rgba($green, .2); // 20% opacity
111
- $checkout-overlay-action-pressed: rgba($green, .4); // 40% opacity
112
- $checkout-overlay-action-disabled: rgba($green, .6); // 60% opacity
109
+ $checkout-overlay-action-default: $green; // #67a509
110
+ $checkout-overlay-action-hover: rgba($green, 0.2); // 20% opacity
111
+ $checkout-overlay-action-pressed: rgba($green, 0.4); // 40% opacity
112
+ $checkout-overlay-action-disabled: rgba($green, 0.6); // 60% opacity
113
113
 
114
114
  // --------------------------------------------------------------------------
115
115
  // Offer overlays (error / offer = red)
116
116
  // --------------------------------------------------------------------------
117
- $offer-overlay-action-default: $red; // #cf000f
118
- $offer-overlay-action-hover: rgba($red, .2); // 20% opacity
119
- $offer-overlay-action-pressed: rgba($red, .4); // 40% opacity
120
- $offer-overlay-action-disabled: rgba($red, .6); // 60% opacity
117
+ $offer-overlay-action-default: $red; // #cf000f
118
+ $offer-overlay-action-hover: rgba($red, 0.2); // 20% opacity
119
+ $offer-overlay-action-pressed: rgba($red, 0.4); // 40% opacity
120
+ $offer-overlay-action-disabled: rgba($red, 0.6); // 60% opacity