@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/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))