@sc-360-v2/storefront-cms-library 0.3.50 → 0.3.52

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 (45) hide show
  1. package/dist/add-products-tab copy.scss +1 -1
  2. package/dist/add-products-tab.scss +18 -7
  3. package/dist/allocationDetails.scss +33 -36
  4. package/dist/allocations.scss +11 -7
  5. package/dist/badge.scss +1 -1
  6. package/dist/bulk-variant-picker.scss +23 -21
  7. package/dist/button copy.scss +3 -2
  8. package/dist/button.scss +1 -1
  9. package/dist/checkout.scss +27 -5
  10. package/dist/container.scss +1 -1
  11. package/dist/filters.scss +5 -3
  12. package/dist/grid.scss +1 -1
  13. package/dist/icon-list.scss +3 -3
  14. package/dist/image-temp.scss +1 -1
  15. package/dist/item-stock.scss +1 -1
  16. package/dist/language-selector.scss +5 -5
  17. package/dist/layouter-pro-item.scss +1 -1
  18. package/dist/layouter-pro.scss +1 -1
  19. package/dist/menu-item.scss +1 -1
  20. package/dist/menu-v2.scss +5 -3
  21. package/dist/order-status.scss +1 -1
  22. package/dist/overflow-module.scss +1 -1
  23. package/dist/past-orders.scss +1 -1
  24. package/dist/payment-methods.scss +1 -1
  25. package/dist/position-module.scss +1 -1
  26. package/dist/prefix-list.scss +1 -1
  27. package/dist/product-actions.scss +19 -19
  28. package/dist/product-basic-elements.scss +13 -13
  29. package/dist/product-options.scss +7 -6
  30. package/dist/product-sizechart.scss +15 -9
  31. package/dist/profile.scss +1 -1
  32. package/dist/quantity-selector.scss +11 -11
  33. package/dist/quick-links.scss +1 -1
  34. package/dist/quotes.scss +1 -1
  35. package/dist/repeater.scss +5 -3
  36. package/dist/responsive-behaviour.scss +1 -1
  37. package/dist/rfqs.scss +1 -1
  38. package/dist/section.scss +1 -1
  39. package/dist/shipping-payments.scss +1 -1
  40. package/dist/stack.scss +1 -1
  41. package/dist/text-temp-v2.scss +3 -3
  42. package/dist/user-elements.scss +1 -1
  43. package/dist/variant-picker.scss +13 -16
  44. package/dist/video.scss +1 -1
  45. package/package.json +1 -1
package/dist/add-products-tab copy.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
package/dist/add-products-tab.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
@@ -815,7 +815,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
815
815
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
816
816
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
817
817
  );
818
- font-family: var(
818
+ font-family:
819
+ var(
819
820
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
820
821
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
821
822
  ),
@@ -1409,7 +1410,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1409
1410
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1410
1411
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1411
1412
  );
1412
- font-family: var(
1413
+ font-family:
1414
+ var(
1413
1415
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1414
1416
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1415
1417
  ),
@@ -1505,7 +1507,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1505
1507
  // height: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-se);
1506
1508
  // width: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-se);
1507
1509
  // padding: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-pg);
1508
- padding:var(--_ctm-mob-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg,var(--_ctm-tab-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg,var(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg)));
1510
+ padding: var(
1511
+ --_ctm-mob-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg,
1512
+ var(
1513
+ --_ctm-tab-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg,
1514
+ var(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg)
1515
+ )
1516
+ );
1509
1517
  min-width: 20px;
1510
1518
  min-height: 20px;
1511
1519
  box-sizing: content-box;
@@ -1558,7 +1566,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1558
1566
  --_sf-hr-cr,
1559
1567
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-cr)
1560
1568
  );
1561
- font-family: var(
1569
+ font-family:
1570
+ var(
1562
1571
  --_sf-hr-ft-fy,
1563
1572
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-ft-fy)
1564
1573
  ),
@@ -1911,7 +1920,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1911
1920
  --_sf-sd-cr,
1912
1921
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-cr)
1913
1922
  );
1914
- font-family: var(
1923
+ font-family:
1924
+ var(
1915
1925
  --_sf-sd-ft-fy,
1916
1926
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-ft-fy)
1917
1927
  ),
@@ -2032,7 +2042,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2032
2042
  --_ctm-mob-dn-pt-ds-vt-pr-on-te-cr,
2033
2043
  var(--_ctm-tab-dn-pt-ds-vt-pr-on-te-cr, var(--_ctm-dn-pt-ds-vt-pr-on-te-cr))
2034
2044
  );
2035
- font-family: var(
2045
+ font-family:
2046
+ var(
2036
2047
  --_ctm-mob-dn-pt-ds-vt-pr-on-te-ft-fy,
2037
2048
  var(--_ctm-tab-dn-pt-ds-vt-pr-on-te-ft-fy, var(--_ctm-dn-pt-ds-vt-pr-on-te-ft-fy))
2038
2049
  ),
package/dist/allocationDetails.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
@@ -108,10 +108,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
108
108
  height: 100%;
109
109
  .title {
110
110
  color: var(--_ctm-mob-dn-te-cr, var(--_ctm-tab-dn-te-cr, var(--_ctm-dn-te-cr)));
111
- font-family: var(
112
- --_ctm-mob-dn-te-ft-fy,
113
- var(--_ctm-tab-dn-te-ft-fy, var(--_ctm-dn-te-ft-fy))
114
- ),
111
+ font-family:
112
+ var(--_ctm-mob-dn-te-ft-fy, var(--_ctm-tab-dn-te-ft-fy, var(--_ctm-dn-te-ft-fy))),
115
113
  sans-serif;
116
114
  font-size: var(
117
115
  --_ctm-mob-dn-te-ft-se,
@@ -256,7 +254,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
256
254
  --_ctm-mob-dn-an-qa-lt-cr,
257
255
  var(--_ctm-tab-dn-an-qa-lt-cr, var(--_ctm-dn-an-qa-lt-cr))
258
256
  );
259
- font-family: var(
257
+ font-family:
258
+ var(
260
259
  --_ctm-mob-dn-an-qa-lt-ft-fy,
261
260
  var(--_ctm-tab-dn-an-qa-lt-ft-fy, var(--_ctm-dn-an-qa-lt-ft-fy))
262
261
  ),
@@ -297,7 +296,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
297
296
  --_ctm-mob-dn-an-qa-lt-cr-dc,
298
297
  var(--_ctm-tab-dn-an-qa-lt-cr-dc, var(--_ctm-dn-an-qa-lt-cr-dc))
299
298
  );
300
- font-family: var(
299
+ font-family:
300
+ var(
301
301
  --_ctm-mob-dn-an-qa-lt-ft-fy-dc,
302
302
  var(--_ctm-tab-dn-an-qa-lt-ft-fy-dc, var(--_ctm-dn-an-qa-lt-ft-fy-dc))
303
303
  ),
@@ -338,7 +338,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
338
338
  --_ctm-mob-dn-an-es-in-cr,
339
339
  var(--_ctm-tab-dn-an-es-in-cr, var(--_ctm-dn-an-es-in-cr))
340
340
  );
341
- font-family: var(
341
+ font-family:
342
+ var(
342
343
  --_ctm-mob-dn-an-es-in-ft-fy,
343
344
  var(--_ctm-tab-dn-an-es-in-ft-fy, var(--_ctm-dn-an-es-in-ft-fy))
344
345
  ),
@@ -379,7 +380,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
379
380
  --_ctm-mob-dn-an-es-in-cr-dc,
380
381
  var(--_ctm-tab-dn-an-es-in-cr-dc, var(--_ctm-dn-an-es-in-cr-dc))
381
382
  );
382
- font-family: var(
383
+ font-family:
384
+ var(
383
385
  --_ctm-mob-dn-an-es-in-ft-fy-dc,
384
386
  var(--_ctm-tab-dn-an-es-in-ft-fy-dc, var(--_ctm-dn-an-es-in-ft-fy-dc))
385
387
  ),
@@ -466,7 +468,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
466
468
  --_ctm-mob-dn-an-an-ne-cr,
467
469
  var(--_ctm-tab-dn-an-an-ne-cr, var(--_ctm-dn-an-an-ne-cr))
468
470
  );
469
- font-family: var(
471
+ font-family:
472
+ var(
470
473
  --_ctm-mob-dn-an-an-ne-ft-fy,
471
474
  var(--_ctm-tab-dn-an-an-ne-ft-fy, var(--_ctm-dn-an-an-ne-ft-fy))
472
475
  ),
@@ -836,10 +839,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
836
839
  height: 100%;
837
840
 
838
841
  color: var(--_ctm-mob-dn-ne-cr, var(--_ctm-tab-dn-ne-cr, var(--_ctm-dn-ne-cr)));
839
- font-family: var(
840
- --_ctm-mob-dn-ne-ft-fy,
841
- var(--_ctm-tab-dn-ne-ft-fy, var(--_ctm-dn-ne-ft-fy))
842
- ),
842
+ font-family:
843
+ var(--_ctm-mob-dn-ne-ft-fy, var(--_ctm-tab-dn-ne-ft-fy, var(--_ctm-dn-ne-ft-fy))),
843
844
  sans-serif;
844
845
  font-size: var(
845
846
  --_ctm-mob-dn-ne-ft-se,
@@ -898,7 +899,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
898
899
  --_ctm-mob-dn-bd-cr-dc,
899
900
  var(--_ctm-tab-dn-bd-cr-dc, var(--_ctm-dn-bd-cr-dc))
900
901
  );
901
- font-family: var(
902
+ font-family:
903
+ var(
902
904
  --_ctm-mob-dn-bd-ft-fy-dc,
903
905
  var(--_ctm-tab-dn-bd-ft-fy-dc, var(--_ctm-dn-bd-ft-fy-dc))
904
906
  ),
@@ -934,10 +936,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
934
936
  }
935
937
  .label {
936
938
  color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
937
- font-family: var(
938
- --_ctm-mob-dn-bd-ft-fy,
939
- var(--_ctm-tab-dn-bd-ft-fy, var(--_ctm-dn-bd-ft-fy))
940
- ),
939
+ font-family:
940
+ var(--_ctm-mob-dn-bd-ft-fy, var(--_ctm-tab-dn-bd-ft-fy, var(--_ctm-dn-bd-ft-fy))),
941
941
  sans-serif;
942
942
  font-size: var(
943
943
  --_ctm-mob-dn-bd-ft-se,
@@ -981,7 +981,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
981
981
  --_ctm-mob-dn-ce-cr-dc,
982
982
  var(--_ctm-tab-dn-ce-cr-dc, var(--_ctm-dn-ce-cr-dc))
983
983
  );
984
- font-family: var(
984
+ font-family:
985
+ var(
985
986
  --_ctm-mob-dn-ce-ft-fy-dc,
986
987
  var(--_ctm-tab-dn-ce-ft-fy-dc, var(--_ctm-dn-ce-ft-fy-dc))
987
988
  ),
@@ -1017,10 +1018,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1017
1018
  }
1018
1019
  .label {
1019
1020
  color: var(--_ctm-mob-dn-ce-cr, var(--_ctm-tab-dn-ce-cr, var(--_ctm-dn-ce-cr)));
1020
- font-family: var(
1021
- --_ctm-mob-dn-ce-ft-fy,
1022
- var(--_ctm-tab-dn-ce-ft-fy, var(--_ctm-dn-ce-ft-fy))
1023
- ),
1021
+ font-family:
1022
+ var(--_ctm-mob-dn-ce-ft-fy, var(--_ctm-tab-dn-ce-ft-fy, var(--_ctm-dn-ce-ft-fy))),
1024
1023
  sans-serif;
1025
1024
  font-size: var(
1026
1025
  --_ctm-mob-dn-ce-ft-se,
@@ -1090,10 +1089,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1090
1089
  height: 100%;
1091
1090
 
1092
1091
  color: var(--_ctm-mob-dn-pe-cr, var(--_ctm-tab-dn-pe-cr, var(--_ctm-dn-pe-cr)));
1093
- font-family: var(
1094
- --_ctm-mob-dn-pe-ft-fy,
1095
- var(--_ctm-tab-dn-pe-ft-fy, var(--_ctm-dn-pe-ft-fy))
1096
- ),
1092
+ font-family:
1093
+ var(--_ctm-mob-dn-pe-ft-fy, var(--_ctm-tab-dn-pe-ft-fy, var(--_ctm-dn-pe-ft-fy))),
1097
1094
  sans-serif;
1098
1095
  font-size: var(
1099
1096
  --_ctm-mob-dn-pe-ft-se,
@@ -1254,7 +1251,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1254
1251
  --_ctm-mob-dn-qa-ds-qa-lt-cr,
1255
1252
  var(--_ctm-tab-dn-qa-ds-qa-lt-cr, var(--_ctm-dn-qa-ds-qa-lt-cr))
1256
1253
  );
1257
- font-family: var(
1254
+ font-family:
1255
+ var(
1258
1256
  --_ctm-mob-dn-qa-ds-qa-lt-ft-fy,
1259
1257
  var(--_ctm-tab-dn-qa-ds-qa-lt-ft-fy, var(--_ctm-dn-qa-ds-qa-lt-ft-fy))
1260
1258
  ),
@@ -1315,7 +1313,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1315
1313
  --_ctm-mob-dn-qa-ds-ds-lt-cr,
1316
1314
  var(--_ctm-tab-dn-qa-ds-ds-lt-cr, var(--_ctm-dn-qa-ds-ds-lt-cr))
1317
1315
  );
1318
- font-family: var(
1316
+ font-family:
1317
+ var(
1319
1318
  --_ctm-mob-dn-qa-ds-ds-lt-ft-fy,
1320
1319
  var(--_ctm-tab-dn-qa-ds-ds-lt-ft-fy, var(--_ctm-dn-qa-ds-ds-lt-ft-fy))
1321
1320
  ),
@@ -1611,8 +1610,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1611
1610
 
1612
1611
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-cr));
1613
1612
 
1614
- font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)),
1615
- sans-serif;
1613
+ font-family:
1614
+ var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)), sans-serif;
1616
1615
 
1617
1616
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-se));
1618
1617
 
@@ -1809,10 +1808,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1809
1808
 
1810
1809
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-cr));
1811
1810
 
1812
- font-family: var(
1813
- --_sf-sd-ft-fy,
1814
- prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)
1815
- ),
1811
+ font-family:
1812
+ var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)),
1816
1813
  sans-serif;
1817
1814
 
1818
1815
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-se));
package/dist/allocations.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
@@ -263,8 +263,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
263
263
 
264
264
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-cr));
265
265
 
266
- font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-fy)),
267
- sans-serif;
266
+ font-family:
267
+ var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-fy)), sans-serif;
268
268
 
269
269
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-se));
270
270
 
@@ -584,7 +584,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
584
584
  var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
585
585
  );
586
586
 
587
- font-family: var(
587
+ font-family:
588
+ var(
588
589
  --_ctm-mob-dn-hr-tt-ft-fy,
589
590
  var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
590
591
  ),
@@ -650,7 +651,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
650
651
  )
651
652
  );
652
653
 
653
- font-family: var(
654
+ font-family:
655
+ var(
654
656
  --_sf-hr-ff,
655
657
  var(
656
658
  --_ctm-mob-dn-rw-tt-ft-fy,
@@ -781,7 +783,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
781
783
  )
782
784
  );
783
785
 
784
- font-family: var(
786
+ font-family:
787
+ var(
785
788
  --_sf-hr-ff,
786
789
  var(
787
790
  --_ctm-mob-dn-pn-dt-se-ft-fy,
@@ -885,7 +888,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
885
888
  var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))
886
889
  )
887
890
  );
888
- font-family: var(
891
+ font-family:
892
+ var(
889
893
  --_sf-hr-ff,
890
894
  var(
891
895
  --_ctm-mob-dn-ld-me-bn-ft-fy,
package/dist/badge.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
package/dist/bulk-variant-picker.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  $minWidth: 70px;
6
6
 
@@ -31,10 +31,8 @@ $minWidth: 70px;
31
31
  .option__title {
32
32
  margin-bottom: 4px;
33
33
  color: var(--_ctm-mob-dn-on-te-cr, var(--_ctm-tab-dn-on-te-cr, var(--_ctm-dn-on-te-cr)));
34
- font-family: var(
35
- --_ctm-mob-dn-on-te-ft-fy,
36
- var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
37
- ),
34
+ font-family:
35
+ var(--_ctm-mob-dn-on-te-ft-fy, var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))),
38
36
  sans-serif;
39
37
  font-size: var(
40
38
  --_ctm-mob-dn-on-te-ft-se,
@@ -118,7 +116,8 @@ $minWidth: 70px;
118
116
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
119
117
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
120
118
  );
121
- font-family: var(
119
+ font-family:
120
+ var(
122
121
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
123
122
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
124
123
  ),
@@ -624,7 +623,8 @@ $minWidth: 70px;
624
623
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
625
624
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
626
625
  );
627
- font-family: var(
626
+ font-family:
627
+ var(
628
628
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
629
629
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
630
630
  ),
@@ -754,10 +754,8 @@ $minWidth: 70px;
754
754
  // font is pending
755
755
 
756
756
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-cr));
757
- font-family: var(
758
- --_sf-hr-ft-fy,
759
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
760
- ),
757
+ font-family:
758
+ var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)),
761
759
  sans-serif;
762
760
  font-size: var(
763
761
  --_sf-hr-ft-se,
@@ -999,10 +997,8 @@ $minWidth: 70px;
999
997
  // font is pending
1000
998
 
1001
999
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-cr));
1002
- font-family: var(
1003
- --_sf-sd-ft-fy,
1004
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
1005
- ),
1000
+ font-family:
1001
+ var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)),
1006
1002
  sans-serif;
1007
1003
  font-size: var(
1008
1004
  --_sf-sd-ft-se,
@@ -1110,7 +1106,8 @@ $minWidth: 70px;
1110
1106
  .title {
1111
1107
  margin-bottom: 4px;
1112
1108
  color: var(--_ctm-mob-dn-on-te-cr, var(--_ctm-tab-dn-on-te-cr, var(--_ctm-dn-on-te-cr)));
1113
- font-family: var(
1109
+ font-family:
1110
+ var(
1114
1111
  --_ctm-mob-dn-on-te-ft-fy,
1115
1112
  var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
1116
1113
  ),
@@ -2642,7 +2639,8 @@ $minWidth: 70px;
2642
2639
  var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
2643
2640
  );
2644
2641
 
2645
- font-family: var(
2642
+ font-family:
2643
+ var(
2646
2644
  --_ctm-mob-dn-hr-tt-ft-fy,
2647
2645
  var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
2648
2646
  ),
@@ -2708,7 +2706,8 @@ $minWidth: 70px;
2708
2706
  )
2709
2707
  );
2710
2708
 
2711
- font-family: var(
2709
+ font-family:
2710
+ var(
2712
2711
  --_sf-hr-ff,
2713
2712
  var(
2714
2713
  --_ctm-mob-dn-rw-tt-ft-fy,
@@ -2839,7 +2838,8 @@ $minWidth: 70px;
2839
2838
  )
2840
2839
  );
2841
2840
 
2842
- font-family: var(
2841
+ font-family:
2842
+ var(
2843
2843
  --_sf-hr-ff,
2844
2844
  var(
2845
2845
  --_ctm-mob-dn-pn-dt-se-ft-fy,
@@ -2943,7 +2943,8 @@ $minWidth: 70px;
2943
2943
  var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))
2944
2944
  )
2945
2945
  );
2946
- font-family: var(
2946
+ font-family:
2947
+ var(
2947
2948
  --_sf-hr-ff,
2948
2949
  var(
2949
2950
  --_ctm-mob-dn-ld-me-bn-ft-fy,
@@ -3059,7 +3060,8 @@ $minWidth: 70px;
3059
3060
 
3060
3061
  &::placeholder {
3061
3062
  color: var(--_ctm-mob-dn-pr-tt-cr, var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr)));
3062
- font-family: var(
3063
+ font-family:
3064
+ var(
3063
3065
  --_ctm-mob-dn-pr-tt-ft-fy,
3064
3066
  var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
3065
3067
  ),
package/dist/button copy.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
3
 
4
- @use "../functions.scss" as *;
4
+ @use "./functions.scss" as *;
5
5
 
6
6
  [data-div-type="element"] {
7
7
  &[data-element-type="button"] {
@@ -197,7 +197,8 @@
197
197
  --_sf-hr-fc,
198
198
  var(--_ctm-mob-dn-dt-se-cr, var(--_ctm-tab-dn-dt-se-cr, var(--_ctm-dn-dt-se-cr)))
199
199
  );
200
- font-family: var(
200
+ font-family:
201
+ var(
201
202
  --_sf-hr-ff,
202
203
  var(
203
204
  --_ctm-mob-dn-dt-se-ft-fy,
package/dist/button.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
3
 
4
- @use "../functions.scss" as *;
4
+ @use "./functions.scss" as *;
5
5
 
6
6
  [data-div-type="element"] {
7
7
  &[data-element-type="button"] {
package/dist/checkout.scss CHANGED
@@ -761,7 +761,7 @@ $dark-color: #343a40;
761
761
 
762
762
  &_shiping_option_heading_wrapper {
763
763
  display: grid;
764
- grid-template-columns: 0.5fr 2fr 2fr auto;
764
+ grid-template-columns: 0.5fr 2fr 2fr 20px;
765
765
  gap: var(--_ctm-lt-me-as-pt-io-vl-gp);
766
766
  white-space: nowrap;
767
767
  align-items: center;
@@ -1025,6 +1025,16 @@ $dark-color: #343a40;
1025
1025
  display: flex;
1026
1026
  flex-direction: column;
1027
1027
  gap: var(--_ctm-lt-pt-os-gp-bn-cs);
1028
+ .payment_program {
1029
+ padding: 0 12px;
1030
+ .payment_program_label {
1031
+ display: flex;
1032
+ gap: 8px;
1033
+ align-items: center;
1034
+ background: #f5f5f5;
1035
+ padding: 12px;
1036
+ }
1037
+ }
1028
1038
 
1029
1039
  .chk_primary_btn_link {
1030
1040
  background-color: var(--_ctm-dn-pt-os-dn-pt-os-bn-dn-dt-se-bd-cr);
@@ -1071,6 +1081,22 @@ $dark-color: #343a40;
1071
1081
  display: flex;
1072
1082
  flex-direction: column;
1073
1083
  gap: var(--_ctm-lt-pt-os-gp-bn-cs);
1084
+ border: 1px solid #bf4949;
1085
+ margin-bottom: 12px;
1086
+ .ppg_paymentMethodGroups {
1087
+ .pp_ppm_section {
1088
+ background: #f5f5f5;
1089
+ padding: 4px;
1090
+ font-size: 12px;
1091
+ display: flex;
1092
+ gap: 8px;
1093
+ }
1094
+ .payment_methods {
1095
+ // padding: 12px;
1096
+ display: grid;
1097
+ gap: 8px;
1098
+ }
1099
+ }
1074
1100
  }
1075
1101
 
1076
1102
  .chk_payment_option {
@@ -1420,10 +1446,6 @@ $dark-color: #343a40;
1420
1446
  }
1421
1447
  }
1422
1448
  }
1423
- &_error {
1424
- font-size: 14px;
1425
- color: var(--_error-700);
1426
- }
1427
1449
  }
1428
1450
 
1429
1451
  .chk_billing_address {
package/dist/container.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
  $activeElementSelector: "[data-has-clicked='true']";
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="container"] {
package/dist/filters.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
@@ -373,7 +373,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
373
373
  var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))
374
374
  )
375
375
  );
376
- font-family: var(
376
+ font-family:
377
+ var(
377
378
  --_sf-hr-ff,
378
379
  var(
379
380
  --_ctm-mob-dn-sd-im-dt-se-ft-fy,
@@ -1076,7 +1077,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1076
1077
  var(--_ctm-tab-dn-sd-im-dt-se-cr, var(--_ctm-dn-sd-im-dt-se-cr))
1077
1078
  )
1078
1079
  );
1079
- font-family: var(
1080
+ font-family:
1081
+ var(
1080
1082
  --_sf-hr-ff,
1081
1083
  var(
1082
1084
  --_ctm-mob-dn-sd-im-dt-se-ft-fy,
package/dist/grid.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  $activeElementSelector: "[data-has-clicked='true']";
2
2
  $elementSelector: "[data-div-type='element']";
3
3
 
4
- @use "../functions.scss" as *;
4
+ @use "./functions.scss" as *;
5
5
  [data-div-type="grid"] {
6
6
  position: var(--_p-relative);
7
7
  display: var(--_d-grid);
package/dist/icon-list.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  $item: "flex__icon_list_item";
6
6
  $icon: "flex__ili_span_icn";
@@ -139,8 +139,8 @@ $pos: (
139
139
  }
140
140
  }
141
141
  & > .#{$text} {
142
- font-family: var(--_txt-ht-ff, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-fy)),
143
- sans-serif;
142
+ font-family:
143
+ var(--_txt-ht-ff, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-fy)), sans-serif;
144
144
  font-size: var(--_txt-ht-fs, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-se));
145
145
  color: var(--_txt-ht-cr, prepareMediaVariable(--_ctm-dn-tt-dt-se-cr));
146
146
  font-weight: var(--_txt-ht-fw, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-wt));
package/dist/image-temp.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
3
 
4
- @use "../functions.scss" as *;
4
+ @use "./functions.scss" as *;
5
5
 
6
6
  [data-div-type="element"] {
7
7
  &[data-element-type="image"],
package/dist/item-stock.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="itemStock"] {
package/dist/language-selector.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="languageMenu"],
@@ -262,8 +262,8 @@
262
262
  var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr));
263
263
  .language__name {
264
264
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr));
265
- font-family: var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy)),
266
- sans-serif;
265
+ font-family:
266
+ var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy)), sans-serif;
267
267
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se));
268
268
  font-weight: var(--_sf-sd-ft-wt, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt));
269
269
  font-style: var(
@@ -363,8 +363,8 @@
363
363
 
364
364
  .language__name {
365
365
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr));
366
- font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy)),
367
- sans-serif;
366
+ font-family:
367
+ var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy)), sans-serif;
368
368
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se));
369
369
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt));
370
370
  font-style: var(--_sf-hr-ft-se-ic, prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se-ic));
package/dist/layouter-pro-item.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
  $flex: "flx";
5
5
  $grid: "grd";
6
6
  $flexRow: "rw";