@sc-360-v2/storefront-cms-library 0.3.29 → 0.3.31

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.
Files changed (49) hide show
  1. package/dist/animation-control.scss +23 -0
  2. package/dist/builder.js +1 -1
  3. package/dist/bulk-order-pad.scss +73 -13
  4. package/dist/cart-details.scss +573 -287
  5. package/dist/cart-summary.scss +102 -73
  6. package/dist/cartAttributes.scss +3 -0
  7. package/dist/cartDropdownOverlay.scss +11 -7
  8. package/dist/checkout.scss +1069 -944
  9. package/dist/contact-us.scss +3 -0
  10. package/dist/dropdownTemplate.scss +24 -3
  11. package/dist/employee-bulk-order.scss +36 -5
  12. package/dist/empty-states.scss +52 -0
  13. package/dist/fb-dropdown.scss +6 -2
  14. package/dist/form-preview.scss +24 -1
  15. package/dist/form-zindex-module.scss +25 -0
  16. package/dist/functions.scss +72 -2
  17. package/dist/icons.js +1 -1
  18. package/dist/index.js +1 -1
  19. package/dist/light-box-v2.scss +1 -1
  20. package/dist/modal.scss +96 -37
  21. package/dist/position-module.scss +74 -0
  22. package/dist/prefix-list.scss +55 -0
  23. package/dist/quick-order-pad.scss +49 -10
  24. package/dist/responsive-behaviour.scss +21 -0
  25. package/dist/section.scss +13 -9
  26. package/dist/shareCartSideBar.scss +17 -8
  27. package/dist/submit-quote.scss +115 -52
  28. package/dist/types/builder/elements/loader/index.d.ts +27 -0
  29. package/dist/types/builder/enums/index.d.ts +1 -0
  30. package/dist/types/builder/index.d.ts +2 -1
  31. package/dist/types/builder/interfaces/global.d.ts +13 -0
  32. package/dist/types/builder/tools/element-edit/amountEstimator.d.ts +441 -0
  33. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +364 -0
  34. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +2 -2
  35. package/dist/types/builder/tools/element-edit/checkout.d.ts +8 -0
  36. package/dist/types/builder/tools/element-edit/common.d.ts +1 -0
  37. package/dist/types/builder/tools/element-edit/countdown.d.ts +384 -44
  38. package/dist/types/builder/tools/element-edit/dummy.d.ts +0 -0
  39. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  40. package/dist/types/builder/tools/element-edit/loader.d.ts +28 -0
  41. package/dist/types/builder/tools/element-edit/productActions.d.ts +390 -43
  42. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +192 -22
  43. package/dist/types/builder/tools/element-edit/repeater.d.ts +439 -1
  44. package/dist/types/builder/tools/element-edit/table.d.ts +0 -1
  45. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +981 -0
  46. package/dist/types/builder/tools/element-edit/video.d.ts +192 -22
  47. package/dist/types/global/types.d.ts +2 -0
  48. package/dist/widget.scss +1 -0
  49. package/package.json +1 -1
package/dist/bulk-order-pad.scss CHANGED
@@ -20,6 +20,31 @@
20
20
  }
21
21
  }
22
22
 
23
+ .bulk_order_pad_empty_msg_container {
24
+ display: flex;
25
+ width: 100%;
26
+ flex-direction: column;
27
+ gap: 6px;
28
+ align-items: center;
29
+ justify-content: center;
30
+ flex: 1 1 auto;
31
+
32
+ .bulk_order_pad_empty_msg {
33
+ font-family: "Lato";
34
+ font-weight: 700;
35
+ font-size: 24px;
36
+ color: var(--_gray-900);
37
+ line-height: 32px;
38
+ }
39
+
40
+ .bulk_order_pad_support_msg {
41
+ font-family: "Lato";
42
+ font-size: 14px;
43
+ line-height: 20px;
44
+ color: var(--_gray-900);
45
+ }
46
+ }
47
+
23
48
  .bulkOrderPad-grid {
24
49
  height: calc(100% - 110px);
25
50
  .bulkOrderPad-content {
@@ -215,8 +240,9 @@
215
240
  border-bottom: 1px solid var(--_gray-200);
216
241
 
217
242
  @media (max-width: 1024px) {
218
- flex-direction: column;
219
- gap: 8px;
243
+ gap: 24px;
244
+ white-space: nowrap;
245
+ overflow-x: auto;
220
246
  }
221
247
  .product-details {
222
248
  display: flex;
@@ -323,7 +349,7 @@
323
349
  color: var(--_gray-600);
324
350
  font-weight: 600;
325
351
  font-size: 16px;
326
- border: 1px solid rgba(var(--_gray-600), 0);
352
+ border: 1px solid transparent;
327
353
  line-height: 24px;
328
354
 
329
355
  &:hover {
@@ -339,8 +365,18 @@
339
365
  font-weight: 600;
340
366
  font-size: 16px;
341
367
  line-height: 24px;
368
+ display: flex;
369
+ align-items: center;
370
+ gap: 8px;
342
371
  background: var(--_primary-500);
343
372
 
373
+ svg {
374
+ width: 20px;
375
+ height: 20px;
376
+ display: flex;
377
+ stroke-width: 2px;
378
+ }
379
+
344
380
  &:hover {
345
381
  background: var(--_primary-400);
346
382
  }
@@ -354,16 +390,12 @@
354
390
  .bulk-order-pad-filter-wrapper {
355
391
  background-color: var(--_gray-50);
356
392
  border-bottom: 1px solid var(--_gray-200);
357
- align-items: center;
358
- justify-content: center;
359
- gap: 12px;
360
- display: flex;
361
- justify-content: center;
362
393
  padding: 12px;
363
394
 
364
395
  @media (max-width: 500px) {
365
- flex-direction: column;
366
396
  gap: 8px;
397
+ justify-content: flex-start;
398
+ overflow-x: auto;
367
399
  }
368
400
 
369
401
  .dropdown-with-input-section {
@@ -386,7 +418,7 @@
386
418
 
387
419
  .dropdown-options {
388
420
  display: flex;
389
- flex-direction: column;
421
+ flex-wrap: wrap;
390
422
  gap: 6px;
391
423
 
392
424
  .dropdown-with-input-section {
@@ -407,6 +439,10 @@
407
439
  }
408
440
  }
409
441
  }
442
+
443
+ span {
444
+ margin-bottom: -30px;
445
+ }
410
446
  }
411
447
 
412
448
  .bulkOrderPad-content-container {
@@ -425,6 +461,14 @@
425
461
  align-self: stretch;
426
462
  width: 36px;
427
463
  align-items: center;
464
+ margin-top: 32px;
465
+
466
+ .vertical_vector {
467
+ height: 100%;
468
+ width: 1px;
469
+ margin: 4px 0px;
470
+ background-color: #f0f0f0;
471
+ }
428
472
  }
429
473
  }
430
474
 
@@ -436,15 +480,23 @@
436
480
  max-height: none !important;
437
481
 
438
482
  .secont-option-title {
439
- height: 36px;
483
+ height: auto;
440
484
  width: 100%;
441
- padding: 12px 0px 24px 0px;
485
+ padding: 12px 0px;
442
486
  font-size: 14px;
443
487
  line-height: 20px;
444
488
  color: var(--_gray-700);
445
489
  display: flex;
446
490
  justify-content: center;
447
491
  font-weight: 500;
492
+ align-items: center;
493
+
494
+ .horizontal_vector {
495
+ margin: 0px 4px;
496
+ width: 100%;
497
+ height: 1px;
498
+ background: #f0f0f0;
499
+ }
448
500
  }
449
501
 
450
502
  table {
@@ -465,6 +517,14 @@
465
517
  border-bottom: none;
466
518
  }
467
519
  }
520
+
521
+ &:hover {
522
+ .action-td {
523
+ .reset-icon {
524
+ display: block !important;
525
+ }
526
+ }
527
+ }
468
528
  }
469
529
 
470
530
  th,
@@ -486,6 +546,7 @@
486
546
  border-left: 1px solid #f0f0f0;
487
547
  .reset-icon {
488
548
  cursor: pointer;
549
+ display: none;
489
550
  }
490
551
  }
491
552
  td.option-cell:first-child {
@@ -574,4 +635,3 @@
574
635
  }
575
636
  }
576
637
  }
577
-