@sc-360-v2/storefront-cms-library 0.1.98 → 0.2.0

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 (52) hide show
  1. package/dist/brand-basic-elements.scss +214 -0
  2. package/dist/brand.scss +43 -0
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-variant-picker.scss +1 -1
  5. package/dist/bundle-basic-elements.scss +421 -0
  6. package/dist/bundle.scss +42 -0
  7. package/dist/button.scss +189 -47
  8. package/dist/category.scss +42 -0
  9. package/dist/categoryWidget.scss +29 -0
  10. package/dist/container.scss +24 -3
  11. package/dist/editor-core.scss +88 -10
  12. package/dist/faq.scss +301 -78
  13. package/dist/gallery-slider-temp.scss +520 -432
  14. package/dist/grid.scss +27 -10
  15. package/dist/hotspot.scss +6 -10
  16. package/dist/htmlElement.js +1 -1
  17. package/dist/icons.js +1 -1
  18. package/dist/image-temp.scss +18 -8
  19. package/dist/index.js +1 -1
  20. package/dist/map.scss +5 -12
  21. package/dist/product-basic-elements.scss +7 -3
  22. package/dist/product-highlights.scss +4 -9
  23. package/dist/product-image.scss +4 -1
  24. package/dist/productDetails.scss +2 -1
  25. package/dist/repeater-embla-controls.scss +202 -0
  26. package/dist/repeater-item.scss +3 -1
  27. package/dist/repeater.scss +106 -9
  28. package/dist/section.scss +39 -17
  29. package/dist/stack.scss +53 -11
  30. package/dist/sub-category.scss +43 -0
  31. package/dist/tabs.scss +135 -0
  32. package/dist/text-temp.scss +1 -1
  33. package/dist/types/builder/elements/brand/index.d.ts +30 -0
  34. package/dist/types/builder/elements/brand-image/index.d.ts +30 -0
  35. package/dist/types/builder/elements/bundle/index.d.ts +30 -0
  36. package/dist/types/builder/elements/tab/index.d.ts +25 -8
  37. package/dist/types/builder/enums/index.d.ts +56 -3
  38. package/dist/types/builder/index.d.ts +4 -1
  39. package/dist/types/builder/interfaces/global.d.ts +11 -0
  40. package/dist/types/builder/tools/element-edit/brand.d.ts +17 -0
  41. package/dist/types/builder/tools/element-edit/brandImage.d.ts +27 -0
  42. package/dist/types/builder/tools/element-edit/bundle.d.ts +17 -0
  43. package/dist/types/builder/tools/element-edit/category.d.ts +17 -0
  44. package/dist/types/builder/tools/element-edit/filters.d.ts +46 -0
  45. package/dist/types/builder/tools/element-edit/imageHotspot.d.ts +1 -1
  46. package/dist/types/builder/tools/element-edit/index.d.ts +7 -1
  47. package/dist/types/builder/tools/element-edit/repeater.d.ts +22 -2
  48. package/dist/types/builder/tools/element-edit/subCategory.d.ts +17 -0
  49. package/dist/types/builder/tools/element-edit/tabs.d.ts +259 -36
  50. package/dist/types/global/types.d.ts +1 -0
  51. package/dist/variant-picker.scss +3 -2
  52. package/package.json +1 -1
package/dist/image-temp.scss CHANGED
@@ -2,12 +2,14 @@
2
2
  @use "sass:list";
3
3
 
4
4
  [data-div-type="element"] {
5
- &[data-element-type="image"] {
5
+ &[data-element-type="image"],
6
+ &[data-element-type="brandImage"],
7
+ &[data-element-type="categoryImage"] {
6
8
  // width: var(--_lt-wh);
7
9
  // height: var(--_lt-ht);
8
10
  // margin: var(--_lt-mn);
9
11
  // padding: var(--_lt-pg);
10
- // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
12
+ // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));s
11
13
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
12
14
  width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
13
15
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
@@ -17,6 +19,7 @@
17
19
  --_aspect-ratio: calc(
18
20
  1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
21
  );
22
+
20
23
  &[data-cms-element-resizer="true"] {
21
24
  // height: var(--_ctm-lt-ht);
22
25
  width: auto;
@@ -34,7 +37,12 @@
34
37
  &[data-show-shadow="false"] {
35
38
  --_show-shadow: none;
36
39
  }
37
-
40
+ .text-element {
41
+ background: #6d96e4;
42
+ padding: 10px;
43
+ font-weight: 600;
44
+ color: rgba(75, 69, 70, 1);
45
+ }
38
46
  .image-element {
39
47
  background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
40
48
  padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
@@ -49,11 +57,13 @@
49
57
  border-style: var(--_ctm-dn-br-se, var(--_tst-dn-br-se));
50
58
  border-width: var(--_ctm-dn-br-wh, var(--_tst-dn-br-wh));
51
59
  border-radius: var(--_ctm-dn-br-rs, var(--_tst-dn-br-rs));
52
- box-shadow: var(
53
- --_show-shadow,
54
- var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br))
55
- var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr))
56
- );
60
+ &[data-show-shadow] {
61
+ box-shadow: var(
62
+ --_show-shadow,
63
+ var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br))
64
+ var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr))
65
+ );
66
+ }
57
67
 
58
68
  // transform: scale(var(--_ctm-dn-zm-ie));
59
69
  scale: var(--_ctm-dn-zm-ie);