@sc-360-v2/storefront-cms-library 0.5.58 → 0.5.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/add-order.scss +47 -0
  2. package/dist/add-products-tab-details.scss +250 -0
  3. package/dist/add-products-tab-uom-details.scss +105 -0
  4. package/dist/add-products-tab.scss +226 -0
  5. package/dist/allocation-header-quota-details.scss +84 -0
  6. package/dist/allocationDetails.scss +104 -0
  7. package/dist/allocations-quota-details.scss +66 -0
  8. package/dist/allocations.scss +110 -0
  9. package/dist/amount-estimator.scss +104 -0
  10. package/dist/badge.scss +12 -0
  11. package/dist/brand-basic-elements.scss +17 -0
  12. package/dist/breadcrumbs.scss +16 -0
  13. package/dist/bulk-variant-picker.scss +246 -0
  14. package/dist/bundle.scss +2778 -2584
  15. package/dist/bundleDetails.scss +295 -0
  16. package/dist/button.scss +15 -3
  17. package/dist/buy-for-tab.scss +54 -0
  18. package/dist/buyForHeaders.scss +629 -0
  19. package/dist/cart-details.scss +317 -0
  20. package/dist/cart-summary.scss +189 -0
  21. package/dist/cart.scss +16 -0
  22. package/dist/cartAttributes.scss +118 -0
  23. package/dist/cartDropdownOverlay.scss +21 -0
  24. package/dist/category-groups-element.scss +15 -0
  25. package/dist/category-groups-product-image.scss +84 -0
  26. package/dist/category-groups-product-options.scss +87 -0
  27. package/dist/category-groups-product-price.scss +700 -0
  28. package/dist/category-groups-quota-details.scss +84 -0
  29. package/dist/checkout.scss +918 -0
  30. package/dist/countdown.scss +80 -0
  31. package/dist/coupon.scss +138 -0
  32. package/dist/embroider-template-1-v2.scss +34 -0
  33. package/dist/embroider-template-1.scss +501 -482
  34. package/dist/embroidery.scss +7 -0
  35. package/dist/faq.scss +28 -0
  36. package/dist/filter-results.scss +361 -323
  37. package/dist/filters.scss +288 -0
  38. package/dist/gallery-slider-temp.scss +24 -0
  39. package/dist/global-styles.scss +23 -0
  40. package/dist/hotspot.scss +10 -0
  41. package/dist/icon-list.scss +3 -0
  42. package/dist/item-stock.scss +6 -0
  43. package/dist/kitDetails.scss +358 -0
  44. package/dist/kits.scss +4 -0
  45. package/dist/language-selector.scss +8 -0
  46. package/dist/last-x-orders.scss +24 -0
  47. package/dist/login.scss +108 -0
  48. package/dist/map.scss +46 -0
  49. package/dist/mega-menu.scss +67 -0
  50. package/dist/menu-v2.scss +122 -0
  51. package/dist/menu.scss +12 -0
  52. package/dist/my-templates.scss +3 -0
  53. package/dist/option-bar.scss +38 -0
  54. package/dist/order-status.scss +44 -0
  55. package/dist/past-orders.scss +50 -0
  56. package/dist/payment-methods.scss +307 -289
  57. package/dist/pickup-locations.scss +184 -0
  58. package/dist/product-actions.scss +195 -0
  59. package/dist/product-basic-elements.scss +8 -0
  60. package/dist/product-customizations.scss +155 -149
  61. package/dist/product-highlights.scss +12 -0
  62. package/dist/product-image-allocation.scss +38 -0
  63. package/dist/product-image-bundles.scss +47 -0
  64. package/dist/product-image.scss +48 -0
  65. package/dist/product-inventory.scss +240 -0
  66. package/dist/product-labels.scss +12 -0
  67. package/dist/product-options.scss +58 -0
  68. package/dist/product-price.scss +416 -1
  69. package/dist/product-promotions.scss +456 -0
  70. package/dist/product-sizechart.scss +91 -0
  71. package/dist/profile.scss +52 -0
  72. package/dist/quantity-selector.scss +62 -0
  73. package/dist/quick-inventory-check.scss +24 -0
  74. package/dist/quick-links.scss +16 -0
  75. package/dist/quick-order-pad.scss +71 -0
  76. package/dist/quotes.scss +766 -737
  77. package/dist/repeater.scss +19 -0
  78. package/dist/rfqs.scss +29 -0
  79. package/dist/scroll.scss +4 -0
  80. package/dist/search-results-heading.scss +36 -0
  81. package/dist/search.scss +43 -0
  82. package/dist/shipping-payments.scss +48 -0
  83. package/dist/simple-list.scss +12 -0
  84. package/dist/social.scss +12 -0
  85. package/dist/spotlight.scss +48 -0
  86. package/dist/stockStatus.scss +3 -0
  87. package/dist/store-locations.scss +188 -0
  88. package/dist/tab-v2.scss +24 -0
  89. package/dist/table-common.scss +78 -0
  90. package/dist/table.scss +81 -0
  91. package/dist/tabs.scss +440 -395
  92. package/dist/theme-classes.scss +49 -0
  93. package/dist/toaster.scss +392 -350
  94. package/dist/uom-selector.scss +112 -0
  95. package/dist/user-elements.scss +168 -0
  96. package/dist/variant-picker.scss +217 -0
  97. package/dist/volume-pricing.scss +192 -0
  98. package/package.json +1 -1
@@ -124,6 +124,18 @@
124
124
  --_ctm-mob-dn-se-ct-hr-se-ft-fy,
125
125
  var(--_ctm-tab-dn-se-ct-hr-se-ft-fy, var(--_ctm-dn-se-ct-hr-se-ft-fy))
126
126
  );
127
+ --_sf-hr-tt-tm: var(
128
+ --_ctm-mob-dn-se-ct-hr-se-tt-tm,
129
+ var(--_ctm-tab-dn-se-ct-hr-se-tt-tm, var(--_ctm-dn-se-ct-hr-se-tt-tm))
130
+ );
131
+ --_sf-hr-wd-wp: var(
132
+ --_ctm-mob-dn-se-ct-hr-se-wd-wp,
133
+ var(--_ctm-tab-dn-se-ct-hr-se-wd-wp, var(--_ctm-dn-se-ct-hr-se-wd-wp))
134
+ );
135
+ --_sf-hr-wd-bk: var(
136
+ --_ctm-mob-dn-se-ct-hr-se-wd-bk,
137
+ var(--_ctm-tab-dn-se-ct-hr-se-wd-bk, var(--_ctm-dn-se-ct-hr-se-wd-bk))
138
+ );
127
139
  --_sf-hr-ft-se: var(
128
140
  --_ctm-mob-dn-se-ct-hr-se-ft-se,
129
141
  var(--_ctm-tab-dn-se-ct-hr-se-ft-se, var(--_ctm-dn-se-ct-hr-se-ft-se))
@@ -207,6 +219,13 @@
207
219
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-cr));
208
220
 
209
221
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-ft-fy));
222
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-tt-tm));
223
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-wd-wp));
224
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-wd-bk));
225
+ &.flex__overflow {
226
+ white-space: normal;
227
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
228
+ }
210
229
 
211
230
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-ft-se));
212
231
 
@@ -361,6 +380,18 @@
361
380
  --_ctm-mob-dn-me-se-ct-dt-se-ft-fy,
362
381
  var(--_ctm-tab-dn-me-se-ct-dt-se-ft-fy, var(--_ctm-dn-me-se-ct-dt-se-ft-fy))
363
382
  );
383
+ text-transform: var(
384
+ --_ctm-mob-dn-me-se-ct-dt-se-tt-tm,
385
+ var(--_ctm-tab-dn-me-se-ct-dt-se-tt-tm, var(--_ctm-dn-me-se-ct-dt-se-tt-tm))
386
+ );
387
+ word-wrap: var(
388
+ --_ctm-mob-dn-me-se-ct-dt-se-wd-wp,
389
+ var(--_ctm-tab-dn-me-se-ct-dt-se-wd-wp, var(--_ctm-dn-me-se-ct-dt-se-wd-wp))
390
+ );
391
+ word-break: var(
392
+ --_ctm-mob-dn-me-se-ct-dt-se-wd-bk,
393
+ var(--_ctm-tab-dn-me-se-ct-dt-se-wd-bk, var(--_ctm-dn-me-se-ct-dt-se-wd-bk))
394
+ );
364
395
  font-size: var(
365
396
  --_ctm-mob-dn-me-se-ct-dt-se-ft-se,
366
397
  var(--_ctm-tab-dn-me-se-ct-dt-se-ft-se, var(--_ctm-dn-me-se-ct-dt-se-ft-se))
@@ -493,6 +524,18 @@
493
524
  --_ctm-mob-dn-me-se-ct-hr-se-ft-fy,
494
525
  var(--_ctm-tab-dn-me-se-ct-hr-se-ft-fy, var(--_ctm-dn-me-se-ct-hr-se-ft-fy))
495
526
  );
527
+ text-transform: var(
528
+ --_ctm-mob-dn-me-se-ct-hr-se-tt-tm,
529
+ var(--_ctm-tab-dn-me-se-ct-hr-se-tt-tm, var(--_ctm-dn-me-se-ct-hr-se-tt-tm))
530
+ );
531
+ word-wrap: var(
532
+ --_ctm-mob-dn-me-se-ct-hr-se-wd-wp,
533
+ var(--_ctm-tab-dn-me-se-ct-hr-se-wd-wp, var(--_ctm-dn-me-se-ct-hr-se-wd-wp))
534
+ );
535
+ word-break: var(
536
+ --_ctm-mob-dn-me-se-ct-hr-se-wd-bk,
537
+ var(--_ctm-tab-dn-me-se-ct-hr-se-wd-bk, var(--_ctm-dn-me-se-ct-hr-se-wd-bk))
538
+ );
496
539
  font-size: var(
497
540
  --_ctm-mob-dn-me-se-ct-hr-se-ft-se,
498
541
  var(--_ctm-tab-dn-me-se-ct-hr-se-ft-se, var(--_ctm-dn-me-se-ct-hr-se-ft-se))
@@ -817,6 +860,18 @@
817
860
  --_ctm-mob-dn-gy-wt-se-ft-fy,
818
861
  var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
819
862
  );
863
+ text-transform: var(
864
+ --_ctm-mob-dn-gy-wt-se-tt-tm,
865
+ var(--_ctm-tab-dn-gy-wt-se-tt-tm, var(--_ctm-dn-gy-wt-se-tt-tm))
866
+ );
867
+ word-wrap: var(
868
+ --_ctm-mob-dn-gy-wt-se-wd-wp,
869
+ var(--_ctm-tab-dn-gy-wt-se-wd-wp, var(--_ctm-dn-gy-wt-se-wd-wp))
870
+ );
871
+ word-break: var(
872
+ --_ctm-mob-dn-gy-wt-se-wd-bk,
873
+ var(--_ctm-tab-dn-gy-wt-se-wd-bk, var(--_ctm-dn-gy-wt-se-wd-bk))
874
+ );
820
875
 
821
876
  font-size: var(
822
877
  --_ctm-mob-dn-gy-wt-se-ft-se,
@@ -864,6 +919,18 @@
864
919
  --_ctm-mob-dn-gy-wt-se-ft-fy-dc,
865
920
  var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
866
921
  );
922
+ text-transform: var(
923
+ --_ctm-mob-dn-gy-wt-se-tt-tm-dc,
924
+ var(--_ctm-tab-dn-gy-wt-se-tt-tm-dc, var(--_ctm-dn-gy-wt-se-tt-tm-dc))
925
+ );
926
+ word-wrap: var(
927
+ --_ctm-mob-dn-gy-wt-se-wd-wp-dc,
928
+ var(--_ctm-tab-dn-gy-wt-se-wd-wp-dc, var(--_ctm-dn-gy-wt-se-wd-wp-dc))
929
+ );
930
+ word-break: var(
931
+ --_ctm-mob-dn-gy-wt-se-wd-bk-dc,
932
+ var(--_ctm-tab-dn-gy-wt-se-wd-bk-dc, var(--_ctm-dn-gy-wt-se-wd-bk-dc))
933
+ );
867
934
 
868
935
  font-size: var(
869
936
  --_ctm-mob-dn-gy-wt-se-ft-se-dc,
@@ -1626,6 +1693,18 @@
1626
1693
  --_ctm-mob-dn-im-se-ft-fy,
1627
1694
  var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
1628
1695
  );
1696
+ text-transform: var(
1697
+ --_ctm-mob-dn-im-se-tt-tm,
1698
+ var(--_ctm-tab-dn-im-se-tt-tm, var(--_ctm-dn-im-se-tt-tm))
1699
+ );
1700
+ word-wrap: var(
1701
+ --_ctm-mob-dn-im-se-wd-wp,
1702
+ var(--_ctm-tab-dn-im-se-wd-wp, var(--_ctm-dn-im-se-wd-wp))
1703
+ );
1704
+ word-break: var(
1705
+ --_ctm-mob-dn-im-se-wd-bk,
1706
+ var(--_ctm-tab-dn-im-se-wd-bk, var(--_ctm-dn-im-se-wd-bk))
1707
+ );
1629
1708
  font-size: var(
1630
1709
  --_ctm-mob-dn-im-se-ft-se,
1631
1710
  var(--_ctm-tab-dn-im-se-ft-se, var(--_ctm-dn-im-se-ft-se))
@@ -1665,6 +1744,18 @@
1665
1744
  --_ctm-mob-dn-im-se-ft-fy-dc,
1666
1745
  var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
1667
1746
  );
1747
+ text-transform: var(
1748
+ --_ctm-mob-dn-im-se-tt-tm-dc,
1749
+ var(--_ctm-tab-dn-im-se-tt-tm-dc, var(--_ctm-dn-im-se-tt-tm-dc))
1750
+ );
1751
+ word-wrap: var(
1752
+ --_ctm-mob-dn-im-se-wd-wp-dc,
1753
+ var(--_ctm-tab-dn-im-se-wd-wp-dc, var(--_ctm-dn-im-se-wd-wp-dc))
1754
+ );
1755
+ word-break: var(
1756
+ --_ctm-mob-dn-im-se-wd-bk-dc,
1757
+ var(--_ctm-tab-dn-im-se-wd-bk-dc, var(--_ctm-dn-im-se-wd-bk-dc))
1758
+ );
1668
1759
  font-size: var(
1669
1760
  --_ctm-mob-dn-im-se-ft-se-dc,
1670
1761
  var(--_ctm-tab-dn-im-se-ft-se-dc, var(--_ctm-dn-im-se-ft-se-dc))
package/dist/profile.scss CHANGED
@@ -160,6 +160,12 @@ $overflowSelector: ".flex__overflow";
160
160
  background-color: prepareMediaVariable(--_ctm-dn-tt-ar-bd-cr);
161
161
 
162
162
  font-family: prepareMediaVariable(--_ctm-dn-tt-ar-ft-fy);
163
+ word-wrap: prepareMediaVariable(--_ctm-dn-tt-ar-wd-wp);
164
+ word-break: prepareMediaVariable(--_ctm-dn-tt-ar-wd-bk);
165
+ &.flex__overflow {
166
+ white-space: normal;
167
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
168
+ }
163
169
  font-size: prepareMediaVariable(--_ctm-dn-tt-ar-ft-se);
164
170
  color: prepareMediaVariable(--_ctm-dn-tt-ar-cr);
165
171
  font-weight: prepareMediaVariable(--_ctm-dn-tt-ar-ft-wt);
@@ -517,6 +523,31 @@ $overflowSelector: ".flex__overflow";
517
523
  var(--_ctm-tab-dn-dn-is-dt-se-ft-fy, var(--_ctm-dn-dn-is-dt-se-ft-fy))
518
524
  )
519
525
  );
526
+ text-transform: var(
527
+ --_sf-hr-tt-tm,
528
+ var(
529
+ --_ctm-mob-dn-dn-is-dt-se-tt-tm,
530
+ var(--_ctm-tab-dn-dn-is-dt-se-tt-tm, var(--_ctm-dn-dn-is-dt-se-tt-tm))
531
+ )
532
+ );
533
+ word-wrap: var(
534
+ --_sf-hr-wd-wp,
535
+ var(
536
+ --_ctm-mob-dn-dn-is-dt-se-wd-wp,
537
+ var(--_ctm-tab-dn-dn-is-dt-se-wd-wp, var(--_ctm-dn-dn-is-dt-se-wd-wp))
538
+ )
539
+ );
540
+ word-break: var(
541
+ --_sf-hr-wd-bk,
542
+ var(
543
+ --_ctm-mob-dn-dn-is-dt-se-wd-bk,
544
+ var(--_ctm-tab-dn-dn-is-dt-se-wd-bk, var(--_ctm-dn-dn-is-dt-se-wd-bk))
545
+ )
546
+ );
547
+ &.flex__overflow {
548
+ white-space: normal;
549
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
550
+ }
520
551
 
521
552
  font-size: var(
522
553
  --_ctm-mob-dn-dn-is-dt-se-ft-se,
@@ -660,6 +691,27 @@ $overflowSelector: ".flex__overflow";
660
691
  var(--_ctm-tab-dn-dn-is-hr-se-ft-fy, var(--_ctm-dn-dn-is-hr-se-ft-fy))
661
692
  )
662
693
  );
694
+ text-transform: var(
695
+ --_sf-hr-tt-tm,
696
+ var(
697
+ --_ctm-mob-dn-dn-is-hr-se-tt-tm,
698
+ var(--_ctm-tab-dn-dn-is-hr-se-tt-tm, var(--_ctm-dn-dn-is-hr-se-tt-tm))
699
+ )
700
+ );
701
+ word-wrap: var(
702
+ --_sf-hr-wd-wp,
703
+ var(
704
+ --_ctm-mob-dn-dn-is-hr-se-wd-wp,
705
+ var(--_ctm-tab-dn-dn-is-hr-se-wd-wp, var(--_ctm-dn-dn-is-hr-se-wd-wp))
706
+ )
707
+ );
708
+ word-break: var(
709
+ --_sf-hr-wd-bk,
710
+ var(
711
+ --_ctm-mob-dn-dn-is-hr-se-wd-bk,
712
+ var(--_ctm-tab-dn-dn-is-hr-se-wd-bk, var(--_ctm-dn-dn-is-hr-se-wd-bk))
713
+ )
714
+ );
663
715
 
664
716
  font-size: var(
665
717
  --_ctm-mob-dn-dn-is-hr-se-ft-se,
@@ -180,6 +180,18 @@
180
180
  --_ctm-mob-dn-pr-tt-ft-fy,
181
181
  var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
182
182
  );
183
+ text-transform: var(
184
+ --_ctm-mob-dn-pr-tt-tt-tm,
185
+ var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm))
186
+ );
187
+ word-wrap: var(
188
+ --_ctm-mob-dn-pr-tt-wd-wp,
189
+ var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp))
190
+ );
191
+ word-break: var(
192
+ --_ctm-mob-dn-pr-tt-wd-bk,
193
+ var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk))
194
+ );
183
195
  font-size: var(
184
196
  --_ctm-mob-dn-pr-tt-ft-se,
185
197
  var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se))
@@ -554,6 +566,18 @@
554
566
  --_ctm-mob-dn-ie-bn-hr-se-ft-fy,
555
567
  var(--_ctm-tab-dn-ie-bn-hr-se-ft-fy, var(--_ctm-dn-ie-bn-hr-se-ft-fy))
556
568
  );
569
+ --_sf-hr-tt-tm: var(
570
+ --_ctm-mob-dn-ie-bn-hr-se-tt-tm,
571
+ var(--_ctm-tab-dn-ie-bn-hr-se-tt-tm, var(--_ctm-dn-ie-bn-hr-se-tt-tm))
572
+ );
573
+ --_sf-hr-wd-wp: var(
574
+ --_ctm-mob-dn-ie-bn-hr-se-wd-wp,
575
+ var(--_ctm-tab-dn-ie-bn-hr-se-wd-wp, var(--_ctm-dn-ie-bn-hr-se-wd-wp))
576
+ );
577
+ --_sf-hr-wd-bk: var(
578
+ --_ctm-mob-dn-ie-bn-hr-se-wd-bk,
579
+ var(--_ctm-tab-dn-ie-bn-hr-se-wd-bk, var(--_ctm-dn-ie-bn-hr-se-wd-bk))
580
+ );
557
581
  --_sf-hr-ft-se: var(
558
582
  --_ctm-mob-dn-ie-bn-hr-se-ft-se,
559
583
  var(--_ctm-tab-dn-ie-bn-hr-se-ft-se, var(--_ctm-dn-ie-bn-hr-se-ft-se))
@@ -645,6 +669,13 @@
645
669
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-cr));
646
670
 
647
671
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-ft-fy));
672
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-tt-tm));
673
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-wd-wp));
674
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-wd-bk));
675
+ &.flex__overflow {
676
+ white-space: normal;
677
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
678
+ }
648
679
 
649
680
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-ft-se));
650
681
 
@@ -773,6 +804,18 @@
773
804
  --_ctm-mob-dn-de-bn-hr-se-ft-fy,
774
805
  var(--_ctm-tab-dn-de-bn-hr-se-ft-fy, var(--_ctm-dn-de-bn-hr-se-ft-fy))
775
806
  );
807
+ --_sf-hr-tt-tm: var(
808
+ --_ctm-mob-dn-de-bn-hr-se-tt-tm,
809
+ var(--_ctm-tab-dn-de-bn-hr-se-tt-tm, var(--_ctm-dn-de-bn-hr-se-tt-tm))
810
+ );
811
+ --_sf-hr-wd-wp: var(
812
+ --_ctm-mob-dn-de-bn-hr-se-wd-wp,
813
+ var(--_ctm-tab-dn-de-bn-hr-se-wd-wp, var(--_ctm-dn-de-bn-hr-se-wd-wp))
814
+ );
815
+ --_sf-hr-wd-bk: var(
816
+ --_ctm-mob-dn-de-bn-hr-se-wd-bk,
817
+ var(--_ctm-tab-dn-de-bn-hr-se-wd-bk, var(--_ctm-dn-de-bn-hr-se-wd-bk))
818
+ );
776
819
  --_sf-hr-ft-se: var(
777
820
  --_ctm-mob-dn-de-bn-hr-se-ft-se,
778
821
  var(--_ctm-tab-dn-de-bn-hr-se-ft-se, var(--_ctm-dn-de-bn-hr-se-ft-se))
@@ -864,6 +907,13 @@
864
907
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-cr));
865
908
 
866
909
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-ft-fy));
910
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-tt-tm));
911
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-wd-wp));
912
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-wd-bk));
913
+ &.flex__overflow {
914
+ white-space: normal;
915
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
916
+ }
867
917
 
868
918
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-ft-se));
869
919
 
@@ -977,6 +1027,18 @@
977
1027
  --_ctm-mob-dn-mm-or-qy-ft-fy,
978
1028
  var(--_ctm-tab-dn-mm-or-qy-ft-fy, var(--_ctm-dn-mm-or-qy-ft-fy))
979
1029
  );
1030
+ text-transform: var(
1031
+ --_ctm-mob-dn-mm-or-qy-tt-tm,
1032
+ var(--_ctm-tab-dn-mm-or-qy-tt-tm, var(--_ctm-dn-mm-or-qy-tt-tm))
1033
+ );
1034
+ word-wrap: var(
1035
+ --_ctm-mob-dn-mm-or-qy-wd-wp,
1036
+ var(--_ctm-tab-dn-mm-or-qy-wd-wp, var(--_ctm-dn-mm-or-qy-wd-wp))
1037
+ );
1038
+ word-break: var(
1039
+ --_ctm-mob-dn-mm-or-qy-wd-bk,
1040
+ var(--_ctm-tab-dn-mm-or-qy-wd-bk, var(--_ctm-dn-mm-or-qy-wd-bk))
1041
+ );
980
1042
  font-size: var(
981
1043
  --_ctm-mob-dn-mm-or-qy-ft-se,
982
1044
  var(--_ctm-tab-dn-mm-or-qy-ft-se, var(--_ctm-dn-mm-or-qy-ft-se))
@@ -149,6 +149,18 @@
149
149
  --_ctm-mob-dn-qa-lt-ft-fy,
150
150
  var(--_ctm-tab-dn-qa-lt-ft-fy, var(--_ctm-dn-qa-lt-ft-fy))
151
151
  );
152
+ text-transform: var(
153
+ --_ctm-mob-dn-qa-lt-tt-tm,
154
+ var(--_ctm-tab-dn-qa-lt-tt-tm, var(--_ctm-dn-qa-lt-tt-tm))
155
+ );
156
+ word-wrap: var(
157
+ --_ctm-mob-dn-qa-lt-wd-wp,
158
+ var(--_ctm-tab-dn-qa-lt-wd-wp, var(--_ctm-dn-qa-lt-wd-wp))
159
+ );
160
+ word-break: var(
161
+ --_ctm-mob-dn-qa-lt-wd-bk,
162
+ var(--_ctm-tab-dn-qa-lt-wd-bk, var(--_ctm-dn-qa-lt-wd-bk))
163
+ );
152
164
  font-size: var(
153
165
  --_ctm-mob-dn-qa-lt-ft-se,
154
166
  var(--_ctm-tab-dn-qa-lt-ft-se, var(--_ctm-dn-qa-lt-ft-se))
@@ -211,6 +223,18 @@
211
223
  --_ctm-mob-dn-ds-lt-ft-fy,
212
224
  var(--_ctm-tab-dn-ds-lt-ft-fy, var(--_ctm-dn-ds-lt-ft-fy))
213
225
  );
226
+ text-transform: var(
227
+ --_ctm-mob-dn-ds-lt-tt-tm,
228
+ var(--_ctm-tab-dn-ds-lt-tt-tm, var(--_ctm-dn-ds-lt-tt-tm))
229
+ );
230
+ word-wrap: var(
231
+ --_ctm-mob-dn-ds-lt-wd-wp,
232
+ var(--_ctm-tab-dn-ds-lt-wd-wp, var(--_ctm-dn-ds-lt-wd-wp))
233
+ );
234
+ word-break: var(
235
+ --_ctm-mob-dn-ds-lt-wd-bk,
236
+ var(--_ctm-tab-dn-ds-lt-wd-bk, var(--_ctm-dn-ds-lt-wd-bk))
237
+ );
214
238
  font-size: var(
215
239
  --_ctm-mob-dn-ds-lt-ft-se,
216
240
  var(--_ctm-tab-dn-ds-lt-ft-se, var(--_ctm-dn-ds-lt-ft-se))
@@ -411,6 +411,9 @@
411
411
 
412
412
  h3 {
413
413
  font-family: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-fy);
414
+ text-transform: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-tm);
415
+ word-wrap: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-wp);
416
+ word-break: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-bk);
414
417
  font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se);
415
418
  color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr);
416
419
  font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt);
@@ -462,6 +465,9 @@
462
465
 
463
466
  p {
464
467
  font-family: prepareMediaVariable(-dn-qk-ls-wt-dn-ft-fy-dc);
468
+ text-transform: prepareMediaVariable(-dn-qk-ls-wt-dn-tt-tm-dc);
469
+ word-wrap: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-wp-dc);
470
+ word-break: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-bk-dc);
465
471
  font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-dc);
466
472
  color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr-dc);
467
473
  font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc);
@@ -521,6 +527,13 @@
521
527
  .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
522
528
  display: block;
523
529
  font-family: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy);
530
+ text-transform: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-tm);
531
+ word-wrap: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-wp);
532
+ word-break: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-bk);
533
+ &.flex__overflow {
534
+ white-space: normal;
535
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
536
+ }
524
537
  font-size: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se);
525
538
  color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr);
526
539
  font-weight: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt);
@@ -536,6 +549,9 @@
536
549
 
537
550
  &:hover {
538
551
  font-family: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-fy);
552
+ text-transform: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-tm);
553
+ word-wrap: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-wp);
554
+ word-break: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-bk);
539
555
  font-size: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se);
540
556
  color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-cr);
541
557
  font-weight: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-wt);
@@ -300,6 +300,27 @@ $input-padding: 10px 12px;
300
300
  var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
301
301
  )
302
302
  );
303
+ text-transform: var(
304
+ --_sf-hr-tt-tm,
305
+ var(
306
+ --_ctm-mob-dn-pt-pe-ss-tt-tm,
307
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))
308
+ )
309
+ );
310
+ word-wrap: var(
311
+ --_sf-hr-wd-wp,
312
+ var(
313
+ --_ctm-mob-dn-pt-pe-ss-wd-wp,
314
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))
315
+ )
316
+ );
317
+ word-break: var(
318
+ --_sf-hr-wd-bk,
319
+ var(
320
+ --_ctm-mob-dn-pt-pe-ss-wd-bk,
321
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))
322
+ )
323
+ );
303
324
  font-size: var(
304
325
  --_ctm-mob-dn-pt-pe-ss-ft-se,
305
326
  var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
@@ -408,6 +429,31 @@ $input-padding: 10px 12px;
408
429
  var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
409
430
  )
410
431
  );
432
+ text-transform: var(
433
+ --_sf-hr-tt-tm,
434
+ var(
435
+ --_ctm-mob-dn-pt-as-ss-tt-tm,
436
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))
437
+ )
438
+ );
439
+ word-wrap: var(
440
+ --_sf-hr-wd-wp,
441
+ var(
442
+ --_ctm-mob-dn-pt-as-ss-wd-wp,
443
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))
444
+ )
445
+ );
446
+ word-break: var(
447
+ --_sf-hr-wd-bk,
448
+ var(
449
+ --_ctm-mob-dn-pt-as-ss-wd-bk,
450
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))
451
+ )
452
+ );
453
+ &.flex__overflow {
454
+ white-space: normal;
455
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
456
+ }
411
457
  font-size: var(
412
458
  --_ctm-mob-dn-pt-as-ss-ft-se,
413
459
  var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
@@ -495,6 +541,31 @@ $input-padding: 10px 12px;
495
541
  var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
496
542
  )
497
543
  );
544
+ text-transform: var(
545
+ --_sf-hr-tt-tm,
546
+ var(
547
+ --_ctm-mob-dn-pt-rd-io-tt-tm,
548
+ var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))
549
+ )
550
+ );
551
+ word-wrap: var(
552
+ --_sf-hr-wd-wp,
553
+ var(
554
+ --_ctm-mob-dn-pt-rd-io-wd-wp,
555
+ var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))
556
+ )
557
+ );
558
+ word-break: var(
559
+ --_sf-hr-wd-bk,
560
+ var(
561
+ --_ctm-mob-dn-pt-rd-io-wd-bk,
562
+ var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))
563
+ )
564
+ );
565
+ &.flex__overflow {
566
+ white-space: normal;
567
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
568
+ }
498
569
  font-size: var(
499
570
  --_ctm-mob-dn-pt-rd-io-ft-se,
500
571
  var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))