@sc-360-v2/storefront-cms-library 0.5.58 → 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 (98) hide show
  1. package/dist/add-order.scss +47 -0
  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/bulk-variant-picker.scss +246 -0
  14. package/dist/bundle.scss +2778 -2584
  15. package/dist/bundleDetails.scss +295 -0
  16. package/dist/button.scss +15 -3
  17. package/dist/buy-for-tab.scss +54 -0
  18. package/dist/buyForHeaders.scss +629 -0
  19. package/dist/cart-details.scss +317 -0
  20. package/dist/cart-summary.scss +189 -0
  21. package/dist/cart.scss +16 -0
  22. package/dist/cartAttributes.scss +118 -0
  23. package/dist/cartDropdownOverlay.scss +21 -0
  24. package/dist/category-groups-element.scss +15 -0
  25. package/dist/category-groups-product-image.scss +84 -0
  26. package/dist/category-groups-product-options.scss +87 -0
  27. package/dist/category-groups-product-price.scss +700 -0
  28. package/dist/category-groups-quota-details.scss +84 -0
  29. package/dist/checkout.scss +918 -0
  30. package/dist/countdown.scss +80 -0
  31. package/dist/coupon.scss +138 -0
  32. package/dist/embroider-template-1-v2.scss +34 -0
  33. package/dist/embroider-template-1.scss +501 -482
  34. package/dist/embroidery.scss +7 -0
  35. package/dist/faq.scss +28 -0
  36. package/dist/filter-results.scss +361 -323
  37. package/dist/filters.scss +288 -0
  38. package/dist/gallery-slider-temp.scss +24 -0
  39. package/dist/global-styles.scss +23 -0
  40. package/dist/hotspot.scss +10 -0
  41. package/dist/icon-list.scss +3 -0
  42. package/dist/item-stock.scss +6 -0
  43. package/dist/kitDetails.scss +358 -0
  44. package/dist/kits.scss +4 -0
  45. package/dist/language-selector.scss +8 -0
  46. package/dist/last-x-orders.scss +24 -0
  47. package/dist/login.scss +108 -0
  48. package/dist/map.scss +46 -0
  49. package/dist/mega-menu.scss +67 -0
  50. package/dist/menu-v2.scss +122 -0
  51. package/dist/menu.scss +12 -0
  52. package/dist/my-templates.scss +3 -0
  53. package/dist/option-bar.scss +38 -0
  54. package/dist/order-status.scss +44 -0
  55. package/dist/past-orders.scss +50 -0
  56. package/dist/payment-methods.scss +307 -289
  57. package/dist/pickup-locations.scss +184 -0
  58. package/dist/product-actions.scss +195 -0
  59. package/dist/product-basic-elements.scss +8 -0
  60. package/dist/product-customizations.scss +155 -149
  61. package/dist/product-highlights.scss +12 -0
  62. package/dist/product-image-allocation.scss +38 -0
  63. package/dist/product-image-bundles.scss +47 -0
  64. package/dist/product-image.scss +48 -0
  65. package/dist/product-inventory.scss +240 -0
  66. package/dist/product-labels.scss +12 -0
  67. package/dist/product-options.scss +58 -0
  68. package/dist/product-price.scss +416 -1
  69. package/dist/product-promotions.scss +456 -0
  70. package/dist/product-sizechart.scss +91 -0
  71. package/dist/profile.scss +52 -0
  72. package/dist/quantity-selector.scss +62 -0
  73. package/dist/quick-inventory-check.scss +24 -0
  74. package/dist/quick-links.scss +16 -0
  75. package/dist/quick-order-pad.scss +71 -0
  76. package/dist/quotes.scss +766 -737
  77. package/dist/repeater.scss +19 -0
  78. package/dist/rfqs.scss +29 -0
  79. package/dist/scroll.scss +4 -0
  80. package/dist/search-results-heading.scss +36 -0
  81. package/dist/search.scss +43 -0
  82. package/dist/shipping-payments.scss +48 -0
  83. package/dist/simple-list.scss +12 -0
  84. package/dist/social.scss +12 -0
  85. package/dist/spotlight.scss +48 -0
  86. package/dist/stockStatus.scss +3 -0
  87. package/dist/store-locations.scss +188 -0
  88. package/dist/tab-v2.scss +24 -0
  89. package/dist/table-common.scss +78 -0
  90. package/dist/table.scss +81 -0
  91. package/dist/tabs.scss +440 -395
  92. package/dist/theme-classes.scss +49 -0
  93. package/dist/toaster.scss +392 -350
  94. package/dist/uom-selector.scss +112 -0
  95. package/dist/user-elements.scss +168 -0
  96. package/dist/variant-picker.scss +217 -0
  97. package/dist/volume-pricing.scss +192 -0
  98. package/package.json +1 -1
package/dist/bulk-variant-picker.scss CHANGED
@@ -45,6 +45,18 @@ $minWidth: 70px;
45
45
  --_ctm-mob-dn-on-te-ft-fy,
46
46
  var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
47
47
  );
48
+ text-transform: var(
49
+ --_ctm-mob-dn-on-te-tt-tm,
50
+ var(--_ctm-tab-dn-on-te-tt-tm, var(--_ctm-dn-on-te-tt-tm))
51
+ );
52
+ word-wrap: var(
53
+ --_ctm-mob-dn-on-te-wd-wp,
54
+ var(--_ctm-tab-dn-on-te-wd-wp, var(--_ctm-dn-on-te-wd-wp))
55
+ );
56
+ word-break: var(
57
+ --_ctm-mob-dn-on-te-wd-bk,
58
+ var(--_ctm-tab-dn-on-te-wd-bk, var(--_ctm-dn-on-te-wd-bk))
59
+ );
48
60
  font-size: var(
49
61
  --_ctm-mob-dn-on-te-ft-se,
50
62
  var(--_ctm-tab-dn-on-te-ft-se, var(--_ctm-dn-on-te-ft-se))
@@ -164,6 +176,18 @@ $minWidth: 70px;
164
176
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
165
177
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
166
178
  );
179
+ text-transform: var(
180
+ --_ctm-mob-dn-sw-me-is-bn-tt-tm,
181
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
182
+ );
183
+ word-wrap: var(
184
+ --_ctm-mob-dn-sw-me-is-bn-wd-wp,
185
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
186
+ );
187
+ word-break: var(
188
+ --_ctm-mob-dn-sw-me-is-bn-wd-bk,
189
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
190
+ );
167
191
  border-color: var(
168
192
  --_ctm-mob-dn-sw-me-is-bn-br-cr,
169
193
  var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
@@ -670,6 +694,18 @@ $minWidth: 70px;
670
694
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
671
695
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
672
696
  );
697
+ text-transform: var(
698
+ --_ctm-mob-dn-sw-me-is-bn-tt-tm,
699
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
700
+ );
701
+ word-wrap: var(
702
+ --_ctm-mob-dn-sw-me-is-bn-wd-wp,
703
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
704
+ );
705
+ word-break: var(
706
+ --_ctm-mob-dn-sw-me-is-bn-wd-bk,
707
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
708
+ );
673
709
  border-color: var(
674
710
  --_ctm-mob-dn-sw-me-is-bn-br-cr,
675
711
  var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
@@ -799,6 +835,22 @@ $minWidth: 70px;
799
835
  --_sf-hr-ft-fy,
800
836
  prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
801
837
  );
838
+ text-transform: var(
839
+ --_sf-hr-tt-tm,
840
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-tm)
841
+ );
842
+ word-wrap: var(
843
+ --_sf-hr-wd-wp,
844
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-wp)
845
+ );
846
+ word-break: var(
847
+ --_sf-hr-wd-bk,
848
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-bk)
849
+ );
850
+ &.flex__overflow {
851
+ white-space: normal;
852
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
853
+ }
802
854
  font-size: var(
803
855
  --_sf-hr-ft-se,
804
856
  prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se)
@@ -889,6 +941,18 @@ $minWidth: 70px;
889
941
  --_ctm-mob-dn-se-on-ve-se-hr-se-ft-fy,
890
942
  var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-fy, var(--_ctm-dn-se-on-ve-se-hr-se-ft-fy))
891
943
  );
944
+ --_sf-hr-tt-tm: var(
945
+ --_ctm-mob-dn-se-on-ve-se-hr-se-tt-tm,
946
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-tt-tm, var(--_ctm-dn-se-on-ve-se-hr-se-tt-tm))
947
+ );
948
+ --_sf-hr-wd-wp: var(
949
+ --_ctm-mob-dn-se-on-ve-se-hr-se-wd-wp,
950
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-wd-wp, var(--_ctm-dn-se-on-ve-se-hr-se-wd-wp))
951
+ );
952
+ --_sf-hr-wd-bk: var(
953
+ --_ctm-mob-dn-se-on-ve-se-hr-se-wd-bk,
954
+ var(--_ctm-tab-dn-se-on-ve-se-hr-se-wd-bk, var(--_ctm-dn-se-on-ve-se-hr-se-wd-bk))
955
+ );
892
956
  --_sf-hr-ft-se: var(
893
957
  --_ctm-mob-dn-se-on-ve-se-hr-se-ft-se,
894
958
  var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-se, var(--_ctm-dn-se-on-ve-se-hr-se-ft-se))
@@ -978,6 +1042,18 @@ $minWidth: 70px;
978
1042
  --_ctm-mob-dn-se-on-ve-se-sd-se-ft-fy,
979
1043
  var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-fy, var(--_ctm-dn-se-on-ve-se-sd-se-ft-fy))
980
1044
  );
1045
+ --_sf-sd-tt-tm: var(
1046
+ --_ctm-mob-dn-se-on-ve-se-sd-se-tt-tm,
1047
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-tt-tm, var(--_ctm-dn-se-on-ve-se-sd-se-tt-tm))
1048
+ );
1049
+ --_sf-sd-wd-wp: var(
1050
+ --_ctm-mob-dn-se-on-ve-se-sd-se-wd-wp,
1051
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-wd-wp, var(--_ctm-dn-se-on-ve-se-sd-se-wd-wp))
1052
+ );
1053
+ --_sf-sd-wd-bk: var(
1054
+ --_ctm-mob-dn-se-on-ve-se-sd-se-wd-bk,
1055
+ var(--_ctm-tab-dn-se-on-ve-se-sd-se-wd-bk, var(--_ctm-dn-se-on-ve-se-sd-se-wd-bk))
1056
+ );
981
1057
  --_sf-sd-ft-se: var(
982
1058
  --_ctm-mob-dn-se-on-ve-se-sd-se-ft-se,
983
1059
  var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-se, var(--_ctm-dn-se-on-ve-se-sd-se-ft-se))
@@ -1043,6 +1119,18 @@ $minWidth: 70px;
1043
1119
  --_sf-sd-ft-fy,
1044
1120
  prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
1045
1121
  );
1122
+ text-transform: var(
1123
+ --_sf-sd-tt-tm,
1124
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-tt-tm)
1125
+ );
1126
+ word-wrap: var(
1127
+ --_sf-sd-wd-wp,
1128
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-wp)
1129
+ );
1130
+ word-break: var(
1131
+ --_sf-sd-wd-bk,
1132
+ prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-wd-bk)
1133
+ );
1046
1134
  font-size: var(
1047
1135
  --_sf-sd-ft-se,
1048
1136
  prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-se)
@@ -1153,6 +1241,18 @@ $minWidth: 70px;
1153
1241
  --_ctm-mob-dn-on-te-ft-fy,
1154
1242
  var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
1155
1243
  );
1244
+ text-transform: var(
1245
+ --_ctm-mob-dn-on-te-tt-tm,
1246
+ var(--_ctm-tab-dn-on-te-tt-tm, var(--_ctm-dn-on-te-tt-tm))
1247
+ );
1248
+ word-wrap: var(
1249
+ --_ctm-mob-dn-on-te-wd-wp,
1250
+ var(--_ctm-tab-dn-on-te-wd-wp, var(--_ctm-dn-on-te-wd-wp))
1251
+ );
1252
+ word-break: var(
1253
+ --_ctm-mob-dn-on-te-wd-bk,
1254
+ var(--_ctm-tab-dn-on-te-wd-bk, var(--_ctm-dn-on-te-wd-bk))
1255
+ );
1156
1256
  font-size: var(
1157
1257
  --_ctm-mob-dn-on-te-ft-se,
1158
1258
  var(--_ctm-tab-dn-on-te-ft-se, var(--_ctm-dn-on-te-ft-se))
@@ -1234,6 +1334,18 @@ $minWidth: 70px;
1234
1334
  --_ctm-mob-dn-dn-se-im-se-hr-se-ft-fy,
1235
1335
  var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-fy, var(--_ctm-dn-dn-se-im-se-hr-se-ft-fy))
1236
1336
  );
1337
+ --_sf-hr-tt-tm: var(
1338
+ --_ctm-mob-dn-dn-se-im-se-hr-se-tt-tm,
1339
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-tt-tm, var(--_ctm-dn-dn-se-im-se-hr-se-tt-tm))
1340
+ );
1341
+ --_sf-hr-wd-wp: var(
1342
+ --_ctm-mob-dn-dn-se-im-se-hr-se-wd-wp,
1343
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-wp, var(--_ctm-dn-dn-se-im-se-hr-se-wd-wp))
1344
+ );
1345
+ --_sf-hr-wd-bk: var(
1346
+ --_ctm-mob-dn-dn-se-im-se-hr-se-wd-bk,
1347
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-bk, var(--_ctm-dn-dn-se-im-se-hr-se-wd-bk))
1348
+ );
1237
1349
  --_sf-hr-ft-se: var(
1238
1350
  --_ctm-mob-dn-dn-se-im-se-hr-se-ft-se,
1239
1351
  var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-se, var(--_ctm-dn-dn-se-im-se-hr-se-ft-se))
@@ -1310,6 +1422,18 @@ $minWidth: 70px;
1310
1422
  --_ctm-mob-dn-dn-se-im-se-sd-se-ft-fy,
1311
1423
  var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-fy, var(--_ctm-dn-dn-se-im-se-sd-se-ft-fy))
1312
1424
  );
1425
+ --_sf-sd-tt-tm: var(
1426
+ --_ctm-mob-dn-dn-se-im-se-sd-se-tt-tm,
1427
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-tt-tm, var(--_ctm-dn-dn-se-im-se-sd-se-tt-tm))
1428
+ );
1429
+ --_sf-sd-wd-wp: var(
1430
+ --_ctm-mob-dn-dn-se-im-se-sd-se-wd-wp,
1431
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-wp, var(--_ctm-dn-dn-se-im-se-sd-se-wd-wp))
1432
+ );
1433
+ --_sf-sd-wd-bk: var(
1434
+ --_ctm-mob-dn-dn-se-im-se-sd-se-wd-bk,
1435
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-bk, var(--_ctm-dn-dn-se-im-se-sd-se-wd-bk))
1436
+ );
1313
1437
  --_sf-sd-ft-se: var(
1314
1438
  --_ctm-mob-dn-dn-se-im-se-sd-se-ft-se,
1315
1439
  var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-se, var(--_ctm-dn-dn-se-im-se-sd-se-ft-se))
@@ -1348,6 +1472,9 @@ $minWidth: 70px;
1348
1472
  .value__selected__new {
1349
1473
  width: 100%;
1350
1474
  font-family: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-fy);
1475
+ text-transform: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-tt-tm);
1476
+ word-wrap: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-wd-wp);
1477
+ word-break: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-wd-bk);
1351
1478
  font-size: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-se);
1352
1479
  color: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-cr);
1353
1480
  font-weight: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-wt);
@@ -1404,6 +1531,13 @@ $minWidth: 70px;
1404
1531
  // Widget style — font
1405
1532
  color: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-cr);
1406
1533
  font-family: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-fy);
1534
+ text-transform: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-tt-tm);
1535
+ word-wrap: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wd-wp);
1536
+ word-break: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wd-bk);
1537
+ &.flex__overflow {
1538
+ white-space: normal;
1539
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1540
+ }
1407
1541
  font-size: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-se);
1408
1542
  font-weight: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-wt);
1409
1543
  font-style: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-se-ic);
@@ -1549,6 +1683,18 @@ $minWidth: 70px;
1549
1683
  --_sf-sd-ft-fy,
1550
1684
  prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy)
1551
1685
  );
1686
+ text-transform: var(
1687
+ --_sf-sd-tt-tm,
1688
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm)
1689
+ );
1690
+ word-wrap: var(
1691
+ --_sf-sd-wd-wp,
1692
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp)
1693
+ );
1694
+ word-break: var(
1695
+ --_sf-sd-wd-bk,
1696
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk)
1697
+ );
1552
1698
  font-size: var(
1553
1699
  --_sf-sd-ft-se,
1554
1700
  prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se)
@@ -1596,6 +1742,12 @@ $minWidth: 70px;
1596
1742
  .language__name {
1597
1743
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-cr));
1598
1744
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy));
1745
+ text-transform: var(
1746
+ --_sf-hr-tt-tm,
1747
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm)
1748
+ );
1749
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp));
1750
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk));
1599
1751
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se));
1600
1752
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-wt));
1601
1753
  font-style: var(
@@ -2716,6 +2868,9 @@ $minWidth: 70px;
2716
2868
  cursor: pointer;
2717
2869
  --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
2718
2870
  --_sf-hr-ff: var(--_ctm-dn-pn-hr-se-ft-fy, var(--_tst-dn-pn-hr-se-ft-fy));
2871
+ --_sf-hr-tt-tm: var(--_ctm-dn-pn-hr-se-tt-tm, var(--_tst-dn-pn-hr-se-tt-tm));
2872
+ --_sf-hr-wd-wp: var(--_ctm-dn-pn-hr-se-wd-wp, var(--_tst-dn-pn-hr-se-wd-wp));
2873
+ --_sf-hr-wd-bk: var(--_ctm-dn-pn-hr-se-wd-bk, var(--_tst-dn-pn-hr-se-wd-bk));
2719
2874
  --_sf-hr-fs: var(--_ctm-dn-pn-hr-se-ft-se, var(--_tst-dn-pn-hr-se-ft-se));
2720
2875
  --_sf-hr-td: var(--_ctm-dn-pn-hr-se-tt-ue, var(--_tst-dn-hr-tt-ue));
2721
2876
  --_sf-hr-fw: var(--_ctm-dn-pn-hr-se-ft-wt, var(--_tst-dn-pn-hr-se-ft-wt));
@@ -2957,6 +3112,18 @@ $minWidth: 70px;
2957
3112
  --_ctm-mob-dn-hr-tt-ft-fy,
2958
3113
  var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
2959
3114
  );
3115
+ text-transform: var(
3116
+ --_ctm-mob-dn-hr-tt-tt-tm,
3117
+ var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm))
3118
+ );
3119
+ word-wrap: var(
3120
+ --_ctm-mob-dn-hr-tt-wd-wp,
3121
+ var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp))
3122
+ );
3123
+ word-break: var(
3124
+ --_ctm-mob-dn-hr-tt-wd-bk,
3125
+ var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk))
3126
+ );
2960
3127
 
2961
3128
  font-size: var(
2962
3129
  --_ctm-mob-dn-hr-tt-ft-se,
@@ -3028,6 +3195,27 @@ $minWidth: 70px;
3028
3195
  var(--_ctm-tab-dn-rw-tt-ft-fy, var(--_ctm-dn-rw-tt-ft-fy))
3029
3196
  )
3030
3197
  );
3198
+ text-transform: var(
3199
+ --_sf-hr-tt-tm,
3200
+ var(
3201
+ --_ctm-mob-dn-rw-tt-tt-tm,
3202
+ var(--_ctm-tab-dn-rw-tt-tt-tm, var(--_ctm-dn-rw-tt-tt-tm))
3203
+ )
3204
+ );
3205
+ word-wrap: var(
3206
+ --_sf-hr-wd-wp,
3207
+ var(
3208
+ --_ctm-mob-dn-rw-tt-wd-wp,
3209
+ var(--_ctm-tab-dn-rw-tt-wd-wp, var(--_ctm-dn-rw-tt-wd-wp))
3210
+ )
3211
+ );
3212
+ word-break: var(
3213
+ --_sf-hr-wd-bk,
3214
+ var(
3215
+ --_ctm-mob-dn-rw-tt-wd-bk,
3216
+ var(--_ctm-tab-dn-rw-tt-wd-bk, var(--_ctm-dn-rw-tt-wd-bk))
3217
+ )
3218
+ );
3031
3219
 
3032
3220
  font-size: var(
3033
3221
  --_sf-hr-fs,
@@ -3136,6 +3324,9 @@ $minWidth: 70px;
3136
3324
  &hover {
3137
3325
  --_sf-hr-fc: var(--_ctm-dn-pn-hr-se-cr, var(--_tst-dn-pn-hr-se-cr));
3138
3326
  --_sf-hr-ff: var(--_ctm-dn-pn-hr-se-ft-fy, var(--_tst-dn-pn-hr-se-ft-fy));
3327
+ --_sf-hr-tt-tm: var(--_ctm-dn-pn-hr-se-tt-tm, var(--_tst-dn-pn-hr-se-tt-tm));
3328
+ --_sf-hr-wd-wp: var(--_ctm-dn-pn-hr-se-wd-wp, var(--_tst-dn-pn-hr-se-wd-wp));
3329
+ --_sf-hr-wd-bk: var(--_ctm-dn-pn-hr-se-wd-bk, var(--_tst-dn-pn-hr-se-wd-bk));
3139
3330
  --_sf-hr-fs: var(--_ctm-dn-pn-hr-se-ft-se, var(--_tst-dn-pn-hr-se-ft-se));
3140
3331
  --_sf-hr-fw: var(--_ctm-dn-pn-hr-se-ft-wt, var(--_tst-dn-pn-hr-se-ft-wt));
3141
3332
  --_sf-hr-ft: var(--_ctm-dn-pn-hr-se-ft-se-ic, var(--_tst-dn-pn-hr-se-ft-se-ic));
@@ -3160,6 +3351,27 @@ $minWidth: 70px;
3160
3351
  var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
3161
3352
  )
3162
3353
  );
3354
+ text-transform: var(
3355
+ --_sf-hr-tt-tm,
3356
+ var(
3357
+ --_ctm-mob-dn-pn-dt-se-tt-tm,
3358
+ var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))
3359
+ )
3360
+ );
3361
+ word-wrap: var(
3362
+ --_sf-hr-wd-wp,
3363
+ var(
3364
+ --_ctm-mob-dn-pn-dt-se-wd-wp,
3365
+ var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))
3366
+ )
3367
+ );
3368
+ word-break: var(
3369
+ --_sf-hr-wd-bk,
3370
+ var(
3371
+ --_ctm-mob-dn-pn-dt-se-wd-bk,
3372
+ var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))
3373
+ )
3374
+ );
3163
3375
 
3164
3376
  font-size: var(
3165
3377
  --_sf-hr-fs,
@@ -3303,6 +3515,18 @@ $minWidth: 70px;
3303
3515
  --_ctm-mob-dn-ld-me-bn-hr-se-ft-fy,
3304
3516
  var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-fy, var(--_ctm-dn-ld-me-bn-hr-se-ft-fy))
3305
3517
  );
3518
+ --_sf-hr-tt-tm: var(
3519
+ --_ctm-mob-dn-ld-me-bn-hr-se-tt-tm,
3520
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-tt-tm, var(--_ctm-dn-ld-me-bn-hr-se-tt-tm))
3521
+ );
3522
+ --_sf-hr-wd-wp: var(
3523
+ --_ctm-mob-dn-ld-me-bn-hr-se-wd-wp,
3524
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-wd-wp, var(--_ctm-dn-ld-me-bn-hr-se-wd-wp))
3525
+ );
3526
+ --_sf-hr-wd-bk: var(
3527
+ --_ctm-mob-dn-ld-me-bn-hr-se-wd-bk,
3528
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-wd-bk, var(--_ctm-dn-ld-me-bn-hr-se-wd-bk))
3529
+ );
3306
3530
  --_sf-hr-ft-se: var(
3307
3531
  --_ctm-mob-dn-ld-me-bn-hr-se-ft-se,
3308
3532
  var(--_ctm-tab-dn-ld-me-bn-hr-se-ft-se, var(--_ctm-dn-ld-me-bn-hr-se-ft-se))
@@ -3397,6 +3621,16 @@ $minWidth: 70px;
3397
3621
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-cr));
3398
3622
 
3399
3623
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-ft-fy));
3624
+ text-transform: var(
3625
+ --_sf-hr-tt-tm,
3626
+ prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-tt-tm)
3627
+ );
3628
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-wd-wp));
3629
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-wd-bk));
3630
+ &.flex__overflow {
3631
+ white-space: normal;
3632
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
3633
+ }
3400
3634
 
3401
3635
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-ft-se));
3402
3636
 
@@ -3501,6 +3735,18 @@ $minWidth: 70px;
3501
3735
  --_ctm-mob-dn-pr-tt-ft-fy,
3502
3736
  var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
3503
3737
  );
3738
+ text-transform: var(
3739
+ --_ctm-mob-dn-pr-tt-tt-tm,
3740
+ var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm))
3741
+ );
3742
+ word-wrap: var(
3743
+ --_ctm-mob-dn-pr-tt-wd-wp,
3744
+ var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp))
3745
+ );
3746
+ word-break: var(
3747
+ --_ctm-mob-dn-pr-tt-wd-bk,
3748
+ var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk))
3749
+ );
3504
3750
  font-size: var(
3505
3751
  --_ctm-mob-dn-pr-tt-ft-se,
3506
3752
  var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se))