@sc-360-v2/storefront-cms-library 0.3.52 → 0.3.54

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 (38) hide show
  1. package/dist/add-order.scss +3 -0
  2. package/dist/add-products-tab.scss +64 -17
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-order-pad.scss +1 -1
  5. package/dist/buy-for-tab.scss +15 -15
  6. package/dist/buyForHeaders.scss +5 -5
  7. package/dist/cart-details.scss +32 -42
  8. package/dist/cart-products-sidebar.scss +32 -16
  9. package/dist/cart-summary.scss +2 -4
  10. package/dist/cartDropdownOverlay.scss +3 -1
  11. package/dist/checkout.scss +620 -821
  12. package/dist/confirmationModal.scss +48 -0
  13. package/dist/container.scss +15 -15
  14. package/dist/customization-tree.scss +5 -1
  15. package/dist/dropdownTemplate.scss +5 -2
  16. package/dist/employee-bulk-order.scss +3459 -384
  17. package/dist/grid.scss +36 -0
  18. package/dist/icons.js +1 -1
  19. package/dist/image-temp.scss +47 -22
  20. package/dist/index.js +1 -1
  21. package/dist/layouter-pro-item.scss +1 -1
  22. package/dist/layouter-pro.scss +5 -5
  23. package/dist/modal.scss +357 -16
  24. package/dist/order-status.scss +49 -5
  25. package/dist/section.scss +5 -1
  26. package/dist/shareCartSideBar.scss +10 -8
  27. package/dist/shipping-payments.scss +668 -505
  28. package/dist/store-locations.scss +252 -160
  29. package/dist/tab-v2.scss +15 -15
  30. package/dist/text-temp.scss +4 -1
  31. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +36 -0
  32. package/dist/types/builder/tools/element-edit/grid.d.ts +26 -0
  33. package/dist/types/builder/tools/element-edit/language-menu.d.ts +77 -0
  34. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +4 -0
  35. package/dist/types/builder/tools/element-edit/userElements.d.ts +407 -0
  36. package/dist/types/icons/cms-svg-icons.d.ts +1 -1
  37. package/dist/user-elements.scss +1449 -490
  38. package/package.json +1 -1
@@ -248,6 +248,9 @@
248
248
  // }
249
249
  // }
250
250
  // }
251
+ & > span {
252
+ display: flex;
253
+ }
251
254
  }
252
255
 
253
256
  .add_order_menu {
@@ -98,6 +98,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
98
98
  grid-template-columns: 1fr 1fr;
99
99
  gap: 48px;
100
100
  padding-top: 16px;
101
+ &:has(.empty_template) {
102
+ display: flex;
103
+ padding: 48px;
104
+ }
101
105
 
102
106
  .product-list {
103
107
  display: flex;
@@ -193,7 +197,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
193
197
  border: 0.5px solid transparent;
194
198
  &:hover {
195
199
  background-color: var(--_gray-100);
196
- border: 0.5px solid var(--_primary-400);
200
+ border: 0.5px solid #243dc6;
197
201
  cursor: pointer;
198
202
  border-radius: 4px;
199
203
  }
@@ -403,17 +407,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
403
407
  }
404
408
  }
405
409
  .cart-badge {
410
+ background-color: #ffd700;
411
+ color: #101810;
412
+ border-radius: 4px;
413
+ font-size: 12px;
414
+ font-weight: 400;
415
+ height: 20px;
416
+ width: 20px;
406
417
  position: absolute;
407
- top: -5px;
418
+ top: -8px;
408
419
  right: -8px;
409
- background-color: #ffd400;
410
- color: #000;
411
- border-radius: 4px;
412
- padding: 2px 6px;
413
- font-size: 14px;
414
- font-weight: bold;
415
- min-width: 20px;
416
- text-align: center;
420
+ display: flex;
421
+ align-items: center;
422
+ justify-content: center;
417
423
  }
418
424
  }
419
425
  }
@@ -422,7 +428,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
422
428
  }
423
429
  }
424
430
  }
425
-
431
+ .add-product-list-details {
432
+ border-left: 1px solid var(--_gray-200);
433
+ }
426
434
  .customizer-panel {
427
435
  display: flex;
428
436
  flex-direction: column;
@@ -696,14 +704,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
696
704
  }
697
705
  }
698
706
  .add-to-cart {
699
- width: 100%;
707
+ // width: 100%;
700
708
  // height: 56px;
701
709
  opacity: 1;
710
+ display: flex;
711
+ align-items: center;
702
712
  gap: 8px;
703
- padding-top: 12px;
704
- padding-right: 24px;
705
- padding-bottom: 12px;
706
- padding-left: 24px;
713
+ // padding-top: 12px;
714
+ // padding-right: 24px;
715
+ // padding-bottom: 12px;
716
+ // padding-left: 24px;
717
+ padding: var(
718
+ --_ctm-mob-dn-pt-ds-at-pg,
719
+ var(--_ctm-tab-dn-pt-ds-at-pg, var(--_ctm-dn-pt-ds-at-pg))
720
+ );
707
721
  border-style: var(
708
722
  --_ctm-mob-dn-pt-ds-at-br-se,
709
723
  var(--_ctm-tab-dn-pt-ds-at-br-se, var(--_ctm-dn-pt-ds-at-br-se))
@@ -726,6 +740,30 @@ $resizeActive: '[data-cms-element-resizer="true"]';
726
740
  );
727
741
  box-shadow: 0px 1px 2px 0px #1018280d;
728
742
  text-align: center;
743
+ font-family: var(
744
+ --_ctm-mob-dn-pt-ds-at-ft-fy,
745
+ var(--_ctm-tab-dn-pt-ds-at-ft-fy, var(--_ctm-dn-pt-ds-at-ft-fy))
746
+ );
747
+ font-weight: var(
748
+ --_ctm-mob-dn-pt-ds-at-ft-wt,
749
+ var(--_ctm-tab-dn-pt-ds-at-ft-wt, var(--_ctm-dn-pt-ds-at-ft-wt))
750
+ );
751
+ font-size: var(
752
+ --_ctm-mob-dn-pt-ds-at-ft-se,
753
+ var(--_ctm-tab-dn-pt-ds-at-ft-se, var(--_ctm-dn-pt-ds-at-ft-se))
754
+ );
755
+ line-height: var(
756
+ --_ctm-mob-dn-pt-ds-at-le-ht,
757
+ var(--_ctm-tab-dn-pt-ds-at-le-ht, var(--_ctm-dn-pt-ds-at-le-ht))
758
+ );
759
+ letter-spacing: var(
760
+ --_ctm-mob-dn-pt-ds-at-lr-sg,
761
+ var(--_ctm-tab-dn-pt-ds-at-lr-sg, var(--_ctm-dn-pt-ds-at-lr-sg))
762
+ );
763
+ color: var(
764
+ --_ctm-mob-dn-pt-ds-at-cr,
765
+ var(--_ctm-tab-dn-pt-ds-at-cr, var(--_ctm-dn-pt-ds-at-cr))
766
+ );
729
767
  span {
730
768
  vertical-align: middle;
731
769
  }
@@ -1382,7 +1420,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1382
1420
  display: flex;
1383
1421
  gap: 8px;
1384
1422
  flex-wrap: wrap;
1385
- margin-bottom: 10px;
1423
+ // margin-bottom: 10px;
1386
1424
  flex-direction: row;
1387
1425
  gap: var(
1388
1426
  --_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-sg,
@@ -3613,6 +3651,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
3613
3651
  & > img {
3614
3652
  width: 100%;
3615
3653
  height: 100%;
3654
+ object-fit: contain;
3616
3655
  }
3617
3656
  }
3618
3657
  }
@@ -3948,3 +3987,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
3948
3987
  }
3949
3988
  }
3950
3989
  }
3990
+ .text_ellipsis {
3991
+ display: -webkit-box;
3992
+ -webkit-box-orient: vertical;
3993
+ -webkit-line-clamp: 1;
3994
+ line-clamp: 1;
3995
+ white-space: normal;
3996
+ overflow: hidden;
3997
+ }