@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
@@ -1,5 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./functions.scss" as *;
3
4
 
4
5
  // typography
5
6
 
@@ -7,6 +8,9 @@
7
8
  // padding-inline: var(--_sf-cd-gp);
8
9
  color: var(--_thm-ty-h1-tt-cr);
9
10
  font-family: var(--_thm-ty-h1-ft-fy);
11
+ text-transform: var(--_thm-ty-h1-tt-tm);
12
+ word-wrap: var(--_thm-ty-h1-wd-wp);
13
+ word-break: var(--_thm-ty-h1-wd-bk);
10
14
  font-size: var(--_thm-ty-h1-ft-se);
11
15
  font-weight: var(--_thm-ty-h1-bd);
12
16
  font-style: var(--_thm-ty-h1-ic);
@@ -20,6 +24,9 @@
20
24
  // padding-inline: var(--_sf-cd-gp);
21
25
  color: var(--_thm-ty-h2-tt-cr);
22
26
  font-family: var(--_thm-ty-h2-ft-fy);
27
+ text-transform: var(--_thm-ty-h2-tt-tm);
28
+ word-wrap: var(--_thm-ty-h2-wd-wp);
29
+ word-break: var(--_thm-ty-h2-wd-bk);
23
30
  font-size: var(--_thm-ty-h2-ft-se);
24
31
  font-weight: var(--_thm-ty-h2-bd);
25
32
  font-style: var(--_thm-ty-h2-ic);
@@ -32,6 +39,9 @@
32
39
  // padding-inline: var(--_sf-cd-gp);
33
40
  color: var(--_thm-ty-h3-tt-cr);
34
41
  font-family: var(--_thm-ty-h3-ft-fy);
42
+ text-transform: var(--_thm-ty-h3-tt-tm);
43
+ word-wrap: var(--_thm-ty-h3-wd-wp);
44
+ word-break: var(--_thm-ty-h3-wd-bk);
35
45
  font-size: var(--_thm-ty-h3-ft-se);
36
46
  font-weight: var(--_thm-ty-h3-bd);
37
47
  font-style: var(--_thm-ty-h3-ic);
@@ -44,6 +54,9 @@
44
54
  // padding-inline: var(--_sf-cd-gp);
45
55
  color: var(--_thm-ty-h4-tt-cr);
46
56
  font-family: var(--_thm-ty-h4-ft-fy);
57
+ text-transform: var(--_thm-ty-h4-tt-tm);
58
+ word-wrap: var(--_thm-ty-h4-wd-wp);
59
+ word-break: var(--_thm-ty-h4-wd-bk);
47
60
  font-size: var(--_thm-ty-h4-ft-se);
48
61
  font-weight: var(--_thm-ty-h4-bd);
49
62
  font-style: var(--_thm-ty-h4-ic);
@@ -56,6 +69,9 @@
56
69
  // padding-inline: var(--_sf-cd-gp);
57
70
  color: var(--_thm-ty-h6-tt-cr);
58
71
  font-family: var(--_thm-ty-h6-ft-fy);
72
+ text-transform: var(--_thm-ty-h6-tt-tm);
73
+ word-wrap: var(--_thm-ty-h6-wd-wp);
74
+ word-break: var(--_thm-ty-h6-wd-bk);
59
75
  font-size: var(--_thm-ty-h6-ft-se);
60
76
  font-weight: var(--_thm-ty-h6-bd);
61
77
  font-style: var(--_thm-ty-h6-ic);
@@ -69,6 +85,9 @@
69
85
  // padding-inline: var(--_sf-cd-gp);
70
86
  color: var(--_thm-ty-h5-tt-cr);
71
87
  font-family: var(--_thm-ty-h5-ft-fy);
88
+ text-transform: var(--_thm-ty-h5-tt-tm);
89
+ word-wrap: var(--_thm-ty-h5-wd-wp);
90
+ word-break: var(--_thm-ty-h5-wd-bk);
72
91
  font-size: var(--_thm-ty-h5-ft-se);
73
92
  font-weight: var(--_thm-ty-h5-bd);
74
93
  font-style: var(--_thm-ty-h5-ic);
@@ -82,6 +101,9 @@
82
101
  // padding-inline: var(--_sf-cd-gp);
83
102
  color: var(--_thm-ty-p1-tt-cr);
84
103
  font-family: var(--_thm-ty-p1-ft-fy);
104
+ text-transform: var(--_thm-ty-p1-tt-tm);
105
+ word-wrap: var(--_thm-ty-p1-wd-wp);
106
+ word-break: var(--_thm-ty-p1-wd-bk);
85
107
  font-size: var(--_thm-ty-p1-ft-se);
86
108
  font-weight: var(--_thm-ty-p1-bd);
87
109
  font-style: var(--_thm-ty-p1-ic);
@@ -94,6 +116,9 @@
94
116
  // padding-inline: var(--_sf-cd-gp);
95
117
  color: var(--_thm-ty-p2-tt-cr);
96
118
  font-family: var(--_thm-ty-p2-ft-fy);
119
+ text-transform: var(--_thm-ty-p2-tt-tm);
120
+ word-wrap: var(--_thm-ty-p2-wd-wp);
121
+ word-break: var(--_thm-ty-p2-wd-bk);
97
122
  font-size: var(--_thm-ty-p2-ft-se);
98
123
  font-weight: var(--_thm-ty-p2-bd);
99
124
  font-style: var(--_thm-ty-p2-ic);
@@ -107,6 +132,9 @@
107
132
  // padding-inline: var(--_sf-cd-gp);
108
133
  color: var(--_thm-ty-p3-tt-cr);
109
134
  font-family: var(--_thm-ty-p3-ft-fy);
135
+ text-transform: var(--_thm-ty-p3-tt-tm);
136
+ word-wrap: var(--_thm-ty-p3-wd-wp);
137
+ word-break: var(--_thm-ty-p3-wd-bk);
110
138
  font-size: var(--_thm-ty-p3-ft-se);
111
139
  font-weight: var(--_thm-ty-p3-bd);
112
140
  // font-style: var(--_thm-ty-p3-ic);
@@ -180,6 +208,13 @@
180
208
 
181
209
  color: var(--_sf-hr-cr, var(--_thm-py-bs-dt-se-tt-cr));
182
210
  font-family: var(--_sf-hr-ft-fy, var(--_thm-py-bs-dt-se-ft));
211
+ text-transform: var(--_sf-hr-tt-tm, var(--_thm-py-bs-dt-se-ft));
212
+ word-wrap: var(--_sf-hr-wd-wp, var(--_thm-py-bs-dt-se-ft));
213
+ word-break: var(--_sf-hr-wd-bk, var(--_thm-py-bs-dt-se-ft));
214
+ &.flex__overflow {
215
+ white-space: normal;
216
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
217
+ }
183
218
  font-size: var(--_sf-hr-ft-se, var(--_thm-py-bs-dt-se-ft-se));
184
219
  font-weight: var(--_sf-hr-ft-wt, var(--_thm-py-bs-dt-se-bd));
185
220
  font-style: var(--_sf-hr-ft-se-ic, var(--_thm-py-bs-dt-se-ic));
@@ -269,6 +304,13 @@
269
304
 
270
305
  color: var(--_sf-hr-cr, var(--_thm-sy-bs-dt-se-tt-cr));
271
306
  font-family: var(--_sf-hr-ft-fy, var(--_thm-sy-bs-dt-se-ft));
307
+ text-transform: var(--_sf-hr-tt-tm, var(--_thm-sy-bs-dt-se-ft));
308
+ word-wrap: var(--_sf-hr-wd-wp, var(--_thm-sy-bs-dt-se-ft));
309
+ word-break: var(--_sf-hr-wd-bk, var(--_thm-sy-bs-dt-se-ft));
310
+ &.flex__overflow {
311
+ white-space: normal;
312
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
313
+ }
272
314
  font-size: var(--_sf-hr-ft-se, var(--_thm-sy-bs-dt-se-ft-se));
273
315
  font-weight: var(--_sf-hr-ft-wt, var(--_thm-sy-bs-dt-se-bd));
274
316
  font-style: var(--_sf-hr-ft-se-ic, var(--_thm-sy-bs-dt-se-ic));
@@ -345,6 +387,13 @@
345
387
 
346
388
  color: var(--_sf-hr-cr, var(--_thm-ty-bs-dt-se-tt-cr));
347
389
  font-family: var(--_sf-hr-ft-fy, var(--_thm-ty-bs-dt-se-ft));
390
+ text-transform: var(--_sf-hr-tt-tm, var(--_thm-ty-bs-dt-se-ft));
391
+ word-wrap: var(--_sf-hr-wd-wp, var(--_thm-ty-bs-dt-se-ft));
392
+ word-break: var(--_sf-hr-wd-bk, var(--_thm-ty-bs-dt-se-ft));
393
+ &.flex__overflow {
394
+ white-space: normal;
395
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
396
+ }
348
397
  font-size: var(--_sf-hr-ft-se, var(--_thm-ty-bs-dt-se-ft-se));
349
398
  font-weight: var(--_sf-hr-ft-wt, var(--_thm-ty-bs-dt-se-bd));
350
399
  font-style: var(--_sf-hr-ft-se-ic, var(--_thm-ty-bs-dt-se-ic));