@gem-sdk/styles 1.13.0-next.8 → 1.14.0-next.22

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 (7) hide show
  1. package/dist/base.css +13 -53
  2. package/dist/base.min.css +1 -1
  3. package/dist/builder.css +38 -0
  4. package/dist/builder.min.css +1 -1
  5. package/package.json +1 -1
  6. package/src/css/builds/base.css +16 -59
  7. package/src/css/builds/builder.css +43 -0
package/dist/base.css CHANGED
@@ -134,6 +134,14 @@ h5,
134
134
  h6 {
135
135
  word-break: normal;
136
136
  }
137
+ p {
138
+ font-weight: inherit;
139
+ line-height: inherit;
140
+ font-size: inherit;
141
+ font-family: inherit;
142
+ text-align: inherit;
143
+ color: inherit;
144
+ }
137
145
  .gp-p-description-text ul,
138
146
  .gp-p-description-text ol {
139
147
  display: block;
@@ -158,7 +166,6 @@ h6 {
158
166
  margin-block-end: 0px;
159
167
  }
160
168
  .gp-p-description-text h1 {
161
- display: block;
162
169
  font-size: 2em;
163
170
  -webkit-margin-before: 0.67em;
164
171
  margin-block-start: 0.67em;
@@ -168,21 +175,20 @@ h6 {
168
175
  margin-inline-start: 0px;
169
176
  -webkit-margin-end: 0px;
170
177
  margin-inline-end: 0px;
178
+ }
179
+ .gp-p-description-text h1, .gp-p-description-text h2, .gp-p-description-text h3, .gp-p-description-text h4, .gp-p-description-text h5, .gp-p-description-text h6 {
180
+ display: block;
171
181
  font-weight: bold;
182
+ }
183
+ .gp-p-description-text p, .gp-p-description-text h1, .gp-p-description-text h2, .gp-p-description-text h3, .gp-p-description-text h4, .gp-p-description-text h5, .gp-p-description-text h6 {
172
184
  margin: 0 0 1em 0;
173
185
  line-height: 1.4;
174
186
  }
175
187
  .gp-p-description-text h2 {
176
188
  font-size: 1.5em;
177
- font-weight: bold;
178
- margin: 0 0 1em 0;
179
- line-height: 1.4;
180
189
  }
181
190
  .gp-p-description-text h3 {
182
191
  font-size: 1.17em;
183
- font-weight: bold;
184
- margin: 0 0 1em 0;
185
- line-height: 1.4;
186
192
  }
187
193
  .gp-p-description-text a {
188
194
  color: -webkit-link;
@@ -191,21 +197,12 @@ h6 {
191
197
  }
192
198
  .gp-p-description-text h4 {
193
199
  font-size: 1em;
194
- font-weight: bold;
195
- margin: 0 0 1em 0;
196
- line-height: 1.4;
197
200
  }
198
201
  .gp-p-description-text h5 {
199
202
  font-size: 0.83em;
200
- font-weight: bold;
201
- margin: 0 0 1em 0;
202
- line-height: 1.4;
203
203
  }
204
204
  .gp-p-description-text h6 {
205
205
  font-size: 0.67em;
206
- font-weight: bold;
207
- margin: 0 0 1em 0;
208
- line-height: 1.4;
209
206
  }
210
207
  .gp-p-description-text ul {
211
208
  list-style-type: disc;
@@ -213,10 +210,6 @@ h6 {
213
210
  .gp-p-description-text ol {
214
211
  list-style-type: decimal;
215
212
  }
216
- .gp-p-description-text p {
217
- margin: 0 0 1em 0;
218
- line-height: 1.4;
219
- }
220
213
  .gp-p-description-text ul li {
221
214
  list-style: disc outside none;
222
215
  display: list-item;
@@ -249,37 +242,4 @@ h6 {
249
242
  }
250
243
  .gp-tab-header-list::-webkit-scrollbar {
251
244
  display: none;
252
- }
253
- .gps-page-suggestion {
254
- background: #fff;
255
- border: solid 1px transparent;
256
- background-clip: padding-box;
257
- box-sizing: border-box;
258
- border-radius: 3px;
259
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
260
- }
261
- .gps-page-suggestion:before {
262
- content: '';
263
- position: absolute;
264
- top: -1px;
265
- right: -1px;
266
- bottom: -1px;
267
- left: -1px;
268
- z-index: -2;
269
- border-radius: inherit; /* !importanté */
270
- background: linear-gradient(89.63deg, #874CFD 27.59%, #3C38E1 82.67%);
271
- height: calc(100% + 2px);
272
- width: calc(100% + 2px);
273
- }
274
- .gps-suggestion-item:hover .gps-suggestion-item-btn {
275
- visibility: visible;
276
- }
277
- .gps-suggestion-item:hover .item-link {
278
- white-space: nowrap;
279
- overflow: hidden;
280
- text-overflow: ellipsis;
281
- width: 295px;
282
- }
283
- .gps-base-font-family {
284
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
285
245
  }
package/dist/base.min.css CHANGED
@@ -1 +1 @@
1
- @tailwind base;@tailwind components;@tailwind utilities;html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}#__next{height:100%;overflow-x:clip}.wrapper{margin-left:auto;margin-right:auto;max-width:var(--g-ct-w,1200px);padding-left:var(--g-ct-p);padding-right:var(--g-ct-p);width:100%}.gem-slider:not([data-keen-slider-disabled]){align-content:flex-start;display:flex;min-height:100%;overflow:hidden;position:relative;width:100%}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}[data-keen-slider-moves] *{pointer-events:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.pl-safe{padding-left:env(safe-area-inset-left)}.pr-safe{padding-right:env(safe-area-inset-right)}.p-safe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.py-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.h-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gp-text ol,.gp-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-text ul{list-style-type:disc}.gp-text li{list-style-position:inside}.gp-text ol{list-style-type:decimal}[data-slot=children]{align-items:center;border:1px dashed #9e9e9e;border-radius:3px;display:inline-flex;height:100%;justify-content:center;min-height:60px;overflow:hidden;visibility:hidden;width:100%}[data-slot=children]:after{content:"Drop element here";font-size:14px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;visibility:hidden;white-space:nowrap}.gp-dialog{display:none}.gp-dialog[open]{display:block}.gp-dialog:modal{position:fixed}h1,h2,h3,h4,h5,h6{word-break:normal}.gp-p-description-text ol,.gp-p-description-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-p-description-text ol ol{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.gp-p-description-text h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:2em;font-weight:700;line-height:1.4;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0;margin:0 0 1em}.gp-p-description-text h2{font-size:1.5em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h3{font-size:1.17em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text a{color:-webkit-link;cursor:text;text-decoration:underline}.gp-p-description-text h4{font-size:1em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h5{font-size:.83em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h6{font-size:.67em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text ul{list-style-type:disc}.gp-p-description-text ol{list-style-type:decimal}.gp-p-description-text p{line-height:1.4;margin:0 0 1em}.gp-p-description-text ul li{display:list-item;list-style:disc none outside;text-align:-webkit-match-parent;word-break:break-word}.gp-p-description-text blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:40px;margin-inline-start:40px}.gp-p-description-text table,.gp-p-description-text td,.gp-p-description-text th{border:1px dashed #ccc;padding:unset}.gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0}.gp-tab-header-list::-webkit-scrollbar{display:none}.gps-page-suggestion{background:#fff;background-clip:padding-box;border:1px solid transparent;border-radius:3px;box-sizing:border-box;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.gps-page-suggestion:before{background:linear-gradient(89.63deg,#874cfd 27.59%,#3c38e1 82.67%);border-radius:inherit; /* !importanté */bottom:-1px;content:"";height:calc(100% + 2px);left:-1px;position:absolute;right:-1px;top:-1px;width:calc(100% + 2px);z-index:-2}.gps-suggestion-item:hover .gps-suggestion-item-btn{visibility:visible}.gps-suggestion-item:hover .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:295px}.gps-base-font-family{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}
1
+ @tailwind base;@tailwind components;@tailwind utilities;html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}#__next{height:100%;overflow-x:clip}.wrapper{margin-left:auto;margin-right:auto;max-width:var(--g-ct-w,1200px);padding-left:var(--g-ct-p);padding-right:var(--g-ct-p);width:100%}.gem-slider:not([data-keen-slider-disabled]){align-content:flex-start;display:flex;min-height:100%;overflow:hidden;position:relative;width:100%}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}[data-keen-slider-moves] *{pointer-events:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.pl-safe{padding-left:env(safe-area-inset-left)}.pr-safe{padding-right:env(safe-area-inset-right)}.p-safe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.py-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.h-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gp-text ol,.gp-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-text ul{list-style-type:disc}.gp-text li{list-style-position:inside}.gp-text ol{list-style-type:decimal}[data-slot=children]{align-items:center;border:1px dashed #9e9e9e;border-radius:3px;display:inline-flex;height:100%;justify-content:center;min-height:60px;overflow:hidden;visibility:hidden;width:100%}[data-slot=children]:after{content:"Drop element here";font-size:14px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;visibility:hidden;white-space:nowrap}.gp-dialog{display:none}.gp-dialog[open]{display:block}.gp-dialog:modal{position:fixed}h1,h2,h3,h4,h5,h6{word-break:normal}p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:inherit}.gp-p-description-text ol,.gp-p-description-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-p-description-text ol ol{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.gp-p-description-text h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;font-size:2em;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0}.gp-p-description-text h1,.gp-p-description-text h2,.gp-p-description-text h3,.gp-p-description-text h4,.gp-p-description-text h5,.gp-p-description-text h6{display:block;font-weight:700}.gp-p-description-text h1,.gp-p-description-text h2,.gp-p-description-text h3,.gp-p-description-text h4,.gp-p-description-text h5,.gp-p-description-text h6,.gp-p-description-text p{line-height:1.4;margin:0 0 1em}.gp-p-description-text h2{font-size:1.5em}.gp-p-description-text h3{font-size:1.17em}.gp-p-description-text a{color:-webkit-link;cursor:text;text-decoration:underline}.gp-p-description-text h4{font-size:1em}.gp-p-description-text h5{font-size:.83em}.gp-p-description-text h6{font-size:.67em}.gp-p-description-text ul{list-style-type:disc}.gp-p-description-text ol{list-style-type:decimal}.gp-p-description-text ul li{display:list-item;list-style:disc none outside;text-align:-webkit-match-parent;word-break:break-word}.gp-p-description-text blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:40px;margin-inline-start:40px}.gp-p-description-text table,.gp-p-description-text td,.gp-p-description-text th{border:1px dashed #ccc;padding:unset}.gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0}.gp-tab-header-list::-webkit-scrollbar{display:none}
package/dist/builder.css CHANGED
@@ -73,6 +73,7 @@
73
73
  top: 0;
74
74
  left: 0;
75
75
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
76
+ min-height: 100vh;
76
77
  }
77
78
  #visual-content .fake-placeholder {
78
79
  position: absolute;
@@ -163,6 +164,10 @@
163
164
  #visual-content .fake-placeholder.not-show {
164
165
  display: none;
165
166
  }
167
+ #visual-content .fake-placeholder[is-component-dragging="true"] {
168
+ opacity: 0.5;
169
+ background: #8AA4FF;
170
+ }
166
171
  /* section:last-child {
167
172
  [data-slot='children'] {
168
173
  min-height: 358px;
@@ -197,3 +202,36 @@
197
202
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
198
203
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-width='2' stroke-dasharray='12%2c12' stroke-dashoffset='72' stroke-linecap='square'/%3e%3c/svg%3e");
199
204
  }
205
+ .gps-page-suggestion {
206
+ background: #fff;
207
+ border: solid 1px transparent;
208
+ background-clip: padding-box;
209
+ box-sizing: border-box;
210
+ border-radius: 3px;
211
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
212
+ }
213
+ .gps-page-suggestion:before {
214
+ content: '';
215
+ position: absolute;
216
+ top: -1px;
217
+ right: -1px;
218
+ bottom: -1px;
219
+ left: -1px;
220
+ z-index: -2;
221
+ border-radius: inherit; /* !importanté */
222
+ background: linear-gradient(89.63deg, #874CFD 27.59%, #3C38E1 82.67%);
223
+ height: calc(100% + 2px);
224
+ width: calc(100% + 2px);
225
+ }
226
+ .gps-suggestion-item:hover .gps-suggestion-item-btn {
227
+ visibility: visible;
228
+ }
229
+ .gps-suggestion-item:hover .item-link {
230
+ white-space: nowrap;
231
+ overflow: hidden;
232
+ text-overflow: ellipsis;
233
+ width: 295px;
234
+ }
235
+ .gps-base-font-family {
236
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
237
+ }
package/dist/builder.min.css CHANGED
@@ -1 +1 @@
1
- .builder [disabled]{pointer-events:auto}.builder [data-slot=children]{visibility:visible}.builder [data-slot=children]:after{color:#aaa;visibility:visible}.builder [data-slot=children] .drag-placeholder{height:100%}.builder .generate-image-to-layout-btn{background-image:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%);position:relative;z-index:1}.builder .generate-image-to-layout-btn:before{background-image:linear-gradient(270.07deg,#3633cc .03%,#6d3dcc 99.92%);border-radius:3px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-out;z-index:-1}.builder .generate-image-to-layout-btn:hover:before{opacity:1}.builder .image-to-layout-input-border{background:linear-gradient(89.63deg,#874cfd 27.59%,#3c38e1 82.67%);border-radius:3px;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.builder .image-to-layout-input-wrapper-modal{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;position:relative}.builder .image-to-layout-input-wrapper,.builder .image-to-layout-input-wrapper-add-section{background:#fff;background-clip:padding-box;border:1px solid transparent;box-sizing:border-box;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;position:relative}.image-to-layout-input-wrapper-add-section{border:1px solid #3c67ff!important}.gps-image-to-layout-progress-bar{background:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%)}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-family:Inter,sans-serif,ui-sans-serif,system-ui;font-size:14px;font-weight:500;line-height:150%;position:relative;text-align:center;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#d8e1ff;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-child-on-sections{margin:16px!important}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}[data-component-is-third-party=true]{background-color:#f4f4f4}[data-component-tag=ProductDescription],[data-component-tag=ProductPrice],[data-component-tag=ProductTag],[data-component-tag=ProductTitle]{cursor:default}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}.gps-drag-element-here{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-dasharray='12,12' stroke-dashoffset='72' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E");font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}
1
+ .builder [disabled]{pointer-events:auto}.builder [data-slot=children]{visibility:visible}.builder [data-slot=children]:after{color:#aaa;visibility:visible}.builder [data-slot=children] .drag-placeholder{height:100%}.builder .generate-image-to-layout-btn{background-image:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%);position:relative;z-index:1}.builder .generate-image-to-layout-btn:before{background-image:linear-gradient(270.07deg,#3633cc .03%,#6d3dcc 99.92%);border-radius:3px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-out;z-index:-1}.builder .generate-image-to-layout-btn:hover:before{opacity:1}.builder .image-to-layout-input-border{background:linear-gradient(89.63deg,#874cfd 27.59%,#3c38e1 82.67%);border-radius:3px;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.builder .image-to-layout-input-wrapper-modal{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;position:relative}.builder .image-to-layout-input-wrapper,.builder .image-to-layout-input-wrapper-add-section{background:#fff;background-clip:padding-box;border:1px solid transparent;box-sizing:border-box;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;position:relative}.image-to-layout-input-wrapper-add-section{border:1px solid #3c67ff!important}.gps-image-to-layout-progress-bar{background:linear-gradient(270.07deg,#874cfd .03%,#3c38e1 99.92%)}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;font-family:Inter,sans-serif,ui-sans-serif,system-ui!important;height:100%;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-family:Inter,sans-serif,ui-sans-serif,system-ui;font-size:14px;font-weight:500;line-height:150%;position:relative;text-align:center;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#d8e1ff;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-child-on-sections{margin:16px!important}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;margin:0!important;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}#visual-content .fake-placeholder[is-component-dragging=true]{background:#8aa4ff;opacity:.5}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}[data-component-is-third-party=true]{background-color:#f4f4f4}[data-component-tag=ProductDescription],[data-component-tag=ProductPrice],[data-component-tag=ProductTag],[data-component-tag=ProductTitle]{cursor:default}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}.gps-drag-element-here{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-dasharray='12,12' stroke-dashoffset='72' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E")}.gps-drag-element-here,.gps-page-suggestion{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.gps-page-suggestion{background:#fff;background-clip:padding-box;border:1px solid transparent;border-radius:3px;box-sizing:border-box}.gps-page-suggestion:before{background:linear-gradient(89.63deg,#874cfd 27.59%,#3c38e1 82.67%);border-radius:inherit; /* !importanté */bottom:-1px;content:"";height:calc(100% + 2px);left:-1px;position:absolute;right:-1px;top:-1px;width:calc(100% + 2px);z-index:-2}.gps-suggestion-item:hover .gps-suggestion-item-btn{visibility:visible}.gps-suggestion-item:hover .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:295px}.gps-base-font-family{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.13.0-next.8",
3
+ "version": "1.14.0-next.22",
4
4
  "description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
5
5
  "license": "MIT",
6
6
  "main": "src/index.js",
package/src/css/builds/base.css CHANGED
@@ -141,6 +141,15 @@ h6 {
141
141
  word-break: normal;
142
142
  }
143
143
 
144
+ p {
145
+ font-weight: inherit;
146
+ line-height: inherit;
147
+ font-size: inherit;
148
+ font-family: inherit;
149
+ text-align: inherit;
150
+ color: inherit;
151
+ }
152
+
144
153
  .gp-p-description-text ul,
145
154
  .gp-p-description-text ol {
146
155
  display: block;
@@ -163,29 +172,29 @@ h6 {
163
172
  }
164
173
 
165
174
  .gp-p-description-text h1 {
166
- display: block;
167
175
  font-size: 2em;
168
176
  margin-block-start: 0.67em;
169
177
  margin-block-end: 0.67em;
170
178
  margin-inline-start: 0px;
171
179
  margin-inline-end: 0px;
180
+ }
181
+
182
+ .gp-p-description-text h1, .gp-p-description-text h2, .gp-p-description-text h3, .gp-p-description-text h4, .gp-p-description-text h5, .gp-p-description-text h6 {
183
+ display: block;
172
184
  font-weight: bold;
185
+ }
186
+
187
+ .gp-p-description-text p, .gp-p-description-text h1, .gp-p-description-text h2, .gp-p-description-text h3, .gp-p-description-text h4, .gp-p-description-text h5, .gp-p-description-text h6 {
173
188
  margin: 0 0 1em 0;
174
189
  line-height: 1.4;
175
190
  }
176
191
 
177
192
  .gp-p-description-text h2 {
178
193
  font-size: 1.5em;
179
- font-weight: bold;
180
- margin: 0 0 1em 0;
181
- line-height: 1.4;
182
194
  }
183
195
 
184
196
  .gp-p-description-text h3 {
185
197
  font-size: 1.17em;
186
- font-weight: bold;
187
- margin: 0 0 1em 0;
188
- line-height: 1.4;
189
198
  }
190
199
 
191
200
  .gp-p-description-text a {
@@ -196,23 +205,14 @@ h6 {
196
205
 
197
206
  .gp-p-description-text h4 {
198
207
  font-size: 1em;
199
- font-weight: bold;
200
- margin: 0 0 1em 0;
201
- line-height: 1.4;
202
208
  }
203
209
 
204
210
  .gp-p-description-text h5 {
205
211
  font-size: 0.83em;
206
- font-weight: bold;
207
- margin: 0 0 1em 0;
208
- line-height: 1.4;
209
212
  }
210
213
 
211
214
  .gp-p-description-text h6 {
212
215
  font-size: 0.67em;
213
- font-weight: bold;
214
- margin: 0 0 1em 0;
215
- line-height: 1.4;
216
216
  }
217
217
 
218
218
  .gp-p-description-text ul {
@@ -222,11 +222,6 @@ h6 {
222
222
  list-style-type: decimal;
223
223
  }
224
224
 
225
- .gp-p-description-text p {
226
- margin: 0 0 1em 0;
227
- line-height: 1.4;
228
- }
229
-
230
225
  .gp-p-description-text ul li {
231
226
  list-style: disc outside none;
232
227
  display: list-item;
@@ -259,42 +254,4 @@ h6 {
259
254
 
260
255
  .gp-tab-header-list::-webkit-scrollbar {
261
256
  display: none;
262
- }
263
-
264
- .gps-page-suggestion {
265
- background: #fff;
266
- border: solid 1px transparent;
267
- background-clip: padding-box;
268
- box-sizing: border-box;
269
- border-radius: 3px;
270
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
271
- }
272
-
273
- .gps-page-suggestion:before {
274
- content: '';
275
- position: absolute;
276
- top: -1px;
277
- right: -1px;
278
- bottom: -1px;
279
- left: -1px;
280
- z-index: -2;
281
- border-radius: inherit; /* !importanté */
282
- background: linear-gradient(89.63deg, #874CFD 27.59%, #3C38E1 82.67%);
283
- height: calc(100% + 2px);
284
- width: calc(100% + 2px);
285
- }
286
-
287
- .gps-suggestion-item:hover .gps-suggestion-item-btn {
288
- visibility: visible;
289
- }
290
-
291
- .gps-suggestion-item:hover .item-link {
292
- white-space: nowrap;
293
- overflow: hidden;
294
- text-overflow: ellipsis;
295
- width: 295px;
296
- }
297
-
298
- .gps-base-font-family {
299
- font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
300
257
  }
package/src/css/builds/builder.css CHANGED
@@ -86,6 +86,7 @@
86
86
  top: 0;
87
87
  left: 0;
88
88
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
89
+ min-height: 100vh;
89
90
 
90
91
  .fake-placeholder {
91
92
  position: absolute;
@@ -186,6 +187,10 @@
186
187
  &.not-show {
187
188
  display: none;
188
189
  }
190
+ &[is-component-dragging="true"] {
191
+ opacity: 0.5;
192
+ background: #8AA4FF;
193
+ }
189
194
  }
190
195
  }
191
196
 
@@ -229,3 +234,41 @@
229
234
  font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
230
235
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%233C67FFFF' stroke-width='2' stroke-dasharray='12%2c12' stroke-dashoffset='72' stroke-linecap='square'/%3e%3c/svg%3e");
231
236
  }
237
+
238
+ .gps-page-suggestion {
239
+ background: #fff;
240
+ border: solid 1px transparent;
241
+ background-clip: padding-box;
242
+ box-sizing: border-box;
243
+ border-radius: 3px;
244
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
245
+ }
246
+
247
+ .gps-page-suggestion:before {
248
+ content: '';
249
+ position: absolute;
250
+ top: -1px;
251
+ right: -1px;
252
+ bottom: -1px;
253
+ left: -1px;
254
+ z-index: -2;
255
+ border-radius: inherit; /* !importanté */
256
+ background: linear-gradient(89.63deg, #874CFD 27.59%, #3C38E1 82.67%);
257
+ height: calc(100% + 2px);
258
+ width: calc(100% + 2px);
259
+ }
260
+
261
+ .gps-suggestion-item:hover .gps-suggestion-item-btn {
262
+ visibility: visible;
263
+ }
264
+
265
+ .gps-suggestion-item:hover .item-link {
266
+ white-space: nowrap;
267
+ overflow: hidden;
268
+ text-overflow: ellipsis;
269
+ width: 295px;
270
+ }
271
+
272
+ .gps-base-font-family {
273
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui !important;
274
+ }