@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/pickup-locations.scss CHANGED
@@ -197,6 +197,18 @@
197
197
  --_ctm-mob-dn-it-se-dt-se-ft-fy,
198
198
  var(--_ctm-tab-dn-it-se-dt-se-ft-fy, var(--_ctm-dn-it-se-dt-se-ft-fy))
199
199
  );
200
+ text-transform: var(
201
+ --_ctm-mob-dn-it-se-dt-se-tt-tm,
202
+ var(--_ctm-tab-dn-it-se-dt-se-tt-tm, var(--_ctm-dn-it-se-dt-se-tt-tm))
203
+ );
204
+ word-wrap: var(
205
+ --_ctm-mob-dn-it-se-dt-se-wd-wp,
206
+ var(--_ctm-tab-dn-it-se-dt-se-wd-wp, var(--_ctm-dn-it-se-dt-se-wd-wp))
207
+ );
208
+ word-break: var(
209
+ --_ctm-mob-dn-it-se-dt-se-wd-bk,
210
+ var(--_ctm-tab-dn-it-se-dt-se-wd-bk, var(--_ctm-dn-it-se-dt-se-wd-bk))
211
+ );
200
212
  font-size: var(
201
213
  --_ctm-mob-dn-it-se-dt-se-ft-se,
202
214
  var(--_ctm-tab-dn-it-se-dt-se-ft-se, var(--_ctm-dn-it-se-dt-se-ft-se))
@@ -298,6 +310,18 @@
298
310
  --_ctm-mob-dn-it-se-dt-se-ft-fy,
299
311
  var(--_ctm-tab-dn-it-se-dt-se-ft-fy, var(--_ctm-dn-it-se-dt-se-ft-fy))
300
312
  );
313
+ text-transform: var(
314
+ --_ctm-mob-dn-it-se-dt-se-tt-tm,
315
+ var(--_ctm-tab-dn-it-se-dt-se-tt-tm, var(--_ctm-dn-it-se-dt-se-tt-tm))
316
+ );
317
+ word-wrap: var(
318
+ --_ctm-mob-dn-it-se-dt-se-wd-wp,
319
+ var(--_ctm-tab-dn-it-se-dt-se-wd-wp, var(--_ctm-dn-it-se-dt-se-wd-wp))
320
+ );
321
+ word-break: var(
322
+ --_ctm-mob-dn-it-se-dt-se-wd-bk,
323
+ var(--_ctm-tab-dn-it-se-dt-se-wd-bk, var(--_ctm-dn-it-se-dt-se-wd-bk))
324
+ );
301
325
  font-size: var(
302
326
  --_ctm-mob-dn-it-se-dt-se-ft-se,
303
327
  var(--_ctm-tab-dn-it-se-dt-se-ft-se, var(--_ctm-dn-it-se-dt-se-ft-se))
@@ -388,6 +412,22 @@
388
412
  --_ctm-mob-dn-se-ls-bn-dt-se-ft-fy,
389
413
  var(--_ctm-tab-dn-se-ls-bn-dt-se-ft-fy, var(--_ctm-dn-se-ls-bn-dt-se-ft-fy))
390
414
  );
415
+ text-transform: var(
416
+ --_ctm-mob-dn-se-ls-bn-dt-se-tt-tm,
417
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-tt-tm, var(--_ctm-dn-se-ls-bn-dt-se-tt-tm))
418
+ );
419
+ word-wrap: var(
420
+ --_ctm-mob-dn-se-ls-bn-dt-se-wd-wp,
421
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-wd-wp, var(--_ctm-dn-se-ls-bn-dt-se-wd-wp))
422
+ );
423
+ word-break: var(
424
+ --_ctm-mob-dn-se-ls-bn-dt-se-wd-bk,
425
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-wd-bk, var(--_ctm-dn-se-ls-bn-dt-se-wd-bk))
426
+ );
427
+ &.flex__overflow {
428
+ white-space: normal;
429
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
430
+ }
391
431
  font-size: var(
392
432
  --_ctm-mob-dn-se-ls-bn-dt-se-ft-se,
393
433
  var(--_ctm-tab-dn-se-ls-bn-dt-se-ft-se, var(--_ctm-dn-se-ls-bn-dt-se-ft-se))
@@ -489,6 +529,18 @@
489
529
  --_ctm-mob-dn-se-ls-bn-hr-se-ft-fy,
490
530
  var(--_ctm-tab-dn-se-ls-bn-hr-se-ft-fy, var(--_ctm-dn-se-ls-bn-hr-se-ft-fy))
491
531
  );
532
+ text-transform: var(
533
+ --_ctm-mob-dn-se-ls-bn-hr-se-tt-tm,
534
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-tt-tm, var(--_ctm-dn-se-ls-bn-hr-se-tt-tm))
535
+ );
536
+ word-wrap: var(
537
+ --_ctm-mob-dn-se-ls-bn-hr-se-wd-wp,
538
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-wd-wp, var(--_ctm-dn-se-ls-bn-hr-se-wd-wp))
539
+ );
540
+ word-break: var(
541
+ --_ctm-mob-dn-se-ls-bn-hr-se-wd-bk,
542
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-wd-bk, var(--_ctm-dn-se-ls-bn-hr-se-wd-bk))
543
+ );
492
544
  font-size: var(
493
545
  --_ctm-mob-dn-se-ls-bn-hr-se-ft-se,
494
546
  var(--_ctm-tab-dn-se-ls-bn-hr-se-ft-se, var(--_ctm-dn-se-ls-bn-hr-se-ft-se))
@@ -547,6 +599,18 @@
547
599
  --_ctm-mob-dn-iy-tt-se-ft-fy-dc,
548
600
  var(--_ctm-tab-dn-iy-tt-se-ft-fy-dc, var(--_ctm-dn-iy-tt-se-ft-fy-dc))
549
601
  );
602
+ text-transform: var(
603
+ --_ctm-mob-dn-iy-tt-se-tt-tm-dc,
604
+ var(--_ctm-tab-dn-iy-tt-se-tt-tm-dc, var(--_ctm-dn-iy-tt-se-tt-tm-dc))
605
+ );
606
+ word-wrap: var(
607
+ --_ctm-mob-dn-iy-tt-se-wd-wp-dc,
608
+ var(--_ctm-tab-dn-iy-tt-se-wd-wp-dc, var(--_ctm-dn-iy-tt-se-wd-wp-dc))
609
+ );
610
+ word-break: var(
611
+ --_ctm-mob-dn-iy-tt-se-wd-bk-dc,
612
+ var(--_ctm-tab-dn-iy-tt-se-wd-bk-dc, var(--_ctm-dn-iy-tt-se-wd-bk-dc))
613
+ );
550
614
  font-size: var(
551
615
  --_ctm-mob-dn-iy-tt-se-ft-se-dc,
552
616
  var(--_ctm-tab-dn-iy-tt-se-ft-se-dc, var(--_ctm-dn-iy-tt-se-ft-se-dc))
@@ -586,6 +650,18 @@
586
650
  --_ctm-mob-dn-iy-tt-se-ft-fy,
587
651
  var(--_ctm-tab-dn-iy-tt-se-ft-fy, var(--_ctm-dn-iy-tt-se-ft-fy))
588
652
  );
653
+ text-transform: var(
654
+ --_ctm-mob-dn-iy-tt-se-tt-tm,
655
+ var(--_ctm-tab-dn-iy-tt-se-tt-tm, var(--_ctm-dn-iy-tt-se-tt-tm))
656
+ );
657
+ word-wrap: var(
658
+ --_ctm-mob-dn-iy-tt-se-wd-wp,
659
+ var(--_ctm-tab-dn-iy-tt-se-wd-wp, var(--_ctm-dn-iy-tt-se-wd-wp))
660
+ );
661
+ word-break: var(
662
+ --_ctm-mob-dn-iy-tt-se-wd-bk,
663
+ var(--_ctm-tab-dn-iy-tt-se-wd-bk, var(--_ctm-dn-iy-tt-se-wd-bk))
664
+ );
589
665
  font-size: var(
590
666
  --_ctm-mob-dn-iy-tt-se-ft-se,
591
667
  var(--_ctm-tab-dn-iy-tt-se-ft-se, var(--_ctm-dn-iy-tt-se-ft-se))
@@ -712,6 +788,18 @@
712
788
  --_ctm-mob-dn-ln-ne-ft-fy,
713
789
  var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
714
790
  );
791
+ text-transform: var(
792
+ --_ctm-mob-dn-ln-ne-tt-tm,
793
+ var(--_ctm-tab-dn-ln-ne-tt-tm, var(--_ctm-dn-ln-ne-tt-tm))
794
+ );
795
+ word-wrap: var(
796
+ --_ctm-mob-dn-ln-ne-wd-wp,
797
+ var(--_ctm-tab-dn-ln-ne-wd-wp, var(--_ctm-dn-ln-ne-wd-wp))
798
+ );
799
+ word-break: var(
800
+ --_ctm-mob-dn-ln-ne-wd-bk,
801
+ var(--_ctm-tab-dn-ln-ne-wd-bk, var(--_ctm-dn-ln-ne-wd-bk))
802
+ );
715
803
  font-size: var(
716
804
  --_ctm-mob-dn-ln-ne-ft-se,
717
805
  var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
@@ -751,6 +839,18 @@
751
839
  --_ctm-mob-dn-ln-as-ft-fy,
752
840
  var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
753
841
  );
842
+ text-transform: var(
843
+ --_ctm-mob-dn-ln-as-tt-tm,
844
+ var(--_ctm-tab-dn-ln-as-tt-tm, var(--_ctm-dn-ln-as-tt-tm))
845
+ );
846
+ word-wrap: var(
847
+ --_ctm-mob-dn-ln-as-wd-wp,
848
+ var(--_ctm-tab-dn-ln-as-wd-wp, var(--_ctm-dn-ln-as-wd-wp))
849
+ );
850
+ word-break: var(
851
+ --_ctm-mob-dn-ln-as-wd-bk,
852
+ var(--_ctm-tab-dn-ln-as-wd-bk, var(--_ctm-dn-ln-as-wd-bk))
853
+ );
754
854
  font-size: var(
755
855
  --_ctm-mob-dn-ln-as-ft-se,
756
856
  var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
@@ -790,6 +890,18 @@
790
890
  --_ctm-mob-dn-ln-iy-ft-fy,
791
891
  var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
792
892
  );
893
+ text-transform: var(
894
+ --_ctm-mob-dn-ln-iy-tt-tm,
895
+ var(--_ctm-tab-dn-ln-iy-tt-tm, var(--_ctm-dn-ln-iy-tt-tm))
896
+ );
897
+ word-wrap: var(
898
+ --_ctm-mob-dn-ln-iy-wd-wp,
899
+ var(--_ctm-tab-dn-ln-iy-wd-wp, var(--_ctm-dn-ln-iy-wd-wp))
900
+ );
901
+ word-break: var(
902
+ --_ctm-mob-dn-ln-iy-wd-bk,
903
+ var(--_ctm-tab-dn-ln-iy-wd-bk, var(--_ctm-dn-ln-iy-wd-bk))
904
+ );
793
905
  font-size: var(
794
906
  --_ctm-mob-dn-ln-iy-ft-se,
795
907
  var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
@@ -828,6 +940,18 @@
828
940
  --_ctm-mob-dn-ln-ts-ft-fy,
829
941
  var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
830
942
  );
943
+ text-transform: var(
944
+ --_ctm-mob-dn-ln-ts-tt-tm,
945
+ var(--_ctm-tab-dn-ln-ts-tt-tm, var(--_ctm-dn-ln-ts-tt-tm))
946
+ );
947
+ word-wrap: var(
948
+ --_ctm-mob-dn-ln-ts-wd-wp,
949
+ var(--_ctm-tab-dn-ln-ts-wd-wp, var(--_ctm-dn-ln-ts-wd-wp))
950
+ );
951
+ word-break: var(
952
+ --_ctm-mob-dn-ln-ts-wd-bk,
953
+ var(--_ctm-tab-dn-ln-ts-wd-bk, var(--_ctm-dn-ln-ts-wd-bk))
954
+ );
831
955
  font-size: var(
832
956
  --_ctm-mob-dn-ln-ts-ft-se,
833
957
  var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
@@ -925,6 +1049,18 @@
925
1049
  --_ctm-mob-dn-ln-ne-ft-fy,
926
1050
  var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
927
1051
  );
1052
+ text-transform: var(
1053
+ --_ctm-mob-dn-ln-ne-tt-tm,
1054
+ var(--_ctm-tab-dn-ln-ne-tt-tm, var(--_ctm-dn-ln-ne-tt-tm))
1055
+ );
1056
+ word-wrap: var(
1057
+ --_ctm-mob-dn-ln-ne-wd-wp,
1058
+ var(--_ctm-tab-dn-ln-ne-wd-wp, var(--_ctm-dn-ln-ne-wd-wp))
1059
+ );
1060
+ word-break: var(
1061
+ --_ctm-mob-dn-ln-ne-wd-bk,
1062
+ var(--_ctm-tab-dn-ln-ne-wd-bk, var(--_ctm-dn-ln-ne-wd-bk))
1063
+ );
928
1064
  font-size: var(
929
1065
  --_ctm-mob-dn-ln-ne-ft-se,
930
1066
  var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
@@ -963,6 +1099,18 @@
963
1099
  --_ctm-mob-dn-ln-as-ft-fy,
964
1100
  var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
965
1101
  );
1102
+ text-transform: var(
1103
+ --_ctm-mob-dn-ln-as-tt-tm,
1104
+ var(--_ctm-tab-dn-ln-as-tt-tm, var(--_ctm-dn-ln-as-tt-tm))
1105
+ );
1106
+ word-wrap: var(
1107
+ --_ctm-mob-dn-ln-as-wd-wp,
1108
+ var(--_ctm-tab-dn-ln-as-wd-wp, var(--_ctm-dn-ln-as-wd-wp))
1109
+ );
1110
+ word-break: var(
1111
+ --_ctm-mob-dn-ln-as-wd-bk,
1112
+ var(--_ctm-tab-dn-ln-as-wd-bk, var(--_ctm-dn-ln-as-wd-bk))
1113
+ );
966
1114
  font-size: var(
967
1115
  --_ctm-mob-dn-ln-as-ft-se,
968
1116
  var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
@@ -1002,6 +1150,18 @@
1002
1150
  --_ctm-mob-dn-ln-iy-ft-fy,
1003
1151
  var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
1004
1152
  );
1153
+ text-transform: var(
1154
+ --_ctm-mob-dn-ln-iy-tt-tm,
1155
+ var(--_ctm-tab-dn-ln-iy-tt-tm, var(--_ctm-dn-ln-iy-tt-tm))
1156
+ );
1157
+ word-wrap: var(
1158
+ --_ctm-mob-dn-ln-iy-wd-wp,
1159
+ var(--_ctm-tab-dn-ln-iy-wd-wp, var(--_ctm-dn-ln-iy-wd-wp))
1160
+ );
1161
+ word-break: var(
1162
+ --_ctm-mob-dn-ln-iy-wd-bk,
1163
+ var(--_ctm-tab-dn-ln-iy-wd-bk, var(--_ctm-dn-ln-iy-wd-bk))
1164
+ );
1005
1165
  font-size: var(
1006
1166
  --_ctm-mob-dn-ln-iy-ft-se,
1007
1167
  var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
@@ -1040,6 +1200,18 @@
1040
1200
  --_ctm-mob-dn-ln-ts-ft-fy,
1041
1201
  var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
1042
1202
  );
1203
+ text-transform: var(
1204
+ --_ctm-mob-dn-ln-ts-tt-tm,
1205
+ var(--_ctm-tab-dn-ln-ts-tt-tm, var(--_ctm-dn-ln-ts-tt-tm))
1206
+ );
1207
+ word-wrap: var(
1208
+ --_ctm-mob-dn-ln-ts-wd-wp,
1209
+ var(--_ctm-tab-dn-ln-ts-wd-wp, var(--_ctm-dn-ln-ts-wd-wp))
1210
+ );
1211
+ word-break: var(
1212
+ --_ctm-mob-dn-ln-ts-wd-bk,
1213
+ var(--_ctm-tab-dn-ln-ts-wd-bk, var(--_ctm-dn-ln-ts-wd-bk))
1214
+ );
1043
1215
  font-size: var(
1044
1216
  --_ctm-mob-dn-ln-ts-ft-se,
1045
1217
  var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
@@ -1089,6 +1261,18 @@
1089
1261
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1090
1262
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1091
1263
  );
1264
+ text-transform: var(
1265
+ --_ctm-mob-dn-sw-me-is-bn-tt-tm,
1266
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
1267
+ );
1268
+ word-wrap: var(
1269
+ --_ctm-mob-dn-sw-me-is-bn-wd-wp,
1270
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
1271
+ );
1272
+ word-break: var(
1273
+ --_ctm-mob-dn-sw-me-is-bn-wd-bk,
1274
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
1275
+ );
1092
1276
  font-size: var(
1093
1277
  --_ctm-mob-dn-sw-me-is-bn-ft-se,
1094
1278
  var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
package/dist/product-actions.scss CHANGED
@@ -170,6 +170,18 @@
170
170
  --_ctm-mob-dn-ad-to-ct-hr-se-ft-fy,
171
171
  var(--_ctm-tab-dn-ad-to-ct-hr-se-ft-fy, var(--_ctm-dn-ad-to-ct-hr-se-ft-fy))
172
172
  );
173
+ --_sf-hr-tt-tm: var(
174
+ --_ctm-mob-dn-ad-to-ct-hr-se-tt-tm,
175
+ var(--_ctm-tab-dn-ad-to-ct-hr-se-tt-tm, var(--_ctm-dn-ad-to-ct-hr-se-tt-tm))
176
+ );
177
+ --_sf-hr-wd-wp: var(
178
+ --_ctm-mob-dn-ad-to-ct-hr-se-wd-wp,
179
+ var(--_ctm-tab-dn-ad-to-ct-hr-se-wd-wp, var(--_ctm-dn-ad-to-ct-hr-se-wd-wp))
180
+ );
181
+ --_sf-hr-wd-bk: var(
182
+ --_ctm-mob-dn-ad-to-ct-hr-se-wd-bk,
183
+ var(--_ctm-tab-dn-ad-to-ct-hr-se-wd-bk, var(--_ctm-dn-ad-to-ct-hr-se-wd-bk))
184
+ );
173
185
  --_sf-hr-ft-se: var(
174
186
  --_ctm-mob-dn-ad-to-ct-hr-se-ft-se,
175
187
  var(--_ctm-tab-dn-ad-to-ct-hr-se-ft-se, var(--_ctm-dn-ad-to-ct-hr-se-ft-se))
@@ -264,6 +276,16 @@
264
276
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-cr));
265
277
 
266
278
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-ft-fy));
279
+ text-transform: var(
280
+ --_sf-hr-tt-tm,
281
+ prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-tt-tm)
282
+ );
283
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-wd-wp));
284
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-wd-bk));
285
+ &.flex__overflow {
286
+ white-space: normal;
287
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
288
+ }
267
289
 
268
290
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-ft-se));
269
291
 
@@ -396,6 +418,18 @@
396
418
  --_ctm-mob-dn-by-nw-hr-se-ft-fy,
397
419
  var(--_ctm-tab-dn-by-nw-hr-se-ft-fy, var(--_ctm-dn-by-nw-hr-se-ft-fy))
398
420
  );
421
+ --_sf-hr-tt-tm: var(
422
+ --_ctm-mob-dn-by-nw-hr-se-tt-tm,
423
+ var(--_ctm-tab-dn-by-nw-hr-se-tt-tm, var(--_ctm-dn-by-nw-hr-se-tt-tm))
424
+ );
425
+ --_sf-hr-wd-wp: var(
426
+ --_ctm-mob-dn-by-nw-hr-se-wd-wp,
427
+ var(--_ctm-tab-dn-by-nw-hr-se-wd-wp, var(--_ctm-dn-by-nw-hr-se-wd-wp))
428
+ );
429
+ --_sf-hr-wd-bk: var(
430
+ --_ctm-mob-dn-by-nw-hr-se-wd-bk,
431
+ var(--_ctm-tab-dn-by-nw-hr-se-wd-bk, var(--_ctm-dn-by-nw-hr-se-wd-bk))
432
+ );
399
433
  --_sf-hr-ft-se: var(
400
434
  --_ctm-mob-dn-by-nw-hr-se-ft-se,
401
435
  var(--_ctm-tab-dn-by-nw-hr-se-ft-se, var(--_ctm-dn-by-nw-hr-se-ft-se))
@@ -491,6 +525,13 @@
491
525
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-cr));
492
526
 
493
527
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-ft-fy));
528
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-tt-tm));
529
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-wd-wp));
530
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-wd-bk));
531
+ &.flex__overflow {
532
+ white-space: normal;
533
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
534
+ }
494
535
 
495
536
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-ft-se));
496
537
 
@@ -620,6 +661,18 @@
620
661
  --_ctm-mob-dn-wt-hr-se-ft-fy,
621
662
  var(--_ctm-tab-dn-wt-hr-se-ft-fy, var(--_ctm-dn-wt-hr-se-ft-fy))
622
663
  );
664
+ --_sf-hr-tt-tm: var(
665
+ --_ctm-mob-dn-wt-hr-se-tt-tm,
666
+ var(--_ctm-tab-dn-wt-hr-se-tt-tm, var(--_ctm-dn-wt-hr-se-tt-tm))
667
+ );
668
+ --_sf-hr-wd-wp: var(
669
+ --_ctm-mob-dn-wt-hr-se-wd-wp,
670
+ var(--_ctm-tab-dn-wt-hr-se-wd-wp, var(--_ctm-dn-wt-hr-se-wd-wp))
671
+ );
672
+ --_sf-hr-wd-bk: var(
673
+ --_ctm-mob-dn-wt-hr-se-wd-bk,
674
+ var(--_ctm-tab-dn-wt-hr-se-wd-bk, var(--_ctm-dn-wt-hr-se-wd-bk))
675
+ );
623
676
  --_sf-hr-ft-se: var(
624
677
  --_ctm-mob-dn-wt-hr-se-ft-se,
625
678
  var(--_ctm-tab-dn-wt-hr-se-ft-se, var(--_ctm-dn-wt-hr-se-ft-se))
@@ -712,6 +765,13 @@
712
765
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-wt-dt-se-cr));
713
766
 
714
767
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-wt-dt-se-ft-fy));
768
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-wt-dt-se-tt-tm));
769
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-wt-dt-se-wd-wp));
770
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-wt-dt-se-wd-bk));
771
+ &.flex__overflow {
772
+ white-space: normal;
773
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
774
+ }
715
775
 
716
776
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-wt-dt-se-ft-se));
717
777
 
@@ -837,6 +897,18 @@
837
897
  --_ctm-mob-dn-ce-hr-se-ft-fy,
838
898
  var(--_ctm-tab-dn-ce-hr-se-ft-fy, var(--_ctm-dn-ce-hr-se-ft-fy))
839
899
  );
900
+ --_sf-hr-tt-tm: var(
901
+ --_ctm-mob-dn-ce-hr-se-tt-tm,
902
+ var(--_ctm-tab-dn-ce-hr-se-tt-tm, var(--_ctm-dn-ce-hr-se-tt-tm))
903
+ );
904
+ --_sf-hr-wd-wp: var(
905
+ --_ctm-mob-dn-ce-hr-se-wd-wp,
906
+ var(--_ctm-tab-dn-ce-hr-se-wd-wp, var(--_ctm-dn-ce-hr-se-wd-wp))
907
+ );
908
+ --_sf-hr-wd-bk: var(
909
+ --_ctm-mob-dn-ce-hr-se-wd-bk,
910
+ var(--_ctm-tab-dn-ce-hr-se-wd-bk, var(--_ctm-dn-ce-hr-se-wd-bk))
911
+ );
840
912
  --_sf-hr-ft-se: var(
841
913
  --_ctm-mob-dn-ce-hr-se-ft-se,
842
914
  var(--_ctm-tab-dn-ce-hr-se-ft-se, var(--_ctm-dn-ce-hr-se-ft-se))
@@ -929,6 +1001,13 @@
929
1001
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ce-dt-se-cr));
930
1002
 
931
1003
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ce-dt-se-ft-fy));
1004
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-ce-dt-se-tt-tm));
1005
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ce-dt-se-wd-wp));
1006
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ce-dt-se-wd-bk));
1007
+ &.flex__overflow {
1008
+ white-space: normal;
1009
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1010
+ }
932
1011
 
933
1012
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ce-dt-se-ft-se));
934
1013
 
@@ -1054,6 +1133,18 @@
1054
1133
  --_ctm-mob-dn-ad-to-qe-hr-se-ft-fy,
1055
1134
  var(--_ctm-tab-dn-ad-to-qe-hr-se-ft-fy, var(--_ctm-dn-ad-to-qe-hr-se-ft-fy))
1056
1135
  );
1136
+ --_sf-hr-tt-tm: var(
1137
+ --_ctm-mob-dn-ad-to-qe-hr-se-tt-tm,
1138
+ var(--_ctm-tab-dn-ad-to-qe-hr-se-tt-tm, var(--_ctm-dn-ad-to-qe-hr-se-tt-tm))
1139
+ );
1140
+ --_sf-hr-wd-wp: var(
1141
+ --_ctm-mob-dn-ad-to-qe-hr-se-wd-wp,
1142
+ var(--_ctm-tab-dn-ad-to-qe-hr-se-wd-wp, var(--_ctm-dn-ad-to-qe-hr-se-wd-wp))
1143
+ );
1144
+ --_sf-hr-wd-bk: var(
1145
+ --_ctm-mob-dn-ad-to-qe-hr-se-wd-bk,
1146
+ var(--_ctm-tab-dn-ad-to-qe-hr-se-wd-bk, var(--_ctm-dn-ad-to-qe-hr-se-wd-bk))
1147
+ );
1057
1148
  --_sf-hr-ft-se: var(
1058
1149
  --_ctm-mob-dn-ad-to-qe-hr-se-ft-se,
1059
1150
  var(--_ctm-tab-dn-ad-to-qe-hr-se-ft-se, var(--_ctm-dn-ad-to-qe-hr-se-ft-se))
@@ -1149,6 +1240,16 @@
1149
1240
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-cr));
1150
1241
 
1151
1242
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-ft-fy));
1243
+ text-transform: var(
1244
+ --_sf-hr-tt-tm,
1245
+ prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-tt-tm)
1246
+ );
1247
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-wd-wp));
1248
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-wd-bk));
1249
+ &.flex__overflow {
1250
+ white-space: normal;
1251
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1252
+ }
1152
1253
 
1153
1254
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-ft-se));
1154
1255
 
@@ -1283,6 +1384,18 @@
1283
1384
  --_ctm-mob-dn-ad-to-or-te-hr-se-ft-fy,
1284
1385
  var(--_ctm-tab-dn-ad-to-or-te-hr-se-ft-fy, var(--_ctm-dn-ad-to-or-te-hr-se-ft-fy))
1285
1386
  );
1387
+ --_sf-hr-tt-tm: var(
1388
+ --_ctm-mob-dn-ad-to-or-te-hr-se-tt-tm,
1389
+ var(--_ctm-tab-dn-ad-to-or-te-hr-se-tt-tm, var(--_ctm-dn-ad-to-or-te-hr-se-tt-tm))
1390
+ );
1391
+ --_sf-hr-wd-wp: var(
1392
+ --_ctm-mob-dn-ad-to-or-te-hr-se-wd-wp,
1393
+ var(--_ctm-tab-dn-ad-to-or-te-hr-se-wd-wp, var(--_ctm-dn-ad-to-or-te-hr-se-wd-wp))
1394
+ );
1395
+ --_sf-hr-wd-bk: var(
1396
+ --_ctm-mob-dn-ad-to-or-te-hr-se-wd-bk,
1397
+ var(--_ctm-tab-dn-ad-to-or-te-hr-se-wd-bk, var(--_ctm-dn-ad-to-or-te-hr-se-wd-bk))
1398
+ );
1286
1399
  --_sf-hr-ft-se: var(
1287
1400
  --_ctm-mob-dn-ad-to-or-te-hr-se-ft-se,
1288
1401
  var(--_ctm-tab-dn-ad-to-or-te-hr-se-ft-se, var(--_ctm-dn-ad-to-or-te-hr-se-ft-se))
@@ -1396,6 +1509,19 @@
1396
1509
  --_sf-hr-ft-fy,
1397
1510
  prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-ft-fy)
1398
1511
  );
1512
+ text-transform: var(
1513
+ --_sf-hr-tt-tm,
1514
+ prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-tt-tm)
1515
+ );
1516
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-wd-wp));
1517
+ word-break: var(
1518
+ --_sf-hr-wd-bk,
1519
+ prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-wd-bk)
1520
+ );
1521
+ &.flex__overflow {
1522
+ white-space: normal;
1523
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1524
+ }
1399
1525
 
1400
1526
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-ft-se));
1401
1527
 
@@ -1538,6 +1664,18 @@
1538
1664
  --_ctm-mob-dn-ny-me-hr-se-ft-fy,
1539
1665
  var(--_ctm-tab-dn-ny-me-hr-se-ft-fy, var(--_ctm-dn-ny-me-hr-se-ft-fy))
1540
1666
  );
1667
+ --_sf-hr-tt-tm: var(
1668
+ --_ctm-mob-dn-ny-me-hr-se-tt-tm,
1669
+ var(--_ctm-tab-dn-ny-me-hr-se-tt-tm, var(--_ctm-dn-ny-me-hr-se-tt-tm))
1670
+ );
1671
+ --_sf-hr-wd-wp: var(
1672
+ --_ctm-mob-dn-ny-me-hr-se-wd-wp,
1673
+ var(--_ctm-tab-dn-ny-me-hr-se-wd-wp, var(--_ctm-dn-ny-me-hr-se-wd-wp))
1674
+ );
1675
+ --_sf-hr-wd-bk: var(
1676
+ --_ctm-mob-dn-ny-me-hr-se-wd-bk,
1677
+ var(--_ctm-tab-dn-ny-me-hr-se-wd-bk, var(--_ctm-dn-ny-me-hr-se-wd-bk))
1678
+ );
1541
1679
  --_sf-hr-ft-se: var(
1542
1680
  --_ctm-mob-dn-ny-me-hr-se-ft-se,
1543
1681
  var(--_ctm-tab-dn-ny-me-hr-se-ft-se, var(--_ctm-dn-ny-me-hr-se-ft-se))
@@ -1630,6 +1768,13 @@
1630
1768
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-cr));
1631
1769
 
1632
1770
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-ft-fy));
1771
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-tt-tm));
1772
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-wd-wp));
1773
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-wd-bk));
1774
+ &.flex__overflow {
1775
+ white-space: normal;
1776
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1777
+ }
1633
1778
 
1634
1779
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-ft-se));
1635
1780
 
@@ -1757,6 +1902,18 @@
1757
1902
  --_ctm-mob-dn-dd-hr-se-ft-fy,
1758
1903
  var(--_ctm-tab-dn-dd-hr-se-ft-fy, var(--_ctm-dn-dd-hr-se-ft-fy))
1759
1904
  );
1905
+ --_sf-hr-tt-tm: var(
1906
+ --_ctm-mob-dn-dd-hr-se-tt-tm,
1907
+ var(--_ctm-tab-dn-dd-hr-se-tt-tm, var(--_ctm-dn-dd-hr-se-tt-tm))
1908
+ );
1909
+ --_sf-hr-wd-wp: var(
1910
+ --_ctm-mob-dn-dd-hr-se-wd-wp,
1911
+ var(--_ctm-tab-dn-dd-hr-se-wd-wp, var(--_ctm-dn-dd-hr-se-wd-wp))
1912
+ );
1913
+ --_sf-hr-wd-bk: var(
1914
+ --_ctm-mob-dn-dd-hr-se-wd-bk,
1915
+ var(--_ctm-tab-dn-dd-hr-se-wd-bk, var(--_ctm-dn-dd-hr-se-wd-bk))
1916
+ );
1760
1917
  --_sf-hr-ft-se: var(
1761
1918
  --_ctm-mob-dn-dd-hr-se-ft-se,
1762
1919
  var(--_ctm-tab-dn-dd-hr-se-ft-se, var(--_ctm-dn-dd-hr-se-ft-se))
@@ -1849,6 +2006,13 @@
1849
2006
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-dd-dt-se-cr));
1850
2007
 
1851
2008
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-dd-dt-se-ft-fy));
2009
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-dd-dt-se-tt-tm));
2010
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-dd-dt-se-wd-wp));
2011
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-dd-dt-se-wd-bk));
2012
+ &.flex__overflow {
2013
+ white-space: normal;
2014
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2015
+ }
1852
2016
 
1853
2017
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-dd-dt-se-ft-se));
1854
2018
 
@@ -1973,6 +2137,18 @@
1973
2137
  --_ctm-mob-dn-me-hr-se-ft-fy,
1974
2138
  var(--_ctm-tab-dn-me-hr-se-ft-fy, var(--_ctm-dn-me-hr-se-ft-fy))
1975
2139
  );
2140
+ --_sf-hr-tt-tm: var(
2141
+ --_ctm-mob-dn-me-hr-se-tt-tm,
2142
+ var(--_ctm-tab-dn-me-hr-se-tt-tm, var(--_ctm-dn-me-hr-se-tt-tm))
2143
+ );
2144
+ --_sf-hr-wd-wp: var(
2145
+ --_ctm-mob-dn-me-hr-se-wd-wp,
2146
+ var(--_ctm-tab-dn-me-hr-se-wd-wp, var(--_ctm-dn-me-hr-se-wd-wp))
2147
+ );
2148
+ --_sf-hr-wd-bk: var(
2149
+ --_ctm-mob-dn-me-hr-se-wd-bk,
2150
+ var(--_ctm-tab-dn-me-hr-se-wd-bk, var(--_ctm-dn-me-hr-se-wd-bk))
2151
+ );
1976
2152
  --_sf-hr-ft-se: var(
1977
2153
  --_ctm-mob-dn-me-hr-se-ft-se,
1978
2154
  var(--_ctm-tab-dn-me-hr-se-ft-se, var(--_ctm-dn-me-hr-se-ft-se))
@@ -2065,6 +2241,13 @@
2065
2241
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-me-dt-se-cr));
2066
2242
 
2067
2243
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-me-dt-se-ft-fy));
2244
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-me-dt-se-tt-tm));
2245
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-me-dt-se-wd-wp));
2246
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-me-dt-se-wd-bk));
2247
+ &.flex__overflow {
2248
+ white-space: normal;
2249
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2250
+ }
2068
2251
 
2069
2252
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-me-dt-se-ft-se));
2070
2253
 
@@ -2306,6 +2489,18 @@
2306
2489
  --_ctm-mob-dn-pr-se-ft-fy,
2307
2490
  var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy))
2308
2491
  );
2492
+ text-transform: var(
2493
+ --_ctm-mob-dn-pr-se-tt-tm,
2494
+ var(--_ctm-tab-dn-pr-se-tt-tm, var(--_ctm-dn-pr-se-tt-tm))
2495
+ );
2496
+ word-wrap: var(
2497
+ --_ctm-mob-dn-pr-se-wd-wp,
2498
+ var(--_ctm-tab-dn-pr-se-wd-wp, var(--_ctm-dn-pr-se-wd-wp))
2499
+ );
2500
+ word-break: var(
2501
+ --_ctm-mob-dn-pr-se-wd-bk,
2502
+ var(--_ctm-tab-dn-pr-se-wd-bk, var(--_ctm-dn-pr-se-wd-bk))
2503
+ );
2309
2504
  font-size: var(
2310
2505
  --_ctm-mob-dn-pr-se-ft-se,
2311
2506
  var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se))
package/dist/product-basic-elements.scss CHANGED
@@ -418,6 +418,10 @@ $overflowSelector: ".flex__overflow";
418
418
  // );
419
419
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
420
420
  font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy)));
421
+ &.flex__overflow {
422
+ white-space: normal;
423
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
424
+ }
421
425
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
422
426
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
423
427
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -553,6 +557,10 @@ $overflowSelector: ".flex__overflow";
553
557
  // );
554
558
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
555
559
  font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy)));
560
+ &.flex__overflow {
561
+ white-space: normal;
562
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
563
+ }
556
564
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
557
565
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
558
566
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));