@sc-360-v2/storefront-cms-library 0.4.18 → 0.4.20

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 (16) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/faq.scss +76 -39
  3. package/dist/icon-library.scss +1 -0
  4. package/dist/pickup-locations.scss +0 -2
  5. package/dist/product-price.scss +19 -0
  6. package/dist/product-sizechart.scss +3 -0
  7. package/dist/stack.scss +2 -1
  8. package/dist/store-locations.scss +456 -390
  9. package/dist/table.scss +34 -0
  10. package/dist/types/builder/tools/element-edit/pickupLocations.d.ts +7 -1
  11. package/dist/types/builder/tools/element-edit/storeLocations.d.ts +7 -1
  12. package/dist/types/builder/tools/element-edit/table.d.ts +2 -2
  13. package/dist/types/builder/tools/element-edit/video.d.ts +16 -1
  14. package/dist/video.scss +105 -3
  15. package/dist/widget.scss +1 -1
  16. package/package.json +1 -1
package/dist/faq.scss CHANGED
@@ -203,45 +203,82 @@
203
203
  var(--_ctm-tab-dn-cd-an-im-pg-te, var(--_ctm-dn-cd-an-im-pg-te))
204
204
  );
205
205
 
206
- p {
207
- color: var(
208
- --_ctm-mob-dn-cd-an-im-cr,
209
- var(--_ctm-tab-dn-cd-an-im-cr, var(--_ctm-dn-cd-an-im-cr))
210
- );
211
- font-family: var(
212
- --_ctm-mob-dn-cd-an-im-ft-fy,
213
- var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy))
214
- ),
215
- sans-serif;
216
- font-size: var(
217
- --_ctm-mob-dn-cd-an-im-ft-se,
218
- var(--_ctm-tab-dn-cd-an-im-ft-se, var(--_ctm-dn-cd-an-im-ft-se))
219
- );
220
- font-weight: var(
221
- --_ctm-mob-dn-cd-an-im-ft-wt,
222
- var(--_ctm-tab-dn-cd-an-im-ft-wt, var(--_ctm-dn-cd-an-im-ft-wt))
223
- );
224
- font-style: var(
225
- --_ctm-mob-dn-cd-an-im-ft-se-ic,
226
- var(--_ctm-tab-dn-cd-an-im-ft-se-ic, var(--_ctm-dn-cd-an-im-ft-se-ic))
227
- );
228
- text-align: var(
229
- --_ctm-mob-dn-cd-an-im-tt-an,
230
- var(--_ctm-tab-dn-cd-an-im-tt-an, var(--_ctm-dn-cd-an-im-tt-an))
231
- );
232
- letter-spacing: var(
233
- --_ctm-mob-dn-cd-an-im-lr-sg,
234
- var(--_ctm-tab-dn-cd-an-im-lr-sg, var(--_ctm-dn-cd-an-im-lr-sg))
235
- );
236
- line-height: var(
237
- --_ctm-mob-dn-cd-an-im-le-ht,
238
- var(--_ctm-tab-dn-cd-an-im-le-ht, var(--_ctm-dn-cd-an-im-le-ht-dc))
239
- );
240
- text-decoration: var(
241
- --_ctm-mob-dn-cd-an-im-ue,
242
- var(--_ctm-tab-dn-cd-an-im-ue, var(--_ctm-dn-cd-an-im-ue))
243
- );
244
- }
206
+ // p {
207
+ // color: var(
208
+ // --_ctm-mob-dn-cd-an-im-cr,
209
+ // var(--_ctm-tab-dn-cd-an-im-cr, var(--_ctm-dn-cd-an-im-cr))
210
+ // );
211
+ // font-family: var(
212
+ // --_ctm-mob-dn-cd-an-im-ft-fy,
213
+ // var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy))
214
+ // ),
215
+ // sans-serif;
216
+ // font-size: var(
217
+ // --_ctm-mob-dn-cd-an-im-ft-se,
218
+ // var(--_ctm-tab-dn-cd-an-im-ft-se, var(--_ctm-dn-cd-an-im-ft-se))
219
+ // );
220
+ // font-weight: var(
221
+ // --_ctm-mob-dn-cd-an-im-ft-wt,
222
+ // var(--_ctm-tab-dn-cd-an-im-ft-wt, var(--_ctm-dn-cd-an-im-ft-wt))
223
+ // );
224
+ // font-style: var(
225
+ // --_ctm-mob-dn-cd-an-im-ft-se-ic,
226
+ // var(--_ctm-tab-dn-cd-an-im-ft-se-ic, var(--_ctm-dn-cd-an-im-ft-se-ic))
227
+ // );
228
+ // text-align: var(
229
+ // --_ctm-mob-dn-cd-an-im-tt-an,
230
+ // var(--_ctm-tab-dn-cd-an-im-tt-an, var(--_ctm-dn-cd-an-im-tt-an))
231
+ // );
232
+ // letter-spacing: var(
233
+ // --_ctm-mob-dn-cd-an-im-lr-sg,
234
+ // var(--_ctm-tab-dn-cd-an-im-lr-sg, var(--_ctm-dn-cd-an-im-lr-sg))
235
+ // );
236
+ // line-height: var(
237
+ // --_ctm-mob-dn-cd-an-im-le-ht,
238
+ // var(--_ctm-tab-dn-cd-an-im-le-ht, var(--_ctm-dn-cd-an-im-le-ht-dc))
239
+ // );
240
+ // text-decoration: var(
241
+ // --_ctm-mob-dn-cd-an-im-ue,
242
+ // var(--_ctm-tab-dn-cd-an-im-ue, var(--_ctm-dn-cd-an-im-ue))
243
+ // );
244
+ // }
245
+ color: var(
246
+ --_ctm-mob-dn-cd-an-im-cr,
247
+ var(--_ctm-tab-dn-cd-an-im-cr, var(--_ctm-dn-cd-an-im-cr))
248
+ );
249
+ font-family: var(
250
+ --_ctm-mob-dn-cd-an-im-ft-fy,
251
+ var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy))
252
+ ),
253
+ sans-serif;
254
+ font-size: var(
255
+ --_ctm-mob-dn-cd-an-im-ft-se,
256
+ var(--_ctm-tab-dn-cd-an-im-ft-se, var(--_ctm-dn-cd-an-im-ft-se))
257
+ );
258
+ font-weight: var(
259
+ --_ctm-mob-dn-cd-an-im-ft-wt,
260
+ var(--_ctm-tab-dn-cd-an-im-ft-wt, var(--_ctm-dn-cd-an-im-ft-wt))
261
+ );
262
+ font-style: var(
263
+ --_ctm-mob-dn-cd-an-im-ft-se-ic,
264
+ var(--_ctm-tab-dn-cd-an-im-ft-se-ic, var(--_ctm-dn-cd-an-im-ft-se-ic))
265
+ );
266
+ text-align: var(
267
+ --_ctm-mob-dn-cd-an-im-tt-an,
268
+ var(--_ctm-tab-dn-cd-an-im-tt-an, var(--_ctm-dn-cd-an-im-tt-an))
269
+ );
270
+ letter-spacing: var(
271
+ --_ctm-mob-dn-cd-an-im-lr-sg,
272
+ var(--_ctm-tab-dn-cd-an-im-lr-sg, var(--_ctm-dn-cd-an-im-lr-sg))
273
+ );
274
+ line-height: var(
275
+ --_ctm-mob-dn-cd-an-im-le-ht,
276
+ var(--_ctm-tab-dn-cd-an-im-le-ht, var(--_ctm-dn-cd-an-im-le-ht-dc))
277
+ );
278
+ text-decoration: var(
279
+ --_ctm-mob-dn-cd-an-im-ue,
280
+ var(--_ctm-tab-dn-cd-an-im-ue, var(--_ctm-dn-cd-an-im-ue))
281
+ );
245
282
  .icon {
246
283
  display: var(--_sf-show-icon-ff, flex);
247
284
  svg {
package/dist/icon-library.scss CHANGED
@@ -46,6 +46,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
46
46
  align-items: center;
47
47
  width: 100%;
48
48
  height: 100%;
49
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
49
50
  background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
50
51
  border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
51
52
 
package/dist/pickup-locations.scss CHANGED
@@ -332,8 +332,6 @@
332
332
  .crt__btn {
333
333
  display: flex;
334
334
  align-items: center;
335
- padding-inline: 15px;
336
- padding: 6px;
337
335
  cursor: pointer;
338
336
  min-width: 100px;
339
337
  min-height: 50px;
package/dist/product-price.scss CHANGED
@@ -148,6 +148,25 @@
148
148
  --_ctm-mob-dn-pt-pe-bd-cr,
149
149
  var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr))
150
150
  );
151
+ .price-loader {
152
+ display: inline-block;
153
+ width: var(--_ctm-lt-wh, 100px);
154
+ height: 16px;
155
+ border-radius: 4px;
156
+ background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
157
+ background-size: 200% 100%;
158
+ animation: shimmer 1.4s infinite;
159
+ }
160
+
161
+ @keyframes shimmer {
162
+ 0% {
163
+ background-position: -200% 0;
164
+ }
165
+ 100% {
166
+ background-position: 200% 0;
167
+ }
168
+ }
169
+
151
170
  .price-span {
152
171
  color: var(
153
172
  --_ctm-mob-dn-pt-pe-cr,
package/dist/product-sizechart.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="productSizeChart"] {
7
7
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
8
+ height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
8
9
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
9
10
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
10
11
 
@@ -28,6 +29,8 @@
28
29
  color: rgba(75, 69, 70, 1);
29
30
  }
30
31
  .sizechart__buttons__wrapper {
32
+ width: 100%;
33
+ height: 100%;
31
34
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
32
35
 
33
36
  display: flex;
package/dist/stack.scss CHANGED
@@ -62,7 +62,7 @@ body {
62
62
  & > .wrapper {
63
63
  flex-direction: column;
64
64
  width: 100%;
65
- height: 100%;
65
+ // height: 100%;
66
66
  // justify-content: var(--_ctm-sta-lt-jy-ct);
67
67
  // align-items: var(--_ctm-sta-lt-an-is);
68
68
  align-items: prepareMediaVariable(--_ctm-sta-lt-jy-ct);
@@ -89,6 +89,7 @@ body {
89
89
  flex-direction: row;
90
90
  // justify-content: var(--_ctm-sta-lt-an-is);
91
91
  align-items: prepareMediaVariable(--_ctm-sta-lt-an-is);
92
+ justify-content: prepareMediaVariable(--_ctm-sta-lt-jy-ct);
92
93
  }
93
94
  }
94
95