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

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 (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. package/package.json +131 -131
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
3
  @use "./functions.scss" as *;
4
+
4
5
  [data-div-type="element"] {
5
6
  &[data-element-type="paymentMethods"] {
6
7
  // width: var(--_lt-wh);
@@ -17,19 +18,22 @@
17
18
  // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
18
19
  // );
19
20
 
20
- & > .wrapper {
21
+ &>.wrapper {
21
22
  width: 100%;
22
23
  // height: 100%;
23
24
  }
25
+
24
26
  &[data-show-shadow="false"] {
25
27
  --_show-shadow: none;
26
28
  }
29
+
27
30
  .text-element {
28
31
  background: #6d96e4;
29
32
  padding: 10px;
30
33
  font-weight: 600;
31
34
  color: rgba(75, 69, 70, 1);
32
35
  }
36
+
33
37
  .container {
34
38
  display: flex;
35
39
  flex-direction: column;
@@ -39,13 +43,12 @@
39
43
  border-color: prepareMediaVariable(--_ctm-dn-pt-md-wt-br-cr);
40
44
  border-style: prepareMediaVariable(--_ctm-dn-pt-md-wt-br-se);
41
45
  border-radius: prepareMediaVariable(--_ctm-dn-pt-md-wt-br-rs);
42
- box-shadow: prepareMediaVariable(--_ctm-dn-pt-md-wt-sw-ae)
43
- prepareMediaVariable(--_ctm-dn-pt-md-wt-sw-br)
44
- prepareMediaVariable(--_ctm-dn-pt-md-wt-sw-sd)
45
- prepareMediaVariable(--_ctm-dn-pt-md-wt-sw-cr);
46
+ box-shadow: prepareMediaVariable(--_ctm-dn-pt-md-wt-sw-ae) prepareMediaVariable(--_ctm-dn-pt-md-wt-sw-br) prepareMediaVariable(--_ctm-dn-pt-md-wt-sw-sd) prepareMediaVariable(--_ctm-dn-pt-md-wt-sw-cr);
47
+
46
48
  .title-content {
47
49
  display: flex;
48
50
  flex-direction: column;
51
+
49
52
  .title {
50
53
  font-size: 24px;
51
54
  margin-bottom: 10px;
@@ -63,6 +66,7 @@
63
66
  letter-spacing: prepareMediaVariable(--_ctm-dn-pt-md-te-lr-sg);
64
67
  line-height: prepareMediaVariable(--_ctm-dn-pt-md-te-le-ht);
65
68
  }
69
+
66
70
  .description {
67
71
  font-size: 16px;
68
72
  color: #000;
@@ -80,37 +84,36 @@
80
84
  line-height: prepareMediaVariable(--_ctm-dn-pt-md-dn-le-ht);
81
85
  }
82
86
  }
87
+
83
88
  .payment__methods__container {
84
89
  display: var(--_d-flex);
85
90
  flex-direction: column;
86
91
  gap: 20px;
87
92
  // padding: 20px 0;
88
- justify-content: var(
89
- --_ctm-mob-lt-im-ct-at,
90
- var(--_ctm-tab-lt-im-ct-at, var(--_ctm-lt-im-ct-at))
91
- );
93
+ justify-content: var(--_ctm-mob-lt-im-ct-at,
94
+ var(--_ctm-tab-lt-im-ct-at, var(--_ctm-lt-im-ct-at)));
92
95
  background-color: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-bd-cr);
93
96
  border-width: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-br-wh);
94
97
  border-color: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-br-cr);
95
98
  border-style: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-br-se);
96
99
  border-radius: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-br-rs);
97
- box-shadow: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-sw-ae)
98
- prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-sw-br)
99
- prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-sw-sd)
100
- prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-sw-cr);
100
+ box-shadow: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-sw-ae) prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-sw-br) prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-sw-sd) prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-sw-cr);
101
101
 
102
102
  .horizontal {
103
103
  display: flex;
104
104
  align-items: center;
105
105
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
106
106
  flex-direction: row;
107
+
107
108
  &[data-overflow-item="Wrap"] {
108
109
  flex-wrap: wrap;
109
110
  }
111
+
110
112
  &[data-overflow-item="Scroll"] {
111
113
  overflow-x: scroll;
112
114
  width: 35%;
113
115
  }
116
+
114
117
  .item {
115
118
  padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
116
119
  font-family: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-ft-fy);
@@ -125,24 +128,29 @@
125
128
  text-align: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-tt-an);
126
129
  letter-spacing: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-lr-sg);
127
130
  line-height: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-le-ht);
131
+
128
132
  img {
129
133
  width: 50px;
130
134
  height: 30px;
131
135
  }
132
136
  }
133
137
  }
138
+
134
139
  .vertical {
135
140
  display: flex;
136
141
  align-items: center;
137
142
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
138
143
  flex-direction: column;
144
+
139
145
  &[data-overflow-item="Wrap"] {
140
146
  flex-wrap: wrap;
141
147
  }
148
+
142
149
  &[data-overflow-item="Scroll"] {
143
150
  overflow-x: scroll;
144
151
  width: 35%;
145
152
  }
153
+
146
154
  .item {
147
155
  padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
148
156
  font-family: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-ft-fy);
@@ -157,26 +165,32 @@
157
165
  text-align: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-tt-an);
158
166
  letter-spacing: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-lr-sg);
159
167
  line-height: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-le-ht);
168
+
160
169
  img {
161
170
  width: 50px;
162
171
  height: 30px;
163
172
  }
164
173
  }
165
174
  }
175
+
166
176
  .table-content {
167
177
  border-collapse: collapse;
168
178
  border: 1px solid #000;
179
+
169
180
  &[data-header-divider="true"] {
170
181
  thead tr th {
171
182
  border-bottom: 1px solid red;
172
183
  }
173
184
  }
185
+
174
186
  &[data-row-divider="true"] {
175
187
  tbody tr td {
176
188
  border-bottom: 1px solid green;
177
189
  }
178
190
  }
191
+
179
192
  &[data-column-divider="true"] {
193
+
180
194
  tbody tr td,
181
195
  thead tr th {
182
196
  border-right: 1px solid orange;
@@ -187,24 +201,23 @@
187
201
  border-right: none;
188
202
  }
189
203
  }
204
+
190
205
  &[data-alternative-row-colors="true"] {
191
206
  tbody tr:nth-child(odd) {
192
207
  background-color: #f78a8a;
193
208
  width: 100%;
194
209
  }
195
210
  }
211
+
196
212
  thead {
197
213
  height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
214
+
198
215
  tr {
199
216
  th {
200
- padding: var(
201
- --_ctm-mob-lt-hr-cl-pg,
202
- var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg))
203
- );
204
- text-align: var(
205
- --_ctm-mob-lt-ct-at,
206
- var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at))
207
- );
217
+ padding: var(--_ctm-mob-lt-hr-cl-pg,
218
+ var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-lt-hr-cl-pg)));
219
+ text-align: var(--_ctm-mob-lt-ct-at,
220
+ var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
208
221
  border: 0;
209
222
  font-family: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-ft-fy);
210
223
  text-transform: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-tt-tm);
@@ -221,21 +234,19 @@
221
234
  }
222
235
  }
223
236
  }
237
+
224
238
  tbody {
225
239
  tr {
226
- padding: var(
227
- --_ctm-mob-lt-rw-cl-pg,
228
- var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg))
229
- );
240
+ padding: var(--_ctm-mob-lt-rw-cl-pg,
241
+ var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg)));
230
242
  height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
243
+
231
244
  th,
232
245
  td {
233
246
  border: 0;
234
247
  padding: inherit;
235
- text-align: var(
236
- --_ctm-mob-lt-ct-at,
237
- var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at))
238
- );
248
+ text-align: var(--_ctm-mob-lt-ct-at,
249
+ var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
239
250
  font-family: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-ft-fy);
240
251
  text-transform: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-tt-tm);
241
252
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-wd-wp);
@@ -265,12 +276,14 @@
265
276
  }
266
277
  }
267
278
  }
279
+
268
280
  .loadmore_conatiner {
269
281
  display: flex;
270
282
  justify-content: center;
271
283
  align-items: center;
272
284
  gap: 10px;
273
285
  margin-top: 10px;
286
+
274
287
  button {
275
288
  font-size: 10px;
276
289
  padding: 10px;
@@ -281,11 +294,13 @@
281
294
  border-radius: 10px;
282
295
  }
283
296
  }
297
+
284
298
  .pagination_container {
285
299
  display: flex;
286
300
  justify-content: center;
287
301
  align-items: center;
288
302
  gap: 10px;
303
+
289
304
  button {
290
305
  font-size: 16px;
291
306
  // padding: 10px 20px;
@@ -295,6 +310,7 @@
295
310
  cursor: pointer;
296
311
  // border-radius: 10px;
297
312
  }
313
+
298
314
  .active {
299
315
  span {
300
316
  background-color: var(--_gray-300);
@@ -304,4 +320,4 @@
304
320
  }
305
321
  }
306
322
  }
307
- }
323
+ }