@mdxeditor/editor 3.13.0 → 3.15.0

package/dist/index.d.ts

@@ -2662,6 +2662,8 @@ export declare type ToMarkdownExtension = NonNullable<ToMarkdownOptions['extensi
 /* Excluded from this release type: toMarkdownOptions$ */
 export { ToMarkdownOptions }
 
+export declare const toolbarClassName$: NodeRef<string>;
+
 /**
  * The factory function that returns the contents of the toolbar.
  * @group Toolbar
@@ -2674,6 +2676,7 @@ export declare const toolbarContents$: NodeRef<() => default_2.ReactNode>;
  */
 export declare const toolbarPlugin: (params?: {
     toolbarContents: () => default_2.ReactNode;
+    toolbarClassName?: string | undefined;
 } | undefined) => RealmPlugin;
 
 /* Excluded from this release type: ToolbarToggleItem */

package/dist/index.js

@@ -24,7 +24,7 @@ import { directivesPlugin, insertDirective$ } from "./plugins/directives/index.j
 import { ADMONITION_TYPES, AdmonitionDirectiveDescriptor } from "./directive-editors/AdmonitionDirectiveDescriptor.js";
 import { GenericDirectiveEditor } from "./directive-editors/GenericDirectiveEditor.js";
 import { applyLinkChanges$, cancelLinkEdit$, linkAutocompleteSuggestions$, linkDialogPlugin, linkDialogState$, onClickLinkCallback$, onWindowChange$, openLinkEditDialog$, removeLink$, switchFromPreviewToLinkEdit$, updateLink$ } from "./plugins/link-dialog/index.js";
-import { toolbarContents$, toolbarPlugin } from "./plugins/toolbar/index.js";
+import { toolbarClassName$, toolbarContents$, toolbarPlugin } from "./plugins/toolbar/index.js";
 import { cmExtensions$, diffMarkdown$, diffSourcePlugin, readOnlyDiff$ } from "./plugins/diff-source/index.js";
 import { markdownShortcutPlugin } from "./plugins/markdown-shortcut/index.js";
 import { BlockTypeSelect } from "./plugins/toolbar/components/BlockTypeSelect.js";
@@ -293,6 +293,7 @@ export {
   thrush,
   toMarkdownExtensions$,
   toMarkdownOptions$,
+  toolbarClassName$,
   toolbarContents$,
   toolbarPlugin,
   topAreaChildren$,

package/dist/plugins/toolbar/index.js

@@ -4,6 +4,7 @@ import React__default from "react";
 import { addTopAreaChild$, readOnly$ } from "../core/index.js";
 import { Root } from "./primitives/toolbar.js";
 const toolbarContents$ = Cell(() => null);
+const toolbarClassName$ = Cell("");
 const DEFAULT_TOOLBAR_CONTENTS = () => {
   return "This is an empty toolbar. Pass `{toolbarContents: () => { return <>toolbar components</> }}` to the toolbarPlugin to customize it.";
 };
@@ -11,17 +12,20 @@ const toolbarPlugin = realmPlugin({
   init(realm, params) {
     realm.pubIn({
       [toolbarContents$]: (params == null ? void 0 : params.toolbarContents) ?? DEFAULT_TOOLBAR_CONTENTS,
+      [toolbarClassName$]: (params == null ? void 0 : params.toolbarClassName) ?? "",
       [addTopAreaChild$]: () => {
-        const [toolbarContents, readOnly] = useCellValues(toolbarContents$, readOnly$);
-        return /* @__PURE__ */ React__default.createElement(Root, { readOnly }, toolbarContents());
+        const [toolbarContents, readOnly, toolbarClassName] = useCellValues(toolbarContents$, readOnly$, toolbarClassName$);
+        return /* @__PURE__ */ React__default.createElement(Root, { className: toolbarClassName, readOnly }, toolbarContents());
       }
     });
   },
   update(realm, params) {
     realm.pub(toolbarContents$, (params == null ? void 0 : params.toolbarContents) ?? DEFAULT_TOOLBAR_CONTENTS);
+    realm.pub(toolbarClassName$, (params == null ? void 0 : params.toolbarClassName) ?? "");
   }
 });
 export {
+  toolbarClassName$,
   toolbarContents$,
   toolbarPlugin
 };

package/dist/plugins/toolbar/primitives/toolbar.js

@@ -18,11 +18,11 @@ function addTooltipToChildren(Component) {
     return /* @__PURE__ */ React__default.createElement(Component, { ...props }, /* @__PURE__ */ React__default.createElement(TooltipWrap, { title }, children));
   };
 }
-const Root = ({ readOnly, children }) => {
+const Root = ({ readOnly, children, className }) => {
   return /* @__PURE__ */ React__default.createElement(
     RadixToolbar.Root,
     {
-      className: classNames("mdxeditor-toolbar", styles.toolbarRoot, { [styles.readOnlyToolbarRoot]: readOnly }),
+      className: classNames("mdxeditor-toolbar", styles.toolbarRoot, { [styles.readOnlyToolbarRoot]: readOnly }, className),
       ...readOnly ? { tabIndex: -1 } : {}
     },
     children

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.13.0",
+  "version": "3.15.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",