@sc-360-v2/storefront-cms-library 0.4.88 → 0.4.90

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 (27) hide show
  1. package/dist/allocationDetails.scss +8 -0
  2. package/dist/brand-basic-elements.scss +31 -19
  3. package/dist/builder.js +1 -1
  4. package/dist/builderLite.js +1 -1
  5. package/dist/cart-summary.scss +5 -0
  6. package/dist/form-preview.scss +1 -0
  7. package/dist/icons.js +1 -1
  8. package/dist/index.js +1 -1
  9. package/dist/login.scss +1 -0
  10. package/dist/product-basic-elements.scss +5 -0
  11. package/dist/product-image.scss +1 -1
  12. package/dist/skeleton.scss +75 -74
  13. package/dist/styles.css +1 -0
  14. package/dist/types/builder/tools/element-edit/cart.d.ts +1 -0
  15. package/dist/types/upload-media/FromDevice.d.ts +6 -0
  16. package/dist/types/upload-media/FromUrl.d.ts +9 -0
  17. package/dist/types/upload-media/MyAssets.d.ts +4 -0
  18. package/dist/types/upload-media/UploadMedia.d.ts +5 -0
  19. package/dist/types/upload-media/constants.d.ts +34 -0
  20. package/dist/types/upload-media/icons.d.ts +9 -0
  21. package/dist/types/upload-media/index.d.ts +6 -0
  22. package/dist/types/upload-media/types.d.ts +176 -0
  23. package/dist/upload-media.scss +855 -0
  24. package/dist/uploadMedia.js +2 -0
  25. package/dist/uploadMedia.js.LICENSE.txt +1 -0
  26. package/dist/variant-picker.scss +7 -0
  27. package/package.json +8 -1
package/dist/allocationDetails.scss CHANGED
@@ -28,6 +28,14 @@ $defaultValues: (
28
28
  width: 100%;
29
29
  }
30
30
  }
31
+ .allocation_details_sklts {
32
+ display: flex;
33
+ gap: 24px;
34
+ .allocation_details_sklts_item {
35
+ display: flex;
36
+ flex-direction: column;
37
+ }
38
+ }
31
39
  .loading__container {
32
40
  width: 100%;
33
41
  height: 25vh;
package/dist/brand-basic-elements.scss CHANGED
@@ -1,5 +1,7 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./functions.scss" as *;
4
+ $overflowSelector: ".flex__overflow";
3
5
 
4
6
  [data-div-type="element"] {
5
7
  &[data-element-type="brandName"] {
@@ -38,13 +40,13 @@
38
40
  &[data-show-border="false"] {
39
41
  --_show-border: none;
40
42
  }
41
- .text-element {
42
- // background: #6d96e4;
43
- // padding: 10px;
44
- // font-weight: 600;
45
- // color: rgba(75, 69, 70, 1);
46
- // cursor: pointer;
47
- }
43
+ // .text-element {
44
+ // // background: #6d96e4;
45
+ // // padding: 10px;
46
+ // // font-weight: 600;
47
+ // // color: rgba(75, 69, 70, 1);
48
+ // // cursor: pointer;
49
+ // }
48
50
  .text-element {
49
51
  background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
50
52
  // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
@@ -117,6 +119,7 @@
117
119
  )
118
120
  );
119
121
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
122
+ min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
120
123
  // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
121
124
  // height: ;
122
125
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
@@ -134,12 +137,12 @@
134
137
  &[data-show-border="false"] {
135
138
  --_show-border: none;
136
139
  }
137
- .text-element {
138
- background: #6d96e4;
139
- padding: 10px;
140
- font-weight: 600;
141
- color: rgba(75, 69, 70, 1);
142
- }
140
+ // .text-element {
141
+ // background: #6d96e4;
142
+ // padding: 10px;
143
+ // font-weight: 600;
144
+ // color: rgba(75, 69, 70, 1);
145
+ // }
143
146
  .text-element {
144
147
  background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
145
148
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
@@ -186,12 +189,16 @@
186
189
  )
187
190
  );
188
191
  scale: var(--_ctm-mob-dn-zm-ie, var(--_ctm-tab-dn-zm-ie, var(--_ctm-dn-zm-ie)));
192
+ text-transform: prepareMediaVariable(--_ctm-dn-tt-tm);
189
193
  &[data-flip-x="true"] {
190
194
  transform: scaleX(-1);
191
195
  }
192
196
  &[data-flip-y="true"] {
193
197
  transform: scaleY(-1);
194
198
  }
199
+ &#{$overflowSelector} {
200
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
201
+ }
195
202
  }
196
203
  }
197
204
  &[data-element-type="brandCode"] {
@@ -229,12 +236,12 @@
229
236
  &[data-show-border="false"] {
230
237
  --_show-border: none;
231
238
  }
232
- .text-element {
233
- background: #6d96e4;
234
- padding: 10px;
235
- font-weight: 600;
236
- color: rgba(75, 69, 70, 1);
237
- }
239
+ // .text-element {
240
+ // // background: #6d96e4;
241
+ // // padding: 10px;
242
+ // // font-weight: 600;
243
+ // // color: rgba(75, 69, 70, 1);
244
+ // }
238
245
  .text-element {
239
246
  background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
240
247
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
@@ -281,12 +288,17 @@
281
288
  )
282
289
  );
283
290
  scale: var(--_ctm-mob-dn-zm-ie, var(--_ctm-tab-dn-zm-ie, var(--_ctm-dn-zm-ie)));
291
+ text-transform: prepareMediaVariable(--_ctm-dn-tt-tm);
284
292
  &[data-flip-x="true"] {
285
293
  transform: scaleX(-1);
286
294
  }
287
295
  &[data-flip-y="true"] {
288
296
  transform: scaleY(-1);
289
297
  }
298
+
299
+ &#{$overflowSelector} {
300
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
301
+ }
290
302
  }
291
303
  }
292
304
  }