@sc-360-v2/storefront-cms-library 0.2.59 → 0.2.61

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 (34) hide show
  1. package/dist/brand.scss +2 -2
  2. package/dist/breadcrumbs.scss +1 -1
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-variant-picker.scss +5 -5
  5. package/dist/category.scss +2 -2
  6. package/dist/code-temp.scss +4 -1
  7. package/dist/container.scss +1 -0
  8. package/dist/embed-temp.scss +0 -2
  9. package/dist/gallery-slider-temp.scss +13 -0
  10. package/dist/icons.js +1 -1
  11. package/dist/image-temp.scss +6 -4
  12. package/dist/index.js +1 -1
  13. package/dist/login.scss +554 -0
  14. package/dist/menu.scss +0 -1
  15. package/dist/product-image.scss +6 -4
  16. package/dist/product-options.scss +548 -17
  17. package/dist/product-price.scss +10 -4
  18. package/dist/sub-category.scss +1 -1
  19. package/dist/types/builder/elements/login/index.d.ts +27 -0
  20. package/dist/types/builder/elements/reset-password/index.d.ts +27 -0
  21. package/dist/types/builder/enums/index.d.ts +2 -0
  22. package/dist/types/builder/index.d.ts +3 -1
  23. package/dist/types/builder/tools/commonProperties.d.ts +24 -0
  24. package/dist/types/builder/tools/element-edit/code.d.ts +3 -1
  25. package/dist/types/builder/tools/element-edit/common.d.ts +7 -0
  26. package/dist/types/builder/tools/element-edit/embed.d.ts +3 -1
  27. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  28. package/dist/types/builder/tools/element-edit/login.d.ts +15 -0
  29. package/dist/types/builder/tools/element-edit/productOptions.d.ts +14 -4
  30. package/dist/types/builder/tools/element-edit/resetPassword.d.ts +15 -0
  31. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +1 -1
  32. package/dist/variant-picker.scss +230 -49
  33. package/dist/widget.scss +1 -0
  34. package/package.json +1 -1
package/dist/bulk-variant-picker.scss CHANGED
@@ -169,7 +169,7 @@
169
169
  }
170
170
  &.disabled {
171
171
  cursor: not-allowed;
172
- opacity: 0.5;
172
+ opacity: 0.4;
173
173
  position: relative;
174
174
  &::after {
175
175
  content: "X";
@@ -302,7 +302,7 @@
302
302
  }
303
303
  &.disabled {
304
304
  cursor: not-allowed;
305
- opacity: 0.5;
305
+ opacity: 0.4;
306
306
  position: relative;
307
307
  &::after {
308
308
  content: "X";
@@ -379,7 +379,7 @@
379
379
  }
380
380
  &.disabled {
381
381
  cursor: not-allowed;
382
- opacity: 0.5;
382
+ opacity: 0.4;
383
383
  }
384
384
  }
385
385
  }
@@ -432,7 +432,7 @@
432
432
  }
433
433
  &:disabled {
434
434
  cursor: not-allowed;
435
- opacity: 0.5;
435
+ opacity: 0.4;
436
436
  }
437
437
  }
438
438
  }
@@ -594,7 +594,7 @@
594
594
  }
595
595
  &:disabled {
596
596
  cursor: not-allowed;
597
- opacity: 0.5;
597
+ opacity: 0.4;
598
598
  }
599
599
  }
600
600
  }
package/dist/category.scss CHANGED
@@ -9,8 +9,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
9
9
  width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-cat-ele-nw-wh-vl, var(--_sf-nw-wh))));
10
10
  // width: calc(1% * var(--_ctm-cat-ele-nw-wh-vl, auto));
11
11
  // width: 100%;
12
- // height: var(--_ctm-cat-lt-ht) !important;
13
- height: auto;
12
+ height: var(--_ctm-cat-lt-ht) !important;
13
+ // height: auto;
14
14
  margin: var(--_ctm-cat-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn));
15
15
 
16
16
  background-color: var(--_ctm-cat-dn-bd-cr, var(--_tst-dn-bd-cr));
package/dist/code-temp.scss CHANGED
@@ -4,13 +4,16 @@
4
4
  [data-div-type="element"] {
5
5
  &[data-element-type="code"] {
6
6
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
7
+ width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
8
+ margin: var(--_ctm-lt-mn, --_tst-lt-mn);
9
+ aspect-ratio: 1 / var(--_sf-aspect-ratio);
7
10
  --_aspect-ratio: calc(
8
11
  1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
9
12
  );
10
13
 
11
14
  & > .wrapper {
12
15
  width: 100%;
13
- // height: 100%;
16
+ height: 100%;
14
17
 
15
18
  background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
16
19
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
package/dist/container.scss CHANGED
@@ -31,6 +31,7 @@ $activeElementSelector: "[data-has-clicked='true']";
31
31
  & > div {
32
32
  &.wrapper {
33
33
  width: 100%;
34
+ padding: var(--_ctm-mob-con-lt-pg, var(--_ctm-tab-con-lt-pg, var(--_ctm-con-lt-pg)));
34
35
  background: var(
35
36
  --_ctm-mob-con-dn-bd-cr,
36
37
  var(--_ctm-tab-con-dn-bd-cr, var(--_ctm-con-dn-bd-cr))
package/dist/embed-temp.scss CHANGED
@@ -11,8 +11,6 @@
11
11
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
12
12
  width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
13
13
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
14
- // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
15
- // height: ;
16
14
  aspect-ratio: 1 / var(--_sf-aspect-ratio);
17
15
  --_aspect-ratio: calc(
18
16
  1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
package/dist/gallery-slider-temp.scss CHANGED
@@ -443,6 +443,19 @@
443
443
  width: calc(100% - 120px);
444
444
  margin-inline: auto;
445
445
  }
446
+ .left-button {
447
+ position: absolute;
448
+ left: 0;
449
+ top: 50%;
450
+ transform: translateY(-50%);
451
+ }
452
+ .right-button {
453
+ position: absolute;
454
+
455
+ right: 0;
456
+ top: 50%;
457
+ transform: translateY(-50%);
458
+ }
446
459
  }
447
460
 
448
461
  &[data-thumbnail-placement="top"] {