@crimson-education/helios-editor-renderer 1.1.4 → 1.1.5

package/index.mjs

@@ -86377,7 +86377,14 @@ const D$ = ({
   children: e,
   className: t,
   ...r
-}) => /* @__PURE__ */ oe(Pt, { className: rt(t, "m-0 px-0 py-1"), ...r, children: e });
+}) => /* @__PURE__ */ oe(
+  Pt,
+  {
+    className: rt(t, "m-0 px-0 leading-[1.6] mb-5"),
+    ...r,
+    children: e
+  }
+);
 function SA({
   children: e,
   className: t,
@@ -86744,9 +86751,13 @@ const G$ = ({
     }
   }, L = (B, X) => {
     if (!B.text) return null;
-    if (!B.highlight || !B.highlightColor) return /* @__PURE__ */ oe("span", { children: B.text }, X);
+    if (!B.highlight || !B.highlightColor)
+      return /* @__PURE__ */ oe("span", { children: B.text }, X);
     if (!C(B).comment) return /* @__PURE__ */ oe("span", { children: B.text }, X);
-    const z = S[B.highlightColor] || { text: B.highlightColor, bg: "transparent" };
+    const z = S[B.highlightColor] || {
+      text: B.highlightColor,
+      bg: "transparent"
+    };
     return /* @__PURE__ */ oe(
       "span",
       {
@@ -86784,13 +86795,16 @@ const G$ = ({
         const ve = 500 - P, me = ne.text ?? "", V = r ? me : me.slice(0, Math.max(ve, 0));
         te.push(L({ ...ne, text: V }, ce)), P += V.length, !r && P >= 500 && (Q = !0);
       }), te.length > 0 && X.push(
-        /* @__PURE__ */ oe("p", { className: "mb-2", children: te }, z.id ?? K)
+        /* @__PURE__ */ oe("p", { className: "mb-5 mt-0 leading-[1.6] ", children: te }, z.id ?? K)
       );
     }), X;
   }, U = () => {
     n((B) => {
       const X = !B;
-      return B && d.current && d.current.scrollIntoView({ behavior: "smooth", block: "start" }), X;
+      return B && d.current && d.current.scrollIntoView({
+        behavior: "smooth",
+        block: "start"
+      }), X;
     });
   };
   return /* @__PURE__ */ Mt(
@@ -86799,11 +86813,17 @@ const G$ = ({
       ...e,
       className: "essay-excerpt-body transition-all duration-300 border-t border-neutral01-25",
       children: [
-        /* @__PURE__ */ oe("div", { ref: d, className: "essay-excerpt-body-anchor h-0 w-0 overflow-hidden" }),
         /* @__PURE__ */ oe(
           "div",
           {
-            className: "overflow-hidden transition-all duration-300",
+            ref: d,
+            className: "essay-excerpt-body-anchor h-0 w-0 overflow-hidden"
+          }
+        ),
+        /* @__PURE__ */ oe(
+          "div",
+          {
+            className: "overflow-hidden transition-all duration-300 mt-4",
             style: {
               maskImage: A && !r ? "linear-gradient(to bottom, black 90%, transparent 100%)" : "none"
             },
@@ -86822,31 +86842,44 @@ const G$ = ({
             ${o ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"}`,
             style: { top: l.top, left: l.left },
             children: [
-              /* @__PURE__ */ Mt("div", { className: `comment-tooltip-title mb-2 flex gap-2 ${a.color}`, children: [
-                a.icon,
-                /* @__PURE__ */ oe("span", { className: "text-[1.75rem]", children: a.title })
-              ] }),
+              /* @__PURE__ */ Mt(
+                "div",
+                {
+                  className: `comment-tooltip-title mb-2 flex gap-2 ${a.color}`,
+                  children: [
+                    a.icon,
+                    /* @__PURE__ */ oe("span", { className: "text-[1.75rem]", children: a.title })
+                  ]
+                }
+              ),
               /* @__PURE__ */ oe("div", { className: a.commentStyle, children: a.comment }),
               /* @__PURE__ */ oe("div", { className: "absolute -top-1 left-6", children: /* @__PURE__ */ oe("div", { className: "border-gray-300 size-2 rotate-45 bg-white" }) })
             ]
           }
         ),
-        A && /* @__PURE__ */ oe("div", { className: "mt-4 essay-excerpt-expand-button", contentEditable: !1, children: /* @__PURE__ */ Mt(
-          "button",
+        A && /* @__PURE__ */ oe(
+          "div",
           {
-            className: "transition-colors duration-200 flex items-center gap-2 m-auto",
-            onClick: U,
-            children: [
-              r ? m : _,
-              /* @__PURE__ */ oe(
-                g$,
-                {
-                  className: `mt-[3px] w-4 h-4 transition-transform duration-300 ${r ? "rotate-180" : "rotate-0"}`
-                }
-              )
-            ]
+            className: "mt-4 essay-excerpt-expand-button",
+            contentEditable: !1,
+            children: /* @__PURE__ */ Mt(
+              "button",
+              {
+                className: "transition-colors duration-200 flex items-center gap-2 m-auto",
+                onClick: U,
+                children: [
+                  r ? m : _,
+                  /* @__PURE__ */ oe(
+                    g$,
+                    {
+                      className: `mt-[3px] w-4 h-4 transition-transform duration-300 ${r ? "rotate-180" : "rotate-0"}`
+                    }
+                  )
+                ]
+              }
+            )
           }
-        ) })
+        )
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crimson-education/helios-editor-renderer",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {