@sc-360-v2/storefront-cms-library 0.4.26 → 0.4.27

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 (45) hide show
  1. package/dist/add-order.scss +8 -8
  2. package/dist/add-products-tab.scss +50 -0
  3. package/dist/allocationDetails.scss +2 -2
  4. package/dist/allocations.scss +6 -6
  5. package/dist/builder.js +1 -1
  6. package/dist/bundleDetails copy.scss +1431 -0
  7. package/dist/bundleDetails.scss +3054 -107
  8. package/dist/button.scss +5 -2
  9. package/dist/buy-for-tab-container.scss +2 -1
  10. package/dist/buy-for-tab.scss +32 -21
  11. package/dist/buyForHeaders.scss +4543 -4081
  12. package/dist/buyForPopup.scss +140 -116
  13. package/dist/cart-details.scss +1 -1
  14. package/dist/cart-products-sidebar.scss +18 -56
  15. package/dist/cart-summary.scss +12 -11
  16. package/dist/dropdownTemplate.scss +5 -0
  17. package/dist/functions.js +1 -1
  18. package/dist/functions.scss +4 -0
  19. package/dist/icons.js +1 -1
  20. package/dist/index.js +1 -1
  21. package/dist/language-selector.scss +4 -1
  22. package/dist/modal.scss +37 -27
  23. package/dist/multi-select-dropdown.scss +53 -41
  24. package/dist/option-bar.scss +2 -2
  25. package/dist/order-status.scss +18 -14
  26. package/dist/product-actions.scss +27 -27
  27. package/dist/product-price.scss +1910 -1437
  28. package/dist/product-sizechart.scss +5 -2
  29. package/dist/quantity-selector.scss +6 -6
  30. package/dist/quick-order-pad.scss +106 -42
  31. package/dist/repeater-embla-controls.scss +4 -2
  32. package/dist/repeater.scss +3 -3
  33. package/dist/search.scss +11 -1
  34. package/dist/section.scss +9 -9
  35. package/dist/shipping-payments.scss +5 -0
  36. package/dist/types/builder/elements/common.d.ts +1 -0
  37. package/dist/types/builder/elements/light-box-v2/index.d.ts +1 -0
  38. package/dist/types/builder/elements/section/index.d.ts +1 -0
  39. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +5 -0
  40. package/dist/types/builder/tools/element-edit/language-menu.d.ts +1 -0
  41. package/dist/types/builder/tools/element-edit/productPrice.d.ts +2 -1
  42. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +2 -0
  43. package/dist/types/website/constants/data-connector-souces.d.ts +13 -6
  44. package/dist/website.js +1 -1
  45. package/package.json +1 -1
@@ -234,13 +234,13 @@
234
234
  }
235
235
  }
236
236
  }
237
- &[data-show-border="true"] {
238
- border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-dt-se-br-cr));
237
+ // &[data-show-border="true"] {
238
+ // border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-dt-se-br-cr));
239
239
 
240
- border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-dn-dt-se-br-se));
240
+ // border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-dn-dt-se-br-se));
241
241
 
242
- border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-dn-dt-se-br-wh));
243
- }
242
+ // border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-dn-dt-se-br-wh));
243
+ // }
244
244
 
245
245
  .txt {
246
246
  display: flex;
@@ -278,7 +278,7 @@
278
278
 
279
279
  &:hover .icon--hover {
280
280
  // opacity: 1;
281
- display: inline;
281
+ display: flex;
282
282
  }
283
283
 
284
284
  &:hover .icon--default {
@@ -296,7 +296,7 @@
296
296
 
297
297
  &:hover .icon--hover {
298
298
  // opacity: 1;
299
- display: inline;
299
+ display: flex;
300
300
  }
301
301
 
302
302
  &:hover .icon--default {
@@ -314,7 +314,7 @@
314
314
 
315
315
  &:hover .icon--hover {
316
316
  // opacity: 1;
317
- display: inline;
317
+ display: flex;
318
318
  }
319
319
 
320
320
  &:hover .icon--default {
@@ -7,6 +7,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
7
7
  // $defaultValues: (
8
8
  // --_dm-flt: getListOfResponsive(flex-end, flex-start),
9
9
  // );
10
+ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
11
+ display: flow-root !important;
12
+ }
10
13
  [data-div-type="element"] {
11
14
  &[data-element-type="addProductsTab"] {
12
15
  // width: var(
@@ -23,6 +26,53 @@ $resizeActive: '[data-cms-element-resizer="true"]';
23
26
  & > div {
24
27
  &.wrapper {
25
28
  width: 100%;
29
+ &:has(.buyfor_content_loader) {
30
+ display: flex;
31
+ justify-content: center;
32
+ align-items: center;
33
+ width: 100%;
34
+ height: calc(100vh - 270px);
35
+ }
36
+ }
37
+ }
38
+
39
+ .buyfor_content_loader {
40
+ display: flex;
41
+ flex-direction: column;
42
+ align-items: center;
43
+ .spinner_sm {
44
+ border: 4px solid var(--_gray-200);
45
+ border-top: 4px solid var(--_thm-cs-at-py);
46
+ border-radius: 50%;
47
+ width: 50px;
48
+ height: 50px;
49
+ animation: spin 1s linear infinite;
50
+ margin-bottom: 20px;
51
+ }
52
+
53
+ @keyframes spin {
54
+ 0% {
55
+ transform: rotate(0deg);
56
+ }
57
+ 100% {
58
+ transform: rotate(360deg);
59
+ }
60
+ }
61
+
62
+ .loading-text {
63
+ font-size: 1.2rem;
64
+ letter-spacing: 2px;
65
+ animation: fade 1.5s infinite;
66
+ }
67
+
68
+ @keyframes fade {
69
+ 0%,
70
+ 100% {
71
+ opacity: 0.3;
72
+ }
73
+ 50% {
74
+ opacity: 1;
75
+ }
26
76
  }
27
77
  }
28
78
 
@@ -1541,8 +1541,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1541
1541
  var(--_ctm-tab-dn-ps-sr-pe-tb-hr-se-in-c1, var(--_ctm-dn-ps-sr-pe-tb-hr-se-in-c1))
1542
1542
  );
1543
1543
  --_sf-hr-ue: var(
1544
- --_ctm-mob-dn-ps-sr-pe-tb-hr-ue,
1545
- var(--_ctm-tab-dn-ps-sr-pe-tb-hr-ue, var(--_ctm-dn-ps-sr-pe-tb-hr-ue))
1544
+ --_ctm-mob-dn-ps-sr-pe-tb-hr-se-ue,
1545
+ var(--_ctm-tab-dn-ps-sr-pe-tb-hr-se-ue, var(--_ctm-dn-ps-sr-pe-tb-hr-se-ue))
1546
1546
  );
1547
1547
 
1548
1548
  // for pading and width
@@ -227,8 +227,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
227
227
  var(--_ctm-tab-dn-rm-bn-hr-se-in-c1, var(--_ctm-dn-rm-bn-hr-se-in-c1))
228
228
  );
229
229
  --_sf-hr-ue: var(
230
- --_ctm-mob-dn-rm-bn-hr-ue,
231
- var(--_ctm-tab-dn-rm-bn-hr-ue, var(--_ctm-dn-rm-bn-hr-ue))
230
+ --_ctm-mob-dn-rm-bn-hr-se-ue,
231
+ var(--_ctm-tab-dn-rm-bn-hr-se-ue, var(--_ctm-dn-rm-bn-hr-se-ue))
232
232
  );
233
233
 
234
234
  // for pading and width
@@ -323,7 +323,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
323
323
 
324
324
  &:hover .icon--hover {
325
325
  // opacity: 1;
326
- display: inline;
326
+ display: flex;
327
327
  }
328
328
 
329
329
  &:hover .icon--default {
@@ -441,8 +441,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
441
441
  var(--_ctm-tab-dn-ld-me-bn-hr-se-in-c1, var(--_ctm-dn-ld-me-bn-hr-se-in-c1))
442
442
  );
443
443
  --_sf-hr-ue: var(
444
- --_ctm-mob-dn-ld-me-bn-hr-ue,
445
- var(--_ctm-tab-dn-ld-me-bn-hr-ue, var(--_ctm-dn-ld-me-bn-hr-ue))
444
+ --_ctm-mob-dn-ld-me-bn-hr-se-ue,
445
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-ue, var(--_ctm-dn-ld-me-bn-hr-se-ue))
446
446
  );
447
447
 
448
448
  // for pading and width
@@ -540,7 +540,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
540
540
 
541
541
  &:hover .icon--hover {
542
542
  // opacity: 1;
543
- display: inline;
543
+ display: flex;
544
544
  }
545
545
 
546
546
  &:hover .icon--default {