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

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.
@@ -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))
@@ -373,10 +373,11 @@ $dark-color: #343a40;
373
373
  var(--_ctm-dn-an-tb-bs-ty-py-dt-se-br-wh)
374
374
  )
375
375
  );
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
- );
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
+ // );
380
+ color: var(--_thm-cs-tt-ls-as);
380
381
  font-family: var(
381
382
  --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-ft-fy,
382
383
  var(
@@ -1541,13 +1542,14 @@ $dark-color: #343a40;
1541
1542
  --_ctm-mob-dn-an-tb-sg-md-sg-md-cr-pg,
1542
1543
  var(--_ctm-tab-dn-an-tb-sg-md-sg-md-cr-pg, var(--_ctm-dn-an-tb-sg-md-sg-md-cr-pg))
1543
1544
  );
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
- );
1545
+ // gap: var(
1546
+ // --_ctm-mob-dn-an-tb-sg-md-sg-md-cr-im-gp,
1547
+ // var(
1548
+ // --_ctm-tab-dn-an-tb-sg-md-sg-md-cr-im-gp,
1549
+ // var(--_ctm-dn-an-tb-sg-md-sg-md-cr-im-gp)
1550
+ // )
1551
+ // );
1552
+ gap: 12px;
1551
1553
 
1552
1554
  .chk_shipping_method_heading {
1553
1555
  // color: var(--_gray-700);
@@ -1567,6 +1569,8 @@ $dark-color: #343a40;
1567
1569
  var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-fy)
1568
1570
  )
1569
1571
  );
1572
+ font-size: 14px;
1573
+ font-weight: 700;
1570
1574
  // font-size: var(
1571
1575
  // --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-ft-se,
1572
1576
  // var(
@@ -1581,13 +1585,13 @@ $dark-color: #343a40;
1581
1585
  var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-se-ic)
1582
1586
  )
1583
1587
  );
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
- );
1588
+ // font-weight: var(
1589
+ // --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-ft-wt,
1590
+ // var(
1591
+ // --_ctm-tab-dn-an-tb-sg-md-se-ll-md-ll-ft-wt,
1592
+ // var(--_ctm-dn-an-tb-sg-md-se-ll-md-ll-ft-wt)
1593
+ // )
1594
+ // );
1591
1595
  line-height: var(
1592
1596
  --_ctm-mob-dn-an-tb-sg-md-se-ll-md-ll-le-ht,
1593
1597
  var(
@@ -1670,6 +1674,7 @@ $dark-color: #343a40;
1670
1674
  var(--_ctm-dn-an-tb-sg-md-se-ll-se-ll-os-ft-fy)
1671
1675
  )
1672
1676
  );
1677
+ font-size: 14px;
1673
1678
  // font-size: var(
1674
1679
  // --_ctm-mob-dn-an-tb-sg-md-se-ll-se-ll-os-ft-se,
1675
1680
  // var(
@@ -1955,7 +1960,7 @@ $dark-color: #343a40;
1955
1960
  font-size: 14px;
1956
1961
  font-weight: 600;
1957
1962
  &_label {
1958
- // font-size: 14px;
1963
+ font-size: 14px;
1959
1964
  // color: var(--_gray-600);
1960
1965
  color: var(
1961
1966
  --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-cr,
@@ -2192,7 +2197,7 @@ $dark-color: #343a40;
2192
2197
  justify-content: space-between;
2193
2198
  gap: 8px;
2194
2199
  .pp_ppm_section_label {
2195
- // font-size: 14px;
2200
+ font-size: 14px;
2196
2201
  // font-weight: 700;
2197
2202
  // color: var(--_gray-900);
2198
2203
  color: var(
@@ -5177,7 +5182,7 @@ $dark-color: #343a40;
5177
5182
  display: none;
5178
5183
  }
5179
5184
  .payment_program_title {
5180
- // font-size: 14px;
5185
+ font-size: 16px;
5181
5186
  // font-weight: 500;
5182
5187
  // color: var(--_gray-900);
5183
5188
  color: var(
@@ -5923,13 +5928,13 @@ $dark-color: #343a40;
5923
5928
  var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-wt)
5924
5929
  )
5925
5930
  );
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
- );
5931
+ // font-size: var(
5932
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
5933
+ // var(
5934
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
5935
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se)
5936
+ // )
5937
+ // );
5933
5938
  padding: var(
5934
5939
  --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-pg,
5935
5940
  var(
@@ -6346,13 +6351,13 @@ $dark-color: #343a40;
6346
6351
  var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-wt-dc)
6347
6352
  )
6348
6353
  );
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
- );
6354
+ // font-size: var(
6355
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
6356
+ // var(
6357
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc,
6358
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se-dc)
6359
+ // )
6360
+ // );
6356
6361
  padding: var(
6357
6362
  --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-pg-dc,
6358
6363
  var(
@@ -6389,13 +6394,13 @@ $dark-color: #343a40;
6389
6394
  var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-wt)
6390
6395
  )
6391
6396
  );
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
- );
6397
+ // font-size: var(
6398
+ // --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
6399
+ // var(
6400
+ // --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se,
6401
+ // var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-ft-se)
6402
+ // )
6403
+ // );
6399
6404
  padding: var(
6400
6405
  --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-io-pg,
6401
6406
  var(
@@ -6554,21 +6559,25 @@ $dark-color: #343a40;
6554
6559
  padding-inline: 16px;
6555
6560
  }
6556
6561
  .cc_tertiary_btn {
6557
- color: var(--_primary-400);
6562
+ // color: var(--_primary-400);
6563
+ color: var(--_thm-cs-tt-ls-as);
6558
6564
 
6559
6565
  &:hover {
6560
- color: var(--_primary-500);
6566
+ // color: var(--_primary-500);
6567
+ color: var(--_thm-cs-tt-ls-as);
6561
6568
  text-decoration: underline;
6562
6569
  }
6563
6570
  }
6564
6571
 
6565
6572
  .gc_tertiary_btn {
6566
- color: var(--_primary-400);
6573
+ // color: var(--_primary-400);
6574
+ color: var(--_thm-cs-tt-ls-as);
6567
6575
  font-size: 14px;
6568
6576
  line-height: auto;
6569
6577
 
6570
6578
  &:hover {
6571
- color: var(--_primary-500);
6579
+ color: var(--_thm-cs-tt-ls-as);
6580
+ // color: var(--_primary-500);
6572
6581
  text-decoration: underline;
6573
6582
  }
6574
6583
  }
@@ -0,0 +1,63 @@
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+ @use "./functions.scss" as *;
4
+
5
+ $activeElementSelector: "[data-has-clicked='true']";
6
+ [data-div-type="element"] {
7
+ &[data-element-type="coupon"] {
8
+ width: calc(
9
+ 1% *
10
+ var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, auto)))
11
+ );
12
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn, var(--_ctm-lt-mn))));
13
+ & > div {
14
+ &.wrapper {
15
+ width: 100%;
16
+ min-height: prepareMediaVariable(--_ctm-lt-mn-ht);
17
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
18
+
19
+ background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
20
+ background-image: var(--_ctm-mob-dn-bd-ie, var(--_ctm-tab-dn-bd-ie, var(--_ctm-dn-bd-ie)));
21
+ background-attachment: var(
22
+ --_ctm-mob-dn-bd-at,
23
+ var(--_ctm-tab-dn-bd-at, var(--_ctm-dn-bd-at))
24
+ );
25
+ background-position: var(
26
+ --_ctm-mob-dn-bd-pn,
27
+ var(--_ctm-tab-dn-bd-pn, var(--_ctm-dn-bd-pn))
28
+ );
29
+ background-repeat: var(--_ctm-mob-dn-bd-rt, var(--_ctm-tab-dn-bd-rt, var(--_ctm-dn-bd-rt)));
30
+ background-size: var(--_ctm-mob-dn-bd-se, var(--_ctm-tab-dn-bd-se, var(--_ctm-dn-bd-se)));
31
+ border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
32
+ border-color: var(--_ctm-mob-dn-br-cr, var(--_ctm-tab-dn-br-cr, var(--_ctm-dn-br-cr)));
33
+ border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
34
+ border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
35
+ box-shadow: var(
36
+ --_hover-show-shadow,
37
+ var(
38
+ --_sf-hr-bx-sw,
39
+ var(
40
+ --_show-shadow,
41
+ var(
42
+ --_ctm-mob-dn-dt-se-sw-ae,
43
+ var(--_ctm-tab-dn-dt-se-sw-ae, var(--_ctm-dn-dt-se-sw-ae))
44
+ )
45
+ var(
46
+ --_ctm-mob-dn-dt-se-sw-br,
47
+ var(--_ctm-tab-dn-dt-se-sw-br, var(--_ctm-dn-dt-se-sw-br))
48
+ )
49
+ var(
50
+ --_ctm-mob-dn-dt-se-sw-sd,
51
+ var(--_ctm-tab-dn-dt-se-sw-sd, var(--_ctm-dn-dt-se-sw-sd))
52
+ )
53
+ var(
54
+ --_ctm-mob-dn-dt-se-sw-cr,
55
+ var(--_ctm-tab-dn-dt-se-sw-cr, var(--_ctm-dn-dt-se-sw-cr))
56
+ )
57
+ )
58
+ )
59
+ );
60
+ }
61
+ }
62
+ }
63
+ }
@@ -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;
@@ -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
+ }
@@ -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
+ }
@@ -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;
@@ -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, };