@sc-360-v2/storefront-cms-library 0.5.59 → 0.5.61

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 (156) hide show
  1. package/dist/add-order.scss +2 -8
  2. package/dist/allocation-header-quota-details.scss +9 -4
  3. package/dist/allocationDetails.scss +167 -164
  4. package/dist/allocations-quota-details.scss +9 -4
  5. package/dist/allocations.scss +1 -4
  6. package/dist/animation-control.scss +23 -23
  7. package/dist/builder.js +1 -1
  8. package/dist/builderLite.js +1 -1
  9. package/dist/bulk-variant-picker.scss +24 -26
  10. package/dist/bundle copy.scss +235 -0
  11. package/dist/bundle.scss +10 -10
  12. package/dist/bundleCategories.scss +301 -0
  13. package/dist/bundleDetails.scss +10 -1
  14. package/dist/button copy.scss +28 -0
  15. package/dist/buy-for-tabs-container-item.scss +80 -80
  16. package/dist/buyForHeaders.scss +3 -12
  17. package/dist/cart-details.scss +23 -4
  18. package/dist/cart-products-sidebar.scss +211 -211
  19. package/dist/cart-summary.scss +82 -10
  20. package/dist/cart-wrapper.scss +127 -127
  21. package/dist/cart.scss +2 -2
  22. package/dist/cartDropdownOverlay.scss +10 -1
  23. package/dist/cartGrouping.scss +89 -89
  24. package/dist/category-groups-product-grid.scss +143 -155
  25. package/dist/category-groups-product-image.scss +1372 -2010
  26. package/dist/category-groups-product-options.scss +680 -1054
  27. package/dist/category-groups-product-price.scss +2742 -4997
  28. package/dist/category-groups-quota-details.scss +7 -2
  29. package/dist/categoryDetails.scss +61 -61
  30. package/dist/categoryWidget.scss +34 -34
  31. package/dist/checkbox-radio.scss +124 -124
  32. package/dist/checkout.scss +1850 -4170
  33. package/dist/common-element.scss +35 -35
  34. package/dist/confirmationModal.scss +139 -139
  35. package/dist/coupon.scss +352 -714
  36. package/dist/custom-fonts.scss +100 -100
  37. package/dist/embroider-preview-element.scss +94 -94
  38. package/dist/emtpy-templates.scss +165 -165
  39. package/dist/faq.scss +7 -11
  40. package/dist/flex-text-editor.scss +271 -271
  41. package/dist/functions.scss +36 -0
  42. package/dist/gallery-slider-temp.scss +42 -5
  43. package/dist/hotspot.scss +1 -4
  44. package/dist/icon-list.scss +30 -59
  45. package/dist/image-for-product.scss +21 -21
  46. package/dist/image-temp.scss +18 -3
  47. package/dist/language-selector.scss +29 -21
  48. package/dist/last-x-orders.scss +6 -13
  49. package/dist/layouter-item.scss +3 -1
  50. package/dist/layouter.scss +164 -29
  51. package/dist/lightbox.scss +78 -78
  52. package/dist/line.scss +29 -70
  53. package/dist/loader.scss +37 -37
  54. package/dist/login.scss +49 -41
  55. package/dist/map.scss +23 -9
  56. package/dist/mega-menu.scss +1 -4
  57. package/dist/menu-item.scss +19 -19
  58. package/dist/myTemplates.scss +3 -0
  59. package/dist/order-processing.scss +61 -61
  60. package/dist/overflow-module.scss +63 -63
  61. package/dist/pickup-locations.scss +6 -3
  62. package/dist/position-module.scss +95 -95
  63. package/dist/prefix-list.scss +86 -86
  64. package/dist/product-actions.scss +6 -9
  65. package/dist/product-highlights.scss +40 -12
  66. package/dist/product-image-bundles.scss +12 -33
  67. package/dist/product-image.scss +341 -724
  68. package/dist/product-labels.scss +10 -8
  69. package/dist/product-options.scss +270 -125
  70. package/dist/product-price.scss +8 -2
  71. package/dist/productDetails.scss +2 -1
  72. package/dist/profile.scss +28 -0
  73. package/dist/quick-inventory-check.scss +6 -13
  74. package/dist/quick-links.scss +4 -0
  75. package/dist/quick-order-pad.scss +2 -2
  76. package/dist/quota-details.scss +11 -15
  77. package/dist/repeater copy.scss +24 -0
  78. package/dist/repeater-embla-controls.scss +13 -4
  79. package/dist/repeater.scss +161 -7
  80. package/dist/responsive-behaviour.scss +29 -29
  81. package/dist/scroll.scss +31 -1
  82. package/dist/shareCartSideBar.scss +254 -254
  83. package/dist/shipping-estimator.scss +41 -41
  84. package/dist/simple-list.scss +67 -0
  85. package/dist/social.scss +2 -2
  86. package/dist/sort.scss +89 -89
  87. package/dist/static-text.scss +52 -52
  88. package/dist/store-locations.scss +10 -8
  89. package/dist/sub-category.scss +74 -74
  90. package/dist/submit-quote.scss +275 -275
  91. package/dist/tab-container-item.scss +80 -80
  92. package/dist/tab-v2.scss +277 -604
  93. package/dist/table-common.scss +2 -2
  94. package/dist/table.scss +2 -2
  95. package/dist/text-temp-v2.scss +12 -23
  96. package/dist/text-temp.scss +109 -109
  97. package/dist/toggle-button.scss +32 -32
  98. package/dist/transform-properties-module.scss +20 -20
  99. package/dist/types/builder/elements/bundle-categories/index.d.ts +30 -0
  100. package/dist/types/builder/enums/index.d.ts +1 -0
  101. package/dist/types/builder/index.d.ts +2 -1
  102. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  103. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  104. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  105. package/dist/types/builder/tools/element-edit/bundleCategories.d.ts +115 -0
  106. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  107. package/dist/types/builder/tools/element-edit/button.d.ts +1 -0
  108. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  109. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  110. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  111. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  112. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  113. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1325 -74
  114. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  115. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  116. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  117. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  118. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  119. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  120. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  121. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  122. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  123. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  124. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  125. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  126. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  127. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  128. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  129. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  130. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  131. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  132. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  133. package/dist/types/builder/tools/element-edit/productPrice.d.ts +1 -0
  134. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  135. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  136. package/dist/types/builder/tools/element-edit/scroll.d.ts +8 -11
  137. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  138. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  139. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  140. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  141. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  142. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  143. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  144. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  145. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  146. package/dist/types/builder/tools/element-edit/userElements.d.ts +62 -22
  147. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  148. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  149. package/dist/uom-selector.scss +8 -2
  150. package/dist/user-elements.scss +133 -104
  151. package/dist/variant-picker.scss +1 -4
  152. package/dist/video.scss +147 -325
  153. package/dist/volume-pricing.scss +2 -2
  154. package/dist/website.js +1 -1
  155. package/dist/wishlist-overlay.scss +48 -48
  156. package/package.json +131 -131
package/dist/bundle copy.scss CHANGED
@@ -238,6 +238,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
238
238
  --_ctm-mob-dn-be-ts-be-tb-hr-se-ft-fy,
239
239
  var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ft-fy, var(--_ctm-dn-be-ts-be-tb-hr-se-ft-fy))
240
240
  );
241
+ --_sf-hr-tt-tm: var(
242
+ --_ctm-mob-dn-be-ts-be-tb-hr-se-tt-tm,
243
+ var(--_ctm-tab-dn-be-ts-be-tb-hr-se-tt-tm, var(--_ctm-dn-be-ts-be-tb-hr-se-tt-tm))
244
+ );
245
+ --_sf-hr-wd-wp: var(
246
+ --_ctm-mob-dn-be-ts-be-tb-hr-se-wd-wp,
247
+ var(--_ctm-tab-dn-be-ts-be-tb-hr-se-wd-wp, var(--_ctm-dn-be-ts-be-tb-hr-se-wd-wp))
248
+ );
249
+ --_sf-hr-wd-bk: var(
250
+ --_ctm-mob-dn-be-ts-be-tb-hr-se-wd-bk,
251
+ var(--_ctm-tab-dn-be-ts-be-tb-hr-se-wd-bk, var(--_ctm-dn-be-ts-be-tb-hr-se-wd-bk))
252
+ );
241
253
  --_sf-hr-ft-se: var(
242
254
  --_ctm-mob-dn-be-ts-be-tb-hr-se-ft-se,
243
255
  var(--_ctm-tab-dn-be-ts-be-tb-hr-se-ft-se, var(--_ctm-dn-be-ts-be-tb-hr-se-ft-se))
@@ -349,6 +361,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
349
361
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-cr));
350
362
 
351
363
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-fy));
364
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-tm));
365
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-wp));
366
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-bk));
367
+ &.flex__overflow {
368
+ white-space: normal;
369
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
370
+ }
352
371
 
353
372
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-se));
354
373
 
@@ -436,6 +455,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
436
455
  --_ctm-mob-dn-be-ts-be-tb-sd-se-ft-fy,
437
456
  var(--_ctm-tab-dn-be-ts-be-tb-sd-se-ft-fy, var(--_ctm-dn-be-ts-be-tb-sd-se-ft-fy))
438
457
  );
458
+ --_sf-sd-tt-tm: var(
459
+ --_ctm-mob-dn-be-ts-be-tb-sd-se-tt-tm,
460
+ var(--_ctm-tab-dn-be-ts-be-tb-sd-se-tt-tm, var(--_ctm-dn-be-ts-be-tb-sd-se-tt-tm))
461
+ );
462
+ --_sf-sd-wd-wp: var(
463
+ --_ctm-mob-dn-be-ts-be-tb-sd-se-wd-wp,
464
+ var(--_ctm-tab-dn-be-ts-be-tb-sd-se-wd-wp, var(--_ctm-dn-be-ts-be-tb-sd-se-wd-wp))
465
+ );
466
+ --_sf-sd-wd-bk: var(
467
+ --_ctm-mob-dn-be-ts-be-tb-sd-se-wd-bk,
468
+ var(--_ctm-tab-dn-be-ts-be-tb-sd-se-wd-bk, var(--_ctm-dn-be-ts-be-tb-sd-se-wd-bk))
469
+ );
439
470
  --_sf-sd-ft-se: var(
440
471
  --_ctm-mob-dn-be-ts-be-tb-sd-se-ft-se,
441
472
  var(--_ctm-tab-dn-be-ts-be-tb-sd-se-ft-se, var(--_ctm-dn-be-ts-be-tb-sd-se-ft-se))
@@ -549,6 +580,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
549
580
  --_sf-sd-ft-fy,
550
581
  prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-fy)
551
582
  );
583
+ text-transform: var(
584
+ --_sf-sd-tt-tm,
585
+ prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-tm)
586
+ );
587
+ word-wrap: var(
588
+ --_sf-sd-wd-wp,
589
+ prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-wp)
590
+ );
591
+ word-break: var(
592
+ --_sf-sd-wd-bk,
593
+ prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-bk)
594
+ );
595
+ &.flex__overflow {
596
+ white-space: normal;
597
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
598
+ }
552
599
 
553
600
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-se));
554
601
 
@@ -725,6 +772,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
725
772
  --_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-fy,
726
773
  var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-fy, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-fy))
727
774
  );
775
+ --_sf-hr-tt-tm: var(
776
+ --_ctm-mob-dn-cy-ts-cy-tb-hr-se-tt-tm,
777
+ var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-tt-tm, var(--_ctm-dn-cy-ts-cy-tb-hr-se-tt-tm))
778
+ );
779
+ --_sf-hr-wd-wp: var(
780
+ --_ctm-mob-dn-cy-ts-cy-tb-hr-se-wd-wp,
781
+ var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-wd-wp, var(--_ctm-dn-cy-ts-cy-tb-hr-se-wd-wp))
782
+ );
783
+ --_sf-hr-wd-bk: var(
784
+ --_ctm-mob-dn-cy-ts-cy-tb-hr-se-wd-bk,
785
+ var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-wd-bk, var(--_ctm-dn-cy-ts-cy-tb-hr-se-wd-bk))
786
+ );
728
787
  --_sf-hr-ft-se: var(
729
788
  --_ctm-mob-dn-cy-ts-cy-tb-hr-se-ft-se,
730
789
  var(--_ctm-tab-dn-cy-ts-cy-tb-hr-se-ft-se, var(--_ctm-dn-cy-ts-cy-tb-hr-se-ft-se))
@@ -836,6 +895,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
836
895
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-cr));
837
896
 
838
897
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-fy));
898
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-tm));
899
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-wp));
900
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-bk));
901
+ &.flex__overflow {
902
+ white-space: normal;
903
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
904
+ }
839
905
 
840
906
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-se));
841
907
 
@@ -923,6 +989,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
923
989
  --_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-fy,
924
990
  var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-fy, var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-fy))
925
991
  );
992
+ --_sf-sd-tt-tm: var(
993
+ --_ctm-mob-dn-cy-ts-cy-tb-sd-se-tt-tm,
994
+ var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-tt-tm, var(--_ctm-dn-cy-ts-cy-tb-sd-se-tt-tm))
995
+ );
996
+ --_sf-sd-wd-wp: var(
997
+ --_ctm-mob-dn-cy-ts-cy-tb-sd-se-wd-wp,
998
+ var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-wd-wp, var(--_ctm-dn-cy-ts-cy-tb-sd-se-wd-wp))
999
+ );
1000
+ --_sf-sd-wd-bk: var(
1001
+ --_ctm-mob-dn-cy-ts-cy-tb-sd-se-wd-bk,
1002
+ var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-wd-bk, var(--_ctm-dn-cy-ts-cy-tb-sd-se-wd-bk))
1003
+ );
926
1004
  --_sf-sd-ft-se: var(
927
1005
  --_ctm-mob-dn-cy-ts-cy-tb-sd-se-ft-se,
928
1006
  var(--_ctm-tab-dn-cy-ts-cy-tb-sd-se-ft-se, var(--_ctm-dn-cy-ts-cy-tb-sd-se-ft-se))
@@ -1036,6 +1114,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1036
1114
  --_sf-sd-ft-fy,
1037
1115
  prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-fy)
1038
1116
  );
1117
+ text-transform: var(
1118
+ --_sf-sd-tt-tm,
1119
+ prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-tm)
1120
+ );
1121
+ word-wrap: var(
1122
+ --_sf-sd-wd-wp,
1123
+ prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-wp)
1124
+ );
1125
+ word-break: var(
1126
+ --_sf-sd-wd-bk,
1127
+ prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-bk)
1128
+ );
1129
+ &.flex__overflow {
1130
+ white-space: normal;
1131
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1132
+ }
1039
1133
 
1040
1134
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-se));
1041
1135
 
@@ -1099,6 +1193,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1099
1193
 
1100
1194
  .bundle__title {
1101
1195
  font-family: var(--_ctm-dn-hg-dn-ft-fy);
1196
+ text-transform: var(--_ctm-dn-hg-dn-tt-tm);
1197
+ word-wrap: var(--_ctm-dn-hg-dn-wd-wp);
1198
+ word-break: var(--_ctm-dn-hg-dn-wd-bk);
1102
1199
  font-size: var(--_ctm-dn-hg-dn-ft-se);
1103
1200
  color: var(--_ctm-dn-hg-dn-cr);
1104
1201
  font-weight: var(--_ctm-dn-hg-dn-ft-wt);
@@ -1118,6 +1215,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1118
1215
 
1119
1216
  .bundle__description {
1120
1217
  font-family: var(--_ctm-dn-dn-dn-ft-fy);
1218
+ text-transform: var(--_ctm-dn-dn-dn-tt-tm);
1219
+ word-wrap: var(--_ctm-dn-dn-dn-wd-wp);
1220
+ word-break: var(--_ctm-dn-dn-dn-wd-bk);
1121
1221
  font-size: var(--_ctm-dn-dn-dn-ft-se);
1122
1222
  color: var(--_ctm-dn-dn-dn-cr);
1123
1223
  font-weight: var(--_ctm-dn-dn-dn-ft-wt);
@@ -1146,6 +1246,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1146
1246
  gap: 12px;
1147
1247
  align-self: stretch;
1148
1248
  font-family: var(--_ctm-dn-be-ds-pe-bn-dn-ft-fy);
1249
+ text-transform: var(--_ctm-dn-be-ds-pe-bn-dn-tt-tm);
1250
+ word-wrap: var(--_ctm-dn-be-ds-pe-bn-dn-wd-wp);
1251
+ word-break: var(--_ctm-dn-be-ds-pe-bn-dn-wd-bk);
1252
+ &.flex__overflow {
1253
+ white-space: normal;
1254
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1255
+ }
1149
1256
  font-size: var(--_ctm-dn-be-ds-pe-bn-dn-ft-se);
1150
1257
  color: var(--_ctm-dn-be-ds-pe-bn-dn-cr);
1151
1258
  font-weight: var(--_ctm-dn-be-ds-pe-bn-dn-ft-wt);
@@ -1218,6 +1325,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1218
1325
  .img-title {
1219
1326
  padding: 12px;
1220
1327
  font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
1328
+ text-transform: var(--_ctm-dn-pt-ne-dn-tt-tm);
1329
+ word-wrap: var(--_ctm-dn-pt-ne-dn-wd-wp);
1330
+ word-break: var(--_ctm-dn-pt-ne-dn-wd-bk);
1221
1331
  font-size: var(--_ctm-dn-pt-ne-dn-ft-se);
1222
1332
  color: var(--_ctm-dn-pt-ne-dn-cr);
1223
1333
  font-weight: var(--_ctm-dn-pt-ne-dn-ft-wt);
@@ -1245,6 +1355,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1245
1355
  gap: 12px;
1246
1356
  align-self: stretch;
1247
1357
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1358
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
1359
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
1360
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
1361
+ &.flex__overflow {
1362
+ white-space: normal;
1363
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1364
+ }
1248
1365
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1249
1366
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
1250
1367
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -1288,6 +1405,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1288
1405
  gap: 12px;
1289
1406
  align-self: stretch;
1290
1407
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1408
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
1409
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
1410
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
1411
+ &.flex__overflow {
1412
+ white-space: normal;
1413
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1414
+ }
1291
1415
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1292
1416
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
1293
1417
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -1352,6 +1476,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1352
1476
  align-items: flex-start;
1353
1477
  justify-content: flex-start;
1354
1478
  font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
1479
+ text-transform: var(--_ctm-dn-pt-ne-dn-tt-tm);
1480
+ word-wrap: var(--_ctm-dn-pt-ne-dn-wd-wp);
1481
+ word-break: var(--_ctm-dn-pt-ne-dn-wd-bk);
1482
+ &.flex__overflow {
1483
+ white-space: normal;
1484
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1485
+ }
1355
1486
  font-size: var(--_ctm-dn-pt-ne-dn-ft-se);
1356
1487
  color: var(--_ctm-dn-pt-ne-dn-cr);
1357
1488
  font-weight: var(--_ctm-dn-pt-ne-dn-ft-wt);
@@ -1440,6 +1571,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1440
1571
  gap: 12px;
1441
1572
  align-self: stretch;
1442
1573
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1574
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
1575
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
1576
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
1577
+ &.flex__overflow {
1578
+ white-space: normal;
1579
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1580
+ }
1443
1581
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1444
1582
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
1445
1583
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -1483,6 +1621,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1483
1621
  gap: 12px;
1484
1622
  align-self: stretch;
1485
1623
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1624
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
1625
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
1626
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
1627
+ &.flex__overflow {
1628
+ white-space: normal;
1629
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1630
+ }
1486
1631
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1487
1632
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
1488
1633
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -1562,6 +1707,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1562
1707
  align-items: center;
1563
1708
  justify-content: flex-start;
1564
1709
  font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
1710
+ text-transform: var(--_ctm-dn-pt-ne-dn-tt-tm);
1711
+ word-wrap: var(--_ctm-dn-pt-ne-dn-wd-wp);
1712
+ word-break: var(--_ctm-dn-pt-ne-dn-wd-bk);
1713
+ &.flex__overflow {
1714
+ white-space: normal;
1715
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1716
+ }
1565
1717
  font-size: var(--_ctm-dn-pt-ne-dn-ft-se);
1566
1718
  color: var(--_ctm-dn-pt-ne-dn-cr);
1567
1719
  font-weight: var(--_ctm-dn-pt-ne-dn-ft-wt);
@@ -1590,6 +1742,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1590
1742
  gap: 12px;
1591
1743
  align-self: stretch;
1592
1744
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1745
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
1746
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
1747
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
1748
+ &.flex__overflow {
1749
+ white-space: normal;
1750
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1751
+ }
1593
1752
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1594
1753
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
1595
1754
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -1633,6 +1792,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1633
1792
  gap: 12px;
1634
1793
  align-self: stretch;
1635
1794
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1795
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
1796
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
1797
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
1798
+ &.flex__overflow {
1799
+ white-space: normal;
1800
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1801
+ }
1636
1802
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1637
1803
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
1638
1804
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -1714,6 +1880,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1714
1880
  align-items: center;
1715
1881
  justify-content: flex-start;
1716
1882
  font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
1883
+ text-transform: var(--_ctm-dn-pt-ne-dn-tt-tm);
1884
+ word-wrap: var(--_ctm-dn-pt-ne-dn-wd-wp);
1885
+ word-break: var(--_ctm-dn-pt-ne-dn-wd-bk);
1886
+ &.flex__overflow {
1887
+ white-space: normal;
1888
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1889
+ }
1717
1890
  font-size: var(--_ctm-dn-pt-ne-dn-ft-se);
1718
1891
  color: var(--_ctm-dn-pt-ne-dn-cr);
1719
1892
  font-weight: var(--_ctm-dn-pt-ne-dn-ft-wt);
@@ -1742,6 +1915,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1742
1915
  gap: 12px;
1743
1916
  align-self: stretch;
1744
1917
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1918
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
1919
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
1920
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
1921
+ &.flex__overflow {
1922
+ white-space: normal;
1923
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1924
+ }
1745
1925
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1746
1926
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
1747
1927
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -1785,6 +1965,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1785
1965
  gap: 12px;
1786
1966
  align-self: stretch;
1787
1967
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1968
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
1969
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
1970
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
1971
+ &.flex__overflow {
1972
+ white-space: normal;
1973
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1974
+ }
1788
1975
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1789
1976
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
1790
1977
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -1857,6 +2044,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1857
2044
  align-items: flex-start;
1858
2045
  justify-content: flex-start;
1859
2046
  font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
2047
+ text-transform: var(--_ctm-dn-pt-ne-dn-tt-tm);
2048
+ word-wrap: var(--_ctm-dn-pt-ne-dn-wd-wp);
2049
+ word-break: var(--_ctm-dn-pt-ne-dn-wd-bk);
2050
+ &.flex__overflow {
2051
+ white-space: normal;
2052
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2053
+ }
1860
2054
  font-size: var(--_ctm-dn-pt-ne-dn-ft-se);
1861
2055
  color: var(--_ctm-dn-pt-ne-dn-cr);
1862
2056
  font-weight: var(--_ctm-dn-pt-ne-dn-ft-wt);
@@ -1966,6 +2160,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1966
2160
  gap: 12px;
1967
2161
  align-self: stretch;
1968
2162
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
2163
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
2164
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
2165
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
2166
+ &.flex__overflow {
2167
+ white-space: normal;
2168
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2169
+ }
1969
2170
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1970
2171
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
1971
2172
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -2010,6 +2211,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2010
2211
  align-self: stretch;
2011
2212
  text-transform: uppercase;
2012
2213
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
2214
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
2215
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
2216
+ &.flex__overflow {
2217
+ white-space: normal;
2218
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2219
+ }
2013
2220
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
2014
2221
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
2015
2222
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -2078,6 +2285,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2078
2285
  align-items: flex-start;
2079
2286
  justify-content: flex-start;
2080
2287
  font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
2288
+ text-transform: var(--_ctm-dn-pt-ne-dn-tt-tm);
2289
+ word-wrap: var(--_ctm-dn-pt-ne-dn-wd-wp);
2290
+ word-break: var(--_ctm-dn-pt-ne-dn-wd-bk);
2291
+ &.flex__overflow {
2292
+ white-space: normal;
2293
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2294
+ }
2081
2295
  font-size: var(--_ctm-dn-pt-ne-dn-ft-se);
2082
2296
  color: var(--_ctm-dn-pt-ne-dn-cr);
2083
2297
  font-weight: var(--_ctm-dn-pt-ne-dn-ft-wt);
@@ -2166,6 +2380,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2166
2380
  gap: 12px;
2167
2381
  align-self: stretch;
2168
2382
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
2383
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
2384
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
2385
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
2386
+ &.flex__overflow {
2387
+ white-space: normal;
2388
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2389
+ }
2169
2390
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
2170
2391
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
2171
2392
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -2208,6 +2429,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2208
2429
  gap: 12px;
2209
2430
  align-self: stretch;
2210
2431
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
2432
+ text-transform: var(--_ctm-dn-be-nn-bn-dn-tt-tm);
2433
+ word-wrap: var(--_ctm-dn-be-nn-bn-dn-wd-wp);
2434
+ word-break: var(--_ctm-dn-be-nn-bn-dn-wd-bk);
2435
+ &.flex__overflow {
2436
+ white-space: normal;
2437
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2438
+ }
2211
2439
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
2212
2440
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
2213
2441
  font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
@@ -2267,6 +2495,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2267
2495
  display: flex;
2268
2496
  padding: 10px;
2269
2497
  font-family: var(--_ctm-dn-be-tg-dn-ft-fy);
2498
+ text-transform: var(--_ctm-dn-be-tg-dn-tt-tm);
2499
+ word-wrap: var(--_ctm-dn-be-tg-dn-wd-wp);
2500
+ word-break: var(--_ctm-dn-be-tg-dn-wd-bk);
2501
+ &.flex__overflow {
2502
+ white-space: normal;
2503
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2504
+ }
2270
2505
  font-size: var(--_ctm-dn-be-tg-dn-ft-se);
2271
2506
  color: var(--_ctm-dn-be-tg-dn-cr);
2272
2507
  font-weight: var(--_ctm-dn-be-tg-dn-ft-wt);
package/dist/bundle.scss CHANGED
@@ -753,10 +753,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
753
753
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-cr));
754
754
 
755
755
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-ft-fy));
756
- text-transform: var(
757
- --_sf-hr-tt-tm,
758
- prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-tm)
759
- );
756
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-tm));
760
757
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-wp));
761
758
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-bk));
762
759
  &.flex__overflow {
@@ -979,7 +976,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
979
976
  --_sf-sd-tt-tm,
980
977
  prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-tt-tm)
981
978
  );
982
- word-wrap: var(--_sf-sd-wd-wp, prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-wp));
979
+ word-wrap: var(
980
+ --_sf-sd-wd-wp,
981
+ prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-wp)
982
+ );
983
983
  word-break: var(
984
984
  --_sf-sd-wd-bk,
985
985
  prepareMediaVariable(--_ctm-dn-be-ts-be-tb-dt-se-wd-bk)
@@ -1291,10 +1291,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1291
1291
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-cr));
1292
1292
 
1293
1293
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-ft-fy));
1294
- text-transform: var(
1295
- --_sf-hr-tt-tm,
1296
- prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-tm)
1297
- );
1294
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-tm));
1298
1295
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-wp));
1299
1296
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-bk));
1300
1297
  &.flex__overflow {
@@ -1517,7 +1514,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1517
1514
  --_sf-sd-tt-tm,
1518
1515
  prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-tt-tm)
1519
1516
  );
1520
- word-wrap: var(--_sf-sd-wd-wp, prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-wp));
1517
+ word-wrap: var(
1518
+ --_sf-sd-wd-wp,
1519
+ prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-wp)
1520
+ );
1521
1521
  word-break: var(
1522
1522
  --_sf-sd-wd-bk,
1523
1523
  prepareMediaVariable(--_ctm-dn-cy-ts-cy-tb-dt-se-wd-bk)