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

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 (140) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2155 -1671
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/builderLite.js +1 -1
  16. package/dist/bulk-variant-picker.scss +2027 -1128
  17. package/dist/bundle.scss +1477 -841
  18. package/dist/bundleCategories.scss +301 -0
  19. package/dist/bundleDetails.scss +5072 -3774
  20. package/dist/button.scss +103 -78
  21. package/dist/buy-for-tab-container.scss +106 -77
  22. package/dist/buyForHeaders.scss +2976 -1722
  23. package/dist/cart-details.scss +1025 -485
  24. package/dist/cart-summary.scss +1234 -569
  25. package/dist/cart-wrapper.scss +79 -37
  26. package/dist/cart.scss +225 -117
  27. package/dist/cartAttributes.scss +647 -367
  28. package/dist/cartDropdownOverlay.scss +10 -1
  29. package/dist/category-groups-element.scss +108 -127
  30. package/dist/category-groups-product-grid.scss +147 -120
  31. package/dist/category-groups-product-image.scss +1457 -1162
  32. package/dist/category-groups-product-options.scss +685 -590
  33. package/dist/category-groups-product-price.scss +3244 -1966
  34. package/dist/category-groups-quota-details.scss +464 -210
  35. package/dist/category.scss +50 -26
  36. package/dist/checkout.scss +16 -24
  37. package/dist/confirm-modal.scss +2 -22
  38. package/dist/container.scss +54 -32
  39. package/dist/countdown.scss +443 -256
  40. package/dist/coupon.scss +16 -19
  41. package/dist/default-dropdown.scss +1 -12
  42. package/dist/embroider-template-1-v2.scss +172 -123
  43. package/dist/embroider-template-1.scss +104 -68
  44. package/dist/embroidery.scss +31 -30
  45. package/dist/employee-bulk-order.scss +142 -418
  46. package/dist/faq.scss +408 -228
  47. package/dist/filter-results.scss +265 -125
  48. package/dist/filters.scss +1682 -831
  49. package/dist/gallery-slider-temp.scss +805 -445
  50. package/dist/global-styles.scss +7 -23
  51. package/dist/grid.scss +33 -25
  52. package/dist/hotspot.scss +115 -68
  53. package/dist/image-temp.scss +38 -24
  54. package/dist/item-stock.scss +16 -9
  55. package/dist/kitDetails.scss +4301 -2721
  56. package/dist/kits.scss +19 -24
  57. package/dist/language-selector.scss +361 -211
  58. package/dist/last-x-orders.scss +174 -95
  59. package/dist/layouter-item.scss +106 -76
  60. package/dist/layouter-pro-item.scss +95 -89
  61. package/dist/layouter-pro.scss +92 -87
  62. package/dist/layouter.scss +264 -79
  63. package/dist/light-box-v2.scss +104 -89
  64. package/dist/login.scss +600 -311
  65. package/dist/map.scss +391 -228
  66. package/dist/marchandiserSets.scss +104 -95
  67. package/dist/mega-menu-container.scss +109 -96
  68. package/dist/mega-menu.scss +731 -624
  69. package/dist/menu-item.scss +2 -2
  70. package/dist/menu-v2.scss +619 -507
  71. package/dist/multi-select-dropdown.scss +3 -27
  72. package/dist/my-templates.scss +9 -38
  73. package/dist/option-bar.scss +375 -215
  74. package/dist/order-status.scss +1117 -643
  75. package/dist/overflow-module.scss +7 -6
  76. package/dist/past-orders.scss +149 -118
  77. package/dist/payment-methods.scss +30 -46
  78. package/dist/pickup-locations.scss +1118 -558
  79. package/dist/position-module.scss +17 -20
  80. package/dist/prefix-list.scss +10 -21
  81. package/dist/product-actions.scss +1778 -1228
  82. package/dist/product-basic-elements.scss +169 -108
  83. package/dist/product-highlights.scss +176 -107
  84. package/dist/product-image-bundles.scss +642 -337
  85. package/dist/product-inventory.scss +1357 -673
  86. package/dist/product-labels.scss +105 -84
  87. package/dist/product-options.scss +659 -316
  88. package/dist/product-price.scss +2562 -1284
  89. package/dist/product-promotions.scss +2830 -1388
  90. package/dist/product-sizechart.scss +905 -516
  91. package/dist/product.scss +61 -28
  92. package/dist/productDetails.scss +39 -19
  93. package/dist/profile.scss +451 -207
  94. package/dist/quantity-selector.scss +550 -313
  95. package/dist/quick-inventory-check.scss +174 -95
  96. package/dist/quick-links.scss +137 -56
  97. package/dist/quick-order-pad.scss +271 -218
  98. package/dist/quota-details.scss +282 -152
  99. package/dist/quotes.scss +121 -82
  100. package/dist/repeater-embla-controls.scss +26 -37
  101. package/dist/repeater-grid-toggle.scss +166 -156
  102. package/dist/repeater-item.scss +64 -41
  103. package/dist/repeater.scss +817 -554
  104. package/dist/request-for-quotes.scss +16 -66
  105. package/dist/responsive-behaviour.scss +1 -3
  106. package/dist/rfqs.scss +181 -118
  107. package/dist/scroll.scss +198 -90
  108. package/dist/search.scss +326 -179
  109. package/dist/section.scss +51 -27
  110. package/dist/shipping-payments.scss +58 -198
  111. package/dist/simple-list.scss +198 -61
  112. package/dist/social.scss +145 -80
  113. package/dist/stack.scss +34 -23
  114. package/dist/static-global.scss +26 -44
  115. package/dist/stockStatus.scss +19 -11
  116. package/dist/store-locations.scss +1105 -577
  117. package/dist/tab-container.scss +108 -81
  118. package/dist/table-common.scss +408 -217
  119. package/dist/table.scss +511 -269
  120. package/dist/text-temp.scss +7 -8
  121. package/dist/theme-classes.scss +13 -17
  122. package/dist/types/builder/elements/bundle-categories/index.d.ts +30 -0
  123. package/dist/types/builder/enums/index.d.ts +1 -0
  124. package/dist/types/builder/index.d.ts +2 -1
  125. package/dist/types/builder/tools/element-edit/bundleCategories.d.ts +115 -0
  126. package/dist/types/builder/tools/element-edit/button.d.ts +1 -0
  127. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1051 -2
  128. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  129. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  130. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  131. package/dist/types/builder/tools/element-edit/productPrice.d.ts +1 -0
  132. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  133. package/dist/types/builder/tools/element-edit/scroll.d.ts +6 -0
  134. package/dist/types/builder/tools/element-edit/userElements.d.ts +38 -37
  135. package/dist/uom-selector.scss +949 -489
  136. package/dist/user-elements.scss +892 -574
  137. package/dist/variant-picker.scss +2555 -1281
  138. package/dist/volume-pricing.scss +1037 -541
  139. package/dist/website.js +1 -1
  140. package/package.json +1 -1
package/dist/payment-methods.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
3
  @use "./functions.scss" as *;
4
-
5
4
  [data-div-type="element"] {
6
5
  &[data-element-type="paymentMethods"] {
7
6
  // width: var(--_lt-wh);
@@ -18,22 +17,19 @@
18
17
  // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
18
  // );
20
19
 
21
- &>.wrapper {
20
+ & > .wrapper {
22
21
  width: 100%;
23
22
  // height: 100%;
24
23
  }
25
-
26
24
  &[data-show-shadow="false"] {
27
25
  --_show-shadow: none;
28
26
  }
29
-
30
27
  .text-element {
31
28
  background: #6d96e4;
32
29
  padding: 10px;
33
30
  font-weight: 600;
34
31
  color: rgba(75, 69, 70, 1);
35
32
  }
36
-
37
33
  .container {
38
34
  display: flex;
39
35
  flex-direction: column;
@@ -43,12 +39,13 @@
43
39
  border-color: prepareMediaVariable(--_ctm-dn-pt-md-wt-br-cr);
44
40
  border-style: prepareMediaVariable(--_ctm-dn-pt-md-wt-br-se);
45
41
  border-radius: prepareMediaVariable(--_ctm-dn-pt-md-wt-br-rs);
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
-
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);
48
46
  .title-content {
49
47
  display: flex;
50
48
  flex-direction: column;
51
-
52
49
  .title {
53
50
  font-size: 24px;
54
51
  margin-bottom: 10px;
@@ -66,7 +63,6 @@
66
63
  letter-spacing: prepareMediaVariable(--_ctm-dn-pt-md-te-lr-sg);
67
64
  line-height: prepareMediaVariable(--_ctm-dn-pt-md-te-le-ht);
68
65
  }
69
-
70
66
  .description {
71
67
  font-size: 16px;
72
68
  color: #000;
@@ -84,36 +80,37 @@
84
80
  line-height: prepareMediaVariable(--_ctm-dn-pt-md-dn-le-ht);
85
81
  }
86
82
  }
87
-
88
83
  .payment__methods__container {
89
84
  display: var(--_d-flex);
90
85
  flex-direction: column;
91
86
  gap: 20px;
92
87
  // padding: 20px 0;
93
- justify-content: var(--_ctm-mob-lt-im-ct-at,
94
- var(--_ctm-tab-lt-im-ct-at, var(--_ctm-lt-im-ct-at)));
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
+ );
95
92
  background-color: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-bd-cr);
96
93
  border-width: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-br-wh);
97
94
  border-color: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-br-cr);
98
95
  border-style: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-br-se);
99
96
  border-radius: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-br-rs);
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);
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);
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
-
108
107
  &[data-overflow-item="Wrap"] {
109
108
  flex-wrap: wrap;
110
109
  }
111
-
112
110
  &[data-overflow-item="Scroll"] {
113
111
  overflow-x: scroll;
114
112
  width: 35%;
115
113
  }
116
-
117
114
  .item {
118
115
  padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
119
116
  font-family: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-ft-fy);
@@ -128,29 +125,24 @@
128
125
  text-align: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-tt-an);
129
126
  letter-spacing: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-lr-sg);
130
127
  line-height: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-le-ht);
131
-
132
128
  img {
133
129
  width: 50px;
134
130
  height: 30px;
135
131
  }
136
132
  }
137
133
  }
138
-
139
134
  .vertical {
140
135
  display: flex;
141
136
  align-items: center;
142
137
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
143
138
  flex-direction: column;
144
-
145
139
  &[data-overflow-item="Wrap"] {
146
140
  flex-wrap: wrap;
147
141
  }
148
-
149
142
  &[data-overflow-item="Scroll"] {
150
143
  overflow-x: scroll;
151
144
  width: 35%;
152
145
  }
153
-
154
146
  .item {
155
147
  padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
156
148
  font-family: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-ft-fy);
@@ -165,32 +157,26 @@
165
157
  text-align: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-tt-an);
166
158
  letter-spacing: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-lr-sg);
167
159
  line-height: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-le-ht);
168
-
169
160
  img {
170
161
  width: 50px;
171
162
  height: 30px;
172
163
  }
173
164
  }
174
165
  }
175
-
176
166
  .table-content {
177
167
  border-collapse: collapse;
178
168
  border: 1px solid #000;
179
-
180
169
  &[data-header-divider="true"] {
181
170
  thead tr th {
182
171
  border-bottom: 1px solid red;
183
172
  }
184
173
  }
185
-
186
174
  &[data-row-divider="true"] {
187
175
  tbody tr td {
188
176
  border-bottom: 1px solid green;
189
177
  }
190
178
  }
191
-
192
179
  &[data-column-divider="true"] {
193
-
194
180
  tbody tr td,
195
181
  thead tr th {
196
182
  border-right: 1px solid orange;
@@ -201,23 +187,24 @@
201
187
  border-right: none;
202
188
  }
203
189
  }
204
-
205
190
  &[data-alternative-row-colors="true"] {
206
191
  tbody tr:nth-child(odd) {
207
192
  background-color: #f78a8a;
208
193
  width: 100%;
209
194
  }
210
195
  }
211
-
212
196
  thead {
213
197
  height: var(--_ctm-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-lt-hr-ht)));
214
-
215
198
  tr {
216
199
  th {
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)));
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
+ );
221
208
  border: 0;
222
209
  font-family: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-ft-fy);
223
210
  text-transform: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-tt-tm);
@@ -234,19 +221,21 @@
234
221
  }
235
222
  }
236
223
  }
237
-
238
224
  tbody {
239
225
  tr {
240
- padding: var(--_ctm-mob-lt-rw-cl-pg,
241
- var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-lt-rw-cl-pg)));
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
+ );
242
230
  height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
243
-
244
231
  th,
245
232
  td {
246
233
  border: 0;
247
234
  padding: inherit;
248
- text-align: var(--_ctm-mob-lt-ct-at,
249
- var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at)));
235
+ text-align: var(
236
+ --_ctm-mob-lt-ct-at,
237
+ var(--_ctm-tab-lt-ct-at, var(--_ctm-lt-ct-at))
238
+ );
250
239
  font-family: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-ft-fy);
251
240
  text-transform: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-tt-tm);
252
241
  word-wrap: prepareMediaVariable(--_ctm-dn-pt-md-cr-dn-wd-wp);
@@ -276,14 +265,12 @@
276
265
  }
277
266
  }
278
267
  }
279
-
280
268
  .loadmore_conatiner {
281
269
  display: flex;
282
270
  justify-content: center;
283
271
  align-items: center;
284
272
  gap: 10px;
285
273
  margin-top: 10px;
286
-
287
274
  button {
288
275
  font-size: 10px;
289
276
  padding: 10px;
@@ -294,13 +281,11 @@
294
281
  border-radius: 10px;
295
282
  }
296
283
  }
297
-
298
284
  .pagination_container {
299
285
  display: flex;
300
286
  justify-content: center;
301
287
  align-items: center;
302
288
  gap: 10px;
303
-
304
289
  button {
305
290
  font-size: 16px;
306
291
  // padding: 10px 20px;
@@ -310,7 +295,6 @@
310
295
  cursor: pointer;
311
296
  // border-radius: 10px;
312
297
  }
313
-
314
298
  .active {
315
299
  span {
316
300
  background-color: var(--_gray-300);
@@ -320,4 +304,4 @@
320
304
  }
321
305
  }
322
306
  }
323
- }
307
+ }