@sc-360-v2/storefront-cms-library 0.4.27 → 0.4.28
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/add-order.scss +6 -4
- package/dist/add-products-tab.scss +129 -105
- package/dist/builder.js +1 -1
- package/dist/buyForHeaders.scss +10 -10
- package/dist/buyForPopup.scss +56 -43
- package/dist/cart-summary.scss +2 -1
- package/dist/coupon.scss +85 -0
- package/dist/embroider-template-1-v2.scss +597 -0
- package/dist/embroider-template-1.scss +14 -5
- package/dist/embroidery.scss +25 -2
- package/dist/filters.scss +50 -15
- package/dist/layouter-pro.scss +8 -0
- package/dist/product-image.scss +14 -4
- package/dist/product-options.scss +1 -0
- package/dist/profile.scss +3 -3
- package/dist/stack.scss +13 -3
- package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +481 -0
- package/dist/types/builder/tools/element-edit/filters.d.ts +5 -0
- package/dist/variant-picker.scss +1 -0
- package/package.json +1 -1
package/dist/filters.scss
CHANGED
|
@@ -87,7 +87,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
87
87
|
--_ctm-mob-dn-fs-wt-br-rs,
|
|
88
88
|
var(--_ctm-tab-dn-fs-wt-br-rs, var(--_ctm-dn-fs-wt-br-rs))
|
|
89
89
|
);
|
|
90
|
-
@mixin flex($justifyItems: flex-start, $alignItems:
|
|
90
|
+
@mixin flex($justifyItems: flex-start, $alignItems: center) {
|
|
91
91
|
display: var(--_d-flex);
|
|
92
92
|
justify-content: $justifyItems;
|
|
93
93
|
align-items: $alignItems;
|
|
@@ -108,6 +108,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
108
108
|
&.divider_filter {
|
|
109
109
|
border-bottom: 1px solid var(--_gray-300);
|
|
110
110
|
}
|
|
111
|
+
&:last-child {
|
|
112
|
+
border-bottom: none !important;
|
|
113
|
+
}
|
|
111
114
|
.filter__Header {
|
|
112
115
|
display: flex;
|
|
113
116
|
justify-content: space-between;
|
|
@@ -314,7 +317,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
314
317
|
.selected_item {
|
|
315
318
|
display: flex;
|
|
316
319
|
gap: 8px;
|
|
317
|
-
border: 1px solid var(--
|
|
320
|
+
border: 1px solid var(--_thm-cs-be-se-3);
|
|
318
321
|
border-radius: 30px;
|
|
319
322
|
padding: 6px 12px;
|
|
320
323
|
align-items: center;
|
|
@@ -650,13 +653,45 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
650
653
|
height: 16px;
|
|
651
654
|
}
|
|
652
655
|
}
|
|
656
|
+
.rotate_0 {
|
|
657
|
+
transform: rotate(0);
|
|
658
|
+
}
|
|
659
|
+
.rotate_180 {
|
|
660
|
+
transform: rotate(180deg);
|
|
661
|
+
}
|
|
653
662
|
}
|
|
654
663
|
.filter__search {
|
|
655
664
|
display: flex;
|
|
656
665
|
align-items: center;
|
|
657
|
-
padding: 6px 10px;
|
|
658
|
-
|
|
659
|
-
|
|
666
|
+
// padding: 6px 10px;
|
|
667
|
+
padding: var(
|
|
668
|
+
--_sf-hr-sd-im-pg,
|
|
669
|
+
var(--_ctm-mob-dn-sh-br-pg, var(--_ctm-tab-dn-sh-br-pg, var(--_ctm-dn-sh-br-pg)))
|
|
670
|
+
);
|
|
671
|
+
// border: 1px solid var(--_gray-300);
|
|
672
|
+
border-color: var(
|
|
673
|
+
--_sf-hr-br-cr,
|
|
674
|
+
var(
|
|
675
|
+
--_ctm-mob-dn-sh-br-br-cr,
|
|
676
|
+
var(--_ctm-tab-dn-sh-br-br-cr, var(--_ctm-dn-sh-br-br-cr))
|
|
677
|
+
)
|
|
678
|
+
);
|
|
679
|
+
border-style: var(
|
|
680
|
+
--_sf-hr-br-st,
|
|
681
|
+
var(
|
|
682
|
+
--_ctm-mob-dn-sh-br-br-se,
|
|
683
|
+
var(--_ctm-tab-dn-sh-br-br-se, var(--_ctm-dn-sh-br-br-se))
|
|
684
|
+
)
|
|
685
|
+
);
|
|
686
|
+
border-width: var(
|
|
687
|
+
--_sf-hr-br-wh,
|
|
688
|
+
var(
|
|
689
|
+
--_ctm-mob-dn-sh-br-br-wh,
|
|
690
|
+
var(--_ctm-tab-dn-sh-br-br-wh, var(--_ctm-dn-sh-br-br-wh))
|
|
691
|
+
)
|
|
692
|
+
);
|
|
693
|
+
// border-radius: 6px;
|
|
694
|
+
border-radius: prepareMediaVariable(--_ctm-dn-sh-br-br-rs);
|
|
660
695
|
width: 100%;
|
|
661
696
|
|
|
662
697
|
button {
|
|
@@ -667,13 +702,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
667
702
|
}
|
|
668
703
|
}
|
|
669
704
|
input[type="text"] {
|
|
670
|
-
padding-
|
|
705
|
+
padding-left: 6px;
|
|
671
706
|
}
|
|
672
707
|
}
|
|
673
708
|
}
|
|
674
709
|
|
|
675
710
|
ul {
|
|
676
|
-
margin-top:
|
|
711
|
+
margin-top: 10px;
|
|
677
712
|
&:not(:last-child) {
|
|
678
713
|
border-bottom: 1px solid var(--_gray-300);
|
|
679
714
|
}
|
|
@@ -712,14 +747,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
712
747
|
height: 16px;
|
|
713
748
|
border-radius: 50%;
|
|
714
749
|
object-fit: cover;
|
|
715
|
-
border: 1px solid var(--
|
|
750
|
+
border: 1px solid var(--_thm-cs-be-se-3);
|
|
716
751
|
}
|
|
717
752
|
|
|
718
753
|
.color-circle {
|
|
719
754
|
width: 16px;
|
|
720
755
|
height: 16px;
|
|
721
756
|
border-radius: 50%;
|
|
722
|
-
border: 1px solid var(--
|
|
757
|
+
border: 1px solid var(--_thm-cs-be-se-3);
|
|
723
758
|
}
|
|
724
759
|
|
|
725
760
|
a {
|
|
@@ -1066,7 +1101,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1066
1101
|
.selected_item {
|
|
1067
1102
|
display: flex;
|
|
1068
1103
|
gap: 8px;
|
|
1069
|
-
border: 1px solid var(--
|
|
1104
|
+
border: 1px solid var(--_thm-cs-be-se-3);
|
|
1070
1105
|
border-radius: 30px;
|
|
1071
1106
|
padding: 6px 12px;
|
|
1072
1107
|
align-items: center;
|
|
@@ -1273,14 +1308,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1273
1308
|
width: 15px;
|
|
1274
1309
|
height: 15px;
|
|
1275
1310
|
border-radius: 50%;
|
|
1276
|
-
border: 1px solid var(--
|
|
1311
|
+
border: 1px solid var(--_thm-cs-be-se-3);
|
|
1277
1312
|
object-fit: "cover";
|
|
1278
1313
|
display: "block";
|
|
1279
1314
|
}
|
|
1280
1315
|
.color {
|
|
1281
1316
|
width: 15px;
|
|
1282
1317
|
height: 15px;
|
|
1283
|
-
border: 1px solid var(--
|
|
1318
|
+
border: 1px solid var(--_thm-cs-be-se-3);
|
|
1284
1319
|
border-radius: 50%;
|
|
1285
1320
|
}
|
|
1286
1321
|
|
|
@@ -2162,7 +2197,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
2162
2197
|
input[type="number"] {
|
|
2163
2198
|
width: 90px;
|
|
2164
2199
|
padding: 10px;
|
|
2165
|
-
border: 1px solid
|
|
2200
|
+
border: 1px solid var(--_thm-cs-be-se-3);
|
|
2166
2201
|
border-radius: 5px;
|
|
2167
2202
|
text-align: center;
|
|
2168
2203
|
}
|
|
@@ -2174,7 +2209,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
2174
2209
|
font-size: 12px;
|
|
2175
2210
|
color: #555;
|
|
2176
2211
|
// background-color: #fff;
|
|
2177
|
-
border: 1px solid
|
|
2212
|
+
border: 1px solid var(--_thm-cs-be-se-3);
|
|
2178
2213
|
border-radius: 5px;
|
|
2179
2214
|
white-space: nowrap;
|
|
2180
2215
|
padding-inline: 15px;
|
|
@@ -2252,7 +2287,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
2252
2287
|
.price-range-max-input {
|
|
2253
2288
|
width: 100%;
|
|
2254
2289
|
padding: 8px;
|
|
2255
|
-
border: 1px solid
|
|
2290
|
+
border: 1px solid var(--_thm-cs-be-se-3);
|
|
2256
2291
|
border-radius: 4px;
|
|
2257
2292
|
text-align: center;
|
|
2258
2293
|
font-size: 14px;
|
package/dist/layouter-pro.scss
CHANGED
|
@@ -33,6 +33,14 @@ $flexColumnReverse: "cln-rv";
|
|
|
33
33
|
border-width: prepareMediaVariable(--_ctm-layou-dn-br-wh);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
&[data-show-boxshadow="true"] {
|
|
37
|
+
box-shadow: var(
|
|
38
|
+
--_hide-grid-shadow,
|
|
39
|
+
prepareMediaVariable(--_ctm-layou-dn-sw-ae) prepareMediaVariable(--_ctm-layou-dn-sw-br)
|
|
40
|
+
prepareMediaVariable(--_ctm-layou-dn-sw-sd) prepareMediaVariable(--_ctm-layou-dn-sw-cr)
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
|
|
36
44
|
& > div {
|
|
37
45
|
&.wrapper {
|
|
38
46
|
width: 100%;
|
package/dist/product-image.scss
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "sass:list";
|
|
3
|
+
@use "./functions.scss";
|
|
4
|
+
|
|
3
5
|
[data-div-type="element"] {
|
|
4
6
|
&[data-element-type="productImage"] {
|
|
5
7
|
// width: var(--_sf-nw-wh, var(--_tst-lt-wh));
|
|
@@ -301,7 +303,8 @@
|
|
|
301
303
|
var(--_ctm-tab-dn-gy-wt-se-cr, var(--_ctm-dn-gy-wt-se-cr))
|
|
302
304
|
);
|
|
303
305
|
|
|
304
|
-
font-family:
|
|
306
|
+
font-family:
|
|
307
|
+
var(
|
|
305
308
|
--_ctm-mob-dn-gy-wt-se-ft-fy,
|
|
306
309
|
var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
|
|
307
310
|
),
|
|
@@ -349,7 +352,8 @@
|
|
|
349
352
|
var(--_ctm-tab-dn-gy-wt-se-cr-dc, var(--_ctm-dn-gy-wt-se-cr-dc))
|
|
350
353
|
);
|
|
351
354
|
|
|
352
|
-
font-family:
|
|
355
|
+
font-family:
|
|
356
|
+
var(
|
|
353
357
|
--_ctm-mob-dn-gy-wt-se-ft-fy-dc,
|
|
354
358
|
var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
|
|
355
359
|
),
|
|
@@ -1127,7 +1131,8 @@
|
|
|
1127
1131
|
|
|
1128
1132
|
& h3 {
|
|
1129
1133
|
color: var(--_ctm-mob-dn-im-se-cr, var(--_ctm-tab-dn-im-se-cr, var(--_ctm-dn-im-se-cr)));
|
|
1130
|
-
font-family:
|
|
1134
|
+
font-family:
|
|
1135
|
+
var(
|
|
1131
1136
|
--_ctm-mob-dn-im-se-ft-fy,
|
|
1132
1137
|
var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
|
|
1133
1138
|
),
|
|
@@ -1167,7 +1172,8 @@
|
|
|
1167
1172
|
--_ctm-mob-dn-im-se-cr-dc,
|
|
1168
1173
|
var(--_ctm-tab-dn-im-se-cr-dc, var(--_ctm-dn-im-se-cr-dc))
|
|
1169
1174
|
);
|
|
1170
|
-
font-family:
|
|
1175
|
+
font-family:
|
|
1176
|
+
var(
|
|
1171
1177
|
--_ctm-mob-dn-im-se-ft-fy-dc,
|
|
1172
1178
|
var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
|
|
1173
1179
|
),
|
|
@@ -1312,6 +1318,10 @@
|
|
|
1312
1318
|
img {
|
|
1313
1319
|
width: 100%;
|
|
1314
1320
|
height: 100%;
|
|
1321
|
+
border-radius: var(
|
|
1322
|
+
--_ctm-mob-dn-im-se-br-rs,
|
|
1323
|
+
var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
|
|
1324
|
+
);
|
|
1315
1325
|
// object-fit: cover;
|
|
1316
1326
|
|
|
1317
1327
|
// object-fit: var(--_ctm-dn-im-se-ot-ft, var(--_tst-dn-im-se-ot-ft));
|
package/dist/profile.scss
CHANGED
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
.collapse__icon {
|
|
87
87
|
width: prepareMediaVariable(--_ctm-dn-ce-in-in-se);
|
|
88
88
|
height: prepareMediaVariable(--_ctm-dn-ce-in-in-se);
|
|
89
|
-
|
|
89
|
+
transition: rotate 0.4s ease-in-out;
|
|
90
90
|
svg {
|
|
91
91
|
width: prepareMediaVariable(--_ctm-dn-ce-in-in-se);
|
|
92
92
|
height: prepareMediaVariable(--_ctm-dn-ce-in-in-se);
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
.expand__icon {
|
|
104
104
|
width: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
|
|
105
105
|
height: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
|
|
106
|
-
|
|
106
|
+
transition: rotate 0.4s ease-in-out;
|
|
107
107
|
svg {
|
|
108
108
|
width: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
|
|
109
109
|
height: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
border-radius: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-rs);
|
|
305
305
|
// padding: 8px 0;
|
|
306
306
|
padding: prepareMediaVariable(--_ctm-dn-dn-is-cr-pg);
|
|
307
|
-
z-index:
|
|
307
|
+
z-index: 100000;
|
|
308
308
|
overflow: hidden;
|
|
309
309
|
&[data-show-items-container-border="true"] {
|
|
310
310
|
border-color: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-cr);
|
package/dist/stack.scss
CHANGED
|
@@ -44,9 +44,19 @@ body {
|
|
|
44
44
|
background-repeat: prepareMediaVariable(--_ctm-sta-dn-bd-rt);
|
|
45
45
|
background-size: prepareMediaVariable(--_ctm-sta-dn-bd-se);
|
|
46
46
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
&[data-show-border="true"] {
|
|
48
|
+
border-color: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-cr));
|
|
49
|
+
border-style: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-se));
|
|
50
|
+
border-width: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-wh));
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&[data-show-boxshadow="true"] {
|
|
54
|
+
box-shadow: var(
|
|
55
|
+
--_hide-grid-shadow,
|
|
56
|
+
prepareMediaVariable(--_ctm-sta-dn-sw-ae) prepareMediaVariable(--_ctm-sta-dn-sw-br)
|
|
57
|
+
prepareMediaVariable(--_ctm-sta-dn-sw-sd) prepareMediaVariable(--_ctm-sta-dn-sw-cr)
|
|
58
|
+
);
|
|
59
|
+
}
|
|
50
60
|
border-radius: prepareMediaVariable(--_ctm-sta-dn-br-rs);
|
|
51
61
|
grid-template-columns: 100%;
|
|
52
62
|
|