@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
@@ -660,6 +660,9 @@ $defaultValues: (
660
660
  border-width: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-wh);
661
661
  color: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-cr);
662
662
  font-family: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-ft-fy);
663
+ text-transform: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-tt-tm);
664
+ word-wrap: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-wd-wp);
665
+ word-break: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-wd-bk);
663
666
  font-size: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-ft-se);
664
667
  font-style: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-ft-se-ic);
665
668
  font-weight: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-ft-wt);
@@ -681,6 +684,9 @@ $defaultValues: (
681
684
  border-width: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-dn-dn-br-wh);
682
685
  color: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-dn-dn-cr);
683
686
  font-family: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-dn-dn-ft-fy);
687
+ text-transform: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-dn-dn-tt-tm);
688
+ word-wrap: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-dn-dn-wd-wp);
689
+ word-break: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-dn-dn-wd-bk);
684
690
  font-size: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-dn-dn-ft-se);
685
691
  font-style: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-dn-dn-ft-se-ic);
686
692
  font-weight: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-dn-dn-ft-wt);
@@ -843,6 +849,9 @@ $defaultValues: (
843
849
  // background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-ne-dn-bd-cr);
844
850
  color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-ne-dn-cr);
845
851
  font-family: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-ne-dn-ft-fy);
852
+ text-transform: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-ne-dn-tt-tm);
853
+ word-wrap: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-ne-dn-wd-wp);
854
+ word-break: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-ne-dn-wd-bk);
846
855
  font-size: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-ne-dn-ft-se);
847
856
  font-style: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-ne-dn-ft-se-ic);
848
857
  font-weight: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-ne-dn-ft-wt);
@@ -856,6 +865,9 @@ $defaultValues: (
856
865
  // background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-bd-cr);
857
866
  color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-cr);
858
867
  font-family: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-ft-fy);
868
+ text-transform: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-tt-tm);
869
+ word-wrap: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-wd-wp);
870
+ word-break: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-wd-bk);
859
871
  font-size: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-ft-se);
860
872
  font-style: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-ft-se-ic);
861
873
  font-weight: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-ft-wt);
@@ -869,6 +881,9 @@ $defaultValues: (
869
881
  // background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-bd-cr);
870
882
  color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-cr);
871
883
  font-family: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-ft-fy);
884
+ text-transform: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-tt-tm);
885
+ word-wrap: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-wd-wp);
886
+ word-break: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-wd-bk);
872
887
  font-size: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-ft-se);
873
888
  font-style: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-ft-se-ic);
874
889
  font-weight: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-wt-cy-cd-io-dn-ft-wt);
@@ -905,6 +920,9 @@ $defaultValues: (
905
920
  // border-width: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-wh);
906
921
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-cr);
907
922
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-fy);
923
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-tt-tm);
924
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-wd-wp);
925
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-wd-bk);
908
926
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-se);
909
927
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-se-ic);
910
928
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-wt);
@@ -939,6 +957,9 @@ $defaultValues: (
939
957
 
940
958
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-ft-se);
941
959
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-ft-fy);
960
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-tt-tm);
961
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-wd-wp);
962
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-wd-bk);
942
963
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-te-cr);
943
964
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-ft-wt);
944
965
  text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-te-ue);
@@ -969,6 +990,9 @@ $defaultValues: (
969
990
  background-color: transparent;
970
991
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-cr);
971
992
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-fy);
993
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-tt-tm);
994
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-wd-wp);
995
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-wd-bk);
972
996
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-se);
973
997
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-se-ic);
974
998
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-wt);
@@ -980,6 +1004,9 @@ $defaultValues: (
980
1004
 
981
1005
  .add_to_cart_estimate_label {
982
1006
  font-family: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-ft-fy);
1007
+ text-transform: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-tt-tm);
1008
+ word-wrap: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-wd-wp);
1009
+ word-break: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-wd-bk);
983
1010
  line-height: 150%;
984
1011
  font-size: 16px;
985
1012
  color: #000000;
@@ -987,6 +1014,9 @@ $defaultValues: (
987
1014
  &:not(:has(+ input)) {
988
1015
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-cr);
989
1016
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-fy);
1017
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-tt-tm);
1018
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-wd-wp);
1019
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-wd-bk);
990
1020
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-se);
991
1021
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-se-ic);
992
1022
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-wt);
@@ -999,6 +1029,9 @@ $defaultValues: (
999
1029
  &:has(+ input) {
1000
1030
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-cr);
1001
1031
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-fy);
1032
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-tt-tm);
1033
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-wd-wp);
1034
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-wd-bk);
1002
1035
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-se);
1003
1036
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-se-ic);
1004
1037
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-wt);
@@ -1155,6 +1188,22 @@ $defaultValues: (
1155
1188
  --_sf-hr-ft-fy,
1156
1189
  prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-ft-fy)
1157
1190
  );
1191
+ text-transform: var(
1192
+ --_sf-hr-tt-tm,
1193
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-tt-tm)
1194
+ );
1195
+ word-wrap: var(
1196
+ --_sf-hr-wd-wp,
1197
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-wd-wp)
1198
+ );
1199
+ word-break: var(
1200
+ --_sf-hr-wd-bk,
1201
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-wd-bk)
1202
+ );
1203
+ &.flex__overflow {
1204
+ white-space: normal;
1205
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1206
+ }
1158
1207
 
1159
1208
  font-size: var(
1160
1209
  --_sf-hr-ft-se,
@@ -1326,6 +1375,9 @@ $defaultValues: (
1326
1375
  // );
1327
1376
  color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-cr);
1328
1377
  font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-fy);
1378
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-tt-tm);
1379
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-wd-wp);
1380
+ word-break: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-wd-bk);
1329
1381
  font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-se);
1330
1382
  font-style: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-se-ic);
1331
1383
  font-weight: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-wt);
@@ -1341,6 +1393,9 @@ $defaultValues: (
1341
1393
  // );
1342
1394
  color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-cr);
1343
1395
  font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-fy);
1396
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-tt-tm);
1397
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-wd-wp);
1398
+ word-break: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-wd-bk);
1344
1399
  font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se);
1345
1400
  font-style: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se-ic);
1346
1401
  font-weight: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-wt);
@@ -1356,6 +1411,9 @@ $defaultValues: (
1356
1411
  // );
1357
1412
  color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-cr);
1358
1413
  font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-fy);
1414
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-tt-tm);
1415
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-wd-wp);
1416
+ word-break: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-wd-bk);
1359
1417
  font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se);
1360
1418
  font-style: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se-ic);
1361
1419
  font-weight: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-wt);
@@ -1370,6 +1428,9 @@ $defaultValues: (
1370
1428
  // background-color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-bd-cr);
1371
1429
  color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-cr);
1372
1430
  font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-fy);
1431
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-tt-tm);
1432
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-wd-wp);
1433
+ word-break: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-wd-bk);
1373
1434
  font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-se);
1374
1435
  font-style: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-se-ic);
1375
1436
  font-weight: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-wt);
@@ -1484,6 +1545,8 @@ $defaultValues: (
1484
1545
  // background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-bd-cr);
1485
1546
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-cr);
1486
1547
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-fy);
1548
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-wd-wp);
1549
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-wd-bk);
1487
1550
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-se);
1488
1551
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-se-ic);
1489
1552
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-wt);
@@ -1503,6 +1566,9 @@ $defaultValues: (
1503
1566
  // background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-bd-cr);
1504
1567
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-cr);
1505
1568
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-fy);
1569
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-tt-tm);
1570
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-wd-wp);
1571
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-wd-bk);
1506
1572
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-se);
1507
1573
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-se-ic);
1508
1574
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-wt);
@@ -1518,6 +1584,9 @@ $defaultValues: (
1518
1584
  // background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-bd-cr);
1519
1585
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-cr);
1520
1586
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-fy);
1587
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-tt-tm);
1588
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-wd-wp);
1589
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-wd-bk);
1521
1590
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-se);
1522
1591
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-se-ic);
1523
1592
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-wt);
@@ -1554,6 +1623,27 @@ $defaultValues: (
1554
1623
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)
1555
1624
  )
1556
1625
  );
1626
+ text-transform: var(
1627
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1628
+ var(
1629
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1630
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)
1631
+ )
1632
+ );
1633
+ word-wrap: var(
1634
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1635
+ var(
1636
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1637
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)
1638
+ )
1639
+ );
1640
+ word-break: var(
1641
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1642
+ var(
1643
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1644
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)
1645
+ )
1646
+ );
1557
1647
  font-size: var(
1558
1648
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
1559
1649
  var(
@@ -1688,6 +1778,18 @@ $defaultValues: (
1688
1778
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1689
1779
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1690
1780
  );
1781
+ text-transform: var(
1782
+ --_ctm-mob-dn-sw-me-is-bn-tt-tm,
1783
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
1784
+ );
1785
+ word-wrap: var(
1786
+ --_ctm-mob-dn-sw-me-is-bn-wd-wp,
1787
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
1788
+ );
1789
+ word-break: var(
1790
+ --_ctm-mob-dn-sw-me-is-bn-wd-bk,
1791
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
1792
+ );
1691
1793
  border-color: var(
1692
1794
  --_ctm-mob-dn-sw-me-is-bn-br-cr,
1693
1795
  var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
@@ -2371,6 +2473,18 @@ $defaultValues: (
2371
2473
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
2372
2474
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
2373
2475
  );
2476
+ text-transform: var(
2477
+ --_ctm-mob-dn-sw-me-is-bn-tt-tm,
2478
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
2479
+ );
2480
+ word-wrap: var(
2481
+ --_ctm-mob-dn-sw-me-is-bn-wd-wp,
2482
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
2483
+ );
2484
+ word-break: var(
2485
+ --_ctm-mob-dn-sw-me-is-bn-wd-bk,
2486
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
2487
+ );
2374
2488
  border-color: var(
2375
2489
  --_ctm-mob-dn-sw-me-is-bn-br-cr,
2376
2490
  var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
@@ -2549,6 +2663,28 @@ $defaultValues: (
2549
2663
  --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-fy
2550
2664
  )
2551
2665
  );
2666
+ text-transform: var(
2667
+ --_sf-hr-tt-tm,
2668
+ prepareMediaVariable(
2669
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-tm
2670
+ )
2671
+ );
2672
+ word-wrap: var(
2673
+ --_sf-hr-wd-wp,
2674
+ prepareMediaVariable(
2675
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-wp
2676
+ )
2677
+ );
2678
+ word-break: var(
2679
+ --_sf-hr-wd-bk,
2680
+ prepareMediaVariable(
2681
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-bk
2682
+ )
2683
+ );
2684
+ &.flex__overflow {
2685
+ white-space: normal;
2686
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2687
+ }
2552
2688
  font-size: var(
2553
2689
  --_sf-hr-ft-se,
2554
2690
  prepareMediaVariable(
@@ -2689,6 +2825,27 @@ $defaultValues: (
2689
2825
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-fy)
2690
2826
  )
2691
2827
  );
2828
+ --_sf-hr-tt-tm: var(
2829
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm,
2830
+ var(
2831
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm,
2832
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm)
2833
+ )
2834
+ );
2835
+ --_sf-hr-wd-wp: var(
2836
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp,
2837
+ var(
2838
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp,
2839
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp)
2840
+ )
2841
+ );
2842
+ --_sf-hr-wd-bk: var(
2843
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk,
2844
+ var(
2845
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk,
2846
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk)
2847
+ )
2848
+ );
2692
2849
  --_sf-hr-ft-se: var(
2693
2850
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se,
2694
2851
  var(
@@ -2829,6 +2986,27 @@ $defaultValues: (
2829
2986
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-fy)
2830
2987
  )
2831
2988
  );
2989
+ --_sf-sd-tt-tm: var(
2990
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm,
2991
+ var(
2992
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm,
2993
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm)
2994
+ )
2995
+ );
2996
+ --_sf-sd-wd-wp: var(
2997
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp,
2998
+ var(
2999
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp,
3000
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp)
3001
+ )
3002
+ );
3003
+ --_sf-sd-wd-bk: var(
3004
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk,
3005
+ var(
3006
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk,
3007
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk)
3008
+ )
3009
+ );
2832
3010
  --_sf-sd-ft-se: var(
2833
3011
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se,
2834
3012
  var(
@@ -2941,6 +3119,24 @@ $defaultValues: (
2941
3119
  --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-fy
2942
3120
  )
2943
3121
  );
3122
+ text-transform: var(
3123
+ --_sf-sd-tt-tm,
3124
+ prepareMediaVariable(
3125
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-tm
3126
+ )
3127
+ );
3128
+ word-wrap: var(
3129
+ --_sf-sd-wd-wp,
3130
+ prepareMediaVariable(
3131
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-wp
3132
+ )
3133
+ );
3134
+ word-break: var(
3135
+ --_sf-sd-wd-bk,
3136
+ prepareMediaVariable(
3137
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-bk
3138
+ )
3139
+ );
2944
3140
  font-size: var(
2945
3141
  --_sf-sd-ft-se,
2946
3142
  prepareMediaVariable(
@@ -3090,6 +3286,27 @@ $defaultValues: (
3090
3286
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)
3091
3287
  )
3092
3288
  );
3289
+ text-transform: var(
3290
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
3291
+ var(
3292
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
3293
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)
3294
+ )
3295
+ );
3296
+ word-wrap: var(
3297
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
3298
+ var(
3299
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
3300
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)
3301
+ )
3302
+ );
3303
+ word-break: var(
3304
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
3305
+ var(
3306
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
3307
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)
3308
+ )
3309
+ );
3093
3310
  font-size: var(
3094
3311
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
3095
3312
  var(
@@ -3185,6 +3402,31 @@ $defaultValues: (
3185
3402
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)
3186
3403
  )
3187
3404
  );
3405
+ text-transform: var(
3406
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
3407
+ var(
3408
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
3409
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)
3410
+ )
3411
+ );
3412
+ word-wrap: var(
3413
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
3414
+ var(
3415
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
3416
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)
3417
+ )
3418
+ );
3419
+ word-break: var(
3420
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
3421
+ var(
3422
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
3423
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)
3424
+ )
3425
+ );
3426
+ &.flex__overflow {
3427
+ white-space: normal;
3428
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
3429
+ }
3188
3430
  color: var(
3189
3431
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
3190
3432
  var(
@@ -3460,6 +3702,13 @@ $defaultValues: (
3460
3702
  }
3461
3703
  padding: var(--_sf-hr-pg, #{itemState(dt, pg)});
3462
3704
  font-family: var(--_sf-hr-ft-fy, #{itemState(dt, ft-fy)});
3705
+ text-transform: var(--_sf-hr-tt-tm, #{itemState(dt, ft-fy)});
3706
+ word-wrap: var(--_sf-hr-wd-wp, #{itemState(dt, ft-fy)});
3707
+ word-break: var(--_sf-hr-wd-bk, #{itemState(dt, ft-fy)});
3708
+ &.flex__overflow {
3709
+ white-space: normal;
3710
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
3711
+ }
3463
3712
  font-size: var(--_sf-hr-ft-se, #{itemState(dt, ft-se)});
3464
3713
  font-weight: var(--_sf-hr-ft-wt, #{itemState(dt, ft-wt)});
3465
3714
  font-style: var(--_sf-hr-ft-se-ic, #{itemState(dt, ft-se-ic)});
@@ -4985,6 +5234,9 @@ $defaultValues: (
4985
5234
  & > span {
4986
5235
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-ft-se);
4987
5236
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-ft-fy);
5237
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-tt-tm);
5238
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-wd-wp);
5239
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-wd-bk);
4988
5240
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-te-cr);
4989
5241
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-ft-wt);
4990
5242
  text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-te-ue);
@@ -5011,6 +5263,9 @@ $defaultValues: (
5011
5263
 
5012
5264
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-ft-se);
5013
5265
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-ft-fy);
5266
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-tt-tm);
5267
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-wd-wp);
5268
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-wd-bk);
5014
5269
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-te-cr);
5015
5270
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-ft-wt);
5016
5271
  text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-te-ue);
@@ -5410,6 +5665,22 @@ $defaultValues: (
5410
5665
  --_sf-hr-ft-fy,
5411
5666
  prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-ft-fy)
5412
5667
  );
5668
+ text-transform: var(
5669
+ --_sf-hr-tt-tm,
5670
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-tt-tm)
5671
+ );
5672
+ word-wrap: var(
5673
+ --_sf-hr-wd-wp,
5674
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-wd-wp)
5675
+ );
5676
+ word-break: var(
5677
+ --_sf-hr-wd-bk,
5678
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-wd-bk)
5679
+ );
5680
+ &.flex__overflow {
5681
+ white-space: normal;
5682
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
5683
+ }
5413
5684
 
5414
5685
  font-size: var(
5415
5686
  --_sf-hr-ft-se,
@@ -5749,6 +6020,18 @@ $defaultValues: (
5749
6020
  --_ctm-mob-dn-pr-se-ft-fy,
5750
6021
  var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy))
5751
6022
  );
6023
+ text-transform: var(
6024
+ --_ctm-mob-dn-pr-se-tt-tm,
6025
+ var(--_ctm-tab-dn-pr-se-tt-tm, var(--_ctm-dn-pr-se-tt-tm))
6026
+ );
6027
+ word-wrap: var(
6028
+ --_ctm-mob-dn-pr-se-wd-wp,
6029
+ var(--_ctm-tab-dn-pr-se-wd-wp, var(--_ctm-dn-pr-se-wd-wp))
6030
+ );
6031
+ word-break: var(
6032
+ --_ctm-mob-dn-pr-se-wd-bk,
6033
+ var(--_ctm-tab-dn-pr-se-wd-bk, var(--_ctm-dn-pr-se-wd-bk))
6034
+ );
5752
6035
  font-size: var(
5753
6036
  --_ctm-mob-dn-pr-se-ft-se,
5754
6037
  var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se))
@@ -5831,6 +6114,18 @@ $defaultValues: (
5831
6114
  --_ctm-mob-dn-er-me-ft-fy,
5832
6115
  var(--_ctm-tab-dn-er-me-ft-fy, var(--_ctm-dn-er-me-ft-fy))
5833
6116
  );
6117
+ text-transform: var(
6118
+ --_ctm-mob-dn-er-me-tt-tm,
6119
+ var(--_ctm-tab-dn-er-me-tt-tm, var(--_ctm-dn-er-me-tt-tm))
6120
+ );
6121
+ word-wrap: var(
6122
+ --_ctm-mob-dn-er-me-wd-wp,
6123
+ var(--_ctm-tab-dn-er-me-wd-wp, var(--_ctm-dn-er-me-wd-wp))
6124
+ );
6125
+ word-break: var(
6126
+ --_ctm-mob-dn-er-me-wd-bk,
6127
+ var(--_ctm-tab-dn-er-me-wd-bk, var(--_ctm-dn-er-me-wd-bk))
6128
+ );
5834
6129
  font-size: var(
5835
6130
  --_ctm-mob-dn-er-me-ft-se,
5836
6131
  var(--_ctm-tab-dn-er-me-ft-se, var(--_ctm-dn-er-me-ft-se))
@@ -5,11 +5,11 @@
5
5
 
6
6
  [data-div-type="element"] {
7
7
  &[data-element-type="button"] {
8
- height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
9
-
8
+ min-height: 24px !important;
10
9
  & > .wrapper {
11
10
  // width: 100%;
12
11
  height: 100%;
12
+ height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
13
13
  }
14
14
 
15
15
  &[data-show-shadow="false"] {
package/dist/button.scss CHANGED
@@ -5,11 +5,12 @@
5
5
 
6
6
  [data-div-type="element"] {
7
7
  &[data-element-type="button"] {
8
- height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
8
+ min-height: 24px !important;
9
9
 
10
10
  & > .wrapper {
11
11
  // width: 100%;
12
12
  height: 100%;
13
+ height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
13
14
  }
14
15
 
15
16
  &[data-show-shadow="false"] {
@@ -72,6 +73,10 @@
72
73
  --_ctm-mob-dn-hr-se-ft-fy,
73
74
  var(--_ctm-tab-dn-hr-se-ft-fy, var(--_ctm-dn-hr-se-ft-fy))
74
75
  );
76
+ --_sf-hr-tt-tm: var(
77
+ --_ctm-mob-dn-hr-se-tt-tm,
78
+ var(--_ctm-tab-dn-hr-se-tt-tm, var(--_ctm-dn-hr-se-tt-tm))
79
+ );
75
80
  --_sf-hr-ft-se: var(
76
81
  --_ctm-mob-dn-hr-se-ft-se,
77
82
  var(--_ctm-tab-dn-hr-se-ft-se, var(--_ctm-dn-hr-se-ft-se))
@@ -181,6 +186,9 @@
181
186
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-dt-se-cr));
182
187
 
183
188
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-dt-se-ft-fy));
189
+ &.flex__overflow {
190
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
191
+ }
184
192
 
185
193
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-dt-se-ft-se));
186
194
 
@@ -194,9 +202,14 @@
194
202
 
195
203
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-dt-se-le-ht));
196
204
 
197
- text-transform: var(--_sf-hr-txt-tr, prepareMediaVariable(--_ctm-dn-dt-se-tt-tm, normal));
198
- word-break: var(--_sf-hr-txt-wd-bk, prepareMediaVariable(--_ctm-dn-dt-se-wd-bk));
199
- word-wrap: var(--_sf-hr-txt-wd-bk, prepareMediaVariable(--_ctm-dn-tt-dt-se-wd-wp));
205
+ // The hover names have to match what the `&:hover` block above publishes:
206
+ // `--_sf-hr-wd-wp` and `--_sf-hr-wd-bk`. Both of these read `--_sf-hr-txt-wd-bk`,
207
+ // which is never set, so the hover word-break/word-wrap values never applied.
208
+ // The word-wrap default was also pointed at `--_ctm-dn-tt-dt-se-wd-wp`, a prefix
209
+ // the builder never emits, so Word Wrap did nothing in either state.
210
+ text-transform: var(--_sf-hr-txt-tr, prepareMediaVariable(--_ctm-dn-dt-se-tt-tm, none));
211
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-dt-se-wd-bk, normal));
212
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-dt-se-wd-wp, normal));
200
213
 
201
214
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-dt-se-ue));
202
215
  // text-decoration: var(--_ctm-mob-dn-ue, var(--_ctm-tab-dn-ue, var(--_ctm-dn-ue)));
@@ -328,6 +328,18 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
328
328
  --_ctm-mob-buy-dn-ts-sd-se-ft-fy,
329
329
  var(--_ctm-tab-buy-dn-ts-sd-se-ft-fy, var(--_ctm-buy-dn-ts-sd-se-ft-fy))
330
330
  );
331
+ --_sf-buy-sd-tt-tm: var(
332
+ --_ctm-mob-buy-dn-ts-sd-se-tt-tm,
333
+ var(--_ctm-tab-buy-dn-ts-sd-se-tt-tm, var(--_ctm-buy-dn-ts-sd-se-tt-tm))
334
+ );
335
+ --_sf-buy-sd-wd-wp: var(
336
+ --_ctm-mob-buy-dn-ts-sd-se-wd-wp,
337
+ var(--_ctm-tab-buy-dn-ts-sd-se-wd-wp, var(--_ctm-buy-dn-ts-sd-se-wd-wp))
338
+ );
339
+ --_sf-buy-sd-wd-bk: var(
340
+ --_ctm-mob-buy-dn-ts-sd-se-wd-bk,
341
+ var(--_ctm-tab-buy-dn-ts-sd-se-wd-bk, var(--_ctm-buy-dn-ts-sd-se-wd-bk))
342
+ );
331
343
  --_sf-buy-sd-ft-sz: var(
332
344
  --_ctm-mob-buy-dn-ts-sd-se-ft-se,
333
345
  var(--_ctm-tab-buy-dn-ts-sd-se-ft-se, var(--_ctm-buy-dn-ts-sd-se-ft-se))
@@ -406,6 +418,18 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
406
418
  --_ctm-mob-buy-dn-ts-hr-se-ft-fy,
407
419
  var(--_ctm-tab-buy-dn-ts-hr-se-ft-fy, var(--_ctm-buy-dn-ts-hr-se-ft-fy))
408
420
  );
421
+ --_sf-buy-hr-tt-tm: var(
422
+ --_ctm-mob-buy-dn-ts-hr-se-tt-tm,
423
+ var(--_ctm-tab-buy-dn-ts-hr-se-tt-tm, var(--_ctm-buy-dn-ts-hr-se-tt-tm))
424
+ );
425
+ --_sf-buy-hr-wd-wp: var(
426
+ --_ctm-mob-buy-dn-ts-hr-se-wd-wp,
427
+ var(--_ctm-tab-buy-dn-ts-hr-se-wd-wp, var(--_ctm-buy-dn-ts-hr-se-wd-wp))
428
+ );
429
+ --_sf-buy-hr-wd-bk: var(
430
+ --_ctm-mob-buy-dn-ts-hr-se-wd-bk,
431
+ var(--_ctm-tab-buy-dn-ts-hr-se-wd-bk, var(--_ctm-buy-dn-ts-hr-se-wd-bk))
432
+ );
409
433
  --_sf-buy-hr-ft-sz: var(
410
434
  --_ctm-mob-buy-dn-ts-hr-se-ft-se,
411
435
  var(--_ctm-tab-buy-dn-ts-hr-se-ft-se, var(--_ctm-buy-dn-ts-hr-se-ft-se))
@@ -470,6 +494,36 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
470
494
  )
471
495
  )
472
496
  );
497
+ text-transform: var(
498
+ --_sf-buy-sd-tt-tm,
499
+ var(
500
+ --_sf-buy-hr-tt-tm,
501
+ var(
502
+ --_ctm-mob-buy-dn-ts-tt-tm,
503
+ var(--_ctm-tab-buy-dn-ts-tt-tm, var(--_ctm-buy-dn-ts-tt-tm))
504
+ )
505
+ )
506
+ );
507
+ word-wrap: var(
508
+ --_sf-buy-sd-wd-wp,
509
+ var(
510
+ --_sf-buy-hr-wd-wp,
511
+ var(
512
+ --_ctm-mob-buy-dn-ts-wd-wp,
513
+ var(--_ctm-tab-buy-dn-ts-wd-wp, var(--_ctm-buy-dn-ts-wd-wp))
514
+ )
515
+ )
516
+ );
517
+ word-break: var(
518
+ --_sf-buy-sd-wd-bk,
519
+ var(
520
+ --_sf-buy-hr-wd-bk,
521
+ var(
522
+ --_ctm-mob-buy-dn-ts-wd-bk,
523
+ var(--_ctm-tab-buy-dn-ts-wd-bk, var(--_ctm-buy-dn-ts-wd-bk))
524
+ )
525
+ )
526
+ );
473
527
 
474
528
  font-size: var(
475
529
  --_sf-buy-sd-ft-sz,