@sc-360-v2/storefront-cms-library 0.3.78 → 0.3.80

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 (14) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/cart-summary.scss +157 -40
  3. package/dist/checkout.scss +63 -53
  4. package/dist/coupon.scss +84 -0
  5. package/dist/image-for-product.scss +1 -0
  6. package/dist/skeleton.scss +8 -0
  7. package/dist/types/builder/elements/coupon/index.d.ts +25 -0
  8. package/dist/types/builder/enums/index.d.ts +3 -1
  9. package/dist/types/builder/index.d.ts +2 -1
  10. package/dist/types/builder/tools/element-edit/coupon.d.ts +4792 -0
  11. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  12. package/dist/website.js +1 -1
  13. package/dist/widget.scss +1 -0
  14. package/package.json +1 -1
package/dist/cart-summary.scss CHANGED
@@ -287,10 +287,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
287
287
  --_ctm-mob-dn-pt-wt-pt-qy-ft-wt,
288
288
  var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt, var(--_ctm-dn-pt-wt-pt-qy-ft-wt))
289
289
  );
290
- font-size: var(
291
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se,
292
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se))
293
- );
290
+ // font-size: var(
291
+ // --_ctm-mob-dn-pt-wt-pt-qy-ft-se,
292
+ // var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se))
293
+ // );
294
+ font-size: 12px;
294
295
  text-decoration: var(
295
296
  --_ctm-mob-dn-pt-wt-pt-qy-ue,
296
297
  var(--_ctm-tab-dn-pt-wt-pt-qy-ue, var(--_ctm-dn-pt-wt-pt-qy-ue))
@@ -325,10 +326,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
325
326
  --_ctm-mob-dn-pt-wt-pt-qy-ft-wt-dc,
326
327
  var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-wt-dc))
327
328
  );
328
- font-size: var(
329
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
330
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc))
331
- );
329
+ // font-size: var(
330
+ // --_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
331
+ // var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc))
332
+ // );
333
+ font-size: 12px;
332
334
  text-decoration: var(
333
335
  --_ctm-mob-dn-pt-wt-pt-qy-ue-dc,
334
336
  var(--_ctm-tab-dn-pt-wt-pt-qy-ue-dc, var(--_ctm-dn-pt-wt-pt-qy-ue-dc))
@@ -507,9 +509,46 @@ $resizeActive: '[data-cms-element-resizer="true"]';
507
509
  align-self: stretch;
508
510
  justify-content: space-between;
509
511
  .cart_summary_number_text {
510
- color: var(--_gray-500);
512
+ // color: var(--_gray-500);
513
+ // font-size: 14px;
514
+ // font-weight: 400;
515
+ font-family: var(
516
+ --_ctm-mob-dn-nr-of-is-ft-fy,
517
+ var(--_ctm-tab-dn-nr-of-is-ft-fy, var(--_ctm-dn-nr-of-is-ft-fy))
518
+ );
519
+ color: var(
520
+ --_ctm-mob-dn-nr-of-is-cr,
521
+ var(--_ctm-tab-dn-nr-of-is-cr, var(--_ctm-dn-nr-of-is-cr))
522
+ );
523
+ font-weight: var(
524
+ --_ctm-mob-dn-nr-of-is-ft-wt,
525
+ var(--_ctm-tab-dn-nr-of-is-ft-wt, var(--_ctm-dn-nr-of-is-ft-wt))
526
+ );
527
+ // font-size: var(
528
+ // --_ctm-mob-dn-nr-of-is-ft-se,
529
+ // var(--_ctm-tab-dn-nr-of-is-ft-se, var(--_ctm-dn-nr-of-is-ft-se))
530
+ // );
511
531
  font-size: 14px;
512
- font-weight: 400;
532
+ text-decoration: var(
533
+ --_ctm-mob-dn-nr-of-is-ue,
534
+ var(--_ctm-tab-dn-nr-of-is-ue, var(--_ctm-dn-nr-of-is-ue))
535
+ );
536
+ letter-spacing: var(
537
+ --_ctm-mob-dn-nr-of-is-lr-sg,
538
+ var(--_ctm-tab-dn-nr-of-is-lr-sg, var(--_ctm-dn-nr-of-is-lr-sg))
539
+ );
540
+ line-height: var(
541
+ --_ctm-mob-dn-nr-of-is-le-ht,
542
+ var(--_ctm-tab-dn-nr-of-is-le-ht, var(--_ctm-dn-nr-of-is-le-ht))
543
+ );
544
+ font-style: var(
545
+ --_ctm-mob-dn-nr-of-is-ft-se-ic,
546
+ var(--_ctm-tab-dn-nr-of-is-ft-se-ic, var(--_ctm-dn-nr-of-is-ft-se-ic))
547
+ );
548
+ text-align: var(
549
+ --_ctm-mob-dn-nr-of-is-tt-an,
550
+ var(--_ctm-tab-dn-nr-of-is-tt-an, var(--_ctm-dn-nr-of-is-tt-an))
551
+ );
513
552
  }
514
553
  .cart_summary_number_value {
515
554
  font-family: var(
@@ -555,8 +594,45 @@ $resizeActive: '[data-cms-element-resizer="true"]';
555
594
  flex-direction: column;
556
595
  gap: 8px;
557
596
  .cart_summary_shippingLabel_text {
597
+ // font-size: 14px;
598
+ // color: var(--_gray-500);
599
+ font-family: var(
600
+ --_ctm-mob-dn-sg-cs-ft-fy,
601
+ var(--_ctm-tab-dn-sg-cs-ft-fy, var(--_ctm-dn-sg-cs-ft-fy))
602
+ );
603
+ color: var(
604
+ --_ctm-mob-dn-sg-cs-cr,
605
+ var(--_ctm-tab-dn-sg-cs-cr, var(--_ctm-dn-sg-cs-cr))
606
+ );
607
+ font-weight: var(
608
+ --_ctm-mob-dn-sg-cs-ft-wt,
609
+ var(--_ctm-tab-dn-sg-cs-ft-wt, var(--_ctm-dn-sg-cs-ft-wt))
610
+ );
611
+ // font-size: var(
612
+ // --_ctm-mob-dn-sg-cs-ft-se,
613
+ // var(--_ctm-tab-dn-sg-cs-ft-se, var(--_ctm-dn-sg-cs-ft-se))
614
+ // );
558
615
  font-size: 14px;
559
- color: var(--_gray-500);
616
+ text-decoration: var(
617
+ --_ctm-mob-dn-sg-cs-ue,
618
+ var(--_ctm-tab-dn-sg-cs-ue, var(--_ctm-dn-sg-cs-ue))
619
+ );
620
+ letter-spacing: var(
621
+ --_ctm-mob-dn-sg-cs-lr-sg,
622
+ var(--_ctm-tab-dn-sg-cs-lr-sg, var(--_ctm-dn-sg-cs-lr-sg))
623
+ );
624
+ line-height: var(
625
+ --_ctm-mob-dn-sg-cs-le-ht,
626
+ var(--_ctm-tab-dn-sg-cs-le-ht, var(--_ctm-dn-sg-cs-le-ht))
627
+ );
628
+ font-style: var(
629
+ --_ctm-mob-dn-sg-cs-ft-se-ic,
630
+ var(--_ctm-tab-dn-sg-cs-ft-se-ic, var(--_ctm-dn-sg-cs-ft-se-ic))
631
+ );
632
+ text-align: var(
633
+ --_ctm-mob-dn-sg-cs-tt-an,
634
+ var(--_ctm-tab-dn-sg-cs-tt-an, var(--_ctm-dn-sg-cs-tt-an))
635
+ );
560
636
  }
561
637
  .cart_summary_shippingLabel_value {
562
638
  font-family: var(
@@ -597,8 +673,42 @@ $resizeActive: '[data-cms-element-resizer="true"]';
597
673
  );
598
674
  }
599
675
  .cart_summary_tax_text {
676
+ // font-size: 14px;
677
+ // color: var(--_gray-500);
678
+ font-family: var(
679
+ --_ctm-mob-dn-tx-ft-fy,
680
+ var(--_ctm-tab-dn-tx-ft-fy, var(--_ctm-dn-tx-ft-fy))
681
+ );
682
+ color: var(--_ctm-mob-dn-tx-cr, var(--_ctm-tab-dn-tx-cr, var(--_ctm-dn-tx-cr)));
683
+ font-weight: var(
684
+ --_ctm-mob-dn-tx-ft-wt,
685
+ var(--_ctm-tab-dn-tx-ft-wt, var(--_ctm-dn-tx-ft-wt))
686
+ );
687
+ // font-size: var(
688
+ // --_ctm-mob-dn-tx-ft-se,
689
+ // var(--_ctm-tab-dn-tx-ft-se, var(--_ctm-dn-tx-ft-se))
690
+ // );
600
691
  font-size: 14px;
601
- color: var(--_gray-500);
692
+ text-decoration: var(
693
+ --_ctm-mob-dn-tx-ue,
694
+ var(--_ctm-tab-dn-tx-ue, var(--_ctm-dn-tx-ue))
695
+ );
696
+ letter-spacing: var(
697
+ --_ctm-mob-dn-tx-lr-sg,
698
+ var(--_ctm-tab-dn-tx-lr-sg, var(--_ctm-dn-tx-lr-sg))
699
+ );
700
+ line-height: var(
701
+ --_ctm-mob-dn-tx-le-ht,
702
+ var(--_ctm-tab-dn-tx-le-ht, var(--_ctm-dn-tx-le-ht))
703
+ );
704
+ font-style: var(
705
+ --_ctm-mob-dn-tx-ft-se-ic,
706
+ var(--_ctm-tab-dn-tx-ft-se-ic, var(--_ctm-dn-tx-ft-se-ic))
707
+ );
708
+ text-align: var(
709
+ --_ctm-mob-dn-tx-tt-an,
710
+ var(--_ctm-tab-dn-tx-tt-an, var(--_ctm-dn-tx-tt-an))
711
+ );
602
712
  }
603
713
  .cart_summary_tax_value {
604
714
  font-family: var(
@@ -663,10 +773,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
663
773
  --_ctm-mob-dn-sb-tl-ft-wt,
664
774
  var(--_ctm-tab-dn-sb-tl-ft-wt, var(--_ctm-dn-sb-tl-ft-wt))
665
775
  );
666
- font-size: var(
667
- --_ctm-mob-dn-sb-tl-ft-se,
668
- var(--_ctm-tab-dn-sb-tl-ft-se, var(--_ctm-dn-sb-tl-ft-se))
669
- );
776
+ // font-size: var(
777
+ // --_ctm-mob-dn-sb-tl-ft-se,
778
+ // var(--_ctm-tab-dn-sb-tl-ft-se, var(--_ctm-dn-sb-tl-ft-se))
779
+ // );
780
+ font-size: 16px;
670
781
  text-decoration: var(
671
782
  --_ctm-mob-dn-sb-tl-ue,
672
783
  var(--_ctm-tab-dn-sb-tl-ue, var(--_ctm-dn-sb-tl-ue))
@@ -701,10 +812,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
701
812
  --_ctm-mob-dn-sb-tl-ft-wt-dc,
702
813
  var(--_ctm-tab-dn-sb-tl-ft-wt-dc, var(--_ctm-dn-sb-tl-ft-wt-dc))
703
814
  );
704
- font-size: var(
705
- --_ctm-mob-dn-sb-tl-ft-se-dc,
706
- var(--_ctm-tab-dn-sb-tl-ft-se-dc, var(--_ctm-dn-sb-tl-ft-se-dc))
707
- );
815
+ // font-size: var(
816
+ // --_ctm-mob-dn-sb-tl-ft-se-dc,
817
+ // var(--_ctm-tab-dn-sb-tl-ft-se-dc, var(--_ctm-dn-sb-tl-ft-se-dc))
818
+ // );
819
+ font-size: 16px;
708
820
  text-decoration: var(
709
821
  --_ctm-mob-dn-sb-tl-ue-dc,
710
822
  var(--_ctm-tab-dn-sb-tl-ue-dc, var(--_ctm-dn-sb-tl-ue-dc))
@@ -737,10 +849,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
737
849
  --_ctm-mob-dn-tl-ft-wt,
738
850
  var(--_ctm-tab-dn-tl-ft-wt, var(--_ctm-dn-tl-ft-wt))
739
851
  );
740
- font-size: var(
741
- --_ctm-mob-dn-tl-ft-se,
742
- var(--_ctm-tab-dn-tl-ft-se, var(--_ctm-dn-tl-ft-se))
743
- );
852
+ // font-size: var(
853
+ // --_ctm-mob-dn-tl-ft-se,
854
+ // var(--_ctm-tab-dn-tl-ft-se, var(--_ctm-dn-tl-ft-se))
855
+ // );
856
+ font-size: 20px;
744
857
  text-decoration: var(
745
858
  --_ctm-mob-dn-tl-ue,
746
859
  var(--_ctm-tab-dn-tl-ue, var(--_ctm-dn-tl-ue))
@@ -775,10 +888,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
775
888
  --_ctm-mob-dn-tl-ft-wt-dc,
776
889
  var(--_ctm-tab-dn-tl-ft-wt-dc, var(--_ctm-dn-tl-ft-wt-dc))
777
890
  );
778
- font-size: var(
779
- --_ctm-mob-dn-tl-ft-se-dc,
780
- var(--_ctm-tab-dn-tl-ft-se-dc, var(--_ctm-dn-tl-ft-se-dc))
781
- );
891
+ // font-size: var(
892
+ // --_ctm-mob-dn-tl-ft-se-dc,
893
+ // var(--_ctm-tab-dn-tl-ft-se-dc, var(--_ctm-dn-tl-ft-se-dc))
894
+ // );
895
+ font-size: 20px;
782
896
  text-decoration: var(
783
897
  --_ctm-mob-dn-tl-ue-dc,
784
898
  var(--_ctm-tab-dn-tl-ue-dc, var(--_ctm-dn-tl-ue-dc,))
@@ -831,10 +945,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
831
945
  --_ctm-mob-dn-pt-wt-pt-ne-ft-wt,
832
946
  var(--_ctm-tab-dn-pt-wt-pt-ne-ft-wt, var(--_ctm-dn-pt-wt-pt-ne-ft-wt))
833
947
  );
834
- font-size: var(
835
- --_ctm-mob-dn-pt-wt-pt-ne-ft-se,
836
- var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se, var(--_ctm-dn-pt-wt-pt-ne-ft-se))
837
- );
948
+ // font-size: var(
949
+ // --_ctm-mob-dn-pt-wt-pt-ne-ft-se,
950
+ // var(--_ctm-tab-dn-pt-wt-pt-ne-ft-se, var(--_ctm-dn-pt-wt-pt-ne-ft-se))
951
+ // );
952
+ font-size: 14px;
838
953
  // pt-wt-pt-pe-ue pt-wt-pt-ne-ue
839
954
  text-decoration: var(
840
955
  --_ctm-mob-pt-wt-pt-pe-ue,
@@ -884,10 +999,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
884
999
  --_ctm-mob-dn-pt-wt-pt-pe-ft-wt,
885
1000
  var(--_ctm-tab-dn-pt-wt-pt-pe-ft-wt, var(--_ctm-dn-pt-wt-pt-pe-ft-wt))
886
1001
  );
887
- font-size: var(
888
- --_ctm-mob-dn-pt-wt-pt-pe-ft-se,
889
- var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se, var(--_ctm-dn-pt-wt-pt-pe-ft-se))
890
- );
1002
+ // font-size: var(
1003
+ // --_ctm-mob-dn-pt-wt-pt-pe-ft-se,
1004
+ // var(--_ctm-tab-dn-pt-wt-pt-pe-ft-se, var(--_ctm-dn-pt-wt-pt-pe-ft-se))
1005
+ // );
1006
+ font-size: 12px;
891
1007
  text-decoration: var(
892
1008
  --_ctm-mob-dn-pt-wt-pt-pe-ue,
893
1009
  var(--_ctm-tab-dn-pt-wt-pt-pe-ue, var(--_ctm-dn-pt-wt-pt-pe-ue))
@@ -926,10 +1042,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
926
1042
  --_ctm-mob-dn-pt-wt-pt-ce-ft-wt,
927
1043
  var(--_ctm-tab-dn-pt-wt-pt-ce-ft-wt, var(--_ctm-dn-pt-wt-pt-ce-ft-wt))
928
1044
  );
929
- font-size: var(
930
- --_ctm-mob-dn-pt-wt-pt-ce-ft-se,
931
- var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se, var(--_ctm-dn-pt-wt-pt-ce-ft-se))
932
- );
1045
+ // font-size: var(
1046
+ // --_ctm-mob-dn-pt-wt-pt-ce-ft-se,
1047
+ // var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se, var(--_ctm-dn-pt-wt-pt-ce-ft-se))
1048
+ // );
1049
+ font-size: 12px;
933
1050
  text-decoration: var(
934
1051
  --_ctm-mob-dn-pt-wt-pt-pe-ue,
935
1052
  var(--_ctm-tab-dn-pt-wt-pt-pe-ue, var(--_ctm-dn-pt-wt-pt-pe-ue))
package/dist/checkout.scss CHANGED
@@ -338,13 +338,14 @@ $dark-color: #343a40;
338
338
  .edit-btn {
339
339
  // cursor: pointer;
340
340
  // color: var(--_primary-400);
341
- background-color: var(
342
- --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-bd-cr,
343
- var(
344
- --_ctm-tab-dn-an-tb-bs-ty-py-dt-se-bd-cr,
345
- var(--_ctm-dn-an-tb-bs-ty-py-dt-se-bd-cr)
346
- )
347
- );
341
+ // background-color: var(
342
+ // --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-bd-cr,
343
+ // var(
344
+ // --_ctm-tab-dn-an-tb-bs-ty-py-dt-se-bd-cr,
345
+ // var(--_ctm-dn-an-tb-bs-ty-py-dt-se-bd-cr)
346
+ // )
347
+ // );
348
+ background-color: transparent;
348
349
  border-color: var(
349
350
  --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-br-cr,
350
351
  var(
@@ -373,10 +374,11 @@ $dark-color: #343a40;
373
374
  var(--_ctm-dn-an-tb-bs-ty-py-dt-se-br-wh)
374
375
  )
375
376
  );
376
- color: var(
377
- --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-cr,
378
- var(--_ctm-tab-dn-an-tb-bs-ty-py-dt-se-cr, var(--_ctm-dn-an-tb-bs-ty-py-dt-se-cr))
379
- );
377
+ // color: var(
378
+ // --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-cr,
379
+ // var(--_ctm-tab-dn-an-tb-bs-ty-py-dt-se-cr, var(--_ctm-dn-an-tb-bs-ty-py-dt-se-cr))
380
+ // );
381
+ color: var(--_thm-cs-tt-ls-as);
380
382
  font-family: var(
381
383
  --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-ft-fy,
382
384
  var(
@@ -1541,13 +1543,14 @@ $dark-color: #343a40;
1541
1543
  --_ctm-mob-dn-an-tb-sg-md-sg-md-cr-pg,
1542
1544
  var(--_ctm-tab-dn-an-tb-sg-md-sg-md-cr-pg, var(--_ctm-dn-an-tb-sg-md-sg-md-cr-pg))
1543
1545
  );
1544
- gap: var(
1545
- --_ctm-mob-dn-an-tb-sg-md-sg-md-cr-im-gp,
1546
- var(
1547
- --_ctm-tab-dn-an-tb-sg-md-sg-md-cr-im-gp,
1548
- var(--_ctm-dn-an-tb-sg-md-sg-md-cr-im-gp)
1549
- )
1550
- );
1546
+ gap: 12px;
1547
+ // gap: var(
1548
+ // --_ctm-mob-dn-an-tb-sg-md-sg-md-cr-im-gp,
1549
+ // var(
1550
+ // --_ctm-tab-dn-an-tb-sg-md-sg-md-cr-im-gp,
1551
+ // var(--_ctm-dn-an-tb-sg-md-sg-md-cr-im-gp)
1552
+ // )
1553
+ // );
1551
1554
 
1552
1555
  .chk_shipping_method_heading {
1553
1556
  // color: var(--_gray-700);
@@ -1567,6 +1570,8 @@ $dark-color: #343a40;
1567
1570
  var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-fy)
1568
1571
  )
1569
1572
  );
1573
+ font-size: 14px;
1574
+ font-weight: 700;
1570
1575
  // font-size: var(
1571
1576
  // --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-ft-se,
1572
1577
  // var(
@@ -1581,13 +1586,13 @@ $dark-color: #343a40;
1581
1586
  var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-se-ic)
1582
1587
  )
1583
1588
  );
1584
- font-weight: var(
1585
- --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-ft-wt,
1586
- var(
1587
- --_ctm-tab-dn-an-tb-sg-md-se-ll-md-ll-ft-wt,
1588
- var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-wt)
1589
- )
1590
- );
1589
+ // font-weight: var(
1590
+ // --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-ft-wt,
1591
+ // var(
1592
+ // --_ctm-tab-dn-an-tb-sg-md-se-ll-md-ll-ft-wt,
1593
+ // var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-wt)
1594
+ // )
1595
+ // );
1591
1596
  line-height: var(
1592
1597
  --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-le-ht,
1593
1598
  var(
@@ -1670,6 +1675,7 @@ $dark-color: #343a40;
1670
1675
  var(--_ctm-dn-an-tb-sg-md-se-ll-se-ll-os-ft-fy)
1671
1676
  )
1672
1677
  );
1678
+ font-size: 14px;
1673
1679
  // font-size: var(
1674
1680
  // --_ctm-mob-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se,
1675
1681
  // var(
@@ -1955,7 +1961,7 @@ $dark-color: #343a40;
1955
1961
  font-size: 14px;
1956
1962
  font-weight: 600;
1957
1963
  &_label {
1958
- // font-size: 14px;
1964
+ font-size: 14px;
1959
1965
  // color: var(--_gray-600);
1960
1966
  color: var(
1961
1967
  --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-cr,
@@ -2192,7 +2198,7 @@ $dark-color: #343a40;
2192
2198
  justify-content: space-between;
2193
2199
  gap: 8px;
2194
2200
  .pp_ppm_section_label {
2195
- // font-size: 14px;
2201
+ font-size: 14px;
2196
2202
  // font-weight: 700;
2197
2203
  // color: var(--_gray-900);
2198
2204
  color: var(
@@ -5177,7 +5183,7 @@ $dark-color: #343a40;
5177
5183
  display: none;
5178
5184
  }
5179
5185
  .payment_program_title {
5180
- // font-size: 14px;
5186
+ font-size: 16px;
5181
5187
  // font-weight: 500;
5182
5188
  // color: var(--_gray-900);
5183
5189
  color: var(
@@ -5923,13 +5929,13 @@ $dark-color: #343a40;
5923
5929
  var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-wt)
5924
5930
  )
5925
5931
  );
5926
- font-size: var(
5927
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
5928
- var(
5929
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
5930
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se)
5931
- )
5932
- );
5932
+ // font-size: var(
5933
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
5934
+ // var(
5935
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
5936
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se)
5937
+ // )
5938
+ // );
5933
5939
  padding: var(
5934
5940
  --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-pg,
5935
5941
  var(
@@ -6346,13 +6352,13 @@ $dark-color: #343a40;
6346
6352
  var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-wt-dc)
6347
6353
  )
6348
6354
  );
6349
- font-size: var(
6350
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
6351
- var(
6352
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
6353
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc)
6354
- )
6355
- );
6355
+ // font-size: var(
6356
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
6357
+ // var(
6358
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
6359
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc)
6360
+ // )
6361
+ // );
6356
6362
  padding: var(
6357
6363
  --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-pg-dc,
6358
6364
  var(
@@ -6389,13 +6395,13 @@ $dark-color: #343a40;
6389
6395
  var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-wt)
6390
6396
  )
6391
6397
  );
6392
- font-size: var(
6393
- --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
6394
- var(
6395
- --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
6396
- var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se)
6397
- )
6398
- );
6398
+ // font-size: var(
6399
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
6400
+ // var(
6401
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
6402
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se)
6403
+ // )
6404
+ // );
6399
6405
  padding: var(
6400
6406
  --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-pg,
6401
6407
  var(
@@ -6554,21 +6560,25 @@ $dark-color: #343a40;
6554
6560
  padding-inline: 16px;
6555
6561
  }
6556
6562
  .cc_tertiary_btn {
6557
- color: var(--_primary-400);
6563
+ // color: var(--_primary-400);
6564
+ color: var(--_thm-cs-tt-ls-as);
6558
6565
 
6559
6566
  &:hover {
6560
- color: var(--_primary-500);
6567
+ // color: var(--_primary-500);
6568
+ color: var(--_thm-cs-tt-ls-as);
6561
6569
  text-decoration: underline;
6562
6570
  }
6563
6571
  }
6564
6572
 
6565
6573
  .gc_tertiary_btn {
6566
- color: var(--_primary-400);
6574
+ // color: var(--_primary-400);
6575
+ color: var(--_thm-cs-tt-ls-as);
6567
6576
  font-size: 14px;
6568
6577
  line-height: auto;
6569
6578
 
6570
6579
  &:hover {
6571
- color: var(--_primary-500);
6580
+ // color: var(--_primary-500);
6581
+ color: var(--_thm-cs-tt-ls-as);
6572
6582
  text-decoration: underline;
6573
6583
  }
6574
6584
  }
package/dist/coupon.scss ADDED
@@ -0,0 +1,84 @@
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ $resizerId: "[data-cms-tool='cms-element-resizer']";
5
+ $resizeActive: '[data-cms-element-resizer="true"]';
6
+
7
+ [data-div-type="element"] {
8
+ &[data-element-type="coupon"] {
9
+ width: var(
10
+ --_sf-el-wh-st-mx,
11
+ calc(
12
+ 1% *
13
+ var(
14
+ --_mob-ctm-ele-nw-wh-vl,
15
+ var(--_tab-ctm-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
16
+ )
17
+ )
18
+ );
19
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
20
+ & > div {
21
+ &.wrapper {
22
+ width: 100%;
23
+ }
24
+ }
25
+ .coupon_code {
26
+ background: var(--_base-white);
27
+ border: 1px solid var(--_gray-300);
28
+ border-radius: 4px;
29
+ width: 100%;
30
+ // max-width: 400px;
31
+ overflow: hidden;
32
+ height: auto;
33
+ position: sticky;
34
+ top: 10px;
35
+ // margin-bottom: 24px;
36
+ & > h3 {
37
+ font-size: 16px;
38
+ font-weight: 700;
39
+ color: var(--_gray-900);
40
+ background-color: #f5f5f5;
41
+ padding: 12px;
42
+ border-bottom: 1px solid var(--_gray-300);
43
+ }
44
+ .coupon_code_body {
45
+ padding: 0px 16px 16px 16px;
46
+ .apply_coupon_code_body {
47
+ padding-top: 16px;
48
+ display: flex;
49
+ align-items: flex-start;
50
+ justify-content: space-between;
51
+ gap: 12px;
52
+ .apply_coupon_code_flex {
53
+ display: flex;
54
+ .apply_coupon_code {
55
+ display: flex;
56
+ flex-direction: column;
57
+ justify-content: center;
58
+ gap: 4px;
59
+ .cpn_sale_text {
60
+ font-size: 16px;
61
+ font-weight: 600;
62
+ color: var(--_gray-900);
63
+ line-height: 20px;
64
+ }
65
+ .cpn_sale_desc {
66
+ font-size: 14px;
67
+ font-weight: 400;
68
+ color: var(--_gray-500);
69
+ line-height: 20px;
70
+ .login_link {
71
+ color: var(--_primary-400);
72
+ font-weight: 700;
73
+ }
74
+ }
75
+ }
76
+ }
77
+ .apply_coupon_code_btn {
78
+ padding: 12px;
79
+ }
80
+ }
81
+ }
82
+ }
83
+ }
84
+ }
package/dist/image-for-product.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  justify-content: center;
6
6
  align-items: center;
7
7
  border: 1px solid var(--_gray-200);
8
+ overflow: hidden;
8
9
  img {
9
10
  max-height: 100%;
10
11
  object-fit: contain;
package/dist/skeleton.scss CHANGED
@@ -31,3 +31,11 @@
31
31
  transform: translateX(100%);
32
32
  }
33
33
  }
34
+
35
+ // dropdown skeletons
36
+ .dpd_skeleton {
37
+ display: flex;
38
+ flex-direction: column;
39
+ gap: 4px;
40
+ padding: 4px;
41
+ }
package/dist/types/builder/elements/coupon/index.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import { CommonStyleProperties } from "../../../global/style-properties";
2
+ import { CMSHTMLAttributes } from "../../../global/attributes";
3
+ import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue } from "../../../global/types";
4
+ import { BuilderAttributes, CMSElementInterface } from "../common";
5
+ export interface CouponStyleProperties extends CommonStyleProperties {
6
+ minHeight?: MinHeightValue;
7
+ height?: HeightValue;
8
+ minWidth?: MinWidthValue;
9
+ maxWidth?: MaxWidthValue;
10
+ maxHeight?: MaxHeightValue;
11
+ gridArea?: GridAreaValue;
12
+ boxSizing?: BoxSizingValue;
13
+ justifySelf?: JustifySelfValue;
14
+ alignSelf?: AlignSelfValue;
15
+ }
16
+ export declare const getDefaultStyles: () => CouponStyleProperties;
17
+ export interface CMSCouponInterface extends Omit<CMSElementInterface, "attributes"> {
18
+ attributes: {
19
+ HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
20
+ BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
21
+ CUSTOM: any;
22
+ };
23
+ styles: CouponStyleProperties;
24
+ isMaximized?: boolean;
25
+ }
package/dist/types/builder/enums/index.d.ts CHANGED
@@ -183,7 +183,8 @@ export declare enum CMSCSSUnitTypesEnums {
183
183
  EM = 3,
184
184
  PERCENTAGE = 4,
185
185
  CUSTOM = 5,
186
- MS = 6
186
+ MS = 6,
187
+ NO_UNIT = 7
187
188
  }
188
189
  export declare enum CMSComponentImportTypeEnum {
189
190
  BUILDER = 1,
@@ -343,6 +344,7 @@ export declare const CMSElementsListEnum: {
343
344
  WAREHOUSE_SELECTOR: string;
344
345
  USER_GROUP_SELECTOR: string;
345
346
  SHIPPING_PAYMENT: string;
347
+ COUPON: string;
346
348
  CATEGORY_GROUPS: string;
347
349
  CART_WRAPPER: string;
348
350
  OPTION_BAR: string;
package/dist/types/builder/index.d.ts CHANGED
@@ -86,8 +86,9 @@ import * as cartAttributesSchema from "./elements/cart-attributes/index";
86
86
  import * as loaderSchema from "./elements/loader/index";
87
87
  import * as addProductsTabSchema from "./elements/add-products-tab/index";
88
88
  import * as shippingPaymentsSchema from "./elements/shipping-payment";
89
+ import * as couponSchema from "./elements/coupon";
89
90
  import * as megaMenuSchema from "./elements/mega-menu";
90
91
  import * as megaMenuContainerSchema from "./elements/mega-menu-container";
91
92
  import * as simpleListSchema from "./elements/simple-list";
92
93
  import * as cartWrapperSchema from "./elements/cart-wrapper";
93
- export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, cartSummarySchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, loaderSchema, addProductsTabSchema, shippingPaymentsSchema, megaMenuSchema, megaMenuContainerSchema, simpleListSchema, cartWrapperSchema, };
94
+ export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, cartSummarySchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, loaderSchema, addProductsTabSchema, shippingPaymentsSchema, couponSchema, megaMenuSchema, megaMenuContainerSchema, simpleListSchema, cartWrapperSchema, };