@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/cart-details.scss CHANGED
@@ -150,6 +150,13 @@ $overflowSelector: ".flex__overflow";
150
150
  text-decoration: prepareMediaVariable(--_ctm-dn-ct-hg-ss-ue);
151
151
  letter-spacing: prepareMediaVariable(--_ctm-dn-ct-hg-ss-lr-sg);
152
152
  font-family: prepareMediaVariable(--_ctm-dn-ct-hg-ss-ft-fy);
153
+ text-transform: prepareMediaVariable(--_ctm-dn-ct-hg-ss-tt-tm);
154
+ word-wrap: prepareMediaVariable(--_ctm-dn-ct-hg-ss-wd-wp);
155
+ word-break: prepareMediaVariable(--_ctm-dn-ct-hg-ss-wd-bk);
156
+ &.flex__overflow {
157
+ white-space: normal;
158
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
159
+ }
153
160
  text-align: prepareMediaVariable(--_ctm-dn-ct-hg-ss-tt-an);
154
161
  @include cartDetailsTextFlow(--_ctm-dn-ct-hg-ss);
155
162
  display: block;
@@ -1200,6 +1207,27 @@ $overflowSelector: ".flex__overflow";
1200
1207
  var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))
1201
1208
  )
1202
1209
  );
1210
+ text-transform: var(
1211
+ --_sf-hr-tt-tm,
1212
+ var(
1213
+ --_ctm-mob-dn-pt-ne-ss-tt-tm,
1214
+ var(--_ctm-tab-dn-pt-ne-ss-tt-tm, var(--_ctm-dn-pt-ne-ss-tt-tm))
1215
+ )
1216
+ );
1217
+ word-wrap: var(
1218
+ --_sf-hr-wd-wp,
1219
+ var(
1220
+ --_ctm-mob-dn-pt-ne-ss-wd-wp,
1221
+ var(--_ctm-tab-dn-pt-ne-ss-wd-wp, var(--_ctm-dn-pt-ne-ss-wd-wp))
1222
+ )
1223
+ );
1224
+ word-break: var(
1225
+ --_sf-hr-wd-bk,
1226
+ var(
1227
+ --_ctm-mob-dn-pt-ne-ss-wd-bk,
1228
+ var(--_ctm-tab-dn-pt-ne-ss-wd-bk, var(--_ctm-dn-pt-ne-ss-wd-bk))
1229
+ )
1230
+ );
1203
1231
  font-size: var(
1204
1232
  --_ctm-mob-dn-pt-ne-ss-ft-se,
1205
1233
  var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se))
@@ -1246,6 +1274,27 @@ $overflowSelector: ".flex__overflow";
1246
1274
  var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
1247
1275
  )
1248
1276
  );
1277
+ text-transform: var(
1278
+ --_sf-hr-tt-tm,
1279
+ var(
1280
+ --_ctm-mob-dn-pt-in-ss-tt-tm,
1281
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))
1282
+ )
1283
+ );
1284
+ word-wrap: var(
1285
+ --_sf-hr-wd-wp,
1286
+ var(
1287
+ --_ctm-mob-dn-pt-in-ss-wd-wp,
1288
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))
1289
+ )
1290
+ );
1291
+ word-break: var(
1292
+ --_sf-hr-wd-bk,
1293
+ var(
1294
+ --_ctm-mob-dn-pt-in-ss-wd-bk,
1295
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))
1296
+ )
1297
+ );
1249
1298
  // font-size: var(
1250
1299
  // --_ctm-mob-dn-pt-in-ss-ft-se,
1251
1300
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
@@ -1313,6 +1362,27 @@ $overflowSelector: ".flex__overflow";
1313
1362
  var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
1314
1363
  )
1315
1364
  );
1365
+ text-transform: var(
1366
+ --_sf-hr-tt-tm,
1367
+ var(
1368
+ --_ctm-mob-dn-pt-in-ss-tt-tm,
1369
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))
1370
+ )
1371
+ );
1372
+ word-wrap: var(
1373
+ --_sf-hr-wd-wp,
1374
+ var(
1375
+ --_ctm-mob-dn-pt-in-ss-wd-wp,
1376
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))
1377
+ )
1378
+ );
1379
+ word-break: var(
1380
+ --_sf-hr-wd-bk,
1381
+ var(
1382
+ --_ctm-mob-dn-pt-in-ss-wd-bk,
1383
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))
1384
+ )
1385
+ );
1316
1386
  // font-size: var(
1317
1387
  // --_ctm-mob-dn-pt-in-ss-ft-se,
1318
1388
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
@@ -1386,6 +1456,31 @@ $overflowSelector: ".flex__overflow";
1386
1456
  var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
1387
1457
  )
1388
1458
  );
1459
+ text-transform: var(
1460
+ --_sf-hr-tt-tm,
1461
+ var(
1462
+ --_ctm-mob-dn-pt-as-ss-tt-tm,
1463
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))
1464
+ )
1465
+ );
1466
+ word-wrap: var(
1467
+ --_sf-hr-wd-wp,
1468
+ var(
1469
+ --_ctm-mob-dn-pt-as-ss-wd-wp,
1470
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))
1471
+ )
1472
+ );
1473
+ word-break: var(
1474
+ --_sf-hr-wd-bk,
1475
+ var(
1476
+ --_ctm-mob-dn-pt-as-ss-wd-bk,
1477
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))
1478
+ )
1479
+ );
1480
+ &.flex__overflow {
1481
+ white-space: normal;
1482
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1483
+ }
1389
1484
  font-size: var(
1390
1485
  --_ctm-mob-dn-pt-as-ss-ft-se,
1391
1486
  var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
@@ -1483,6 +1578,31 @@ $overflowSelector: ".flex__overflow";
1483
1578
  var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
1484
1579
  )
1485
1580
  );
1581
+ text-transform: var(
1582
+ --_sf-hr-tt-tm,
1583
+ var(
1584
+ --_ctm-mob-dn-pt-rd-io-tt-tm,
1585
+ var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))
1586
+ )
1587
+ );
1588
+ word-wrap: var(
1589
+ --_sf-hr-wd-wp,
1590
+ var(
1591
+ --_ctm-mob-dn-pt-rd-io-wd-wp,
1592
+ var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))
1593
+ )
1594
+ );
1595
+ word-break: var(
1596
+ --_sf-hr-wd-bk,
1597
+ var(
1598
+ --_ctm-mob-dn-pt-rd-io-wd-bk,
1599
+ var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))
1600
+ )
1601
+ );
1602
+ &.flex__overflow {
1603
+ white-space: normal;
1604
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1605
+ }
1486
1606
  font-size: var(
1487
1607
  --_ctm-mob-dn-pt-rd-io-ft-se,
1488
1608
  var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))
@@ -1643,6 +1763,27 @@ $overflowSelector: ".flex__overflow";
1643
1763
  var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1644
1764
  )
1645
1765
  );
1766
+ text-transform: var(
1767
+ --_sf-hr-tt-tm,
1768
+ var(
1769
+ --_ctm-mob-dn-pt-pe-ss-tt-tm,
1770
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))
1771
+ )
1772
+ );
1773
+ word-wrap: var(
1774
+ --_sf-hr-wd-wp,
1775
+ var(
1776
+ --_ctm-mob-dn-pt-pe-ss-wd-wp,
1777
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))
1778
+ )
1779
+ );
1780
+ word-break: var(
1781
+ --_sf-hr-wd-bk,
1782
+ var(
1783
+ --_ctm-mob-dn-pt-pe-ss-wd-bk,
1784
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))
1785
+ )
1786
+ );
1646
1787
  font-size: var(
1647
1788
  --_ctm-mob-dn-pt-pe-ss-ft-se,
1648
1789
  var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
@@ -1926,6 +2067,27 @@ $overflowSelector: ".flex__overflow";
1926
2067
  var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
1927
2068
  )
1928
2069
  );
2070
+ text-transform: var(
2071
+ --_sf-hr-tt-tm,
2072
+ var(
2073
+ --_ctm-mob-dn-pt-as-ss-tt-tm,
2074
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))
2075
+ )
2076
+ );
2077
+ word-wrap: var(
2078
+ --_sf-hr-wd-wp,
2079
+ var(
2080
+ --_ctm-mob-dn-pt-as-ss-wd-wp,
2081
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))
2082
+ )
2083
+ );
2084
+ word-break: var(
2085
+ --_sf-hr-wd-bk,
2086
+ var(
2087
+ --_ctm-mob-dn-pt-as-ss-wd-bk,
2088
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))
2089
+ )
2090
+ );
1929
2091
  font-size: var(
1930
2092
  --_ctm-mob-dn-pt-as-ss-ft-se,
1931
2093
  var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
@@ -1998,6 +2160,27 @@ $overflowSelector: ".flex__overflow";
1998
2160
  var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1999
2161
  )
2000
2162
  );
2163
+ text-transform: var(
2164
+ --_sf-hr-tt-tm,
2165
+ var(
2166
+ --_ctm-mob-dn-pt-pe-ss-tt-tm,
2167
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))
2168
+ )
2169
+ );
2170
+ word-wrap: var(
2171
+ --_sf-hr-wd-wp,
2172
+ var(
2173
+ --_ctm-mob-dn-pt-pe-ss-wd-wp,
2174
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))
2175
+ )
2176
+ );
2177
+ word-break: var(
2178
+ --_sf-hr-wd-bk,
2179
+ var(
2180
+ --_ctm-mob-dn-pt-pe-ss-wd-bk,
2181
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))
2182
+ )
2183
+ );
2001
2184
  font-size: var(
2002
2185
  --_ctm-mob-dn-pt-pe-ss-ft-se,
2003
2186
  var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px))
@@ -2556,6 +2739,27 @@ $overflowSelector: ".flex__overflow";
2556
2739
  var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))
2557
2740
  )
2558
2741
  );
2742
+ text-transform: var(
2743
+ --_sf-hr-tt-tm,
2744
+ var(
2745
+ --_ctm-mob-dn-pt-ne-ss-tt-tm,
2746
+ var(--_ctm-tab-dn-pt-ne-ss-tt-tm, var(--_ctm-dn-pt-ne-ss-tt-tm))
2747
+ )
2748
+ );
2749
+ word-wrap: var(
2750
+ --_sf-hr-wd-wp,
2751
+ var(
2752
+ --_ctm-mob-dn-pt-ne-ss-wd-wp,
2753
+ var(--_ctm-tab-dn-pt-ne-ss-wd-wp, var(--_ctm-dn-pt-ne-ss-wd-wp))
2754
+ )
2755
+ );
2756
+ word-break: var(
2757
+ --_sf-hr-wd-bk,
2758
+ var(
2759
+ --_ctm-mob-dn-pt-ne-ss-wd-bk,
2760
+ var(--_ctm-tab-dn-pt-ne-ss-wd-bk, var(--_ctm-dn-pt-ne-ss-wd-bk))
2761
+ )
2762
+ );
2559
2763
  font-size: var(
2560
2764
  --_ctm-mob-dn-pt-ne-ss-ft-se,
2561
2765
  var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se))
@@ -2602,6 +2806,27 @@ $overflowSelector: ".flex__overflow";
2602
2806
  var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
2603
2807
  )
2604
2808
  );
2809
+ text-transform: var(
2810
+ --_sf-hr-tt-tm,
2811
+ var(
2812
+ --_ctm-mob-dn-pt-in-ss-tt-tm,
2813
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))
2814
+ )
2815
+ );
2816
+ word-wrap: var(
2817
+ --_sf-hr-wd-wp,
2818
+ var(
2819
+ --_ctm-mob-dn-pt-in-ss-wd-wp,
2820
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))
2821
+ )
2822
+ );
2823
+ word-break: var(
2824
+ --_sf-hr-wd-bk,
2825
+ var(
2826
+ --_ctm-mob-dn-pt-in-ss-wd-bk,
2827
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))
2828
+ )
2829
+ );
2605
2830
  // font-size: var(
2606
2831
  // --_ctm-mob-dn-pt-in-ss-ft-se,
2607
2832
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
@@ -2669,6 +2894,27 @@ $overflowSelector: ".flex__overflow";
2669
2894
  var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
2670
2895
  )
2671
2896
  );
2897
+ text-transform: var(
2898
+ --_sf-hr-tt-tm,
2899
+ var(
2900
+ --_ctm-mob-dn-pt-in-ss-tt-tm,
2901
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))
2902
+ )
2903
+ );
2904
+ word-wrap: var(
2905
+ --_sf-hr-wd-wp,
2906
+ var(
2907
+ --_ctm-mob-dn-pt-in-ss-wd-wp,
2908
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))
2909
+ )
2910
+ );
2911
+ word-break: var(
2912
+ --_sf-hr-wd-bk,
2913
+ var(
2914
+ --_ctm-mob-dn-pt-in-ss-wd-bk,
2915
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))
2916
+ )
2917
+ );
2672
2918
  // font-size: var(
2673
2919
  // --_ctm-mob-dn-pt-in-ss-ft-se,
2674
2920
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
@@ -2833,6 +3079,27 @@ $overflowSelector: ".flex__overflow";
2833
3079
  var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
2834
3080
  )
2835
3081
  );
3082
+ text-transform: var(
3083
+ --_sf-hr-tt-tm,
3084
+ var(
3085
+ --_ctm-mob-dn-pt-pe-ss-tt-tm,
3086
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))
3087
+ )
3088
+ );
3089
+ word-wrap: var(
3090
+ --_sf-hr-wd-wp,
3091
+ var(
3092
+ --_ctm-mob-dn-pt-pe-ss-wd-wp,
3093
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))
3094
+ )
3095
+ );
3096
+ word-break: var(
3097
+ --_sf-hr-wd-bk,
3098
+ var(
3099
+ --_ctm-mob-dn-pt-pe-ss-wd-bk,
3100
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))
3101
+ )
3102
+ );
2836
3103
  font-size: var(
2837
3104
  --_ctm-mob-dn-pt-pe-ss-ft-se,
2838
3105
  var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
@@ -2950,6 +3217,31 @@ $overflowSelector: ".flex__overflow";
2950
3217
  var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
2951
3218
  )
2952
3219
  );
3220
+ text-transform: var(
3221
+ --_sf-hr-tt-tm,
3222
+ var(
3223
+ --_ctm-mob-dn-pt-as-ss-tt-tm,
3224
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))
3225
+ )
3226
+ );
3227
+ word-wrap: var(
3228
+ --_sf-hr-wd-wp,
3229
+ var(
3230
+ --_ctm-mob-dn-pt-as-ss-wd-wp,
3231
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))
3232
+ )
3233
+ );
3234
+ word-break: var(
3235
+ --_sf-hr-wd-bk,
3236
+ var(
3237
+ --_ctm-mob-dn-pt-as-ss-wd-bk,
3238
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))
3239
+ )
3240
+ );
3241
+ &.flex__overflow {
3242
+ white-space: normal;
3243
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
3244
+ }
2953
3245
  font-size: var(
2954
3246
  --_ctm-mob-dn-pt-as-ss-ft-se,
2955
3247
  var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
@@ -3047,6 +3339,31 @@ $overflowSelector: ".flex__overflow";
3047
3339
  var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
3048
3340
  )
3049
3341
  );
3342
+ text-transform: var(
3343
+ --_sf-hr-tt-tm,
3344
+ var(
3345
+ --_ctm-mob-dn-pt-rd-io-tt-tm,
3346
+ var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))
3347
+ )
3348
+ );
3349
+ word-wrap: var(
3350
+ --_sf-hr-wd-wp,
3351
+ var(
3352
+ --_ctm-mob-dn-pt-rd-io-wd-wp,
3353
+ var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))
3354
+ )
3355
+ );
3356
+ word-break: var(
3357
+ --_sf-hr-wd-bk,
3358
+ var(
3359
+ --_ctm-mob-dn-pt-rd-io-wd-bk,
3360
+ var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))
3361
+ )
3362
+ );
3363
+ &.flex__overflow {
3364
+ white-space: normal;
3365
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
3366
+ }
3050
3367
  font-size: var(
3051
3368
  --_ctm-mob-dn-pt-rd-io-ft-se,
3052
3369
  var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))