@sc-360-v2/storefront-cms-library 0.5.71 → 0.5.73

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 (128) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +126 -236
  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 +189 -407
  6. package/dist/allocationDetails.scss +1661 -2143
  7. package/dist/allocations-quota-details.scss +159 -323
  8. package/dist/allocations.scss +475 -793
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/badge.scss +43 -18
  11. package/dist/brand-basic-elements.scss +76 -124
  12. package/dist/brand.scss +28 -55
  13. package/dist/breadcrumbs.scss +356 -718
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +1128 -2027
  16. package/dist/bundle.scss +841 -1477
  17. package/dist/bundleCategories.scss +301 -301
  18. package/dist/bundleDetails.scss +3774 -5072
  19. package/dist/button.scss +79 -103
  20. package/dist/buy-for-tab-container.scss +77 -106
  21. package/dist/buyForHeaders.scss +1722 -2976
  22. package/dist/cart-details.scss +481 -1012
  23. package/dist/cart-summary.scss +2234 -2826
  24. package/dist/cart-wrapper.scss +37 -79
  25. package/dist/cart.scss +117 -225
  26. package/dist/cartAttributes.scss +1103 -1422
  27. package/dist/category-groups-element.scss +127 -108
  28. package/dist/category-groups-product-grid.scss +120 -147
  29. package/dist/category-groups-product-image.scss +1162 -1457
  30. package/dist/category-groups-product-options.scss +613 -680
  31. package/dist/category-groups-product-price.scss +1966 -3244
  32. package/dist/category-groups-quota-details.scss +210 -464
  33. package/dist/category.scss +26 -50
  34. package/dist/checkout.scss +24 -16
  35. package/dist/confirm-modal.scss +22 -2
  36. package/dist/container.scss +32 -54
  37. package/dist/countdown.scss +711 -899
  38. package/dist/coupon.scss +1160 -1519
  39. package/dist/default-dropdown.scss +12 -1
  40. package/dist/embroider-template-1-v2.scss +123 -172
  41. package/dist/embroider-template-1.scss +68 -104
  42. package/dist/embroidery.scss +30 -31
  43. package/dist/employee-bulk-order.scss +418 -142
  44. package/dist/faq.scss +228 -408
  45. package/dist/filter-results.scss +125 -265
  46. package/dist/filters.scss +2143 -3040
  47. package/dist/gallery-slider-temp.scss +1458 -1776
  48. package/dist/global-styles.scss +218 -198
  49. package/dist/grid.scss +25 -33
  50. package/dist/hotspot.scss +68 -115
  51. package/dist/image-temp.scss +21 -20
  52. package/dist/item-stock.scss +9 -16
  53. package/dist/kitDetails.scss +2719 -4299
  54. package/dist/kits.scss +24 -19
  55. package/dist/language-selector.scss +211 -361
  56. package/dist/last-x-orders.scss +95 -174
  57. package/dist/layouter-item.scss +75 -103
  58. package/dist/layouter-pro-item.scss +89 -95
  59. package/dist/layouter-pro.scss +87 -92
  60. package/dist/layouter.scss +383 -445
  61. package/dist/light-box-v2.scss +89 -104
  62. package/dist/login.scss +287 -566
  63. package/dist/map.scss +1212 -1359
  64. package/dist/marchandiserSets.scss +95 -104
  65. package/dist/mega-menu-container.scss +96 -109
  66. package/dist/mega-menu.scss +624 -731
  67. package/dist/menu-item.scss +2 -2
  68. package/dist/menu-v2.scss +507 -619
  69. package/dist/multi-select-dropdown.scss +27 -3
  70. package/dist/my-templates.scss +38 -9
  71. package/dist/option-bar.scss +215 -375
  72. package/dist/order-status.scss +1790 -2187
  73. package/dist/overflow-module.scss +6 -7
  74. package/dist/past-orders.scss +118 -149
  75. package/dist/payment-methods.scss +46 -30
  76. package/dist/pickup-locations.scss +558 -1118
  77. package/dist/position-module.scss +20 -17
  78. package/dist/prefix-list.scss +21 -10
  79. package/dist/product-actions.scss +1750 -2055
  80. package/dist/product-basic-elements.scss +108 -169
  81. package/dist/product-highlights.scss +303 -348
  82. package/dist/product-image-allocation.scss +1477 -1477
  83. package/dist/product-image-bundles.scss +337 -642
  84. package/dist/product-inventory.scss +673 -1357
  85. package/dist/product-labels.scss +84 -105
  86. package/dist/product-options.scss +1287 -1444
  87. package/dist/product-price.scss +1283 -2561
  88. package/dist/product-promotions.scss +1388 -2830
  89. package/dist/product-sizechart.scss +516 -905
  90. package/dist/product.scss +28 -61
  91. package/dist/productDetails.scss +19 -39
  92. package/dist/profile.scss +207 -447
  93. package/dist/quantity-selector.scss +837 -1074
  94. package/dist/quick-inventory-check.scss +95 -174
  95. package/dist/quick-links.scss +55 -133
  96. package/dist/quick-order-pad.scss +218 -271
  97. package/dist/quota-details.scss +152 -282
  98. package/dist/quotes.scss +814 -847
  99. package/dist/repeater-embla-controls.scss +35 -15
  100. package/dist/repeater-grid-toggle.scss +156 -166
  101. package/dist/repeater-item.scss +41 -64
  102. package/dist/repeater.scss +671 -814
  103. package/dist/request-for-quotes.scss +66 -16
  104. package/dist/responsive-behaviour.scss +3 -1
  105. package/dist/rfqs.scss +118 -181
  106. package/dist/scroll.scss +93 -172
  107. package/dist/search-results-heading.scss +309 -309
  108. package/dist/search.scss +179 -326
  109. package/dist/section.scss +27 -51
  110. package/dist/shipping-payments.scss +198 -58
  111. package/dist/simple-list.scss +74 -164
  112. package/dist/social.scss +80 -145
  113. package/dist/sort.scss +168 -176
  114. package/dist/stack.scss +23 -34
  115. package/dist/static-global.scss +44 -26
  116. package/dist/stockStatus.scss +11 -19
  117. package/dist/store-locations.scss +577 -1105
  118. package/dist/tab-container.scss +81 -108
  119. package/dist/table-common.scss +217 -408
  120. package/dist/table.scss +271 -502
  121. package/dist/text-temp.scss +8 -7
  122. package/dist/theme-classes.scss +17 -13
  123. package/dist/uom-selector.scss +489 -949
  124. package/dist/user-elements.scss +2588 -2896
  125. package/dist/variant-picker.scss +1281 -2555
  126. package/dist/volume-pricing.scss +541 -1037
  127. package/dist/widget.scss +153 -153
  128. package/package.json +1 -1
package/dist/payment-methods.scss CHANGED
@@ -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
+ }