@sc-360-v2/storefront-cms-library 0.3.65 → 0.3.67
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-products-tab copy.scss +5 -0
- package/dist/add-products-tab.scss +5 -0
- package/dist/builder.js +1 -1
- package/dist/cart-details.scss +74 -11
- package/dist/checkbox-radio.scss +3 -0
- package/dist/checkout.scss +2 -0
- package/dist/emtpy-templates.scss +0 -1
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/modal.scss +198 -199
- package/dist/product-actions.scss +4 -0
- package/dist/profile.scss +31 -26
- package/dist/skeleton.scss +33 -0
- package/dist/submit-quote.scss +1 -2
- package/dist/types/website/constants/data-connectors.d.ts +1 -1
- package/dist/website.js +1 -1
- package/dist/widget.scss +3 -0
- package/package.json +1 -1
package/dist/modal.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
//modalv1
|
|
2
2
|
// Variables
|
|
3
|
-
$modal_background_color: white;
|
|
3
|
+
$modal_background_color: var(--_base-white);
|
|
4
4
|
$backdrop_color: rgba(0, 0, 0, 0.2);
|
|
5
5
|
$box_shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
6
6
|
$modal_width: 618px;
|
|
@@ -133,245 +133,244 @@ $active_btn_text_color: #fff;
|
|
|
133
133
|
bottom: 0;
|
|
134
134
|
width: 100%;
|
|
135
135
|
margin-top: 24px;
|
|
136
|
+
}
|
|
137
|
+
.modal-footer-wrapper {
|
|
138
|
+
display: flex;
|
|
139
|
+
width: 100%;
|
|
140
|
+
gap: 12px;
|
|
136
141
|
|
|
137
|
-
.
|
|
138
|
-
|
|
142
|
+
.wishlist_button_wrapper {
|
|
143
|
+
position: relative;
|
|
139
144
|
width: 100%;
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
.wishlist_btn_wrapper {
|
|
143
|
-
position: relative;
|
|
145
|
+
.wishlist_btn {
|
|
144
146
|
width: 100%;
|
|
145
|
-
|
|
146
|
-
|
|
147
|
+
display: flex;
|
|
148
|
+
justify-content: center;
|
|
149
|
+
align-items: center;
|
|
150
|
+
color: var(--_primary-400);
|
|
151
|
+
height: 100%;
|
|
152
|
+
&:hover {
|
|
153
|
+
text-decoration: underline;
|
|
154
|
+
color: var(--_primary-500);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
.wishlist_list_overlay {
|
|
158
|
+
position: absolute;
|
|
159
|
+
z-index: 10;
|
|
160
|
+
top: 44px;
|
|
161
|
+
left: 41px;
|
|
162
|
+
min-height: 80px;
|
|
163
|
+
max-height: 190px;
|
|
164
|
+
width: 250px;
|
|
165
|
+
overflow-y: auto;
|
|
166
|
+
border-radius: 4px;
|
|
167
|
+
background-color: var(--_base-white);
|
|
168
|
+
box-shadow: 0px 0px 4px rgb(0, 0, 0, 0.1);
|
|
169
|
+
border: 1px solid var(--_gray-200);
|
|
170
|
+
|
|
171
|
+
.empty_message {
|
|
172
|
+
height: 200px;
|
|
147
173
|
display: flex;
|
|
148
174
|
justify-content: center;
|
|
149
175
|
align-items: center;
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
176
|
+
padding: 24px;
|
|
177
|
+
font-size: 16px;
|
|
178
|
+
font-weight: 500;
|
|
179
|
+
text-align: center;
|
|
180
|
+
.dots {
|
|
181
|
+
display: inline-flex;
|
|
182
|
+
width: 20px; /* fixed space so text doesn’t shift */
|
|
183
|
+
justify-content: space-between;
|
|
184
|
+
align-items: flex-end;
|
|
185
|
+
margin-left: 6px;
|
|
186
|
+
margin-bottom: -9px;
|
|
155
187
|
}
|
|
156
|
-
}
|
|
157
|
-
.wishlist_overlay {
|
|
158
|
-
position: absolute;
|
|
159
|
-
z-index: 10;
|
|
160
|
-
top: 44px;
|
|
161
|
-
left: 41px;
|
|
162
|
-
min-height: 80px;
|
|
163
|
-
max-height: 190px;
|
|
164
|
-
width: 250px;
|
|
165
|
-
overflow-y: auto;
|
|
166
|
-
border-radius: 4px;
|
|
167
|
-
background-color: var(--_base-white);
|
|
168
|
-
box-shadow: 0px 0px 4px rgb(0, 0, 0, 0.1);
|
|
169
|
-
border: 1px solid var(--_gray-200);
|
|
170
188
|
|
|
171
|
-
.
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
text-align: center;
|
|
180
|
-
.dots {
|
|
181
|
-
display: inline-flex;
|
|
182
|
-
width: 20px; /* fixed space so text doesn’t shift */
|
|
183
|
-
justify-content: space-between;
|
|
184
|
-
align-items: flex-end;
|
|
185
|
-
margin-left: 6px;
|
|
186
|
-
margin-bottom: -9px;
|
|
187
|
-
}
|
|
189
|
+
.dots span {
|
|
190
|
+
animation: blink 1.5s infinite;
|
|
191
|
+
opacity: 0;
|
|
192
|
+
width: 2px;
|
|
193
|
+
height: 2px;
|
|
194
|
+
border-radius: 50%;
|
|
195
|
+
background-color: var(--_gray-700);
|
|
196
|
+
}
|
|
188
197
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
198
|
+
.dots span:nth-child(1) {
|
|
199
|
+
animation-delay: 0s;
|
|
200
|
+
}
|
|
201
|
+
.dots span:nth-child(2) {
|
|
202
|
+
animation-delay: 0.3s;
|
|
203
|
+
}
|
|
204
|
+
.dots span:nth-child(3) {
|
|
205
|
+
animation-delay: 0.6s;
|
|
206
|
+
}
|
|
197
207
|
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
.dots span:nth-child(2) {
|
|
202
|
-
animation-delay: 0.3s;
|
|
208
|
+
@keyframes blink {
|
|
209
|
+
0% {
|
|
210
|
+
opacity: 0;
|
|
203
211
|
}
|
|
204
|
-
|
|
205
|
-
|
|
212
|
+
50% {
|
|
213
|
+
opacity: 1;
|
|
206
214
|
}
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
0% {
|
|
210
|
-
opacity: 0;
|
|
211
|
-
}
|
|
212
|
-
50% {
|
|
213
|
-
opacity: 1;
|
|
214
|
-
}
|
|
215
|
-
100% {
|
|
216
|
-
opacity: 0;
|
|
217
|
-
}
|
|
215
|
+
100% {
|
|
216
|
+
opacity: 0;
|
|
218
217
|
}
|
|
219
218
|
}
|
|
220
|
-
|
|
219
|
+
}
|
|
220
|
+
.wishlist_overlay_header {
|
|
221
|
+
display: flex;
|
|
222
|
+
justify-content: space-between;
|
|
223
|
+
align-items: center;
|
|
224
|
+
padding: 12px;
|
|
225
|
+
font-size: 14px;
|
|
226
|
+
font-weight: 600;
|
|
227
|
+
}
|
|
228
|
+
.wishlist_list_items {
|
|
229
|
+
display: flex;
|
|
230
|
+
flex-direction: column;
|
|
231
|
+
|
|
232
|
+
.wishlist_item {
|
|
221
233
|
display: flex;
|
|
222
|
-
justify-content: space-between;
|
|
223
234
|
align-items: center;
|
|
235
|
+
gap: 8px;
|
|
236
|
+
color: var(--_gray-700);
|
|
224
237
|
padding: 12px;
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
.wishlist_item {
|
|
233
|
-
display: flex;
|
|
234
|
-
align-items: center;
|
|
235
|
-
gap: 8px;
|
|
236
|
-
color: var(--_gray-700);
|
|
237
|
-
padding: 12px;
|
|
238
|
-
border-radius: 4px;
|
|
239
|
-
cursor: pointer;
|
|
240
|
-
position: relative;
|
|
241
|
-
margin: 4px;
|
|
242
|
-
&.active {
|
|
243
|
-
color: var(--_primary-400);
|
|
244
|
-
}
|
|
238
|
+
border-radius: 4px;
|
|
239
|
+
cursor: pointer;
|
|
240
|
+
position: relative;
|
|
241
|
+
margin: 4px;
|
|
242
|
+
&.active {
|
|
243
|
+
color: var(--_primary-400);
|
|
244
|
+
}
|
|
245
245
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
246
|
+
&:not(:last-child) {
|
|
247
|
+
margin-bottom: 2px;
|
|
248
|
+
}
|
|
249
249
|
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
250
|
+
&:hover {
|
|
251
|
+
background-color: var(--_primary-25);
|
|
252
|
+
color: var(--_primary-400);
|
|
253
|
+
}
|
|
254
254
|
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
255
|
+
input {
|
|
256
|
+
display: none; // hide default checkbox
|
|
257
|
+
}
|
|
258
258
|
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
259
|
+
.custom_checkbox {
|
|
260
|
+
width: 18px;
|
|
261
|
+
height: 18px;
|
|
262
|
+
border: 2px solid var(--_gray-400);
|
|
263
|
+
border-radius: 4px;
|
|
264
|
+
display: inline-flex;
|
|
265
|
+
align-items: center;
|
|
266
|
+
justify-content: center;
|
|
267
|
+
transition: all 0.2s ease-in-out;
|
|
268
|
+
background-color: #fff;
|
|
269
269
|
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
}
|
|
270
|
+
&::after {
|
|
271
|
+
content: "";
|
|
272
|
+
width: 8px;
|
|
273
|
+
height: 4px;
|
|
274
|
+
border-left: 2px solid #fff;
|
|
275
|
+
border-bottom: 2px solid #fff;
|
|
276
|
+
transform: rotate(-45deg);
|
|
277
|
+
opacity: 0;
|
|
278
|
+
transition: opacity 0.2s ease-in-out;
|
|
279
|
+
margin-bottom: 4px;
|
|
281
280
|
}
|
|
281
|
+
}
|
|
282
282
|
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
283
|
+
input:checked + .custom_checkbox {
|
|
284
|
+
background-color: var(--_primary-400);
|
|
285
|
+
border-color: var(--_primary-400);
|
|
286
286
|
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
}
|
|
287
|
+
&::after {
|
|
288
|
+
opacity: 1; // show tick mark
|
|
290
289
|
}
|
|
290
|
+
}
|
|
291
291
|
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
}
|
|
292
|
+
.label_text {
|
|
293
|
+
font-size: 14px;
|
|
294
|
+
font-weight: 500;
|
|
296
295
|
}
|
|
297
296
|
}
|
|
297
|
+
}
|
|
298
298
|
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
299
|
+
.wishlist_overlay_footer {
|
|
300
|
+
display: flex;
|
|
301
|
+
justify-content: space-between;
|
|
302
|
+
align-items: center;
|
|
303
|
+
padding: 8px;
|
|
304
|
+
font-size: 14px;
|
|
305
|
+
font-weight: 600;
|
|
306
|
+
border-top: 1px solid var(--_gray-200);
|
|
307
|
+
padding: 8px;
|
|
308
308
|
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
309
|
+
.btn {
|
|
310
|
+
padding: 8px 12px;
|
|
311
|
+
width: 100%;
|
|
312
|
+
border-radius: 4px;
|
|
313
|
+
text-align: center;
|
|
314
|
+
width: 100%;
|
|
315
|
+
font-weight: 500;
|
|
316
|
+
text-decoration: none !important;
|
|
317
|
+
&.primary {
|
|
318
|
+
background-color: var(--_primary-400);
|
|
319
|
+
color: var(--_base-white);
|
|
320
|
+
font-size: 14px;
|
|
321
|
+
}
|
|
322
|
+
&.secondary {
|
|
323
|
+
color: var(--_gray-700);
|
|
324
|
+
&:hover {
|
|
325
|
+
color: var(--_gray-900);
|
|
326
326
|
|
|
327
|
-
|
|
328
|
-
}
|
|
327
|
+
background-color: var(--_gray-100);
|
|
329
328
|
}
|
|
330
329
|
}
|
|
331
330
|
}
|
|
331
|
+
}
|
|
332
332
|
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
}
|
|
333
|
+
.no_wishlist,
|
|
334
|
+
.loading_state {
|
|
335
|
+
min-height: 80px;
|
|
336
|
+
display: flex;
|
|
337
|
+
justify-content: center;
|
|
338
|
+
align-items: center;
|
|
339
|
+
font-size: 14px;
|
|
340
|
+
font-weight: 700;
|
|
341
|
+
color: var(--_gray-700);
|
|
343
342
|
}
|
|
344
343
|
}
|
|
344
|
+
}
|
|
345
345
|
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
}
|
|
346
|
+
.modal-footer-secondary-btn {
|
|
347
|
+
padding: 12px 24px;
|
|
348
|
+
border-radius: 4px;
|
|
349
|
+
background-color: var(--_base-white);
|
|
350
|
+
color: var(--_primary-400);
|
|
351
|
+
font-weight: 500;
|
|
352
|
+
width: 100%;
|
|
353
|
+
display: flex;
|
|
354
|
+
justify-content: center;
|
|
355
|
+
&:hover {
|
|
356
|
+
text-decoration: underline;
|
|
358
357
|
}
|
|
358
|
+
}
|
|
359
359
|
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
360
|
+
.modal-footer-danger-btn {
|
|
361
|
+
padding: 12px 24px;
|
|
362
|
+
border-radius: 4px;
|
|
363
|
+
background-color: #d92d20;
|
|
364
|
+
color: #fff;
|
|
365
|
+
font-weight: 600;
|
|
366
|
+
width: 100%;
|
|
367
|
+
display: flex;
|
|
368
|
+
border: 1px solid #d92d20;
|
|
369
|
+
justify-content: center;
|
|
370
370
|
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
}
|
|
371
|
+
&:hover {
|
|
372
|
+
// background-color: darken(#d92d20, 5%);
|
|
373
|
+
background-color: color-mix(in srgb, #d92d20 95%, var(--_base-black) 5%);
|
|
375
374
|
}
|
|
376
375
|
}
|
|
377
376
|
}
|
|
@@ -589,7 +588,7 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
589
588
|
.left-col {
|
|
590
589
|
.title {
|
|
591
590
|
color: var(--_gray-900);
|
|
592
|
-
font-size:
|
|
591
|
+
font-size: 16px;
|
|
593
592
|
font-weight: 600;
|
|
594
593
|
line-height: 24px;
|
|
595
594
|
display: flex;
|
|
@@ -83,6 +83,7 @@
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.btn__with__text[data-btn-name="addToCart"] {
|
|
86
|
+
justify-content: center;
|
|
86
87
|
&[data-show-shadow="false"] {
|
|
87
88
|
--_show-shadow: none;
|
|
88
89
|
}
|
|
@@ -95,6 +96,9 @@
|
|
|
95
96
|
&[data-icon-position="center"] {
|
|
96
97
|
--_sf-fd-bn: row;
|
|
97
98
|
}
|
|
99
|
+
&:has(p) {
|
|
100
|
+
width: auto;
|
|
101
|
+
}
|
|
98
102
|
|
|
99
103
|
&:hover {
|
|
100
104
|
--_sf-hr-bd-cr: var(
|
package/dist/profile.scss
CHANGED
|
@@ -84,15 +84,13 @@
|
|
|
84
84
|
);
|
|
85
85
|
|
|
86
86
|
.collapse__icon {
|
|
87
|
+
width: prepareMediaVariable(--_ctm-dn-ce-in-in-se);
|
|
88
|
+
height: prepareMediaVariable(--_ctm-dn-ce-in-in-se);
|
|
89
|
+
|
|
87
90
|
svg {
|
|
88
|
-
width:
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
);
|
|
92
|
-
height: var(
|
|
93
|
-
--_ctm-dn-ce-in-in-se,
|
|
94
|
-
var(--_ctm-dn-ce-in-in-se, var(--_ctm-dn-ce-in-in-se))
|
|
95
|
-
);
|
|
91
|
+
width: prepareMediaVariable(--_ctm-dn-ce-in-in-se);
|
|
92
|
+
height: prepareMediaVariable(--_ctm-dn-ce-in-in-se);
|
|
93
|
+
|
|
96
94
|
path {
|
|
97
95
|
stroke: var(
|
|
98
96
|
--_ctm-mob-dn-ce-in-in-c1,
|
|
@@ -101,6 +99,7 @@
|
|
|
101
99
|
}
|
|
102
100
|
}
|
|
103
101
|
}
|
|
102
|
+
|
|
104
103
|
.expand__icon {
|
|
105
104
|
width: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
|
|
106
105
|
height: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
|
|
@@ -485,8 +484,8 @@
|
|
|
485
484
|
)
|
|
486
485
|
);
|
|
487
486
|
}
|
|
488
|
-
background-color: #f5f7ff;
|
|
489
|
-
color: #3b49df;
|
|
487
|
+
// background-color: #f5f7ff;
|
|
488
|
+
// color: #3b49df;
|
|
490
489
|
|
|
491
490
|
background-color: var(
|
|
492
491
|
--_ctm-mob-dn-dn-is-hr-se-bd-cr,
|
|
@@ -515,46 +514,52 @@
|
|
|
515
514
|
var(--_ctm-tab-dn-dn-is-hr-se-sw-cr, var(--_ctm-dn-dn-is-hr-se-sw-cr))
|
|
516
515
|
)
|
|
517
516
|
);
|
|
518
|
-
color: var(
|
|
517
|
+
color: var(
|
|
518
|
+
--_ctm-mob-dn-dn-is-hr-se-cr,
|
|
519
|
+
var(--_ctm-tab-dn-dn-is-hr-se-cr, var(--_ctm-dn-dn-is-hr-se-cr))
|
|
520
|
+
);
|
|
519
521
|
|
|
520
522
|
font-family: var(
|
|
521
523
|
--_sf-hr-ff,
|
|
522
|
-
var(
|
|
524
|
+
var(
|
|
525
|
+
--_ctm-mob-dn-dn-is-hr-se-ft-fy,
|
|
526
|
+
var(--_ctm-tab-dn-dn-is-hr-se-ft-fy, var(--_ctm-dn-dn-is-hr-se-ft-fy))
|
|
527
|
+
)
|
|
523
528
|
);
|
|
524
529
|
|
|
525
530
|
font-size: var(
|
|
526
|
-
--_ctm-mob-dn-
|
|
527
|
-
var(--_ctm-tab-dn-
|
|
531
|
+
--_ctm-mob-dn-dn-is-hr-se-ft-se,
|
|
532
|
+
var(--_ctm-tab-dn-dn-is-hr-se-ft-se, var(--_ctm-dn-dn-is-hr-se-ft-se))
|
|
528
533
|
);
|
|
529
534
|
|
|
530
535
|
font-weight: var(
|
|
531
|
-
--_ctm-mob-dn-
|
|
532
|
-
var(--_ctm-tab-dn-
|
|
536
|
+
--_ctm-mob-dn-dn-is-hr-se-ft-wt,
|
|
537
|
+
var(--_ctm-tab-dn-dn-is-hr-se-ft-wt, var(--_ctm-dn-dn-is-hr-se-ft-wt))
|
|
533
538
|
);
|
|
534
539
|
|
|
535
540
|
font-style: var(
|
|
536
|
-
--_ctm-mob-dn-
|
|
537
|
-
var(--_ctm-tab-dn-
|
|
541
|
+
--_ctm-mob-dn-dn-is-hr-se-ft-se-ic,
|
|
542
|
+
var(--_ctm-tab-dn-dn-is-hr-se-ft-se-ic, var(--_ctm-dn-dn-is-hr-se-ft-se-ic))
|
|
538
543
|
);
|
|
539
544
|
|
|
540
545
|
text-align: var(
|
|
541
|
-
--_ctm-mob-dn-
|
|
542
|
-
var(--_ctm-tab-dn-
|
|
546
|
+
--_ctm-mob-dn-dn-is-hr-se-tt-an,
|
|
547
|
+
var(--_ctm-tab-dn-dn-is-hr-se-tt-an, var(--_ctm-dn-dn-is-hr-se-tt-an))
|
|
543
548
|
);
|
|
544
549
|
|
|
545
550
|
letter-spacing: var(
|
|
546
|
-
--_ctm-mob-dn-
|
|
547
|
-
var(--_ctm-tab-dn-
|
|
551
|
+
--_ctm-mob-dn-dn-is-hr-se-lr-sg,
|
|
552
|
+
var(--_ctm-tab-dn-dn-is-hr-se-lr-sg, var(--_ctm-dn-dn-is-hr-se-lr-sg))
|
|
548
553
|
);
|
|
549
554
|
|
|
550
555
|
line-height: var(
|
|
551
|
-
--_ctm-mob-dn-
|
|
552
|
-
var(--_ctm-tab-dn-
|
|
556
|
+
--_ctm-mob-dn-dn-is-hr-se-le-ht,
|
|
557
|
+
var(--_ctm-tab-dn-dn-is-hr-se-le-ht, var(--_ctm-dn-dn-is-hr-se-le-ht))
|
|
553
558
|
);
|
|
554
559
|
|
|
555
560
|
text-decoration: var(
|
|
556
|
-
--_ctm-mob-dn-
|
|
557
|
-
var(--_ctm-tab-dn-
|
|
561
|
+
--_ctm-mob-dn-dn-is-hr-se-ue,
|
|
562
|
+
var(--_ctm-tab-dn-dn-is-hr-se-ue, var(--_ctm-dn-dn-is-hr-se-ue))
|
|
558
563
|
);
|
|
559
564
|
}
|
|
560
565
|
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
.skeleton__element {
|
|
2
|
+
background-color: var(--_gray-300);
|
|
3
|
+
border-radius: 6px;
|
|
4
|
+
position: var(--_p-relative);
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
&.rounded {
|
|
7
|
+
border-radius: 50%;
|
|
8
|
+
}
|
|
9
|
+
&::before {
|
|
10
|
+
content: "";
|
|
11
|
+
position: absolute;
|
|
12
|
+
top: 0;
|
|
13
|
+
left: 0;
|
|
14
|
+
width: 100%;
|
|
15
|
+
height: 100%;
|
|
16
|
+
background: linear-gradient(
|
|
17
|
+
90deg,
|
|
18
|
+
rgba(255, 255, 255, 0) 0%,
|
|
19
|
+
rgba(255, 255, 255, 0.6) 50%,
|
|
20
|
+
rgba(255, 255, 255, 0) 100%
|
|
21
|
+
);
|
|
22
|
+
animation: skeleton-shimmer 1.5s infinite ease-in-out;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@keyframes skeleton-shimmer {
|
|
27
|
+
0% {
|
|
28
|
+
transform: translateX(-100%);
|
|
29
|
+
}
|
|
30
|
+
100% {
|
|
31
|
+
transform: translateX(100%);
|
|
32
|
+
}
|
|
33
|
+
}
|
package/dist/submit-quote.scss
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
gap: 60px;
|
|
4
4
|
padding: 24px;
|
|
5
|
-
background-color: #f9f9f9;
|
|
6
5
|
|
|
7
6
|
.quote-items {
|
|
8
7
|
flex: 2;
|
|
@@ -249,7 +248,7 @@
|
|
|
249
248
|
width: 100%;
|
|
250
249
|
padding: 14px;
|
|
251
250
|
background-color: var(--_primary-400);
|
|
252
|
-
color:
|
|
251
|
+
color: var(--_base-white);
|
|
253
252
|
font-size: 16px;
|
|
254
253
|
font-weight: 600;
|
|
255
254
|
border: none;
|
package/dist/website.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["storefront-cms-library"]=e():t["storefront-cms-library"]=e()}(this,(()=>(()=>{"use strict";var t={d:(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{dataConnectorContants:()=>o,ssrFunctions:()=>r});var r={};t.r(r),t.d(r,{createQueryStringForCollection:()=>i,parseThemeSettings:()=>_});var o={};function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=Array(e);r<e;r++)o[r]=t[r];return o}function u(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var o,n,a,u,i=[],l=!0,c=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(o=a.call(r)).done)&&(i.push(o.value),i.length!==e);l=!0);}catch(t){c=!0,n=t}finally{try{if(!l&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(c)throw n}}return i}}(t,e)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t){return Object.entries(t).filter((function(t){var e=u(t,2);return null!=(e[0],e[1])})).map((function(t){var e=u(t,2),r=e[0],o=e[1];return"".concat(encodeURIComponent(r),"=").concat(encodeURIComponent(o))})).join("&")}t.r(o),t.d(o,{DATA_CONNECTOR_ITEMS_LIST:()=>T,dataConnectorApisData:()=>
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["storefront-cms-library"]=e():t["storefront-cms-library"]=e()}(this,(()=>(()=>{"use strict";var t={d:(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{dataConnectorContants:()=>o,ssrFunctions:()=>r});var r={};t.r(r),t.d(r,{createQueryStringForCollection:()=>i,parseThemeSettings:()=>_});var o={};function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,o=Array(e);r<e;r++)o[r]=t[r];return o}function u(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var o,n,a,u,i=[],l=!0,c=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(o=a.call(r)).done)&&(i.push(o.value),i.length!==e);l=!0);}catch(t){c=!0,n=t}finally{try{if(!l&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(c)throw n}}return i}}(t,e)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t){return Object.entries(t).filter((function(t){var e=u(t,2);return null!=(e[0],e[1])})).map((function(t){var e=u(t,2),r=e[0],o=e[1];return"".concat(encodeURIComponent(r),"=").concat(encodeURIComponent(o))})).join("&")}t.r(o),t.d(o,{DATA_CONNECTOR_ITEMS_LIST:()=>T,dataConnectorApisData:()=>B});var l,c,E,_=function(t){var e=Object.assign({},t);return["layout","colors","typography","buttons","animations","loaders"].forEach((function(t){if("string"==typeof e[t]&&e[t].length>0)try{e[t]=JSON.parse(e[t])}catch(t){}else"object"===n(e[t])&&null!==e[t]&&(e[t]=JSON.stringify(e[t]))})),e};function S(t,e,r){return(e=function(t){var e=function(t){if("object"!=n(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==n(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}!function(t){t.GET="GET",t.POST="POST",t.PUT="PUT",t.DELETE="DELETE"}(l||(l={})),function(t){t.PRODUST="PRODUST",t.CATEGORIES="CATEGORIES",t.BRANDS="BRANDS",t.PRODUCT_BY_ID="PRODUCT_BY_ID",t.CATEGORY_BY_ID="CATegory_BY_ID",t.BRAND_BY_ID="BRAND_BY_ID",t.SUB_CATEGORY="SUB_CATEGORY",t.MARCHANDISER_SETS="MARCHANDISER_SETS",t.BUNDLES="BUNDLES",t.BUNLES_BY_ID="BUNLES_BY_ID",t.BUNDLE_BY_TYPE="BUNDLE_BY_TYPE",t.PRODUCT_BUNDLE_DETAILS="PRODUCT_BUNDLE_DETAILS",t.CATEGORY_BUNDLE_DETAILS="CATEGORY_BUNDLE_DETAILS",t.CATEGORY_GROUPS="CATEGORY_GROUPS",t.CATEGORIES_BY_GROUP_ID="CATEGORIES_BY_GROUP_ID"}(c||(c={}));var T,B=(S(S(S(S(S(S(S(S(S(S(E={},c.PRODUST,{url:"/search/product/getall",method:l.POST}),c.PRODUCT_BY_ID,{url:"/api/pd/get",method:l.GET}),c.CATEGORIES,{url:"/search/category/getall",method:l.POST}),c.CATEGORY_BY_ID,{url:"/search/category/getbyid",method:l.GET}),c.BRANDS,{url:"/search/brand/getall",method:l.POST}),c.BRAND_BY_ID,{url:"/search/brand/getbyid",method:l.GET}),c.SUB_CATEGORY,{url:"/search/category/getsubcategories",method:l.GET}),c.MARCHANDISER_SETS,{url:"/ms/get",method:l.GET}),c.BUNDLES,{url:"/api/bnp/get-all",method:l.GET}),c.BUNLES_BY_ID,{url:"/api/bnp/get-product-bundle",method:l.GET}),S(S(S(S(S(E,c.BUNDLE_BY_TYPE,{url:"/api/bnp/get-bundles",method:l.POST}),c.PRODUCT_BUNDLE_DETAILS,{url:"/api/bnp/get-product-bundle",method:l.GET}),c.CATEGORY_BUNDLE_DETAILS,{url:"/api/bnp/get-category-bundle",method:l.GET}),c.CATEGORY_GROUPS,{url:"/search/category/get-category-groups",method:l.GET}),c.CATEGORIES_BY_GROUP_ID,{url:"/search/category/get-group-details",method:l.POST}));return function(t){t.PRODUCT_BY_ID="Product By Id",t.PRODUCTS_BY_BRAND="Products By Brand",t.PRODUCTS_BY_MERCHANDISER_SETS="Products By Merchandiser Sets",t.PRODUCTS_BY_CATEGORY="Products By Category",t.CATEGORIES="Categories",t.CATEGORY_BY_ID="Category By Id",t.BUNDLES="Bundles",t.BUNDLE_BY_ID="Bundle By Id",t.BUNDLE_DETAILS="Bundle Details",t.PRODUCT_BUNDLE_BY_KEY="Product Bundle By Key",t.CATEGORY_BUNDLE_BY_KEY="Category Bundle By Key",t.SUB_CATEGORIES="Subcategories",t.BRANDS="Brands",t.BRAND_BY_ID="Brand By Id",t.PRODUCTS="Products",t.BUNDLES_BY_ID="Bundles By Id",t.CATEGORY_GROUPS="Category Groups",t.CATEGORIES_BY_GROUP_ID="Categories By Group"}(T||(T={})),e})()));
|