@orion-studios/payload-studio 0.6.0-beta.146 → 0.6.0-beta.148

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 (4) hide show
  1. package/dist/builder-v2/client.js +8 -20
  2. package/dist/builder-v2/client.mjs +8 -20
  3. package/dist/builder-v2/styles.css +16 -5
  4. package/package.json +1 -1
package/dist/builder-v2/client.js CHANGED
@@ -1482,7 +1482,6 @@ var decorateBuilderTraitToggles = () => {
1482
1482
  const labelText = trait?.querySelector(".gjs-trt-trait__label, .gjs-label")?.textContent?.trim();
1483
1483
  const traitName = input.getAttribute("name") || input.id || "";
1484
1484
  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
1485
  const label = trait?.querySelector(".gjs-trt-trait__label, .gjs-label");
1487
1486
  if (description && label && !label.querySelector(":scope > .orion-builder-v2-help-trigger")) {
1488
1487
  const trigger = document.createElement("button");
@@ -1494,11 +1493,6 @@ var decorateBuilderTraitToggles = () => {
1494
1493
  trigger.textContent = "?";
1495
1494
  label.appendChild(trigger);
1496
1495
  }
1497
- if (description && labelWrapper && !labelWrapper.querySelector(":scope > small")) {
1498
- const small = document.createElement("small");
1499
- small.textContent = description;
1500
- labelWrapper.appendChild(small);
1501
- }
1502
1496
  if (input.dataset.orionToggleBound === "true") {
1503
1497
  return;
1504
1498
  }
@@ -3952,13 +3946,10 @@ function GrapesPageEditor({
3952
3946
  disabled: !selectionSummary,
3953
3947
  onClick: toggleSticky,
3954
3948
  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
- ] })
3949
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
3950
+ "Sticky section",
3951
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HelpTrigger, { help: "Keep this selected section visible while visitors scroll past it.", label: "Sticky section" })
3952
+ ] }) })
3962
3953
  }
3963
3954
  ),
3964
3955
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -3969,13 +3960,10 @@ function GrapesPageEditor({
3969
3960
  disabled: !selectionSummary,
3970
3961
  onClick: toggleHidden,
3971
3962
  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
- ] })
3963
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
3964
+ "Hide section",
3965
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HelpTrigger, { help: "Hide this selected section on the page without deleting its content.", label: "Hide section" })
3966
+ ] }) })
3979
3967
  }
3980
3968
  )
3981
3969
  ] })
package/dist/builder-v2/client.mjs CHANGED
@@ -1358,7 +1358,6 @@ var decorateBuilderTraitToggles = () => {
1358
1358
  const labelText = trait?.querySelector(".gjs-trt-trait__label, .gjs-label")?.textContent?.trim();
1359
1359
  const traitName = input.getAttribute("name") || input.id || "";
1360
1360
  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
1361
  const label = trait?.querySelector(".gjs-trt-trait__label, .gjs-label");
1363
1362
  if (description && label && !label.querySelector(":scope > .orion-builder-v2-help-trigger")) {
1364
1363
  const trigger = document.createElement("button");
@@ -1370,11 +1369,6 @@ var decorateBuilderTraitToggles = () => {
1370
1369
  trigger.textContent = "?";
1371
1370
  label.appendChild(trigger);
1372
1371
  }
1373
- if (description && labelWrapper && !labelWrapper.querySelector(":scope > small")) {
1374
- const small = document.createElement("small");
1375
- small.textContent = description;
1376
- labelWrapper.appendChild(small);
1377
- }
1378
1372
  if (input.dataset.orionToggleBound === "true") {
1379
1373
  return;
1380
1374
  }
@@ -3828,13 +3822,10 @@ function GrapesPageEditor({
3828
3822
  disabled: !selectionSummary,
3829
3823
  onClick: toggleSticky,
3830
3824
  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
- ] })
3825
+ children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsxs("strong", { children: [
3826
+ "Sticky section",
3827
+ /* @__PURE__ */ jsx(HelpTrigger, { help: "Keep this selected section visible while visitors scroll past it.", label: "Sticky section" })
3828
+ ] }) })
3838
3829
  }
3839
3830
  ),
3840
3831
  /* @__PURE__ */ jsx(
@@ -3845,13 +3836,10 @@ function GrapesPageEditor({
3845
3836
  disabled: !selectionSummary,
3846
3837
  onClick: toggleHidden,
3847
3838
  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
- ] })
3839
+ children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsxs("strong", { children: [
3840
+ "Hide section",
3841
+ /* @__PURE__ */ jsx(HelpTrigger, { help: "Hide this selected section on the page without deleting its content.", label: "Hide section" })
3842
+ ] }) })
3855
3843
  }
3856
3844
  )
3857
3845
  ] })
package/dist/builder-v2/styles.css CHANGED
@@ -1210,6 +1210,7 @@
1210
1210
  .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait.has-orion-builder-toggle-trait .gjs-trt-trait__label,
1211
1211
  .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait.has-orion-builder-toggle-trait .gjs-label {
1212
1212
  align-items: center;
1213
+ color: currentColor !important;
1213
1214
  display: flex !important;
1214
1215
  font-size: 0.78rem !important;
1215
1216
  font-weight: 900 !important;
@@ -1223,7 +1224,7 @@
1223
1224
  }
1224
1225
 
1225
1226
  .orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait.has-orion-builder-toggle-trait .gjs-label-wrp small {
1226
- color: var(--builder-v2-muted);
1227
+ color: var(--builder-v2-toggle-small-color, var(--builder-v2-muted));
1227
1228
  display: block;
1228
1229
  font-size: 0.68rem;
1229
1230
  font-weight: 700;
@@ -1711,7 +1712,7 @@
1711
1712
 
1712
1713
  .orion-builder-v2-choice span,
1713
1714
  .orion-builder-v2-toggle small {
1714
- color: var(--builder-v2-muted);
1715
+ color: var(--builder-v2-toggle-small-color, var(--builder-v2-muted));
1715
1716
  display: block;
1716
1717
  font-size: 0.68rem;
1717
1718
  font-weight: 700;
@@ -1727,6 +1728,7 @@
1727
1728
  .orion-builder-v2-choice[aria-pressed='true'],
1728
1729
  .orion-builder-v2-toggle[aria-pressed='true'],
1729
1730
  .orion-builder-v2-segmented button[aria-pressed='true'] {
1731
+ --builder-v2-toggle-small-color: rgba(255, 255, 255, 0.78);
1730
1732
  background: var(--builder-v2-ink);
1731
1733
  border-color: var(--builder-v2-ink);
1732
1734
  color: #ffffff;
@@ -1822,10 +1824,15 @@
1822
1824
  }
1823
1825
 
1824
1826
  .orion-builder-v2-toggle::after {
1825
- background: #f1e3d6;
1827
+ background:
1828
+ radial-gradient(circle at 8px 50%, #ffffff 0 5.75px, transparent 6.25px),
1829
+ #f1e3d6;
1826
1830
  border: 1px solid #d6b7a1;
1827
1831
  border-radius: 999px;
1828
1832
  box-sizing: border-box;
1833
+ box-shadow:
1834
+ inset 0 1px 2px rgba(107, 77, 53, 0.16),
1835
+ 0 1px 0 rgba(255, 255, 255, 0.72);
1829
1836
  content: '';
1830
1837
  display: block;
1831
1838
  flex: 0 0 auto;
@@ -1835,9 +1842,13 @@
1835
1842
  }
1836
1843
 
1837
1844
  .orion-builder-v2-toggle[aria-pressed='true']::after {
1838
- background: var(--builder-v2-accent);
1845
+ background:
1846
+ radial-gradient(circle at calc(100% - 8px) 50%, #ffffff 0 5.75px, transparent 6.25px),
1847
+ var(--builder-v2-accent);
1839
1848
  border-color: rgba(255, 255, 255, 0.72);
1840
- box-shadow: inset 14px 0 0 #ffffff;
1849
+ box-shadow:
1850
+ inset 0 1px 2px rgba(107, 77, 53, 0.16),
1851
+ 0 1px 0 rgba(255, 255, 255, 0.46);
1841
1852
  }
1842
1853
 
1843
1854
  .orion-builder-v2-panel.is-developer-only-hidden {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orion-studios/payload-studio",
3
- "version": "0.6.0-beta.146",
3
+ "version": "0.6.0-beta.148",
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",