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

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 (111) hide show
  1. package/dist/add-order.scss +50 -4
  2. package/dist/add-products-tab-details.scss +250 -0
  3. package/dist/add-products-tab-uom-details.scss +105 -0
  4. package/dist/add-products-tab.scss +226 -0
  5. package/dist/allocation-header-quota-details.scss +84 -0
  6. package/dist/allocationDetails.scss +104 -0
  7. package/dist/allocations-quota-details.scss +66 -0
  8. package/dist/allocations.scss +110 -0
  9. package/dist/amount-estimator.scss +104 -0
  10. package/dist/badge.scss +12 -0
  11. package/dist/brand-basic-elements.scss +17 -0
  12. package/dist/breadcrumbs.scss +16 -0
  13. package/dist/builder.js +1 -1
  14. package/dist/bulk-variant-picker.scss +246 -0
  15. package/dist/bundle.scss +239 -28
  16. package/dist/bundleDetails.scss +295 -0
  17. package/dist/button copy.scss +2 -2
  18. package/dist/button.scss +17 -4
  19. package/dist/buy-for-tab.scss +54 -0
  20. package/dist/buyForHeaders.scss +629 -0
  21. package/dist/cart-details.scss +317 -0
  22. package/dist/cart-summary.scss +189 -0
  23. package/dist/cart.scss +16 -0
  24. package/dist/cartAttributes.scss +118 -0
  25. package/dist/cartDropdownOverlay.scss +21 -0
  26. package/dist/category-groups-element.scss +15 -0
  27. package/dist/category-groups-product-image.scss +84 -0
  28. package/dist/category-groups-product-options.scss +87 -0
  29. package/dist/category-groups-product-price.scss +700 -0
  30. package/dist/category-groups-quota-details.scss +84 -0
  31. package/dist/checkout.scss +918 -0
  32. package/dist/countdown.scss +80 -0
  33. package/dist/coupon.scss +138 -0
  34. package/dist/embroider-template-1-v2.scss +34 -0
  35. package/dist/embroider-template-1.scss +501 -482
  36. package/dist/embroidery.scss +7 -0
  37. package/dist/faq.scss +28 -0
  38. package/dist/filter-results.scss +361 -323
  39. package/dist/filters.scss +288 -0
  40. package/dist/gallery-slider-temp.scss +24 -0
  41. package/dist/global-styles.scss +23 -0
  42. package/dist/hotspot.scss +23 -4
  43. package/dist/icon-list.scss +3 -0
  44. package/dist/item-stock.scss +6 -0
  45. package/dist/kitDetails.scss +358 -0
  46. package/dist/kits.scss +4 -0
  47. package/dist/language-selector.scss +9 -1
  48. package/dist/last-x-orders.scss +24 -0
  49. package/dist/login.scss +108 -0
  50. package/dist/map.scss +46 -0
  51. package/dist/mega-menu.scss +69 -8
  52. package/dist/menu-v2.scss +123 -5
  53. package/dist/menu.scss +12 -0
  54. package/dist/my-templates.scss +3 -0
  55. package/dist/option-bar.scss +38 -0
  56. package/dist/order-status.scss +60 -5
  57. package/dist/past-orders.scss +50 -0
  58. package/dist/payment-methods.scss +307 -289
  59. package/dist/pickup-locations.scss +184 -0
  60. package/dist/product-actions.scss +195 -0
  61. package/dist/product-basic-elements.scss +8 -0
  62. package/dist/product-customizations.scss +155 -149
  63. package/dist/product-highlights.scss +12 -0
  64. package/dist/product-image-allocation.scss +38 -0
  65. package/dist/product-image-bundles.scss +47 -0
  66. package/dist/product-image.scss +48 -0
  67. package/dist/product-inventory.scss +240 -0
  68. package/dist/product-labels.scss +12 -0
  69. package/dist/product-options.scss +58 -0
  70. package/dist/product-price.scss +416 -1
  71. package/dist/product-promotions.scss +456 -0
  72. package/dist/product-sizechart.scss +91 -0
  73. package/dist/profile.scss +165 -42
  74. package/dist/quantity-selector.scss +62 -0
  75. package/dist/quick-inventory-check.scss +24 -0
  76. package/dist/quick-links.scss +16 -0
  77. package/dist/quick-order-pad.scss +71 -0
  78. package/dist/quotes.scss +766 -737
  79. package/dist/repeater.scss +19 -0
  80. package/dist/rfqs.scss +29 -0
  81. package/dist/scroll.scss +28 -0
  82. package/dist/search-results-heading.scss +36 -0
  83. package/dist/search.scss +43 -0
  84. package/dist/shipping-payments.scss +48 -0
  85. package/dist/simple-list.scss +12 -0
  86. package/dist/social.scss +12 -0
  87. package/dist/spotlight.scss +48 -0
  88. package/dist/stockStatus.scss +3 -0
  89. package/dist/store-locations.scss +188 -0
  90. package/dist/tab-v2.scss +24 -0
  91. package/dist/table-common.scss +78 -0
  92. package/dist/table.scss +81 -0
  93. package/dist/tabs.scss +440 -395
  94. package/dist/theme-classes.scss +49 -0
  95. package/dist/toaster.scss +392 -350
  96. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +15 -15
  97. package/dist/types/builder/tools/element-edit/bundle.d.ts +20 -10
  98. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +15 -15
  99. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +225 -0
  100. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +35 -35
  101. package/dist/types/builder/tools/element-edit/coupon.d.ts +10 -10
  102. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +233 -31
  103. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +33 -0
  104. package/dist/types/builder/tools/element-edit/profile.d.ts +7 -0
  105. package/dist/types/builder/tools/element-edit/scroll.d.ts +18 -0
  106. package/dist/types/builder/tools/element-edit/video.d.ts +15 -0
  107. package/dist/uom-selector.scss +112 -0
  108. package/dist/user-elements.scss +168 -0
  109. package/dist/variant-picker.scss +217 -0
  110. package/dist/volume-pricing.scss +192 -0
  111. package/package.json +131 -131
package/dist/countdown.scss CHANGED
@@ -334,6 +334,18 @@ $dividerValues: (
334
334
  --_ctm-mob-dn-cn-wt-ft-fy,
335
335
  var(--_ctm-tab-dn-cn-wt-ft-fy, var(--_ctm-dn-cn-wt-ft-fy))
336
336
  );
337
+ text-transform: var(
338
+ --_ctm-mob-dn-cn-wt-tt-tm,
339
+ var(--_ctm-tab-dn-cn-wt-tt-tm, var(--_ctm-dn-cn-wt-tt-tm))
340
+ );
341
+ word-wrap: var(
342
+ --_ctm-mob-dn-cn-wt-wd-wp,
343
+ var(--_ctm-tab-dn-cn-wt-wd-wp, var(--_ctm-dn-cn-wt-wd-wp))
344
+ );
345
+ word-break: var(
346
+ --_ctm-mob-dn-cn-wt-wd-bk,
347
+ var(--_ctm-tab-dn-cn-wt-wd-bk, var(--_ctm-dn-cn-wt-wd-bk))
348
+ );
337
349
 
338
350
  font-size: var(
339
351
  --_ctm-mob-dn-cn-wt-ft-se,
@@ -381,6 +393,18 @@ $dividerValues: (
381
393
  --_ctm-mob-dn-cn-wt-ft-fy-dc,
382
394
  var(--_ctm-tab-dn-cn-wt-ft-fy-dc, var(--_ctm-dn-cn-wt-ft-fy-dc))
383
395
  );
396
+ text-transform: var(
397
+ --_ctm-mob-dn-cn-wt-tt-tm-dc,
398
+ var(--_ctm-tab-dn-cn-wt-tt-tm-dc, var(--_ctm-dn-cn-wt-tt-tm-dc))
399
+ );
400
+ word-wrap: var(
401
+ --_ctm-mob-dn-cn-wt-wd-wp-dc,
402
+ var(--_ctm-tab-dn-cn-wt-wd-wp-dc, var(--_ctm-dn-cn-wt-wd-wp-dc))
403
+ );
404
+ word-break: var(
405
+ --_ctm-mob-dn-cn-wt-wd-bk-dc,
406
+ var(--_ctm-tab-dn-cn-wt-wd-bk-dc, var(--_ctm-dn-cn-wt-wd-bk-dc))
407
+ );
384
408
 
385
409
  font-size: var(
386
410
  --_ctm-mob-dn-cn-wt-ft-se-dc,
@@ -558,6 +582,22 @@ $dividerValues: (
558
582
  --_ctm-mob-dn-cr-se-ft-fy,
559
583
  var(--_ctm-tab-dn-cr-se-ft-fy, var(--_ctm-dn-cr-se-ft-fy))
560
584
  );
585
+ text-transform: var(
586
+ --_ctm-mob-dn-cr-se-tt-tm,
587
+ var(--_ctm-tab-dn-cr-se-tt-tm, var(--_ctm-dn-cr-se-tt-tm))
588
+ );
589
+ word-wrap: var(
590
+ --_ctm-mob-dn-cr-se-wd-wp,
591
+ var(--_ctm-tab-dn-cr-se-wd-wp, var(--_ctm-dn-cr-se-wd-wp))
592
+ );
593
+ word-break: var(
594
+ --_ctm-mob-dn-cr-se-wd-bk,
595
+ var(--_ctm-tab-dn-cr-se-wd-bk, var(--_ctm-dn-cr-se-wd-bk))
596
+ );
597
+ &.flex__overflow {
598
+ white-space: normal;
599
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
600
+ }
561
601
  font-size: var(
562
602
  --_ctm-mob-dn-cr-se-ft-se,
563
603
  var(--_ctm-tab-dn-cr-se-ft-se, var(--_ctm-dn-cr-se-ft-se))
@@ -601,6 +641,22 @@ $dividerValues: (
601
641
  --_ctm-mob-dn-cr-se-ft-fy-dc,
602
642
  var(--_ctm-tab-dn-cr-se-ft-fy-dc, var(--_ctm-dn-cr-se-ft-fy-dc))
603
643
  );
644
+ text-transform: var(
645
+ --_ctm-mob-dn-cr-se-tt-tm-dc,
646
+ var(--_ctm-tab-dn-cr-se-tt-tm-dc, var(--_ctm-dn-cr-se-tt-tm-dc))
647
+ );
648
+ word-wrap: var(
649
+ --_ctm-mob-dn-cr-se-wd-wp-dc,
650
+ var(--_ctm-tab-dn-cr-se-wd-wp-dc, var(--_ctm-dn-cr-se-wd-wp-dc))
651
+ );
652
+ word-break: var(
653
+ --_ctm-mob-dn-cr-se-wd-bk-dc,
654
+ var(--_ctm-tab-dn-cr-se-wd-bk-dc, var(--_ctm-dn-cr-se-wd-bk-dc))
655
+ );
656
+ &.flex__overflow {
657
+ white-space: normal;
658
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
659
+ }
604
660
  font-size: var(
605
661
  --_ctm-mob-dn-cr-se-ft-se-dc,
606
662
  var(--_ctm-tab-dn-cr-se-ft-se-dc, var(--_ctm-dn-cr-se-ft-se-dc))
@@ -649,6 +705,18 @@ $dividerValues: (
649
705
  --_ctm-mob-dn-cr-se-ft-fy,
650
706
  var(--_ctm-tab-dn-cr-se-ft-fy, var(--_ctm-dn-cr-se-ft-fy))
651
707
  );
708
+ text-transform: var(
709
+ --_ctm-mob-dn-cr-se-tt-tm,
710
+ var(--_ctm-tab-dn-cr-se-tt-tm, var(--_ctm-dn-cr-se-tt-tm))
711
+ );
712
+ word-wrap: var(
713
+ --_ctm-mob-dn-cr-se-wd-wp,
714
+ var(--_ctm-tab-dn-cr-se-wd-wp, var(--_ctm-dn-cr-se-wd-wp))
715
+ );
716
+ word-break: var(
717
+ --_ctm-mob-dn-cr-se-wd-bk,
718
+ var(--_ctm-tab-dn-cr-se-wd-bk, var(--_ctm-dn-cr-se-wd-bk))
719
+ );
652
720
  font-size: var(
653
721
  --_ctm-mob-dn-cr-se-ft-se,
654
722
  var(--_ctm-tab-dn-cr-se-ft-se, var(--_ctm-dn-cr-se-ft-se))
@@ -692,6 +760,18 @@ $dividerValues: (
692
760
  --_ctm-mob-dn-cr-se-ft-fy-dc,
693
761
  var(--_ctm-tab-dn-cr-se-ft-fy-dc, var(--_ctm-dn-cr-se-ft-fy-dc))
694
762
  );
763
+ text-transform: var(
764
+ --_ctm-mob-dn-cr-se-tt-tm-dc,
765
+ var(--_ctm-tab-dn-cr-se-tt-tm-dc, var(--_ctm-dn-cr-se-tt-tm-dc))
766
+ );
767
+ word-wrap: var(
768
+ --_ctm-mob-dn-cr-se-wd-wp-dc,
769
+ var(--_ctm-tab-dn-cr-se-wd-wp-dc, var(--_ctm-dn-cr-se-wd-wp-dc))
770
+ );
771
+ word-break: var(
772
+ --_ctm-mob-dn-cr-se-wd-bk-dc,
773
+ var(--_ctm-tab-dn-cr-se-wd-bk-dc, var(--_ctm-dn-cr-se-wd-bk-dc))
774
+ );
695
775
  font-size: var(
696
776
  --_ctm-mob-dn-cr-se-ft-se-dc,
697
777
  var(--_ctm-tab-dn-cr-se-ft-se-dc, var(--_ctm-dn-cr-se-ft-se-dc))
package/dist/coupon.scss CHANGED
@@ -78,6 +78,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
78
78
  --_ctm-mob-dn-cn-hr-ft-fy,
79
79
  var(--_ctm-tab-dn-cn-hr-ft-fy, var(--_ctm-dn-cn-hr-ft-fy))
80
80
  );
81
+ text-transform: var(
82
+ --_ctm-mob-dn-cn-hr-tt-tm,
83
+ var(--_ctm-tab-dn-cn-hr-tt-tm, var(--_ctm-dn-cn-hr-tt-tm))
84
+ );
85
+ word-wrap: var(
86
+ --_ctm-mob-dn-cn-hr-wd-wp,
87
+ var(--_ctm-tab-dn-cn-hr-wd-wp, var(--_ctm-dn-cn-hr-wd-wp))
88
+ );
89
+ word-break: var(
90
+ --_ctm-mob-dn-cn-hr-wd-bk,
91
+ var(--_ctm-tab-dn-cn-hr-wd-bk, var(--_ctm-dn-cn-hr-wd-bk))
92
+ );
81
93
  color: var(--_ctm-mob-dn-cn-hr-cr, var(--_ctm-tab-dn-cn-hr-cr, var(--_ctm-dn-cn-hr-cr)));
82
94
  font-weight: var(
83
95
  --_ctm-mob-dn-cn-hr-ft-wt,
@@ -191,6 +203,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
191
203
  --_ctm-mob-dn-cn-wt-te-ft-fy,
192
204
  var(--_ctm-tab-dn-cn-wt-te-ft-fy, var(--_ctm-dn-cn-wt-te-ft-fy))
193
205
  );
206
+ text-transform: var(
207
+ --_ctm-mob-dn-cn-wt-te-tt-tm,
208
+ var(--_ctm-tab-dn-cn-wt-te-tt-tm, var(--_ctm-dn-cn-wt-te-tt-tm))
209
+ );
210
+ word-wrap: var(
211
+ --_ctm-mob-dn-cn-wt-te-wd-wp,
212
+ var(--_ctm-tab-dn-cn-wt-te-wd-wp, var(--_ctm-dn-cn-wt-te-wd-wp))
213
+ );
214
+ word-break: var(
215
+ --_ctm-mob-dn-cn-wt-te-wd-bk,
216
+ var(--_ctm-tab-dn-cn-wt-te-wd-bk, var(--_ctm-dn-cn-wt-te-wd-bk))
217
+ );
194
218
  color: var(
195
219
  --_ctm-mob-dn-cn-wt-te-cr,
196
220
  var(--_ctm-tab-dn-cn-wt-te-cr, var(--_ctm-dn-cn-wt-te-cr))
@@ -234,6 +258,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
234
258
  --_ctm-mob-dn-cn-wt-dn-ft-fy,
235
259
  var(--_ctm-tab-dn-cn-wt-dn-ft-fy, var(--_ctm-dn-cn-wt-dn-ft-fy))
236
260
  );
261
+ text-transform: var(
262
+ --_ctm-mob-dn-cn-wt-dn-tt-tm,
263
+ var(--_ctm-tab-dn-cn-wt-dn-tt-tm, var(--_ctm-dn-cn-wt-dn-tt-tm))
264
+ );
265
+ word-wrap: var(
266
+ --_ctm-mob-dn-cn-wt-dn-wd-wp,
267
+ var(--_ctm-tab-dn-cn-wt-dn-wd-wp, var(--_ctm-dn-cn-wt-dn-wd-wp))
268
+ );
269
+ word-break: var(
270
+ --_ctm-mob-dn-cn-wt-dn-wd-bk,
271
+ var(--_ctm-tab-dn-cn-wt-dn-wd-bk, var(--_ctm-dn-cn-wt-dn-wd-bk))
272
+ );
237
273
  color: var(
238
274
  --_ctm-mob-dn-cn-wt-dn-cr,
239
275
  var(--_ctm-tab-dn-cn-wt-dn-cr, var(--_ctm-dn-cn-wt-dn-cr))
@@ -277,6 +313,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
277
313
  --_ctm-mob-dn-cn-wt-ft-fy-dc,
278
314
  var(--_ctm-tab-dn-cn-wt-ft-fy-dc, var(--_ctm-dn-cn-wt-ft-fy-dc))
279
315
  );
316
+ text-transform: var(
317
+ --_ctm-mob-dn-cn-wt-tt-tm-dc,
318
+ var(--_ctm-tab-dn-cn-wt-tt-tm-dc, var(--_ctm-dn-cn-wt-tt-tm-dc))
319
+ );
320
+ word-wrap: var(
321
+ --_ctm-mob-dn-cn-wt-wd-wp-dc,
322
+ var(--_ctm-tab-dn-cn-wt-wd-wp-dc, var(--_ctm-dn-cn-wt-wd-wp-dc))
323
+ );
324
+ word-break: var(
325
+ --_ctm-mob-dn-cn-wt-wd-bk-dc,
326
+ var(--_ctm-tab-dn-cn-wt-wd-bk-dc, var(--_ctm-dn-cn-wt-wd-bk-dc))
327
+ );
280
328
  color: var(--_thm-cs-tt-ls-as);
281
329
  font-weight: var(
282
330
  --_ctm-mob-dn-cn-wt-ft-wt-dc,
@@ -454,6 +502,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
454
502
  --_sf-hr-ft-fy,
455
503
  prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-ft-fy)
456
504
  );
505
+ text-transform: var(
506
+ --_sf-hr-tt-tm,
507
+ prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-tt-tm)
508
+ );
509
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-wd-wp));
510
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-wd-bk));
511
+ &.flex__overflow {
512
+ white-space: normal;
513
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
514
+ }
457
515
 
458
516
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-ft-se));
459
517
 
@@ -546,6 +604,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
546
604
  --_ctm-mob-dn-cn-wt-it-fd-ft-fy,
547
605
  var(--_ctm-tab-dn-cn-wt-it-fd-ft-fy, var(--_ctm-dn-cn-wt-it-fd-ft-fy))
548
606
  );
607
+ text-transform: var(
608
+ --_ctm-mob-dn-cn-wt-it-fd-tt-tm,
609
+ var(--_ctm-tab-dn-cn-wt-it-fd-tt-tm, var(--_ctm-dn-cn-wt-it-fd-tt-tm))
610
+ );
611
+ word-wrap: var(
612
+ --_ctm-mob-dn-cn-wt-it-fd-wd-wp,
613
+ var(--_ctm-tab-dn-cn-wt-it-fd-wd-wp, var(--_ctm-dn-cn-wt-it-fd-wd-wp))
614
+ );
615
+ word-break: var(
616
+ --_ctm-mob-dn-cn-wt-it-fd-wd-bk,
617
+ var(--_ctm-tab-dn-cn-wt-it-fd-wd-bk, var(--_ctm-dn-cn-wt-it-fd-wd-bk))
618
+ );
549
619
  color: var(
550
620
  --_ctm-mob-dn-cn-wt-it-fd-cr,
551
621
  var(--_ctm-tab-dn-cn-wt-it-fd-cr, var(--_ctm-dn-cn-wt-it-fd-cr))
@@ -751,6 +821,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
751
821
  --_sf-hr-ft-fy,
752
822
  prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-ft-fy)
753
823
  );
824
+ text-transform: var(
825
+ --_sf-hr-tt-tm,
826
+ prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-tt-tm)
827
+ );
828
+ word-wrap: var(
829
+ --_sf-hr-wd-wp,
830
+ prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-wd-wp)
831
+ );
832
+ word-break: var(
833
+ --_sf-hr-wd-bk,
834
+ prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-wd-bk)
835
+ );
836
+ &.flex__overflow {
837
+ white-space: normal;
838
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
839
+ }
754
840
 
755
841
  font-size: var(
756
842
  --_sf-hr-ft-se,
@@ -879,6 +965,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
879
965
  --_ctm-mob-dn-cn-wt-cn-tt-ft-fy,
880
966
  var(--_ctm-tab-dn-cn-wt-cn-tt-ft-fy, var(--_ctm-dn-cn-wt-cn-tt-ft-fy))
881
967
  );
968
+ text-transform: var(
969
+ --_ctm-mob-dn-cn-wt-cn-tt-tt-tm,
970
+ var(--_ctm-tab-dn-cn-wt-cn-tt-tt-tm, var(--_ctm-dn-cn-wt-cn-tt-tt-tm))
971
+ );
972
+ word-wrap: var(
973
+ --_ctm-mob-dn-cn-wt-cn-tt-wd-wp,
974
+ var(--_ctm-tab-dn-cn-wt-cn-tt-wd-wp, var(--_ctm-dn-cn-wt-cn-tt-wd-wp))
975
+ );
976
+ word-break: var(
977
+ --_ctm-mob-dn-cn-wt-cn-tt-wd-bk,
978
+ var(--_ctm-tab-dn-cn-wt-cn-tt-wd-bk, var(--_ctm-dn-cn-wt-cn-tt-wd-bk))
979
+ );
882
980
  color: var(
883
981
  --_ctm-mob-dn-cn-wt-cn-tt-cr,
884
982
  var(--_ctm-tab-dn-cn-wt-cn-tt-cr, var(--_ctm-dn-cn-wt-cn-tt-cr))
@@ -927,6 +1025,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
927
1025
  --_ctm-mob-dn-cn-wt-sd-te-ft-fy,
928
1026
  var(--_ctm-tab-dn-cn-wt-sd-te-ft-fy, var(--_ctm-dn-cn-wt-sd-te-ft-fy))
929
1027
  );
1028
+ text-transform: var(
1029
+ --_ctm-mob-dn-cn-wt-sd-te-tt-tm,
1030
+ var(--_ctm-tab-dn-cn-wt-sd-te-tt-tm, var(--_ctm-dn-cn-wt-sd-te-tt-tm))
1031
+ );
1032
+ word-wrap: var(
1033
+ --_ctm-mob-dn-cn-wt-sd-te-wd-wp,
1034
+ var(--_ctm-tab-dn-cn-wt-sd-te-wd-wp, var(--_ctm-dn-cn-wt-sd-te-wd-wp))
1035
+ );
1036
+ word-break: var(
1037
+ --_ctm-mob-dn-cn-wt-sd-te-wd-bk,
1038
+ var(--_ctm-tab-dn-cn-wt-sd-te-wd-bk, var(--_ctm-dn-cn-wt-sd-te-wd-bk))
1039
+ );
930
1040
  color: var(
931
1041
  --_ctm-mob-dn-cn-wt-sd-te-cr,
932
1042
  var(--_ctm-tab-dn-cn-wt-sd-te-cr, var(--_ctm-dn-cn-wt-sd-te-cr))
@@ -970,6 +1080,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
970
1080
  --_ctm-mob-dn-cn-wt-pe-ft-fy,
971
1081
  var(--_ctm-tab-dn-cn-wt-pe-ft-fy, var(--_ctm-dn-cn-wt-pe-ft-fy))
972
1082
  );
1083
+ text-transform: var(
1084
+ --_ctm-mob-dn-cn-wt-pe-tt-tm,
1085
+ var(--_ctm-tab-dn-cn-wt-pe-tt-tm, var(--_ctm-dn-cn-wt-pe-tt-tm))
1086
+ );
1087
+ word-wrap: var(
1088
+ --_ctm-mob-dn-cn-wt-pe-wd-wp,
1089
+ var(--_ctm-tab-dn-cn-wt-pe-wd-wp, var(--_ctm-dn-cn-wt-pe-wd-wp))
1090
+ );
1091
+ word-break: var(
1092
+ --_ctm-mob-dn-cn-wt-pe-wd-bk,
1093
+ var(--_ctm-tab-dn-cn-wt-pe-wd-bk, var(--_ctm-dn-cn-wt-pe-wd-bk))
1094
+ );
973
1095
  color: var(
974
1096
  --_ctm-mob-dn-cn-wt-pe-cr,
975
1097
  var(--_ctm-tab-dn-cn-wt-pe-cr, var(--_ctm-dn-cn-wt-pe-cr))
@@ -1128,6 +1250,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1128
1250
  --_sf-hr-ft-fy,
1129
1251
  prepareMediaVariable(--_ctm-dn-as-re-bn-dt-se-ft-fy)
1130
1252
  );
1253
+ text-transform: var(
1254
+ --_sf-hr-tt-tm,
1255
+ prepareMediaVariable(--_ctm-dn-as-re-bn-dt-se-tt-tm)
1256
+ );
1257
+ word-wrap: var(
1258
+ --_sf-hr-wd-wp,
1259
+ prepareMediaVariable(--_ctm-dn-as-re-bn-dt-se-wd-wp)
1260
+ );
1261
+ word-break: var(
1262
+ --_sf-hr-wd-bk,
1263
+ prepareMediaVariable(--_ctm-dn-as-re-bn-dt-se-wd-bk)
1264
+ );
1265
+ &.flex__overflow {
1266
+ white-space: normal;
1267
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1268
+ }
1131
1269
 
1132
1270
  font-size: var(
1133
1271
  --_sf-hr-ft-se,
package/dist/embroider-template-1-v2.scss CHANGED
@@ -159,6 +159,9 @@ $defaultValues: (
159
159
  line-height: prepareMediaVariable(--_ctm-dn-te-le-ht, 125%);
160
160
  font-style: prepareMediaVariable(--_ctm-dn-te-ft-se-ic, normal);
161
161
  font-family: prepareMediaVariable(--_ctm-dn-te-ft-fy);
162
+ text-transform: prepareMediaVariable(--_ctm-dn-te-tt-tm);
163
+ word-wrap: prepareMediaVariable(--_ctm-dn-te-wd-wp);
164
+ word-break: prepareMediaVariable(--_ctm-dn-te-wd-bk);
162
165
  text-decoration: prepareMediaVariable(--_ctm-dn-te-ue);
163
166
  letter-spacing: prepareMediaVariable(--_ctm-dn-te-lr-sg);
164
167
  text-align: prepareMediaVariable(--_ctm-dn-te-tt-an);
@@ -399,6 +402,12 @@ $defaultValues: (
399
402
  color: var(--_sp-color, #{prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467)});
400
403
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
401
404
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
405
+ word-wrap: prepareMediaVariable(--_ctm-dn-dt-tt-wd-wp);
406
+ word-break: prepareMediaVariable(--_ctm-dn-dt-tt-wd-bk);
407
+ &.flex__overflow {
408
+ white-space: normal;
409
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
410
+ }
402
411
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
403
412
  font-weight: var(--_fw-wt, prepareMediaVariable(--_ctm-dn-dt-tt-ft-wt, 400));
404
413
  line-height: prepareMediaVariable(--_ctm-dn-dt-tt-le-ht, 24px);
@@ -468,6 +477,9 @@ $defaultValues: (
468
477
  label {
469
478
  color: prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467);
470
479
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
480
+ text-transform: prepareMediaVariable(--_ctm-dn-dt-tt-tt-tm);
481
+ word-wrap: prepareMediaVariable(--_ctm-dn-dt-tt-wd-wp);
482
+ word-break: prepareMediaVariable(--_ctm-dn-dt-tt-wd-bk);
471
483
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
472
484
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
473
485
  font-weight: 500;
@@ -560,6 +572,8 @@ $defaultValues: (
560
572
  &:nth-of-type(2) {
561
573
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 12px);
562
574
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
575
+ word-wrap: prepareMediaVariable(--_ctm-dn-dt-tt-wd-wp);
576
+ word-break: prepareMediaVariable(--_ctm-dn-dt-tt-wd-bk);
563
577
  text-transform: uppercase;
564
578
  line-height: 1;
565
579
  color: var(--_sp-iu-clr);
@@ -616,6 +630,9 @@ $defaultValues: (
616
630
  color: prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467);
617
631
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
618
632
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
633
+ text-transform: prepareMediaVariable(--_ctm-dn-dt-tt-tt-tm);
634
+ word-wrap: prepareMediaVariable(--_ctm-dn-dt-tt-wd-wp);
635
+ word-break: prepareMediaVariable(--_ctm-dn-dt-tt-wd-bk);
619
636
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
620
637
  font-weight: var(--_fw-wt, prepareMediaVariable(--_ctm-dn-dt-tt-ft-wt, 400));
621
638
  line-height: prepareMediaVariable(--_ctm-dn-dt-tt-le-ht, 24px);
@@ -663,6 +680,9 @@ $defaultValues: (
663
680
  & > .err__msg__v2 {
664
681
  color: #d32f2f;
665
682
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
683
+ text-transform: prepareMediaVariable(--_ctm-dn-dt-tt-tt-tm);
684
+ word-wrap: prepareMediaVariable(--_ctm-dn-dt-tt-wd-wp);
685
+ word-break: prepareMediaVariable(--_ctm-dn-dt-tt-wd-bk);
666
686
  font-size: 14px;
667
687
  line-height: 1.5;
668
688
  }
@@ -678,6 +698,9 @@ $defaultValues: (
678
698
  font-size: 12px;
679
699
  color: prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467);
680
700
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
701
+ text-transform: prepareMediaVariable(--_ctm-dn-dt-tt-tt-tm);
702
+ word-wrap: prepareMediaVariable(--_ctm-dn-dt-tt-wd-wp);
703
+ word-break: prepareMediaVariable(--_ctm-dn-dt-tt-wd-bk);
681
704
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
682
705
  line-height: 1.4;
683
706
  }
@@ -756,6 +779,8 @@ $defaultValues: (
756
779
  color: var(--_sp-color, #{prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467)});
757
780
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
758
781
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
782
+ word-wrap: prepareMediaVariable(--_ctm-dn-dt-tt-wd-wp);
783
+ word-break: prepareMediaVariable(--_ctm-dn-dt-tt-wd-bk);
759
784
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
760
785
  font-weight: var(--_fw-wt, prepareMediaVariable(--_ctm-dn-dt-tt-ft-wt, 400));
761
786
  line-height: prepareMediaVariable(--_ctm-dn-dt-tt-le-ht, 24px);
@@ -865,6 +890,13 @@ $defaultValues: (
865
890
  color: #{prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467)};
866
891
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
867
892
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
893
+ text-transform: prepareMediaVariable(--_ctm-dn-dt-tt-tt-tm);
894
+ word-wrap: prepareMediaVariable(--_ctm-dn-dt-tt-wd-wp);
895
+ word-break: prepareMediaVariable(--_ctm-dn-dt-tt-wd-bk);
896
+ &.flex__overflow {
897
+ white-space: normal;
898
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
899
+ }
868
900
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
869
901
  font-weight: prepareMediaVariable(--_ctm-dn-dt-tt-ft-wt, 400);
870
902
  line-height: prepareMediaVariable(--_ctm-dn-dt-tt-le-ht, 24px);
@@ -923,6 +955,8 @@ $defaultValues: (
923
955
  color: var(--_sp-color, #{prepareMediaVariable(--_ctm-dn-dt-tt-cr, #475467)});
924
956
  font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
925
957
  font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy);
958
+ word-wrap: prepareMediaVariable(--_ctm-dn-dt-tt-wd-wp);
959
+ word-break: prepareMediaVariable(--_ctm-dn-dt-tt-wd-bk);
926
960
  font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
927
961
  font-weight: var(--_fw-wt, prepareMediaVariable(--_ctm-dn-dt-tt-ft-wt, 400));
928
962
  line-height: prepareMediaVariable(--_ctm-dn-dt-tt-le-ht, 24px);