@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/product-sizechart.scss CHANGED
@@ -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
@@ -2,6 +2,8 @@
2
2
  @use "sass:list";
3
3
  @use "./functions.scss" as *;
4
4
 
5
+ $overflowSelector: ".flex__overflow";
6
+
5
7
  [data-div-type="element"] {
6
8
  &[data-element-type="profile"] {
7
9
  width: var(
@@ -28,14 +30,18 @@
28
30
  // justify-content: center;
29
31
  }
30
32
  &[data-layout-alignment="horizontal"] {
31
- .profile__section {
33
+ .profile__container > .profile__section {
32
34
  flex-direction: row;
35
+ align-items: prepareMediaVariable(--_ctm-lt-an-is, center);
36
+ justify-content: prepareMediaVariable(--_ctm-lt-jy-ct, start);
33
37
  }
34
38
  }
35
39
 
36
40
  &[data-layout-alignment="vertical"] {
37
- .profile__section {
41
+ .profile__container > .profile__section {
38
42
  flex-direction: column;
43
+ align-items: prepareMediaVariable(--_ctm-lt-jy-ct, start);
44
+ justify-content: prepareMediaVariable(--_ctm-lt-an-is, center);
39
45
  }
40
46
  }
41
47
  &[data-show-text-avatar-border="true"] {
@@ -47,7 +53,7 @@
47
53
  }
48
54
 
49
55
  &[data-widget-border="true"] {
50
- .profile__section {
56
+ .profile__container {
51
57
  border-color: var(
52
58
  --_ctm-mob-dn-pe-wt-br-cr,
53
59
  var(--_ctm-tab-dn-pe-wt-br-cr, var(--_ctm-dn-pe-wt-br-cr))
@@ -69,6 +75,7 @@
69
75
  .profile__container {
70
76
  display: flex;
71
77
  justify-content: space-between;
78
+ align-items: center;
72
79
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
73
80
  background-color: var(
74
81
  --_sf-hr-bd-cr,
@@ -85,12 +92,13 @@
85
92
  --_sf-hr-br-br,
86
93
  var(--_ctm-mob-dn-pe-wt-br-rs, var(--_ctm-tab-dn-pe-wt-br-rs, var(--_ctm-dn-pe-wt-br-rs)))
87
94
  );
95
+ min-height: prepareMediaVariable(--_ctm-lt-ht);
88
96
  .profile__section {
89
97
  position: relative;
90
98
  cursor: pointer;
91
99
  display: flex;
92
100
  align-items: center;
93
- justify-content: center;
101
+ justify-content: start;
94
102
  // gap: var(prepareMediaVariable(--_ctm-dn-pe-wt-in-gp));
95
103
  gap: prepareMediaVariable(--_ctm-dn-pe-wt-in-gp);
96
104
  width: 100%;
@@ -152,6 +160,12 @@
152
160
  background-color: prepareMediaVariable(--_ctm-dn-tt-ar-bd-cr);
153
161
 
154
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
+ }
155
169
  font-size: prepareMediaVariable(--_ctm-dn-tt-ar-ft-se);
156
170
  color: prepareMediaVariable(--_ctm-dn-tt-ar-cr);
157
171
  font-weight: prepareMediaVariable(--_ctm-dn-tt-ar-ft-wt);
@@ -202,44 +216,58 @@
202
216
  // font-size: 14px;
203
217
  display: flex;
204
218
  flex-direction: column;
219
+ min-width: 0;
220
+ max-width: 100%;
205
221
  // list-style: none;
206
222
  // line-height: 18px;
207
- color: var(--_ctm-mob-dn-pe-wt-cr, var(--_ctm-tab-dn-pe-wt-cr, var(--_ctm-dn-pe-wt-cr)));
208
- font-family: var(
209
- --_sf-hr-ff,
210
- var(
211
- --_ctm-mob-dn-pe-wt-ft-fy,
212
- var(--_ctm-tab-dn-pe-wt-ft-fy, var(--_ctm-dn-pe-wt-ft-fy))
213
- )
214
- );
215
- font-size: var(
216
- --_ctm-mob-dn-pe-wt-ft-se,
217
- var(--_ctm-tab-dn-pe-wt-ft-se, var(--_ctm-dn-pe-wt-ft-se))
218
- );
219
- font-weight: var(
220
- --_ctm-mob-dn-pe-wt-ft-wt,
221
- var(--_ctm-tab-dn-pe-wt-ft-wt, var(--_ctm-dn-pe-wt-ft-wt))
222
- );
223
- font-style: var(
224
- --_ctm-mob-dn-pe-wt-ft-se-ic,
225
- var(--_ctm-tab-dn-pe-wt-ft-se-ic, var(--_ctm-dn-pe-wt-ft-se-ic))
226
- );
227
- text-align: var(
228
- --_ctm-mob-dn-pe-wt-tt-an,
229
- var(--_ctm-tab-dn-pe-wt-tt-an, var(--_ctm-dn-pe-wt-tt-an))
230
- );
231
- letter-spacing: var(
232
- --_ctm-mob-dn-pe-wt-lr-sg,
233
- var(--_ctm-tab-dn-pe-wt-lr-sg, var(--_ctm-dn-pe-wt-lr-sg))
234
- );
235
- line-height: var(
236
- --_ctm-mob-dn-pe-wt-le-ht,
237
- var(--_ctm-tab-dn-pe-wt-le-ht, var(--_ctm-dn-pe-wt-le-ht))
238
- );
239
- text-decoration: var(
240
- --_ctm-mob-dn-pe-wt-ue,
241
- var(--_ctm-tab-dn-pe-wt-ue, var(--_ctm-dn-pe-wt-ue))
242
- );
223
+ .profile__label {
224
+ color: var(
225
+ --_ctm-mob-dn-pe-wt-cr,
226
+ var(--_ctm-tab-dn-pe-wt-cr, var(--_ctm-dn-pe-wt-cr))
227
+ );
228
+ font-family: var(
229
+ --_sf-hr-ff,
230
+ var(
231
+ --_ctm-mob-dn-pe-wt-ft-fy,
232
+ var(--_ctm-tab-dn-pe-wt-ft-fy, var(--_ctm-dn-pe-wt-ft-fy))
233
+ )
234
+ );
235
+ font-size: var(
236
+ --_ctm-mob-dn-pe-wt-ft-se,
237
+ var(--_ctm-tab-dn-pe-wt-ft-se, var(--_ctm-dn-pe-wt-ft-se))
238
+ );
239
+ font-weight: var(
240
+ --_ctm-mob-dn-pe-wt-ft-wt,
241
+ var(--_ctm-tab-dn-pe-wt-ft-wt, var(--_ctm-dn-pe-wt-ft-wt))
242
+ );
243
+ font-style: var(
244
+ --_ctm-mob-dn-pe-wt-ft-se-ic,
245
+ var(--_ctm-tab-dn-pe-wt-ft-se-ic, var(--_ctm-dn-pe-wt-ft-se-ic))
246
+ );
247
+ text-align: var(
248
+ --_ctm-mob-dn-pe-wt-tt-an,
249
+ var(--_ctm-tab-dn-pe-wt-tt-an, var(--_ctm-dn-pe-wt-tt-an))
250
+ );
251
+ letter-spacing: var(
252
+ --_ctm-mob-dn-pe-wt-lr-sg,
253
+ var(--_ctm-tab-dn-pe-wt-lr-sg, var(--_ctm-dn-pe-wt-lr-sg))
254
+ );
255
+ line-height: var(
256
+ --_ctm-mob-dn-pe-wt-le-ht,
257
+ var(--_ctm-tab-dn-pe-wt-le-ht, var(--_ctm-dn-pe-wt-le-ht))
258
+ );
259
+ text-decoration: var(
260
+ --_ctm-mob-dn-pe-wt-ue,
261
+ var(--_ctm-tab-dn-pe-wt-ue, var(--_ctm-dn-pe-wt-ue))
262
+ );
263
+ word-wrap: prepareMediaVariable(--_ctm-dn-pe-wt-wd-wp);
264
+ word-break: prepareMediaVariable(--_ctm-dn-pe-wt-wd-bk);
265
+ text-transform: prepareMediaVariable(--_ctm-dn-pe-wt-tt-tm);
266
+
267
+ &#{$overflowSelector} {
268
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
269
+ }
270
+ }
243
271
  .profile__icon {
244
272
  // font-weight: 600;
245
273
  // font-size: 16px;
@@ -264,7 +292,7 @@
264
292
  );
265
293
  font-style: var(
266
294
  --_ctm-mob-dn-pe-wt-ft-se-ic-dc,
267
- var(--_ctm-tab-dn-pe-wt-ft-se-ic-dc, var(--_ctm-dn-pe-wt-ft-se-ic-dc))
295
+ var(--_ctm-tab-dn-pe-wt-ft-se-ic-dc, var(--_ctm-dn-pe-wt-ft-se-ic-dc, normal))
268
296
  );
269
297
  text-align: var(
270
298
  --_ctm-mob-dn-pe-wt-tt-an-dc,
@@ -280,8 +308,15 @@
280
308
  );
281
309
  text-decoration: var(
282
310
  --_ctm-mob-dn-pe-wt-ue-dc,
283
- var(--_ctm-tab-dn-pe-wt-ue-dc, var(--_ctm-dn-pe-wt-ue-dc))
311
+ var(--_ctm-tab-dn-pe-wt-ue-dc, var(--_ctm-dn-pe-wt-ue-dc, none))
284
312
  );
313
+ word-wrap: prepareMediaVariable(--_ctm-dn-pe-wt-wd-wp-dc);
314
+ word-break: prepareMediaVariable(--_ctm-dn-pe-wt-wd-bk-dc);
315
+ text-transform: prepareMediaVariable(--_ctm-dn-pe-wt-tt-tm-dc);
316
+
317
+ &#{$overflowSelector} {
318
+ @include restrictToLinesShow(#{var(--_sf-line-clamp-desc, 1)});
319
+ }
285
320
  }
286
321
  }
287
322
  }
@@ -380,6 +415,28 @@
380
415
  gap: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-in-gp);
381
416
  // transition: background 0.2s;
382
417
  cursor: pointer;
418
+
419
+ > .add_order_item__link {
420
+ flex: 1;
421
+ min-width: 0;
422
+ max-width: 100%;
423
+ }
424
+
425
+ .add_order_item__label {
426
+ display: block;
427
+ flex: 1;
428
+ min-width: 0;
429
+ max-width: 100%;
430
+ white-space: normal;
431
+ word-wrap: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-wd-wp);
432
+ overflow-wrap: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-wd-wp);
433
+ word-break: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-wd-bk);
434
+ text-transform: prepareMediaVariable(--_ctm-dn-dn-is-dt-se-tt-tm);
435
+ }
436
+
437
+ &[data-dropdown-items-default-overflow="true"] .add_order_item__label {
438
+ @include restrictToLinesShow(#{var(--_sf-dropdown-line-clamp, 1)});
439
+ }
383
440
  &[data-dropdown-items-default-border="true"] {
384
441
  border-color: var(
385
442
  --_sf-hr-br-cr,
@@ -466,6 +523,31 @@
466
523
  var(--_ctm-tab-dn-dn-is-dt-se-ft-fy, var(--_ctm-dn-dn-is-dt-se-ft-fy))
467
524
  )
468
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
+ }
469
551
 
470
552
  font-size: var(
471
553
  --_ctm-mob-dn-dn-is-dt-se-ft-se,
@@ -503,6 +585,26 @@
503
585
  );
504
586
 
505
587
  &:hover {
588
+ .add_order_item__label {
589
+ white-space: normal;
590
+ word-wrap: prepareMediaVariable(
591
+ --_ctm-dn-dn-is-hr-se-wd-wp,
592
+ var(--_ctm-dn-dn-is-dt-se-wd-wp)
593
+ );
594
+ overflow-wrap: prepareMediaVariable(
595
+ --_ctm-dn-dn-is-hr-se-wd-wp,
596
+ var(--_ctm-dn-dn-is-dt-se-wd-wp)
597
+ );
598
+ word-break: prepareMediaVariable(
599
+ --_ctm-dn-dn-is-hr-se-wd-bk,
600
+ var(--_ctm-dn-dn-is-dt-se-wd-bk)
601
+ );
602
+ text-transform: prepareMediaVariable(
603
+ --_ctm-dn-dn-is-hr-se-tt-tm,
604
+ var(--_ctm-dn-dn-is-dt-se-tt-tm)
605
+ );
606
+ }
607
+
506
608
  &[data-dropdown-items-hover-border="true"] {
507
609
  border-color: var(
508
610
  --_sf-hr-br-cr,
@@ -589,6 +691,27 @@
589
691
  var(--_ctm-tab-dn-dn-is-hr-se-ft-fy, var(--_ctm-dn-dn-is-hr-se-ft-fy))
590
692
  )
591
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
+ );
592
715
 
593
716
  font-size: var(
594
717
  --_ctm-mob-dn-dn-is-hr-se-ft-se,
package/dist/quantity-selector.scss CHANGED
@@ -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))
package/dist/quick-inventory-check.scss CHANGED
@@ -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))
package/dist/quick-links.scss CHANGED
@@ -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);