@sc-360-v2/storefront-cms-library 0.3.70 → 0.3.72
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/cart-details.scss +16 -12
- package/dist/cart-products-sidebar.scss +6 -6
- package/dist/cart-summary.scss +4 -2
- package/dist/cartAttributes.scss +8 -5
- package/dist/emtpy-templates.scss +21 -17
- package/dist/login.scss +16 -10
- package/dist/types/builder/enums/index.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/cartDetails.d.ts +35 -5
- package/package.json +1 -1
package/dist/cart-details.scss
CHANGED
|
@@ -155,10 +155,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
155
155
|
// font-weight: var(--_ctm-dn-ct-an-ss-ft-wt);
|
|
156
156
|
// line-height: var(--_ctm-dn-ct-an-ss-lh);
|
|
157
157
|
// font-family: var(--_ctm-dn-ct-an-ss-ft-fy);
|
|
158
|
-
color: var(
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
);
|
|
158
|
+
// color: var(
|
|
159
|
+
// --_ctm-mob-dn-ct-an-ss-cr,
|
|
160
|
+
// var(--_ctm-tab-dn-ct-an-ss-cr, var(--_ctm-dn-ct-an-ss-cr))
|
|
161
|
+
// );
|
|
162
|
+
|
|
163
|
+
color: var(--_thm-cs-tt-ls-as);
|
|
162
164
|
|
|
163
165
|
font-size: var(
|
|
164
166
|
--_ctm-mob-dn-ct-an-ss-ft-se,
|
|
@@ -722,10 +724,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
722
724
|
align-items: center;
|
|
723
725
|
gap: 4px;
|
|
724
726
|
white-space: nowrap;
|
|
725
|
-
color: var(
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
);
|
|
727
|
+
// color: var(
|
|
728
|
+
// --_ctm-mob-dn-pt-as-ss-cr,
|
|
729
|
+
// var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
|
|
730
|
+
// );
|
|
731
|
+
color: var(--_thm-cs-tt-ls-as);
|
|
729
732
|
font-family: var(
|
|
730
733
|
--_sf-hr-ff,
|
|
731
734
|
var(
|
|
@@ -771,10 +774,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
771
774
|
transition: all 400ms linear;
|
|
772
775
|
svg {
|
|
773
776
|
path {
|
|
774
|
-
stroke: var(
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
);
|
|
777
|
+
// stroke: var(
|
|
778
|
+
// --_ctm-mob-dn-pt-as-ss-cr,
|
|
779
|
+
// var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
|
|
780
|
+
// );
|
|
781
|
+
stroke: var(--_thm-cs-tt-ls-as);
|
|
778
782
|
}
|
|
779
783
|
width: 18px;
|
|
780
784
|
height: 18px;
|
|
@@ -28,7 +28,7 @@ $shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
|
|
|
28
28
|
width: 125px;
|
|
29
29
|
max-width: 100%;
|
|
30
30
|
height: 100vh;
|
|
31
|
-
background:
|
|
31
|
+
background: var(--_base-white);
|
|
32
32
|
box-shadow: $shadow;
|
|
33
33
|
z-index: 1001;
|
|
34
34
|
display: flex;
|
|
@@ -162,7 +162,7 @@ $shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
|
|
|
162
162
|
}
|
|
163
163
|
.item_action_btn {
|
|
164
164
|
padding: 8px;
|
|
165
|
-
color:
|
|
165
|
+
color: #243dc6;
|
|
166
166
|
// margin-top: 4px;
|
|
167
167
|
border-radius: 4px;
|
|
168
168
|
font-size: 14px;
|
|
@@ -171,7 +171,7 @@ $shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
|
|
|
171
171
|
|
|
172
172
|
&:hover {
|
|
173
173
|
background-color: var(--_primary-50);
|
|
174
|
-
color:
|
|
174
|
+
color: #243dc6;
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
177
|
}
|
|
@@ -207,7 +207,7 @@ $shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
|
|
|
207
207
|
|
|
208
208
|
&:hover {
|
|
209
209
|
// background: darken($primary-color, 5%);
|
|
210
|
-
background: color-mix(in srgb, #
|
|
210
|
+
background: color-mix(in srgb, #243dc6 95%, transparent 5%);
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
213
|
}
|
|
@@ -233,7 +233,7 @@ $shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
|
|
|
233
233
|
|
|
234
234
|
.view_cart_btn {
|
|
235
235
|
padding: 10px 15px;
|
|
236
|
-
background-color:
|
|
236
|
+
background-color: #243dc6;
|
|
237
237
|
color: var(--_base-white);
|
|
238
238
|
border: none;
|
|
239
239
|
border-radius: 4px;
|
|
@@ -241,7 +241,7 @@ $shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
|
|
|
241
241
|
margin-bottom: 12px;
|
|
242
242
|
|
|
243
243
|
&:hover {
|
|
244
|
-
background-color:
|
|
244
|
+
background-color: #2237ac;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
247
|
}
|
package/dist/cart-summary.scss
CHANGED
|
@@ -2321,7 +2321,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
2321
2321
|
}
|
|
2322
2322
|
|
|
2323
2323
|
.cart_summary_secondary_btn_wrapper {
|
|
2324
|
-
color: var(--_ctm-mob-dn-tx-et-cr, var(--_ctm-tab-dn-tx-et-cr, var(--_ctm-dn-tx-et-cr)));
|
|
2324
|
+
// color: var(--_ctm-mob-dn-tx-et-cr, var(--_ctm-tab-dn-tx-et-cr, var(--_ctm-dn-tx-et-cr)));
|
|
2325
|
+
color: var(--_thm-cs-tt-ls-as);
|
|
2325
2326
|
font-family: var(
|
|
2326
2327
|
--_ctm-mob-dn-tx-et-ft-fy,
|
|
2327
2328
|
var(--_ctm-tab-dn-tx-et-ft-fy, var(--_ctm-dn-tx-et-ft-fy))
|
|
@@ -2390,7 +2391,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
2390
2391
|
--_ctm-mob-dn-cn-ce-ft-fy,
|
|
2391
2392
|
var(--_ctm-tab-dn-cn-ce-ft-fy, var(--_ctm-dn-cn-ce-ft-fy))
|
|
2392
2393
|
);
|
|
2393
|
-
color: var(--_ctm-mob-dn-cn-ce-cr, var(--_ctm-tab-dn-cn-ce-cr, var(--_ctm-dn-cn-ce-cr)));
|
|
2394
|
+
// color: var(--_ctm-mob-dn-cn-ce-cr, var(--_ctm-tab-dn-cn-ce-cr, var(--_ctm-dn-cn-ce-cr)));
|
|
2395
|
+
color: var(--_thm-cs-tt-ls-as);
|
|
2394
2396
|
font-weight: var(
|
|
2395
2397
|
--_ctm-mob-dn-cn-ce-ft-wt,
|
|
2396
2398
|
var(--_ctm-tab-dn-cn-ce-ft-wt, var(--_ctm-dn-cn-ce-ft-wt))
|
package/dist/cartAttributes.scss
CHANGED
|
@@ -502,10 +502,11 @@
|
|
|
502
502
|
--_ctm-mob-dn-as-cr-us-ft-fy,
|
|
503
503
|
var(--_ctm-tab-dn-as-cr-us-ft-fy, var(--_ctm-dn-as-cr-us-ft-fy))
|
|
504
504
|
);
|
|
505
|
-
color: var(
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
);
|
|
505
|
+
// color: var(
|
|
506
|
+
// --_ctm-mob-dn-as-cr-us-cr,
|
|
507
|
+
// var(--_ctm-tab-dn-as-cr-us-cr, var(--_ctm-dn-as-cr-us-cr))
|
|
508
|
+
// );
|
|
509
|
+
color: var(--_thm-cs-tt-ls-as);
|
|
509
510
|
font-weight: var(
|
|
510
511
|
--_ctm-mob-dn-as-cr-us-ft-wt,
|
|
511
512
|
var(--_ctm-tab-dn-as-cr-us-ft-wt, var(--_ctm-dn-as-cr-us-ft-wt))
|
|
@@ -681,7 +682,9 @@
|
|
|
681
682
|
}
|
|
682
683
|
}
|
|
683
684
|
.input_toggle_switch_text {
|
|
684
|
-
gap:
|
|
685
|
+
gap: 4px;
|
|
686
|
+
display: flex;
|
|
687
|
+
flex-direction: column;
|
|
685
688
|
.checkbox_title {
|
|
686
689
|
font-family: var(
|
|
687
690
|
--_ctm-mob-dn-as-cr-as-bs-ft-fy,
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
.empty_cart_wrapper {
|
|
23
23
|
display: flex;
|
|
24
24
|
flex-direction: column;
|
|
25
|
-
align-items: center;
|
|
26
|
-
justify-content:
|
|
25
|
+
// align-items: center;
|
|
26
|
+
justify-content: start;
|
|
27
27
|
width: 100%;
|
|
28
28
|
gap: 6px;
|
|
29
29
|
margin-top: 24px;
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
.empty_msg_title {
|
|
36
36
|
font-family: "Lato";
|
|
37
37
|
font-weight: 700;
|
|
38
|
-
font-size:
|
|
38
|
+
font-size: 16px;
|
|
39
39
|
color: var(--_gray-900);
|
|
40
40
|
line-height: 32px;
|
|
41
41
|
// margin-top: 24px;
|
|
@@ -47,16 +47,31 @@
|
|
|
47
47
|
line-height: 20px;
|
|
48
48
|
color: var(--_gray-900);
|
|
49
49
|
}
|
|
50
|
-
.
|
|
51
|
-
display: flex;
|
|
50
|
+
.empty_cart_actions {
|
|
52
51
|
gap: 12px;
|
|
53
52
|
margin-top: 24px;
|
|
53
|
+
.empty_cart_template_actions {
|
|
54
|
+
display: flex;
|
|
55
|
+
gap: 24px;
|
|
56
|
+
margin-top: 24px;
|
|
57
|
+
.primary_btn {
|
|
58
|
+
// padding: 12px 24px;
|
|
59
|
+
// border-radius: 6px;
|
|
60
|
+
// background-color: var(--_base-white);
|
|
61
|
+
color: var(--_primary-400);
|
|
62
|
+
font-weight: 500;
|
|
63
|
+
font-size: 16px;
|
|
64
|
+
&:hover {
|
|
65
|
+
text-decoration: underline;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
54
69
|
.empty_crt_btn {
|
|
55
70
|
padding: 12px 24px;
|
|
56
71
|
border-radius: 6px;
|
|
57
72
|
background-color: var(--_primary-400);
|
|
58
73
|
font-weight: 600px;
|
|
59
|
-
display: flex;
|
|
74
|
+
display: inline-flex;
|
|
60
75
|
align-items: center;
|
|
61
76
|
gap: 8px;
|
|
62
77
|
&:hover {
|
|
@@ -70,17 +85,6 @@
|
|
|
70
85
|
stroke: var(--_base-white);
|
|
71
86
|
}
|
|
72
87
|
}
|
|
73
|
-
.empty_wl_btn {
|
|
74
|
-
padding: 12px 24px;
|
|
75
|
-
border-radius: 6px;
|
|
76
|
-
background-color: var(--_base-white);
|
|
77
|
-
color: var(--_primary-400);
|
|
78
|
-
font-weight: 500;
|
|
79
|
-
font-size: 16px;
|
|
80
|
-
&:hover {
|
|
81
|
-
background-color: var(--_gray-50);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
88
|
}
|
|
85
89
|
}
|
|
86
90
|
|
package/dist/login.scss
CHANGED
|
@@ -190,15 +190,16 @@
|
|
|
190
190
|
|
|
191
191
|
// Title Styles
|
|
192
192
|
.title {
|
|
193
|
+
font-weight: 600;
|
|
193
194
|
// text-align: center;
|
|
194
195
|
// color: var(--_gray-900);
|
|
195
|
-
color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
|
|
196
|
+
// color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
|
|
196
197
|
font-size: 24px;
|
|
197
|
-
margin
|
|
198
|
+
margin: 8px 0px 4px 0px;
|
|
198
199
|
}
|
|
199
200
|
.desc {
|
|
200
201
|
font-size: 14px;
|
|
201
|
-
color: var(--_gray-500);
|
|
202
|
+
// color: var(--_gray-500);
|
|
202
203
|
}
|
|
203
204
|
.sso_verify {
|
|
204
205
|
border: 1px solid red;
|
|
@@ -217,6 +218,8 @@
|
|
|
217
218
|
align-items: center;
|
|
218
219
|
gap: 4px;
|
|
219
220
|
margin-bottom: 4px;
|
|
221
|
+
font-size: 16px;
|
|
222
|
+
font-weight: 500;
|
|
220
223
|
}
|
|
221
224
|
.input__field {
|
|
222
225
|
position: relative;
|
|
@@ -271,6 +274,9 @@
|
|
|
271
274
|
0px 0px 0px 2px var(--_primary-100) !important;
|
|
272
275
|
border: 1px solid var(--_primary-300) !important;
|
|
273
276
|
}
|
|
277
|
+
::placeholder {
|
|
278
|
+
color: var(--_thm-ty-h2-tt-cr);
|
|
279
|
+
}
|
|
274
280
|
}
|
|
275
281
|
|
|
276
282
|
// Invalid Input Field
|
|
@@ -300,13 +306,13 @@
|
|
|
300
306
|
.submitButton {
|
|
301
307
|
width: 100%;
|
|
302
308
|
padding: 12px;
|
|
303
|
-
background-color: var(--_primary-500);
|
|
304
|
-
color: #fff;
|
|
309
|
+
// background-color: var(--_primary-500);
|
|
310
|
+
// color: #fff;
|
|
305
311
|
// color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
|
|
306
312
|
border-radius: 6px;
|
|
307
313
|
border: none;
|
|
308
314
|
cursor: pointer;
|
|
309
|
-
margin-top: 16px;
|
|
315
|
+
// margin-top: 16px;
|
|
310
316
|
display: flex;
|
|
311
317
|
align-items: center;
|
|
312
318
|
justify-content: center;
|
|
@@ -357,11 +363,11 @@
|
|
|
357
363
|
font-weight: 600;
|
|
358
364
|
margin-top: 20px;
|
|
359
365
|
width: 100%;
|
|
360
|
-
color: var(--
|
|
366
|
+
color: var(--_thm-cs-tt-ls-as);
|
|
361
367
|
svg {
|
|
362
368
|
display: flex;
|
|
363
369
|
path {
|
|
364
|
-
stroke: var(--
|
|
370
|
+
stroke: var(--_thm-cs-tt-ls-as);
|
|
365
371
|
}
|
|
366
372
|
}
|
|
367
373
|
}
|
|
@@ -431,7 +437,7 @@
|
|
|
431
437
|
.forgotPasswordButton {
|
|
432
438
|
background: none;
|
|
433
439
|
border: none;
|
|
434
|
-
color: var(--
|
|
440
|
+
color: var(--_thm-cs-tt-ls-as);
|
|
435
441
|
|
|
436
442
|
font-weight: 600;
|
|
437
443
|
cursor: pointer;
|
|
@@ -440,7 +446,7 @@
|
|
|
440
446
|
border-radius: 6px;
|
|
441
447
|
&:hover {
|
|
442
448
|
background-color: var(--_primary-25);
|
|
443
|
-
color: var(--
|
|
449
|
+
color: var(--_thm-cs-tt-ls-as);
|
|
444
450
|
}
|
|
445
451
|
}
|
|
446
452
|
|
|
@@ -84,6 +84,41 @@ export declare const getDefaultData: () => {
|
|
|
84
84
|
property: string;
|
|
85
85
|
propertyType: CMSElementEditTypes;
|
|
86
86
|
};
|
|
87
|
+
addFromWishlistLinkTo: {
|
|
88
|
+
value: string;
|
|
89
|
+
property: string;
|
|
90
|
+
propertyType: CMSElementEditTypes;
|
|
91
|
+
};
|
|
92
|
+
showAddToWishlist: {
|
|
93
|
+
value: boolean;
|
|
94
|
+
property: string;
|
|
95
|
+
propertyType: CMSElementEditTypes;
|
|
96
|
+
};
|
|
97
|
+
addToWishlistLinkTo: {
|
|
98
|
+
value: string;
|
|
99
|
+
property: string;
|
|
100
|
+
propertyType: CMSElementEditTypes;
|
|
101
|
+
};
|
|
102
|
+
showSaveAsNewWishlist: {
|
|
103
|
+
value: boolean;
|
|
104
|
+
property: string;
|
|
105
|
+
propertyType: CMSElementEditTypes;
|
|
106
|
+
};
|
|
107
|
+
saveAsNewWishlistLinkTo: {
|
|
108
|
+
value: string;
|
|
109
|
+
property: string;
|
|
110
|
+
propertyType: CMSElementEditTypes;
|
|
111
|
+
};
|
|
112
|
+
showSaveAsNewTemplate: {
|
|
113
|
+
value: boolean;
|
|
114
|
+
property: string;
|
|
115
|
+
propertyType: CMSElementEditTypes;
|
|
116
|
+
};
|
|
117
|
+
saveAsNewTemplateLinkTo: {
|
|
118
|
+
value: string;
|
|
119
|
+
property: string;
|
|
120
|
+
propertyType: CMSElementEditTypes;
|
|
121
|
+
};
|
|
87
122
|
showCartGrouping: {
|
|
88
123
|
value: boolean;
|
|
89
124
|
property: string;
|
|
@@ -657,11 +692,6 @@ export declare const getDefaultData: () => {
|
|
|
657
692
|
property: string;
|
|
658
693
|
propertyType: CMSElementEditTypes;
|
|
659
694
|
};
|
|
660
|
-
showMoveToWishlist: {
|
|
661
|
-
value: boolean;
|
|
662
|
-
property: string;
|
|
663
|
-
propertyType: CMSElementEditTypes;
|
|
664
|
-
};
|
|
665
695
|
showRemove: {
|
|
666
696
|
value: boolean;
|
|
667
697
|
property: string;
|