@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/repeater.scss CHANGED
@@ -600,6 +600,18 @@ $listViewSlector: '.lst_vw[data-element-type="repeater"]';
600
600
  --_ctm-rep-mob-dn-bn-se-hr-se-ft-fy,
601
601
  var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-fy, var(--_ctm-rep-dn-bn-se-hr-se-ft-fy))
602
602
  );
603
+ --_sf-hr-tt-tm: var(
604
+ --_ctm-rep-mob-dn-bn-se-hr-se-tt-tm,
605
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-tt-tm, var(--_ctm-rep-dn-bn-se-hr-se-tt-tm))
606
+ );
607
+ --_sf-hr-wd-wp: var(
608
+ --_ctm-rep-mob-dn-bn-se-hr-se-wd-wp,
609
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-wd-wp, var(--_ctm-rep-dn-bn-se-hr-se-wd-wp))
610
+ );
611
+ --_sf-hr-wd-bk: var(
612
+ --_ctm-rep-mob-dn-bn-se-hr-se-wd-bk,
613
+ var(--_ctm-rep-tab-dn-bn-se-hr-se-wd-bk, var(--_ctm-rep-dn-bn-se-hr-se-wd-bk))
614
+ );
603
615
  --_sf-hr-ft-se: var(
604
616
  --_ctm-rep-mob-dn-bn-se-hr-se-ft-se,
605
617
  var(--_ctm-rep-tab-dn-bn-se-hr-se-ft-se, var(--_ctm-rep-dn-bn-se-hr-se-ft-se))
@@ -699,6 +711,13 @@ $listViewSlector: '.lst_vw[data-element-type="repeater"]';
699
711
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-cr));
700
712
 
701
713
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-fy));
714
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-tt-tm));
715
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-wd-wp));
716
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-wd-bk));
717
+ &.flex__overflow {
718
+ white-space: normal;
719
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
720
+ }
702
721
 
703
722
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-ft-se));
704
723
 
package/dist/rfqs.scss CHANGED
@@ -49,6 +49,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
49
49
  // background: #fff;
50
50
  width: 349px;
51
51
  font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
52
+ text-transform: prepareMediaVariable(--_ctm-dn-wt-se-tt-tm);
53
+ word-wrap: prepareMediaVariable(--_ctm-dn-wt-se-wd-wp);
54
+ word-break: prepareMediaVariable(--_ctm-dn-wt-se-wd-bk);
55
+ &.flex__overflow {
56
+ white-space: normal;
57
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
58
+ }
52
59
  font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
53
60
  color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
54
61
  font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
@@ -85,6 +92,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
85
92
  // font-weight: 600;
86
93
  // line-height: 30px;
87
94
  font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
95
+ text-transform: prepareMediaVariable(--_ctm-dn-wt-se-tt-tm);
96
+ word-wrap: prepareMediaVariable(--_ctm-dn-wt-se-wd-wp);
97
+ word-break: prepareMediaVariable(--_ctm-dn-wt-se-wd-bk);
88
98
  font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
89
99
  color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
90
100
  font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
@@ -123,6 +133,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
123
133
  flex: 1 0 0;
124
134
  align-self: stretch;
125
135
  font-family: prepareMediaVariable(--_ctm-dn-im-se-ft-fy);
136
+ text-transform: prepareMediaVariable(--_ctm-dn-im-se-tt-tm);
137
+ word-wrap: prepareMediaVariable(--_ctm-dn-im-se-wd-wp);
138
+ word-break: prepareMediaVariable(--_ctm-dn-im-se-wd-bk);
139
+ &.flex__overflow {
140
+ white-space: normal;
141
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
142
+ }
126
143
  font-size: prepareMediaVariable(--_ctm-dn-im-se-ft-se);
127
144
  color: prepareMediaVariable(--_ctm-dn-im-se-cr);
128
145
  font-weight: prepareMediaVariable(--_ctm-dn-im-se-ft-wt);
@@ -146,6 +163,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
146
163
  // font-weight: 600;
147
164
  // line-height: 20px;
148
165
  font-family: prepareMediaVariable(--_ctm-dn-rq-id-ft-fy);
166
+ text-transform: prepareMediaVariable(--_ctm-dn-rq-id-tt-tm);
167
+ word-wrap: prepareMediaVariable(--_ctm-dn-rq-id-wd-wp);
168
+ word-break: prepareMediaVariable(--_ctm-dn-rq-id-wd-bk);
149
169
  font-size: prepareMediaVariable(--_ctm-dn-rq-id-ft-se);
150
170
  color: prepareMediaVariable(--_ctm-dn-rq-id-cr);
151
171
  font-weight: prepareMediaVariable(--_ctm-dn-rq-id-ft-wt);
@@ -189,6 +209,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
189
209
  // font-size: 12px;
190
210
  // line-height: 18px;
191
211
  font-family: prepareMediaVariable(--_ctm-dn-rq-ss-ft-fy);
212
+ text-transform: prepareMediaVariable(--_ctm-dn-rq-ss-tt-tm);
213
+ word-wrap: prepareMediaVariable(--_ctm-dn-rq-ss-wd-wp);
214
+ word-break: prepareMediaVariable(--_ctm-dn-rq-ss-wd-bk);
192
215
  font-size: prepareMediaVariable(--_ctm-dn-rq-ss-ft-se);
193
216
  color: prepareMediaVariable(--_ctm-dn-rq-ss-cr);
194
217
  font-weight: prepareMediaVariable(--_ctm-dn-rq-ss-ft-wt);
@@ -208,6 +231,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
208
231
  // line-height: 18px;
209
232
 
210
233
  font-family: prepareMediaVariable(--_ctm-dn-rd-on-ft-fy);
234
+ text-transform: prepareMediaVariable(--_ctm-dn-rd-on-tt-tm);
235
+ word-wrap: prepareMediaVariable(--_ctm-dn-rd-on-wd-wp);
236
+ word-break: prepareMediaVariable(--_ctm-dn-rd-on-wd-bk);
211
237
  font-size: prepareMediaVariable(--_ctm-dn-rd-on-ft-se);
212
238
  color: prepareMediaVariable(--_ctm-dn-rd-on-cr);
213
239
  font-weight: prepareMediaVariable(--_ctm-dn-rd-on-ft-wt);
@@ -235,6 +261,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
235
261
  // line-height: 20px;
236
262
 
237
263
  font-family: prepareMediaVariable(--_ctm-dn-rq-id-ft-fy);
264
+ text-transform: prepareMediaVariable(--_ctm-dn-rq-id-tt-tm);
265
+ word-wrap: prepareMediaVariable(--_ctm-dn-rq-id-wd-wp);
266
+ word-break: prepareMediaVariable(--_ctm-dn-rq-id-wd-bk);
238
267
  font-size: prepareMediaVariable(--_ctm-dn-rq-id-ft-se);
239
268
  color: prepareMediaVariable(--_ctm-dn-rq-id-cr);
240
269
  font-weight: prepareMediaVariable(--_ctm-dn-rq-id-ft-wt);
package/dist/scroll.scss CHANGED
@@ -114,6 +114,10 @@ $max-items: 20;
114
114
  --_ctm-dn-i#{$i}-ft-fy,
115
115
  #{prepareMediaVariable(--_ctm-dn-i1-ft-fy)}
116
116
  );
117
+ &.flex__overflow {
118
+ white-space: normal;
119
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
120
+ }
117
121
  font-size: prepareMediaVariable(
118
122
  --_ctm-dn-i#{$i}-ft-se,
119
123
  #{prepareMediaVariable(--_ctm-dn-i1-ft-se)}
@@ -142,6 +146,20 @@ $max-items: 20;
142
146
  --_ctm-dn-i#{$i}-ue,
143
147
  #{prepareMediaVariable(--_ctm-dn-i1-ue)}
144
148
  );
149
+ // All three inherit, so setting them on the item is enough for the text node
150
+ // (and the `.scroll-item__text` span the clamp uses) to pick them up.
151
+ text-transform: prepareMediaVariable(
152
+ --_ctm-dn-i#{$i}-tt-tm,
153
+ #{prepareMediaVariable(--_ctm-dn-i1-tt-tm)}
154
+ );
155
+ word-wrap: prepareMediaVariable(
156
+ --_ctm-dn-i#{$i}-wd-wr,
157
+ #{prepareMediaVariable(--_ctm-dn-i1-wd-wr)}
158
+ );
159
+ word-break: prepareMediaVariable(
160
+ --_ctm-dn-i#{$i}-wd-bk,
161
+ #{prepareMediaVariable(--_ctm-dn-i1-wd-bk)}
162
+ );
145
163
 
146
164
  .icon {
147
165
  svg {
@@ -298,6 +316,16 @@ $max-items: 20;
298
316
  animation-timing-function: linear;
299
317
  }
300
318
 
319
+ // Text Overflow. The item's text sits in its own span so the clamp gets a block
320
+ // box of its own — clamping `.scroll-item` itself would swap its `display: flex`
321
+ // for `-webkit-box` and break the icon/text row. `white-space` has to be reset
322
+ // because `.wrapper` sets `nowrap`, and a clamp on a non-wrapping node can only
323
+ // ever show one line.
324
+ .scroll-item__text.flex__overflow {
325
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
326
+ white-space: normal;
327
+ }
328
+
301
329
  .divider {
302
330
  background-color: var(
303
331
  --_ctm-mob-dn-dr-se-bd-cr,
package/dist/search-results-heading.scss CHANGED
@@ -43,6 +43,18 @@
43
43
  --_ctm-mob-dn-sh-rs-nr-ft-fy,
44
44
  var(--_ctm-tab-dn-sh-rs-nr-ft-fy, var(--_ctm-dn-sh-rs-nr-ft-fy))
45
45
  );
46
+ text-transform: var(
47
+ --_ctm-mob-dn-sh-rs-nr-tt-tm,
48
+ var(--_ctm-tab-dn-sh-rs-nr-tt-tm, var(--_ctm-dn-sh-rs-nr-tt-tm))
49
+ );
50
+ word-wrap: var(
51
+ --_ctm-mob-dn-sh-rs-nr-wd-wp,
52
+ var(--_ctm-tab-dn-sh-rs-nr-wd-wp, var(--_ctm-dn-sh-rs-nr-wd-wp))
53
+ );
54
+ word-break: var(
55
+ --_ctm-mob-dn-sh-rs-nr-wd-bk,
56
+ var(--_ctm-tab-dn-sh-rs-nr-wd-bk, var(--_ctm-dn-sh-rs-nr-wd-bk))
57
+ );
46
58
  font-size: var(
47
59
  --_ctm-mob-dn-sh-rs-nr-ft-se,
48
60
  var(--_ctm-tab-dn-sh-rs-nr-ft-se, var(--_ctm-dn-sh-rs-nr-ft-se))
@@ -122,6 +134,18 @@
122
134
  --_ctm-mob-dn-or-tt-ft-fy,
123
135
  var(--_ctm-tab-dn-or-tt-ft-fy, var(--_ctm-dn-or-tt-ft-fy))
124
136
  );
137
+ text-transform: var(
138
+ --_ctm-mob-dn-or-tt-tt-tm,
139
+ var(--_ctm-tab-dn-or-tt-tt-tm, var(--_ctm-dn-or-tt-tt-tm))
140
+ );
141
+ word-wrap: var(
142
+ --_ctm-mob-dn-or-tt-wd-wp,
143
+ var(--_ctm-tab-dn-or-tt-wd-wp, var(--_ctm-dn-or-tt-wd-wp))
144
+ );
145
+ word-break: var(
146
+ --_ctm-mob-dn-or-tt-wd-bk,
147
+ var(--_ctm-tab-dn-or-tt-wd-bk, var(--_ctm-dn-or-tt-wd-bk))
148
+ );
125
149
  font-size: var(
126
150
  --_ctm-mob-dn-or-tt-ft-se,
127
151
  var(--_ctm-tab-dn-or-tt-ft-se, var(--_ctm-dn-or-tt-ft-se))
@@ -197,6 +221,18 @@
197
221
  --_ctm-mob-dn-sh-kd-ft-fy,
198
222
  var(--_ctm-tab-dn-sh-kd-ft-fy, var(--_ctm-dn-sh-kd-ft-fy))
199
223
  );
224
+ text-transform: var(
225
+ --_ctm-mob-dn-sh-kd-tt-tm,
226
+ var(--_ctm-tab-dn-sh-kd-tt-tm, var(--_ctm-dn-sh-kd-tt-tm))
227
+ );
228
+ word-wrap: var(
229
+ --_ctm-mob-dn-sh-kd-wd-wp,
230
+ var(--_ctm-tab-dn-sh-kd-wd-wp, var(--_ctm-dn-sh-kd-wd-wp))
231
+ );
232
+ word-break: var(
233
+ --_ctm-mob-dn-sh-kd-wd-bk,
234
+ var(--_ctm-tab-dn-sh-kd-wd-bk, var(--_ctm-dn-sh-kd-wd-bk))
235
+ );
200
236
  font-size: var(
201
237
  --_ctm-mob-dn-sh-kd-ft-se,
202
238
  var(--_ctm-tab-dn-sh-kd-ft-se, var(--_ctm-dn-sh-kd-ft-se))
package/dist/search.scss CHANGED
@@ -164,6 +164,18 @@
164
164
  --_ctm-mob-dn-rm-bn-hr-se-ft-fy,
165
165
  var(--_ctm-tab-dn-rm-bn-hr-se-ft-fy, var(--_ctm-dn-rm-bn-hr-se-ft-fy))
166
166
  );
167
+ --_sf-hr-tt-tm: var(
168
+ --_ctm-mob-dn-rm-bn-hr-se-tt-tm,
169
+ var(--_ctm-tab-dn-rm-bn-hr-se-tt-tm, var(--_ctm-dn-rm-bn-hr-se-tt-tm))
170
+ );
171
+ --_sf-hr-wd-wp: var(
172
+ --_ctm-mob-dn-rm-bn-hr-se-wd-wp,
173
+ var(--_ctm-tab-dn-rm-bn-hr-se-wd-wp, var(--_ctm-dn-rm-bn-hr-se-wd-wp))
174
+ );
175
+ --_sf-hr-wd-bk: var(
176
+ --_ctm-mob-dn-rm-bn-hr-se-wd-bk,
177
+ var(--_ctm-tab-dn-rm-bn-hr-se-wd-bk, var(--_ctm-dn-rm-bn-hr-se-wd-bk))
178
+ );
167
179
  --_sf-hr-ft-se: var(
168
180
  --_ctm-mob-dn-rm-bn-hr-se-ft-se,
169
181
  var(--_ctm-tab-dn-rm-bn-hr-se-ft-se, var(--_ctm-dn-rm-bn-hr-se-ft-se))
@@ -255,6 +267,13 @@
255
267
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-bn-ss-dt-se-cr));
256
268
 
257
269
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-bn-ss-dt-se-ft-fy));
270
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-bn-ss-dt-se-tt-tm));
271
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-bn-ss-dt-se-wd-wp));
272
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-bn-ss-dt-se-wd-bk));
273
+ &.flex__overflow {
274
+ white-space: normal;
275
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
276
+ }
258
277
 
259
278
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-bn-ss-dt-se-ft-se));
260
279
 
@@ -389,6 +408,18 @@
389
408
  --_ctm-mob-dn-sh-br-ft-fy,
390
409
  var(--_ctm-tab-dn-sh-br-ft-fy, var(--_ctm-dn-sh-br-ft-fy))
391
410
  );
411
+ text-transform: var(
412
+ --_ctm-mob-dn-sh-br-tt-tm,
413
+ var(--_ctm-tab-dn-sh-br-tt-tm, var(--_ctm-dn-sh-br-tt-tm))
414
+ );
415
+ word-wrap: var(
416
+ --_ctm-mob-dn-sh-br-wd-wp,
417
+ var(--_ctm-tab-dn-sh-br-wd-wp, var(--_ctm-dn-sh-br-wd-wp))
418
+ );
419
+ word-break: var(
420
+ --_ctm-mob-dn-sh-br-wd-bk,
421
+ var(--_ctm-tab-dn-sh-br-wd-bk, var(--_ctm-dn-sh-br-wd-bk))
422
+ );
392
423
  font-size: var(
393
424
  --_ctm-mob-dn-sh-br-ft-se,
394
425
  var(--_ctm-tab-dn-sh-br-ft-se, var(--_ctm-dn-sh-br-ft-se, 14px))
@@ -428,6 +459,18 @@
428
459
  --_ctm-mob-dn-pr-tt-ft-fy,
429
460
  var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
430
461
  );
462
+ text-transform: var(
463
+ --_ctm-mob-dn-pr-tt-tt-tm,
464
+ var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm))
465
+ );
466
+ word-wrap: var(
467
+ --_ctm-mob-dn-pr-tt-wd-wp,
468
+ var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp))
469
+ );
470
+ word-break: var(
471
+ --_ctm-mob-dn-pr-tt-wd-bk,
472
+ var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk))
473
+ );
431
474
  font-size: var(
432
475
  --_ctm-mob-dn-pr-tt-ft-se,
433
476
  var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se, 14px))
package/dist/shipping-payments.scss CHANGED
@@ -574,6 +574,9 @@ $activeElementSelector: "[data-has-clicked='true']";
574
574
  .chk_shipping_method_value {
575
575
  color: var(--_gray-900);
576
576
  font-family: var(--_ctm-dn-sg-md-dn-sg-md-ve-dn-ft-fy);
577
+ text-transform: var(--_ctm-dn-sg-md-dn-sg-md-ve-dn-tt-tm);
578
+ word-wrap: var(--_ctm-dn-sg-md-dn-sg-md-ve-dn-wd-wp);
579
+ word-break: var(--_ctm-dn-sg-md-dn-sg-md-ve-dn-wd-bk);
577
580
  font-size: 14px;
578
581
  font-style: var(--_ctm-dn-sg-md-dn-sg-md-ve-dn-ft-se-ic);
579
582
  font-weight: var(--_ctm-dn-sg-md-dn-sg-md-ve-dn-ft-wt);
@@ -1254,6 +1257,9 @@ $activeElementSelector: "[data-has-clicked='true']";
1254
1257
  .chk_payment_options_name {
1255
1258
  color: var(--_ctm-dn-pt-os-dn-pt-ne-dn-cr);
1256
1259
  font-family: var(--_ctm-dn-pt-os-dn-pt-ne-dn-ft-fy);
1260
+ text-transform: var(--_ctm-dn-pt-os-dn-pt-ne-dn-tt-tm);
1261
+ word-wrap: var(--_ctm-dn-pt-os-dn-pt-ne-dn-wd-wp);
1262
+ word-break: var(--_ctm-dn-pt-os-dn-pt-ne-dn-wd-bk);
1257
1263
  font-size: var(--_ctm-dn-pt-os-dn-pt-ne-dn-ft-se);
1258
1264
  font-style: var(--_ctm-dn-pt-os-dn-pt-ne-dn-ft-se-ic);
1259
1265
  font-weight: var(--_ctm-dn-pt-os-dn-pt-ne-dn-ft-wt);
@@ -1265,6 +1271,9 @@ $activeElementSelector: "[data-has-clicked='true']";
1265
1271
  .chk_payment_options_label {
1266
1272
  color: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-cr);
1267
1273
  font-family: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-fy);
1274
+ text-transform: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-tt-tm);
1275
+ word-wrap: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-wd-wp);
1276
+ word-break: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-wd-bk);
1268
1277
  font-size: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-se);
1269
1278
  font-style: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-se-ic);
1270
1279
  font-weight: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-wt);
@@ -1276,6 +1285,9 @@ $activeElementSelector: "[data-has-clicked='true']";
1276
1285
  .chk_payment_options_value {
1277
1286
  color: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-cr);
1278
1287
  font-family: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-fy);
1288
+ text-transform: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-tt-tm);
1289
+ word-wrap: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-wd-wp);
1290
+ word-break: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-wd-bk);
1279
1291
  font-size: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-se);
1280
1292
  font-style: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-se-ic);
1281
1293
  font-weight: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-wt);
@@ -1464,6 +1476,9 @@ $activeElementSelector: "[data-has-clicked='true']";
1464
1476
  .chk_heading_info {
1465
1477
  color: var(--_ctm-dn-sg-md-dn-hg-dn-cr);
1466
1478
  font-family: var(--_ctm-dn-sg-md-dn-hg-dn-ft-fy);
1479
+ text-transform: var(--_ctm-dn-sg-md-dn-hg-dn-tt-tm);
1480
+ word-wrap: var(--_ctm-dn-sg-md-dn-hg-dn-wd-wp);
1481
+ word-break: var(--_ctm-dn-sg-md-dn-hg-dn-wd-bk);
1467
1482
  font-size: var(--_ctm-dn-sg-md-dn-hg-dn-ft-se);
1468
1483
  font-style: var(--_ctm-dn-sg-md-dn-hg-dn-ft-se-ic);
1469
1484
  font-weight: var(--_ctm-dn-sg-md-dn-hg-dn-ft-wt);
@@ -1553,6 +1568,13 @@ $activeElementSelector: "[data-has-clicked='true']";
1553
1568
  gap: 0.5rem;
1554
1569
  color: var(--_ctm-dn-se-sg-as-dn-cx-dn-cr);
1555
1570
  font-family: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-fy);
1571
+ text-transform: var(--_ctm-dn-se-sg-as-dn-cx-dn-tt-tm);
1572
+ word-wrap: var(--_ctm-dn-se-sg-as-dn-cx-dn-wd-wp);
1573
+ word-break: var(--_ctm-dn-se-sg-as-dn-cx-dn-wd-bk);
1574
+ &.flex__overflow {
1575
+ white-space: normal;
1576
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1577
+ }
1556
1578
  font-size: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-se);
1557
1579
  font-style: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-se-ic);
1558
1580
  font-weight: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-wt);
@@ -1605,6 +1627,9 @@ $activeElementSelector: "[data-has-clicked='true']";
1605
1627
  &_same_as_billing_address_chkbx {
1606
1628
  color: var(--_ctm-dn-se-sg-as-dn-cx-dn-cr);
1607
1629
  font-family: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-fy);
1630
+ text-transform: var(--_ctm-dn-se-sg-as-dn-cx-dn-tt-tm);
1631
+ word-wrap: var(--_ctm-dn-se-sg-as-dn-cx-dn-wd-wp);
1632
+ word-break: var(--_ctm-dn-se-sg-as-dn-cx-dn-wd-bk);
1608
1633
  font-size: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-se);
1609
1634
  font-style: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-se-ic);
1610
1635
  font-weight: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-wt);
@@ -1856,6 +1881,9 @@ $activeElementSelector: "[data-has-clicked='true']";
1856
1881
  .chk_payment_options_label {
1857
1882
  color: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-cr);
1858
1883
  font-family: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-fy);
1884
+ text-transform: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-tt-tm);
1885
+ word-wrap: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-wd-wp);
1886
+ word-break: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-wd-bk);
1859
1887
  font-size: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-se);
1860
1888
  font-style: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-se-ic);
1861
1889
  font-weight: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-wt);
@@ -1867,6 +1895,9 @@ $activeElementSelector: "[data-has-clicked='true']";
1867
1895
  .chk_payment_options_value {
1868
1896
  color: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-cr);
1869
1897
  font-family: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-fy);
1898
+ text-transform: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-tt-tm);
1899
+ word-wrap: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-wd-wp);
1900
+ word-break: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-wd-bk);
1870
1901
  font-size: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-se);
1871
1902
  font-style: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-se-ic);
1872
1903
  font-weight: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-wt);
@@ -1933,6 +1964,9 @@ $activeElementSelector: "[data-has-clicked='true']";
1933
1964
  border: none !important;
1934
1965
  color: var(--_ctm-dn-it-bx-dn-cr);
1935
1966
  font-family: var(--_ctm-dn-it-bx-dn-ft-fy);
1967
+ text-transform: var(--_ctm-dn-it-bx-dn-tt-tm);
1968
+ word-wrap: var(--_ctm-dn-it-bx-dn-wd-wp);
1969
+ word-break: var(--_ctm-dn-it-bx-dn-wd-bk);
1936
1970
  font-size: var(--_ctm-dn-it-bx-dn-ft-se);
1937
1971
  font-style: var(--_ctm-dn-it-bx-dn-ft-se-ic);
1938
1972
  font-weight: var(--_ctm-dn-it-bx-dn-ft-wt);
@@ -1966,6 +2000,13 @@ $activeElementSelector: "[data-has-clicked='true']";
1966
2000
  gap: 10px;
1967
2001
  color: var(--_ctm-dn-pt-os-dn-cx-ll-dn-cr);
1968
2002
  font-family: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-fy);
2003
+ text-transform: var(--_ctm-dn-pt-os-dn-cx-ll-dn-tt-tm);
2004
+ word-wrap: var(--_ctm-dn-pt-os-dn-cx-ll-dn-wd-wp);
2005
+ word-break: var(--_ctm-dn-pt-os-dn-cx-ll-dn-wd-bk);
2006
+ &.flex__overflow {
2007
+ white-space: normal;
2008
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2009
+ }
1969
2010
  font-size: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-se);
1970
2011
  font-style: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-se-ic);
1971
2012
  font-weight: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-wt);
@@ -2004,6 +2045,13 @@ $activeElementSelector: "[data-has-clicked='true']";
2004
2045
  gap: 10px;
2005
2046
  color: var(--_ctm-dn-pt-os-dn-cx-ll-dn-cr);
2006
2047
  font-family: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-fy);
2048
+ text-transform: var(--_ctm-dn-pt-os-dn-cx-ll-dn-tt-tm);
2049
+ word-wrap: var(--_ctm-dn-pt-os-dn-cx-ll-dn-wd-wp);
2050
+ word-break: var(--_ctm-dn-pt-os-dn-cx-ll-dn-wd-bk);
2051
+ &.flex__overflow {
2052
+ white-space: normal;
2053
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2054
+ }
2007
2055
  font-size: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-se);
2008
2056
  font-style: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-se-ic);
2009
2057
  font-weight: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-wt);
package/dist/simple-list.scss CHANGED
@@ -190,6 +190,18 @@ $subMenuItemText: ".flex__sub__menu__item__text";
190
190
  --_sf-it-at-ff,
191
191
  var(--_sf-it-hr-ff, #{prepareMediaVariable(--_ctm-dn-sb-mu-im-se-dt-se-ft-fy)})
192
192
  );
193
+ text-transform: var(
194
+ --_sf-it-at-ff,
195
+ var(--_sf-it-hr-ff, #{prepareMediaVariable(--_ctm-dn-sb-mu-im-se-dt-se-tt-tm)})
196
+ );
197
+ word-wrap: var(
198
+ --_sf-it-at-ff,
199
+ var(--_sf-it-hr-ff, #{prepareMediaVariable(--_ctm-dn-sb-mu-im-se-dt-se-wd-wp)})
200
+ );
201
+ word-break: var(
202
+ --_sf-it-at-ff,
203
+ var(--_sf-it-hr-ff, #{prepareMediaVariable(--_ctm-dn-sb-mu-im-se-dt-se-wd-bk)})
204
+ );
193
205
  font-size: var(
194
206
  --_sf-sb-it-at-fs,
195
207
  var(
package/dist/social.scss CHANGED
@@ -248,6 +248,18 @@
248
248
  --_ctm-mob-dn-im-se-ft-fy,
249
249
  var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
250
250
  );
251
+ text-transform: var(
252
+ --_ctm-mob-dn-im-se-tt-tm,
253
+ var(--_ctm-tab-dn-im-se-tt-tm, var(--_ctm-dn-im-se-tt-tm))
254
+ );
255
+ word-wrap: var(
256
+ --_ctm-mob-dn-im-se-wd-wp,
257
+ var(--_ctm-tab-dn-im-se-wd-wp, var(--_ctm-dn-im-se-wd-wp))
258
+ );
259
+ word-break: var(
260
+ --_ctm-mob-dn-im-se-wd-bk,
261
+ var(--_ctm-tab-dn-im-se-wd-bk, var(--_ctm-dn-im-se-wd-bk))
262
+ );
251
263
  font-size: var(
252
264
  --_ctm-mob-dn-im-se-ft-se,
253
265
  var(--_ctm-tab-dn-im-se-ft-se, var(--_ctm-dn-im-se-ft-se))
package/dist/spotlight.scss CHANGED
@@ -199,6 +199,18 @@
199
199
  --_ctm-mob-dn-gy-wt-se-ft-fy,
200
200
  var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
201
201
  );
202
+ text-transform: var(
203
+ --_ctm-mob-dn-gy-wt-se-tt-tm,
204
+ var(--_ctm-tab-dn-gy-wt-se-tt-tm, var(--_ctm-dn-gy-wt-se-tt-tm))
205
+ );
206
+ word-wrap: var(
207
+ --_ctm-mob-dn-gy-wt-se-wd-wp,
208
+ var(--_ctm-tab-dn-gy-wt-se-wd-wp, var(--_ctm-dn-gy-wt-se-wd-wp))
209
+ );
210
+ word-break: var(
211
+ --_ctm-mob-dn-gy-wt-se-wd-bk,
212
+ var(--_ctm-tab-dn-gy-wt-se-wd-bk, var(--_ctm-dn-gy-wt-se-wd-bk))
213
+ );
202
214
  font-size: var(
203
215
  --_ctm-mob-dn-gy-wt-se-ft-se,
204
216
  var(--_ctm-tab-dn-gy-wt-se-ft-se, var(--_ctm-dn-gy-wt-se-ft-se))
@@ -238,6 +250,18 @@
238
250
  --_ctm-mob-dn-gy-wt-se-ft-fy-dc,
239
251
  var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
240
252
  );
253
+ text-transform: var(
254
+ --_ctm-mob-dn-gy-wt-se-tt-tm-dc,
255
+ var(--_ctm-tab-dn-gy-wt-se-tt-tm-dc, var(--_ctm-dn-gy-wt-se-tt-tm-dc))
256
+ );
257
+ word-wrap: var(
258
+ --_ctm-mob-dn-gy-wt-se-wd-wp-dc,
259
+ var(--_ctm-tab-dn-gy-wt-se-wd-wp-dc, var(--_ctm-dn-gy-wt-se-wd-wp-dc))
260
+ );
261
+ word-break: var(
262
+ --_ctm-mob-dn-gy-wt-se-wd-bk-dc,
263
+ var(--_ctm-tab-dn-gy-wt-se-wd-bk-dc, var(--_ctm-dn-gy-wt-se-wd-bk-dc))
264
+ );
241
265
  font-size: var(
242
266
  --_ctm-mob-dn-gy-wt-se-ft-se-dc,
243
267
  var(--_ctm-tab-dn-gy-wt-se-ft-se-dc, var(--_ctm-dn-gy-wt-se-ft-se-dc))
@@ -1001,6 +1025,18 @@
1001
1025
  --_ctm-mob-dn-im-se-ft-fy,
1002
1026
  var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
1003
1027
  );
1028
+ text-transform: var(
1029
+ --_ctm-mob-dn-im-se-tt-tm,
1030
+ var(--_ctm-tab-dn-im-se-tt-tm, var(--_ctm-dn-im-se-tt-tm))
1031
+ );
1032
+ word-wrap: var(
1033
+ --_ctm-mob-dn-im-se-wd-wp,
1034
+ var(--_ctm-tab-dn-im-se-wd-wp, var(--_ctm-dn-im-se-wd-wp))
1035
+ );
1036
+ word-break: var(
1037
+ --_ctm-mob-dn-im-se-wd-bk,
1038
+ var(--_ctm-tab-dn-im-se-wd-bk, var(--_ctm-dn-im-se-wd-bk))
1039
+ );
1004
1040
 
1005
1041
  font-size: var(
1006
1042
  --_ctm-mob-dn-im-se-ft-se,
@@ -1048,6 +1084,18 @@
1048
1084
  --_ctm-mob-dn-im-se-ft-fy-dc,
1049
1085
  var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
1050
1086
  );
1087
+ text-transform: var(
1088
+ --_ctm-mob-dn-im-se-tt-tm-dc,
1089
+ var(--_ctm-tab-dn-im-se-tt-tm-dc, var(--_ctm-dn-im-se-tt-tm-dc))
1090
+ );
1091
+ word-wrap: var(
1092
+ --_ctm-mob-dn-im-se-wd-wp-dc,
1093
+ var(--_ctm-tab-dn-im-se-wd-wp-dc, var(--_ctm-dn-im-se-wd-wp-dc))
1094
+ );
1095
+ word-break: var(
1096
+ --_ctm-mob-dn-im-se-wd-bk-dc,
1097
+ var(--_ctm-tab-dn-im-se-wd-bk-dc, var(--_ctm-dn-im-se-wd-bk-dc))
1098
+ );
1051
1099
 
1052
1100
  font-size: var(
1053
1101
  --_ctm-mob-dn-im-se-ft-se-dc,
package/dist/stockStatus.scss CHANGED
@@ -46,6 +46,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
46
46
  .title {
47
47
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
48
48
  font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy)));
49
+ text-transform: var(--_ctm-mob-dn-tt-tm, var(--_ctm-tab-dn-tt-tm, var(--_ctm-dn-tt-tm)));
50
+ word-wrap: var(--_ctm-mob-dn-wd-wp, var(--_ctm-tab-dn-wd-wp, var(--_ctm-dn-wd-wp)));
51
+ word-break: var(--_ctm-mob-dn-wd-bk, var(--_ctm-tab-dn-wd-bk, var(--_ctm-dn-wd-bk)));
49
52
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
50
53
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
51
54
  font-style: var(