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

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 (63) hide show
  1. package/dist/add-products-tab copy.scss +1 -1
  2. package/dist/add-products-tab.scss +54 -24
  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 +31 -34
  11. package/dist/buyForHeaders.scss +879 -55
  12. package/dist/cart-details.scss +4 -1
  13. package/dist/cart-summary.scss +161 -0
  14. package/dist/cartDropdownOverlay.scss +4 -2
  15. package/dist/checkout.scss +4 -0
  16. package/dist/confirmationModal.scss +0 -1
  17. package/dist/container.scss +1 -1
  18. package/dist/dropdownTemplate.scss +21 -5
  19. package/dist/empty-states.scss +34 -1
  20. package/dist/emtpy-templates.scss +84 -0
  21. package/dist/filters.scss +3 -5
  22. package/dist/globals.scss +16 -3
  23. package/dist/grid.scss +9 -2
  24. package/dist/icon-list.scss +3 -3
  25. package/dist/image-temp.scss +6 -4
  26. package/dist/item-stock.scss +1 -1
  27. package/dist/language-selector.scss +5 -5
  28. package/dist/layouter-pro-item.scss +1 -1
  29. package/dist/layouter-pro.scss +1 -1
  30. package/dist/menu-item.scss +1 -1
  31. package/dist/menu-v2.scss +3 -5
  32. package/dist/order-status.scss +96 -53
  33. package/dist/overflow-module.scss +1 -1
  34. package/dist/past-orders.scss +1 -1
  35. package/dist/payment-methods.scss +1 -1
  36. package/dist/position-module.scss +1 -1
  37. package/dist/prefix-list.scss +1 -1
  38. package/dist/product-actions.scss +19 -19
  39. package/dist/product-basic-elements.scss +13 -13
  40. package/dist/product-options.scss +6 -7
  41. package/dist/product-sizechart.scss +9 -15
  42. package/dist/profile.scss +1 -1
  43. package/dist/quantity-selector.scss +11 -11
  44. package/dist/quick-links.scss +1 -1
  45. package/dist/quotes.scss +1 -1
  46. package/dist/repeater.scss +3 -5
  47. package/dist/responsive-behaviour.scss +1 -1
  48. package/dist/rfqs.scss +1 -1
  49. package/dist/section.scss +1 -1
  50. package/dist/shipping-payments.scss +5 -1
  51. package/dist/stack.scss +1 -1
  52. package/dist/text-temp-v2.scss +3 -3
  53. package/dist/types/builder/enums/index.d.ts +2 -1
  54. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +1 -0
  55. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +23 -1
  56. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +990 -210
  57. package/dist/types/builder/tools/element-edit/userElements.d.ts +120 -0
  58. package/dist/user-elements copy.scss +1437 -0
  59. package/dist/user-elements.scss +263 -175
  60. package/dist/variant-picker.scss +16 -13
  61. package/dist/video.scss +1 -1
  62. package/dist/widget.scss +1 -0
  63. package/package.json +1 -1
package/dist/order-status.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="orderStatus"] {
@@ -171,44 +171,77 @@
171
171
  }
172
172
  }
173
173
  }
174
-
175
- .user-meta {
176
- font-family: var(
177
- --_ctm-mob-dn-hr-cr-ee-ds-ft-fy,
178
- var(--_ctm-tab-dn-hr-cr-ee-ds-ft-fy, var(--_ctm-dn-hr-cr-ee-ds-ft-fy))
179
- );
180
- font-size: var(
181
- --_ctm-mob-dn-hr-cr-ee-ds-ft-se,
182
- var(--_ctm-tab-dn-hr-cr-ee-ds-ft-se, var(--_ctm-dn-hr-cr-ee-ds-ft-se))
183
- );
184
- color: var(
185
- --_ctm-mob-dn-hr-cr-ee-ds-cr,
186
- var(--_ctm-tab-dn-hr-cr-ee-ds-cr, var(--_ctm-dn-hr-cr-ee-ds-cr))
187
- );
188
- font-weight: var(
189
- --_ctm-mob-dn-hr-cr-ee-ds-ft-wt,
190
- var(--_ctm-tab-dn-hr-cr-ee-ds-ft-wt, var(--_ctm-dn-hr-cr-ee-ds-ft-wt))
191
- );
192
- text-decoration: var(
193
- --_ctm-mob-dn-hr-cr-ee-ds-ue,
194
- var(--_ctm-tab-dn-hr-cr-ee-ds-ue, var(--_ctm-dn-hr-cr-ee-ds-ue))
195
- );
196
- letter-spacing: var(
197
- --_ctm-mob-dn-hr-cr-ee-ds-lr-sg,
198
- var(--_ctm-tab-dn-hr-cr-ee-ds-lr-sg, var(--_ctm-dn-hr-cr-ee-ds-lr-sg))
199
- );
200
- line-height: var(
201
- --_ctm-mob-dn-hr-cr-ee-ds-le-ht,
202
- var(--_ctm-tab-dn-hr-cr-ee-ds-le-ht, var(--_ctm-dn-hr-cr-ee-ds-le-ht))
203
- );
204
- font-style: var(
205
- --_ctm-mob-dn-hr-cr-ee-ds-ft-se-ic,
206
- var(--_ctm-tab-dn-hr-cr-ee-ds-ft-se-ic, var(--_ctm-dn-hr-cr-ee-ds-ft-se-ic))
207
- );
208
- text-align: var(
209
- --_ctm-mob-dn-hr-cr-ee-ds-tt-an,
210
- var(--_ctm-tab-dn-hr-cr-ee-ds-tt-an, var(--_ctm-dn-hr-cr-ee-ds-tt-an))
174
+ .user-meta-list {
175
+ display: flex;
176
+ align-items: center;
177
+ gap: var(
178
+ --_ctm-mob-dn-hr-cr-ee-ds-im-gp,
179
+ var(--_ctm-tab-dn-hr-cr-ee-ds-im-gp, var(--_ctm-dn-hr-cr-ee-ds-im-gp))
211
180
  );
181
+ .meta-item {
182
+ display: flex;
183
+ flex-direction: row;
184
+ align-items: center;
185
+ padding: var(
186
+ --_ctm-mob-dn-hr-cr-ee-ds-pg,
187
+ var(--_ctm-tab-dn-hr-cr-ee-ds-pg, var(--_ctm-dn-hr-cr-ee-ds-pg))
188
+ );
189
+ // gap: 6px;
190
+ .meta-icon {
191
+ svg {
192
+ width: 12px;
193
+ height: 12px;
194
+ }
195
+ padding-right: 6px;
196
+ }
197
+ .meta-text {
198
+ font-family: var(
199
+ --_ctm-mob-dn-hr-cr-ee-ds-ft-fy,
200
+ var(--_ctm-tab-dn-hr-cr-ee-ds-ft-fy, var(--_ctm-dn-hr-cr-ee-ds-ft-fy))
201
+ );
202
+ font-size: var(
203
+ --_ctm-mob-dn-hr-cr-ee-ds-ft-se,
204
+ var(--_ctm-tab-dn-hr-cr-ee-ds-ft-se, var(--_ctm-dn-hr-cr-ee-ds-ft-se))
205
+ );
206
+ color: var(
207
+ --_ctm-mob-dn-hr-cr-ee-ds-cr,
208
+ var(--_ctm-tab-dn-hr-cr-ee-ds-cr, var(--_ctm-dn-hr-cr-ee-ds-cr))
209
+ );
210
+ font-weight: var(
211
+ --_ctm-mob-dn-hr-cr-ee-ds-ft-wt,
212
+ var(--_ctm-tab-dn-hr-cr-ee-ds-ft-wt, var(--_ctm-dn-hr-cr-ee-ds-ft-wt))
213
+ );
214
+ text-decoration: var(
215
+ --_ctm-mob-dn-hr-cr-ee-ds-ue,
216
+ var(--_ctm-tab-dn-hr-cr-ee-ds-ue, var(--_ctm-dn-hr-cr-ee-ds-ue))
217
+ );
218
+ letter-spacing: var(
219
+ --_ctm-mob-dn-hr-cr-ee-ds-lr-sg,
220
+ var(--_ctm-tab-dn-hr-cr-ee-ds-lr-sg, var(--_ctm-dn-hr-cr-ee-ds-lr-sg))
221
+ );
222
+ line-height: var(
223
+ --_ctm-mob-dn-hr-cr-ee-ds-le-ht,
224
+ var(--_ctm-tab-dn-hr-cr-ee-ds-le-ht, var(--_ctm-dn-hr-cr-ee-ds-le-ht))
225
+ );
226
+ font-style: var(
227
+ --_ctm-mob-dn-hr-cr-ee-ds-ft-se-ic,
228
+ var(--_ctm-tab-dn-hr-cr-ee-ds-ft-se-ic, var(--_ctm-dn-hr-cr-ee-ds-ft-se-ic))
229
+ );
230
+ text-align: var(
231
+ --_ctm-mob-dn-hr-cr-ee-ds-tt-an,
232
+ var(--_ctm-tab-dn-hr-cr-ee-ds-tt-an, var(--_ctm-dn-hr-cr-ee-ds-tt-an))
233
+ );
234
+ }
235
+ &:not(:first-child)::before {
236
+ content: "";
237
+ display: inline-block;
238
+ width: 5px;
239
+ height: 5px;
240
+ background: #d0d5dd;
241
+ border-radius: 50%;
242
+ margin-right: 12px;
243
+ }
244
+ }
212
245
  }
213
246
  }
214
247
  }
@@ -714,9 +747,10 @@
714
747
  .status {
715
748
  margin-left: 6px;
716
749
  padding: 2px 8px;
717
- border-radius: 8px;
718
- font-size: 0.7rem;
750
+ border-radius: 4px;
751
+ font-size: 12;
719
752
  font-weight: 500;
753
+ line-height: 18px;
720
754
  }
721
755
 
722
756
  .link-button {
@@ -732,6 +766,8 @@
732
766
  line-height: 18px;
733
767
  background: #eff8ff;
734
768
  color: #0040c1;
769
+ display: inline-block;
770
+ height: 22px;
735
771
  &::before {
736
772
  content: "";
737
773
  display: inline-block;
@@ -1111,8 +1147,8 @@
1111
1147
  align-items: flex-start;
1112
1148
 
1113
1149
  img {
1114
- width: 60px;
1115
- height: 60px;
1150
+ width: 69px;
1151
+ height: 80px;
1116
1152
  object-fit: cover;
1117
1153
  // border-radius: 4px;
1118
1154
  // margin-right: 12px;
@@ -1157,6 +1193,11 @@
1157
1193
  flex: 1;
1158
1194
 
1159
1195
  .item-name {
1196
+ display: -webkit-box;
1197
+ -webkit-line-clamp: 1;
1198
+ -webkit-box-orient: vertical;
1199
+ overflow: hidden;
1200
+ text-overflow: ellipsis;
1160
1201
  margin: 0 0 4px;
1161
1202
  // font-size: 14px;
1162
1203
  // font-weight: 600;
@@ -1375,9 +1416,6 @@
1375
1416
 
1376
1417
  .delivery-date {
1377
1418
  margin: 0;
1378
- // font-size: 0.75rem;
1379
- // color: #1e293b;
1380
- // font-weight: 600;
1381
1419
  padding: var(
1382
1420
  --_ctm-mob-dn-pt-wt-pt-ed-de-pg-dc,
1383
1421
  var(--_ctm-tab-dn-pt-wt-pt-ed-de-pg-dc, var(--_ctm-dn-pt-wt-pt-ed-de-pg-dc))
@@ -1391,8 +1429,8 @@
1391
1429
  var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc))
1392
1430
  );
1393
1431
  color: var(
1394
- --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
1395
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
1432
+ --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
1433
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc))
1396
1434
  );
1397
1435
  font-weight: var(
1398
1436
  --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
@@ -1468,12 +1506,17 @@
1468
1506
  }
1469
1507
  }
1470
1508
 
1471
- .more-link {
1472
- color: #243dc6;
1473
- font-size: 14px;
1474
- font-weight: 400;
1475
- line-height: 20px;
1476
- cursor: pointer;
1509
+ .show-more-wrapper {
1510
+ margin: 32px 16px 16px 0px;
1511
+ button {
1512
+ padding: 12px 16px;
1513
+ color: var(--_primary-400);
1514
+ font-weight: 600;
1515
+ border-radius: 6px;
1516
+ &:hover {
1517
+ background-color: var(--_primary-25);
1518
+ }
1519
+ }
1477
1520
  }
1478
1521
  }
1479
1522
 
package/dist/overflow-module.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use "sass:map";
2
- @use "./functions.scss" as *;
2
+ @use "../functions.scss" as *;
3
3
  @use "./prefix-list.scss" as *;
4
4
  $var: "--_ctm-sf-or-mx-ht";
5
5
  $overflow: (
package/dist/past-orders.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/payment-methods.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="paymentMethods"] {
6
6
  // width: var(--_lt-wh);
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
  ),