@sc-360-v2/storefront-cms-library 0.3.47 → 0.3.49

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 (21) hide show
  1. package/dist/add-products-tab.scss +46 -12
  2. package/dist/builder.js +1 -1
  3. package/dist/buy-for-tab.scss +31 -32
  4. package/dist/buyForHeaders.scss +869 -55
  5. package/dist/cart-details.scss +4 -1
  6. package/dist/cart-summary.scss +161 -0
  7. package/dist/checkout.scss +135 -6
  8. package/dist/order-status.scss +95 -52
  9. package/dist/profile.scss +84 -21
  10. package/dist/shipping-payments.scss +204 -45
  11. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +33 -1
  12. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +23 -1
  13. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +990 -210
  14. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +79 -0
  15. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +0 -8
  16. package/dist/types/builder/tools/element-edit/profile.d.ts +17 -1
  17. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +1012 -14
  18. package/dist/types/builder/tools/element-edit/userElements.d.ts +120 -0
  19. package/dist/user-elements copy.scss +1437 -0
  20. package/dist/user-elements.scss +263 -175
  21. package/package.json +1 -1
package/dist/buy-for-tab.scss CHANGED
@@ -126,6 +126,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
126
126
  & > div {
127
127
  &.#{$tabHeader} {
128
128
  display: var(--_d-flex);
129
+ border-bottom: 1px solid var(--_gray-200);
130
+ margin: 0 16px;
129
131
 
130
132
  &[data-hs-br="false"] {
131
133
  --_hide-btn-border: none;
@@ -176,8 +178,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
176
178
  var(
177
179
  --_sf-buy-hr-bg-cr,
178
180
  var(
179
- --_ctm-mob-buy-dn-ts-dt-se-bd-cr,
180
- var(--_ctm-tab-buy-dn-ts-dt-se-bd-cr, var(--_ctm-buy-dn-ts-dt-se-bd-cr))
181
+ --_ctm-mob-buy-dn-ts-bd-cr,
182
+ var(--_ctm-tab-buy-dn-ts-bd-cr, var(--_ctm-buy-dn-ts-bd-cr))
181
183
  )
182
184
  )
183
185
  );
@@ -189,8 +191,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
189
191
  var(
190
192
  --_sf-buy-hr-br-cr,
191
193
  var(
192
- --_ctm-mob-buy-dn-ts-dt-se-br-cr,
193
- var(--_ctm-tab-buy-dn-ts-dt-se-br-cr, var(--_ctm-buy-dn-ts-dt-se-br-cr))
194
+ --_ctm-mob-buy-dn-ts-br-cr,
195
+ var(--_ctm-tab-buy-dn-ts-br-cr, var(--_ctm-buy-dn-ts-br-cr))
194
196
  )
195
197
  )
196
198
  )
@@ -202,8 +204,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
202
204
  var(
203
205
  --_sf-buy-hr-br-sty,
204
206
  var(
205
- --_ctm-mob-buy-dn-ts-dt-se-br-se,
206
- var(--_ctm-tab-buy-dn-ts-dt-se-br-se, var(--_ctm-buy-dn-ts-dt-se-br-se))
207
+ --_ctm-mob-buy-dn-ts-br-se,
208
+ var(--_ctm-tab-buy-dn-ts-br-se, var(--_ctm-buy-dn-ts-br-se))
207
209
  )
208
210
  )
209
211
  )
@@ -215,8 +217,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
215
217
  var(
216
218
  --_sf-buy-hr-br-wt,
217
219
  var(
218
- --_ctm-mob-buy-dn-ts-dt-se-br-wh,
219
- var(--_ctm-tab-buy-dn-ts-dt-se-br-wh, var(--_ctm-buy-dn-ts-dt-se-br-wh))
220
+ --_ctm-mob-buy-dn-ts-br-wh,
221
+ var(--_ctm-tab-buy-dn-ts-br-wh, var(--_ctm-buy-dn-ts-br-wh))
220
222
  )
221
223
  )
222
224
  )
@@ -226,8 +228,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
226
228
  var(
227
229
  --_sf-buy-hr-br-rs,
228
230
  var(
229
- --_ctm-mob-buy-dn-ts-dt-se-br-rs,
230
- var(--_ctm-tab-buy-dn-ts-dt-se-br-rs, var(--_ctm-buy-dn-ts-dt-se-br-rs))
231
+ --_ctm-mob-buy-dn-ts-br-rs,
232
+ var(--_ctm-tab-buy-dn-ts-br-rs, var(--_ctm-buy-dn-ts-br-rs))
231
233
  )
232
234
  )
233
235
  );
@@ -276,7 +278,7 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
276
278
  )
277
279
  );
278
280
 
279
- &.active {
281
+ &[data-is-active="true"] {
280
282
  --_sf-buy-sd-bg-cr: var(
281
283
  --_ctm-mob-buy-dn-ts-sd-se-bd-cr,
282
284
  var(--_ctm-tab-buy-dn-ts-sd-se-bd-cr, var(--_ctm-buy-dn-ts-sd-se-bd-cr))
@@ -450,8 +452,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
450
452
  var(
451
453
  --_sf-buy-hr-ft-fy,
452
454
  var(
453
- --_ctm-mob-buy-dn-ts-dt-se-ft-fy,
454
- var(--_ctm-tab-buy-dn-ts-dt-se-ft-fy, var(--_ctm-buy-dn-ts-dt-se-ft-fy))
455
+ --_ctm-mob-buy-dn-ts-ft-fy,
456
+ var(--_ctm-tab-buy-dn-ts-ft-fy, var(--_ctm-buy-dn-ts-ft-fy))
455
457
  )
456
458
  )
457
459
  ),
@@ -461,8 +463,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
461
463
  var(
462
464
  --_sf-buy-hr-ft-sz,
463
465
  var(
464
- --_ctm-mob-buy-dn-ts-dt-se-ft-se,
465
- var(--_ctm-tab-buy-dn-ts-dt-se-ft-se, var(--_ctm-buy-dn-ts-dt-se-ft-se))
466
+ --_ctm-mob-buy-dn-ts-ft-se,
467
+ var(--_ctm-tab-buy-dn-ts-ft-se, var(--_ctm-buy-dn-ts-ft-se))
466
468
  )
467
469
  )
468
470
  );
@@ -471,8 +473,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
471
473
  var(
472
474
  --_sf-buy-hr-ft-cr,
473
475
  var(
474
- --_ctm-mob-buy-dn-ts-dt-se-cr,
475
- var(--_ctm-tab-buy-dn-ts-dt-se-cr, var(--_ctm-buy-dn-ts-dt-se-cr))
476
+ --_ctm-mob-buy-dn-ts-cr,
477
+ var(--_ctm-tab-buy-dn-ts-cr, var(--_ctm-buy-dn-ts-cr))
476
478
  )
477
479
  )
478
480
  );
@@ -481,8 +483,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
481
483
  var(
482
484
  --_sf-buy-hr-ft-wt,
483
485
  var(
484
- --_ctm--mob-buy-dn-ts-dt-se-ft-wt,
485
- var(--_ctm-tab-buy-dn-ts-dt-se-ft-wt, var(--_ctm-buy-dn-ts-dt-se-ft-wt))
486
+ --_ctm--mob-buy-dn-ts-ft-wt,
487
+ var(--_ctm-tab-buy-dn-ts-ft-wt, var(--_ctm-buy-dn-ts-ft-wt))
486
488
  )
487
489
  )
488
490
  );
@@ -491,11 +493,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
491
493
  var(
492
494
  --_sf-buy-hr-ft-sty,
493
495
  var(
494
- --_ctm-mob-buy-dn-ts-dt-se-ft-se-ic,
495
- var(
496
- --_ctm-tab-buy-dn-ts-dt-se-ft-se-ic,
497
- var(--_ctm-buy-dn-ts-dt-se-ft-se-ic, normal)
498
- )
496
+ --_ctm-mob-buy-dn-ts-ft-se-ic,
497
+ var(--_ctm-tab-buy-dn-ts-ft-se-ic, var(--_ctm-buy-dn-ts-ft-se-ic, normal))
499
498
  )
500
499
  )
501
500
  );
@@ -504,8 +503,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
504
503
  var(
505
504
  --_sf-buy-hr-ft-tdc,
506
505
  var(
507
- --_ctm-mob-buy-dn-ts-dt-se-ue,
508
- var(--_ctm-tab-buy-dn-ts-dt-se-ue, var(--_ctm-buy-dn-ts-dt-se-ue))
506
+ --_ctm-mob-buy-dn-ts-ue,
507
+ var(--_ctm-tab-buy-dn-ts-ue, var(--_ctm-buy-dn-ts-ue))
509
508
  )
510
509
  )
511
510
  );
@@ -514,8 +513,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
514
513
  var(
515
514
  --_sf-buy-hr-ft-tln,
516
515
  var(
517
- --_ctm-mob-buy-dn-ts-dt-se-tt-an,
518
- var(--_ctm-tab-buy-dn-ts-dt-se-tt-an, var(--_ctm-buy-dn-ts-dt-se-tt-an))
516
+ --_ctm-mob-buy-dn-ts-tt-an,
517
+ var(--_ctm-tab-buy-dn-ts-tt-an, var(--_ctm-buy-dn-ts-tt-an))
519
518
  )
520
519
  )
521
520
  );
@@ -524,8 +523,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
524
523
  var(
525
524
  --_sf-buy-hr-ft-lts,
526
525
  var(
527
- --_ctm-mob-buy-dn-ts-dt-se-lr-sg,
528
- var(--_ctm-tab-buy-dn-ts-dt-se-lr-sg, var(--_ctm-buy-dn-ts-dt-se-lr-sg))
526
+ --_ctm-mob-buy-dn-ts-lr-sg,
527
+ var(--_ctm-tab-buy-dn-ts-lr-sg, var(--_ctm-buy-dn-ts-lr-sg))
529
528
  )
530
529
  )
531
530
  );
@@ -534,8 +533,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
534
533
  var(
535
534
  --_sf-buy-hr-ft-lht,
536
535
  var(
537
- --_ctm-mob-buy-dn-ts-dt-se-le-ht,
538
- var(--_ctm-tab-buy-dn-ts-dt-se-le-ht, var(--_ctm-buy-dn-ts-dt-se-le-ht))
536
+ --_ctm-mob-buy-dn-ts-le-ht,
537
+ var(--_ctm-tab-buy-dn-ts-le-ht, var(--_ctm-buy-dn-ts-le-ht))
539
538
  )
540
539
  )
541
540
  );