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

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 (54) hide show
  1. package/dist/add-products-tab copy.scss +1 -1
  2. package/dist/add-products-tab.scss +8 -12
  3. package/dist/allocationDetails.scss +36 -33
  4. package/dist/allocations.scss +7 -11
  5. package/dist/badge.scss +1 -1
  6. package/dist/builder.js +1 -1
  7. package/dist/bulk-variant-picker.scss +21 -23
  8. package/dist/button copy.scss +2 -3
  9. package/dist/button.scss +1 -1
  10. package/dist/buy-for-tab.scss +1 -1
  11. package/dist/buyForHeaders.scss +10 -0
  12. package/dist/cartDropdownOverlay.scss +4 -2
  13. package/dist/container.scss +1 -1
  14. package/dist/dropdownTemplate.scss +21 -5
  15. package/dist/empty-states.scss +34 -1
  16. package/dist/emtpy-templates.scss +84 -0
  17. package/dist/filters.scss +3 -5
  18. package/dist/globals.scss +16 -3
  19. package/dist/grid.scss +9 -2
  20. package/dist/icon-list.scss +3 -3
  21. package/dist/image-temp.scss +6 -4
  22. package/dist/item-stock.scss +1 -1
  23. package/dist/language-selector.scss +5 -5
  24. package/dist/layouter-pro-item.scss +1 -1
  25. package/dist/layouter-pro.scss +1 -1
  26. package/dist/menu-item.scss +1 -1
  27. package/dist/menu-v2.scss +3 -5
  28. package/dist/order-status.scss +1 -1
  29. package/dist/overflow-module.scss +1 -1
  30. package/dist/past-orders.scss +1 -1
  31. package/dist/payment-methods.scss +1 -1
  32. package/dist/position-module.scss +1 -1
  33. package/dist/prefix-list.scss +1 -1
  34. package/dist/product-actions.scss +19 -19
  35. package/dist/product-basic-elements.scss +13 -13
  36. package/dist/product-options.scss +6 -7
  37. package/dist/product-sizechart.scss +9 -15
  38. package/dist/profile.scss +1 -1
  39. package/dist/quantity-selector.scss +11 -11
  40. package/dist/quick-links.scss +1 -1
  41. package/dist/quotes.scss +1 -1
  42. package/dist/repeater.scss +3 -5
  43. package/dist/responsive-behaviour.scss +1 -1
  44. package/dist/rfqs.scss +1 -1
  45. package/dist/section.scss +1 -1
  46. package/dist/shipping-payments.scss +1 -1
  47. package/dist/stack.scss +1 -1
  48. package/dist/text-temp-v2.scss +3 -3
  49. package/dist/types/builder/enums/index.d.ts +2 -1
  50. package/dist/user-elements.scss +1 -1
  51. package/dist/variant-picker.scss +16 -13
  52. package/dist/video.scss +1 -1
  53. package/dist/widget.scss +1 -0
  54. 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,8 +815,7 @@ $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:
819
- var(
818
+ font-family: var(
820
819
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
821
820
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
822
821
  ),
@@ -1410,8 +1409,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1410
1409
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1411
1410
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1412
1411
  );
1413
- font-family:
1414
- var(
1412
+ font-family: var(
1415
1413
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1416
1414
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1417
1415
  ),
@@ -1506,7 +1504,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1506
1504
 
1507
1505
  // height: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-se);
1508
1506
  // width: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-se);
1509
- padding: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-pg);
1507
+ // 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
1509
  min-width: 20px;
1511
1510
  min-height: 20px;
1512
1511
  box-sizing: content-box;
@@ -1559,8 +1558,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1559
1558
  --_sf-hr-cr,
1560
1559
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-cr)
1561
1560
  );
1562
- font-family:
1563
- var(
1561
+ font-family: var(
1564
1562
  --_sf-hr-ft-fy,
1565
1563
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-ft-fy)
1566
1564
  ),
@@ -1913,8 +1911,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1913
1911
  --_sf-sd-cr,
1914
1912
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-cr)
1915
1913
  );
1916
- font-family:
1917
- var(
1914
+ font-family: var(
1918
1915
  --_sf-sd-ft-fy,
1919
1916
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-ft-fy)
1920
1917
  ),
@@ -2035,8 +2032,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2035
2032
  --_ctm-mob-dn-pt-ds-vt-pr-on-te-cr,
2036
2033
  var(--_ctm-tab-dn-pt-ds-vt-pr-on-te-cr, var(--_ctm-dn-pt-ds-vt-pr-on-te-cr))
2037
2034
  );
2038
- font-family:
2039
- var(
2035
+ font-family: var(
2040
2036
  --_ctm-mob-dn-pt-ds-vt-pr-on-te-ft-fy,
2041
2037
  var(--_ctm-tab-dn-pt-ds-vt-pr-on-te-ft-fy, var(--_ctm-dn-pt-ds-vt-pr-on-te-ft-fy))
2042
2038
  ),
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,8 +108,10 @@ $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:
112
- var(--_ctm-mob-dn-te-ft-fy, var(--_ctm-tab-dn-te-ft-fy, var(--_ctm-dn-te-ft-fy))),
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
+ ),
113
115
  sans-serif;
114
116
  font-size: var(
115
117
  --_ctm-mob-dn-te-ft-se,
@@ -254,8 +256,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
254
256
  --_ctm-mob-dn-an-qa-lt-cr,
255
257
  var(--_ctm-tab-dn-an-qa-lt-cr, var(--_ctm-dn-an-qa-lt-cr))
256
258
  );
257
- font-family:
258
- var(
259
+ font-family: var(
259
260
  --_ctm-mob-dn-an-qa-lt-ft-fy,
260
261
  var(--_ctm-tab-dn-an-qa-lt-ft-fy, var(--_ctm-dn-an-qa-lt-ft-fy))
261
262
  ),
@@ -296,8 +297,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
296
297
  --_ctm-mob-dn-an-qa-lt-cr-dc,
297
298
  var(--_ctm-tab-dn-an-qa-lt-cr-dc, var(--_ctm-dn-an-qa-lt-cr-dc))
298
299
  );
299
- font-family:
300
- var(
300
+ font-family: 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,8 +338,7 @@ $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:
342
- var(
341
+ font-family: var(
343
342
  --_ctm-mob-dn-an-es-in-ft-fy,
344
343
  var(--_ctm-tab-dn-an-es-in-ft-fy, var(--_ctm-dn-an-es-in-ft-fy))
345
344
  ),
@@ -380,8 +379,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
380
379
  --_ctm-mob-dn-an-es-in-cr-dc,
381
380
  var(--_ctm-tab-dn-an-es-in-cr-dc, var(--_ctm-dn-an-es-in-cr-dc))
382
381
  );
383
- font-family:
384
- var(
382
+ font-family: var(
385
383
  --_ctm-mob-dn-an-es-in-ft-fy-dc,
386
384
  var(--_ctm-tab-dn-an-es-in-ft-fy-dc, var(--_ctm-dn-an-es-in-ft-fy-dc))
387
385
  ),
@@ -468,8 +466,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
468
466
  --_ctm-mob-dn-an-an-ne-cr,
469
467
  var(--_ctm-tab-dn-an-an-ne-cr, var(--_ctm-dn-an-an-ne-cr))
470
468
  );
471
- font-family:
472
- var(
469
+ font-family: var(
473
470
  --_ctm-mob-dn-an-an-ne-ft-fy,
474
471
  var(--_ctm-tab-dn-an-an-ne-ft-fy, var(--_ctm-dn-an-an-ne-ft-fy))
475
472
  ),
@@ -839,8 +836,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
839
836
  height: 100%;
840
837
 
841
838
  color: var(--_ctm-mob-dn-ne-cr, var(--_ctm-tab-dn-ne-cr, var(--_ctm-dn-ne-cr)));
842
- font-family:
843
- var(--_ctm-mob-dn-ne-ft-fy, var(--_ctm-tab-dn-ne-ft-fy, var(--_ctm-dn-ne-ft-fy))),
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
+ ),
844
843
  sans-serif;
845
844
  font-size: var(
846
845
  --_ctm-mob-dn-ne-ft-se,
@@ -899,8 +898,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
899
898
  --_ctm-mob-dn-bd-cr-dc,
900
899
  var(--_ctm-tab-dn-bd-cr-dc, var(--_ctm-dn-bd-cr-dc))
901
900
  );
902
- font-family:
903
- var(
901
+ font-family: var(
904
902
  --_ctm-mob-dn-bd-ft-fy-dc,
905
903
  var(--_ctm-tab-dn-bd-ft-fy-dc, var(--_ctm-dn-bd-ft-fy-dc))
906
904
  ),
@@ -936,8 +934,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
936
934
  }
937
935
  .label {
938
936
  color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
939
- font-family:
940
- var(--_ctm-mob-dn-bd-ft-fy, var(--_ctm-tab-dn-bd-ft-fy, var(--_ctm-dn-bd-ft-fy))),
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
+ ),
941
941
  sans-serif;
942
942
  font-size: var(
943
943
  --_ctm-mob-dn-bd-ft-se,
@@ -981,8 +981,7 @@ $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:
985
- var(
984
+ font-family: var(
986
985
  --_ctm-mob-dn-ce-ft-fy-dc,
987
986
  var(--_ctm-tab-dn-ce-ft-fy-dc, var(--_ctm-dn-ce-ft-fy-dc))
988
987
  ),
@@ -1018,8 +1017,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1018
1017
  }
1019
1018
  .label {
1020
1019
  color: var(--_ctm-mob-dn-ce-cr, var(--_ctm-tab-dn-ce-cr, var(--_ctm-dn-ce-cr)));
1021
- font-family:
1022
- var(--_ctm-mob-dn-ce-ft-fy, var(--_ctm-tab-dn-ce-ft-fy, var(--_ctm-dn-ce-ft-fy))),
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
+ ),
1023
1024
  sans-serif;
1024
1025
  font-size: var(
1025
1026
  --_ctm-mob-dn-ce-ft-se,
@@ -1089,8 +1090,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1089
1090
  height: 100%;
1090
1091
 
1091
1092
  color: var(--_ctm-mob-dn-pe-cr, var(--_ctm-tab-dn-pe-cr, var(--_ctm-dn-pe-cr)));
1092
- font-family:
1093
- var(--_ctm-mob-dn-pe-ft-fy, var(--_ctm-tab-dn-pe-ft-fy, var(--_ctm-dn-pe-ft-fy))),
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
+ ),
1094
1097
  sans-serif;
1095
1098
  font-size: var(
1096
1099
  --_ctm-mob-dn-pe-ft-se,
@@ -1251,8 +1254,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1251
1254
  --_ctm-mob-dn-qa-ds-qa-lt-cr,
1252
1255
  var(--_ctm-tab-dn-qa-ds-qa-lt-cr, var(--_ctm-dn-qa-ds-qa-lt-cr))
1253
1256
  );
1254
- font-family:
1255
- var(
1257
+ font-family: var(
1256
1258
  --_ctm-mob-dn-qa-ds-qa-lt-ft-fy,
1257
1259
  var(--_ctm-tab-dn-qa-ds-qa-lt-ft-fy, var(--_ctm-dn-qa-ds-qa-lt-ft-fy))
1258
1260
  ),
@@ -1313,8 +1315,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1313
1315
  --_ctm-mob-dn-qa-ds-ds-lt-cr,
1314
1316
  var(--_ctm-tab-dn-qa-ds-ds-lt-cr, var(--_ctm-dn-qa-ds-ds-lt-cr))
1315
1317
  );
1316
- font-family:
1317
- var(
1318
+ font-family: var(
1318
1319
  --_ctm-mob-dn-qa-ds-ds-lt-ft-fy,
1319
1320
  var(--_ctm-tab-dn-qa-ds-ds-lt-ft-fy, var(--_ctm-dn-qa-ds-ds-lt-ft-fy))
1320
1321
  ),
@@ -1610,8 +1611,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1610
1611
 
1611
1612
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-cr));
1612
1613
 
1613
- font-family:
1614
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)), sans-serif;
1614
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)),
1615
+ sans-serif;
1615
1616
 
1616
1617
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-se));
1617
1618
 
@@ -1808,8 +1809,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1808
1809
 
1809
1810
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-cr));
1810
1811
 
1811
- font-family:
1812
- var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)),
1812
+ font-family: var(
1813
+ --_sf-sd-ft-fy,
1814
+ prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)
1815
+ ),
1813
1816
  sans-serif;
1814
1817
 
1815
1818
  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:
267
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-fy)), sans-serif;
266
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-fy)),
267
+ 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,8 +584,7 @@ $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:
588
- var(
587
+ font-family: var(
589
588
  --_ctm-mob-dn-hr-tt-ft-fy,
590
589
  var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
591
590
  ),
@@ -651,8 +650,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
651
650
  )
652
651
  );
653
652
 
654
- font-family:
655
- var(
653
+ font-family: var(
656
654
  --_sf-hr-ff,
657
655
  var(
658
656
  --_ctm-mob-dn-rw-tt-ft-fy,
@@ -783,8 +781,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
783
781
  )
784
782
  );
785
783
 
786
- font-family:
787
- var(
784
+ font-family: var(
788
785
  --_sf-hr-ff,
789
786
  var(
790
787
  --_ctm-mob-dn-pn-dt-se-ft-fy,
@@ -888,8 +885,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
888
885
  var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))
889
886
  )
890
887
  );
891
- font-family:
892
- var(
888
+ font-family: var(
893
889
  --_sf-hr-ff,
894
890
  var(
895
891
  --_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"]';