@sc-360-v2/storefront-cms-library 0.3.48 → 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 (17) 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 -34
  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 +4 -0
  8. package/dist/confirmationModal.scss +0 -1
  9. package/dist/order-status.scss +95 -52
  10. package/dist/shipping-payments.scss +4 -0
  11. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +1 -0
  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/userElements.d.ts +120 -0
  15. package/dist/user-elements copy.scss +1437 -0
  16. package/dist/user-elements.scss +263 -175
  17. package/package.json +1 -1
package/dist/buy-for-tab.scss CHANGED
@@ -127,6 +127,7 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
127
127
  &.#{$tabHeader} {
128
128
  display: var(--_d-flex);
129
129
  border-bottom: 1px solid var(--_gray-200);
130
+ margin: 0 16px;
130
131
 
131
132
  &[data-hs-br="false"] {
132
133
  --_hide-btn-border: none;
@@ -177,8 +178,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
177
178
  var(
178
179
  --_sf-buy-hr-bg-cr,
179
180
  var(
180
- --_ctm-mob-buy-dn-ts-dt-se-bd-cr,
181
- 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))
182
183
  )
183
184
  )
184
185
  );
@@ -190,8 +191,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
190
191
  var(
191
192
  --_sf-buy-hr-br-cr,
192
193
  var(
193
- --_ctm-mob-buy-dn-ts-dt-se-br-cr,
194
- 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))
195
196
  )
196
197
  )
197
198
  )
@@ -203,8 +204,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
203
204
  var(
204
205
  --_sf-buy-hr-br-sty,
205
206
  var(
206
- --_ctm-mob-buy-dn-ts-dt-se-br-se,
207
- 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))
208
209
  )
209
210
  )
210
211
  )
@@ -216,8 +217,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
216
217
  var(
217
218
  --_sf-buy-hr-br-wt,
218
219
  var(
219
- --_ctm-mob-buy-dn-ts-dt-se-br-wh,
220
- 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))
221
222
  )
222
223
  )
223
224
  )
@@ -227,8 +228,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
227
228
  var(
228
229
  --_sf-buy-hr-br-rs,
229
230
  var(
230
- --_ctm-mob-buy-dn-ts-dt-se-br-rs,
231
- 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))
232
233
  )
233
234
  )
234
235
  );
@@ -277,7 +278,7 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
277
278
  )
278
279
  );
279
280
 
280
- &.active {
281
+ &[data-is-active="true"] {
281
282
  --_sf-buy-sd-bg-cr: var(
282
283
  --_ctm-mob-buy-dn-ts-sd-se-bd-cr,
283
284
  var(--_ctm-tab-buy-dn-ts-sd-se-bd-cr, var(--_ctm-buy-dn-ts-sd-se-bd-cr))
@@ -446,14 +447,13 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
446
447
  }
447
448
  // width: max-content;
448
449
 
449
- font-family:
450
- var(
450
+ font-family: var(
451
451
  --_sf-buy-sd-ft-fy,
452
452
  var(
453
453
  --_sf-buy-hr-ft-fy,
454
454
  var(
455
- --_ctm-mob-buy-dn-ts-dt-se-ft-fy,
456
- 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))
457
457
  )
458
458
  )
459
459
  ),
@@ -463,8 +463,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
463
463
  var(
464
464
  --_sf-buy-hr-ft-sz,
465
465
  var(
466
- --_ctm-mob-buy-dn-ts-dt-se-ft-se,
467
- 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))
468
468
  )
469
469
  )
470
470
  );
@@ -473,8 +473,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
473
473
  var(
474
474
  --_sf-buy-hr-ft-cr,
475
475
  var(
476
- --_ctm-mob-buy-dn-ts-dt-se-cr,
477
- 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))
478
478
  )
479
479
  )
480
480
  );
@@ -483,8 +483,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
483
483
  var(
484
484
  --_sf-buy-hr-ft-wt,
485
485
  var(
486
- --_ctm--mob-buy-dn-ts-dt-se-ft-wt,
487
- 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))
488
488
  )
489
489
  )
490
490
  );
@@ -493,11 +493,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
493
493
  var(
494
494
  --_sf-buy-hr-ft-sty,
495
495
  var(
496
- --_ctm-mob-buy-dn-ts-dt-se-ft-se-ic,
497
- var(
498
- --_ctm-tab-buy-dn-ts-dt-se-ft-se-ic,
499
- var(--_ctm-buy-dn-ts-dt-se-ft-se-ic, normal)
500
- )
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))
501
498
  )
502
499
  )
503
500
  );
@@ -506,8 +503,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
506
503
  var(
507
504
  --_sf-buy-hr-ft-tdc,
508
505
  var(
509
- --_ctm-mob-buy-dn-ts-dt-se-ue,
510
- 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))
511
508
  )
512
509
  )
513
510
  );
@@ -516,8 +513,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
516
513
  var(
517
514
  --_sf-buy-hr-ft-tln,
518
515
  var(
519
- --_ctm-mob-buy-dn-ts-dt-se-tt-an,
520
- 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))
521
518
  )
522
519
  )
523
520
  );
@@ -526,8 +523,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
526
523
  var(
527
524
  --_sf-buy-hr-ft-lts,
528
525
  var(
529
- --_ctm-mob-buy-dn-ts-dt-se-lr-sg,
530
- 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))
531
528
  )
532
529
  )
533
530
  );
@@ -536,8 +533,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
536
533
  var(
537
534
  --_sf-buy-hr-ft-lht,
538
535
  var(
539
- --_ctm-mob-buy-dn-ts-dt-se-le-ht,
540
- 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))
541
538
  )
542
539
  )
543
540
  );