@orion-studios/payload-studio 0.6.0-beta.147 → 0.6.0-beta.149

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.
@@ -762,6 +762,7 @@ var blockPreviewForDefinition = (type) => {
762
762
  <span class="wire wire-kicker"></span>
763
763
  <span class="wire wire-title"></span>
764
764
  <span class="wire wire-copy"></span>
765
+ <span class="wire wire-button"></span>
765
766
  <span class="wire wire-image"></span>
766
767
  <span class="wire wire-card"></span>
767
768
  <span class="wire wire-card"></span>
@@ -1482,7 +1483,6 @@ var decorateBuilderTraitToggles = () => {
1482
1483
  const labelText = trait?.querySelector(".gjs-trt-trait__label, .gjs-label")?.textContent?.trim();
1483
1484
  const traitName = input.getAttribute("name") || input.id || "";
1484
1485
  const description = input.dataset.orionTraitDescription || (traitName.includes("pause-on-hover") || labelText === "Pause on hover" ? "Stop scrolling while visitors hover over the banner." : "");
1485
- const labelWrapper = trait?.querySelector(".gjs-label-wrp");
1486
1486
  const label = trait?.querySelector(".gjs-trt-trait__label, .gjs-label");
1487
1487
  if (description && label && !label.querySelector(":scope > .orion-builder-v2-help-trigger")) {
1488
1488
  const trigger = document.createElement("button");
@@ -1494,11 +1494,6 @@ var decorateBuilderTraitToggles = () => {
1494
1494
  trigger.textContent = "?";
1495
1495
  label.appendChild(trigger);
1496
1496
  }
1497
- if (description && labelWrapper && !labelWrapper.querySelector(":scope > small")) {
1498
- const small = document.createElement("small");
1499
- small.textContent = description;
1500
- labelWrapper.appendChild(small);
1501
- }
1502
1497
  if (input.dataset.orionToggleBound === "true") {
1503
1498
  return;
1504
1499
  }
@@ -3952,13 +3947,10 @@ function GrapesPageEditor({
3952
3947
  disabled: !selectionSummary,
3953
3948
  onClick: toggleSticky,
3954
3949
  type: "button",
3955
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
3956
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
3957
- "Sticky section",
3958
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HelpTrigger, { help: "Keep this selected section visible while visitors scroll past it.", label: "Sticky section" })
3959
- ] }),
3960
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: "Keep this section pinned while scrolling." })
3961
- ] })
3950
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
3951
+ "Sticky section",
3952
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HelpTrigger, { help: "Keep this selected section visible while visitors scroll past it.", label: "Sticky section" })
3953
+ ] }) })
3962
3954
  }
3963
3955
  ),
3964
3956
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -3969,13 +3961,10 @@ function GrapesPageEditor({
3969
3961
  disabled: !selectionSummary,
3970
3962
  onClick: toggleHidden,
3971
3963
  type: "button",
3972
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
3973
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
3974
- "Hide section",
3975
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HelpTrigger, { help: "Hide this selected section on the page without deleting its content.", label: "Hide section" })
3976
- ] }),
3977
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: "Keep it saved but do not show it on the page." })
3978
- ] })
3964
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
3965
+ "Hide section",
3966
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HelpTrigger, { help: "Hide this selected section on the page without deleting its content.", label: "Hide section" })
3967
+ ] }) })
3979
3968
  }
3980
3969
  )
3981
3970
  ] })
@@ -638,6 +638,7 @@ var blockPreviewForDefinition = (type) => {
638
638
  <span class="wire wire-kicker"></span>
639
639
  <span class="wire wire-title"></span>
640
640
  <span class="wire wire-copy"></span>
641
+ <span class="wire wire-button"></span>
641
642
  <span class="wire wire-image"></span>
642
643
  <span class="wire wire-card"></span>
643
644
  <span class="wire wire-card"></span>
@@ -1358,7 +1359,6 @@ var decorateBuilderTraitToggles = () => {
1358
1359
  const labelText = trait?.querySelector(".gjs-trt-trait__label, .gjs-label")?.textContent?.trim();
1359
1360
  const traitName = input.getAttribute("name") || input.id || "";
1360
1361
  const description = input.dataset.orionTraitDescription || (traitName.includes("pause-on-hover") || labelText === "Pause on hover" ? "Stop scrolling while visitors hover over the banner." : "");
1361
- const labelWrapper = trait?.querySelector(".gjs-label-wrp");
1362
1362
  const label = trait?.querySelector(".gjs-trt-trait__label, .gjs-label");
1363
1363
  if (description && label && !label.querySelector(":scope > .orion-builder-v2-help-trigger")) {
1364
1364
  const trigger = document.createElement("button");
@@ -1370,11 +1370,6 @@ var decorateBuilderTraitToggles = () => {
1370
1370
  trigger.textContent = "?";
1371
1371
  label.appendChild(trigger);
1372
1372
  }
1373
- if (description && labelWrapper && !labelWrapper.querySelector(":scope > small")) {
1374
- const small = document.createElement("small");
1375
- small.textContent = description;
1376
- labelWrapper.appendChild(small);
1377
- }
1378
1373
  if (input.dataset.orionToggleBound === "true") {
1379
1374
  return;
1380
1375
  }
@@ -3828,13 +3823,10 @@ function GrapesPageEditor({
3828
3823
  disabled: !selectionSummary,
3829
3824
  onClick: toggleSticky,
3830
3825
  type: "button",
3831
- children: /* @__PURE__ */ jsxs("span", { children: [
3832
- /* @__PURE__ */ jsxs("strong", { children: [
3833
- "Sticky section",
3834
- /* @__PURE__ */ jsx(HelpTrigger, { help: "Keep this selected section visible while visitors scroll past it.", label: "Sticky section" })
3835
- ] }),
3836
- /* @__PURE__ */ jsx("small", { children: "Keep this section pinned while scrolling." })
3837
- ] })
3826
+ children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsxs("strong", { children: [
3827
+ "Sticky section",
3828
+ /* @__PURE__ */ jsx(HelpTrigger, { help: "Keep this selected section visible while visitors scroll past it.", label: "Sticky section" })
3829
+ ] }) })
3838
3830
  }
3839
3831
  ),
3840
3832
  /* @__PURE__ */ jsx(
@@ -3845,13 +3837,10 @@ function GrapesPageEditor({
3845
3837
  disabled: !selectionSummary,
3846
3838
  onClick: toggleHidden,
3847
3839
  type: "button",
3848
- children: /* @__PURE__ */ jsxs("span", { children: [
3849
- /* @__PURE__ */ jsxs("strong", { children: [
3850
- "Hide section",
3851
- /* @__PURE__ */ jsx(HelpTrigger, { help: "Hide this selected section on the page without deleting its content.", label: "Hide section" })
3852
- ] }),
3853
- /* @__PURE__ */ jsx("small", { children: "Keep it saved but do not show it on the page." })
3854
- ] })
3840
+ children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsxs("strong", { children: [
3841
+ "Hide section",
3842
+ /* @__PURE__ */ jsx(HelpTrigger, { help: "Hide this selected section on the page without deleting its content.", label: "Hide section" })
3843
+ ] }) })
3855
3844
  }
3856
3845
  )
3857
3846
  ] })
@@ -679,6 +679,7 @@
679
679
 
680
680
  .orion-builder-v2-block-preview .wire-button {
681
681
  background: rgba(199, 100, 61, 0.5);
682
+ display: none;
682
683
  grid-column: 1 / 4;
683
684
  }
684
685
 
@@ -748,6 +749,94 @@
748
749
  display: none;
749
750
  }
750
751
 
752
+ .orion-builder-v2-block-preview.is-xoCta {
753
+ align-content: center;
754
+ background:
755
+ linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(248, 243, 235, 0.94)),
756
+ #fffdf9;
757
+ gap: 5px;
758
+ grid-template-rows: 7px 9px 6px 6px 16px;
759
+ }
760
+
761
+ .orion-builder-v2-block-preview.is-xoCta .wire-kicker {
762
+ grid-column: 2 / 5;
763
+ grid-row: 1;
764
+ }
765
+
766
+ .orion-builder-v2-block-preview.is-xoCta .wire-title {
767
+ background: rgba(31, 45, 77, 0.44);
768
+ grid-column: 2 / 12;
769
+ grid-row: 2;
770
+ }
771
+
772
+ .orion-builder-v2-block-preview.is-xoCta .wire-copy {
773
+ grid-column: 3 / 11;
774
+ grid-row: 3;
775
+ }
776
+
777
+ .orion-builder-v2-block-preview.is-xoCta .wire-button {
778
+ background: rgba(199, 100, 61, 0.62);
779
+ border-radius: 999px;
780
+ display: block;
781
+ grid-column: 4 / 10;
782
+ grid-row: 5;
783
+ min-height: 14px;
784
+ }
785
+
786
+ .orion-builder-v2-block-preview.is-xoCta .wire-image,
787
+ .orion-builder-v2-block-preview.is-xoCta .wire-card {
788
+ display: none;
789
+ }
790
+
791
+ .orion-builder-v2-block-preview.is-xoMarquee {
792
+ align-content: center;
793
+ gap: 6px;
794
+ grid-template-rows: repeat(3, 8px);
795
+ }
796
+
797
+ .orion-builder-v2-block-preview.is-xoMarquee::before,
798
+ .orion-builder-v2-block-preview.is-xoMarquee::after {
799
+ background: linear-gradient(90deg, transparent, rgba(31, 45, 77, 0.16), transparent);
800
+ content: '';
801
+ grid-column: 1 / 13;
802
+ height: 1px;
803
+ }
804
+
805
+ .orion-builder-v2-block-preview.is-xoMarquee::before {
806
+ grid-row: 1;
807
+ }
808
+
809
+ .orion-builder-v2-block-preview.is-xoMarquee::after {
810
+ grid-row: 3;
811
+ }
812
+
813
+ .orion-builder-v2-block-preview.is-xoMarquee .wire-kicker,
814
+ .orion-builder-v2-block-preview.is-xoMarquee .wire-title,
815
+ .orion-builder-v2-block-preview.is-xoMarquee .wire-copy {
816
+ background: rgba(31, 45, 77, 0.34);
817
+ display: block;
818
+ grid-row: 2;
819
+ min-height: 8px;
820
+ }
821
+
822
+ .orion-builder-v2-block-preview.is-xoMarquee .wire-kicker {
823
+ grid-column: 1 / 4;
824
+ }
825
+
826
+ .orion-builder-v2-block-preview.is-xoMarquee .wire-title {
827
+ grid-column: 5 / 9;
828
+ }
829
+
830
+ .orion-builder-v2-block-preview.is-xoMarquee .wire-copy {
831
+ grid-column: 10 / 13;
832
+ }
833
+
834
+ .orion-builder-v2-block-preview.is-xoMarquee .wire-button,
835
+ .orion-builder-v2-block-preview.is-xoMarquee .wire-image,
836
+ .orion-builder-v2-block-preview.is-xoMarquee .wire-card {
837
+ display: none;
838
+ }
839
+
751
840
  .orion-builder-v2-block-preview.is-columns .wire-card,
752
841
  .orion-builder-v2-block-preview.is-card-grid .wire-card,
753
842
  .orion-builder-v2-block-preview.is-pricing .wire-card,
@@ -757,12 +846,20 @@
757
846
  grid-row: 3 / 6;
758
847
  }
759
848
 
849
+ .orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(6),
850
+ .orion-builder-v2-block-preview.is-card-grid .wire-card:nth-of-type(6),
851
+ .orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(6),
852
+ .orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(6),
853
+ .orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(6) {
854
+ grid-column: 1 / 5;
855
+ }
856
+
760
857
  .orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(7),
761
858
  .orion-builder-v2-block-preview.is-card-grid .wire-card:nth-of-type(7),
762
859
  .orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(7),
763
860
  .orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(7),
764
861
  .orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(7) {
765
- grid-column: 1 / 5;
862
+ grid-column: 5 / 9;
766
863
  }
767
864
 
768
865
  .orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(8),
@@ -770,14 +867,6 @@
770
867
  .orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(8),
771
868
  .orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(8),
772
869
  .orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(8) {
773
- grid-column: 5 / 9;
774
- }
775
-
776
- .orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(9),
777
- .orion-builder-v2-block-preview.is-card-grid .wire-card:nth-of-type(9),
778
- .orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(9),
779
- .orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(9),
780
- .orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(9) {
781
870
  grid-column: 9 / 13;
782
871
  }
783
872
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orion-studios/payload-studio",
3
- "version": "0.6.0-beta.147",
3
+ "version": "0.6.0-beta.149",
4
4
  "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
5
5
  "types": "./dist/index.d.ts",
6
6
  "main": "./dist/index.js",