@gem-sdk/styles 1.58.0 → 2.0.0-dev.1082

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 (23) hide show
  1. package/dist/base.css +28 -46
  2. package/dist/base.min.css +1 -1
  3. package/dist/builder.css +34 -45
  4. package/dist/builder.min.css +1 -1
  5. package/dist/toolbar.css +32 -29
  6. package/dist/toolbar.min.css +1 -1
  7. package/dist/utility.css +735 -73
  8. package/dist/utility.min.css +1 -1
  9. package/package.json +2 -2
  10. package/src/css/all.css +11 -0
  11. package/src/css/builds/base.css +18 -15
  12. package/src/css/builds/builder.css +30 -15
  13. package/src/css/builds/toolbar.css +23 -1
  14. package/src/css/helpers/_layout.css +26 -17
  15. package/src/css/medias.css +2 -2
  16. package/src/css/utilities/_border.css +5 -0
  17. package/src/css/utilities/_grid.css +3 -2
  18. package/src/css/utilities/_overflow.css +3 -3
  19. package/src/css/utilities/all.css +3 -3
  20. package/src/preset.js +2 -2
  21. package/src/properties.js +66 -18
  22. package/types/globals.d.ts +297 -0
  23. package/types/types.d.ts +11 -0
package/dist/base.css CHANGED
@@ -48,7 +48,8 @@ html {
48
48
  padding-right: env(safe-area-inset-right);
49
49
  }
50
50
  .p-safe {
51
- padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
51
+ padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
52
+ env(safe-area-inset-left);
52
53
  }
53
54
  .px-safe {
54
55
  padding-left: env(safe-area-inset-left);
@@ -83,12 +84,15 @@ html {
83
84
  -webkit-padding-start: 40px;
84
85
  padding-left: 40px;
85
86
  }
86
- .gp-text ul>li,
87
- .gp-text-instant ul>li {
87
+ .gp-text strong {
88
+ font-weight: bold;
89
+ }
90
+ .gp-text ul > li,
91
+ .gp-text-instant ul > li {
88
92
  list-style: disc inside !important;
89
93
  }
90
- .gp-text ol>li,
91
- .gp-text-instant ol>li {
94
+ .gp-text ol > li,
95
+ .gp-text-instant ol > li {
92
96
  list-style: decimal inside !important;
93
97
  }
94
98
  [display-init='hide'] > div {
@@ -221,7 +225,7 @@ p {
221
225
  .gp-p-description-text h5,
222
226
  .gp-p-description-text h6 {
223
227
  margin: 0 0 1em 0;
224
- line-height: 1.4;
228
+ line-height: 1.4 !important;
225
229
  }
226
230
  .gp-p-description-text h2 {
227
231
  font-size: 1.5em;
@@ -291,8 +295,7 @@ p {
291
295
  flex-direction: row;
292
296
  position: relative;
293
297
  width: var(--width);
294
- -webkit-transform: var(--transform);
295
- transform: var(--transform);
298
+ transform: var(--transform);
296
299
  max-width: unset !important;
297
300
  }
298
301
  .rfm-overlay {
@@ -303,8 +306,7 @@ p {
303
306
  .rfm-overlay::after {
304
307
  right: 0;
305
308
  top: 0;
306
- -webkit-transform: rotateZ(180deg);
307
- transform: rotateZ(180deg);
309
+ transform: rotateZ(180deg);
308
310
  }
309
311
  .rfm-overlay::before {
310
312
  left: 0;
@@ -318,35 +320,18 @@ p {
318
320
  display: flex;
319
321
  flex-direction: row;
320
322
  align-items: center;
321
- -webkit-animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
322
- animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
323
- -webkit-animation-play-state: var(--play);
324
- animation-play-state: var(--play);
325
- -webkit-animation-delay: var(--delay);
326
- animation-delay: var(--delay);
327
- -webkit-animation-direction: var(--direction);
328
- animation-direction: var(--direction);
329
- }
330
- @-webkit-keyframes scroll {
331
- 0% {
332
- -webkit-transform: translateX(0%);
333
- transform: translateX(0%);
334
- }
335
-
336
- 100% {
337
- -webkit-transform: translateX(-100%);
338
- transform: translateX(-100%);
339
- }
323
+ animation: gp-marquee-scroll var(--duration) linear var(--delay) var(--iteration-count);
324
+ animation-play-state: var(--play);
325
+ animation-delay: var(--delay);
326
+ animation-direction: var(--direction);
340
327
  }
341
- @keyframes scroll {
328
+ @keyframes gp-marquee-scroll {
342
329
  0% {
343
- -webkit-transform: translateX(0%);
344
- transform: translateX(0%);
330
+ transform: translateX(0%);
345
331
  }
346
332
 
347
333
  100% {
348
- -webkit-transform: translateX(-100%);
349
- transform: translateX(-100%);
334
+ transform: translateX(-100%);
350
335
  }
351
336
  }
352
337
  .rfm-initial-child-container {
@@ -357,23 +342,20 @@ p {
357
342
  align-items: center;
358
343
  }
359
344
  .rfm-child {
360
- -webkit-transform: var(--transform);
361
- transform: var(--transform);
362
- }
363
- [style*="--grchild:"]> :first-child {
364
- grid-row: var(--grchild);
345
+ transform: var(--transform);
365
346
  }
366
- [style*="--mbchild:"]> :first-child {
347
+ [style*='--mbchild:'] > :first-child {
367
348
  margin-bottom: var(--mbchild);
368
349
  }
369
- @media (min-width: 1024px){
350
+ [style*='--grchild:'] > :first-child {
351
+ grid-row: var(--grchild);
352
+ }
353
+ @media (min-width: 1025px){
370
354
  .rfm-marquee-container:hover div {
371
- -webkit-animation-play-state: var(--pause-on-hover);
372
- animation-play-state: var(--pause-on-hover);
355
+ animation-play-state: var(--pause-on-hover);
373
356
  }
374
357
 
375
358
  .rfm-marquee-container:active div {
376
- -webkit-animation-play-state: var(--pause-on-click);
377
- animation-play-state: var(--pause-on-click);
359
+ animation-play-state: var(--pause-on-click);
378
360
  }
379
- }
361
+ }
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,.gp-text-instant ol,.gp-text-instant 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>li,.gp-text-instant ul>li{list-style:disc inside!important}.gp-text ol>li,.gp-text-instant ol>li{list-style:decimal inside!important}[display-init=hide]>div{display:inline!important;overflow:hidden!important;visibility:hidden!important}[display-init=hide]>div,[display-init=hide]>div *{max-height:0!important;max-width:0!important}[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].product-feature-image{border:unset;border-radius:0;visibility:visible!important}[data-slot=children]:not(.product-feature-image):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-instant-page [data-slot=children].product-feature-image{border:unset;visibility:visible!important}.gp-instant-page [data-slot=children].product-feature-image:after{border:unset;color:#aaa;visibility:visible}.gp-instant-page [data-slot=children].product-feature-image .drag-placeholder{height:100%}.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!important;padding:unset!important}.gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0;width:100%}.gp-p-description-text p:last-child{margin-bottom:0!important}.gp-tab-header-list::-webkit-scrollbar{display:none}.rfm-marquee-container{display:flex;flex-direction:row;max-width:unset!important;position:relative;-webkit-transform:var(--transform);transform:var(--transform);width:var(--width)}.rfm-overlay{height:100%;position:absolute;width:100%}.rfm-overlay:after{right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rfm-overlay:before{left:0;top:0}.rfm-marquee{align-items:center;-webkit-animation:scroll var(--duration) linear var(--delay) var(--iteration-count);animation:scroll var(--duration) linear var(--delay) var(--iteration-count);-webkit-animation-delay:var(--delay);animation-delay:var(--delay);-webkit-animation-direction:var(--direction);animation-direction:var(--direction);-webkit-animation-play-state:var(--play);animation-play-state:var(--play);display:flex;flex:0 0 auto;flex-direction:row;max-width:unset!important;min-width:var(--min-width);z-index:1}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.rfm-initial-child-container{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;min-width:auto}.rfm-child{-webkit-transform:var(--transform);transform:var(--transform)}[style*="--grchild:"]>:first-child{grid-row:var(--grchild)}[style*="--mbchild:"]>:first-child{margin-bottom:var(--mbchild)}@media (min-width:1024px){.rfm-marquee-container:hover div{-webkit-animation-play-state:var(--pause-on-hover);animation-play-state:var(--pause-on-hover)}.rfm-marquee-container:active div{-webkit-animation-play-state:var(--pause-on-click);animation-play-state:var(--pause-on-click)}}
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,.gp-text-instant ol,.gp-text-instant ul{display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;padding-left:40px}.gp-text strong{font-weight:700}.gp-text ul>li,.gp-text-instant ul>li{list-style:disc inside!important}.gp-text ol>li,.gp-text-instant ol>li{list-style:decimal inside!important}[display-init=hide]>div{display:inline!important;overflow:hidden!important;visibility:hidden!important}[display-init=hide]>div,[display-init=hide]>div *{max-height:0!important;max-width:0!important}[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].product-feature-image{border:unset;border-radius:0;visibility:visible!important}[data-slot=children]:not(.product-feature-image):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-instant-page [data-slot=children].product-feature-image{border:unset;visibility:visible!important}.gp-instant-page [data-slot=children].product-feature-image:after{border:unset;color:#aaa;visibility:visible}.gp-instant-page [data-slot=children].product-feature-image .drag-placeholder{height:100%}.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{display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;padding-left:40px}.gp-p-description-text ol ol{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.gp-p-description-text h1{font-size:2em;-webkit-margin-before:.67em;margin-block-start:.67em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end: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!important;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{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:40px;margin-inline-start:40px;-webkit-margin-end:40px;margin-inline-end:40px}.gp-p-description-text table,.gp-p-description-text td,.gp-p-description-text th{border:1px dashed #ccc!important;padding:unset!important}.gp-p-description-text table{border-collapse:initial;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0;width:100%}.gp-p-description-text p:last-child{margin-bottom:0!important}.gp-tab-header-list::-webkit-scrollbar{display:none}.rfm-marquee-container{display:flex;flex-direction:row;max-width:unset!important;position:relative;transform:var(--transform);width:var(--width)}.rfm-overlay{height:100%;position:absolute;width:100%}.rfm-overlay:after{right:0;top:0;transform:rotate(180deg)}.rfm-overlay:before{left:0;top:0}.rfm-marquee{align-items:center;animation:gp-marquee-scroll var(--duration) linear var(--delay) var(--iteration-count);animation-delay:var(--delay);animation-direction:var(--direction);animation-play-state:var(--play);display:flex;flex:0 0 auto;flex-direction:row;max-width:unset!important;min-width:var(--min-width);z-index:1}@keyframes gp-marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.rfm-initial-child-container{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;min-width:auto}.rfm-child{transform:var(--transform)}[style*="--mbchild:"]>:first-child{margin-bottom:var(--mbchild)}[style*="--grchild:"]>:first-child{grid-row:var(--grchild)}@media (min-width:1025px){.rfm-marquee-container:hover div{animation-play-state:var(--pause-on-hover)}.rfm-marquee-container:active div{animation-play-state:var(--pause-on-click)}}
package/dist/builder.css CHANGED
@@ -137,10 +137,7 @@
137
137
 
138
138
  #visual-content .fake-placeholder.visual-placeholder-error {
139
139
 
140
- font-family: Inter,
141
- sans-serif,
142
- ui-sans-serif,
143
- system-ui;
140
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui;
144
141
  border: 1px dashed #f44336 !important;
145
142
  visibility: visible;
146
143
  color: #f44336 !important;
@@ -196,7 +193,9 @@
196
193
  background-color: #ebddf866;
197
194
  }
198
195
 
199
- #visual-content .fake-placeholder.visual-placeholder-theme-section.visual-placeholder-error.has-section:not([is-component-dragging='true']) {
196
+ #visual-content .fake-placeholder.visual-placeholder-theme-section.visual-placeholder-error.has-section:not(
197
+ [is-component-dragging='true']
198
+ ) {
200
199
  background-color: #f44336 !important;
201
200
  }
202
201
 
@@ -404,7 +403,8 @@
404
403
 
405
404
  .post-purchase-page {
406
405
  font-size: 14px;
407
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
406
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
407
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
408
408
  line-height: 15px;
409
409
  }
410
410
 
@@ -423,6 +423,10 @@
423
423
  word-break: break-word;
424
424
  }
425
425
 
426
+ .gp-text strong {
427
+ font-weight: bold;
428
+ }
429
+
426
430
  .button-text:hover::after {
427
431
  content: '';
428
432
  position: absolute;
@@ -474,19 +478,16 @@
474
478
  flex-direction: row;
475
479
  position: relative;
476
480
  width: var(--width);
477
- -webkit-transform: var(--transform);
478
- transform: var(--transform);
481
+ transform: var(--transform);
479
482
  max-width: unset !important;
480
483
  }
481
484
 
482
485
  .rfm-marquee-container:hover div {
483
- -webkit-animation-play-state: var(--pause-on-hover);
484
- animation-play-state: var(--pause-on-hover);
486
+ animation-play-state: var(--pause-on-hover);
485
487
  }
486
488
 
487
489
  .rfm-marquee-container:active div {
488
- -webkit-animation-play-state: var(--pause-on-click);
489
- animation-play-state: var(--pause-on-click);
490
+ animation-play-state: var(--pause-on-click);
490
491
  }
491
492
 
492
493
  .rfm-overlay {
@@ -498,8 +499,7 @@
498
499
  .rfm-overlay::after {
499
500
  right: 0;
500
501
  top: 0;
501
- -webkit-transform: rotateZ(180deg);
502
- transform: rotateZ(180deg);
502
+ transform: rotateZ(180deg);
503
503
  }
504
504
 
505
505
  .rfm-overlay::before {
@@ -515,39 +515,19 @@
515
515
  display: flex;
516
516
  flex-direction: row;
517
517
  align-items: center;
518
- -webkit-animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
519
- animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
520
- -webkit-animation-play-state: var(--play);
521
- animation-play-state: var(--play);
522
- -webkit-animation-delay: var(--delay);
523
- animation-delay: var(--delay);
524
- -webkit-animation-direction: var(--direction);
525
- animation-direction: var(--direction);
526
-
527
-
528
- }
529
-
530
- @-webkit-keyframes scroll {
531
- 0% {
532
- -webkit-transform: translateX(0%);
533
- transform: translateX(0%);
534
- }
535
-
536
- 100% {
537
- -webkit-transform: translateX(-100%);
538
- transform: translateX(-100%);
539
- }
518
+ animation: gp-marquee-scroll var(--duration) linear var(--delay) var(--iteration-count);
519
+ animation-play-state: var(--play);
520
+ animation-delay: var(--delay);
521
+ animation-direction: var(--direction);
540
522
  }
541
523
 
542
- @keyframes scroll {
524
+ @keyframes gp-marquee-scroll {
543
525
  0% {
544
- -webkit-transform: translateX(0%);
545
- transform: translateX(0%);
526
+ transform: translateX(0%);
546
527
  }
547
528
 
548
529
  100% {
549
- -webkit-transform: translateX(-100%);
550
- transform: translateX(-100%);
530
+ transform: translateX(-100%);
551
531
  }
552
532
  }
553
533
 
@@ -560,8 +540,7 @@
560
540
  }
561
541
 
562
542
  .rfm-child {
563
- -webkit-transform: var(--transform);
564
- transform: var(--transform);
543
+ transform: var(--transform);
565
544
  }
566
545
 
567
546
  .product-badge.inside-image [data-outline] {
@@ -588,7 +567,17 @@
588
567
  }
589
568
 
590
569
  .interaction-select-mode [data-component-tag] * [data-toolbar] * {
591
- cursor: pointer !important;
570
+ cursor: pointer !important;
571
+ }
572
+
573
+ .interaction-select-mode [data-component-tag='ProductQuantity'] button[aria-label='increment'],
574
+ .interaction-select-mode [data-component-tag='ProductQuantity'] button[aria-label='decrement'],
575
+ .interaction-select-mode [data-component-tag='ProductQuantity'] input {
576
+ pointer-events: none;
577
+ }
578
+
579
+ .interaction-select-mode [data-component-tag='ProductVariants'] span.gp-underline {
580
+ pointer-events: none;
592
581
  }
593
582
 
594
583
  @media (max-width: 768px) {
@@ -599,4 +588,4 @@
599
588
  .gps-suggestion-item .item-link {
600
589
  width: 196px;
601
590
  }
602
- }
591
+ }
package/dist/builder.min.css CHANGED
@@ -1 +1 @@
1
- .builder{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.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 .btn-disable{background-color:#f4f4f4;background-image:none;color:#9e9e9e;cursor:not-allowed}.builder .generate-image-to-layout-btn:hover:before{opacity:1}.builder .image-to-layout-input-border{border:1px solid #3c38e1;border-radius:3px}.builder .image-to-layout-input-wrapper-modal{position:relative}.builder .image-to-layout-input-wrapper,.builder .image-to-layout-input-wrapper-add-section{background:#fff;background-clip:padding-box;box-sizing:border-box;position:relative}.image-to-layout-input-wrapper-add-section{border:1px solid #3c67ff}.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:0}#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:#8aa4ff66;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-theme-section[is-component-dragging=true]{background-color:#ebddf866!important}#visual-content .fake-placeholder.visual-placeholder-theme-section{background-color:#ebddf866}#visual-content .fake-placeholder.visual-placeholder-theme-section.visual-placeholder-error.has-section:not([is-component-dragging=true]){background-color:#f44336!important}#visual-content .fake-placeholder.visual-placeholder-theme-section.has-section:not([is-component-dragging=true]){background-color:#9144da!important}#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-blank-page=true]{background-color:#d8e1ff!important}#visual-content .fake-placeholder[is-drag-to-shopify-section=true],#visual-content .fake-placeholder[is-drag-to-theme-section=true]{background-color:hsla(2,93%,94%,.24)!important;display:block}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message{align-items:center;background:#f44336!important;border-radius:3px!important;color:#f9f9f9!important;display:flex;font-size:14px;font-weight:400;left:8px;line-height:24px;margin-left:8px;margin-top:8px;padding:4px;position:-webkit-sticky;position:sticky;top:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message.exceed-limit,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message.exceed-limit{margin-left:48px}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message-icon,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message svg,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message svg{margin-right:4px}#visual-content .fake-placeholder[is-component-dragging=true]{background-color:#8aa4ff66!important}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none;overflow:hidden}[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;border-radius:3px;box-shadow:0 4px 16px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.12)}.gps-suggestion-item .gps-suggestion-item-btn{display:flex}.gps-suggestion-item .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:360px}.gps-suggestion-item:hover .item-link{width:360px}.gps-base-font-family{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.btn-disable:before{background:none!important;background-color:#f4f4f4!important;color:#9e9e9e}.gps-image-detection-section:hover .gps-generating-actions{display:flex}.gps-generating-section-text{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#874cfd,#3c38e1);-webkit-background-clip:text}.ck-blurred{cursor:pointer}.ck-focused{cursor:text}.button-text{position:relative}.button-text.ck-focused,.child-item-text.ck-focused{border-color:transparent!important;box-shadow:0 0 0 2px hsla(0,0%,100%,0),0 0 0 1px #3c67ff,0 0 0 5px #3c67ff3d}.theme-section-editor .child-item-text:hover{border-color:#9144da!important}.theme-section-editor .button-text:hover:after{border:1px solid #9144da}.theme-section-editor .button-text.ck-focused,.theme-section-editor .child-item-text.ck-focused{border-color:transparent!important;box-shadow:0 0 0 2px hsla(0,0%,100%,0),0 0 0 1px #9144da,0 0 0 5px #9144da3d}.theme-section-editor [data-component-tag=Heading] [data-outline][data-outline-editor-inline-focus],.theme-section-editor [data-component-tag=Text] [data-outline][data-outline-editor-inline-focus]{border-color:#9144da;outline:4px solid #9144da3d!important}.post-purchase-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;line-height:15px}.post-purchase-page select:focus{border-color:#1879b9;box-shadow:0 0 0 1px #1879b9}.gp-text.ck p{word-break:break-word}.button-text:hover:after{border:1px solid #3c67ff;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.button-text.ck-focused:hover:after{border:0!important}.sticky-overlay{align-items:center;background-color:#3c67ff26;border:2px solid #3c67ff;color:#3c67ff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.sticky-overlay.highlight-top{border-top-width:6px}.sticky-overlay.highlight-bottom{border-bottom-width:6px}.editor-content{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.rfm-marquee-container{display:flex;flex-direction:row;max-width:unset!important;position:relative;-webkit-transform:var(--transform);transform:var(--transform);width:var(--width)}.rfm-marquee-container:hover div{-webkit-animation-play-state:var(--pause-on-hover);animation-play-state:var(--pause-on-hover)}.rfm-marquee-container:active div{-webkit-animation-play-state:var(--pause-on-click);animation-play-state:var(--pause-on-click)}.rfm-overlay{height:100%;position:absolute;width:100%}.rfm-overlay:after{right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rfm-overlay:before{left:0;top:0}.rfm-marquee{align-items:center;-webkit-animation:scroll var(--duration) linear var(--delay) var(--iteration-count);animation:scroll var(--duration) linear var(--delay) var(--iteration-count);-webkit-animation-delay:var(--delay);animation-delay:var(--delay);-webkit-animation-direction:var(--direction);animation-direction:var(--direction);-webkit-animation-play-state:var(--play);animation-play-state:var(--play);display:flex;flex:0 0 auto;flex-direction:row;max-width:unset!important;min-width:var(--min-width);z-index:1}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.rfm-initial-child-container{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;min-width:auto}.rfm-child{-webkit-transform:var(--transform);transform:var(--transform)}.product-badge.inside-image [data-outline]{visibility:visible}.interaction-select-mode-header{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}[display-init=hide]{display:inline!important;overflow:hidden!important;visibility:hidden!important}[display-init=hide],[display-init=hide] *{max-height:0!important}.interaction-select-mode [data-component-tag] *{cursor:default!important}.interaction-select-mode [data-component-tag] * [data-toolbar] *{cursor:pointer!important}@media (max-width:768px){.gps-suggestion-item .item-link,.gps-suggestion-item:hover .item-link{width:196px}}
1
+ .builder{-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}.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 .btn-disable{background-color:#f4f4f4;background-image:none;color:#9e9e9e;cursor:not-allowed}.builder .generate-image-to-layout-btn:hover:before{opacity:1}.builder .image-to-layout-input-border{border:1px solid #3c38e1;border-radius:3px}.builder .image-to-layout-input-wrapper-modal{position:relative}.builder .image-to-layout-input-wrapper,.builder .image-to-layout-input-wrapper-add-section{background:#fff;background-clip:padding-box;box-sizing:border-box;position:relative}.image-to-layout-input-wrapper-add-section{border:1px solid #3c67ff}.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:#0000;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:0}#visual-content .fake-placeholder.fake-placeholder-slot{background:#0000}#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:#8aa4ff66;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-theme-section[is-component-dragging=true]{background-color:#ebddf866!important}#visual-content .fake-placeholder.visual-placeholder-theme-section{background-color:#ebddf866}#visual-content .fake-placeholder.visual-placeholder-theme-section.visual-placeholder-error.has-section:not([is-component-dragging=true]){background-color:#f44336!important}#visual-content .fake-placeholder.visual-placeholder-theme-section.has-section:not([is-component-dragging=true]){background-color:#9144da!important}#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-blank-page=true]{background-color:#d8e1ff!important}#visual-content .fake-placeholder[is-drag-to-shopify-section=true],#visual-content .fake-placeholder[is-drag-to-theme-section=true]{background-color:#fee4e33d!important;display:block}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message{align-items:center;background:#f44336!important;border-radius:3px!important;color:#f9f9f9!important;display:flex;font-size:14px;font-weight:400;left:8px;line-height:24px;margin-left:8px;margin-top:8px;padding:4px;position:-webkit-sticky;position:sticky;top:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message.exceed-limit,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message.exceed-limit{margin-left:48px}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message-icon,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}#visual-content .fake-placeholder[is-drag-to-shopify-section=true] .drag-to-section-message svg,#visual-content .fake-placeholder[is-drag-to-theme-section=true] .drag-to-section-message svg{margin-right:4px}#visual-content .fake-placeholder[is-component-dragging=true]{background-color:#8aa4ff66!important}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none;overflow:hidden}[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;border-radius:3px;box-shadow:0 4px 16px #0000000f,0 4px 16px #0000001f}.gps-suggestion-item .gps-suggestion-item-btn{display:flex}.gps-suggestion-item .item-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:360px}.gps-suggestion-item:hover .item-link{width:360px}.gps-base-font-family{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.btn-disable:before{background:none!important;background-color:#f4f4f4!important;color:#9e9e9e}.gps-image-detection-section:hover .gps-generating-actions{display:flex}.gps-generating-section-text{background:-webkit-linear-gradient(#874cfd,#3c38e1);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.ck-blurred{cursor:pointer}.ck-focused{cursor:text}.button-text{position:relative}.button-text.ck-focused,.child-item-text.ck-focused{border-color:#0000!important;box-shadow:0 0 0 2px #fff0,0 0 0 1px #3c67ff,0 0 0 5px #3c67ff3d}.theme-section-editor .child-item-text:hover{border-color:#9144da!important}.theme-section-editor .button-text:hover:after{border:1px solid #9144da}.theme-section-editor .button-text.ck-focused,.theme-section-editor .child-item-text.ck-focused{border-color:#0000!important;box-shadow:0 0 0 2px #fff0,0 0 0 1px #9144da,0 0 0 5px #9144da3d}.theme-section-editor [data-component-tag=Heading] [data-outline][data-outline-editor-inline-focus],.theme-section-editor [data-component-tag=Text] [data-outline][data-outline-editor-inline-focus]{border-color:#9144da;outline:4px solid #9144da3d!important}.post-purchase-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;line-height:15px}.post-purchase-page select:focus{border-color:#1879b9;box-shadow:0 0 0 1px #1879b9}.gp-text.ck p{word-break:break-word}.gp-text strong{font-weight:700}.button-text:hover:after{border:1px solid #3c67ff;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.button-text.ck-focused:hover:after{border:0!important}.sticky-overlay{align-items:center;background-color:#3c67ff26;border:2px solid #3c67ff;color:#3c67ff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.sticky-overlay.highlight-top{border-top-width:6px}.sticky-overlay.highlight-bottom{border-bottom-width:6px}.editor-content{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}.rfm-marquee-container{display:flex;flex-direction:row;max-width:unset!important;position:relative;transform:var(--transform);width:var(--width)}.rfm-marquee-container:hover div{animation-play-state:var(--pause-on-hover)}.rfm-marquee-container:active div{animation-play-state:var(--pause-on-click)}.rfm-overlay{height:100%;position:absolute;width:100%}.rfm-overlay:after{right:0;top:0;transform:rotate(180deg)}.rfm-overlay:before{left:0;top:0}.rfm-marquee{align-items:center;animation:gp-marquee-scroll var(--duration) linear var(--delay) var(--iteration-count);animation-delay:var(--delay);animation-direction:var(--direction);animation-play-state:var(--play);display:flex;flex:0 0 auto;flex-direction:row;max-width:unset!important;min-width:var(--min-width);z-index:1}@keyframes gp-marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.rfm-initial-child-container{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;min-width:auto}.rfm-child{transform:var(--transform)}.product-badge.inside-image [data-outline]{visibility:visible}.interaction-select-mode-header{font-family:Inter,sans-serif,ui-sans-serif,system-ui!important}[display-init=hide]{display:inline!important;overflow:hidden!important;visibility:hidden!important}[display-init=hide],[display-init=hide] *{max-height:0!important}.interaction-select-mode [data-component-tag] *{cursor:default!important}.interaction-select-mode [data-component-tag] * [data-toolbar] *{cursor:pointer!important}.interaction-select-mode [data-component-tag=ProductQuantity] button[aria-label=decrement],.interaction-select-mode [data-component-tag=ProductQuantity] button[aria-label=increment],.interaction-select-mode [data-component-tag=ProductQuantity] input,.interaction-select-mode [data-component-tag=ProductVariants] span.gp-underline{pointer-events:none}@media (max-width:768px){.gps-suggestion-item .item-link,.gps-suggestion-item:hover .item-link{width:196px}}
package/dist/toolbar.css CHANGED
@@ -85,6 +85,13 @@
85
85
  bottom: unset;
86
86
  top: -4px;
87
87
  }
88
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-name] {
89
+ text-overflow: ellipsis;
90
+ overflow: hidden;
91
+ white-space: nowrap;
92
+ display: unset;
93
+ line-height: 1;
94
+ }
88
95
  [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section='true'] {
89
96
  background-color: #9144da;
90
97
  color: #fff;
@@ -247,9 +254,7 @@
247
254
  }
248
255
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] {
249
256
  display: block;
250
- transition: -webkit-transform 200ms ease-in-out;
251
257
  transition: transform 200ms ease-in-out;
252
- transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
253
258
  }
254
259
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] svg {
255
260
  display: block;
@@ -258,8 +263,7 @@
258
263
  height: 16px;
259
264
  }
260
265
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent][data-toolbar-icon-parent-open='true'] {
261
- -webkit-transform: rotate(180deg);
262
- transform: rotate(180deg);
266
+ transform: rotate(180deg);
263
267
  }
264
268
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:hover {
265
269
  background-color: rgba(225, 225, 225, 0.2);
@@ -486,6 +490,11 @@
486
490
  [data-toolbar-wrap] [data-outline][data-outline-limit='true'] {
487
491
  border-color: #f44336;
488
492
  }
493
+ [data-toolbar-wrap] [data-outline][data-outline-error='true'] {
494
+ border-color: #f44336 !important;
495
+ opacity: 1 !important;
496
+ visibility: visible !important;
497
+ }
489
498
  [data-toolbar-wrap] [data-outline][data-outline-parent-hover],
490
499
  [data-toolbar-wrap] [data-outline][data-outline-section][data-outline-parent-hover] {
491
500
  border-style: dashed;
@@ -586,9 +595,7 @@
586
595
  [data-toolbar-wrap] [data-toolbar-add-top] svg, [data-toolbar-wrap] [data-toolbar-add-bottom] svg {
587
596
  width: 16px;
588
597
  height: 16px;
589
- transition: -webkit-transform 200ms ease-in-out;
590
598
  transition: transform 200ms ease-in-out;
591
- transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
592
599
  }
593
600
  [data-toolbar-wrap] [data-toolbar-add-top]:hover, [data-toolbar-wrap] [data-toolbar-add-bottom]:hover {
594
601
  background-color: #f6f6f6;
@@ -609,8 +616,7 @@
609
616
  }
610
617
  /* Active add state */
611
618
  [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-open='true'] svg, [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-open='true'] svg {
612
- -webkit-transform: rotate(45deg);
613
- transform: rotate(45deg);
619
+ transform: rotate(45deg);
614
620
  }
615
621
  [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-hover],
616
622
  [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-hover] {
@@ -670,11 +676,8 @@
670
676
  font-size: 11px;
671
677
  height: 16px;
672
678
  line-height: 16px;
673
- -webkit-transform: translateY(0);
674
- transform: translateY(0);
675
- transition: -webkit-transform 0s ease-in-out;
679
+ transform: translateY(0);
676
680
  transition: transform 0s ease-in-out;
677
- transition: transform 0s ease-in-out, -webkit-transform 0s ease-in-out;
678
681
  opacity: 0;
679
682
  }
680
683
  [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-value-number][data-active='true'] {
@@ -690,8 +693,7 @@
690
693
  cursor: ns-resize;
691
694
  background-color: #3c67ff;
692
695
  transition: height 0.2s;
693
- -webkit-transform: translateY(-100%);
694
- transform: translateY(-100%);
696
+ transform: translateY(-100%);
695
697
  }
696
698
  [data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]:hover {
697
699
  height: 6px;
@@ -804,7 +806,6 @@
804
806
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip] {
805
807
  left: unset;
806
808
  right: 0;
807
- margin-top: 12px;
808
809
  }
809
810
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom']::after {
810
811
  content: ' ';
@@ -824,8 +825,7 @@
824
825
  }
825
826
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position='top'] {
826
827
  margin-bottom: 12px;
827
- -webkit-transform: translateX(-91px);
828
- transform: translateX(-91px);
828
+ transform: translateX(-91px);
829
829
  }
830
830
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom'] {
831
831
  top: 36px;
@@ -850,8 +850,7 @@
850
850
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position='top'] {
851
851
  margin-bottom: 12px;
852
852
  left: 50%;
853
- -webkit-transform: translateX(-50%);
854
- transform: translateX(-50%);
853
+ transform: translateX(-50%);
855
854
  }
856
855
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom'] {
857
856
  top: 36px;
@@ -875,8 +874,7 @@
875
874
  }
876
875
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip][data-toolbar-tooltip-position='top'], [data-toolbar-wrap] [data-toolbar-title] [data-toolbar-tooltip][data-toolbar-tooltip-position='top'] {
877
876
  margin-bottom: 12px;
878
- -webkit-transform: translateX(-64px);
879
- transform: translateX(-64px);
877
+ transform: translateX(-64px);
880
878
  }
881
879
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom'], [data-toolbar-wrap] [data-toolbar-title] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom'] {
882
880
  top: 36px;
@@ -890,9 +888,17 @@
890
888
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-top] [data-toolbar-tooltip], [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-bottom] [data-toolbar-tooltip] {
891
889
  margin-bottom: 12px;
892
890
  left: 50%;
893
- -webkit-transform: translateX(-50%);
894
- transform: translateX(-50%);
891
+ transform: translateX(-50%);
895
892
  }
893
+ [data-toolbar-wrap] .ck-widget {
894
+ background-color: #f4f4f4;
895
+ border-radius: 6px;
896
+ padding-left: 6px;
897
+ padding-right: 6px;
898
+ }
899
+ [data-toolbar-wrap] .ck-meta-selected {
900
+ background-color: #e2e2e2;
901
+ }
896
902
 
897
903
  [data-toolbar-debug] [data-toolbar] {
898
904
  opacity: 1;
@@ -938,8 +944,7 @@
938
944
  height: 8px;
939
945
  width: 8px;
940
946
  background: #212121;
941
- -webkit-transform: rotate(45deg);
942
- transform: rotate(45deg);
947
+ transform: rotate(45deg);
943
948
  right: 16px;
944
949
  top: 5px;
945
950
  }
@@ -1111,8 +1116,7 @@
1111
1116
  }
1112
1117
 
1113
1118
  [data-toolbar-onboarding] [data-close] svg {
1114
- -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1115
- filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1119
+ filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1116
1120
  }
1117
1121
 
1118
1122
  [data-toolbar-onboarding] [data-icon] {
@@ -1145,8 +1149,7 @@
1145
1149
  }
1146
1150
 
1147
1151
  [data-toolbar-onboarding] [data-close] svg {
1148
- -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1149
- filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1152
+ filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1150
1153
  }
1151
1154
 
1152
1155
  [data-toolbar-onboarding] [data-content] {