@sevenfold/setto-client 0.8.3 → 0.8.4

package/dist/setto-client.js

@@ -21410,6 +21410,13 @@ function SettoPreviewBar() {
   const signIn = () => {
     window.location.href = "/setto";
   };
+  const next = () => {
+    if (window.parent !== window) {
+      window.parent.postMessage({ type: "setto:next", siteId: config.siteId }, "*");
+      return;
+    }
+    signIn();
+  };
   const publish = async () => {
     setBusy(true);
     setError(null);
@@ -21459,11 +21466,8 @@ function SettoPreviewBar() {
           /* @__PURE__ */ jsx("button", { type: "button", style: primaryStyle, onClick: publish, disabled: busy, children: busy ? "Åpner betaling …" : "Publiser" })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { style: dotStyle, "aria-hidden": true }),
-          /* @__PURE__ */ jsxs("span", { style: labelStyle, children: [
-            "Forhåndsvisning av ",
-            name
-          ] }),
-          /* @__PURE__ */ jsx("button", { type: "button", style: primaryStyle, onClick: signIn, children: "Rediger" })
+          /* @__PURE__ */ jsx("span", { style: labelStyle, children: "Forhåndsvisning" }),
+          /* @__PURE__ */ jsx("button", { type: "button", style: primaryStyle, onClick: next, children: "Neste" })
         ] })
       }
     ),
@@ -21487,7 +21491,20 @@ const barStyle = {
   fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
   fontSize: 14,
   lineHeight: 1.3,
-  boxShadow: "0 18px 40px -18px rgba(0, 0, 0, 0.65)"
+  boxShadow: "0 18px 40px -18px rgba(0, 0, 0, 0.65)",
+  /*
+   * A frosted rim, so the pill reads as an object on any page.
+   *
+   * The bar sits on sites Setto did not choose the colours for: on a dark hero
+   * a dark pill disappears, and on a pale section its shadow is all that holds
+   * it. A translucent white border with `padding-box` clipping lets the page
+   * show through the rim itself, which separates the pill from either ground
+   * without picking a side.
+   */
+  border: "5px solid rgba(255, 255, 255, 0.22)",
+  backgroundClip: "padding-box",
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)"
 };
 const dotStyle = {
   width: 7,