@sc-360-v2/storefront-cms-library 0.3.69 → 0.3.70

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/add-order.scss +31 -14
  2. package/dist/builder.js +1 -1
  3. package/dist/bulk-order-pad.scss +0 -5
  4. package/dist/bundle.scss +1 -0
  5. package/dist/cart-details.scss +45 -2
  6. package/dist/checkbox-radio.scss +16 -0
  7. package/dist/checkout.scss +63 -63
  8. package/dist/confirmationModal.scss +2 -4
  9. package/dist/dropdownTemplate.scss +285 -307
  10. package/dist/employee-bulk-order.scss +2674 -2667
  11. package/dist/modal.scss +7 -0
  12. package/dist/profile.scss +2 -1
  13. package/dist/quick-links.scss +175 -18
  14. package/dist/request-for-quotes.scss +348 -48
  15. package/dist/skeleton.scss +1 -1
  16. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +11 -11
  17. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +1 -1
  18. package/dist/types/builder/tools/element-edit/bundle.d.ts +5 -1
  19. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +1 -1
  20. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +3 -24
  21. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +18 -18
  22. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +10 -10
  23. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +3 -3
  24. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +30 -114
  25. package/dist/types/builder/tools/element-edit/checkout.d.ts +39 -57
  26. package/dist/types/builder/tools/element-edit/common.d.ts +1 -1
  27. package/dist/types/builder/tools/element-edit/countdown.d.ts +1 -1
  28. package/dist/types/builder/tools/element-edit/filterResults.d.ts +3 -17
  29. package/dist/types/builder/tools/element-edit/grid.d.ts +3 -3
  30. package/dist/types/builder/tools/element-edit/icon-list.d.ts +2 -9
  31. package/dist/types/builder/tools/element-edit/iconLibrary.d.ts +1 -1
  32. package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts +2 -2
  33. package/dist/types/builder/tools/element-edit/layouterPro.d.ts +2 -2
  34. package/dist/types/builder/tools/element-edit/line.d.ts +1 -1
  35. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +1 -1
  36. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +24 -24
  37. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +1 -1
  38. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +4 -4
  39. package/dist/types/builder/tools/element-edit/scroll.d.ts +1 -1
  40. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +4 -22
  41. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +1 -1
  42. package/dist/types/builder/tools/element-edit/social.d.ts +1 -1
  43. package/dist/types/builder/tools/element-edit/table.d.ts +1 -0
  44. package/dist/types/builder/tools/element-edit/tabs.d.ts +1 -1
  45. package/dist/types/builder/tools/element-edit/tabsV2.d.ts +1 -1
  46. package/dist/types/builder/tools/element-edit/userElements.d.ts +5 -5
  47. package/dist/types/builder/tools/element-edit/video.d.ts +14 -9
  48. package/dist/video.scss +9 -4
  49. package/package.json +1 -1
package/dist/bulk-order-pad.scss CHANGED
@@ -13,11 +13,6 @@
13
13
  .select-product-dropdown {
14
14
  padding: 12px;
15
15
  border-bottom: 1px solid var(--_gray-200);
16
-
17
- .dropdown-with-input-section {
18
- // border: 0.5px solid var(--_gray-300);
19
- border-radius: 4px;
20
- }
21
16
  }
22
17
 
23
18
  .bulk_order_pad_empty_msg_container {
package/dist/bundle.scss CHANGED
@@ -1241,6 +1241,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1241
1241
 
1242
1242
  .bundle-name-container {
1243
1243
  display: flex;
1244
+ flex-direction: column;
1244
1245
  cursor: pointer;
1245
1246
  .bundle_name__tag {
1246
1247
  display: flex;
package/dist/cart-details.scss CHANGED
@@ -63,7 +63,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
63
63
  }
64
64
  .toggle_btn {
65
65
  display: flex;
66
- margin-right: 8px;
66
+ margin-right: 6px;
67
67
  svg {
68
68
  width: 24px;
69
69
  height: 24px;
@@ -187,6 +187,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
187
187
  &:hover {
188
188
  text-decoration: underline;
189
189
  }
190
+ &.disabled {
191
+ opacity: 0.5;
192
+ pointer-events: none;
193
+ }
190
194
  }
191
195
  }
192
196
  }
@@ -587,7 +591,46 @@ $resizeActive: '[data-cms-element-resizer="true"]';
587
591
  flex-wrap: wrap;
588
592
 
589
593
  span {
590
- color: var(--_gray-600);
594
+ // color: var(--_gray-600);
595
+ color: var(
596
+ --_ctm-mob-dn-pt-in-ss-cr,
597
+ var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
598
+ );
599
+ font-family: var(
600
+ --_sf-hr-ff,
601
+ var(
602
+ --_ctm-mob-dn-pt-in-ss-ft-fy,
603
+ var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
604
+ )
605
+ );
606
+ font-size: var(
607
+ --_ctm-mob-dn-pt-in-ss-ft-se,
608
+ var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
609
+ );
610
+ font-weight: var(
611
+ --_ctm-mob-dn-pt-in-ss-ft-wt,
612
+ var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
613
+ );
614
+ font-style: var(
615
+ --_ctm-mob-dn-pt-in-ss-ft-se-ic,
616
+ var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
617
+ );
618
+ text-align: var(
619
+ --_ctm-mob-dn-pt-in-ss-tt-an,
620
+ var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
621
+ );
622
+ letter-spacing: var(
623
+ --_ctm-mob-dn-pt-in-ss-lr-sg,
624
+ var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
625
+ );
626
+ line-height: var(
627
+ --_ctm-mob-dn-pt-in-ss-le-ht,
628
+ var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
629
+ );
630
+ text-decoration: var(
631
+ --_ctm-mob-dn-pt-in-ss-ue,
632
+ var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
633
+ );
591
634
  &:not(:last-child)::after {
592
635
  content: "";
593
636
  display: inline-block;
package/dist/checkbox-radio.scss CHANGED
@@ -27,6 +27,22 @@
27
27
  &.checkbox_grouped {
28
28
  margin-right: 12px;
29
29
  }
30
+ // 🔹 minus (indeterminate) state
31
+ &.checkbox_remove {
32
+ background-color: var(--_primary-400);
33
+ border-color: var(--_primary-400);
34
+
35
+ &::after {
36
+ content: "";
37
+ position: absolute;
38
+ top: 50%;
39
+ left: 50%;
40
+ width: 8px;
41
+ height: 2px;
42
+ background: white;
43
+ transform: translate(-50%, -50%);
44
+ }
45
+ }
30
46
  }
31
47
 
32
48
  // checked state
package/dist/checkout.scss CHANGED
@@ -1567,13 +1567,13 @@ $dark-color: #343a40;
1567
1567
  var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-fy)
1568
1568
  )
1569
1569
  );
1570
- font-size: var(
1571
- --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-ft-se,
1572
- var(
1573
- --_ctm-tab-dn-an-tb-sg-md-se-ll-md-ll-ft-se,
1574
- var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-se)
1575
- )
1576
- );
1570
+ // font-size: var(
1571
+ // --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-ft-se,
1572
+ // var(
1573
+ // --_ctm-tab-dn-an-tb-sg-md-se-ll-md-ll-ft-se,
1574
+ // var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-se)
1575
+ // )
1576
+ // );
1577
1577
  font-style: var(
1578
1578
  --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-ft-se-ic,
1579
1579
  var(
@@ -1670,13 +1670,13 @@ $dark-color: #343a40;
1670
1670
  var(--_ctm-dn-an-tb-sg-md-se-ll-se-ll-os-ft-fy)
1671
1671
  )
1672
1672
  );
1673
- font-size: var(
1674
- --_ctm-mob-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se,
1675
- var(
1676
- --_ctm-tab-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se,
1677
- var(--_ctm-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se)
1678
- )
1679
- );
1673
+ // font-size: var(
1674
+ // --_ctm-mob-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se,
1675
+ // var(
1676
+ // --_ctm-tab-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se,
1677
+ // var(--_ctm-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se)
1678
+ // )
1679
+ // );
1680
1680
  font-style: var(
1681
1681
  --_ctm-mob-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se-ic,
1682
1682
  var(
@@ -1743,13 +1743,13 @@ $dark-color: #343a40;
1743
1743
  var(--_ctm-dn-an-tb-sg-md-se-ll-se-ll-os-ft-fy-dc)
1744
1744
  )
1745
1745
  );
1746
- font-size: var(
1747
- --_ctm-mob-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se-dc,
1748
- var(
1749
- --_ctm-tab-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se-dc,
1750
- var(--_ctm-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se-dc)
1751
- )
1752
- );
1746
+ // font-size: var(
1747
+ // --_ctm-mob-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se-dc,
1748
+ // var(
1749
+ // --_ctm-tab-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se-dc,
1750
+ // var(--_ctm-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se-dc)
1751
+ // )
1752
+ // );
1753
1753
  font-style: var(
1754
1754
  --_ctm-mob-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se-ic-dc,
1755
1755
  var(
@@ -2209,13 +2209,13 @@ $dark-color: #343a40;
2209
2209
  var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-te-ft-fy)
2210
2210
  )
2211
2211
  );
2212
- font-size: var(
2213
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-te-ft-se,
2214
- var(
2215
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-te-ft-se,
2216
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-te-ft-se)
2217
- )
2218
- );
2212
+ // font-size: var(
2213
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-te-ft-se,
2214
+ // var(
2215
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-te-ft-se,
2216
+ // var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-te-ft-se)
2217
+ // )
2218
+ // );
2219
2219
  font-style: var(
2220
2220
  --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-te-ft-se-ic,
2221
2221
  var(
@@ -2415,13 +2415,13 @@ $dark-color: #343a40;
2415
2415
  var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-wt)
2416
2416
  )
2417
2417
  );
2418
- font-size: var(
2419
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2420
- var(
2421
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2422
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se)
2423
- )
2424
- );
2418
+ // font-size: var(
2419
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2420
+ // var(
2421
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se,
2422
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-se)
2423
+ // )
2424
+ // );
2425
2425
  padding: var(
2426
2426
  --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-pg,
2427
2427
  var(
@@ -2457,13 +2457,13 @@ $dark-color: #343a40;
2457
2457
  var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-wt)
2458
2458
  )
2459
2459
  );
2460
- font-size: var(
2461
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
2462
- var(
2463
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
2464
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se)
2465
- )
2466
- );
2460
+ // font-size: var(
2461
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
2462
+ // var(
2463
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
2464
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se)
2465
+ // )
2466
+ // );
2467
2467
  padding: var(
2468
2468
  --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-pg,
2469
2469
  var(
@@ -2496,13 +2496,13 @@ $dark-color: #343a40;
2496
2496
  var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-wt-dc)
2497
2497
  )
2498
2498
  );
2499
- font-size: var(
2500
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
2501
- var(
2502
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
2503
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc)
2504
- )
2505
- );
2499
+ // font-size: var(
2500
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
2501
+ // var(
2502
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
2503
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc)
2504
+ // )
2505
+ // );
2506
2506
  padding: var(
2507
2507
  --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-pg-dc,
2508
2508
  var(
@@ -2632,13 +2632,13 @@ $dark-color: #343a40;
2632
2632
  var(--_ctm-dn-an-tb-bs-ty-py-dt-se-ft-fy)
2633
2633
  )
2634
2634
  );
2635
- font-size: var(
2636
- --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-ft-se,
2637
- var(
2638
- --_ctm-tab-dn-an-tb-bs-ty-py-dt-se-ft-se,
2639
- var(--_ctm-dn-an-tb-bs-ty-py-dt-se-ft-se)
2640
- )
2641
- );
2635
+ // font-size: var(
2636
+ // --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-ft-se,
2637
+ // var(
2638
+ // --_ctm-tab-dn-an-tb-bs-ty-py-dt-se-ft-se,
2639
+ // var(--_ctm-dn-an-tb-bs-ty-py-dt-se-ft-se)
2640
+ // )
2641
+ // );
2642
2642
  font-style: var(
2643
2643
  --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-ft-se-ic,
2644
2644
  var(
@@ -5194,13 +5194,13 @@ $dark-color: #343a40;
5194
5194
  var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-te-ft-fy)
5195
5195
  )
5196
5196
  );
5197
- font-size: var(
5198
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-te-ft-se,
5199
- var(
5200
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-te-ft-se,
5201
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-te-ft-se)
5202
- )
5203
- );
5197
+ // font-size: var(
5198
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-te-ft-se,
5199
+ // var(
5200
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-te-ft-se,
5201
+ // var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-te-ft-se)
5202
+ // )
5203
+ // );
5204
5204
  font-style: var(
5205
5205
  --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-te-ft-se-ic,
5206
5206
  var(
package/dist/confirmationModal.scss CHANGED
@@ -119,7 +119,7 @@
119
119
  }
120
120
 
121
121
  .confirmation-button {
122
- background-color: #dc2626;
122
+ background-color: #dc2626; // red-600
123
123
 
124
124
  &:hover {
125
125
  background-color: #b91c1c;
@@ -127,9 +127,7 @@
127
127
  }
128
128
 
129
129
  .primaryConfirmation-button {
130
- background-color: #162578;
131
- color: #ffffff;
132
- font-weight: 600;
130
+ background-color: #162578; // red-600
133
131
 
134
132
  &:hover {
135
133
  background-color: #101c5f;