@firecms/editor 3.0.0-canary.143 → 3.0.0-canary.145

package/dist/index.es.js

@@ -164,7 +164,7 @@ const NodeSelector = ({
             item.command(editor2);
             onOpenChange(false);
           },
-          className: "flex cursor-pointer items-center justify-between rounded px-2 py-1 text-sm hover:bg-blue-50 hover:dark:bg-gray-700 text-gray-900 dark:text-white",
+          className: "flex cursor-pointer items-center justify-between rounded px-2 py-1 text-sm hover:bg-blue-50 hover:dark:bg-surface-700 text-surface-900 dark:text-white",
           children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ jsx(item.icon, { size: "smallest" }),
@@ -243,7 +243,7 @@ const LinkSelector = ({
                 autoFocus: open,
                 placeholder: "Paste a link",
                 defaultValue: editor.getAttributes("link").href || "",
-                className: cls("text-gray-900 dark:text-white flex-grow bg-transparent p-1 text-sm outline-none", focusedDisabled)
+                className: cls("text-surface-900 dark:text-white flex-grow bg-transparent p-1 text-sm outline-none", focusedDisabled)
               }
             ),
             editor.getAttributes("link").href ? /* @__PURE__ */ jsx(
@@ -488,7 +488,7 @@ const placeholder = PlaceholderExtension;
 const tiptapLink = TiptapLink.configure({
   HTMLAttributes: {
     class: cls(
-      "text-gray-700 dark:text-slate-200 underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"
+      "text-surface-700 dark:text-surface-accent-200 underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"
     )
   }
 });
@@ -534,12 +534,12 @@ const starterKit = StarterKit.configure({
   },
   codeBlock: {
     HTMLAttributes: {
-      class: cls("rounded bg-blue-50 dark:bg-gray-700 border p-5 font-mono font-medium", defaultBorderMixin)
+      class: cls("rounded bg-blue-50 dark:bg-surface-700 border p-5 font-mono font-medium", defaultBorderMixin)
     }
   },
   code: {
     HTMLAttributes: {
-      class: cls("rounded-md bg-slate-50 dark:bg-gray-700 px-1.5 py-1 font-mono font-medium"),
+      class: cls("rounded-md bg-surface-accent-50 dark:bg-surface-700 px-1.5 py-1 font-mono font-medium"),
       spellcheck: "false"
     }
   },
@@ -1159,7 +1159,7 @@ const CommandList = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cls("text-gray-900 dark:text-white z-50 max-h-[280px] h-auto w-72 overflow-y-auto rounded-md border bg-white dark:bg-gray-900 px-1 py-2 shadow transition-all", defaultBorderMixin),
+      className: cls("text-surface-900 dark:text-white z-50 max-h-[280px] h-auto w-72 overflow-y-auto rounded-md border bg-white dark:bg-surface-900 px-1 py-2 shadow transition-all", defaultBorderMixin),
       children: props.items.length ? props.items.map((item, index) => /* @__PURE__ */ jsxs(
         "button",
         {
@@ -1172,20 +1172,20 @@ const CommandList = forwardRef((props, ref) => {
           tabIndex: index === selectedIndex ? 0 : -1,
           "aria-selected": index === selectedIndex,
           className: cls(
-            "flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm hover:bg-blue-50 hover:dark:bg-gray-700 aria-selected:bg-blue-50 aria-selected:dark:bg-gray-700",
-            index === selectedIndex ? "bg-blue-100 dark:bg-slate-950" : ""
+            "flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm hover:bg-blue-50 hover:dark:bg-surface-700 aria-selected:bg-blue-50 aria-selected:dark:bg-surface-700",
+            index === selectedIndex ? "bg-blue-100 dark:bg-surface-accent-950" : ""
           ),
           children: [
             /* @__PURE__ */ jsx(
               "div",
               {
-                className: cls("flex h-10 w-10 items-center justify-center rounded-md border bg-white dark:bg-gray-900", defaultBorderMixin),
+                className: cls("flex h-10 w-10 items-center justify-center rounded-md border bg-white dark:bg-surface-900", defaultBorderMixin),
                 children: item.icon
               }
             ),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("p", { className: "font-medium", children: item.title }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-700 dark:text-slate-300", children: item.description })
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-surface-700 dark:text-surface-accent-300", children: item.description })
             ] })
           ]
         },
@@ -1381,7 +1381,7 @@ function buildDecorationSet(highlight, doc) {
   if (highlight) {
     decorations.push(
       Decoration$1.inline(highlight.from, highlight.to, {
-        class: "dark:bg-slate-700 bg-slate-300"
+        class: "dark:bg-surface-accent-700 bg-surface-accent-300"
       })
     );
   }
@@ -1600,7 +1600,7 @@ const FireCMSEditor = ({
               tippyOptions: {
                 placement: "top"
               },
-              className: cls("flex w-fit max-w-[90vw] h-10 overflow-hidden rounded border bg-white dark:bg-gray-900 shadow", defaultBorderMixin),
+              className: cls("flex w-fit max-w-[90vw] h-10 overflow-hidden rounded border bg-white dark:bg-surface-900 shadow", defaultBorderMixin),
               children: [
                 /* @__PURE__ */ jsx(NodeSelector, { portalContainer: ref.current, open: openNode, onOpenChange: setOpenNode }),
                 /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),