@sc-360-v2/storefront-cms-library 0.5.50 → 0.5.51

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 (38) hide show
  1. package/dist/brand-basic-elements.scss +109 -46
  2. package/dist/brand.scss +6 -0
  3. package/dist/breadcrumbs.scss +144 -51
  4. package/dist/builder.js +1 -1
  5. package/dist/bundle copy.scss +2805 -0
  6. package/dist/bundle.scss +74 -48
  7. package/dist/bundleDetails.scss +1360 -275
  8. package/dist/button copy.scss +271 -0
  9. package/dist/cart.scss +85 -4
  10. package/dist/category.scss +25 -4
  11. package/dist/container.scss +20 -17
  12. package/dist/embed-temp.scss +2 -2
  13. package/dist/hotspot.scss +12 -3
  14. package/dist/language-selector.scss +42 -0
  15. package/dist/line.scss +54 -36
  16. package/dist/login.scss +225 -69
  17. package/dist/map.scss +354 -147
  18. package/dist/marchandiserSets.scss +34 -0
  19. package/dist/product-actions.scss +53 -0
  20. package/dist/product-basic-elements.scss +50 -4
  21. package/dist/productDetails.scss +33 -0
  22. package/dist/quick-links.scss +23 -2
  23. package/dist/repeater copy.scss +635 -0
  24. package/dist/repeater-grid-toggle.scss +93 -3
  25. package/dist/repeater-item.scss +5 -1
  26. package/dist/review-cart.scss +7 -1
  27. package/dist/search.scss +45 -5
  28. package/dist/styles.css +1 -1
  29. package/dist/tab-v2.scss +724 -583
  30. package/dist/text-temp-v2.scss +7 -1
  31. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +26 -0
  32. package/dist/types/builder/tools/element-edit/cart.d.ts +7 -0
  33. package/dist/types/builder/tools/element-edit/map.d.ts +0 -1
  34. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +6 -0
  35. package/dist/types/builder/tools/element-edit/search.d.ts +4 -61
  36. package/dist/types/builder/tools/element-edit/tabsV2.d.ts +110 -1
  37. package/dist/upload-media.scss +14 -2
  38. package/package.json +1 -1
package/dist/line.scss CHANGED
@@ -101,11 +101,13 @@
101
101
  border-width: prepareMediaVariable(--_ctm-lt-le-ts);
102
102
  border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
103
103
  }
104
+
104
105
  &[data-line-style="dashed"] .line__core {
105
106
  border-top-style: dashed;
106
107
  border-width: prepareMediaVariable(--_ctm-lt-le-ts);
107
108
  border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
108
109
  }
110
+
109
111
  &[data-line-style="double"] .line__core {
110
112
  border-top-style: double;
111
113
  border-width: prepareMediaVariable(--_ctm-lt-le-ts);
@@ -143,6 +145,7 @@
143
145
  &[data-line-style="hidden"] .line__core {
144
146
  border-top-style: hidden;
145
147
  }
148
+
146
149
  &[data-show-line-end-points="true"] {
147
150
  .line__container::before,
148
151
  .line__container::after {
@@ -162,34 +165,34 @@
162
165
  height: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
163
166
  background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
164
167
  // border-color: var(--_ctm-dn-le-ed-ps-bd-cr);
165
- border-color: var(
166
- --_ctm-mob-dn-le-ed-ps-br-cr,
167
- var(--_ctm-tab-dn-le-ed-ps-br-cr, var(--_ctm-dn-le-ed-ps-br-cr))
168
- );
169
-
170
- border-style: var(
171
- --_ctm-mob-dn-le-ed-ps-br-se,
172
- var(--_ctm-tab-dn-le-ed-ps-br-se, var(--_ctm-dn-le-ed-ps-br-se))
173
- );
174
- border-width: var(
175
- --_ctm-mob-dn-le-ed-ps-br-wh,
176
- var(--_ctm-tab-dn-le-ed-ps-br-wh, var(--_ctm-dn-le-ed-ps-br-wh))
177
- );
168
+ // border-color: var(
169
+ // --_ctm-mob-dn-le-ed-ps-cr-br-cr,
170
+ // var(--_ctm-tab-dn-le-ed-ps-cr-br-cr, var(--_ctm-dn-le-ed-ps-cr-br-cr))
171
+ // );
172
+
173
+ // border-style: var(
174
+ // --_ctm-mob-dn-le-ed-ps-cr-br-se,
175
+ // var(--_ctm-tab-dn-le-ed-ps-cr-br-se, var(--_ctm-dn-le-ed-ps-cr-br-se))
176
+ // );
177
+ // border-width: var(
178
+ // --_ctm-mob-dn-le-ed-ps-cr-br-wh,
179
+ // var(--_ctm-tab-dn-le-ed-ps-cr-br-wh, var(--_ctm-dn-le-ed-ps-cr-br-wh))
180
+ // );
178
181
  box-shadow: var(
179
- --_ctm-mob-dn-le-ed-ps-sw-ae,
180
- var(--_ctm-tab-dn-le-ed-ps-sw-ae, var(--_ctm-dn-le-ed-ps-sw-ae))
182
+ --_ctm-mob-dn-le-ed-ps-cr-sw-ae,
183
+ var(--_ctm-tab-dn-le-ed-ps-cr-sw-ae, var(--_ctm-dn-le-ed-ps-cr-sw-ae))
181
184
  )
182
185
  var(
183
- --_ctm-mob-dn-le-ed-ps-sw-br,
184
- var(--_ctm-tab-dn-le-ed-ps-sw-br, var(--_ctm-dn-le-ed-ps-sw-br))
186
+ --_ctm-mob-dn-le-ed-ps-cr-sw-br,
187
+ var(--_ctm-tab-dn-le-ed-ps-cr-sw-br, var(--_ctm-dn-le-ed-ps-cr-sw-br))
185
188
  )
186
189
  var(
187
- --_ctm-mob-dn-le-ed-ps-sw-sd,
188
- var(--_ctm-tab-dn-le-ed-ps-sw-sd, var(--_ctm-dn-le-ed-ps-sw-sd))
190
+ --_ctm-mob-dn-le-ed-ps-cr-sw-sd,
191
+ var(--_ctm-tab-dn-le-ed-ps-cr-sw-sd, var(--_ctm-dn-le-ed-ps-cr-sw-sd))
189
192
  )
190
193
  var(
191
- --_ctm-mob-dn-le-ed-ps-sw-cr,
192
- var(--_ctm-tab-dn-le-ed-ps-sw-cr, var(--_ctm-dn-le-ed-ps-sw-cr))
194
+ --_ctm-mob-dn-le-ed-ps-cr-sw-cr,
195
+ var(--_ctm-tab-dn-le-ed-ps-cr-sw-cr, var(--_ctm-dn-le-ed-ps-cr-sw-cr))
193
196
  );
194
197
  }
195
198
 
@@ -199,19 +202,19 @@
199
202
  height: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
200
203
  background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
201
204
  // border-color: var(--_ctm-dn-le-ed-ps-bd-cr);
202
- border-color: var(
203
- --_ctm-mob-dn-le-ed-ps-cr-br-cr,
204
- var(--_ctm-tab-dn-le-ed-ps-cr-br-cr, var(--_ctm-dn-le-ed-ps-cr-br-cr))
205
- );
206
-
207
- border-style: var(
208
- --_ctm-mob-dn-le-ed-ps-cr-br-se,
209
- var(--_ctm-tab-dn-le-ed-ps-cr-br-se, var(--_ctm-dn-le-ed-ps-cr-br-se))
210
- );
211
- border-width: var(
212
- --_ctm-mob-dn-le-ed-ps-cr-br-wh,
213
- var(--_ctm-tab-dn-le-ed-ps-cr-br-wh, var(--_ctm-dn-le-ed-ps-cr-br-wh))
214
- );
205
+ // border-color: var(
206
+ // --_ctm-mob-dn-le-ed-ps-cr-br-cr,
207
+ // var(--_ctm-tab-dn-le-ed-ps-cr-br-cr, var(--_ctm-dn-le-ed-ps-cr-br-cr))
208
+ // );
209
+
210
+ // border-style: var(
211
+ // --_ctm-mob-dn-le-ed-ps-cr-br-se,
212
+ // var(--_ctm-tab-dn-le-ed-ps-cr-br-se, var(--_ctm-dn-le-ed-ps-cr-br-se))
213
+ // );
214
+ // border-width: var(
215
+ // --_ctm-mob-dn-le-ed-ps-cr-br-wh,
216
+ // var(--_ctm-tab-dn-le-ed-ps-cr-br-wh, var(--_ctm-dn-le-ed-ps-cr-br-wh))
217
+ // );
215
218
  box-shadow: var(
216
219
  --_ctm-mob-dn-le-ed-ps-cr-sw-ae,
217
220
  var(--_ctm-tab-dn-le-ed-ps-cr-sw-ae, var(--_ctm-dn-le-ed-ps-cr-sw-ae))
@@ -261,11 +264,13 @@
261
264
  border-width: var(--_ctm-lt-le-ts);
262
265
  border-color: var(--_ctm-dn-le-cr-bd-cr);
263
266
  }
267
+
264
268
  &[data-line-style="dashed"] .line__core {
265
269
  border-left-style: dashed;
266
270
  border-width: var(--_ctm-lt-le-ts);
267
271
  border-color: var(--_ctm-dn-le-cr-bd-cr);
268
272
  }
273
+
269
274
  &[data-line-style="double"] .line__core {
270
275
  border-left-style: double;
271
276
  border-width: var(--_ctm-lt-le-ts);
@@ -310,11 +315,11 @@
310
315
  content: "";
311
316
  position: absolute;
312
317
  width: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
313
- height: 8px;
318
+ height: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
319
+ // height: 8px;
314
320
  background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
315
321
  left: 50%;
316
322
  transform: translateX(-50%);
317
- border-width: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
318
323
  border-radius: 50%; // Default is circle
319
324
  }
320
325
 
@@ -334,4 +339,17 @@
334
339
  }
335
340
  }
336
341
  }
342
+
343
+ // ─── End Point Border ────────────────────
344
+ // Kept last so it wins over the per-direction end point rules above.
345
+ &[data-show-line-end-points="true"][data-show-line-end-points-border="true"] {
346
+ .line__container::before,
347
+ .line__container::after {
348
+ // keeps the end point at its configured size once a border is added
349
+ box-sizing: border-box;
350
+ border-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-br-cr);
351
+ border-style: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-br-se);
352
+ border-width: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-br-wh);
353
+ }
354
+ }
337
355
  }