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

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 (58) hide show
  1. package/dist/add-order.scss +62 -13
  2. package/dist/brand-basic-elements.scss +109 -46
  3. package/dist/brand.scss +6 -0
  4. package/dist/breadcrumbs.scss +157 -51
  5. package/dist/builder.js +1 -1
  6. package/dist/bundle copy.scss +2805 -0
  7. package/dist/bundle.scss +74 -48
  8. package/dist/bundleDetails.scss +1360 -275
  9. package/dist/button copy.scss +271 -0
  10. package/dist/cart-details.scss +214 -0
  11. package/dist/cart.scss +124 -41
  12. package/dist/category-groups-product-image.scss +72 -21
  13. package/dist/category.scss +25 -4
  14. package/dist/container.scss +20 -17
  15. package/dist/embed-temp.scss +2 -2
  16. package/dist/hotspot.scss +153 -77
  17. package/dist/icon-library.scss +78 -74
  18. package/dist/image-temp.scss +2 -1
  19. package/dist/language-selector.scss +215 -55
  20. package/dist/light-box-v2.scss +4 -3
  21. package/dist/line.scss +54 -36
  22. package/dist/login.scss +225 -69
  23. package/dist/map.scss +354 -147
  24. package/dist/marchandiserSets.scss +34 -0
  25. package/dist/menu-v2.scss +51 -3
  26. package/dist/modal.scss +251 -28
  27. package/dist/product-actions.scss +53 -0
  28. package/dist/product-basic-elements.scss +44 -244
  29. package/dist/product-image-allocation.scss +51 -15
  30. package/dist/product-image-bundles.scss +72 -15
  31. package/dist/product-image.scss +178 -19
  32. package/dist/productDetails.scss +33 -0
  33. package/dist/quick-links.scss +23 -2
  34. package/dist/repeater copy.scss +635 -0
  35. package/dist/repeater-embla-controls.scss +9 -1
  36. package/dist/repeater-grid-toggle.scss +121 -7
  37. package/dist/repeater-item.scss +5 -1
  38. package/dist/repeater.scss +69 -102
  39. package/dist/review-cart.scss +7 -1
  40. package/dist/scroll.scss +52 -11
  41. package/dist/search.scss +46 -6
  42. package/dist/skeleton.scss +24 -35
  43. package/dist/styles.css +1 -1
  44. package/dist/tab-container.scss +14 -12
  45. package/dist/tab-v2.scss +834 -583
  46. package/dist/text-temp-v2.scss +18 -1
  47. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +26 -5
  48. package/dist/types/builder/tools/element-edit/cart.d.ts +7 -0
  49. package/dist/types/builder/tools/element-edit/map.d.ts +0 -1
  50. package/dist/types/builder/tools/element-edit/product-image.d.ts +1 -0
  51. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +6 -0
  52. package/dist/types/builder/tools/element-edit/repeater.d.ts +1 -1
  53. package/dist/types/builder/tools/element-edit/search.d.ts +4 -61
  54. package/dist/types/builder/tools/element-edit/tabsV2.d.ts +164 -1
  55. package/dist/types/builder/tools/element-edit/video.d.ts +32 -0
  56. package/dist/upload-media.scss +14 -2
  57. package/dist/video.scss +548 -476
  58. package/package.json +1 -1
package/dist/product-image-bundles.scss CHANGED
@@ -9,13 +9,24 @@
9
9
  );
10
10
  // height: var(--_ctm-mob-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-ht)));
11
11
 
12
- &:not(:has([data-display-style="Grid"][data-scroll-direction="Vertical"])) {
12
+ // Content-sized display styles — the element grows with the number of images.
13
+ // See product-image.scss for the full reasoning.
14
+ $contentSizedGallery: '.embla[data-scroll-control="Non"]:is([data-display-style="Grid"][data-scroll-direction="Vertical"], [data-display-style="Rows"], [data-display-style="Masonry"])';
15
+
16
+ &:not(:has(#{$contentSizedGallery})) {
13
17
  height: var(
14
18
  --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-ht,
15
19
  var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-ht))
16
20
  );
17
21
  }
18
22
 
23
+ &:has(#{$contentSizedGallery}) {
24
+ min-height: var(
25
+ --_ctm-mob-dn-pt-pl-dn-pt-ie-lt-ht,
26
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-lt-ht, var(--_ctm-dn-pt-pl-dn-pt-ie-lt-ht))
27
+ );
28
+ }
29
+
19
30
  // &[data-view-state="full"] {
20
31
  // width: auto;
21
32
  // // height: 100%;
@@ -180,19 +191,48 @@
180
191
 
181
192
  width: 100%;
182
193
  height: 100%;
194
+
195
+ // Gallery Widget Style > Border / Shadow toggles. Distinct names from the item
196
+ // ones below, because .gallery__slide is a descendant and would otherwise
197
+ // inherit whatever is set here.
198
+ &[data-show-border="false"] {
199
+ --_show-gy-border: none;
200
+ }
201
+ &[data-show-shadow="false"] {
202
+ --_show-gy-shadow: none;
203
+ }
204
+
183
205
  border-color: var(
184
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr,
185
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr))
206
+ --_show-gy-border,
207
+ var(
208
+ --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr,
209
+ var(
210
+ --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr,
211
+ var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-cr)
212
+ )
213
+ )
186
214
  );
187
215
 
188
216
  border-style: var(
189
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se,
190
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se, var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se))
217
+ --_show-gy-border,
218
+ var(
219
+ --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se,
220
+ var(
221
+ --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se,
222
+ var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-se)
223
+ )
224
+ )
191
225
  );
192
226
 
193
227
  border-width: var(
194
- --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh,
195
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh))
228
+ --_show-gy-border,
229
+ var(
230
+ --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh,
231
+ var(
232
+ --_ctm-tab-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh,
233
+ var(--_ctm-dn-pt-pl-dn-pt-ie-gy-wt-se-br-wh)
234
+ )
235
+ )
196
236
  );
197
237
 
198
238
  border-radius: var(
@@ -201,7 +241,7 @@
201
241
  );
202
242
 
203
243
  box-shadow: var(
204
- --_show-shadow,
244
+ --_show-gy-shadow,
205
245
  var(
206
246
  --_ctm-mob-dn-pt-pl-dn-pt-ie-gy-wt-se-sw-ae,
207
247
  var(
@@ -972,17 +1012,34 @@
972
1012
  --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-bd-cr,
973
1013
  var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-bd-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-bd-cr))
974
1014
  );
1015
+ // Item Style > Border / Shadow toggles.
1016
+ &[data-show-border="false"] {
1017
+ --_show-im-border: none;
1018
+ }
1019
+ &[data-show-shadow="false"] {
1020
+ --_show-im-shadow: none;
1021
+ }
1022
+
975
1023
  border-color: var(
976
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-cr,
977
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-cr))
1024
+ --_show-im-border,
1025
+ var(
1026
+ --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-cr,
1027
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-cr, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-cr))
1028
+ )
978
1029
  );
979
1030
  border-style: var(
980
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-se,
981
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-se, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-se))
1031
+ --_show-im-border,
1032
+ var(
1033
+ --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-se,
1034
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-se, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-se))
1035
+ )
982
1036
  );
983
1037
  border-width: var(
984
- --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-wh,
985
- var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-wh))
1038
+ --_show-im-border,
1039
+ var(
1040
+ --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-wh,
1041
+ var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-br-wh, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-br-wh))
1042
+ )
986
1043
  );
987
1044
  border-radius: var(
988
1045
  --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-br-rs,
@@ -990,7 +1047,7 @@
990
1047
  );
991
1048
 
992
1049
  box-shadow: var(
993
- --_show-shadow,
1050
+ --_show-im-shadow,
994
1051
  var(
995
1052
  --_ctm-mob-dn-pt-pl-dn-pt-ie-im-se-sw-ae,
996
1053
  var(--_ctm-tab-dn-pt-pl-dn-pt-ie-im-se-sw-ae, var(--_ctm-dn-pt-pl-dn-pt-ie-im-se-sw-ae))