@gravity-platform/unoverse-react 0.0.5 → 0.0.6

package/dist/index.cjs

@@ -7223,7 +7223,7 @@ var RESET_CSS = `
     font: inherit; letter-spacing: inherit; color: inherit; margin: 0;
   }
 `;
-function IsolatedRoot({ children }) {
+function IsolatedRoot({ children, rootStyle }) {
   const hostRef = (0, import_react3.useRef)(null);
   const [shadow, setShadow] = (0, import_react3.useState)(null);
   (0, import_react3.useEffect)(() => {
@@ -7234,7 +7234,7 @@ function IsolatedRoot({ children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: hostRef, style: { display: "contents" }, children: shadow && (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: RESET_CSS }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "uno-isolate-root", children })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "uno-isolate-root", style: rootStyle, children })
     ] }),
     shadow
   ) });
@@ -7269,11 +7269,18 @@ function UnoverseComponent({ client, uri, data, onAction, theme, isolate = true
     Object.entries(def.props ?? {}).map(([k, v]) => [k, v?.default])
   );
   const merged = { ...propDefaults2, ...data ?? {} };
-  const body = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { children: keyframesCss(activeTheme) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { display: "contents", ...activeTheme.root }, children: renderNode(def.root, merged, onAction, activeTheme) })
+  const keyframes = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { children: keyframesCss(activeTheme) });
+  const tree = renderNode(def.root, merged, onAction, activeTheme);
+  if (isolate) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(IsolatedRoot, { rootStyle: activeTheme.root, children: [
+      keyframes,
+      tree
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    keyframes,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { display: "contents", ...activeTheme.root }, children: tree })
   ] });
-  return isolate ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IsolatedRoot, { children: body }) : body;
 }
 
 // src/streamed.tsx
@@ -7413,11 +7420,18 @@ function StreamedUnoverseTemplate({ client, store, uri, onAction, theme: themePr
     // button submits it. Lives in the store (shared state), not locally in Input.
     draft: store.getDraft()
   };
-  const body = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: keyframesCss(theme) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "contents", ...theme.root }, children: renderNode(def.root, rootData, onAction, theme, void 0, resolve) })
+  const keyframes = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: keyframesCss(theme) });
+  const tree = renderNode(def.root, rootData, onAction, theme, void 0, resolve);
+  if (isolate) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(IsolatedRoot, { rootStyle: theme.root, children: [
+      keyframes,
+      tree
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    keyframes,
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "contents", ...theme.root }, children: tree })
   ] });
-  return isolate ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IsolatedRoot, { children: body }) : body;
 }
 
 // src/connection.tsx