wickes-css2 2.105.0-develop.1 → 2.105.0-develop.11

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 (274) hide show
  1. package/Readme.md +5 -4
  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/homepage-main.css +1 -1
  5. package/build/css/kitchen-plp-main.css +1 -1
  6. package/build/css/main.css +1 -1
  7. package/build/css/my-account-main-v2.css +1 -1
  8. package/build/css/my-account-main.css +1 -1
  9. package/build/css/pages/checkout-new.css +1 -1
  10. package/build/css/pages/checkout.css +1 -1
  11. package/build/css/pages/my-account-v2.css +1 -1
  12. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  13. package/build/css/pages/page_discount.css +1 -1
  14. package/build/css/pages/page_product_search.css +1 -1
  15. package/build/css/pages/page_products-list-combined.css +1 -1
  16. package/build/css/pages/page_products-list.css +1 -1
  17. package/build/css/pages/tradePro-rewards.css +1 -1
  18. package/build/css/pdp-main-before-combine.css +1 -1
  19. package/build/css/pdp-main-critical.css +1 -1
  20. package/build/css/pdp-main-non-critical.css +1 -1
  21. package/build/css/pdp-main.css +1 -1
  22. package/build/css/plp-main.css +1 -1
  23. package/build/css/store-locator-main.css +1 -1
  24. package/build/img/google-pay-mark.svg +11 -0
  25. package/build/img/quick-filters/bath1.svg +10 -0
  26. package/build/img/quick-filters/bath3.svg +3 -0
  27. package/build/img/quick-filters/bath4.svg +10 -0
  28. package/build/img/quick-filters/bath5.svg +10 -0
  29. package/build/img/quick-filters/image1.jpg +0 -0
  30. package/build/img/quick-filters/image2.jpg +0 -0
  31. package/build/img/quick-filters/image3.jpg +0 -0
  32. package/build/js/account-members.min.js +1 -1
  33. package/build/js/basket.min.js +2 -2
  34. package/build/js/bundle.min.js +1 -1
  35. package/build/js/checkout.min.js +2 -2
  36. package/build/js/emulation.min.js +12140 -11596
  37. package/build/js/general.bundle.min.js +1 -1
  38. package/build/js/kitchen/kitchen-plp.min.js +1 -9
  39. package/build/js/merged-checkout.min.js +2 -2
  40. package/build/js/mini-basket-slider.min.js +1 -1
  41. package/build/js/my-account.min.js +1 -1
  42. package/build/js/page/basket/basket-update-cart-action.js +59 -56
  43. package/build/js/page/basket/basket-update-cart.js +27 -27
  44. package/build/js/page/basket/basket-utils.js +40 -33
  45. package/build/js/page/basket/mini-basket-total.js +70 -66
  46. package/build/js/page/basket/quantity-change-handler.js +73 -55
  47. package/build/js/page/basket/update-quantity-operation.js +39 -30
  48. package/build/js/page/basket/update-quantity.js +62 -62
  49. package/build/js/page/basket-v2.js +360 -225
  50. package/build/js/page/billie-business-type.js +27 -27
  51. package/build/js/page/checkout-payment-details.js +301 -299
  52. package/build/js/page/components/billie-modal.js +31 -0
  53. package/build/js/page/components/discounts.js +39 -36
  54. package/build/js/page/components/mini-basket-slider.js +604 -545
  55. package/build/js/page/filters/desktop-nav.js +64 -0
  56. package/build/js/page/filters/mobile-nav.js +93 -0
  57. package/build/js/page/filters/plp-filters-chips.js +92 -0
  58. package/build/js/page/filters/plp-filters-mobile.js +150 -0
  59. package/build/js/page/filters/plp-filters-panel.js +123 -0
  60. package/build/js/page/filters/plp-filters-utils.js +66 -0
  61. package/build/js/page/filters/plp-filters.js +268 -0
  62. package/build/js/page/filters/sort-by.js +172 -0
  63. package/build/js/page/kitchen/colour-swatches.js +5 -2
  64. package/build/js/page/klarna-modal-scroll-disable.js +4 -4
  65. package/build/js/page/my-account.js +32 -47
  66. package/build/js/page/online-exclusive.js +28 -31
  67. package/build/js/page/quick-filter.js +108 -0
  68. package/build/js/page/search-filter.js +62 -0
  69. package/build/js/page/share-project-list.js +57 -0
  70. package/build/js/page/tradePro-rewards.js +69 -39
  71. package/build/js/page/utils/copy-to-clipboard.js +79 -47
  72. package/build/js/page/utils/helpers.js +14 -9
  73. package/build/js/page/utils/show-more-less.js +273 -0
  74. package/build/js/pdp.bundle.min.js +1 -1
  75. package/build/js/plp-filters.min.js +9 -0
  76. package/build/js/plp.bundle.min.js +1 -1
  77. package/build/js/project-list.min.js +143 -85
  78. package/build/js/search-filter.min.js +1 -0
  79. package/build/js/share-project-list.min.js +1 -0
  80. package/build/js/tradePro-rewards.min.js +1 -1
  81. package/package.json +4 -2
  82. package/src/components/.DS_Store +0 -0
  83. package/src/components/accordion.hbs +2 -2
  84. package/src/components/checkout-payment-details-v2.hbs +1 -1
  85. package/src/components/date-selection.hbs +25 -6
  86. package/src/components/generate-project-id.hbs +1 -1
  87. package/src/components/kitchen/dropdown.hbs +6 -3
  88. package/src/components/kitchen/filter-modal-content-kitchen.hbs +10 -0
  89. package/src/components/kitchen/filter-modal.hbs +10 -13
  90. package/src/components/kitchen/kitchen-card.hbs +1 -1
  91. package/src/components/kitchen/plp-filters.hbs +3 -1
  92. package/src/components/kitchen/sort-by.hbs +1 -1
  93. package/src/components/my-account/barcode.hbs +1 -3
  94. package/src/components/my-account/cards-swap.hbs +10 -0
  95. package/src/components/my-account/clipboard-code-card.hbs +3 -3
  96. package/src/components/my-account/discount.hbs +1 -1
  97. package/src/components/my-account/greetings.hbs +1 -1
  98. package/src/components/order-summary.hbs +1 -0
  99. package/src/components/price-block-v2.hbs +1 -0
  100. package/src/components/quick-filter.hbs +56 -0
  101. package/src/components/search-filter-modal-content.hbs +102 -0
  102. package/src/components/search-filter.hbs +121 -112
  103. package/src/components/shopping-list-with-share-list-v2.hbs +28 -10
  104. package/src/components/shopping-list.hbs +5 -5
  105. package/src/data/data_plp_load-more.json +1 -1
  106. package/src/data/data_quick-filter.json +508 -0
  107. package/src/data/my-account/data_my-account.json +9 -0
  108. package/src/elements/btn.hbs +7 -0
  109. package/src/img/google-pay-mark.svg +11 -0
  110. package/src/img/quick-filters/bath1.svg +10 -0
  111. package/src/img/quick-filters/bath3.svg +3 -0
  112. package/src/img/quick-filters/bath4.svg +10 -0
  113. package/src/img/quick-filters/bath5.svg +10 -0
  114. package/src/img/quick-filters/image1.jpg +0 -0
  115. package/src/img/quick-filters/image2.jpg +0 -0
  116. package/src/img/quick-filters/image3.jpg +0 -0
  117. package/src/js/components/cards-swap.js +74 -0
  118. package/src/js/components/general/accordion.js +44 -33
  119. package/src/js/components/general/cart-slider.js +19 -16
  120. package/src/js/components/general/create-popup-slider.js +168 -173
  121. package/src/js/components/pdp-billie-modal-scroll-reset.js +53 -0
  122. package/src/js/components/share-project-list.js +8 -5
  123. package/src/js/emulation/big-wins.js +1081 -904
  124. package/src/js/emulation/billie-modal.js +39 -18
  125. package/src/js/emulation/checkout-payment-details.js +47 -38
  126. package/src/js/emulation/custom-slider-emulation.js +17 -13
  127. package/src/js/emulation/filters-emulation.js +164 -0
  128. package/src/js/emulation/forms.js +360 -323
  129. package/src/js/emulation/mini-basket-data.js +1051 -923
  130. package/src/js/emulation/paymentLoader.js +17 -17
  131. package/src/js/emulation/pdf-file-loader.js +89 -91
  132. package/src/js/emulation/popover-mini-basket.js +246 -239
  133. package/src/js/emulation/product-counter.js +50 -0
  134. package/src/js/emulation/project-list-pdp.js +320 -316
  135. package/src/js/emulation/repayment-toggle.js +23 -24
  136. package/src/js/emulation/reset-filter-desktop.js +5 -0
  137. package/src/js/emulation/selectable.js +22 -18
  138. package/src/js/emulation/wismo-details.js +23 -31
  139. package/src/js/page/basket/basket-update-cart-action.js +59 -56
  140. package/src/js/page/basket/basket-update-cart.js +27 -27
  141. package/src/js/page/basket/basket-utils.js +40 -33
  142. package/src/js/page/basket/mini-basket-total.js +70 -66
  143. package/src/js/page/basket/quantity-change-handler.js +73 -55
  144. package/src/js/page/basket/update-quantity-operation.js +39 -30
  145. package/src/js/page/basket/update-quantity.js +62 -62
  146. package/src/js/page/basket-v2.js +360 -225
  147. package/src/js/page/billie-business-type.js +27 -27
  148. package/src/js/page/checkout-payment-details.js +301 -299
  149. package/src/js/page/components/billie-modal.js +31 -0
  150. package/src/js/page/components/discounts.js +39 -36
  151. package/src/js/page/components/mini-basket-slider.js +604 -545
  152. package/src/js/page/filters/desktop-nav.js +64 -0
  153. package/src/js/page/filters/mobile-nav.js +93 -0
  154. package/src/js/page/filters/plp-filters-chips.js +92 -0
  155. package/src/js/page/filters/plp-filters-mobile.js +150 -0
  156. package/src/js/page/filters/plp-filters-panel.js +123 -0
  157. package/src/js/page/filters/plp-filters-utils.js +66 -0
  158. package/src/js/page/filters/plp-filters.js +268 -0
  159. package/src/js/page/filters/sort-by.js +172 -0
  160. package/src/js/page/kitchen/colour-swatches.js +5 -2
  161. package/src/js/page/klarna-modal-scroll-disable.js +4 -4
  162. package/src/js/page/my-account.js +32 -47
  163. package/src/js/page/online-exclusive.js +28 -31
  164. package/src/js/page/quick-filter.js +108 -0
  165. package/src/js/page/search-filter.js +62 -0
  166. package/src/js/page/share-project-list.js +57 -0
  167. package/src/js/page/tradePro-rewards.js +69 -39
  168. package/src/js/page/utils/copy-to-clipboard.js +79 -47
  169. package/src/js/page/utils/helpers.js +14 -9
  170. package/src/js/page/utils/show-more-less.js +273 -0
  171. package/src/page_empty-shared-project-list-bicester-hub.html +4 -0
  172. package/src/page_empty-shopping-list_guest.html +1 -0
  173. package/src/page_kitchen-plp.html +2 -2
  174. package/src/page_my-account-installer.html +1 -1
  175. package/src/page_my-account-trade-pro-carousel-double.html +127 -0
  176. package/src/page_my-account-trade-pro-carousel.html +134 -0
  177. package/src/page_my-account-trade-pro.html +1 -1
  178. package/src/page_my-shopping-list-add-notes.html +1 -0
  179. package/src/page_my-shopping-list-energy.html +1 -0
  180. package/src/page_my-shopping-list-hide-download.html +3 -2
  181. package/src/page_my-shopping-list-pdf.html +2 -0
  182. package/src/page_my-shopping-list-saved-ref.html +1 -0
  183. package/src/page_my-shopping-list-wisdom-oos-registered.html +1 -0
  184. package/src/page_my-shopping-list-wisdom-oos.html +1 -0
  185. package/src/page_my-shopping-list-wisdom-partial-registered.html +1 -0
  186. package/src/page_my-shopping-list-wisdom-registered.html +1 -0
  187. package/src/page_my-shopping-list-wisdom.html +1 -0
  188. package/src/page_my-shopping-list.html +1 -0
  189. package/src/page_my-shopping-list_not-register.html +3 -0
  190. package/src/page_plp-with-paint.html +2 -7
  191. package/src/page_plp.html +2 -7
  192. package/src/page_plp_v2-energy-efficiency.html +1 -6
  193. package/src/page_plp_v2-favourite-products.html +6 -7
  194. package/src/page_plp_v2-quick-filter_colourSwatches_11.html +79 -0
  195. package/src/page_plp_v2-quick-filter_colourSwatches_5.html +79 -0
  196. package/src/page_plp_v2-quick-filter_iconAndText_5.html +79 -0
  197. package/src/page_plp_v2-quick-filter_iconAndText_9.html +79 -0
  198. package/src/page_plp_v2-quick-filter_iconOnly_11.html +79 -0
  199. package/src/page_plp_v2-quick-filter_iconOnly_5.html +79 -0
  200. package/src/page_plp_v2-quick-filter_imageAndText_5.html +79 -0
  201. package/src/page_plp_v2-quick-filter_imageAndText_9.html +79 -0
  202. package/src/page_plp_v2-quick-filter_textOnly_5.html +79 -0
  203. package/src/page_plp_v2-quick-filter_textOnly_9.html +79 -0
  204. package/src/page_plp_v2-vat.html +2 -7
  205. package/src/page_plp_v2.html +22 -9
  206. package/src/page_product-details-tile-steps-klarna-widget-with-method-ids.html +120 -0
  207. package/src/page_product_search-vat.html +2 -7
  208. package/src/page_product_search.html +2 -7
  209. package/src/page_project-list-generate-project-list-ID.html +3 -0
  210. package/src/page_project-list-vat.html +4 -0
  211. package/src/page_project-list-with-new-share-popup-android.html +16 -0
  212. package/src/page_project-list-with-new-share-popup-ios.html +16 -0
  213. package/src/page_project-list-with-new-share-popup.html +2 -1
  214. package/src/page_search-results.html +2 -7
  215. package/src/page_shared-project-list-bicester-hub.html +3 -1
  216. package/src/page_shopping-cart-v2-klarna-with-method-ids.html +50 -0
  217. package/src/page_tradepro-discount-app.html +1 -1
  218. package/src/page_tradepro-discount-double.html +109 -0
  219. package/src/page_tradepro-discount.html +36 -2
  220. package/src/partials/head.hbs +1 -0
  221. package/src/scss/common/_common.scss +10 -4
  222. package/src/scss/components/_accordion.scss +1 -3
  223. package/src/scss/components/_custom-slider.scss +17 -16
  224. package/src/scss/components/_date-selection-add-new-styles.scss +48 -7
  225. package/src/scss/components/_date-selection.scss +80 -1
  226. package/src/scss/components/{kitchen/_filter-modal.scss → _filter-modal.scss} +55 -4
  227. package/src/scss/components/{kitchen/_plp-filters.scss → _plp-filters.scss} +31 -13
  228. package/src/scss/components/_popover-mini-basket.scss +3 -3
  229. package/src/scss/components/_quick-filter.scss +288 -0
  230. package/src/scss/components/_search-filter.scss +95 -15
  231. package/src/scss/components/_shared-shopping-list.scss +22 -0
  232. package/src/scss/components/_shopping-list.scss +18 -8
  233. package/src/scss/components/_sort-by.scss +190 -0
  234. package/src/scss/components/checkout-chip.scss +2 -2
  235. package/src/scss/components/checkout-payment-details-v2.scss +10 -4
  236. package/src/scss/components/checkout-payment-repayment-terms.scss +1 -1
  237. package/src/scss/components/kitchen/_price-tooltip.scss +1 -1
  238. package/src/scss/components/kitchen/_price.scss +1 -1
  239. package/src/scss/components/my-account/_barcode.scss +9 -1
  240. package/src/scss/components/my-account/_cards-swap.scss +60 -0
  241. package/src/scss/components/my-account/_clipboard-code.scss +11 -3
  242. package/src/scss/components/my-account/_discount.scss +12 -2
  243. package/src/scss/globals/_global-components.scss +3 -0
  244. package/src/scss/helpers/_colors-semantic.scss +68 -68
  245. package/src/scss/helpers/_variables.scss +244 -196
  246. package/src/scss/kitchen-plp-main.scss +0 -4
  247. package/src/scss/main.scss +65 -65
  248. package/src/scss/pages/_checkout-confirmation-new.scss +49 -21
  249. package/src/scss/pages/my-account-v2.scss +42 -5
  250. package/src/scss/pages/page_discount.scss +8 -4
  251. package/src/scss/pages/page_product-details-v2.scss +1 -4
  252. package/src/scss/pages/page_product_search.scss +9 -1
  253. package/src/scss/pages/page_products-list-combined.scss +28 -24
  254. package/src/scss/pages/page_products-list.scss +8 -0
  255. package/src/scss/pages/tradePro-rewards.scss +3 -4
  256. package/src/scss/plp-main.scss +1 -0
  257. package/src/sitemap.html +40 -4
  258. package/build/img/google-pay-mark.png +0 -0
  259. package/build/js/page/accordion.js +0 -35
  260. package/build/js/page/kitchen/plp-filters-chips.js +0 -90
  261. package/build/js/page/kitchen/plp-filters-mobile.js +0 -72
  262. package/build/js/page/kitchen/plp-filters-panel.js +0 -119
  263. package/build/js/page/kitchen/plp-filters-utils.js +0 -65
  264. package/build/js/page/kitchen/plp-filters.js +0 -205
  265. package/build/js/page/kitchen/sort-by.js +0 -157
  266. package/src/img/google-pay-mark.png +0 -0
  267. package/src/js/components/general/search-filter.js +0 -21
  268. package/src/js/page/accordion.js +0 -35
  269. package/src/js/page/kitchen/plp-filters-chips.js +0 -90
  270. package/src/js/page/kitchen/plp-filters-mobile.js +0 -72
  271. package/src/js/page/kitchen/plp-filters-panel.js +0 -119
  272. package/src/js/page/kitchen/plp-filters-utils.js +0 -65
  273. package/src/js/page/kitchen/plp-filters.js +0 -205
  274. 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