@sc-360-v2/storefront-cms-library 0.3.5 → 0.3.6
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/builder.js +1 -1
- package/dist/builder.js.LICENSE.txt +1 -1
- package/dist/button copy.scss +2 -1
- package/dist/checkout.scss +141 -16
- package/dist/filter-results.scss +324 -0
- package/dist/filters.scss +1324 -31
- package/dist/functions.js +1 -1
- package/dist/icon-list.scss +11 -11
- package/dist/index.js +1 -1
- package/dist/layouter-pro-item.scss +6 -0
- package/dist/layouter-pro.scss +30 -2
- package/dist/menu-v2.scss +5 -2
- package/dist/past-orders.scss +770 -26
- package/dist/product-actions.scss +254 -393
- package/dist/product-basic-elements.scss +12 -12
- package/dist/product-options.scss +72 -46
- package/dist/quotes.scss +1 -0
- package/dist/repeater.scss +5 -2
- package/dist/text-temp-v2.scss +2 -2
- package/dist/types/builder/elements/product-sizechart/index.d.ts +26 -0
- package/dist/types/builder/elements/user-elements/index.d.ts +30 -0
- package/dist/types/builder/enums/index.d.ts +4 -1
- package/dist/types/builder/index.d.ts +3 -1
- package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
- package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts +14 -1
- package/dist/types/builder/tools/element-edit/layouterPro.d.ts +9 -2
- package/dist/types/builder/tools/element-edit/pastOrders.d.ts +61 -1
- package/dist/types/builder/tools/element-edit/productActions.d.ts +6 -1
- package/dist/types/builder/tools/element-edit/productSizeChart.d.ts +24 -0
- package/dist/types/builder/tools/element-edit/userElements.d.ts +555 -0
- package/dist/types/global/types.d.ts +2 -1
- package/dist/user-elements.scss +1375 -0
- package/dist/variant-picker.scss +127 -84
- package/dist/widget.scss +2 -0
- package/package.json +1 -1
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
// width: 100%;
|
|
14
14
|
// background: var(--_ctm-repe-dn-bd-cr);
|
|
15
|
+
width: prepareMediaVariable(--_ctm-layout-lt-wh);
|
|
15
16
|
|
|
16
17
|
& > div {
|
|
17
18
|
&.wrapper {
|
|
@@ -32,6 +33,11 @@
|
|
|
32
33
|
border-style: prepareMediaVariable(--_ctm-layout-dn-br-se);
|
|
33
34
|
border-width: prepareMediaVariable(--_ctm-layout-dn-br-wh);
|
|
34
35
|
}
|
|
36
|
+
|
|
37
|
+
display: var(--_d-flex) !important;
|
|
38
|
+
flex-direction: column;
|
|
39
|
+
gap: prepareMediaVariable(--_ctm-layout-lt-im-gp);
|
|
40
|
+
align-items: prepareMediaVariable(--_ctm-layout-lt-jy-ct);
|
|
35
41
|
}
|
|
36
42
|
}
|
|
37
43
|
}
|
package/dist/layouter-pro.scss
CHANGED
|
@@ -4,6 +4,10 @@
|
|
|
4
4
|
$childItemSelector: '[data-element-type="layouter-pro-item"]';
|
|
5
5
|
$flex: "flx";
|
|
6
6
|
$grid: "grd";
|
|
7
|
+
$flexRow: "rw";
|
|
8
|
+
$flexRowReverse: "rw-rv";
|
|
9
|
+
$flexColumn: "cln";
|
|
10
|
+
$flexColumnReverse: "cln-rv";
|
|
7
11
|
[data-div-type="element"] {
|
|
8
12
|
&[data-element-type="layouter-pro"] {
|
|
9
13
|
// width: var(--_sf-con-nw-wh);
|
|
@@ -31,15 +35,39 @@ $grid: "grd";
|
|
|
31
35
|
&.wrapper {
|
|
32
36
|
width: 100%;
|
|
33
37
|
min-height: prepareMediaVariable(--_ctm-layou-lt-mn-ht);
|
|
34
|
-
gap: prepareMediaVariable(--_ctm-layou-lt-
|
|
38
|
+
column-gap: prepareMediaVariable(--_ctm-layou-lt-cn-gp);
|
|
39
|
+
row-gap: prepareMediaVariable(--_ctm-layou-lt-rw-gp);
|
|
35
40
|
|
|
36
41
|
&:is(.#{$flex} > *) {
|
|
37
42
|
display: var(--_d-flex) !important;
|
|
43
|
+
flex-wrap: prepareMediaVariable(--_ctm-layou-lt-fx-wp);
|
|
44
|
+
overflow: prepareMediaVariable(--_ctm-layou-lt-fx-ow);
|
|
45
|
+
|
|
46
|
+
&.#{$flexRow} {
|
|
47
|
+
flex-direction: row;
|
|
48
|
+
align-items: prepareMediaVariable(--_ctm-layou-lt-an-is);
|
|
49
|
+
justify-content: prepareMediaVariable(--_ctm-layou-lt-jy-ct);
|
|
50
|
+
}
|
|
51
|
+
&.#{$flexRowReverse} {
|
|
52
|
+
flex-direction: row-reverse;
|
|
53
|
+
align-items: prepareMediaVariable(--_ctm-layou-lt-an-is);
|
|
54
|
+
justify-content: prepareMediaVariable(--_ctm-layou-lt-jy-ct);
|
|
55
|
+
}
|
|
56
|
+
&.#{$flexColumn} {
|
|
57
|
+
flex-direction: column;
|
|
58
|
+
justify-content: prepareMediaVariable(--_ctm-layou-lt-an-is);
|
|
59
|
+
align-items: prepareMediaVariable(--_ctm-layou-lt-jy-ct);
|
|
60
|
+
}
|
|
61
|
+
&.#{$flexColumnReverse} {
|
|
62
|
+
flex-direction: column-reverse;
|
|
63
|
+
justify-content: prepareMediaVariable(--_ctm-layou-lt-an-is);
|
|
64
|
+
align-items: prepareMediaVariable(--_ctm-layou-lt-jy-ct);
|
|
65
|
+
}
|
|
38
66
|
}
|
|
39
67
|
|
|
40
68
|
& > div {
|
|
41
69
|
&#{$childItemSelector} {
|
|
42
|
-
width: 100%;
|
|
70
|
+
// width: 100%;
|
|
43
71
|
}
|
|
44
72
|
}
|
|
45
73
|
// grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
|
package/dist/menu-v2.scss
CHANGED
|
@@ -248,7 +248,8 @@ $defaultValues: (
|
|
|
248
248
|
gap: prepareMediaVariable(--_ctm-dn-mu-im-se-dt-se-in-gp);
|
|
249
249
|
& > span {
|
|
250
250
|
display: var(--_d-flex);
|
|
251
|
-
font-family:
|
|
251
|
+
font-family:
|
|
252
|
+
var(
|
|
252
253
|
--_sf-it-at-ff,
|
|
253
254
|
var(--_sf-it-hr-ff, #{prepareMediaVariable(--_ctm-dn-mu-im-se-dt-se-ft-fy)})
|
|
254
255
|
),
|
|
@@ -322,6 +323,7 @@ $defaultValues: (
|
|
|
322
323
|
width: calc(100% + #{prepareMediaVariable(--_ctm-dn-sb-mu-cr-cr-wh)});
|
|
323
324
|
top: calc(100% + #{prepareMediaVariable(--_ctm-dn-sb-mu-cr-cr-ot-y)});
|
|
324
325
|
transform: translateX(-50%);
|
|
326
|
+
z-index: 2;
|
|
325
327
|
}
|
|
326
328
|
&:is(#{$vtl} *) {
|
|
327
329
|
width: 100%;
|
|
@@ -555,7 +557,8 @@ $defaultValues: (
|
|
|
555
557
|
display: var(--_d-flex);
|
|
556
558
|
|
|
557
559
|
&#{$subMenuItemText} {
|
|
558
|
-
font-family:
|
|
560
|
+
font-family:
|
|
561
|
+
var(
|
|
559
562
|
--_sf-it-at-ff,
|
|
560
563
|
var(
|
|
561
564
|
--_sf-it-hr-ff,
|