@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
@@ -629,6 +629,9 @@ $defaultValues: (
629
629
  border-width: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-br-wh);
630
630
  color: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-cr);
631
631
  font-family: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-ft-fy);
632
+ text-transform: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-tt-tm);
633
+ word-wrap: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-wd-wp);
634
+ word-break: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-wd-bk);
632
635
  font-size: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-ft-se);
633
636
  font-style: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-ft-se-ic);
634
637
  font-weight: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-ft-wt);
@@ -650,6 +653,9 @@ $defaultValues: (
650
653
  border-width: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-dn-dn-br-wh);
651
654
  color: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-dn-dn-cr);
652
655
  font-family: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-dn-dn-ft-fy);
656
+ text-transform: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-dn-dn-tt-tm);
657
+ word-wrap: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-dn-dn-wd-wp);
658
+ word-break: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-dn-dn-wd-bk);
653
659
  font-size: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-dn-dn-ft-se);
654
660
  font-style: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-dn-dn-ft-se-ic);
655
661
  font-weight: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-dn-dn-ft-wt);
@@ -720,6 +726,9 @@ $defaultValues: (
720
726
  // background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-bd-cr);
721
727
  color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-cr);
722
728
  font-family: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-ft-fy);
729
+ text-transform: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-tt-tm);
730
+ word-wrap: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-wd-wp);
731
+ word-break: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-wd-bk);
723
732
  font-size: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-ft-se);
724
733
  font-style: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-ft-se-ic);
725
734
  font-weight: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-ft-wt);
@@ -733,6 +742,9 @@ $defaultValues: (
733
742
  // background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-bd-cr);
734
743
  color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-cr);
735
744
  font-family: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-fy);
745
+ text-transform: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-tt-tm);
746
+ word-wrap: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-wd-wp);
747
+ word-break: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-wd-bk);
736
748
  font-size: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-se);
737
749
  font-style: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-se-ic);
738
750
  font-weight: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-wt);
@@ -746,6 +758,9 @@ $defaultValues: (
746
758
  // background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-bd-cr);
747
759
  color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-cr);
748
760
  font-family: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-fy);
761
+ text-transform: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-tt-tm);
762
+ word-wrap: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-wd-wp);
763
+ word-break: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-wd-bk);
749
764
  font-size: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-se);
750
765
  font-style: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-se-ic);
751
766
  font-weight: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-wt);
@@ -782,6 +797,9 @@ $defaultValues: (
782
797
  // border-width: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-br-wh);
783
798
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-cr);
784
799
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-fy);
800
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-tt-tm);
801
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-wd-wp);
802
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-wd-bk);
785
803
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-se);
786
804
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-se-ic);
787
805
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-wt);
@@ -816,6 +834,9 @@ $defaultValues: (
816
834
 
817
835
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-ft-se);
818
836
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-ft-fy);
837
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-tt-tm);
838
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-wd-wp);
839
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-wd-bk);
819
840
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-te-cr);
820
841
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-ft-wt);
821
842
  text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-te-ue);
@@ -841,6 +862,9 @@ $defaultValues: (
841
862
  background-color: transparent;
842
863
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-cr);
843
864
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-fy);
865
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-tt-tm);
866
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-wd-wp);
867
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-wd-bk);
844
868
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-se);
845
869
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-se-ic);
846
870
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-wt);
@@ -852,6 +876,9 @@ $defaultValues: (
852
876
 
853
877
  .add_to_cart_estimate_label {
854
878
  font-family: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-ft-fy);
879
+ text-transform: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-tt-tm);
880
+ word-wrap: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-wd-wp);
881
+ word-break: prepareMediaVariable(--_ctm-dn-kt-ds-hr-dn-kt-ne-dn-wd-bk);
855
882
  line-height: 150%;
856
883
  font-size: 16px;
857
884
  color: #000000;
@@ -859,6 +886,9 @@ $defaultValues: (
859
886
  &:not(:has(+ input)) {
860
887
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-cr);
861
888
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-fy);
889
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-tt-tm);
890
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-wd-wp);
891
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-wd-bk);
862
892
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-se);
863
893
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-se-ic);
864
894
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-wt);
@@ -871,6 +901,9 @@ $defaultValues: (
871
901
  &:has(+ input) {
872
902
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-cr);
873
903
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-fy);
904
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-tt-tm);
905
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-wd-wp);
906
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-wd-bk);
874
907
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-se);
875
908
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-se-ic);
876
909
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-wt);
@@ -896,6 +929,13 @@ $defaultValues: (
896
929
  border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-br-wh);
897
930
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-cr);
898
931
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-ft-fy);
932
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-tt-tm);
933
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-wd-wp);
934
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-wd-bk);
935
+ &.flex__overflow {
936
+ white-space: normal;
937
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
938
+ }
899
939
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-ft-se);
900
940
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-ft-se-ic);
901
941
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-ft-wt);
@@ -920,6 +960,9 @@ $defaultValues: (
920
960
  border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-br-wh);
921
961
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-cr);
922
962
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-ft-fy);
963
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-tt-tm);
964
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-wd-wp);
965
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-wd-bk);
923
966
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-ft-se);
924
967
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-ft-se-ic);
925
968
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-ft-wt);
@@ -941,6 +984,9 @@ $defaultValues: (
941
984
  border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-br-wh);
942
985
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-cr);
943
986
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-ft-fy);
987
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-tt-tm);
988
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-wd-wp);
989
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-wd-bk);
944
990
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-ft-se);
945
991
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-ft-se-ic);
946
992
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-ft-wt);
@@ -1048,6 +1094,9 @@ $defaultValues: (
1048
1094
  // );
1049
1095
  color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-cr);
1050
1096
  font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-fy);
1097
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-tt-tm);
1098
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-wd-wp);
1099
+ word-break: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-wd-bk);
1051
1100
  font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-se);
1052
1101
  font-style: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-se-ic);
1053
1102
  font-weight: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-wt);
@@ -1063,6 +1112,9 @@ $defaultValues: (
1063
1112
  // );
1064
1113
  color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-cr);
1065
1114
  font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-fy);
1115
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-tt-tm);
1116
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-wd-wp);
1117
+ word-break: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-wd-bk);
1066
1118
  font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se);
1067
1119
  font-style: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se-ic);
1068
1120
  font-weight: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-wt);
@@ -1078,6 +1130,9 @@ $defaultValues: (
1078
1130
  // );
1079
1131
  color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-cr);
1080
1132
  font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-fy);
1133
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-tt-tm);
1134
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-wd-wp);
1135
+ word-break: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-wd-bk);
1081
1136
  font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se);
1082
1137
  font-style: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se-ic);
1083
1138
  font-weight: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-wt);
@@ -1092,6 +1147,9 @@ $defaultValues: (
1092
1147
  // background-color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-bd-cr);
1093
1148
  color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-cr);
1094
1149
  font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-fy);
1150
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-tt-tm);
1151
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-wd-wp);
1152
+ word-break: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-wd-bk);
1095
1153
  font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-se);
1096
1154
  font-style: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-se-ic);
1097
1155
  font-weight: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-wt);
@@ -1206,6 +1264,8 @@ $defaultValues: (
1206
1264
  // background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-bd-cr);
1207
1265
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-cr);
1208
1266
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-fy);
1267
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-wd-wp);
1268
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-wd-bk);
1209
1269
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-se);
1210
1270
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-se-ic);
1211
1271
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-wt);
@@ -1225,6 +1285,9 @@ $defaultValues: (
1225
1285
  // background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-bd-cr);
1226
1286
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-cr);
1227
1287
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-fy);
1288
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-tt-tm);
1289
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-wd-wp);
1290
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-wd-bk);
1228
1291
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-se);
1229
1292
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-se-ic);
1230
1293
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-wt);
@@ -1240,6 +1303,9 @@ $defaultValues: (
1240
1303
  // background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-bd-cr);
1241
1304
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-cr);
1242
1305
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-fy);
1306
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-tt-tm);
1307
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-wd-wp);
1308
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-wd-bk);
1243
1309
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-se);
1244
1310
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-se-ic);
1245
1311
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-wt);
@@ -1276,6 +1342,27 @@ $defaultValues: (
1276
1342
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)
1277
1343
  )
1278
1344
  );
1345
+ text-transform: var(
1346
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1347
+ var(
1348
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1349
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)
1350
+ )
1351
+ );
1352
+ word-wrap: var(
1353
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1354
+ var(
1355
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1356
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)
1357
+ )
1358
+ );
1359
+ word-break: var(
1360
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1361
+ var(
1362
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1363
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)
1364
+ )
1365
+ );
1279
1366
  font-size: var(
1280
1367
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
1281
1368
  var(
@@ -1401,6 +1488,18 @@ $defaultValues: (
1401
1488
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1402
1489
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1403
1490
  );
1491
+ text-transform: var(
1492
+ --_ctm-mob-dn-sw-me-is-bn-tt-tm,
1493
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
1494
+ );
1495
+ word-wrap: var(
1496
+ --_ctm-mob-dn-sw-me-is-bn-wd-wp,
1497
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
1498
+ );
1499
+ word-break: var(
1500
+ --_ctm-mob-dn-sw-me-is-bn-wd-bk,
1501
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
1502
+ );
1404
1503
  border-color: var(
1405
1504
  --_ctm-mob-dn-sw-me-is-bn-br-cr,
1406
1505
  var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
@@ -2084,6 +2183,18 @@ $defaultValues: (
2084
2183
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
2085
2184
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
2086
2185
  );
2186
+ text-transform: var(
2187
+ --_ctm-mob-dn-sw-me-is-bn-tt-tm,
2188
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
2189
+ );
2190
+ word-wrap: var(
2191
+ --_ctm-mob-dn-sw-me-is-bn-wd-wp,
2192
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
2193
+ );
2194
+ word-break: var(
2195
+ --_ctm-mob-dn-sw-me-is-bn-wd-bk,
2196
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
2197
+ );
2087
2198
  border-color: var(
2088
2199
  --_ctm-mob-dn-sw-me-is-bn-br-cr,
2089
2200
  var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
@@ -2262,6 +2373,28 @@ $defaultValues: (
2262
2373
  --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-fy
2263
2374
  )
2264
2375
  );
2376
+ text-transform: var(
2377
+ --_sf-hr-tt-tm,
2378
+ prepareMediaVariable(
2379
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-tm
2380
+ )
2381
+ );
2382
+ word-wrap: var(
2383
+ --_sf-hr-wd-wp,
2384
+ prepareMediaVariable(
2385
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-wp
2386
+ )
2387
+ );
2388
+ word-break: var(
2389
+ --_sf-hr-wd-bk,
2390
+ prepareMediaVariable(
2391
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-bk
2392
+ )
2393
+ );
2394
+ &.flex__overflow {
2395
+ white-space: normal;
2396
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2397
+ }
2265
2398
  font-size: var(
2266
2399
  --_sf-hr-ft-se,
2267
2400
  prepareMediaVariable(
@@ -2402,6 +2535,27 @@ $defaultValues: (
2402
2535
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-fy)
2403
2536
  )
2404
2537
  );
2538
+ --_sf-hr-tt-tm: var(
2539
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm,
2540
+ var(
2541
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm,
2542
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm)
2543
+ )
2544
+ );
2545
+ --_sf-hr-wd-wp: var(
2546
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp,
2547
+ var(
2548
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp,
2549
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp)
2550
+ )
2551
+ );
2552
+ --_sf-hr-wd-bk: var(
2553
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk,
2554
+ var(
2555
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk,
2556
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk)
2557
+ )
2558
+ );
2405
2559
  --_sf-hr-ft-se: var(
2406
2560
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se,
2407
2561
  var(
@@ -2542,6 +2696,27 @@ $defaultValues: (
2542
2696
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-fy)
2543
2697
  )
2544
2698
  );
2699
+ --_sf-sd-tt-tm: var(
2700
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm,
2701
+ var(
2702
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm,
2703
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm)
2704
+ )
2705
+ );
2706
+ --_sf-sd-wd-wp: var(
2707
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp,
2708
+ var(
2709
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp,
2710
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp)
2711
+ )
2712
+ );
2713
+ --_sf-sd-wd-bk: var(
2714
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk,
2715
+ var(
2716
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk,
2717
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk)
2718
+ )
2719
+ );
2545
2720
  --_sf-sd-ft-se: var(
2546
2721
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se,
2547
2722
  var(
@@ -2654,6 +2829,24 @@ $defaultValues: (
2654
2829
  --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-fy
2655
2830
  )
2656
2831
  );
2832
+ text-transform: var(
2833
+ --_sf-sd-tt-tm,
2834
+ prepareMediaVariable(
2835
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-tm
2836
+ )
2837
+ );
2838
+ word-wrap: var(
2839
+ --_sf-sd-wd-wp,
2840
+ prepareMediaVariable(
2841
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-wp
2842
+ )
2843
+ );
2844
+ word-break: var(
2845
+ --_sf-sd-wd-bk,
2846
+ prepareMediaVariable(
2847
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-bk
2848
+ )
2849
+ );
2657
2850
  font-size: var(
2658
2851
  --_sf-sd-ft-se,
2659
2852
  prepareMediaVariable(
@@ -2794,6 +2987,27 @@ $defaultValues: (
2794
2987
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)
2795
2988
  )
2796
2989
  );
2990
+ text-transform: var(
2991
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
2992
+ var(
2993
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
2994
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)
2995
+ )
2996
+ );
2997
+ word-wrap: var(
2998
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
2999
+ var(
3000
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
3001
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)
3002
+ )
3003
+ );
3004
+ word-break: var(
3005
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
3006
+ var(
3007
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
3008
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)
3009
+ )
3010
+ );
2797
3011
  font-size: var(
2798
3012
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
2799
3013
  var(
@@ -2884,6 +3098,31 @@ $defaultValues: (
2884
3098
  var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)
2885
3099
  )
2886
3100
  );
3101
+ text-transform: var(
3102
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
3103
+ var(
3104
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
3105
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)
3106
+ )
3107
+ );
3108
+ word-wrap: var(
3109
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
3110
+ var(
3111
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
3112
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)
3113
+ )
3114
+ );
3115
+ word-break: var(
3116
+ --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
3117
+ var(
3118
+ --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
3119
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)
3120
+ )
3121
+ );
3122
+ &.flex__overflow {
3123
+ white-space: normal;
3124
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
3125
+ }
2887
3126
  color: var(
2888
3127
  --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
2889
3128
  var(
@@ -3196,6 +3435,27 @@ $defaultValues: (
3196
3435
  var(--_ctm-dn-dn-se-im-se-hr-se-ft-fy)
3197
3436
  )
3198
3437
  );
3438
+ --_sf-hr-tt-tm: var(
3439
+ --_ctm-mob-dn-dn-se-im-se-hr-se-tt-tm,
3440
+ var(
3441
+ --_ctm-tab-dn-dn-se-im-se-hr-se-tt-tm,
3442
+ var(--_ctm-dn-dn-se-im-se-hr-se-tt-tm)
3443
+ )
3444
+ );
3445
+ --_sf-hr-wd-wp: var(
3446
+ --_ctm-mob-dn-dn-se-im-se-hr-se-wd-wp,
3447
+ var(
3448
+ --_ctm-tab-dn-dn-se-im-se-hr-se-wd-wp,
3449
+ var(--_ctm-dn-dn-se-im-se-hr-se-wd-wp)
3450
+ )
3451
+ );
3452
+ --_sf-hr-wd-bk: var(
3453
+ --_ctm-mob-dn-dn-se-im-se-hr-se-wd-bk,
3454
+ var(
3455
+ --_ctm-tab-dn-dn-se-im-se-hr-se-wd-bk,
3456
+ var(--_ctm-dn-dn-se-im-se-hr-se-wd-bk)
3457
+ )
3458
+ );
3199
3459
  --_sf-hr-ft-se: var(
3200
3460
  --_ctm-mob-dn-dn-se-im-se-hr-se-ft-se,
3201
3461
  var(
@@ -3326,6 +3586,27 @@ $defaultValues: (
3326
3586
  var(--_ctm-dn-dn-se-im-se-sd-se-ft-fy)
3327
3587
  )
3328
3588
  );
3589
+ --_sf-sd-tt-tm: var(
3590
+ --_ctm-mob-dn-dn-se-im-se-sd-se-tt-tm,
3591
+ var(
3592
+ --_ctm-tab-dn-dn-se-im-se-sd-se-tt-tm,
3593
+ var(--_ctm-dn-dn-se-im-se-sd-se-tt-tm)
3594
+ )
3595
+ );
3596
+ --_sf-sd-wd-wp: var(
3597
+ --_ctm-mob-dn-dn-se-im-se-sd-se-wd-wp,
3598
+ var(
3599
+ --_ctm-tab-dn-dn-se-im-se-sd-se-wd-wp,
3600
+ var(--_ctm-dn-dn-se-im-se-sd-se-wd-wp)
3601
+ )
3602
+ );
3603
+ --_sf-sd-wd-bk: var(
3604
+ --_ctm-mob-dn-dn-se-im-se-sd-se-wd-bk,
3605
+ var(
3606
+ --_ctm-tab-dn-dn-se-im-se-sd-se-wd-bk,
3607
+ var(--_ctm-dn-dn-se-im-se-sd-se-wd-bk)
3608
+ )
3609
+ );
3329
3610
  --_sf-sd-ft-se: var(
3330
3611
  --_ctm-mob-dn-dn-se-im-se-sd-se-ft-se,
3331
3612
  var(
@@ -3388,6 +3669,9 @@ $defaultValues: (
3388
3669
  .value__selected__new {
3389
3670
  width: 100%;
3390
3671
  font-family: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-fy);
3672
+ text-transform: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-tt-tm);
3673
+ word-wrap: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-wd-wp);
3674
+ word-break: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-wd-bk);
3391
3675
  font-size: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-se);
3392
3676
  color: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-cr);
3393
3677
  font-weight: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-wt);
@@ -3444,6 +3728,13 @@ $defaultValues: (
3444
3728
  // Widget style — font
3445
3729
  color: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-cr);
3446
3730
  font-family: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-fy);
3731
+ text-transform: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-tt-tm);
3732
+ word-wrap: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wd-wp);
3733
+ word-break: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wd-bk);
3734
+ &.flex__overflow {
3735
+ white-space: normal;
3736
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
3737
+ }
3447
3738
  font-size: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-se);
3448
3739
  font-weight: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-wt);
3449
3740
  font-style: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-se-ic);
@@ -3619,6 +3910,18 @@ $defaultValues: (
3619
3910
  --_sf-sd-ft-fy,
3620
3911
  prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy)
3621
3912
  );
3913
+ text-transform: var(
3914
+ --_sf-sd-tt-tm,
3915
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm)
3916
+ );
3917
+ word-wrap: var(
3918
+ --_sf-sd-wd-wp,
3919
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp)
3920
+ );
3921
+ word-break: var(
3922
+ --_sf-sd-wd-bk,
3923
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk)
3924
+ );
3622
3925
  font-size: var(
3623
3926
  --_sf-sd-ft-se,
3624
3927
  prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se)
@@ -3675,6 +3978,18 @@ $defaultValues: (
3675
3978
  --_sf-hr-ft-fy,
3676
3979
  prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy)
3677
3980
  );
3981
+ text-transform: var(
3982
+ --_sf-hr-tt-tm,
3983
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm)
3984
+ );
3985
+ word-wrap: var(
3986
+ --_sf-hr-wd-wp,
3987
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp)
3988
+ );
3989
+ word-break: var(
3990
+ --_sf-hr-wd-bk,
3991
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk)
3992
+ );
3678
3993
  font-size: var(
3679
3994
  --_sf-hr-ft-se,
3680
3995
  prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se)
@@ -4988,6 +5303,9 @@ $defaultValues: (
4988
5303
  & > span {
4989
5304
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-ft-se);
4990
5305
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-ft-fy);
5306
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-tt-tm);
5307
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-wd-wp);
5308
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-wd-bk);
4991
5309
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-te-cr);
4992
5310
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-ft-wt);
4993
5311
  text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-te-ue);
@@ -5014,6 +5332,9 @@ $defaultValues: (
5014
5332
 
5015
5333
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-ft-se);
5016
5334
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-ft-fy);
5335
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-tt-tm);
5336
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-wd-wp);
5337
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-wd-bk);
5017
5338
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-te-cr);
5018
5339
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-ft-wt);
5019
5340
  text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-te-ue);
@@ -5052,6 +5373,13 @@ $defaultValues: (
5052
5373
  border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-br-wh);
5053
5374
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-cr);
5054
5375
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-ft-fy);
5376
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-tt-tm);
5377
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-wd-wp);
5378
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-wd-bk);
5379
+ &.flex__overflow {
5380
+ white-space: normal;
5381
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
5382
+ }
5055
5383
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-ft-se);
5056
5384
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-ft-se-ic);
5057
5385
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-ft-wt);
@@ -5072,6 +5400,9 @@ $defaultValues: (
5072
5400
  border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-br-wh);
5073
5401
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-cr);
5074
5402
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-ft-fy);
5403
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-tt-tm);
5404
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-wd-wp);
5405
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-wd-bk);
5075
5406
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-ft-se);
5076
5407
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-ft-se-ic);
5077
5408
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-ft-wt);
@@ -5098,6 +5429,9 @@ $defaultValues: (
5098
5429
  border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-br-wh);
5099
5430
  color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-cr);
5100
5431
  font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-ft-fy);
5432
+ text-transform: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-tt-tm);
5433
+ word-wrap: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-wd-wp);
5434
+ word-break: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-wd-bk);
5101
5435
  font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-ft-se);
5102
5436
  font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-ft-se-ic);
5103
5437
  font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-ft-wt);
@@ -5245,6 +5579,18 @@ $defaultValues: (
5245
5579
  --_ctm-mob-dn-pr-se-ft-fy,
5246
5580
  var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy))
5247
5581
  );
5582
+ text-transform: var(
5583
+ --_ctm-mob-dn-pr-se-tt-tm,
5584
+ var(--_ctm-tab-dn-pr-se-tt-tm, var(--_ctm-dn-pr-se-tt-tm))
5585
+ );
5586
+ word-wrap: var(
5587
+ --_ctm-mob-dn-pr-se-wd-wp,
5588
+ var(--_ctm-tab-dn-pr-se-wd-wp, var(--_ctm-dn-pr-se-wd-wp))
5589
+ );
5590
+ word-break: var(
5591
+ --_ctm-mob-dn-pr-se-wd-bk,
5592
+ var(--_ctm-tab-dn-pr-se-wd-bk, var(--_ctm-dn-pr-se-wd-bk))
5593
+ );
5248
5594
  font-size: var(
5249
5595
  --_ctm-mob-dn-pr-se-ft-se,
5250
5596
  var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se))
@@ -5327,6 +5673,18 @@ $defaultValues: (
5327
5673
  --_ctm-mob-dn-er-me-ft-fy,
5328
5674
  var(--_ctm-tab-dn-er-me-ft-fy, var(--_ctm-dn-er-me-ft-fy))
5329
5675
  );
5676
+ text-transform: var(
5677
+ --_ctm-mob-dn-er-me-tt-tm,
5678
+ var(--_ctm-tab-dn-er-me-tt-tm, var(--_ctm-dn-er-me-tt-tm))
5679
+ );
5680
+ word-wrap: var(
5681
+ --_ctm-mob-dn-er-me-wd-wp,
5682
+ var(--_ctm-tab-dn-er-me-wd-wp, var(--_ctm-dn-er-me-wd-wp))
5683
+ );
5684
+ word-break: var(
5685
+ --_ctm-mob-dn-er-me-wd-bk,
5686
+ var(--_ctm-tab-dn-er-me-wd-bk, var(--_ctm-dn-er-me-wd-bk))
5687
+ );
5330
5688
  font-size: var(
5331
5689
  --_ctm-mob-dn-er-me-ft-se,
5332
5690
  var(--_ctm-tab-dn-er-me-ft-se, var(--_ctm-dn-er-me-ft-se))
package/dist/kits.scss CHANGED
@@ -148,6 +148,10 @@ $dataShowBorder: "[data-sw-br='true']";
148
148
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-cr));
149
149
 
150
150
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-fy));
151
+ &.flex__overflow {
152
+ white-space: normal;
153
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
154
+ }
151
155
 
152
156
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-se));
153
157