@sc-360-v2/storefront-cms-library 0.5.72 → 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 (124) 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/bundleDetails.scss +3774 -5072
  18. package/dist/button.scss +79 -103
  19. package/dist/buy-for-tab-container.scss +77 -106
  20. package/dist/buyForHeaders.scss +1722 -2976
  21. package/dist/cart-details.scss +481 -1012
  22. package/dist/cart-summary.scss +557 -1149
  23. package/dist/cart-wrapper.scss +37 -79
  24. package/dist/cart.scss +117 -225
  25. package/dist/cartAttributes.scss +416 -735
  26. package/dist/category-groups-element.scss +127 -108
  27. package/dist/category-groups-product-grid.scss +120 -147
  28. package/dist/category-groups-product-image.scss +1162 -1457
  29. package/dist/category-groups-product-options.scss +613 -680
  30. package/dist/category-groups-product-price.scss +1966 -3244
  31. package/dist/category-groups-quota-details.scss +210 -464
  32. package/dist/category.scss +26 -50
  33. package/dist/checkout.scss +24 -16
  34. package/dist/confirm-modal.scss +22 -2
  35. package/dist/container.scss +32 -54
  36. package/dist/countdown.scss +255 -443
  37. package/dist/coupon.scss +351 -710
  38. package/dist/default-dropdown.scss +12 -1
  39. package/dist/embroider-template-1-v2.scss +123 -172
  40. package/dist/embroider-template-1.scss +68 -104
  41. package/dist/embroidery.scss +30 -31
  42. package/dist/employee-bulk-order.scss +418 -142
  43. package/dist/faq.scss +228 -408
  44. package/dist/filter-results.scss +125 -265
  45. package/dist/filters.scss +900 -1797
  46. package/dist/gallery-slider-temp.scss +432 -750
  47. package/dist/global-styles.scss +218 -198
  48. package/dist/grid.scss +25 -33
  49. package/dist/hotspot.scss +68 -115
  50. package/dist/image-temp.scss +21 -20
  51. package/dist/item-stock.scss +9 -16
  52. package/dist/kitDetails.scss +2719 -4299
  53. package/dist/kits.scss +24 -19
  54. package/dist/language-selector.scss +211 -361
  55. package/dist/last-x-orders.scss +95 -174
  56. package/dist/layouter-item.scss +75 -103
  57. package/dist/layouter-pro-item.scss +89 -95
  58. package/dist/layouter-pro.scss +87 -92
  59. package/dist/layouter.scss +383 -445
  60. package/dist/light-box-v2.scss +89 -104
  61. package/dist/login.scss +287 -566
  62. package/dist/map.scss +221 -368
  63. package/dist/marchandiserSets.scss +95 -104
  64. package/dist/mega-menu-container.scss +96 -109
  65. package/dist/mega-menu.scss +624 -731
  66. package/dist/menu-item.scss +2 -2
  67. package/dist/menu-v2.scss +507 -619
  68. package/dist/multi-select-dropdown.scss +27 -3
  69. package/dist/my-templates.scss +38 -9
  70. package/dist/option-bar.scss +215 -375
  71. package/dist/order-status.scss +646 -1117
  72. package/dist/overflow-module.scss +6 -7
  73. package/dist/past-orders.scss +118 -149
  74. package/dist/payment-methods.scss +46 -30
  75. package/dist/pickup-locations.scss +558 -1118
  76. package/dist/position-module.scss +20 -17
  77. package/dist/prefix-list.scss +21 -10
  78. package/dist/product-actions.scss +1750 -2055
  79. package/dist/product-basic-elements.scss +108 -169
  80. package/dist/product-highlights.scss +107 -152
  81. package/dist/product-image-bundles.scss +337 -642
  82. package/dist/product-inventory.scss +673 -1357
  83. package/dist/product-labels.scss +84 -105
  84. package/dist/product-options.scss +1117 -1274
  85. package/dist/product-price.scss +1283 -2561
  86. package/dist/product-promotions.scss +1388 -2830
  87. package/dist/product-sizechart.scss +516 -905
  88. package/dist/product.scss +28 -61
  89. package/dist/productDetails.scss +19 -39
  90. package/dist/profile.scss +207 -447
  91. package/dist/quantity-selector.scss +837 -1074
  92. package/dist/quick-inventory-check.scss +95 -174
  93. package/dist/quick-links.scss +55 -133
  94. package/dist/quick-order-pad.scss +218 -271
  95. package/dist/quota-details.scss +152 -282
  96. package/dist/quotes.scss +89 -122
  97. package/dist/repeater-embla-controls.scss +35 -15
  98. package/dist/repeater-grid-toggle.scss +156 -166
  99. package/dist/repeater-item.scss +41 -64
  100. package/dist/repeater.scss +671 -814
  101. package/dist/request-for-quotes.scss +66 -16
  102. package/dist/responsive-behaviour.scss +3 -1
  103. package/dist/rfqs.scss +118 -181
  104. package/dist/scroll.scss +93 -172
  105. package/dist/search.scss +179 -326
  106. package/dist/section.scss +27 -51
  107. package/dist/shipping-payments.scss +198 -58
  108. package/dist/simple-list.scss +74 -164
  109. package/dist/social.scss +80 -145
  110. package/dist/sort.scss +11 -19
  111. package/dist/stack.scss +23 -34
  112. package/dist/static-global.scss +44 -26
  113. package/dist/stockStatus.scss +11 -19
  114. package/dist/store-locations.scss +577 -1105
  115. package/dist/tab-container.scss +81 -108
  116. package/dist/table-common.scss +217 -408
  117. package/dist/table.scss +271 -502
  118. package/dist/text-temp.scss +8 -7
  119. package/dist/theme-classes.scss +17 -13
  120. package/dist/uom-selector.scss +489 -949
  121. package/dist/user-elements.scss +529 -837
  122. package/dist/variant-picker.scss +1281 -2555
  123. package/dist/volume-pricing.scss +541 -1037
  124. 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
+ }