@sc-360-v2/storefront-cms-library 0.3.77 → 0.3.78

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.
@@ -286,7 +286,8 @@
286
286
  padding: 12px;
287
287
  font-size: 16px;
288
288
  font-weight: 500;
289
- color: #1f2937; // Darker text
289
+ // color: #1f2937; // Darker text
290
+ color: var(--_thm-cs-tt-by-tt);
290
291
  display: flex;
291
292
  align-items: center;
292
293
  gap: 10px;
@@ -297,10 +298,10 @@
297
298
 
298
299
  &:hover {
299
300
  background-color: var(--_primary-25); // Subtle blue
300
- color: var(--_primary-400);
301
+ color: var(--_thm-cs-tt-ls-as);
301
302
 
302
303
  svg path {
303
- stroke: var(--_primary-400);
304
+ stroke: var(--_thm-cs-tt-ls-as);
304
305
  }
305
306
  }
306
307
 
@@ -2,6 +2,9 @@
2
2
  @use "sass:list";
3
3
 
4
4
  @use "./functions.scss" as *;
5
+ $resizerOn: "[data-cms-element-resizer='true']";
6
+ $dndOn: "[data-cms-new-element-dragging-v2='true']";
7
+ $fullViewOn: '[data-view-state="full"]';
5
8
  $isFlexboxElementChild: ".flx > .wrapper > *";
6
9
 
7
10
  [data-div-type="element"] {
@@ -32,7 +35,9 @@ $isFlexboxElementChild: ".flx > .wrapper > *";
32
35
  }
33
36
  }
34
37
  // width: prepareMediaVariable(--_ctm-lt-wh);
35
- // min-height: prepareMediaVariable(--_ctm-lt-ht) !important;
38
+ &:not(#{$resizerOn}, #{$dndOn}, #{$fullViewOn}) {
39
+ height: prepareMediaVariable(--_ctm-lt-ht) !important;
40
+ }
36
41
  // &:not([data-element-type="image"]) {
37
42
  // }
38
43
 
@@ -44,7 +49,7 @@ $isFlexboxElementChild: ".flx > .wrapper > *";
44
49
  )
45
50
  );
46
51
 
47
- &[data-view-state="full"] {
52
+ &#{$fullViewOn} {
48
53
  &:not(#{$isFlexboxElementChild}) {
49
54
  aspect-ratio: 1/0.01;
50
55
  }
@@ -105,15 +110,16 @@ $isFlexboxElementChild: ".flx > .wrapper > *";
105
110
  &[data-show-shadow="false"] {
106
111
  --_show-shadow: none;
107
112
  }
113
+ // .text-element {
114
+ // // background: #6d96e4;
115
+ // // padding: 10px;
116
+ // // font-weight: 600;
117
+ // // color: rgba(75, 69, 70, 1);
118
+ // width: 100%;
119
+ // height: 100%;
120
+ // }
121
+ .image-element,
108
122
  .text-element {
109
- // background: #6d96e4;
110
- // padding: 10px;
111
- // font-weight: 600;
112
- // color: rgba(75, 69, 70, 1);
113
- width: 100%;
114
- height: 100%;
115
- }
116
- .image-element {
117
123
  display: flex;
118
124
  flex-direction: column;
119
125
  --_sf-gp: 16px;
@@ -1345,11 +1345,11 @@
1345
1345
  --_ctm-mob-dn-pt-wt-pt-ce-ft-fy,
1346
1346
  var(--_ctm-tab-dn-pt-wt-pt-ce-ft-fy, var(--_ctm-dn-pt-wt-pt-ce-ft-fy))
1347
1347
  );
1348
- font-size: 12px;
1349
1348
  // font-size: var(
1350
1349
  // --_ctm-mob-dn-pt-wt-pt-ce-ft-se,
1351
1350
  // var(--_ctm-tab-dn-pt-wt-pt-ce-ft-se, var(--_ctm-dn-pt-wt-pt-ce-ft-se))
1352
1351
  // );
1352
+ font-size: 12px;
1353
1353
  color: var(
1354
1354
  --_ctm-mob-dn-pt-wt-pt-ce-cr,
1355
1355
  var(--_ctm-tab-dn-pt-wt-pt-ce-cr, var(--_ctm-dn-pt-wt-pt-ce-cr))
@@ -74,9 +74,9 @@
74
74
  row-gap: var(--_ctm-mob-lt-im-vl-sg, var(--_ctm-tab-lt-im-vl-sg, var(--_ctm-lt-im-vl-sg)));
75
75
  flex-wrap: wrap;
76
76
  }
77
- .btn__with__text {
78
- white-space: nowrap;
79
- }
77
+ // .btn__with__text {
78
+ // white-space: nowrap;
79
+ // }
80
80
 
81
81
  .show__more__btn__wrapper {
82
82
  position: relative;
@@ -96,9 +96,6 @@
96
96
  &[data-icon-position="center"] {
97
97
  --_sf-fd-bn: row;
98
98
  }
99
- &:has(p) {
100
- width: auto;
101
- }
102
99
 
103
100
  &:hover {
104
101
  --_sf-hr-bd-cr: var(
@@ -141,7 +141,6 @@
141
141
  // font-weight: 600;
142
142
  // font-size: 16px;
143
143
  // // color: #111;
144
-
145
144
  font-weight: 600;
146
145
  font-size: 16px;
147
146
  height: 39px;
@@ -232,7 +231,7 @@
232
231
  font-size: 13px;
233
232
  // color: #888;
234
233
  margin-top: 4px;
235
- text-align: end;
234
+ text-align: right;
236
235
  display: flex;
237
236
  justify-content: end;
238
237
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.3.77",
3
+ "version": "0.3.78",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {