@sc-360-v2/storefront-cms-library 0.2.58 → 0.2.59

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.
package/dist/menu.scss CHANGED
@@ -3,33 +3,17 @@
3
3
 
4
4
  [data-div-type="element"] {
5
5
  &[data-element-type="menu"] {
6
- // width: var(--_lt-wh);
7
- // height: var(--_lt-ht);
8
- // margin: var(--_lt-mn);
9
- // padding: var(--_lt-pg);
10
- // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
- // width: 50%;
12
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
- // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
14
- width: var(--_ctm-lt-wh);
6
+ width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
15
7
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
16
- // height: clamp(var(--_ctm-lt-ht, 50px), 100px, auto) !important;
17
- // height: var(--_ctm-lt-ht);
18
- // height: ;
19
- // height: auto;
20
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
8
+ aspect-ratio: 1 / var(--_sf-aspect-ratio);
21
9
  --_aspect-ratio: calc(
22
10
  1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
23
11
  );
24
12
 
25
- // &[data-element-sub-child="true"] {
26
- // // width: max(var(--_sf-nw-wh, var(--_tst-lt-wh)));
27
- // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
28
- // }
29
-
13
+ background-color: green !important;
30
14
  & > .wrapper {
31
- // width: 100%;
32
- // height: 100%;
15
+ width: 100%;
16
+ height: 100%;
33
17
  }
34
18
  &[data-show-shadow="false"] {
35
19
  --_show-shadow: none;
@@ -42,7 +26,7 @@
42
26
  align-items: center;
43
27
 
44
28
  width: 100%;
45
- // height: 100%;
29
+ height: 100%;
46
30
  border-color: var(--_ctm-dn-mu-cr-br-cr, var(--_tst-dn-br-cr));
47
31
  border-style: var(--_ctm-dn-mu-cr-br-se, var(--_tst-dn-br-se));
48
32
  border-width: var(--_ctm-dn-mu-cr-br-wh, var(--_tst-dn-br-wh));
@@ -35,15 +35,15 @@
35
35
  &[data-show-border="false"] {
36
36
  --_show-border: none;
37
37
  }
38
+ // .text-element {
39
+ // background: #6d96e4;
40
+ // // padding: 10px;
41
+ // font-weight: 600;
42
+ // color: rgba(75, 69, 70, 1);
43
+ // }
38
44
  .text-element {
39
- background: #6d96e4;
40
- padding: 10px;
41
- font-weight: 600;
42
- color: rgba(75, 69, 70, 1);
43
45
  cursor: pointer;
44
46
  word-break: break-all;
45
- }
46
- .text-element {
47
47
  background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
48
48
  padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
49
49
  display: flex;
@@ -111,12 +111,12 @@
111
111
  &[data-show-border="false"] {
112
112
  --_show-border: none;
113
113
  }
114
- .text-element {
115
- background: #6d96e4;
116
- padding: 10px;
117
- font-weight: 600;
118
- color: rgba(75, 69, 70, 1);
119
- }
114
+ // .text-element {
115
+ // background: #6d96e4;
116
+ // // padding: 10px;
117
+ // font-weight: 600;
118
+ // color: rgba(75, 69, 70, 1);
119
+ // }
120
120
  .text-element {
121
121
  background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
122
122
  padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
@@ -184,12 +184,12 @@
184
184
  &[data-show-border="false"] {
185
185
  --_show-border: none;
186
186
  }
187
- .text-element {
188
- background: #6d96e4;
189
- padding: 10px;
190
- font-weight: 600;
191
- color: rgba(75, 69, 70, 1);
192
- }
187
+ // .text-element {
188
+ // background: #6d96e4;
189
+ // // padding: 10px;
190
+ // font-weight: 600;
191
+ // color: rgba(75, 69, 70, 1);
192
+ // }
193
193
  .text-element {
194
194
  background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
195
195
  padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
@@ -258,12 +258,12 @@
258
258
  &[data-show-border="false"] {
259
259
  --_show-border: none;
260
260
  }
261
- .text-element {
262
- background: #6d96e4;
263
- padding: 10px;
264
- font-weight: 600;
265
- color: rgba(75, 69, 70, 1);
266
- }
261
+ // .text-element {
262
+ // background: #6d96e4;
263
+ // // padding: 10px;
264
+ // font-weight: 600;
265
+ // color: rgba(75, 69, 70, 1);
266
+ // }
267
267
  .text-element {
268
268
  background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
269
269
  padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
@@ -331,12 +331,12 @@
331
331
  &[data-show-border="false"] {
332
332
  --_show-border: none;
333
333
  }
334
- .text-element {
335
- background: #6d96e4;
336
- padding: 10px;
337
- font-weight: 600;
338
- color: rgba(75, 69, 70, 1);
339
- }
334
+ // .text-element {
335
+ // background: #6d96e4;
336
+ // // padding: 10px;
337
+ // font-weight: 600;
338
+ // color: rgba(75, 69, 70, 1);
339
+ // }
340
340
  .text-element {
341
341
  background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
342
342
  padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
@@ -401,12 +401,12 @@
401
401
  &[data-show-border="false"] {
402
402
  --_show-border: none;
403
403
  }
404
- .text-element {
405
- background: #6d96e4;
406
- padding: 10px;
407
- font-weight: 600;
408
- color: rgba(75, 69, 70, 1);
409
- }
404
+ // .text-element {
405
+ // background: #6d96e4;
406
+ // // padding: 10px;
407
+ // font-weight: 600;
408
+ // color: rgba(75, 69, 70, 1);
409
+ // }
410
410
  .text-element {
411
411
  background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
412
412
  padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
@@ -9,8 +9,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
9
9
  width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-subc-ele-nw-wh-vl, var(--_sf-nw-wh))));
10
10
  // width: calc(1% * var(--_ctm-subc-ele-nw-wh-vl, auto));
11
11
  // width: 100%;
12
- // height: var(--_ctm-subc-lt-ht) !important;
13
- height: auto;
12
+ height: var(--_ctm-subc-lt-ht) !important;
13
+ // height: auto;
14
14
  margin: var(--_ctm-subc-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn));
15
15
 
16
16
  background-color: var(--_ctm-subc-dn-bd-cr, var(--_tst-dn-bd-cr));
@@ -26,4 +26,5 @@ export interface CMSPriceInterface extends Omit<CMSElementInterface, "attributes
26
26
  };
27
27
  styles: PriceStyleProperties;
28
28
  content: string;
29
+ previewImage?: string;
29
30
  }
@@ -25,4 +25,5 @@ export interface CMSTextInterface extends Omit<CMSElementInterface, "attributes"
25
25
  };
26
26
  styles: TextStyleProperties;
27
27
  content: string;
28
+ previewImage?: string;
28
29
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.2.58",
3
+ "version": "0.2.59",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {