@sc-360-v2/storefront-cms-library 0.1.90 → 0.1.92

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 (66) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/bulk-variant-picker.scss +24 -0
  3. package/dist/cart.scss +18 -0
  4. package/dist/container.scss +11 -1
  5. package/dist/gallery-slider-temp.scss +12 -1
  6. package/dist/global.scss +4 -0
  7. package/dist/icons.js +1 -1
  8. package/dist/index.js +1 -1
  9. package/dist/lightbox.scss +62 -0
  10. package/dist/modal.module.scss +121 -0
  11. package/dist/payment-methods.scss +7 -27
  12. package/dist/product-actions.scss +125 -141
  13. package/dist/product-basic-elements.scss +98 -37
  14. package/dist/product-price.scss +369 -1
  15. package/dist/product.scss +182 -0
  16. package/dist/profile.scss +18 -0
  17. package/dist/quantity-selector.scss +1 -1
  18. package/dist/section.scss +30 -0
  19. package/dist/stack.scss +72 -0
  20. package/dist/text-editor.scss +3 -0
  21. package/dist/types/builder/elements/cart/index.d.ts +26 -0
  22. package/dist/types/builder/elements/common.d.ts +1 -1
  23. package/dist/types/builder/elements/container/index.d.ts +1 -0
  24. package/dist/types/builder/elements/gallery-slider/index.d.ts +2 -2
  25. package/dist/types/builder/elements/lightbox/index.d.ts +43 -0
  26. package/dist/types/builder/elements/product/index.d.ts +30 -0
  27. package/dist/types/builder/elements/profile/index.d.ts +26 -0
  28. package/dist/types/builder/elements/repeater/index.d.ts +61 -0
  29. package/dist/types/builder/enums/index.d.ts +68 -3
  30. package/dist/types/builder/index.d.ts +33 -28
  31. package/dist/types/builder/tools/element-edit/amountEstimator.d.ts +105 -2
  32. package/dist/types/builder/tools/element-edit/bulkVariantPicker.d.ts +2 -1
  33. package/dist/types/builder/tools/element-edit/button.d.ts +3 -1
  34. package/dist/types/builder/tools/element-edit/cart.d.ts +50 -0
  35. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  36. package/dist/types/builder/tools/element-edit/container.d.ts +2 -1
  37. package/dist/types/builder/tools/element-edit/gallery-slider.d.ts +9 -0
  38. package/dist/types/builder/tools/element-edit/image.d.ts +2 -1
  39. package/dist/types/builder/tools/element-edit/index.d.ts +33 -27
  40. package/dist/types/builder/tools/element-edit/lightbox.d.ts +21 -0
  41. package/dist/types/builder/tools/element-edit/menu.d.ts +53 -0
  42. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +5 -2
  43. package/dist/types/builder/tools/element-edit/pickupLocations.d.ts +65 -1
  44. package/dist/types/builder/tools/element-edit/product-image.d.ts +10 -0
  45. package/dist/types/builder/tools/element-edit/product.d.ts +17 -0
  46. package/dist/types/builder/tools/element-edit/productActions.d.ts +7 -2
  47. package/dist/types/builder/tools/element-edit/productHighlights.d.ts +2 -1
  48. package/dist/types/builder/tools/element-edit/productInventory.d.ts +96 -2
  49. package/dist/types/builder/tools/element-edit/productPrice.d.ts +46 -1
  50. package/dist/types/builder/tools/element-edit/productPromotions.d.ts +115 -2
  51. package/dist/types/builder/tools/element-edit/profile.d.ts +60 -0
  52. package/dist/types/builder/tools/element-edit/quantitySelector.d.ts +2 -1
  53. package/dist/types/builder/tools/element-edit/repeater.d.ts +38 -0
  54. package/dist/types/builder/tools/element-edit/repeaterItem.d.ts +9 -0
  55. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +2 -1
  56. package/dist/types/builder/tools/element-edit/stack.d.ts +2 -1
  57. package/dist/types/builder/tools/element-edit/storeLocations.d.ts +63 -1
  58. package/dist/types/builder/tools/element-edit/text.d.ts +2 -1
  59. package/dist/types/builder/tools/element-edit/uomSelector.d.ts +123 -4
  60. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +149 -2
  61. package/dist/types/builder/tools/element-edit/volumePricing.d.ts +2 -1
  62. package/dist/types/global/types.d.ts +1 -0
  63. package/dist/variant-picker.scss +24 -0
  64. package/dist/volume-pricing.scss +3 -2
  65. package/package.json +1 -1
  66. package/dist/types/builder/tools/element-edit/buttonv2.d.ts +0 -26
@@ -24,5 +24,29 @@
24
24
  &[data-show-shadow="false"] {
25
25
  --_show-shadow: none;
26
26
  }
27
+ .options-container {
28
+ .option-group {
29
+ margin: 10px 0;
30
+ .option-values {
31
+ width: 100%;
32
+ height: 30px;
33
+ display: flex;
34
+ align-items: center;
35
+ gap: 1rem;
36
+ .option-figure {
37
+ width: 30px;
38
+ .option-image {
39
+ width: 100%;
40
+ border-radius: 1rem;
41
+ }
42
+ }
43
+ .option-button {
44
+ padding: 0.6rem 1rem;
45
+ border: 1px solid lightblue;
46
+ border-radius: 10px;
47
+ }
48
+ }
49
+ }
50
+ }
27
51
  }
28
52
  }
package/dist/cart.scss ADDED
@@ -0,0 +1,18 @@
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ [data-div-type="element"] {
5
+ &[data-element-type="cart"] {
6
+ width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
7
+ margin: var(--_ctm-lt-mn, --_tst-lt-mn);
8
+ aspect-ratio: 1 / var(--_sf-aspect-ratio);
9
+
10
+ & > .wrapper {
11
+ width: 100%;
12
+ height: 100%;
13
+ }
14
+ &[data-show-shadow="false"] {
15
+ --_show-shadow: none;
16
+ }
17
+ }
18
+ }
@@ -2,7 +2,9 @@
2
2
  @use "sass:list";
3
3
  [data-div-type="element"] {
4
4
  &[data-element-type="container"] {
5
- width: var(--_sf-con-nw-wh);
5
+ // width: var(--_sf-con-nw-wh);
6
+ // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
7
+ width: calc(1% * var(--_ctm-con-ele-nw-wh-vl, auto));
6
8
  // width: 100%;
7
9
  // height: var(--_ctm-con-lt-ht);
8
10
  margin: var(--_ctm-con-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn));
@@ -13,5 +15,13 @@
13
15
  width: 100%;
14
16
  }
15
17
  }
18
+
19
+ &[data-view-state="full"] {
20
+ width: auto;
21
+ margin: 0;
22
+ justify-self: stretch !important;
23
+ align-self: stretch !important;
24
+ cursor: auto;
25
+ }
16
26
  }
17
27
  }
@@ -5,16 +5,27 @@
5
5
  &[data-element-type="gallerySlider"] {
6
6
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
7
7
  width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
8
+ height: var(--_ctm-lt-ht);
8
9
  // height: var(--_ctm-lt-ht);
9
10
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
10
11
 
11
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
12
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
12
13
  --_aspect-ratio: calc(
13
14
  1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
14
15
  );
15
16
 
17
+ &[data-view-state="full"] {
18
+ width: auto;
19
+ // height: 100%;
20
+ margin: 0;
21
+ justify-self: stretch !important;
22
+ align-self: stretch !important;
23
+ cursor: auto;
24
+ }
25
+
16
26
  & > .wrapper {
17
27
  width: 100%;
28
+ height: 100%;
18
29
  }
19
30
  &[data-show-shadow="false"] {
20
31
  --_show-shadow: none;
package/dist/global.scss CHANGED
@@ -340,3 +340,7 @@ div {
340
340
  }
341
341
  }
342
342
  }
343
+
344
+ // .issue-active {
345
+ // outline: 38px solid #8aff30 !important;
346
+ // }