@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-summary.scss CHANGED
@@ -11,6 +11,8 @@ $overflowSelector: ".flex__overflow";
11
11
  // twins. `$scope` is the row's variable prefix, e.g. `--_ctm-dn-nr-of-is`.
12
12
  @mixin cartSummaryLabel($scope) {
13
13
  font-family: prepareMediaVariable(#{$scope}-ft-fy);
14
+ word-wrap: prepareMediaVariable(#{$scope}-wd-wp);
15
+ word-break: prepareMediaVariable(#{$scope}-wd-bk);
14
16
  color: prepareMediaVariable(#{$scope}-cr);
15
17
  font-weight: prepareMediaVariable(#{$scope}-ft-wt);
16
18
  font-size: prepareMediaVariable(#{$scope}-ft-se);
@@ -24,6 +26,8 @@ $overflowSelector: ".flex__overflow";
24
26
 
25
27
  @mixin cartSummaryValue($scope) {
26
28
  font-family: prepareMediaVariable(#{$scope}-ft-fy-dc);
29
+ word-wrap: prepareMediaVariable(#{$scope}-wd-wp-dc);
30
+ word-break: prepareMediaVariable(#{$scope}-wd-bk-dc);
27
31
  color: prepareMediaVariable(#{$scope}-cr-dc);
28
32
  font-weight: prepareMediaVariable(#{$scope}-ft-wt-dc);
29
33
  font-size: prepareMediaVariable(#{$scope}-ft-se-dc);
@@ -147,6 +151,18 @@ $overflowSelector: ".flex__overflow";
147
151
  --_ctm-mob-dn-hr-cr-ft-fy,
148
152
  var(--_ctm-tab-dn-hr-cr-ft-fy, var(--_ctm-dn-hr-cr-ft-fy))
149
153
  );
154
+ word-wrap: var(
155
+ --_ctm-mob-dn-hr-cr-wd-wp,
156
+ var(--_ctm-tab-dn-hr-cr-wd-wp, var(--_ctm-dn-hr-cr-wd-wp))
157
+ );
158
+ word-break: var(
159
+ --_ctm-mob-dn-hr-cr-wd-bk,
160
+ var(--_ctm-tab-dn-hr-cr-wd-bk, var(--_ctm-dn-hr-cr-wd-bk))
161
+ );
162
+ &.flex__overflow {
163
+ white-space: normal;
164
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
165
+ }
150
166
  color: var(--_ctm-mob-dn-hr-cr-cr, var(--_ctm-tab-dn-hr-cr-cr, var(--_ctm-dn-hr-cr-cr)));
151
167
  font-weight: var(
152
168
  --_ctm-mob-dn-hr-cr-ft-wt,
@@ -325,6 +341,14 @@ $overflowSelector: ".flex__overflow";
325
341
  --_ctm-mob-dn-pt-wt-pt-qy-ft-fy,
326
342
  var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy, var(--_ctm-dn-pt-wt-pt-qy-ft-fy))
327
343
  );
344
+ word-wrap: var(
345
+ --_ctm-mob-dn-pt-wt-pt-qy-wd-wp,
346
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-wp, var(--_ctm-dn-pt-wt-pt-qy-wd-wp))
347
+ );
348
+ word-break: var(
349
+ --_ctm-mob-dn-pt-wt-pt-qy-wd-bk,
350
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-bk, var(--_ctm-dn-pt-wt-pt-qy-wd-bk))
351
+ );
328
352
  color: var(
329
353
  --_ctm-mob-dn-pt-wt-pt-qy-cr,
330
354
  var(--_ctm-tab-dn-pt-wt-pt-qy-cr, var(--_ctm-dn-pt-wt-pt-qy-cr))
@@ -366,6 +390,14 @@ $overflowSelector: ".flex__overflow";
366
390
  --_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
367
391
  var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-fy-dc))
368
392
  );
393
+ word-wrap: var(
394
+ --_ctm-mob-dn-pt-wt-pt-qy-wd-wp-dc,
395
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-wp-dc, var(--_ctm-dn-pt-wt-pt-qy-wd-wp-dc))
396
+ );
397
+ word-break: var(
398
+ --_ctm-mob-dn-pt-wt-pt-qy-wd-bk-dc,
399
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-bk-dc, var(--_ctm-dn-pt-wt-pt-qy-wd-bk-dc))
400
+ );
369
401
  color: var(
370
402
  --_ctm-mob-dn-pt-wt-pt-qy-cr-dc,
371
403
  var(--_ctm-tab-dn-pt-wt-pt-qy-cr-dc, var(--_ctm-dn-pt-wt-pt-qy-cr-dc))
@@ -410,6 +442,14 @@ $overflowSelector: ".flex__overflow";
410
442
  --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
411
443
  var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy))
412
444
  );
445
+ word-wrap: var(
446
+ --_ctm-mob-dn-pt-wt-pt-ed-de-wd-wp,
447
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-wd-wp, var(--_ctm-dn-pt-wt-pt-ed-de-wd-wp))
448
+ );
449
+ word-break: var(
450
+ --_ctm-mob-dn-pt-wt-pt-ed-de-wd-bk,
451
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-wd-bk, var(--_ctm-dn-pt-wt-pt-ed-de-wd-bk))
452
+ );
413
453
  color: var(
414
454
  --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
415
455
  var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
@@ -456,6 +496,20 @@ $overflowSelector: ".flex__overflow";
456
496
  var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc)
457
497
  )
458
498
  );
499
+ word-wrap: var(
500
+ --_ctm-mob-dn-pt-wt-pt-ed-de-wd-wp-dc,
501
+ var(
502
+ --_ctm-tab-dn-pt-wt-pt-ed-de-wd-wp-dc,
503
+ var(--_ctm-dn-pt-wt-pt-ed-de-wd-wp-dc)
504
+ )
505
+ );
506
+ word-break: var(
507
+ --_ctm-mob-dn-pt-wt-pt-ed-de-wd-bk-dc,
508
+ var(
509
+ --_ctm-tab-dn-pt-wt-pt-ed-de-wd-bk-dc,
510
+ var(--_ctm-dn-pt-wt-pt-ed-de-wd-bk-dc)
511
+ )
512
+ );
459
513
  color: var(
460
514
  --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
461
515
  var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc))
@@ -704,6 +758,9 @@ $overflowSelector: ".flex__overflow";
704
758
  .cart_summary_secondary_text {
705
759
  color: var(--_ctm-dn-sy-tt-dn-cr);
706
760
  font-family: var(--_ctm-dn-sy-tt-dn-ft-fy);
761
+ text-transform: var(--_ctm-dn-sy-tt-dn-tt-tm);
762
+ word-wrap: var(--_ctm-dn-sy-tt-dn-wd-wp);
763
+ word-break: var(--_ctm-dn-sy-tt-dn-wd-bk);
707
764
  font-size: var(--_ctm-dn-sy-tt-dn-ft-se);
708
765
  font-style: var(--_ctm-dn-sy-tt-dn-ft-se-ic);
709
766
  font-weight: var(--_ctm-dn-sy-tt-dn-ft-wt);
@@ -758,6 +815,18 @@ $overflowSelector: ".flex__overflow";
758
815
  --_ctm-mob-dn-ct-as-ct-dt-se-ft-fy,
759
816
  var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-fy, var(--_ctm-dn-ct-as-ct-dt-se-ft-fy))
760
817
  );
818
+ text-transform: var(
819
+ --_ctm-mob-dn-ct-as-ct-dt-se-tt-tm,
820
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-tt-tm, var(--_ctm-dn-ct-as-ct-dt-se-tt-tm))
821
+ );
822
+ word-wrap: var(
823
+ --_ctm-mob-dn-ct-as-ct-dt-se-wd-wp,
824
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-wd-wp, var(--_ctm-dn-ct-as-ct-dt-se-wd-wp))
825
+ );
826
+ word-break: var(
827
+ --_ctm-mob-dn-ct-as-ct-dt-se-wd-bk,
828
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-wd-bk, var(--_ctm-dn-ct-as-ct-dt-se-wd-bk))
829
+ );
761
830
  font-size: var(
762
831
  --_ctm-mob-dn-ct-as-ct-dt-se-ft-se,
763
832
  var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-se, var(--_ctm-dn-ct-as-ct-dt-se-ft-se))
@@ -836,6 +905,18 @@ $overflowSelector: ".flex__overflow";
836
905
  --_ctm-mob-dn-ct-bn-hr-se-ft-fy,
837
906
  var(--_ctm-tab-dn-ct-bn-hr-se-ft-fy, var(--_ctm-dn-ct-bn-hr-se-ft-fy))
838
907
  );
908
+ text-transform: var(
909
+ --_ctm-mob-dn-ct-bn-hr-se-tt-tm,
910
+ var(--_ctm-tab-dn-ct-bn-hr-se-tt-tm, var(--_ctm-dn-ct-bn-hr-se-tt-tm))
911
+ );
912
+ word-wrap: var(
913
+ --_ctm-mob-dn-ct-bn-hr-se-wd-wp,
914
+ var(--_ctm-tab-dn-ct-bn-hr-se-wd-wp, var(--_ctm-dn-ct-bn-hr-se-wd-wp))
915
+ );
916
+ word-break: var(
917
+ --_ctm-mob-dn-ct-bn-hr-se-wd-bk,
918
+ var(--_ctm-tab-dn-ct-bn-hr-se-wd-bk, var(--_ctm-dn-ct-bn-hr-se-wd-bk))
919
+ );
839
920
  font-size: var(
840
921
  --_ctm-mob-dn-ct-bn-hr-se-ft-se,
841
922
  var(--_ctm-tab-dn-ct-bn-hr-se-ft-se, var(--_ctm-dn-ct-bn-hr-se-ft-se))
@@ -983,6 +1064,12 @@ $overflowSelector: ".flex__overflow";
983
1064
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-cr));
984
1065
 
985
1066
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-fy));
1067
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-wd-wp));
1068
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-wd-bk));
1069
+ &.flex__overflow {
1070
+ white-space: normal;
1071
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1072
+ }
986
1073
 
987
1074
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-se));
988
1075
 
@@ -1158,6 +1245,12 @@ $overflowSelector: ".flex__overflow";
1158
1245
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-cr));
1159
1246
 
1160
1247
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-fy));
1248
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-wd-wp));
1249
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-wd-bk));
1250
+ &.flex__overflow {
1251
+ white-space: normal;
1252
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1253
+ }
1161
1254
 
1162
1255
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-se));
1163
1256
 
@@ -1342,6 +1435,12 @@ $overflowSelector: ".flex__overflow";
1342
1435
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-cr));
1343
1436
 
1344
1437
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-fy));
1438
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-wd-wp));
1439
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-wd-bk));
1440
+ &.flex__overflow {
1441
+ white-space: normal;
1442
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1443
+ }
1345
1444
 
1346
1445
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-se));
1347
1446
 
@@ -1519,6 +1618,12 @@ $overflowSelector: ".flex__overflow";
1519
1618
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-cr));
1520
1619
 
1521
1620
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-fy));
1621
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-wd-wp));
1622
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-wd-bk));
1623
+ &.flex__overflow {
1624
+ white-space: normal;
1625
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1626
+ }
1522
1627
 
1523
1628
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-se));
1524
1629
 
@@ -1702,6 +1807,18 @@ $overflowSelector: ".flex__overflow";
1702
1807
  --_sf-hr-ft-fy,
1703
1808
  prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-fy)
1704
1809
  );
1810
+ word-wrap: var(
1811
+ --_sf-hr-wd-wp,
1812
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-wd-wp)
1813
+ );
1814
+ word-break: var(
1815
+ --_sf-hr-wd-bk,
1816
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-wd-bk)
1817
+ );
1818
+ &.flex__overflow {
1819
+ white-space: normal;
1820
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1821
+ }
1705
1822
 
1706
1823
  font-size: var(
1707
1824
  --_sf-hr-ft-se,
@@ -1898,6 +2015,12 @@ $overflowSelector: ".flex__overflow";
1898
2015
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-cr));
1899
2016
 
1900
2017
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-fy));
2018
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-wd-wp));
2019
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-wd-bk));
2020
+ &.flex__overflow {
2021
+ white-space: normal;
2022
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2023
+ }
1901
2024
 
1902
2025
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-se));
1903
2026
 
@@ -2076,6 +2199,12 @@ $overflowSelector: ".flex__overflow";
2076
2199
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-cr));
2077
2200
 
2078
2201
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-fy));
2202
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-wd-wp));
2203
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-wd-bk));
2204
+ &.flex__overflow {
2205
+ white-space: normal;
2206
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2207
+ }
2079
2208
 
2080
2209
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-se));
2081
2210
 
@@ -2179,6 +2308,18 @@ $overflowSelector: ".flex__overflow";
2179
2308
  --_ctm-mob-dn-pe-or-bn-dt-se-ft-fy,
2180
2309
  var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-fy, var(--_ctm-dn-pe-or-bn-dt-se-ft-fy))
2181
2310
  );
2311
+ text-transform: var(
2312
+ --_ctm-mob-dn-pe-or-bn-dt-se-tt-tm,
2313
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-tt-tm, var(--_ctm-dn-pe-or-bn-dt-se-tt-tm))
2314
+ );
2315
+ word-wrap: var(
2316
+ --_ctm-mob-dn-pe-or-bn-dt-se-wd-wp,
2317
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-wd-wp, var(--_ctm-dn-pe-or-bn-dt-se-wd-wp))
2318
+ );
2319
+ word-break: var(
2320
+ --_ctm-mob-dn-pe-or-bn-dt-se-wd-bk,
2321
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-wd-bk, var(--_ctm-dn-pe-or-bn-dt-se-wd-bk))
2322
+ );
2182
2323
  font-size: var(
2183
2324
  --_ctm-mob-dn-pe-or-bn-dt-se-ft-se,
2184
2325
  var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-se, var(--_ctm-dn-pe-or-bn-dt-se-ft-se))
@@ -2257,6 +2398,18 @@ $overflowSelector: ".flex__overflow";
2257
2398
  --_ctm-mob-dn-pe-or-bn-hr-se-ft-fy,
2258
2399
  var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-fy, var(--_ctm-dn-pe-or-bn-hr-se-ft-fy))
2259
2400
  );
2401
+ text-transform: var(
2402
+ --_ctm-mob-dn-pe-or-bn-hr-se-tt-tm,
2403
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-tt-tm, var(--_ctm-dn-pe-or-bn-hr-se-tt-tm))
2404
+ );
2405
+ word-wrap: var(
2406
+ --_ctm-mob-dn-pe-or-bn-hr-se-wd-wp,
2407
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-wd-wp, var(--_ctm-dn-pe-or-bn-hr-se-wd-wp))
2408
+ );
2409
+ word-break: var(
2410
+ --_ctm-mob-dn-pe-or-bn-hr-se-wd-bk,
2411
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-wd-bk, var(--_ctm-dn-pe-or-bn-hr-se-wd-bk))
2412
+ );
2260
2413
  font-size: var(
2261
2414
  --_ctm-mob-dn-pe-or-bn-hr-se-ft-se,
2262
2415
  var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-se, var(--_ctm-dn-pe-or-bn-hr-se-ft-se))
@@ -2340,6 +2493,18 @@ $overflowSelector: ".flex__overflow";
2340
2493
  --_ctm-mob-dn-rt-qe-bn-dt-se-ft-fy,
2341
2494
  var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-fy, var(--_ctm-dn-rt-qe-bn-dt-se-ft-fy))
2342
2495
  );
2496
+ text-transform: var(
2497
+ --_ctm-mob-dn-rt-qe-bn-dt-se-tt-tm,
2498
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-tt-tm, var(--_ctm-dn-rt-qe-bn-dt-se-tt-tm))
2499
+ );
2500
+ word-wrap: var(
2501
+ --_ctm-mob-dn-rt-qe-bn-dt-se-wd-wp,
2502
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-wd-wp, var(--_ctm-dn-rt-qe-bn-dt-se-wd-wp))
2503
+ );
2504
+ word-break: var(
2505
+ --_ctm-mob-dn-rt-qe-bn-dt-se-wd-bk,
2506
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-wd-bk, var(--_ctm-dn-rt-qe-bn-dt-se-wd-bk))
2507
+ );
2343
2508
  font-size: var(
2344
2509
  --_ctm-mob-dn-rt-qe-bn-dt-se-ft-se,
2345
2510
  var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-se, var(--_ctm-dn-rt-qe-bn-dt-se-ft-se))
@@ -2418,6 +2583,18 @@ $overflowSelector: ".flex__overflow";
2418
2583
  --_ctm-mob-dn-rt-qe-bn-hr-se-ft-fy,
2419
2584
  var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-fy, var(--_ctm-dn-rt-qe-bn-hr-se-ft-fy))
2420
2585
  );
2586
+ text-transform: var(
2587
+ --_ctm-mob-dn-rt-qe-bn-hr-se-tt-tm,
2588
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-tt-tm, var(--_ctm-dn-rt-qe-bn-hr-se-tt-tm))
2589
+ );
2590
+ word-wrap: var(
2591
+ --_ctm-mob-dn-rt-qe-bn-hr-se-wd-wp,
2592
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-wd-wp, var(--_ctm-dn-rt-qe-bn-hr-se-wd-wp))
2593
+ );
2594
+ word-break: var(
2595
+ --_ctm-mob-dn-rt-qe-bn-hr-se-wd-bk,
2596
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-wd-bk, var(--_ctm-dn-rt-qe-bn-hr-se-wd-bk))
2597
+ );
2421
2598
  font-size: var(
2422
2599
  --_ctm-mob-dn-rt-qe-bn-hr-se-ft-se,
2423
2600
  var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-se, var(--_ctm-dn-rt-qe-bn-hr-se-ft-se))
@@ -2476,6 +2653,18 @@ $overflowSelector: ".flex__overflow";
2476
2653
  --_ctm-mob-dn-tx-et-ft-fy,
2477
2654
  var(--_ctm-tab-dn-tx-et-ft-fy, var(--_ctm-dn-tx-et-ft-fy))
2478
2655
  );
2656
+ text-transform: var(
2657
+ --_ctm-mob-dn-tx-et-tt-tm,
2658
+ var(--_ctm-tab-dn-tx-et-tt-tm, var(--_ctm-dn-tx-et-tt-tm))
2659
+ );
2660
+ word-wrap: var(
2661
+ --_ctm-mob-dn-tx-et-wd-wp,
2662
+ var(--_ctm-tab-dn-tx-et-wd-wp, var(--_ctm-dn-tx-et-wd-wp))
2663
+ );
2664
+ word-break: var(
2665
+ --_ctm-mob-dn-tx-et-wd-bk,
2666
+ var(--_ctm-tab-dn-tx-et-wd-bk, var(--_ctm-dn-tx-et-wd-bk))
2667
+ );
2479
2668
  font-size: var(
2480
2669
  --_ctm-mob-dn-tx-et-ft-se,
2481
2670
  var(--_ctm-tab-dn-tx-et-ft-se, var(--_ctm-dn-tx-et-ft-se))
package/dist/cart.scss CHANGED
@@ -110,6 +110,22 @@
110
110
  --_ctm-mob-dn-ct-is-ct-ft-fy,
111
111
  var(--_ctm-tab-dn-ct-is-ct-ft-fy, var(--_ctm-dn-ct-is-ct-ft-fy))
112
112
  );
113
+ text-transform: var(
114
+ --_ctm-mob-dn-ct-is-ct-tt-tm,
115
+ var(--_ctm-tab-dn-ct-is-ct-tt-tm, var(--_ctm-dn-ct-is-ct-tt-tm))
116
+ );
117
+ word-wrap: var(
118
+ --_ctm-mob-dn-ct-is-ct-wd-wp,
119
+ var(--_ctm-tab-dn-ct-is-ct-wd-wp, var(--_ctm-dn-ct-is-ct-wd-wp))
120
+ );
121
+ word-break: var(
122
+ --_ctm-mob-dn-ct-is-ct-wd-bk,
123
+ var(--_ctm-tab-dn-ct-is-ct-wd-bk, var(--_ctm-dn-ct-is-ct-wd-bk))
124
+ );
125
+ &.flex__overflow {
126
+ white-space: normal;
127
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
128
+ }
113
129
  font-size: var(
114
130
  --_ctm-mob-dn-ct-is-ct-ft-se,
115
131
  var(--_ctm-tab-dn-ct-is-ct-ft-se, var(--_ctm-dn-ct-is-ct-ft-se))
package/dist/cartAttributes.scss CHANGED
@@ -103,6 +103,18 @@
103
103
  --_ctm-mob-dn-as-hr-ft-fy,
104
104
  var(--_ctm-tab-dn-as-hr-ft-fy, var(--_ctm-dn-as-hr-ft-fy))
105
105
  );
106
+ text-transform: var(
107
+ --_ctm-mob-dn-as-hr-tt-tm,
108
+ var(--_ctm-tab-dn-as-hr-tt-tm, var(--_ctm-dn-as-hr-tt-tm))
109
+ );
110
+ word-wrap: var(
111
+ --_ctm-mob-dn-as-hr-wd-wp,
112
+ var(--_ctm-tab-dn-as-hr-wd-wp, var(--_ctm-dn-as-hr-wd-wp))
113
+ );
114
+ word-break: var(
115
+ --_ctm-mob-dn-as-hr-wd-bk,
116
+ var(--_ctm-tab-dn-as-hr-wd-bk, var(--_ctm-dn-as-hr-wd-bk))
117
+ );
106
118
  color: var(--_ctm-mob-dn-as-hr-cr, var(--_ctm-tab-dn-as-hr-cr, var(--_ctm-dn-as-hr-cr)));
107
119
  font-weight: var(
108
120
  --_ctm-mob-dn-as-hr-ft-wt,
@@ -211,6 +223,9 @@
211
223
  // color: #101828;
212
224
  // padding-bottom: 6px;
213
225
  font-family: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-fy);
226
+ text-transform: prepareMediaVariable(--_ctm-dn-as-cr-as-te-tt-tm);
227
+ word-wrap: prepareMediaVariable(--_ctm-dn-as-cr-as-te-wd-wp);
228
+ word-break: prepareMediaVariable(--_ctm-dn-as-cr-as-te-wd-bk);
214
229
  color: prepareMediaVariable(--_ctm-dn-as-cr-as-te-cr);
215
230
  font-weight: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-wt);
216
231
  font-size: prepareMediaVariable(--_ctm-dn-as-cr-as-te-ft-se);
@@ -226,6 +241,9 @@
226
241
  // font-size: 14px;
227
242
  // line-height: 20px;
228
243
  font-family: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-fy);
244
+ text-transform: prepareMediaVariable(--_ctm-dn-as-cr-as-in-tt-tm);
245
+ word-wrap: prepareMediaVariable(--_ctm-dn-as-cr-as-in-wd-wp);
246
+ word-break: prepareMediaVariable(--_ctm-dn-as-cr-as-in-wd-bk);
229
247
  color: prepareMediaVariable(--_ctm-dn-as-cr-as-in-cr);
230
248
  font-weight: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-wt);
231
249
  font-size: prepareMediaVariable(--_ctm-dn-as-cr-as-in-ft-se);
@@ -258,6 +276,22 @@
258
276
  --_ctm-mob-dn-as-cr-as-ls-ft-fy,
259
277
  var(--_ctm-tab-dn-as-cr-as-ls-ft-fy, var(--_ctm-dn-as-cr-as-ls-ft-fy))
260
278
  );
279
+ text-transform: var(
280
+ --_ctm-mob-dn-as-cr-as-ls-tt-tm,
281
+ var(--_ctm-tab-dn-as-cr-as-ls-tt-tm, var(--_ctm-dn-as-cr-as-ls-tt-tm))
282
+ );
283
+ word-wrap: var(
284
+ --_ctm-mob-dn-as-cr-as-ls-wd-wp,
285
+ var(--_ctm-tab-dn-as-cr-as-ls-wd-wp, var(--_ctm-dn-as-cr-as-ls-wd-wp))
286
+ );
287
+ word-break: var(
288
+ --_ctm-mob-dn-as-cr-as-ls-wd-bk,
289
+ var(--_ctm-tab-dn-as-cr-as-ls-wd-bk, var(--_ctm-dn-as-cr-as-ls-wd-bk))
290
+ );
291
+ &.flex__overflow {
292
+ white-space: normal;
293
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
294
+ }
261
295
  color: var(
262
296
  --_ctm-mob-dn-as-cr-as-ls-cr,
263
297
  var(--_ctm-tab-dn-as-cr-as-ls-cr, var(--_ctm-dn-as-cr-as-ls-cr))
@@ -331,6 +365,18 @@
331
365
  --_ctm-mob-dn-as-cr-as-is-ft-fy,
332
366
  var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
333
367
  );
368
+ text-transform: var(
369
+ --_ctm-mob-dn-as-cr-as-is-tt-tm,
370
+ var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm))
371
+ );
372
+ word-wrap: var(
373
+ --_ctm-mob-dn-as-cr-as-is-wd-wp,
374
+ var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp))
375
+ );
376
+ word-break: var(
377
+ --_ctm-mob-dn-as-cr-as-is-wd-bk,
378
+ var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk))
379
+ );
334
380
  color: var(--_thm-cs-be-se-1);
335
381
  font-weight: var(
336
382
  --_ctm-mob-dn-as-cr-as-is-ft-wt,
@@ -367,6 +413,18 @@
367
413
  --_ctm-mob-dn-as-cr-as-is-ft-fy,
368
414
  var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
369
415
  );
416
+ text-transform: var(
417
+ --_ctm-mob-dn-as-cr-as-is-tt-tm,
418
+ var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm))
419
+ );
420
+ word-wrap: var(
421
+ --_ctm-mob-dn-as-cr-as-is-wd-wp,
422
+ var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp))
423
+ );
424
+ word-break: var(
425
+ --_ctm-mob-dn-as-cr-as-is-wd-bk,
426
+ var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk))
427
+ );
370
428
  color: var(
371
429
  --_ctm-mob-dn-as-cr-as-is-cr,
372
430
  var(--_ctm-tab-dn-as-cr-as-is-cr, var(--_ctm-dn-as-cr-as-is-cr))
@@ -441,6 +499,18 @@
441
499
  --_ctm-mob-dn-as-cr-as-dn-ft-fy,
442
500
  var(--_ctm-tab-dn-as-cr-as-dn-ft-fy, var(--_ctm-dn-as-cr-as-dn-ft-fy))
443
501
  );
502
+ text-transform: var(
503
+ --_ctm-mob-dn-as-cr-as-dn-tt-tm,
504
+ var(--_ctm-tab-dn-as-cr-as-dn-tt-tm, var(--_ctm-dn-as-cr-as-dn-tt-tm))
505
+ );
506
+ word-wrap: var(
507
+ --_ctm-mob-dn-as-cr-as-dn-wd-wp,
508
+ var(--_ctm-tab-dn-as-cr-as-dn-wd-wp, var(--_ctm-dn-as-cr-as-dn-wd-wp))
509
+ );
510
+ word-break: var(
511
+ --_ctm-mob-dn-as-cr-as-dn-wd-bk,
512
+ var(--_ctm-tab-dn-as-cr-as-dn-wd-bk, var(--_ctm-dn-as-cr-as-dn-wd-bk))
513
+ );
444
514
  color: var(
445
515
  --_ctm-mob-dn-as-cr-as-dn-cr,
446
516
  var(--_ctm-tab-dn-as-cr-as-dn-cr, var(--_ctm-dn-as-cr-as-dn-cr))
@@ -549,6 +619,18 @@
549
619
  --_ctm-mob-dn-as-cr-us-ft-fy,
550
620
  var(--_ctm-tab-dn-as-cr-us-ft-fy, var(--_ctm-dn-as-cr-us-ft-fy))
551
621
  );
622
+ text-transform: var(
623
+ --_ctm-mob-dn-as-cr-us-tt-tm,
624
+ var(--_ctm-tab-dn-as-cr-us-tt-tm, var(--_ctm-dn-as-cr-us-tt-tm))
625
+ );
626
+ word-wrap: var(
627
+ --_ctm-mob-dn-as-cr-us-wd-wp,
628
+ var(--_ctm-tab-dn-as-cr-us-wd-wp, var(--_ctm-dn-as-cr-us-wd-wp))
629
+ );
630
+ word-break: var(
631
+ --_ctm-mob-dn-as-cr-us-wd-bk,
632
+ var(--_ctm-tab-dn-as-cr-us-wd-bk, var(--_ctm-dn-as-cr-us-wd-bk))
633
+ );
552
634
  // color: var(
553
635
  // --_ctm-mob-dn-as-cr-us-cr,
554
636
  // var(--_ctm-tab-dn-as-cr-us-cr, var(--_ctm-dn-as-cr-us-cr))
@@ -589,6 +671,18 @@
589
671
  --_ctm-mob-dn-as-cr-us-ft-fy-dc,
590
672
  var(--_ctm-tab-dn-as-cr-us-ft-fy-dc, var(--_ctm-dn-as-cr-us-ft-fy-dc))
591
673
  );
674
+ text-transform: var(
675
+ --_ctm-mob-dn-as-cr-us-tt-tm-dc,
676
+ var(--_ctm-tab-dn-as-cr-us-tt-tm-dc, var(--_ctm-dn-as-cr-us-tt-tm-dc))
677
+ );
678
+ word-wrap: var(
679
+ --_ctm-mob-dn-as-cr-us-wd-wp-dc,
680
+ var(--_ctm-tab-dn-as-cr-us-wd-wp-dc, var(--_ctm-dn-as-cr-us-wd-wp-dc))
681
+ );
682
+ word-break: var(
683
+ --_ctm-mob-dn-as-cr-us-wd-bk-dc,
684
+ var(--_ctm-tab-dn-as-cr-us-wd-bk-dc, var(--_ctm-dn-as-cr-us-wd-bk-dc))
685
+ );
592
686
  color: var(
593
687
  --_ctm-mob-dn-as-cr-us-cr-dc,
594
688
  var(--_ctm-tab-dn-as-cr-us-cr-dc, var(--_ctm-dn-as-cr-us-cr-dc))
@@ -737,6 +831,18 @@
737
831
  --_ctm-mob-dn-as-cr-as-bs-ft-fy,
738
832
  var(--_ctm-tab-dn-as-cr-as-bs-ft-fy, var(--_ctm-dn-as-cr-as-bs-ft-fy))
739
833
  );
834
+ text-transform: var(
835
+ --_ctm-mob-dn-as-cr-as-bs-tt-tm,
836
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-tm, var(--_ctm-dn-as-cr-as-bs-tt-tm))
837
+ );
838
+ word-wrap: var(
839
+ --_ctm-mob-dn-as-cr-as-bs-wd-wp,
840
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-wp, var(--_ctm-dn-as-cr-as-bs-wd-wp))
841
+ );
842
+ word-break: var(
843
+ --_ctm-mob-dn-as-cr-as-bs-wd-bk,
844
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-bk, var(--_ctm-dn-as-cr-as-bs-wd-bk))
845
+ );
740
846
  color: var(
741
847
  --_ctm-mob-dn-as-cr-as-bs-cr,
742
848
  var(--_ctm-tab-dn-as-cr-as-bs-cr, var(--_ctm-dn-as-cr-as-bs-cr))
@@ -775,6 +881,18 @@
775
881
  --_ctm-mob-dn-as-cr-as-bs-ft-fy-dc,
776
882
  var(--_ctm-tab-dn-as-cr-as-bs-ft-fy-dc, var(--_ctm-dn-as-cr-as-bs-ft-fy-dc))
777
883
  );
884
+ text-transform: var(
885
+ --_ctm-mob-dn-as-cr-as-bs-tt-tm-dc,
886
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-tm-dc, var(--_ctm-dn-as-cr-as-bs-tt-tm-dc))
887
+ );
888
+ word-wrap: var(
889
+ --_ctm-mob-dn-as-cr-as-bs-wd-wp-dc,
890
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-wp-dc, var(--_ctm-dn-as-cr-as-bs-wd-wp-dc))
891
+ );
892
+ word-break: var(
893
+ --_ctm-mob-dn-as-cr-as-bs-wd-bk-dc,
894
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-bk-dc, var(--_ctm-dn-as-cr-as-bs-wd-bk-dc))
895
+ );
778
896
  color: var(
779
897
  --_ctm-mob-dn-as-cr-as-bs-cr-dc,
780
898
  var(--_ctm-tab-dn-as-cr-as-bs-cr-dc, var(--_ctm-dn-as-cr-as-bs-cr-dc))
package/dist/cartDropdownOverlay.scss CHANGED
@@ -34,6 +34,27 @@ $button-padding: 6px 12px;
34
34
  var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
35
35
  )
36
36
  );
37
+ text-transform: var(
38
+ --_sf-hr-tt-tm,
39
+ var(
40
+ --_ctm-mob-dn-pt-as-ss-tt-tm,
41
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))
42
+ )
43
+ );
44
+ word-wrap: var(
45
+ --_sf-hr-wd-wp,
46
+ var(
47
+ --_ctm-mob-dn-pt-as-ss-wd-wp,
48
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))
49
+ )
50
+ );
51
+ word-break: var(
52
+ --_sf-hr-wd-bk,
53
+ var(
54
+ --_ctm-mob-dn-pt-as-ss-wd-bk,
55
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))
56
+ )
57
+ );
37
58
  font-size: var(
38
59
  --_ctm-mob-dn-pt-as-ss-ft-se,
39
60
  var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
package/dist/category-groups-element.scss CHANGED
@@ -35,6 +35,9 @@ $cg-select-btn: "--_ctm-catego-dn-st-bn"; // selectButton (mobile category selec
35
35
  @mixin cg-font($base, $color, $size, $weight: 600) {
36
36
  color: prepareMediaVariable(#{$base}-cr, $color);
37
37
  font-family: prepareMediaVariable(#{$base}-ft-fy, ("Inter", sans-serif));
38
+ text-transform: prepareMediaVariable(#{$base}-tt-tm, ("Inter", sans-serif));
39
+ word-wrap: prepareMediaVariable(#{$base}-wd-wp, ("Inter", sans-serif));
40
+ word-break: prepareMediaVariable(#{$base}-wd-bk, ("Inter", sans-serif));
38
41
  font-size: prepareMediaVariable(#{$base}-ft-se, $size);
39
42
  font-weight: prepareMediaVariable(#{$base}-ft-wt, $weight);
40
43
  // Remaining typography states (only apply when set in the design panel).
@@ -69,6 +72,18 @@ $cg-select-btn: "--_ctm-catego-dn-st-bn"; // selectButton (mobile category selec
69
72
  #{$base}-#{$state}-ft-fy,
70
73
  prepareMediaVariable(#{$base}-dt-se-ft-fy, ("Inter", sans-serif))
71
74
  );
75
+ text-transform: prepareMediaVariable(
76
+ #{$base}-#{$state}-tt-tm,
77
+ prepareMediaVariable(#{$base}-dt-se-tt-tm, ("Inter", sans-serif))
78
+ );
79
+ word-wrap: prepareMediaVariable(
80
+ #{$base}-#{$state}-wd-wp,
81
+ prepareMediaVariable(#{$base}-dt-se-wd-wp, ("Inter", sans-serif))
82
+ );
83
+ word-break: prepareMediaVariable(
84
+ #{$base}-#{$state}-wd-bk,
85
+ prepareMediaVariable(#{$base}-dt-se-wd-bk, ("Inter", sans-serif))
86
+ );
72
87
  font-size: prepareMediaVariable(
73
88
  #{$base}-#{$state}-ft-se,
74
89
  prepareMediaVariable(#{$base}-dt-se-ft-se, $size)