quoin-editor 0.3.0 → 0.4.0

package/dist/index.js

@@ -1478,12 +1478,12 @@ function FileBlockEditor({ data, onChange }) {
 // src/blocks/previews.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
 var HINT = "text-sm text-muted-foreground";
-var TONE_BORDER = {
-  info: "border-primary",
-  tip: "border-accent-foreground",
-  warning: "border-muted-foreground",
-  success: "border-secondary-foreground",
-  danger: "border-destructive"
+var TONE = {
+  info: "border-info bg-info/15",
+  tip: "border-primary bg-primary/15",
+  warning: "border-warning bg-warning/15",
+  success: "border-success bg-success/15",
+  danger: "border-destructive bg-destructive/15"
 };
 function MarkdownPreview({ data }) {
   const markdown = str(data.markdown);
@@ -1510,8 +1510,8 @@ function CalloutPreview({ data }) {
   const body = str(data.body);
   if (body.trim() === "") return /* @__PURE__ */ jsx18("p", { className: HINT, children: "Empty callout" });
   const tone = str(data.tone) || "info";
-  const border = TONE_BORDER[tone] ?? "border-border";
-  return /* @__PURE__ */ jsx18("div", { "data-tone": tone, className: `rounded-md border-l-4 ${border} bg-muted/50 p-3 text-sm`, children: body });
+  const paint = TONE[tone] ?? "border-border bg-muted/50";
+  return /* @__PURE__ */ jsx18("div", { "data-tone": tone, className: `rounded-md border-l-4 ${paint} p-3 text-sm`, children: body });
 }
 
 // src/blocks/core.ts