@gravity-ui/markdown-editor 15.35.1 → 15.37.0

package/build/esm/toolbar/ToolbarGroup.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
+import { Fragment } from 'react';
 import { cn } from "../classname.js";
 import { ToolbarButton } from "./ToolbarButton.js";
 import { ToolbarButtonPopup } from "./ToolbarButtonPopup.js";
@@ -22,13 +23,13 @@ export function ToolbarButtonGroup({ className, editor, data, focus, onClick, di
             if (item.type === ToolbarDataType.ReactComponent) {
                 const Component = item.component;
                 const renderFn = () => (_jsx(Component, { ...item.props, editor: editor, focus: focus, onClick: onClick, className: b(item.type, { id: item.id }, [item.className]) }));
-                return item.noRerenderOnUpdate ? (renderFn()) : (_jsx(ToolbarUpdateOnRerender, { content: renderFn }, item.id));
+                return item.noRerenderOnUpdate ? (_jsx(Fragment, { children: renderFn() }, item.id)) : (_jsx(ToolbarUpdateOnRerender, { content: renderFn }, item.id));
             }
             if (item.type === ToolbarDataType.ReactNode) {
-                return _jsx(ToolbarUpdateOnRerender, { content: () => item.content }, item.id);
+                return item.noRerenderOnUpdate ? (_jsx(Fragment, { children: item.content }, item.id)) : (_jsx(ToolbarUpdateOnRerender, { content: () => item.content }, item.id));
             }
             if (item.type === ToolbarDataType.ReactNodeFn) {
-                return (_jsx(ToolbarUpdateOnRerender, { content: () => item.content(editor) }, item.id));
+                return item.noRerenderOnUpdate ? (_jsx(Fragment, { children: item.content(editor) }, item.id)) : (_jsx(ToolbarUpdateOnRerender, { content: () => item.content(editor) }, item.id));
             }
             return null;
         }) }));

package/build/esm/toolbar/ToolbarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarGroup.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import {cn} from '../classname';\n\nimport {ToolbarButton} from './ToolbarButton';\nimport {ToolbarButtonPopup} from './ToolbarButtonPopup';\nimport {ToolbarListButton} from './ToolbarListButton';\nimport {ToolbarUpdateOnRerender} from './ToolbarRerender';\nimport {type ToolbarBaseProps, ToolbarDataType, type ToolbarGroupData} from './types';\n\nimport './ToolbarGroup.scss';\n\nconst b = cn('toolbar-group');\n\nexport type {ToolbarGroupData};\n\nexport type ToolbarGroupProps<E> = ToolbarBaseProps<E> & {\n    data: ToolbarGroupData<E>;\n};\n\nexport function ToolbarButtonGroup<E>({\n    className,\n    editor,\n    data,\n    focus,\n    onClick,\n    disableTooltip,\n    disablePreview,\n    disableHotkey,\n}: ToolbarGroupProps<E>) {\n    return (\n        <div className={b(null, [className])}>\n            {data.map((item) => {\n                if (item.type === ToolbarDataType.SingleButton) {\n                    return (\n                        <ToolbarButton\n                            {...item}\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, [item.className])}\n                            disableTooltip={disableTooltip}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ButtonPopup) {\n                    return (\n                        <ToolbarButtonPopup\n                            {...item}\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, item.className)}\n                            disableTooltip={disableTooltip}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ListButton) {\n                    return (\n                        <ToolbarListButton\n                            {...item}\n                            qaMenu=\"g-md-toolbar-menu\"\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, [item.className])}\n                            disablePreview={disablePreview}\n                            disableHotkey={disableHotkey}\n                            disableTooltip={disableTooltip}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ReactComponent) {\n                    const Component = item.component;\n                    const renderFn = () => (\n                        <Component\n                            {...item.props}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, [item.className])}\n                        />\n                    );\n                    return item.noRerenderOnUpdate ? (\n                        renderFn()\n                    ) : (\n                        <ToolbarUpdateOnRerender key={item.id} content={renderFn} />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ReactNode) {\n                    return <ToolbarUpdateOnRerender key={item.id} content={() => item.content} />;\n                }\n\n                if (item.type === ToolbarDataType.ReactNodeFn) {\n                    return (\n                        <ToolbarUpdateOnRerender\n                            key={item.id}\n                            content={() => item.content(editor)}\n                        />\n                    );\n                }\n\n                return null;\n            })}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"ToolbarGroup.js","sourceRoot":"../../../src","sources":["toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Fragment} from 'react';\n\nimport {cn} from '../classname';\n\nimport {ToolbarButton} from './ToolbarButton';\nimport {ToolbarButtonPopup} from './ToolbarButtonPopup';\nimport {ToolbarListButton} from './ToolbarListButton';\nimport {ToolbarUpdateOnRerender} from './ToolbarRerender';\nimport {type ToolbarBaseProps, ToolbarDataType, type ToolbarGroupData} from './types';\n\nimport './ToolbarGroup.scss';\n\nconst b = cn('toolbar-group');\n\nexport type {ToolbarGroupData};\n\nexport type ToolbarGroupProps<E> = ToolbarBaseProps<E> & {\n    data: ToolbarGroupData<E>;\n};\n\nexport function ToolbarButtonGroup<E>({\n    className,\n    editor,\n    data,\n    focus,\n    onClick,\n    disableTooltip,\n    disablePreview,\n    disableHotkey,\n}: ToolbarGroupProps<E>) {\n    return (\n        <div className={b(null, [className])}>\n            {data.map((item) => {\n                if (item.type === ToolbarDataType.SingleButton) {\n                    return (\n                        <ToolbarButton\n                            {...item}\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, [item.className])}\n                            disableTooltip={disableTooltip}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ButtonPopup) {\n                    return (\n                        <ToolbarButtonPopup\n                            {...item}\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, item.className)}\n                            disableTooltip={disableTooltip}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ListButton) {\n                    return (\n                        <ToolbarListButton\n                            {...item}\n                            qaMenu=\"g-md-toolbar-menu\"\n                            key={item.id}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, [item.className])}\n                            disablePreview={disablePreview}\n                            disableHotkey={disableHotkey}\n                            disableTooltip={disableTooltip}\n                        />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ReactComponent) {\n                    const Component = item.component;\n                    const renderFn = () => (\n                        <Component\n                            {...item.props}\n                            editor={editor}\n                            focus={focus}\n                            onClick={onClick}\n                            className={b(item.type, {id: item.id}, [item.className])}\n                        />\n                    );\n                    return item.noRerenderOnUpdate ? (\n                        <Fragment key={item.id}>{renderFn()}</Fragment>\n                    ) : (\n                        <ToolbarUpdateOnRerender key={item.id} content={renderFn} />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ReactNode) {\n                    return item.noRerenderOnUpdate ? (\n                        <Fragment key={item.id}>{item.content}</Fragment>\n                    ) : (\n                        <ToolbarUpdateOnRerender key={item.id} content={() => item.content} />\n                    );\n                }\n\n                if (item.type === ToolbarDataType.ReactNodeFn) {\n                    return item.noRerenderOnUpdate ? (\n                        <Fragment key={item.id}>{item.content(editor)}</Fragment>\n                    ) : (\n                        <ToolbarUpdateOnRerender\n                            key={item.id}\n                            content={() => item.content(editor)}\n                        />\n                    );\n                }\n\n                return null;\n            })}\n        </div>\n    );\n}\n"]}

package/build/esm/toolbar/types.d.ts

@@ -103,6 +103,7 @@ export type ToolbarReactNodeData = {
     type: ToolbarDataType.ReactNode;
     width: number;
     content: React.ReactNode;
+    noRerenderOnUpdate?: boolean;
 };
 /**
  * @deprecated Use ReactComponent type instead
@@ -112,4 +113,5 @@ export type ToolbarReactNodeFnData<E> = {
     type: ToolbarDataType.ReactNodeFn;
     width: number;
     content: (e: E) => React.ReactNode;
+    noRerenderOnUpdate?: boolean;
 };

package/build/esm/toolbar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["toolbar/types.ts"],"names":[],"mappings":"AAgDA,MAAM,CAAN,IAAY,eASX;AATD,WAAY,eAAe;IACvB,4CAAyB,CAAA;IACzB,wCAAqB,CAAA;IACrB,0CAAuB,CAAA;IACvB,kDAAkD;IAClD,uCAAoB,CAAA;IACpB,kDAAkD;IAClD,4CAAyB,CAAA;IACzB,iDAA8B,CAAA;AAClC,CAAC,EATW,eAAe,KAAf,eAAe,QAS1B","sourcesContent":["import type {HotkeyProps, IconProps, QAProps} from '@gravity-ui/uikit';\n\nimport type {ClassNameProps} from '../classname';\n\nexport type ToolbarBaseProps<E> = ClassNameProps &\n    QAProps & {\n        editor: E;\n        focus(): void;\n        onClick?(id: string, attrs?: {[key: string]: any}): void;\n        display?: ToolbarDisplay;\n        disableTooltip?: boolean;\n        disablePreview?: boolean;\n        disableHotkey?: boolean;\n    };\n\nexport type ToolbarIconData = Pick<IconProps, 'data' | 'size'>;\nexport type ToolbarGroupData<E> = Array<ToolbarGroupItemData<E>>;\nexport type ToolbarData<E> = ToolbarGroupData<E>[];\nexport type ToolbarDisplay = 'shrink' | 'scroll';\n\nexport type ToolbarItemData<E> = QAProps & {\n    id: string;\n    icon: ToolbarIconData;\n    title: string | (() => string);\n    hint?: string | (() => string);\n    hotkey?: HotkeyProps['value'];\n    preview?: React.ReactNode;\n    theme?: 'normal' | 'danger';\n    /**\n     * Alternative IDs that can be used to find this command\n     */\n    aliases?: string[];\n    /**\n     * Show hint when _isEnable()_ returns false\n     *\n     * `false` – don't show hint;\n     *\n     * `true` – show default hint;\n     *\n     * `string` or `() => string` – show hint with custom message.\n     * @default true\n     */\n    hintWhenDisabled?: boolean | string | (() => string);\n    exec(editor: E): void;\n    isActive(editor: E): boolean;\n    isEnable(editor: E): boolean;\n};\n\nexport enum ToolbarDataType {\n    SingleButton = 's-button',\n    ListButton = 'list-b',\n    ButtonPopup = 'b-popup',\n    /** @deprecated Use ReactComponent type instead */\n    ReactNode = 'r-node',\n    /** @deprecated Use ReactComponent type instead */\n    ReactNodeFn = 'r-node-fn',\n    ReactComponent = 'r-component',\n}\n\nexport type ToolbarGroupItemData<E> =\n    | ToolbarSingleItemData<E>\n    | ToolbarButtonPopupData<E>\n    | ToolbarListItemData<E>\n    | ToolbarReactNodeData\n    | ToolbarReactNodeFnData<E>\n    | ToolbarReactComponentData<E>;\n\nexport type ToolbarSingleItemData<E> = ToolbarItemData<E> & {\n    id: string;\n    type: ToolbarDataType.SingleButton;\n    className?: string;\n};\n\nexport type ToolbarListItemData<E> = ToolbarListButtonData<E> & {\n    id: string;\n    type: ToolbarDataType.ListButton;\n    className?: string;\n};\n\nexport type ToolbarReactComponentData<E> = {\n    id: string;\n    type: ToolbarDataType.ReactComponent;\n    width: number;\n    className?: string;\n    component: React.ComponentType<ToolbarBaseProps<E>>;\n    noRerenderOnUpdate?: boolean;\n    props?: object;\n};\n\nexport type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {\n    /** not used, may be an empty function */\n    exec: ToolbarItemData<E>['exec'];\n    type: ToolbarDataType.ButtonPopup;\n    renderPopup: (\n        props: ToolbarBaseProps<E> & {hide: () => void; anchorElement: HTMLElement | null},\n    ) => React.ReactNode;\n    className?: string;\n};\n\nexport type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {\n    doNotActivateList?: boolean;\n};\n\nexport type ToolbarListButtonData<E> = {\n    icon: ToolbarIconData;\n    title: string | (() => string);\n    withArrow?: boolean;\n    data: ToolbarListButtonItemData<E>[];\n    alwaysActive?: boolean;\n    hideDisabled?: boolean;\n    /** When state changes to active, replace default icon with icon of first active item */\n    replaceActiveIcon?: boolean;\n};\n\n/**\n * @deprecated Use ReactComponent type instead\n */\nexport type ToolbarReactNodeData = {\n    id: string;\n    type: ToolbarDataType.ReactNode;\n    width: number;\n    content: React.ReactNode;\n};\n\n/**\n * @deprecated Use ReactComponent type instead\n */\nexport type ToolbarReactNodeFnData<E> = {\n    id: string;\n    type: ToolbarDataType.ReactNodeFn;\n    width: number;\n    content: (e: E) => React.ReactNode;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["toolbar/types.ts"],"names":[],"mappings":"AAgDA,MAAM,CAAN,IAAY,eASX;AATD,WAAY,eAAe;IACvB,4CAAyB,CAAA;IACzB,wCAAqB,CAAA;IACrB,0CAAuB,CAAA;IACvB,kDAAkD;IAClD,uCAAoB,CAAA;IACpB,kDAAkD;IAClD,4CAAyB,CAAA;IACzB,iDAA8B,CAAA;AAClC,CAAC,EATW,eAAe,KAAf,eAAe,QAS1B","sourcesContent":["import type {HotkeyProps, IconProps, QAProps} from '@gravity-ui/uikit';\n\nimport type {ClassNameProps} from '../classname';\n\nexport type ToolbarBaseProps<E> = ClassNameProps &\n    QAProps & {\n        editor: E;\n        focus(): void;\n        onClick?(id: string, attrs?: {[key: string]: any}): void;\n        display?: ToolbarDisplay;\n        disableTooltip?: boolean;\n        disablePreview?: boolean;\n        disableHotkey?: boolean;\n    };\n\nexport type ToolbarIconData = Pick<IconProps, 'data' | 'size'>;\nexport type ToolbarGroupData<E> = Array<ToolbarGroupItemData<E>>;\nexport type ToolbarData<E> = ToolbarGroupData<E>[];\nexport type ToolbarDisplay = 'shrink' | 'scroll';\n\nexport type ToolbarItemData<E> = QAProps & {\n    id: string;\n    icon: ToolbarIconData;\n    title: string | (() => string);\n    hint?: string | (() => string);\n    hotkey?: HotkeyProps['value'];\n    preview?: React.ReactNode;\n    theme?: 'normal' | 'danger';\n    /**\n     * Alternative IDs that can be used to find this command\n     */\n    aliases?: string[];\n    /**\n     * Show hint when _isEnable()_ returns false\n     *\n     * `false` – don't show hint;\n     *\n     * `true` – show default hint;\n     *\n     * `string` or `() => string` – show hint with custom message.\n     * @default true\n     */\n    hintWhenDisabled?: boolean | string | (() => string);\n    exec(editor: E): void;\n    isActive(editor: E): boolean;\n    isEnable(editor: E): boolean;\n};\n\nexport enum ToolbarDataType {\n    SingleButton = 's-button',\n    ListButton = 'list-b',\n    ButtonPopup = 'b-popup',\n    /** @deprecated Use ReactComponent type instead */\n    ReactNode = 'r-node',\n    /** @deprecated Use ReactComponent type instead */\n    ReactNodeFn = 'r-node-fn',\n    ReactComponent = 'r-component',\n}\n\nexport type ToolbarGroupItemData<E> =\n    | ToolbarSingleItemData<E>\n    | ToolbarButtonPopupData<E>\n    | ToolbarListItemData<E>\n    | ToolbarReactNodeData\n    | ToolbarReactNodeFnData<E>\n    | ToolbarReactComponentData<E>;\n\nexport type ToolbarSingleItemData<E> = ToolbarItemData<E> & {\n    id: string;\n    type: ToolbarDataType.SingleButton;\n    className?: string;\n};\n\nexport type ToolbarListItemData<E> = ToolbarListButtonData<E> & {\n    id: string;\n    type: ToolbarDataType.ListButton;\n    className?: string;\n};\n\nexport type ToolbarReactComponentData<E> = {\n    id: string;\n    type: ToolbarDataType.ReactComponent;\n    width: number;\n    className?: string;\n    component: React.ComponentType<ToolbarBaseProps<E>>;\n    noRerenderOnUpdate?: boolean;\n    props?: object;\n};\n\nexport type ToolbarButtonPopupData<E> = ToolbarItemData<E> & {\n    /** not used, may be an empty function */\n    exec: ToolbarItemData<E>['exec'];\n    type: ToolbarDataType.ButtonPopup;\n    renderPopup: (\n        props: ToolbarBaseProps<E> & {hide: () => void; anchorElement: HTMLElement | null},\n    ) => React.ReactNode;\n    className?: string;\n};\n\nexport type ToolbarListButtonItemData<E> = ToolbarItemData<E> & {\n    doNotActivateList?: boolean;\n};\n\nexport type ToolbarListButtonData<E> = {\n    icon: ToolbarIconData;\n    title: string | (() => string);\n    withArrow?: boolean;\n    data: ToolbarListButtonItemData<E>[];\n    alwaysActive?: boolean;\n    hideDisabled?: boolean;\n    /** When state changes to active, replace default icon with icon of first active item */\n    replaceActiveIcon?: boolean;\n};\n\n/**\n * @deprecated Use ReactComponent type instead\n */\nexport type ToolbarReactNodeData = {\n    id: string;\n    type: ToolbarDataType.ReactNode;\n    width: number;\n    content: React.ReactNode;\n    noRerenderOnUpdate?: boolean;\n};\n\n/**\n * @deprecated Use ReactComponent type instead\n */\nexport type ToolbarReactNodeFnData<E> = {\n    id: string;\n    type: ToolbarDataType.ReactNodeFn;\n    width: number;\n    content: (e: E) => React.ReactNode;\n    noRerenderOnUpdate?: boolean;\n};\n"]}

package/build/esm/utils/actions.d.ts

@@ -2,3 +2,9 @@ import type { MarkType } from 'prosemirror-model';
 import type { ActionSpec } from "../core/index.js";
 export declare function defineActions<Keys extends string>(actions: Record<Keys, ActionSpec>): Record<Keys, ActionSpec>;
 export declare function createToggleMarkAction(markType: MarkType): ActionSpec;
+/**
+ * Like createToggleMarkAction, but blocks applying the mark when the selection
+ * boundaries would produce markdown that cannot round-trip (e.g. `word**,**`).
+ * Removing the mark (toggling off) is always allowed.
+ */
+export declare function createMarkdownInlineMarkAction(markType: MarkType): ActionSpec;

package/build/esm/utils/actions.js

@@ -1,5 +1,5 @@
 import { toggleMark } from 'prosemirror-commands';
-import { isMarkActive } from "./marks.js";
+import { canApplyInlineMarkInMarkdown, isMarkActive } from "./marks.js";
 export function defineActions(actions) {
     return actions;
 }
@@ -11,4 +11,27 @@ export function createToggleMarkAction(markType) {
         run: command,
     };
 }
+/**
+ * Like createToggleMarkAction, but blocks applying the mark when the selection
+ * boundaries would produce markdown that cannot round-trip (e.g. `word**,**`).
+ * Removing the mark (toggling off) is always allowed.
+ */
+export function createMarkdownInlineMarkAction(markType) {
+    const base = createToggleMarkAction(markType);
+    return {
+        isActive: base.isActive,
+        isEnable: (state, dispatch, view, attrs) => {
+            const isBlocked = !isMarkActive(state, markType) && !canApplyInlineMarkInMarkdown(state);
+            if (isBlocked)
+                return false;
+            return base.isEnable(state, dispatch, view, attrs);
+        },
+        run: (state, dispatch, view, attrs) => {
+            const isBlocked = !isMarkActive(state, markType) && !canApplyInlineMarkInMarkdown(state);
+            if (isBlocked)
+                return;
+            base.run(state, dispatch, view, attrs);
+        },
+    };
+}
 //# sourceMappingURL=actions.js.map

package/build/esm/utils/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"../../../src","sources":["utils/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAKhD,OAAO,EAAC,YAAY,EAAC,mBAAgB;AAErC,MAAM,UAAU,aAAa,CAAsB,OAAiC;IAChF,OAAO,OAAO,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,QAAkB;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IACrC,OAAO;QACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC3D,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,OAAO;KACf,CAAC;AACN,CAAC","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\nimport type {MarkType} from 'prosemirror-model';\n\nimport type {ActionSpec} from '../core';\n\nimport {isMarkActive} from './marks';\n\nexport function defineActions<Keys extends string>(actions: Record<Keys, ActionSpec>) {\n    return actions;\n}\n\nexport function createToggleMarkAction(markType: MarkType): ActionSpec {\n    const command = toggleMark(markType);\n    return {\n        isActive: (state) => Boolean(isMarkActive(state, markType)),\n        isEnable: command,\n        run: command,\n    };\n}\n"]}
+{"version":3,"file":"actions.js","sourceRoot":"../../../src","sources":["utils/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAKhD,OAAO,EAAC,4BAA4B,EAAE,YAAY,EAAC,mBAAgB;AAEnE,MAAM,UAAU,aAAa,CAAsB,OAAiC;IAChF,OAAO,OAAO,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,QAAkB;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IACrC,OAAO;QACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC3D,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,OAAO;KACf,CAAC;AACN,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,8BAA8B,CAAC,QAAkB;IAC7D,MAAM,IAAI,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO;QACH,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;YACvC,MAAM,SAAS,GACX,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;YAC3E,IAAI,SAAS;gBAAE,OAAO,KAAK,CAAC;YAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC;QACD,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;YAClC,MAAM,SAAS,GACX,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;YAC3E,IAAI,SAAS;gBAAE,OAAO;YACtB,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAC3C,CAAC;KACJ,CAAC;AACN,CAAC","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\nimport type {MarkType} from 'prosemirror-model';\n\nimport type {ActionSpec} from '../core';\n\nimport {canApplyInlineMarkInMarkdown, isMarkActive} from './marks';\n\nexport function defineActions<Keys extends string>(actions: Record<Keys, ActionSpec>) {\n    return actions;\n}\n\nexport function createToggleMarkAction(markType: MarkType): ActionSpec {\n    const command = toggleMark(markType);\n    return {\n        isActive: (state) => Boolean(isMarkActive(state, markType)),\n        isEnable: command,\n        run: command,\n    };\n}\n\n/**\n * Like createToggleMarkAction, but blocks applying the mark when the selection\n * boundaries would produce markdown that cannot round-trip (e.g. `word**,**`).\n * Removing the mark (toggling off) is always allowed.\n */\nexport function createMarkdownInlineMarkAction(markType: MarkType): ActionSpec {\n    const base = createToggleMarkAction(markType);\n    return {\n        isActive: base.isActive,\n        isEnable: (state, dispatch, view, attrs) => {\n            const isBlocked =\n                !isMarkActive(state, markType) && !canApplyInlineMarkInMarkdown(state);\n            if (isBlocked) return false;\n            return base.isEnable(state, dispatch, view, attrs);\n        },\n        run: (state, dispatch, view, attrs) => {\n            const isBlocked =\n                !isMarkActive(state, markType) && !canApplyInlineMarkInMarkdown(state);\n            if (isBlocked) return;\n            base.run(state, dispatch, view, attrs);\n        },\n    };\n}\n"]}

package/build/esm/utils/marks.d.ts

@@ -2,3 +2,9 @@ import type { Mark, MarkType, Node } from 'prosemirror-model';
 import type { EditorState } from 'prosemirror-state';
 export declare const findMark: (node: Node, markType: MarkType) => Mark | undefined;
 export declare function isMarkActive(state: EditorState, type: MarkType): boolean | Mark | undefined;
+/**
+ * Returns `false` when the current selection cannot be wrapped in an inline mark
+ * without breaking markdown round-trip, per CommonMark flanking delimiter rules:
+ * https://spec.commonmark.org/0.31.2/#left-flanking-delimiter-run
+ */
+export declare function canApplyInlineMarkInMarkdown(state: EditorState): boolean;

package/build/esm/utils/marks.js

@@ -1,3 +1,4 @@
+import { getParserFromState } from "../core/utils/parser.js";
 export const findMark = (node, markType) => {
     return node.marks.find((mark) => mark.type.name === markType.name);
 };
@@ -8,4 +9,33 @@ export function isMarkActive(state, type) {
     }
     return state.doc.rangeHasMark(from, to, type);
 }
+/**
+ * Returns `false` when the current selection cannot be wrapped in an inline mark
+ * without breaking markdown round-trip, per CommonMark flanking delimiter rules:
+ * https://spec.commonmark.org/0.31.2/#left-flanking-delimiter-run
+ */
+export function canApplyInlineMarkInMarkdown(state) {
+    const { from, to, empty } = state.selection;
+    if (empty) {
+        return true;
+    }
+    const text = state.doc.textBetween(from, to);
+    if (!text) {
+        return true;
+    }
+    const parser = getParserFromState(state);
+    const isPunct = (ch) => parser.isPunctChar(ch);
+    const isWordChar = (ch) => !/\s/.test(ch) && !isPunct(ch);
+    const chars = [...text];
+    const firstChar = chars[0];
+    const lastChar = chars.at(-1);
+    const charBefore = from > 0 ? state.doc.textBetween(from - 1, from) : '';
+    const charAfter = to < state.doc.content.size ? state.doc.textBetween(to, to + 1) : '';
+    // opening delimiter would not be left-flanking
+    if (isPunct(firstChar) && charBefore && isWordChar(charBefore)) {
+        return false;
+    }
+    // closing delimiter would not be right-flanking
+    return !(lastChar && isPunct(lastChar) && charAfter && isWordChar(charAfter));
+}
 //# sourceMappingURL=marks.js.map

package/build/esm/utils/marks.js.map

@@ -1 +1 @@
-{"version":3,"file":"marks.js","sourceRoot":"../../../src","sources":["utils/marks.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAE,QAAkB,EAAoB,EAAE;IACzE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,KAAkB,EAAE,IAAc;IAC3D,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjD,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AAClD,CAAC","sourcesContent":["import type {Mark, MarkType, Node} from 'prosemirror-model';\nimport type {EditorState} from 'prosemirror-state';\n\nexport const findMark = (node: Node, markType: MarkType): Mark | undefined => {\n    return node.marks.find((mark) => mark.type.name === markType.name);\n};\n\nexport function isMarkActive(state: EditorState, type: MarkType) {\n    const {from, $from, to, empty} = state.selection;\n\n    if (empty) {\n        return type.isInSet(state.storedMarks || $from.marks());\n    }\n\n    return state.doc.rangeHasMark(from, to, type);\n}\n"]}
+{"version":3,"file":"marks.js","sourceRoot":"../../../src","sources":["utils/marks.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,kBAAkB,EAAC,gCAA6B;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAE,QAAkB,EAAoB,EAAE;IACzE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,KAAkB,EAAE,IAAc;IAC3D,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjD,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AAClD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAAkB;IAC3D,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC1C,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC7C,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAElE,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;IACxB,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9B,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,MAAM,SAAS,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvF,+CAA+C;IAC/C,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;QAC7D,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,gDAAgD;IAChD,OAAO,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,SAAS,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;AAClF,CAAC","sourcesContent":["import type {Mark, MarkType, Node} from 'prosemirror-model';\nimport type {EditorState} from 'prosemirror-state';\n\nimport {getParserFromState} from '../core/utils/parser';\n\nexport const findMark = (node: Node, markType: MarkType): Mark | undefined => {\n    return node.marks.find((mark) => mark.type.name === markType.name);\n};\n\nexport function isMarkActive(state: EditorState, type: MarkType) {\n    const {from, $from, to, empty} = state.selection;\n\n    if (empty) {\n        return type.isInSet(state.storedMarks || $from.marks());\n    }\n\n    return state.doc.rangeHasMark(from, to, type);\n}\n\n/**\n * Returns `false` when the current selection cannot be wrapped in an inline mark\n * without breaking markdown round-trip, per CommonMark flanking delimiter rules:\n * https://spec.commonmark.org/0.31.2/#left-flanking-delimiter-run\n */\nexport function canApplyInlineMarkInMarkdown(state: EditorState): boolean {\n    const {from, to, empty} = state.selection;\n    if (empty) {\n        return true;\n    }\n\n    const text = state.doc.textBetween(from, to);\n    if (!text) {\n        return true;\n    }\n\n    const parser = getParserFromState(state);\n    const isPunct = (ch: string) => parser.isPunctChar(ch);\n    const isWordChar = (ch: string) => !/\\s/.test(ch) && !isPunct(ch);\n\n    const chars = [...text];\n    const firstChar = chars[0];\n    const lastChar = chars.at(-1);\n\n    const charBefore = from > 0 ? state.doc.textBetween(from - 1, from) : '';\n    const charAfter = to < state.doc.content.size ? state.doc.textBetween(to, to + 1) : '';\n\n    // opening delimiter would not be left-flanking\n    if (isPunct(firstChar) && charBefore && isWordChar(charBefore)) {\n        return false;\n    }\n\n    // closing delimiter would not be right-flanking\n    return !(lastChar && isPunct(lastChar) && charAfter && isWordChar(charAfter));\n}\n"]}

package/build/esm/utils/transaction.d.ts

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

package/build/esm/utils/transaction.js

@@ -0,0 +1,36 @@
+import { AttrStep } from "../pm/transform.js";
+/** @internal */
+export function getChangedRanges(tr) {
+    const ranges = [];
+    const { maps } = tr.mapping;
+    tr.steps.forEach((step, i) => {
+        if (step instanceof AttrStep) {
+            let pos = step.pos;
+            for (let j = i + 1; j < maps.length; j++) {
+                pos = maps[j].map(pos);
+            }
+            const node = tr.doc.nodeAt(pos);
+            if (node) {
+                ranges.push({ from: pos, to: pos + node.nodeSize });
+            }
+            return;
+        }
+        step.getMap().forEach((_oldStart, _oldEnd, newStart, newEnd) => {
+            let from = newStart;
+            let to = newEnd;
+            for (let j = i + 1; j < maps.length; j++) {
+                from = maps[j].map(from, -1);
+                to = maps[j].map(to, 1);
+            }
+            ranges.push({ from, to });
+        });
+    });
+    return ranges;
+}
+/** @internal */
+export function forEachChangedNode(tr, callback) {
+    for (const { from, to } of getChangedRanges(tr)) {
+        tr.doc.nodesBetween(from, to, callback);
+    }
+}
+//# sourceMappingURL=transaction.js.map

package/build/esm/utils/transaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction.js","sourceRoot":"../../../src","sources":["utils/transaction.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,EAAC,2BAAsB;AAEvC,gBAAgB;AAChB,MAAM,UAAU,gBAAgB,CAAC,EAAe;IAC5C,MAAM,MAAM,GAAiC,EAAE,CAAC;IAChD,MAAM,EAAC,IAAI,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC;IAE1B,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,IAAI,YAAY,QAAQ,EAAE,CAAC;YAC3B,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YACnB,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,MAAM,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,IAAI,EAAE,CAAC;gBACP,MAAM,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;YACtD,CAAC;YACD,OAAO;QACX,CAAC;QAED,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;YAC3D,IAAI,IAAI,GAAG,QAAQ,CAAC;YACpB,IAAI,EAAE,GAAG,MAAM,CAAC;YAChB,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC7B,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAC5B,CAAC;YACD,MAAM,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,kBAAkB,CAC9B,EAAe,EACf,QAAyF;IAEzF,KAAK,MAAM,EAAC,IAAI,EAAE,EAAE,EAAC,IAAI,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC;QAC5C,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC;AACL,CAAC","sourcesContent":["import type {Node} from '#pm/model';\nimport type {Transaction} from '#pm/state';\nimport {AttrStep} from '#pm/transform';\n\n/** @internal */\nexport function getChangedRanges(tr: Transaction): {from: number; to: number}[] {\n    const ranges: {from: number; to: number}[] = [];\n    const {maps} = tr.mapping;\n\n    tr.steps.forEach((step, i) => {\n        if (step instanceof AttrStep) {\n            let pos = step.pos;\n            for (let j = i + 1; j < maps.length; j++) {\n                pos = maps[j].map(pos);\n            }\n            const node = tr.doc.nodeAt(pos);\n            if (node) {\n                ranges.push({from: pos, to: pos + node.nodeSize});\n            }\n            return;\n        }\n\n        step.getMap().forEach((_oldStart, _oldEnd, newStart, newEnd) => {\n            let from = newStart;\n            let to = newEnd;\n            for (let j = i + 1; j < maps.length; j++) {\n                from = maps[j].map(from, -1);\n                to = maps[j].map(to, 1);\n            }\n            ranges.push({from, to});\n        });\n    });\n\n    return ranges;\n}\n\n/** @internal */\nexport function forEachChangedNode(\n    tr: Transaction,\n    callback: (node: Node, pos: number, parent: Node | null, index: number) => boolean | void,\n): void {\n    for (const {from, to} of getChangedRanges(tr)) {\n        tr.doc.nodesBetween(from, to, callback);\n    }\n}\n"]}

package/build/esm/version.js

@@ -1,3 +1,3 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '15.35.1' !== 'undefined' ? '15.35.1' : 'unknown';
+export const VERSION = typeof '15.37.0' !== 'undefined' ? '15.37.0' : 'unknown';
 //# sourceMappingURL=version.js.map

package/build/esm/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.35.1' !== 'undefined' ? '15.35.1' : 'unknown';\n"]}
+{"version":3,"file":"version.js","sourceRoot":"../../src","sources":["version.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC","sourcesContent":["/** During build process, the current version will be injected here */\nexport const VERSION = typeof '15.37.0' !== 'undefined' ? '15.37.0' : 'unknown';\n"]}

package/build/styles.css

@@ -2392,20 +2392,24 @@ body :has(.g-md-resizable_resizing) {
   right: 3px;
 }
 .g-md-yfm-note-toolbar {
-  margin: 2px 8px;
+  margin: var(--g-spacing-half);
 }
 
 .g-md-toolbar-group__s-button_id_note-type-tip {
-  color: var(--yfm-color-note-tip);
+  --g-button-text-color: var(--yfm-color-note-tip);
+  --g-button-text-color-hover: var(--yfm-color-note-tip);
 }
 .g-md-toolbar-group__s-button_id_note-type-info {
-  color: var(--yfm-color-note-info);
+  --g-button-text-color: var(--yfm-color-note-info);
+  --g-button-text-color-hover: var(--yfm-color-note-info);
 }
 .g-md-toolbar-group__s-button_id_note-type-alert {
-  color: var(--yfm-color-note-important);
+  --g-button-text-color: var(--yfm-color-note-important);
+  --g-button-text-color-hover: var(--yfm-color-note-important);
 }
 .g-md-toolbar-group__s-button_id_note-type-warning {
-  color: var(--yfm-color-note-warning);
+  --g-button-text-color: var(--yfm-color-note-warning);
+  --g-button-text-color-hover: var(--yfm-color-note-warning);
 }
 .g-md-image-tooltip-form__input_type_width, .g-md-image-tooltip-form__input_type_height {
   max-width: 112px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.35.1",
+  "version": "15.37.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -141,7 +141,8 @@
   "module": "build/esm/index.js",
   "types": "build/esm/index.d.ts",
   "files": [
-    "build"
+    "build",
+    "README.md"
   ],
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
@@ -314,6 +315,6 @@
     "test:cov": "jest --coverage",
     "test:watch": "jest --watchAll",
     "test:esbuild": "node tests/esbuild-test/esbuild-tester.js",
-    "test:circular-deps": "node scripts/check-circular-deps.js 48"
+    "test:circular-deps": "node scripts/check-circular-deps.js 47"
   }
 }

package/build/cjs/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.css

@@ -1,16 +0,0 @@
-.g-md-yfm-note-toolbar {
-  margin: 2px 8px;
-}
-
-.g-md-toolbar-group__s-button_id_note-type-tip {
-  color: var(--yfm-color-note-tip);
-}
-.g-md-toolbar-group__s-button_id_note-type-info {
-  color: var(--yfm-color-note-info);
-}
-.g-md-toolbar-group__s-button_id_note-type-alert {
-  color: var(--yfm-color-note-important);
-}
-.g-md-toolbar-group__s-button_id_note-type-warning {
-  color: var(--yfm-color-note-warning);
-}

package/build/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.css

@@ -1,16 +0,0 @@
-.g-md-yfm-note-toolbar {
-  margin: 2px 8px;
-}
-
-.g-md-toolbar-group__s-button_id_note-type-tip {
-  color: var(--yfm-color-note-tip);
-}
-.g-md-toolbar-group__s-button_id_note-type-info {
-  color: var(--yfm-color-note-info);
-}
-.g-md-toolbar-group__s-button_id_note-type-alert {
-  color: var(--yfm-color-note-important);
-}
-.g-md-toolbar-group__s-button_id_note-type-warning {
-  color: var(--yfm-color-note-warning);
-}