@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/position-module.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
  @use "./prefix-list.scss" as *;
6
6
 
7
7
  $elementDragging: "[data-cms-new-element-dragging-v2='true']";
package/dist/prefix-list.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
  $dataElementType: "data-element-type";
7
7
  $elementSelector: "[data-div-type='element']";
package/dist/product-actions.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="productActions"] {
@@ -244,8 +244,8 @@
244
244
 
245
245
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-cr));
246
246
 
247
- font-family:
248
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-ft-fy)), sans-serif;
247
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-ft-fy)),
248
+ sans-serif;
249
249
 
250
250
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-ft-se));
251
251
 
@@ -449,8 +449,8 @@
449
449
 
450
450
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-cr));
451
451
 
452
- font-family:
453
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-ft-fy)), sans-serif;
452
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-ft-fy)),
453
+ sans-serif;
454
454
 
455
455
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-ft-se));
456
456
 
@@ -648,8 +648,8 @@
648
648
 
649
649
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-wt-dt-se-cr));
650
650
 
651
- font-family:
652
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-wt-dt-se-ft-fy)), sans-serif;
651
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-wt-dt-se-ft-fy)),
652
+ sans-serif;
653
653
 
654
654
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-wt-dt-se-ft-se));
655
655
 
@@ -846,8 +846,8 @@
846
846
 
847
847
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ce-dt-se-cr));
848
848
 
849
- font-family:
850
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ce-dt-se-ft-fy)), sans-serif;
849
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ce-dt-se-ft-fy)),
850
+ sans-serif;
851
851
 
852
852
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ce-dt-se-ft-se));
853
853
 
@@ -1044,8 +1044,8 @@
1044
1044
 
1045
1045
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-cr));
1046
1046
 
1047
- font-family:
1048
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-ft-fy)), sans-serif;
1047
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-ft-fy)),
1048
+ sans-serif;
1049
1049
 
1050
1050
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-ft-se));
1051
1051
 
@@ -1263,8 +1263,8 @@
1263
1263
 
1264
1264
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-cr));
1265
1265
 
1266
- font-family:
1267
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-ft-fy)), sans-serif;
1266
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-ft-fy)),
1267
+ sans-serif;
1268
1268
 
1269
1269
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-ft-se));
1270
1270
 
@@ -1466,8 +1466,8 @@
1466
1466
 
1467
1467
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-cr));
1468
1468
 
1469
- font-family:
1470
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-ft-fy)), sans-serif;
1469
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-ft-fy)),
1470
+ sans-serif;
1471
1471
 
1472
1472
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-ft-se));
1473
1473
 
@@ -1663,8 +1663,8 @@
1663
1663
 
1664
1664
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-dd-dt-se-cr));
1665
1665
 
1666
- font-family:
1667
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-dd-dt-se-ft-fy)), sans-serif;
1666
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-dd-dt-se-ft-fy)),
1667
+ sans-serif;
1668
1668
 
1669
1669
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-dd-dt-se-ft-se));
1670
1670
 
@@ -1860,8 +1860,8 @@
1860
1860
 
1861
1861
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-me-dt-se-cr));
1862
1862
 
1863
- font-family:
1864
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-me-dt-se-ft-fy)), sans-serif;
1863
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-me-dt-se-ft-fy)),
1864
+ sans-serif;
1865
1865
 
1866
1866
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-me-dt-se-ft-se));
1867
1867
 
package/dist/product-basic-elements.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
  $overflowSelector: ".flex__overflow";
6
6
 
7
7
  [data-div-type="element"] {
@@ -112,8 +112,8 @@ $overflowSelector: ".flex__overflow";
112
112
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
113
113
  // );
114
114
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
115
- font-family:
116
- var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
115
+ font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
116
+ sans-serif;
117
117
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
118
118
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
119
119
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -241,8 +241,8 @@ $overflowSelector: ".flex__overflow";
241
241
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
242
242
  // );
243
243
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
244
- font-family:
245
- var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
244
+ font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
245
+ sans-serif;
246
246
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
247
247
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
248
248
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -361,8 +361,8 @@ $overflowSelector: ".flex__overflow";
361
361
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
362
362
  // );
363
363
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
364
- font-family:
365
- var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
364
+ font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
365
+ sans-serif;
366
366
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
367
367
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
368
368
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -481,8 +481,8 @@ $overflowSelector: ".flex__overflow";
481
481
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
482
482
  // );
483
483
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
484
- font-family:
485
- var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
484
+ font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
485
+ sans-serif;
486
486
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
487
487
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
488
488
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -601,8 +601,8 @@ $overflowSelector: ".flex__overflow";
601
601
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
602
602
  // );
603
603
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
604
- font-family:
605
- var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
604
+ font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
605
+ sans-serif;
606
606
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
607
607
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
608
608
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -723,8 +723,8 @@ $overflowSelector: ".flex__overflow";
723
723
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
724
724
  // );
725
725
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
726
- font-family:
727
- var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
726
+ font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
727
+ sans-serif;
728
728
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
729
729
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
730
730
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
package/dist/product-options.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="productOptions"] {
@@ -72,8 +72,7 @@
72
72
  .title {
73
73
  margin-bottom: 4px;
74
74
  color: var(--_ctm-mob-dn-on-te-cr, var(--_ctm-tab-dn-on-te-cr, var(--_ctm-dn-on-te-cr)));
75
- font-family:
76
- var(
75
+ font-family: var(
77
76
  --_ctm-mob-dn-on-te-ft-fy,
78
77
  var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
79
78
  ),
@@ -473,8 +472,8 @@
473
472
 
474
473
  .option__value__text {
475
474
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-cr));
476
- font-family:
477
- var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-fy)), sans-serif;
475
+ font-family: var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-fy)),
476
+ sans-serif;
478
477
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-se));
479
478
  font-weight: var(--_sf-sd-ft-wt, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-wt));
480
479
  font-style: var(
@@ -543,8 +542,8 @@
543
542
 
544
543
  .option__value__text {
545
544
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-cr));
546
- font-family:
547
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-fy)), sans-serif;
545
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-fy)),
546
+ sans-serif;
548
547
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-se));
549
548
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-wt));
550
549
  font-style: var(--_sf-hr-ft-se-ic, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-se-ic));
package/dist/product-sizechart.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="productSizeChart"] {
@@ -199,8 +199,8 @@
199
199
 
200
200
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-cr));
201
201
 
202
- font-family:
203
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-ft-fy)), sans-serif;
202
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-ft-fy)),
203
+ sans-serif;
204
204
 
205
205
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-ft-se));
206
206
 
@@ -331,8 +331,7 @@
331
331
  --_ctm-mob-dn-me-se-ct-dt-se-cr,
332
332
  var(--_ctm-tab-dn-me-se-ct-dt-se-cr, var(--_ctm-dn-me-se-ct-dt-se-cr))
333
333
  );
334
- font-family:
335
- var(
334
+ font-family: var(
336
335
  --_ctm-mob-dn-me-se-ct-dt-se-ft-fy,
337
336
  var(--_ctm-tab-dn-me-se-ct-dt-se-ft-fy, var(--_ctm-dn-me-se-ct-dt-se-ft-fy))
338
337
  ),
@@ -463,8 +462,7 @@
463
462
  --_ctm-mob-dn-me-se-ct-hr-se-cr,
464
463
  var(--_ctm-tab-dn-me-se-ct-hr-se-cr, var(--_ctm-dn-me-se-ct-hr-se-cr))
465
464
  );
466
- font-family:
467
- var(
465
+ font-family: var(
468
466
  --_ctm-mob-dn-me-se-ct-hr-se-ft-fy,
469
467
  var(--_ctm-tab-dn-me-se-ct-hr-se-ft-fy, var(--_ctm-dn-me-se-ct-hr-se-ft-fy))
470
468
  ),
@@ -790,8 +788,7 @@
790
788
  var(--_ctm-tab-dn-gy-wt-se-cr, var(--_ctm-dn-gy-wt-se-cr))
791
789
  );
792
790
 
793
- font-family:
794
- var(
791
+ font-family: var(
795
792
  --_ctm-mob-dn-gy-wt-se-ft-fy,
796
793
  var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
797
794
  ),
@@ -839,8 +836,7 @@
839
836
  var(--_ctm-tab-dn-gy-wt-se-cr-dc, var(--_ctm-dn-gy-wt-se-cr-dc))
840
837
  );
841
838
 
842
- font-family:
843
- var(
839
+ font-family: var(
844
840
  --_ctm-mob-dn-gy-wt-se-ft-fy-dc,
845
841
  var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
846
842
  ),
@@ -1603,8 +1599,7 @@
1603
1599
 
1604
1600
  & h3 {
1605
1601
  color: var(--_ctm-mob-dn-im-se-cr, var(--_ctm-tab-dn-im-se-cr, var(--_ctm-dn-im-se-cr)));
1606
- font-family:
1607
- var(
1602
+ font-family: var(
1608
1603
  --_ctm-mob-dn-im-se-ft-fy,
1609
1604
  var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
1610
1605
  ),
@@ -1644,8 +1639,7 @@
1644
1639
  --_ctm-mob-dn-im-se-cr-dc,
1645
1640
  var(--_ctm-tab-dn-im-se-cr-dc, var(--_ctm-dn-im-se-cr-dc))
1646
1641
  );
1647
- font-family:
1648
- var(
1642
+ font-family: var(
1649
1643
  --_ctm-mob-dn-im-se-ft-fy-dc,
1650
1644
  var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
1651
1645
  ),
package/dist/profile.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="profile"] {
package/dist/quantity-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="quantitySelector"] {
@@ -134,8 +134,10 @@
134
134
  height: 100%;
135
135
 
136
136
  color: var(--_ctm-mob-dn-ll-cr, var(--_ctm-tab-dn-ll-cr, var(--_ctm-dn-ll-cr)));
137
- font-family:
138
- var(--_ctm-mob-dn-ll-ft-fy, var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy))),
137
+ font-family: var(
138
+ --_ctm-mob-dn-ll-ft-fy,
139
+ var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy))
140
+ ),
139
141
  sans-serif;
140
142
  font-size: var(
141
143
  --_ctm-mob-dn-ll-ft-se,
@@ -172,8 +174,7 @@
172
174
 
173
175
  &::placeholder {
174
176
  color: var(--_ctm-mob-dn-pr-tt-cr, var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr)));
175
- font-family:
176
- var(
177
+ font-family: var(
177
178
  --_ctm-mob-dn-pr-tt-ft-fy,
178
179
  var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
179
180
  ),
@@ -620,8 +621,8 @@
620
621
 
621
622
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-cr));
622
623
 
623
- font-family:
624
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-ft-fy)), sans-serif;
624
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-ft-fy)),
625
+ sans-serif;
625
626
 
626
627
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-ft-se));
627
628
 
@@ -820,8 +821,8 @@
820
821
 
821
822
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-cr));
822
823
 
823
- font-family:
824
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-ft-fy)), sans-serif;
824
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-ft-fy)),
825
+ sans-serif;
825
826
 
826
827
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-ft-se));
827
828
 
@@ -911,8 +912,7 @@
911
912
  --_ctm-mob-dn-mm-or-qy-cr,
912
913
  var(--_ctm-tab-dn-mm-or-qy-cr, var(--_ctm-dn-mm-or-qy-cr))
913
914
  );
914
- font-family:
915
- var(
915
+ font-family: var(
916
916
  --_ctm-mob-dn-mm-or-qy-ft-fy,
917
917
  var(--_ctm-tab-dn-mm-or-qy-ft-fy, var(--_ctm-dn-mm-or-qy-ft-fy))
918
918
  ),
package/dist/quick-links.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="quickLinks"] {
package/dist/quotes.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/repeater.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  @use "sass:list";
3
3
  @use "./repeater-embla-controls.scss" as *;
4
4
  @use "./repeater-grid-toggle.scss" as *;
5
- @use "./functions.scss" as *;
5
+ @use "../functions.scss" as *;
6
6
  $childItemSelector: '[data-element-type="repeater-item"]';
7
7
  $sliderControlDragging: "[flex-slider-control-moving='true']";
8
8
  $rai: "repeater-advertise-item";
@@ -467,8 +467,7 @@ $rai: "repeater-advertise-item";
467
467
  --_ctm-mob-rep-dn-bn-se-dt-se-cr,
468
468
  var(--_ctm-tab-rep-dn-bn-se-dt-se-cr, var(--_ctm-rep-dn-bn-se-dt-se-cr))
469
469
  );
470
- font-family:
471
- var(
470
+ font-family: var(
472
471
  --_ctm-mob-rep-dn-bn-se-dt-se-ft-fy,
473
472
  var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-fy, var(--_ctm-rep-dn-bn-se-dt-se-ft-fy))
474
473
  ),
@@ -626,8 +625,7 @@ $rai: "repeater-advertise-item";
626
625
  --_ctm-mob-rep-dn-bn-se-hr-se-cr,
627
626
  var(--_ctm-tab-rep-dn-bn-se-hr-se-cr, var(--_ctm-rep-dn-bn-se-hr-se-cr))
628
627
  );
629
- font-family:
630
- var(
628
+ font-family: var(
631
629
  --_ctm-mob-rep-dn-bn-se-hr-se-ft-fy,
632
630
  var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-fy, var(--_ctm-rep-dn-bn-se-hr-se-ft-fy))
633
631
  ),
package/dist/responsive-behaviour.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  @use "sass:list";
3
3
 
4
4
  @use "./prefix-list.scss" as *;
5
- @use "./functions.scss" as *;
5
+ @use "../functions.scss" as *;
6
6
 
7
7
  $rb_cls: ".flx__rb__fxd";
8
8
  $elementSelector: '[data-div-type="element"]';
package/dist/rfqs.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/section.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
  @use "./position-module.scss" as *;
5
5
  @use "./animation-control.scss" as *;
6
6
  @use "./responsive-behaviour.scss" as *;
package/dist/shipping-payments.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
  $primary-color: var(--_primary-400);
6
6
  $secondary-color: var(--_gray-300);
package/dist/stack.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "./functions.scss" as *;
3
+ @use "../../styles/functions.scss" as *;
4
4
  $es: '[data-div-type="element"]';
5
5
  $ss: '[data-element-type="stack"]';
6
6
  $dp: "dp_d_none";
package/dist/text-temp-v2.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
  $ie: '[contenteditable="true"]';
6
6
  $re: '[data-cms-tool="cms-element-resizer"]';
@@ -119,8 +119,8 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
119
119
  &,
120
120
  * {
121
121
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
122
- font-family:
123
- var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
122
+ font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
123
+ sans-serif;
124
124
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
125
125
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
126
126
  font-style: var(
package/dist/types/builder/enums/index.d.ts CHANGED
@@ -170,7 +170,8 @@ export declare enum CMSElementEditTypes {
170
170
  TOOL = "tool",
171
171
  CONTROLLED_CSS = "controlledCss",
172
172
  CONTROLS = "controls",
173
- CONTENT = "content"
173
+ CONTENT = "content",
174
+ CONTROLLED_CSS_MULTI_STATE = "controlledCSSMultiState"
174
175
  }
175
176
  export declare enum CMSCSSUnitTypesEnums {
176
177
  PIXELS = 1,
package/dist/user-elements.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/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,8 +31,10 @@ $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:
35
- var(--_ctm-mob-dn-on-te-ft-fy, var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))),
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
+ ),
36
38
  sans-serif;
37
39
  font-size: var(
38
40
  --_ctm-mob-dn-on-te-ft-se,
@@ -116,8 +118,7 @@ $minWidth: 70px;
116
118
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
117
119
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
118
120
  );
119
- font-family:
120
- var(
121
+ font-family: var(
121
122
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
122
123
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
123
124
  ),
@@ -622,8 +623,7 @@ $minWidth: 70px;
622
623
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
623
624
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
624
625
  );
625
- font-family:
626
- var(
626
+ font-family: var(
627
627
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
628
628
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
629
629
  ),
@@ -753,8 +753,10 @@ $minWidth: 70px;
753
753
  // font is pending
754
754
 
755
755
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-cr));
756
- font-family:
757
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)),
756
+ font-family: var(
757
+ --_sf-hr-ft-fy,
758
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
759
+ ),
758
760
  sans-serif;
759
761
  font-size: var(
760
762
  --_sf-hr-ft-se,
@@ -996,8 +998,10 @@ $minWidth: 70px;
996
998
  // font is pending
997
999
 
998
1000
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-cr));
999
- font-family:
1000
- var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)),
1001
+ font-family: var(
1002
+ --_sf-sd-ft-fy,
1003
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
1004
+ ),
1001
1005
  sans-serif;
1002
1006
  font-size: var(
1003
1007
  --_sf-sd-ft-se,
@@ -1105,8 +1109,7 @@ $minWidth: 70px;
1105
1109
  .title {
1106
1110
  margin-bottom: 4px;
1107
1111
  color: var(--_ctm-mob-dn-on-te-cr, var(--_ctm-tab-dn-on-te-cr, var(--_ctm-dn-on-te-cr)));
1108
- font-family:
1109
- var(
1112
+ font-family: var(
1110
1113
  --_ctm-mob-dn-on-te-ft-fy,
1111
1114
  var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
1112
1115
  ),
package/dist/video.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
  [data-div-type="element"] {
5
5
  &[data-element-type="video"] {
6
6
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
package/dist/widget.scss CHANGED
@@ -121,3 +121,4 @@
121
121
  @use "./quota-details.scss";
122
122
  @use "./theme-classes.scss";
123
123
  @use "./shipping-payments.scss";
124
+ @use "./emtpy-templates.scss";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.3.49",
3
+ "version": "0.3.51",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {