@gravity-ui/markdown-editor 13.0.0

package/build/cjs/react-utils/react-node-view.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { Mark, Node } from 'prosemirror-model';
+import type { EditorView, NodeView, NodeViewConstructor } from 'prosemirror-view';
+import { ExtensionDeps, Serializer } from '../core';
+declare type ReactNodeViewOptions<T> = {
+    isInline?: boolean;
+    reactNodeWrapperCn?: string;
+    extensionOptions?: T;
+};
+export declare const ReactNodeStopEventCn = "prosemirror-stop-event";
+export declare type ReactNodeViewProps<T extends object = {}> = {
+    dom: HTMLElement;
+    view: EditorView;
+    updateAttributes: (attrs: object, marks?: Mark[]) => void;
+    node: Node;
+    getPos: () => number | undefined;
+    serializer: Serializer;
+    extensionOptions?: T;
+};
+export declare class ReactNodeView<T extends object = {}> implements NodeView {
+    readonly dom: HTMLElement;
+    node: Node;
+    readonly view: EditorView;
+    readonly serializer: Serializer;
+    readonly renderItem: import("../extensions").RendererItem;
+    readonly getPos: () => number | undefined;
+    constructor(Component: React.FC<ReactNodeViewProps<T>>, opts: {
+        node: Node;
+        view: EditorView;
+        getPos: () => number | undefined;
+        serializer: Serializer;
+        options?: ReactNodeViewOptions<T>;
+    });
+    update(node: Node): boolean;
+    destroy(): void;
+    ignoreMutation(): boolean;
+    updateAttributes(attributes: {}, marks?: Mark[]): void;
+    stopEvent(e: Event): boolean;
+}
+export declare const reactNodeViewFactory: <T extends object = {}>(Component: React.FC<ReactNodeViewProps<T>>, options?: ReactNodeViewOptions<T>) => (deps: ExtensionDeps) => NodeViewConstructor;
+export {};

package/build/cjs/react-utils/react-node-view.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactNodeViewFactory = exports.ReactNodeView = exports.ReactNodeStopEventCn = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = require("react-dom");
+const extensions_1 = require("../extensions");
+exports.ReactNodeStopEventCn = 'prosemirror-stop-event';
+class ReactNodeView {
+    constructor(Component, opts) {
+        const { getPos, node, serializer, view, options } = opts;
+        this.node = node;
+        this.dom = (options === null || options === void 0 ? void 0 : options.isInline)
+            ? document.createElement('span')
+            : document.createElement('div');
+        this.dom.classList.add('react-node-wrapper');
+        if (options === null || options === void 0 ? void 0 : options.reactNodeWrapperCn) {
+            this.dom.classList.add(options === null || options === void 0 ? void 0 : options.reactNodeWrapperCn);
+        }
+        this.dom.contentEditable = 'false';
+        this.serializer = serializer;
+        this.view = view;
+        this.getPos = getPos;
+        this.renderItem = (0, extensions_1.getReactRendererFromState)(view.state).createItem(`${Component.displayName || this.node.type.name}-view`, () => (0, react_dom_1.createPortal)(react_1.default.createElement(Component, { dom: this.dom, view: this.view, updateAttributes: this.updateAttributes.bind(this), node: this.node, getPos: this.getPos.bind(this), serializer: this.serializer, extensionOptions: options === null || options === void 0 ? void 0 : options.extensionOptions }), this.dom));
+    }
+    update(node) {
+        if (node.type !== this.node.type)
+            return false;
+        if (this.node === node)
+            return true;
+        this.node = node;
+        this.renderItem.rerender();
+        return true;
+    }
+    destroy() {
+        this.renderItem.remove();
+    }
+    ignoreMutation() {
+        return true;
+    }
+    updateAttributes(attributes, marks = []) {
+        const pos = this.getPos();
+        if (pos === undefined)
+            return;
+        const { tr } = this.view.state;
+        tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), attributes), marks);
+        this.view.dispatch(tr);
+    }
+    stopEvent(e) {
+        const target = e.target;
+        const isInput = ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName);
+        if (isInput ||
+            (typeof target.className === 'string' &&
+                target.className.includes(exports.ReactNodeStopEventCn))) {
+            return true;
+        }
+        return false;
+    }
+}
+exports.ReactNodeView = ReactNodeView;
+const reactNodeViewFactory = (Component, options) => ({ serializer }) => (node, view, getPos) => new ReactNodeView(Component, { node, view, getPos, serializer, options });
+exports.reactNodeViewFactory = reactNodeViewFactory;

package/build/cjs/react-utils/toaster.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ToasterPublicMethods } from '@gravity-ui/uikit';
+export declare const ToasterContext: React.Context<ToasterPublicMethods | null>;
+export declare function useToaster(): ToasterPublicMethods;

package/build/cjs/react-utils/toaster.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToaster = exports.ToasterContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.ToasterContext = react_1.default.createContext(null);
+exports.ToasterContext.displayName = 'YEToasterContext';
+function useToaster() {
+    const toaster = react_1.default.useContext(exports.ToasterContext);
+    if (!toaster) {
+        throw new Error('YEToaster: `useToaster` hook is used out of context');
+    }
+    return react_1.default.useMemo(() => toaster, [toaster]);
+}
+exports.useToaster = useToaster;

package/build/cjs/react-utils/useAutoFocus.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useAutoFocus: (nodeRef: RefObject<HTMLElement>) => void;

package/build/cjs/react-utils/useAutoFocus.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutoFocus = void 0;
+const react_1 = require("react");
+const useAutoFocus = (nodeRef) => {
+    (0, react_1.useEffect)(() => {
+        const { current: anchor } = nodeRef;
+        const timeout = setTimeout(() => {
+            anchor === null || anchor === void 0 ? void 0 : anchor.focus();
+        });
+        return () => {
+            clearTimeout(timeout);
+        };
+        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [nodeRef.current]);
+};
+exports.useAutoFocus = useAutoFocus;

package/build/cjs/react-utils/useNodeEditing.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+import { EditorView } from 'prosemirror-view';
+export declare const useNodeEditing: ({ nodeRef, view, }: {
+    nodeRef: RefObject<HTMLElement>;
+    view: EditorView;
+}) => [boolean, () => void, () => void, () => void];

package/build/cjs/react-utils/useNodeEditing.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNodeEditing = void 0;
+const react_1 = require("react");
+const hooks_1 = require("./hooks");
+const useNodeEditing = ({ nodeRef, view, }) => {
+    const state = (0, hooks_1.useBooleanState)(false);
+    const [, , unsetEdit, toggleEdit] = state;
+    (0, react_1.useEffect)(() => {
+        const { current: anchor } = nodeRef;
+        anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener('dblclick', toggleEdit);
+        view.dom.addEventListener('focus', unsetEdit);
+        return () => {
+            anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener('dblclick', toggleEdit);
+            view.dom.removeEventListener('focus', unsetEdit);
+        };
+        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [view.dom, toggleEdit, unsetEdit, nodeRef.current]);
+    return state;
+};
+exports.useNodeEditing = useNodeEditing;

package/build/cjs/react-utils/useNodeHovered.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useNodeHovered: (nodeRef: RefObject<HTMLElement>) => boolean;

package/build/cjs/react-utils/useNodeHovered.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNodeHovered = void 0;
+const react_1 = require("react");
+const hooks_1 = require("./hooks");
+const useNodeHovered = (nodeRef) => {
+    const [nodeHovered, setNodeHovered, unsetNodeHovered] = (0, hooks_1.useBooleanState)(false);
+    (0, react_1.useEffect)(() => {
+        const { current: anchor } = nodeRef;
+        anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener('mouseenter', setNodeHovered);
+        anchor === null || anchor === void 0 ? void 0 : anchor.addEventListener('mouseleave', unsetNodeHovered);
+        return () => {
+            anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener('mouseenter', setNodeHovered);
+            anchor === null || anchor === void 0 ? void 0 : anchor.removeEventListener('mouseleave', unsetNodeHovered);
+        };
+        // https://github.com/facebook/react/issues/23392#issuecomment-1055610198
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [nodeRef.current, setNodeHovered, unsetNodeHovered]);
+    return nodeHovered;
+};
+exports.useNodeHovered = useNodeHovered;

package/build/cjs/react-utils/useSticky.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useSticky<T extends HTMLElement>(elemRef: RefObject<T>): boolean;

package/build/cjs/react-utils/useSticky.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSticky = void 0;
+const react_1 = require("react");
+const react_use_1 = require("react-use");
+const events = new Set([
+    'resize',
+    'scroll',
+    'touchstart',
+    'touchmove',
+    'touchend',
+    'pageshow',
+    'load',
+    'orientationchange',
+]);
+function useSticky(elemRef) {
+    const [sticky, setSticky] = (0, react_1.useState)(false);
+    const stickyRef = (0, react_use_1.useLatest)(sticky);
+    (0, react_use_1.useEffectOnce)(() => {
+        observe();
+        for (const eventName of events) {
+            window.addEventListener(eventName, observe, true);
+        }
+        return () => {
+            for (const eventName of events) {
+                window.removeEventListener(eventName, observe, true);
+            }
+        };
+        function observe() {
+            if (!elemRef.current)
+                return;
+            const refPageOffset = elemRef.current.getBoundingClientRect().top;
+            const stickyOffset = parseInt(getComputedStyle(elemRef.current).top, 10);
+            const stickyActive = refPageOffset <= stickyOffset;
+            if (stickyActive && !stickyRef.current)
+                setSticky(true);
+            else if (!stickyActive && stickyRef.current)
+                setSticky(false);
+        }
+    });
+    return sticky;
+}
+exports.useSticky = useSticky;

package/build/cjs/shortcuts/chars.d.ts

@@ -0,0 +1,2 @@
+import { Chars } from './types';
+export declare const cmChars: Chars;

package/build/cjs/shortcuts/chars.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cmChars = void 0;
+const platform_1 = require("../utils/platform");
+const const_1 = require("./const");
+const cmMac = {
+    [const_1.ModKey.Mod]: 'cmd',
+};
+const cmPC = {
+    [const_1.ModKey.Mod]: 'ctrl',
+};
+exports.cmChars = Object.assign({ [const_1.Key.Esc]: 'Esc' }, ((0, platform_1.isMac)() ? cmMac : cmPC));

package/build/cjs/shortcuts/const.d.ts

@@ -0,0 +1,42 @@
+export declare enum ModKey {
+    Mod = "mod",
+    Alt = "alt",
+    Option = "alt",
+    Cmd = "cmd",
+    Ctrl = "ctrl",
+    Control = "ctrl",
+    Shift = "shift",
+    Tab = "tab"
+}
+export declare enum Key {
+    Enter = "Enter",
+    Esc = "Escape"
+}
+export declare enum Action {
+    __debug = "__debug__",
+    Cancel = "cancel",
+    Submit = "submit",
+    Undo = "undo",
+    Redo = "redo",
+    Bold = "bold",
+    Italic = "italic",
+    Underline = "underline",
+    Strike = "strike",
+    Code = "code",
+    Link = "link",
+    Text = "text",
+    Heading1 = "h1",
+    Heading2 = "h2",
+    Heading3 = "h3",
+    Heading4 = "h4",
+    Heading5 = "h5",
+    Heading6 = "h6",
+    BulletList = "ulist",
+    OrderedList = "olist",
+    LiftListItem = "list__action_lift",
+    SinkListItem = "list__action_sink",
+    Quote = "quote",
+    CodeBlock = "codeblock",
+    Cut = "cut",
+    Note = "note"
+}

package/build/cjs/shortcuts/const.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Action = exports.Key = exports.ModKey = void 0;
+var ModKey;
+(function (ModKey) {
+    ModKey["Mod"] = "mod";
+    ModKey["Alt"] = "alt";
+    ModKey["Option"] = "alt";
+    ModKey["Cmd"] = "cmd";
+    ModKey["Ctrl"] = "ctrl";
+    ModKey["Control"] = "ctrl";
+    ModKey["Shift"] = "shift";
+    ModKey["Tab"] = "tab";
+})(ModKey = exports.ModKey || (exports.ModKey = {}));
+var Key;
+(function (Key) {
+    Key["Enter"] = "Enter";
+    Key["Esc"] = "Escape";
+})(Key = exports.Key || (exports.Key = {}));
+var Action;
+(function (Action) {
+    Action["__debug"] = "__debug__";
+    Action["Cancel"] = "cancel";
+    Action["Submit"] = "submit";
+    Action["Undo"] = "undo";
+    Action["Redo"] = "redo";
+    Action["Bold"] = "bold";
+    Action["Italic"] = "italic";
+    Action["Underline"] = "underline";
+    Action["Strike"] = "strike";
+    Action["Code"] = "code";
+    Action["Link"] = "link";
+    Action["Text"] = "text";
+    Action["Heading1"] = "h1";
+    Action["Heading2"] = "h2";
+    Action["Heading3"] = "h3";
+    Action["Heading4"] = "h4";
+    Action["Heading5"] = "h5";
+    Action["Heading6"] = "h6";
+    Action["BulletList"] = "ulist";
+    Action["OrderedList"] = "olist";
+    Action["LiftListItem"] = "list__action_lift";
+    Action["SinkListItem"] = "list__action_sink";
+    Action["Quote"] = "quote";
+    Action["CodeBlock"] = "codeblock";
+    Action["Cut"] = "cut";
+    Action["Note"] = "note";
+})(Action = exports.Action || (exports.Action = {}));

package/build/cjs/shortcuts/default.d.ts

@@ -0,0 +1 @@
+export {};

package/build/cjs/shortcuts/default.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const const_1 = require("./const");
+const formatter_1 = require("./formatter");
+/* eslint-disable */
+formatter_1.formatter
+    .set(const_1.Action.__debug, [const_1.ModKey.Mod, const_1.ModKey.Option, ']'])
+    .set(const_1.Action.Cancel, [const_1.Key.Esc])
+    .set(const_1.Action.Submit, [const_1.ModKey.Mod, const_1.Key.Enter])
+    .set(const_1.Action.Undo, [const_1.ModKey.Mod, 'z'])
+    .set(const_1.Action.Redo, [const_1.ModKey.Mod, const_1.ModKey.Shift, 'z'])
+    .set(const_1.Action.Bold, [const_1.ModKey.Mod, 'b'])
+    .set(const_1.Action.Italic, [const_1.ModKey.Mod, 'i'])
+    .set(const_1.Action.Underline, [const_1.ModKey.Mod, 'u'])
+    .set(const_1.Action.Strike, [const_1.ModKey.Mod, const_1.ModKey.Shift, 's'])
+    .set(const_1.Action.Code, [const_1.ModKey.Mod, 'e'])
+    .set(const_1.Action.Link, [const_1.ModKey.Mod, 'k'])
+    .set(const_1.Action.Text, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '0'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '0'] })
+    .set(const_1.Action.Heading1, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '1'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '1'] })
+    .set(const_1.Action.Heading2, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '2'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '2'] })
+    .set(const_1.Action.Heading3, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '3'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '3'] })
+    .set(const_1.Action.Heading4, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '4'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '4'] })
+    .set(const_1.Action.Heading5, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '5'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '5'] })
+    .set(const_1.Action.Heading6, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '6'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '6'] })
+    .set(const_1.Action.BulletList, [const_1.ModKey.Mod, const_1.ModKey.Shift, 'l'])
+    .set(const_1.Action.OrderedList, [const_1.ModKey.Mod, const_1.ModKey.Shift, 'm'])
+    .set(const_1.Action.SinkListItem, [const_1.ModKey.Tab])
+    .set(const_1.Action.LiftListItem, [const_1.ModKey.Shift, const_1.ModKey.Tab])
+    .set(const_1.Action.Quote, [const_1.ModKey.Mod, const_1.ModKey.Shift, '.'])
+    .set(const_1.Action.CodeBlock, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, 'e'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, 'e'] })
+    .set(const_1.Action.Cut, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '7'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '7'] })
+    .set(const_1.Action.Note, { pc: [const_1.ModKey.Ctrl, const_1.ModKey.Shift, '8'], mac: [const_1.ModKey.Cmd, const_1.ModKey.Option, '8'] });
+/* eslint-enable */

package/build/cjs/shortcuts/formatter.d.ts

@@ -0,0 +1,10 @@
+import { Defs, PlatfrormDefs } from './types';
+declare class ShortCutFormatter {
+    #private;
+    set(name: string, defs: Defs | PlatfrormDefs): this;
+    toPM(name: string): string | null;
+    toCM(name: string): string | null;
+    toView(name: string): string | undefined;
+}
+export declare const formatter: ShortCutFormatter;
+export {};

package/build/cjs/shortcuts/formatter.js

@@ -0,0 +1,46 @@
+"use strict";
+var _ShortCutFormatter_map;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatter = void 0;
+const tslib_1 = require("tslib");
+const platform_1 = require("../utils/platform");
+const chars_1 = require("./chars");
+const const_1 = require("./const");
+class ShortCutFormatter {
+    constructor() {
+        _ShortCutFormatter_map.set(this, new Map());
+    }
+    set(name, defs) {
+        if (Array.isArray(defs)) {
+            tslib_1.__classPrivateFieldGet(this, _ShortCutFormatter_map, "f").set(name, defs);
+        }
+        else {
+            const platformedDefs = defs[(0, platform_1.isMac)() ? 'mac' : 'pc'];
+            if (platformedDefs) {
+                tslib_1.__classPrivateFieldGet(this, _ShortCutFormatter_map, "f").set(name, platformedDefs);
+            }
+        }
+        return this;
+    }
+    toPM(name) {
+        const defs = tslib_1.__classPrivateFieldGet(this, _ShortCutFormatter_map, "f").get(name);
+        if (!defs)
+            return null;
+        return defs.join('-');
+    }
+    toCM(name) {
+        const defs = tslib_1.__classPrivateFieldGet(this, _ShortCutFormatter_map, "f").get(name);
+        if (!defs)
+            return null;
+        return defs
+            .map((str) => { var _a; return (_a = chars_1.cmChars[str]) !== null && _a !== void 0 ? _a : str; })
+            .sort((a) => (a === const_1.ModKey.Shift ? -1 : 0))
+            .join('-');
+    }
+    toView(name) {
+        const defs = tslib_1.__classPrivateFieldGet(this, _ShortCutFormatter_map, "f").get(name);
+        return defs === null || defs === void 0 ? void 0 : defs.join('+');
+    }
+}
+_ShortCutFormatter_map = new WeakMap();
+exports.formatter = new ShortCutFormatter();

package/build/cjs/shortcuts/index.d.ts

@@ -0,0 +1,3 @@
+import './default';
+export * from './const';
+export * from './formatter';

package/build/cjs/shortcuts/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+require("./default");
+tslib_1.__exportStar(require("./const"), exports);
+tslib_1.__exportStar(require("./formatter"), exports);

package/build/cjs/shortcuts/types.d.ts

@@ -0,0 +1,6 @@
+export declare type Chars = Partial<Record<string, string>>;
+export declare type Defs = string[];
+export declare type PlatfrormDefs = {
+    pc?: Defs;
+    mac?: Defs;
+};

package/build/cjs/shortcuts/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/styles/markdown copy.css

@@ -0,0 +1,24 @@
+.g-root .yfm:not(.yfm_only-light) {
+  --yfm-file-icon-color: var(--g-color-text-primary);
+}
+
+.g-root {
+  --yfm-color-text-gray: var(--g-color-text-secondary);
+  --yfm-color-text-yellow: var(--g-color-private-yellow-600-solid);
+  --yfm-color-text-orange: var(--g-color-private-orange-500-solid);
+  --yfm-color-text-red: var(--g-color-text-danger);
+  --yfm-color-text-green: var(--g-color-text-positive);
+  --yfm-color-text-blue: var(--g-color-text-info);
+  --yfm-color-text-violet: var(--g-color-text-utility);
+}
+
+.g-root {
+  --yfm-colorify-black: var(--g-color-text-primary);
+  --yfm-colorify-gray: var(--yfm-color-text-gray);
+  --yfm-colorify-yellow: var(--yfm-color-text-yellow);
+  --yfm-colorify-orange: var(--yfm-color-text-orange);
+  --yfm-colorify-red: var(--yfm-color-text-red);
+  --yfm-colorify-green: var(--yfm-color-text-green);
+  --yfm-colorify-blue: var(--yfm-color-text-blue);
+  --yfm-colorify-violet: var(--yfm-color-text-violet);
+}

package/build/cjs/styles/markdown.css

@@ -0,0 +1,67 @@
+:root {
+  --yfm-colorify-black: #000;
+  --yfm-colorify-gray: #808080;
+  --yfm-colorify-yellow: #ffd700;
+  --yfm-colorify-orange: #f80;
+  --yfm-colorify-red: #c00;
+  --yfm-colorify-green: #080;
+  --yfm-colorify-blue: #04b;
+  --yfm-colorify-violet: #f0f;
+}
+
+.yfm-colorify--black {
+  color: var(--yfm-colorify-black);
+}
+
+.yfm-colorify--gray {
+  color: var(--yfm-colorify-gray);
+}
+
+.yfm-colorify--yellow {
+  color: var(--yfm-colorify-yellow);
+}
+
+.yfm-colorify--orange {
+  color: var(--yfm-colorify-orange);
+}
+
+.yfm-colorify--red {
+  color: var(--yfm-colorify-red);
+}
+
+.yfm-colorify--green {
+  color: var(--yfm-colorify-green);
+}
+
+.yfm-colorify--blue {
+  color: var(--yfm-colorify-blue);
+}
+
+.yfm-colorify--violet {
+  color: var(--yfm-colorify-violet);
+}
+
+.g-root .yfm:not(.yfm_only-light) {
+  --yfm-file-icon-color: var(--g-color-text-primary);
+}
+
+.g-root {
+  --yfm-color-text-gray: var(--g-color-text-secondary);
+  --yfm-color-text-yellow: var(--g-color-private-yellow-600-solid);
+  --yfm-color-text-orange: var(--g-color-private-orange-500-solid);
+  --yfm-color-text-red: var(--g-color-text-danger);
+  --yfm-color-text-green: var(--g-color-text-positive);
+  --yfm-color-text-blue: var(--g-color-text-info);
+  --yfm-color-text-violet: var(--g-color-text-utility);
+}
+
+.g-root {
+  --yfm-colorify-black: var(--g-color-text-primary);
+  --yfm-colorify-gray: var(--yfm-color-text-gray);
+  --yfm-colorify-yellow: var(--yfm-color-text-yellow);
+  --yfm-colorify-orange: var(--yfm-color-text-orange);
+  --yfm-colorify-red: var(--yfm-color-text-red);
+  --yfm-colorify-green: var(--yfm-color-text-green);
+  --yfm-colorify-blue: var(--yfm-color-text-blue);
+  --yfm-colorify-violet: var(--yfm-color-text-violet);
+}

package/build/cjs/styles/styles.css

@@ -0,0 +1,24 @@
+.g-root .yfm:not(.yfm_only-light) {
+  --yfm-file-icon-color: var(--g-color-text-primary);
+}
+
+.g-root {
+  --yfm-color-text-gray: var(--g-color-text-secondary);
+  --yfm-color-text-yellow: var(--g-color-private-yellow-600-solid);
+  --yfm-color-text-orange: var(--g-color-private-orange-500-solid);
+  --yfm-color-text-red: var(--g-color-text-danger);
+  --yfm-color-text-green: var(--g-color-text-positive);
+  --yfm-color-text-blue: var(--g-color-text-info);
+  --yfm-color-text-violet: var(--g-color-text-utility);
+}
+
+.g-root {
+  --yfm-colorify-black: var(--g-color-text-primary);
+  --yfm-colorify-gray: var(--yfm-color-text-gray);
+  --yfm-colorify-yellow: var(--yfm-color-text-yellow);
+  --yfm-colorify-orange: var(--yfm-color-text-orange);
+  --yfm-colorify-red: var(--yfm-color-text-red);
+  --yfm-colorify-green: var(--yfm-color-text-green);
+  --yfm-colorify-blue: var(--yfm-color-text-blue);
+  --yfm-colorify-violet: var(--yfm-color-text-violet);
+}

package/build/cjs/styles/yc-colors.css

@@ -0,0 +1,20 @@
+.g-root {
+  --yfm-color-text-gray: var(--g-color-text-secondary);
+  --yfm-color-text-yellow: var(--g-color-private-yellow-600-solid);
+  --yfm-color-text-orange: var(--g-color-private-orange-500-solid);
+  --yfm-color-text-red: var(--g-color-text-danger);
+  --yfm-color-text-green: var(--g-color-text-positive);
+  --yfm-color-text-blue: var(--g-color-text-info);
+  --yfm-color-text-violet: var(--g-color-text-utility);
+}
+
+.g-root {
+  --yfm-colorify-black: var(--g-color-text-primary);
+  --yfm-colorify-gray: var(--yfm-color-text-gray);
+  --yfm-colorify-yellow: var(--yfm-color-text-yellow);
+  --yfm-colorify-orange: var(--yfm-color-text-orange);
+  --yfm-colorify-red: var(--yfm-color-text-red);
+  --yfm-colorify-green: var(--yfm-color-text-green);
+  --yfm-colorify-blue: var(--yfm-color-text-blue);
+  --yfm-colorify-violet: var(--yfm-color-text-violet);
+}

package/build/cjs/styles/yc-file.css

@@ -0,0 +1,3 @@
+.g-root .yfm:not(.yfm_only-light) {
+  --yfm-file-icon-color: var(--g-color-text-primary);
+}

package/build/cjs/table-utils/commands/addColumnAfter.d.ts

@@ -0,0 +1,2 @@
+import type { Command } from 'prosemirror-state';
+export declare const addColumnAfter: Command;