@sc-360-v2/storefront-cms-library 0.3.93 → 0.3.95

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.
@@ -200,6 +200,7 @@ $button-padding: 6px 12px;
200
200
  display: flex;
201
201
  flex-direction: column;
202
202
  font-weight: 400;
203
+ margin-top: -3px;
203
204
  &.selected {
204
205
  color: var(--_thm-cs-tt-ls-as);
205
206
  }
@@ -65,31 +65,34 @@
65
65
  --_ctm-mob-mgcon-dn-br-wh,
66
66
  var(--_ctm-tab-mgcon-dn-br-wh, var(--_ctm-mgcon-dn-br-wh))
67
67
  );
68
- box-shadow: var(
69
- --_hover-show-shadow,
70
- var(
71
- --_sf-hr-bx-sw,
72
- var(
73
- --_show-shadow,
74
- var(
75
- --_ctm-mob-dn-dt-se-sw-ae,
76
- var(--_ctm-tab-dn-dt-se-sw-ae, var(--_ctm-dn-dt-se-sw-ae))
77
- )
78
- var(
79
- --_ctm-mob-dn-dt-se-sw-br,
80
- var(--_ctm-tab-dn-dt-se-sw-br, var(--_ctm-dn-dt-se-sw-br))
81
- )
82
- var(
83
- --_ctm-mob-dn-dt-se-sw-sd,
84
- var(--_ctm-tab-dn-dt-se-sw-sd, var(--_ctm-dn-dt-se-sw-sd))
85
- )
86
- var(
87
- --_ctm-mob-dn-dt-se-sw-cr,
88
- var(--_ctm-tab-dn-dt-se-sw-cr, var(--_ctm-dn-dt-se-sw-cr))
89
- )
90
- )
91
- )
92
- );
68
+ box-shadow: prepareMediaVariable(--_ctm-mgcon-dn-sw-ae)
69
+ prepareMediaVariable(--_ctm-mgcon-dn-sw-br) prepareMediaVariable(--_ctm-mgcon-dn-sw-sd)
70
+ prepareMediaVariable(--_ctm-mgcon-dn-sw-cr);
71
+ // box-shadow: var(
72
+ // --_hover-show-shadow,
73
+ // var(
74
+ // --_sf-hr-bx-sw,
75
+ // var(
76
+ // --_show-shadow,
77
+ // var(
78
+ // --_ctm-mob-dn-dt-se-sw-ae,
79
+ // var(--_ctm-tab-dn-dt-se-sw-ae, var(--_ctm-dn-dt-se-sw-ae))
80
+ // )
81
+ // var(
82
+ // --_ctm-mob-dn-dt-se-sw-br,
83
+ // var(--_ctm-tab-dn-dt-se-sw-br, var(--_ctm-dn-dt-se-sw-br))
84
+ // )
85
+ // var(
86
+ // --_ctm-mob-dn-dt-se-sw-sd,
87
+ // var(--_ctm-tab-dn-dt-se-sw-sd, var(--_ctm-dn-dt-se-sw-sd))
88
+ // )
89
+ // var(
90
+ // --_ctm-mob-dn-dt-se-sw-cr,
91
+ // var(--_ctm-tab-dn-dt-se-sw-cr, var(--_ctm-dn-dt-se-sw-cr))
92
+ // )
93
+ // )
94
+ // )
95
+ // );
93
96
  }
94
97
  }
95
98
  }
@@ -51,7 +51,7 @@ $defaultValues: (
51
51
  overflow: clip;
52
52
  display: var(--_d-flex);
53
53
  flex-direction: column;
54
- gap: prepareMediaVariable(--_ctm-lt-im-gp);
54
+ gap: prepareMediaVariable(--_ctm-meg-lt-im-gp);
55
55
  align-items: flex-start;
56
56
 
57
57
  @each $key, $val in $wrapperData {
package/dist/modal.scss CHANGED
@@ -581,6 +581,9 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
581
581
  animation: processing_loader_spin 1s linear infinite;
582
582
  }
583
583
  }
584
+ h3 {
585
+ margin-bottom: 12px;
586
+ }
584
587
  }
585
588
  @keyframes processing_loader_spin {
586
589
  0% {
@@ -292,6 +292,7 @@
292
292
  font-size: 16px;
293
293
  font-weight: 600;
294
294
  color: var(--_gray-900);
295
+ white-space: nowrap;
295
296
  }
296
297
  }
297
298
  }
@@ -35,18 +35,17 @@
35
35
  .order-confirmation {
36
36
  display: flex;
37
37
  flex-direction: column;
38
- border-color: var(
39
- --_ctm-mob-dn-or-wt-br-cr,
40
- var(--_ctm-tab-dn-or-wt-br-cr, var(--_ctm-dn-or-wt-br-cr))
41
- );
42
- border-style: var(
43
- --_ctm-mob-dn-or-wt-br-se,
44
- var(--_ctm-tab-dn-or-wt-br-se, var(--_ctm-dn-or-wt-br-se))
45
- );
46
- border-width: var(
47
- --_ctm-mob-dn-or-wt-br-wh,
48
- var(--_ctm-tab-dn-or-wt-br-wh, var(--_ctm-dn-or-wt-br-wh))
38
+ padding: prepareMediaVariable(--_ctm-dn-or-wt-pg);
39
+ width: 100%;
40
+ height: 100%;
41
+ color: var(--_gray-600);
42
+ background-color: var(
43
+ --_ctm-mob-dn-or-wt-bd-cr,
44
+ var(--_ctm-tab-dn-or-wt-bd-cr, var(--_ctm-dn-or-wt-bd-cr))
49
45
  );
46
+ border: 1px solid
47
+ var(--_ctm-mob-dn-or-wt-br-cr, var(--_ctm-tab-dn-or-wt-br-cr, var(--_ctm-dn-or-wt-br-cr)));
48
+
50
49
  border-radius: var(
51
50
  --_ctm-mob-dn-or-wt-br-rs,
52
51
  var(--_ctm-tab-dn-or-wt-br-rs, var(--_ctm-dn-or-wt-br-rs))
@@ -55,16 +54,7 @@
55
54
  --_ctm-mob-dn-or-wt-im-gp,
56
55
  var(--_ctm-tab-dn-or-wt-im-gp, var(--_ctm-dn-or-wt-im-gp))
57
56
  );
58
- padding: prepareMediaVariable(--_ctm-dn-or-wt-pg);
59
- width: 100%;
60
- height: 100%;
61
- // margin: 24px auto;
62
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
63
- color: #333;
64
- background-color: var(
65
- --_ctm-mob-dn-or-wt-bd-cr,
66
- var(--_ctm-tab-dn-or-wt-bd-cr, var(--_ctm-dn-or-wt-bd-cr))
67
- );
57
+
68
58
  .each-order {
69
59
  border: 1px solid var(--_gray-200);
70
60
  border-radius: 8px;
@@ -700,6 +690,9 @@
700
690
 
701
691
  /* Each individual info‐cell styling */
702
692
  > div {
693
+ display: flex;
694
+ flex-direction: column;
695
+ gap: 6px;
703
696
  strong {
704
697
  display: block;
705
698
  // font-size: 14px;
@@ -757,6 +750,7 @@
757
750
  // font-weight: 700;
758
751
  // color: var(--_gray-900);
759
752
  // line-height: 30px;
753
+ line-height: 24px;
760
754
  font-family: var(
761
755
  --_ctm-mob-dn-or-io-or-id-ft-fy,
762
756
  var(--_ctm-tab-dn-or-io-or-id-ft-fy, var(--_ctm-dn-or-io-or-id-ft-fy))
@@ -765,7 +759,7 @@
765
759
  // --_ctm-mob-dn-or-io-or-id-ft-se,
766
760
  // var(--_ctm-tab-dn-or-io-or-id-ft-se, var(--_ctm-dn-or-io-or-id-ft-se))
767
761
  // );
768
- font-size: 20px;
762
+ font-size: 16px;
769
763
  color: var(
770
764
  --_ctm-mob-dn-or-io-or-id-cr,
771
765
  var(--_ctm-tab-dn-or-io-or-id-cr, var(--_ctm-dn-or-io-or-id-cr))
@@ -782,10 +776,7 @@
782
776
  --_ctm-mob-dn-or-io-or-id-lr-sg,
783
777
  var(--_ctm-tab-dn-or-io-or-id-lr-sg, var(--_ctm-dn-or-io-or-id-lr-sg))
784
778
  );
785
- line-height: var(
786
- --_ctm-mob-dn-or-io-or-id-le-ht,
787
- var(--_ctm-tab-dn-or-io-or-id-le-ht, var(--_ctm-dn-or-io-or-id-le-ht))
788
- );
779
+
789
780
  font-style: var(
790
781
  --_ctm-mob-dn-or-io-or-id-ft-se-ic,
791
782
  var(--_ctm-tab-dn-or-io-or-id-ft-se-ic, var(--_ctm-dn-or-io-or-id-ft-se-ic))
@@ -923,6 +914,14 @@
923
914
  }
924
915
  }
925
916
  }
917
+
918
+ .shipping-method,
919
+ .payment-mode {
920
+ p {
921
+ font-size: 16px;
922
+ line-height: 24px;
923
+ }
924
+ }
926
925
  }
927
926
 
928
927
  /* ───────── Quick Actions ───────── */
@@ -6,6 +6,8 @@
6
6
 
7
7
  $elementDragging: "[data-cms-new-element-dragging-v2='true']";
8
8
  $dataResizerTrue: '[data-cms-element-resizer="true"]';
9
+ $activeElementSelector: "[data-has-clicked='true']";
10
+ $editor: '[data-page-id="cms__template__editor"]';
9
11
  $var: "--_sf-width-rsp-psn";
10
12
 
11
13
  @function convertListToCommaSeparateString($list) {
@@ -47,6 +49,8 @@ $position: (
47
49
  $zIndex: map.get($position, zIndex);
48
50
  $attributes: map.get($position, attributes);
49
51
  $data: map.get($position, data);
52
+ $pa: map.get($cls, absolute);
53
+ $pr: map.get($cls, relative);
50
54
 
51
55
  :is(#{convertListToCommaSeparateString($cls)}) {
52
56
  @each $key, $value in $data {
@@ -56,7 +60,23 @@ $position: (
56
60
  }
57
61
  }
58
62
  }
59
- z-index: var(#{$zIndex});
63
+ // @if(){
64
+
65
+ // }
66
+ // z-index: var(#{$zIndex});
67
+ &:is(.#{$pr}, .#{pa}) {
68
+ &:is(#{$editor} *) {
69
+ &#{$activeElementSelector} {
70
+ z-index: var(#{$zIndex});
71
+ }
72
+ }
73
+ &:not(#{$editor} *) {
74
+ z-index: var(#{$zIndex});
75
+ }
76
+ }
77
+ &:not(.#{$pr}, .#{pa}) {
78
+ z-index: var(#{$zIndex});
79
+ }
60
80
  @each $key, $value in $cls {
61
81
  &.#{$value} {
62
82
  &:is(:not(#{$elementDragging}, #{$dataResizerTrue})) {
package/dist/profile.scss CHANGED
@@ -303,7 +303,7 @@
303
303
  );
304
304
  border-radius: 4px;
305
305
  // padding: 8px 0;
306
- z-index: 10;
306
+ z-index: 100;
307
307
  overflow: hidden;
308
308
  }
309
309
 
@@ -10,6 +10,7 @@ export interface CMSElementEditPopupLayoutInterface {
10
10
  maxHeight?: CMSIBSizeInterface;
11
11
  margin?: CSSPaddingValues;
12
12
  padding?: any;
13
+ productCustomAttribute?: any;
13
14
  overflowContent?: CMSIBCommonInterface;
14
15
  scrollDirection?: CMSIBCommonInterface;
15
16
  displayScrollbar?: CMSIBCommonInterface;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.3.93",
3
+ "version": "0.3.95",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {