@gravity-ui/markdown-editor 14.12.0 → 14.12.1

package/build/esm/view/components/YfmHtml/YfmStaticView.d.ts

@@ -1,14 +1,13 @@
-import React from 'react';
-import { ClassNameProps } from '../../../classname';
-export declare type YfmStaticViewProps = ClassNameProps & {
+import type { ClassNameProps } from "../../../classname.js";
+export type YfmStaticViewProps = ClassNameProps & {
     html: string;
     linksVisited?: boolean;
     noListReset?: boolean;
     qa?: string;
 };
-export declare const YfmStaticView: React.ForwardRefExoticComponent<ClassNameProps & {
+export declare const YfmStaticView: import("react").ForwardRefExoticComponent<ClassNameProps & {
     html: string;
-    linksVisited?: boolean | undefined;
-    noListReset?: boolean | undefined;
-    qa?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+    linksVisited?: boolean;
+    noListReset?: boolean;
+    qa?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/view/components/YfmHtml/YfmStaticView.js

@@ -1,6 +1,8 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { classnames } from '@bem-react/classnames';
 export const YfmStaticView = forwardRef(function YFMStaticView(props, ref) {
     const { html, linksVisited, noListReset, className, qa } = props;
-    return (React.createElement("div", { ref: ref, dangerouslySetInnerHTML: { __html: html }, className: classnames('yfm', linksVisited ? 'yfm_links-visited' : undefined, noListReset ? 'yfm_no-list-reset' : undefined, className), "data-qa": qa }));
+    return (_jsx("div", { ref: ref, dangerouslySetInnerHTML: { __html: html }, className: classnames('yfm', linksVisited ? 'yfm_links-visited' : undefined, noListReset ? 'yfm_no-list-reset' : undefined, className), "data-qa": qa }));
 });
+//# sourceMappingURL=YfmStaticView.js.map

package/build/esm/view/components/YfmHtml/YfmStaticView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YfmStaticView.js","sourceRoot":"../../../../../src","sources":["view/components/YfmHtml/YfmStaticView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAWjD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACnC,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;IAC7B,MAAM,EAAC,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAE/D,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,uBAAuB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,EACvC,SAAS,EAAE,UAAU,CACjB,KAAK,EACL,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EAC9C,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EAC7C,SAAS,CACZ,aACQ,EAAE,GACb,CACL,CAAC;AACN,CAAC,CACJ,CAAC","sourcesContent":["import {forwardRef} from 'react';\n\nimport {classnames} from '@bem-react/classnames';\n\nimport type {ClassNameProps} from '../../../classname';\n\nexport type YfmStaticViewProps = ClassNameProps & {\n    html: string;\n    linksVisited?: boolean;\n    noListReset?: boolean;\n    qa?: string;\n};\n\nexport const YfmStaticView = forwardRef<HTMLDivElement, YfmStaticViewProps>(\n    function YFMStaticView(props, ref) {\n        const {html, linksVisited, noListReset, className, qa} = props;\n\n        return (\n            <div\n                ref={ref}\n                dangerouslySetInnerHTML={{__html: html}}\n                className={classnames(\n                    'yfm',\n                    linksVisited ? 'yfm_links-visited' : undefined,\n                    noListReset ? 'yfm_no-list-reset' : undefined,\n                    className,\n                )}\n                data-qa={qa}\n            />\n        );\n    },\n);\n"]}

package/build/esm/view/components/YfmHtml/index.d.ts

@@ -1,12 +1,2 @@
-import type { YfmStaticViewProps as OriginalYfmStaticViewProps } from './YfmStaticView';
-import { YfmStaticView as OriginalYfmStaticView } from './YfmStaticView';
-/**
- * @deprecated use type `YFMStaticViewProps` instead
- */
-export declare type YfmHtmlProps = OriginalYfmStaticViewProps;
-export declare type YFMStaticViewProps = OriginalYfmStaticViewProps;
-export { OriginalYfmStaticView as YfmStaticView };
-/**
- * @deprecated use component `YfmStaticView` instead
- */
-export { OriginalYfmStaticView as YfmHtml };
+export type { YfmStaticViewProps } from "./YfmStaticView.js";
+export { YfmStaticView } from "./YfmStaticView.js";

package/build/esm/view/components/YfmHtml/index.js

@@ -1,6 +1,2 @@
-import { YfmStaticView as OriginalYfmStaticView } from './YfmStaticView';
-export { OriginalYfmStaticView as YfmStaticView };
-/**
- * @deprecated use component `YfmStaticView` instead
- */
-export { OriginalYfmStaticView as YfmHtml };
+export { YfmStaticView } from "./YfmStaticView.js";
+//# sourceMappingURL=index.js.map

package/build/esm/view/components/YfmHtml/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/components/YfmHtml/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,2BAAwB","sourcesContent":["export type {YfmStaticViewProps} from './YfmStaticView';\nexport {YfmStaticView} from './YfmStaticView';\n"]}

package/build/esm/view/components/index.d.ts

@@ -1 +1 @@
-export * from './YfmHtml';
+export * from "./YfmHtml/index.js";

package/build/esm/view/components/index.js

@@ -1 +1,2 @@
-export * from './YfmHtml';
+export * from "./YfmHtml/index.js";
+//# sourceMappingURL=index.js.map

package/build/esm/view/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/components/index.ts"],"names":[],"mappings":"AAAA,mCAA0B","sourcesContent":["export * from './YfmHtml';\n"]}

package/build/esm/view/hocs/withLatex/index.d.ts

@@ -1,11 +1,11 @@
-import React, { ComponentType, RefAttributes } from 'react';
-import type { PluginRuntime, TransformMeta } from './types';
-export declare type WithLatexOptions = {
+import { type ComponentType, type RefAttributes } from 'react';
+import type { PluginRuntime, TransformMeta } from "./types.js";
+export type WithLatexOptions = {
     runtime: PluginRuntime;
 };
-export declare type WithLatexProps = {
+export type WithLatexProps = {
     meta: TransformMeta;
 };
 export declare function withLatex(opts: WithLatexOptions): <T extends {
     html: string;
-}>(Component: React.ComponentType<T & React.RefAttributes<HTMLDivElement>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T & WithLatexProps> & React.RefAttributes<HTMLDivElement>>;
+}>(Component: ComponentType<T & RefAttributes<HTMLDivElement>>) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<T & WithLatexProps> & RefAttributes<HTMLDivElement>>;

package/build/esm/view/hocs/withLatex/index.js

@@ -1,6 +1,7 @@
-import React, { forwardRef, useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect } from 'react';
 import { useLatex } from '@diplodoc/latex-extension/react';
-import { useLatexRuntime } from './useLatexRuntime';
+import { useLatexRuntime } from "./useLatexRuntime.js";
 export function withLatex(opts) {
     return (Component) => forwardRef(function WithLatex(props, ref) {
         const { meta, html } = props;
@@ -9,6 +10,7 @@ export function withLatex(opts) {
         useEffect(() => {
             renderLatex({ throwOnError: false });
         }, [html, renderLatex]);
-        return React.createElement(Component, Object.assign({}, props, { ref: ref }));
+        return _jsx(Component, { ...props, ref: ref });
     });
 }
+//# sourceMappingURL=index.js.map

package/build/esm/view/hocs/withLatex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hocs/withLatex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyC,UAAU,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAGzD,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAUlD,MAAM,UAAU,SAAS,CAAC,IAAsB;IAC5C,OAAO,CACH,SAA2D,EAC7D,EAAE,CACA,UAAU,CAAqC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG;QACxE,MAAM,EAAC,IAAI,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;QAE3B,MAAM,WAAW,GAAG,QAAQ,EAAE,CAAC;QAE/B,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAEpC,SAAS,CAAC,GAAG,EAAE;YACX,WAAW,CAAC,EAAC,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC;QACvC,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;QAExB,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAC9C,CAAC,CAAC,CAAC;AACX,CAAC","sourcesContent":["import {type ComponentType, type RefAttributes, forwardRef, useEffect} from 'react';\n\nimport {useLatex} from '@diplodoc/latex-extension/react';\n\nimport type {PluginRuntime, TransformMeta} from './types';\nimport {useLatexRuntime} from './useLatexRuntime';\n\nexport type WithLatexOptions = {\n    runtime: PluginRuntime;\n};\n\nexport type WithLatexProps = {\n    meta: TransformMeta;\n};\n\nexport function withLatex(opts: WithLatexOptions) {\n    return <T extends {html: string}>(\n        Component: ComponentType<T & RefAttributes<HTMLDivElement>>,\n    ) =>\n        forwardRef<HTMLDivElement, T & WithLatexProps>(function WithLatex(props, ref) {\n            const {meta, html} = props;\n\n            const renderLatex = useLatex();\n\n            useLatexRuntime(meta, opts.runtime);\n\n            useEffect(() => {\n                renderLatex({throwOnError: false});\n            }, [html, renderLatex]);\n\n            return <Component {...props} ref={ref} />;\n        });\n}\n"]}

package/build/esm/view/hocs/withLatex/types.d.ts

@@ -1,3 +1,5 @@
-import type { PluginOptions } from '@diplodoc/latex-extension/plugin/transform';
-export type { TransformMeta } from '../../types';
-export declare type PluginRuntime = PluginOptions['runtime'];
+export type { TransformMeta } from "../../types/index.js";
+export type PluginRuntime = string | {
+    script: string;
+    style: string;
+};

package/build/esm/view/hocs/withLatex/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/esm/view/hocs/withLatex/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["view/hocs/withLatex/types.ts"],"names":[],"mappings":"","sourcesContent":["export type {TransformMeta} from '../../types';\n\n// TODO: import runtime type from @diplodoc/latex-extension\nexport type PluginRuntime =\n    | string\n    | {\n          script: string;\n          style: string;\n      };\n"]}

package/build/esm/view/hocs/withLatex/useLatexRuntime.js

@@ -1,12 +1,12 @@
 /** @internal */
 export function useLatexRuntime(meta, runtime) {
-    var _a, _b;
     const [script, style] = typeof runtime === 'string' ? [runtime, runtime] : [runtime.script, runtime.style];
-    if ((_a = meta === null || meta === void 0 ? void 0 : meta.script) === null || _a === void 0 ? void 0 : _a.includes(script)) {
+    if (meta?.script?.includes(script)) {
         import(/* webpackChunkName: "latex-runtime" */ '@diplodoc/latex-extension/runtime');
     }
-    if ((_b = meta === null || meta === void 0 ? void 0 : meta.style) === null || _b === void 0 ? void 0 : _b.includes(style)) {
+    if (meta?.style?.includes(style)) {
         // @ts-expect-error // no types for styles
         import(/* webpackChunkName: "latex-styles" */ '@diplodoc/latex-extension/runtime/styles');
     }
 }
+//# sourceMappingURL=useLatexRuntime.js.map

package/build/esm/view/hocs/withLatex/useLatexRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLatexRuntime.js","sourceRoot":"../../../../../src","sources":["view/hocs/withLatex/useLatexRuntime.ts"],"names":[],"mappings":"AAEA,gBAAgB;AAChB,MAAM,UAAU,eAAe,CAAC,IAAmB,EAAE,OAAsB;IACvE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACjB,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAEvF,IAAI,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QACjC,MAAM,CAAC,uCAAuC,CAAC,mCAAmC,CAAC,CAAC;IACxF,CAAC;IAED,IAAI,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,0CAA0C;QAC1C,MAAM,CAAC,sCAAsC,CAAC,0CAA0C,CAAC,CAAC;IAC9F,CAAC;AACL,CAAC","sourcesContent":["import type {PluginRuntime, TransformMeta} from './types';\n\n/** @internal */\nexport function useLatexRuntime(meta: TransformMeta, runtime: PluginRuntime) {\n    const [script, style] =\n        typeof runtime === 'string' ? [runtime, runtime] : [runtime.script, runtime.style];\n\n    if (meta?.script?.includes(script)) {\n        import(/* webpackChunkName: \"latex-runtime\" */ '@diplodoc/latex-extension/runtime');\n    }\n\n    if (meta?.style?.includes(style)) {\n        // @ts-expect-error // no types for styles\n        import(/* webpackChunkName: \"latex-styles\" */ '@diplodoc/latex-extension/runtime/styles');\n    }\n}\n"]}

package/build/esm/view/hocs/withMermaid/index.d.ts

@@ -1,14 +1,14 @@
-import React, { ComponentType, RefAttributes } from 'react';
+import { type ComponentType, type RefAttributes } from 'react';
 import { useMermaid } from '@diplodoc/mermaid-extension/react';
-import type { PluginRuntime, TransformMeta } from './types';
-export declare type MermaidConfig = Parameters<ReturnType<typeof useMermaid>>[0];
-export declare type WithMermaidOptions = {
+import type { PluginRuntime, TransformMeta } from "./types.js";
+export type MermaidConfig = Parameters<ReturnType<typeof useMermaid>>[0];
+export type WithMermaidOptions = {
     runtime: PluginRuntime;
 };
-export declare type WithMermaidProps = {
+export type WithMermaidProps = {
     meta: TransformMeta;
     mermaidConfig: MermaidConfig;
 };
 export declare function withMermaid(opts: WithMermaidOptions): <T extends {
     html: string;
-}>(Component: React.ComponentType<T & React.RefAttributes<HTMLDivElement>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T & WithMermaidProps> & React.RefAttributes<HTMLDivElement>>;
+}>(Component: ComponentType<T & RefAttributes<HTMLDivElement>>) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<T & WithMermaidProps> & RefAttributes<HTMLDivElement>>;

package/build/esm/view/hocs/withMermaid/index.js

@@ -1,6 +1,7 @@
-import React, { forwardRef, useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect } from 'react';
 import { useMermaid } from '@diplodoc/mermaid-extension/react';
-import { useMermaidRuntime } from './useMermaidRuntime';
+import { useMermaidRuntime } from "./useMermaidRuntime.js";
 export function withMermaid(opts) {
     return (Component) => forwardRef(function WithLatex(props, ref) {
         const { meta, html, mermaidConfig } = props;
@@ -9,6 +10,7 @@ export function withMermaid(opts) {
         useEffect(() => {
             renderMermaid(mermaidConfig);
         }, [html, mermaidConfig, renderMermaid]);
-        return React.createElement(Component, Object.assign({}, props, { ref: ref }));
+        return _jsx(Component, { ...props, ref: ref });
     });
 }
+//# sourceMappingURL=index.js.map

package/build/esm/view/hocs/withMermaid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hocs/withMermaid/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyC,UAAU,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAC,UAAU,EAAC,MAAM,mCAAmC,CAAC;AAG7D,OAAO,EAAC,iBAAiB,EAAC,+BAA4B;AAatD,MAAM,UAAU,WAAW,CAAC,IAAwB;IAChD,OAAO,CACH,SAA2D,EAC7D,EAAE,CACA,UAAU,CAAuC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG;QAC1E,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;QAE1C,MAAM,aAAa,GAAG,UAAU,EAAE,CAAC;QAEnC,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAEtC,SAAS,CAAC,GAAG,EAAE;YACX,aAAa,CAAC,aAAa,CAAC,CAAC;QACjC,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;QAEzC,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAC9C,CAAC,CAAC,CAAC;AACX,CAAC","sourcesContent":["import {type ComponentType, type RefAttributes, forwardRef, useEffect} from 'react';\n\nimport {useMermaid} from '@diplodoc/mermaid-extension/react';\n\nimport type {PluginRuntime, TransformMeta} from './types';\nimport {useMermaidRuntime} from './useMermaidRuntime';\n\nexport type MermaidConfig = Parameters<ReturnType<typeof useMermaid>>[0];\n\nexport type WithMermaidOptions = {\n    runtime: PluginRuntime;\n};\n\nexport type WithMermaidProps = {\n    meta: TransformMeta;\n    mermaidConfig: MermaidConfig;\n};\n\nexport function withMermaid(opts: WithMermaidOptions) {\n    return <T extends {html: string}>(\n        Component: ComponentType<T & RefAttributes<HTMLDivElement>>,\n    ) =>\n        forwardRef<HTMLDivElement, T & WithMermaidProps>(function WithLatex(props, ref) {\n            const {meta, html, mermaidConfig} = props;\n\n            const renderMermaid = useMermaid();\n\n            useMermaidRuntime(meta, opts.runtime);\n\n            useEffect(() => {\n                renderMermaid(mermaidConfig);\n            }, [html, mermaidConfig, renderMermaid]);\n\n            return <Component {...props} ref={ref} />;\n        });\n}\n"]}

package/build/esm/view/hocs/withMermaid/types.d.ts

@@ -1,3 +1,2 @@
-import type { PluginOptions } from '@diplodoc/mermaid-extension/plugin/transform';
-export type { TransformMeta } from '../../types';
-export declare type PluginRuntime = PluginOptions['runtime'];
+export type { TransformMeta } from "../../types/index.js";
+export type PluginRuntime = string;

package/build/esm/view/hocs/withMermaid/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/esm/view/hocs/withMermaid/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["view/hocs/withMermaid/types.ts"],"names":[],"mappings":"","sourcesContent":["export type {TransformMeta} from '../../types';\n\nexport type PluginRuntime = string; // TODO: import runtime type from @diplodoc/mermaid-extension\n"]}

package/build/esm/view/hocs/withMermaid/useMermaidRuntime.js

@@ -1,8 +1,8 @@
 /** @internal */
 export function useMermaidRuntime(meta, runtime) {
-    var _a;
     const script = runtime;
-    if ((_a = meta === null || meta === void 0 ? void 0 : meta.script) === null || _a === void 0 ? void 0 : _a.includes(script)) {
+    if (meta?.script?.includes(script)) {
         import(/* webpackChunkName: "mermaid-runtime" */ '@diplodoc/mermaid-extension/runtime');
     }
 }
+//# sourceMappingURL=useMermaidRuntime.js.map

package/build/esm/view/hocs/withMermaid/useMermaidRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMermaidRuntime.js","sourceRoot":"../../../../../src","sources":["view/hocs/withMermaid/useMermaidRuntime.ts"],"names":[],"mappings":"AAEA,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAAC,IAAmB,EAAE,OAAsB;IACzE,MAAM,MAAM,GAAG,OAAO,CAAC;IAEvB,IAAI,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QACjC,MAAM,CAAC,yCAAyC,CAAC,qCAAqC,CAAC,CAAC;IAC5F,CAAC;AACL,CAAC","sourcesContent":["import type {PluginRuntime, TransformMeta} from './types';\n\n/** @internal */\nexport function useMermaidRuntime(meta: TransformMeta, runtime: PluginRuntime) {\n    const script = runtime;\n\n    if (meta?.script?.includes(script)) {\n        import(/* webpackChunkName: \"mermaid-runtime\" */ '@diplodoc/mermaid-extension/runtime');\n    }\n}\n"]}

package/build/esm/view/hocs/withYfmHtml/index.d.ts

@@ -1,13 +1,13 @@
-import React, { ComponentType, RefAttributes } from 'react';
+import { type ComponentType, type RefAttributes } from 'react';
 import { IHTMLIFrameElementConfig } from '@diplodoc/html-extension/runtime';
-import type { PluginRuntime, TransformMeta } from '../withMermaid/types';
-export declare type WithYfmHtmlBlockOptions = {
+import type { PluginRuntime, TransformMeta } from "../withMermaid/types.js";
+export type WithYfmHtmlBlockOptions = {
     runtime: PluginRuntime;
 };
-export declare type WithYfmHtmlBlockProps = {
+export type WithYfmHtmlBlockProps = {
     meta: TransformMeta;
     yfmHtmlBlockConfig?: IHTMLIFrameElementConfig;
 };
 export declare function withYfmHtmlBlock(opts: WithYfmHtmlBlockOptions): <T extends {
     html: string;
-}>(Component: React.ComponentType<T & React.RefAttributes<HTMLDivElement>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T & WithYfmHtmlBlockProps> & React.RefAttributes<HTMLDivElement>>;
+}>(Component: ComponentType<T & RefAttributes<HTMLDivElement>>) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<T & WithYfmHtmlBlockProps> & RefAttributes<HTMLDivElement>>;

package/build/esm/view/hocs/withYfmHtml/index.js

@@ -1,6 +1,7 @@
-import React, { forwardRef, useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect } from 'react';
 import { useDiplodocEmbeddedContentController } from '@diplodoc/html-extension/react';
-import { useYfmHtmlBlockRuntime } from './useYfmHtmlBlockRuntime';
+import { useYfmHtmlBlockRuntime } from "./useYfmHtmlBlockRuntime.js";
 export function withYfmHtmlBlock(opts) {
     return (Component) => forwardRef(function WithYfmHtml(props, ref) {
         const { meta, html, yfmHtmlBlockConfig } = props;
@@ -14,6 +15,7 @@ export function withYfmHtmlBlock(opts) {
                 yfmHtmlBlock.initialize();
             }
         }, [yfmHtmlBlock, html, yfmHtmlBlockConfig]);
-        return React.createElement(Component, Object.assign({}, props, { ref: ref }));
+        return _jsx(Component, { ...props, ref: ref });
     });
 }
+//# sourceMappingURL=index.js.map

package/build/esm/view/hocs/withYfmHtml/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hocs/withYfmHtml/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyC,UAAU,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAC,oCAAoC,EAAC,MAAM,gCAAgC,CAAC;AAKpF,OAAO,EAAC,sBAAsB,EAAC,oCAAiC;AAWhE,MAAM,UAAU,gBAAgB,CAAC,IAA6B;IAC1D,OAAO,CACH,SAA2D,EAC7D,EAAE,CACA,UAAU,CAA4C,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;QACjF,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAC,GAAG,KAAK,CAAC;QAE/C,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,YAAY,GAAG,oCAAoC,EAAE,CAAC;QAE5D,SAAS,CAAC,GAAG,EAAE;YACX,IAAI,YAAY,EAAE,CAAC;gBACf,IAAI,kBAAkB,EAAE,CAAC;oBACrB,YAAY,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;gBAC/C,CAAC;gBACD,YAAY,CAAC,UAAU,EAAE,CAAC;YAC9B,CAAC;QACL,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC;QAE7C,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAC9C,CAAC,CAAC,CAAC;AACX,CAAC","sourcesContent":["import {type ComponentType, type RefAttributes, forwardRef, useEffect} from 'react';\n\nimport {useDiplodocEmbeddedContentController} from '@diplodoc/html-extension/react';\nimport {IHTMLIFrameElementConfig} from '@diplodoc/html-extension/runtime';\n\nimport type {PluginRuntime, TransformMeta} from '../withMermaid/types';\n\nimport {useYfmHtmlBlockRuntime} from './useYfmHtmlBlockRuntime';\n\nexport type WithYfmHtmlBlockOptions = {\n    runtime: PluginRuntime;\n};\n\nexport type WithYfmHtmlBlockProps = {\n    meta: TransformMeta;\n    yfmHtmlBlockConfig?: IHTMLIFrameElementConfig;\n};\n\nexport function withYfmHtmlBlock(opts: WithYfmHtmlBlockOptions) {\n    return <T extends {html: string}>(\n        Component: ComponentType<T & RefAttributes<HTMLDivElement>>,\n    ) =>\n        forwardRef<HTMLDivElement, T & WithYfmHtmlBlockProps>(function WithYfmHtml(props, ref) {\n            const {meta, html, yfmHtmlBlockConfig} = props;\n\n            useYfmHtmlBlockRuntime(meta, opts.runtime);\n\n            const yfmHtmlBlock = useDiplodocEmbeddedContentController();\n\n            useEffect(() => {\n                if (yfmHtmlBlock) {\n                    if (yfmHtmlBlockConfig) {\n                        yfmHtmlBlock.setConfig(yfmHtmlBlockConfig);\n                    }\n                    yfmHtmlBlock.initialize();\n                }\n            }, [yfmHtmlBlock, html, yfmHtmlBlockConfig]);\n\n            return <Component {...props} ref={ref} />;\n        });\n}\n"]}

package/build/esm/view/hocs/withYfmHtml/types.d.ts

@@ -1,3 +1,3 @@
-import type { PluginOptions } from '@diplodoc/html-extension/plugin';
-export type { TransformMeta } from '../../types';
-export declare type PluginRuntime = PluginOptions['runtimeJsPath'];
+import type { PluginOptions } from '@diplodoc/html-extension';
+export type { TransformMeta } from "../../types/index.js";
+export type PluginRuntime = PluginOptions['runtimeJsPath'];

package/build/esm/view/hocs/withYfmHtml/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/esm/view/hocs/withYfmHtml/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["view/hocs/withYfmHtml/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {PluginOptions} from '@diplodoc/html-extension';\n\nexport type {TransformMeta} from '../../types';\n\nexport type PluginRuntime = PluginOptions['runtimeJsPath'];\n"]}

package/build/esm/view/hocs/withYfmHtml/useYfmHtmlBlockRuntime.js

@@ -1,7 +1,7 @@
 /** @internal */
 export function useYfmHtmlBlockRuntime(meta, runtime = '_assets/html-extension.js') {
-    var _a;
-    if ((_a = meta === null || meta === void 0 ? void 0 : meta.script) === null || _a === void 0 ? void 0 : _a.includes(runtime)) {
+    if (meta?.script?.includes(runtime)) {
         import(/* webpackChunkName: "yfm-html-runtime" */ '@diplodoc/html-extension/runtime');
     }
 }
+//# sourceMappingURL=useYfmHtmlBlockRuntime.js.map

package/build/esm/view/hocs/withYfmHtml/useYfmHtmlBlockRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useYfmHtmlBlockRuntime.js","sourceRoot":"../../../../../src","sources":["view/hocs/withYfmHtml/useYfmHtmlBlockRuntime.ts"],"names":[],"mappings":"AAEA,gBAAgB;AAChB,MAAM,UAAU,sBAAsB,CAClC,IAAmB,EACnB,UAAyB,2BAA2B;IAEpD,IAAI,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;QAClC,MAAM,CAAC,0CAA0C,CAAC,kCAAkC,CAAC,CAAC;IAC1F,CAAC;AACL,CAAC","sourcesContent":["import type {PluginRuntime, TransformMeta} from './types';\n\n/** @internal */\nexport function useYfmHtmlBlockRuntime(\n    meta: TransformMeta,\n    runtime: PluginRuntime = '_assets/html-extension.js',\n) {\n    if (meta?.script?.includes(runtime)) {\n        import(/* webpackChunkName: \"yfm-html-runtime\" */ '@diplodoc/html-extension/runtime');\n    }\n}\n"]}

package/build/esm/view/hocs/withYfmHtml/utils.d.ts

@@ -11,6 +11,6 @@ declare const YfmHtmlBlockStyles: {
     fontFamily: string;
     lineHeight: string;
 };
-declare type Styles = Partial<Record<keyof typeof YfmHtmlBlockStyles, string>>;
+type Styles = Partial<Record<keyof typeof YfmHtmlBlockStyles, string>>;
 export declare const getYfmHtmlBlockCssVariables: (styles: Styles) => Record<string, string>;
 export {};

package/build/esm/view/hocs/withYfmHtml/utils.js

@@ -1,14 +1,14 @@
 const YfmHtmlBlockStyles = {
-    colorTextPrimary: '--yfm-html-color-text-primary',
-    colorTextSecondary: '--yfm-html-color-text-secondary',
-    colorBackground: '--yfm-html-color-background',
-    colorBackgroundSecondary: '--yfm-html-color-background-secondary',
-    colorLink: '--yfm-html-color-link',
-    colorLinkHover: '--yfm-html-color-link-hover',
-    colorLinkVisited: '--yfm-html-color-link-visited',
-    font: '--yfm-html-font',
-    fontSize: '--yfm-html-font-size',
-    fontFamily: '--yfm-html-font-family',
+    colorTextPrimary: '--yfm-html-color-text-primary', // Color of the primary text
+    colorTextSecondary: '--yfm-html-color-text-secondary', // Color of the secondary text
+    colorBackground: '--yfm-html-color-background', // Color of the background
+    colorBackgroundSecondary: '--yfm-html-color-background-secondary', // Color of the secondary background
+    colorLink: '--yfm-html-color-link', // Color of the link
+    colorLinkHover: '--yfm-html-color-link-hover', // Color of the link when hovered
+    colorLinkVisited: '--yfm-html-color-link-visited', // Color of the visited link
+    font: '--yfm-html-font', // Font for the text
+    fontSize: '--yfm-html-font-size', // Size of the text
+    fontFamily: '--yfm-html-font-family', // Family of the text
     lineHeight: '--yfm-html-line-height', // Line height of the text
 };
 export const getYfmHtmlBlockCssVariables = (styles) => {
@@ -20,3 +20,4 @@ export const getYfmHtmlBlockCssVariables = (styles) => {
     }
     return obj;
 };
+//# sourceMappingURL=utils.js.map

package/build/esm/view/hocs/withYfmHtml/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["view/hocs/withYfmHtml/utils.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG;IACvB,gBAAgB,EAAE,+BAA+B,EAAE,4BAA4B;IAC/E,kBAAkB,EAAE,iCAAiC,EAAE,8BAA8B;IAErF,eAAe,EAAE,6BAA6B,EAAE,0BAA0B;IAC1E,wBAAwB,EAAE,uCAAuC,EAAE,oCAAoC;IAEvG,SAAS,EAAE,uBAAuB,EAAE,oBAAoB;IACxD,cAAc,EAAE,6BAA6B,EAAE,iCAAiC;IAChF,gBAAgB,EAAE,+BAA+B,EAAE,4BAA4B;IAE/E,IAAI,EAAE,iBAAiB,EAAE,oBAAoB;IAC7C,QAAQ,EAAE,sBAAsB,EAAE,mBAAmB;IACrD,UAAU,EAAE,wBAAwB,EAAE,qBAAqB;IAC3D,UAAU,EAAE,wBAAwB,EAAE,0BAA0B;CACnE,CAAC;AAIF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,MAAc,EAAE,EAAE;IAC1D,MAAM,GAAG,GAA2B,EAAE,CAAC;IAEvC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAwC,EAAE,CAAC;QAC3E,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1B,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,CAAE,CAAC;QAChD,CAAC;IACL,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC,CAAC","sourcesContent":["const YfmHtmlBlockStyles = {\n    colorTextPrimary: '--yfm-html-color-text-primary', // Color of the primary text\n    colorTextSecondary: '--yfm-html-color-text-secondary', // Color of the secondary text\n\n    colorBackground: '--yfm-html-color-background', // Color of the background\n    colorBackgroundSecondary: '--yfm-html-color-background-secondary', // Color of the secondary background\n\n    colorLink: '--yfm-html-color-link', // Color of the link\n    colorLinkHover: '--yfm-html-color-link-hover', // Color of the link when hovered\n    colorLinkVisited: '--yfm-html-color-link-visited', // Color of the visited link\n\n    font: '--yfm-html-font', // Font for the text\n    fontSize: '--yfm-html-font-size', // Size of the text\n    fontFamily: '--yfm-html-font-family', // Family of the text\n    lineHeight: '--yfm-html-line-height', // Line height of the text\n};\n\ntype Styles = Partial<Record<keyof typeof YfmHtmlBlockStyles, string>>;\n\nexport const getYfmHtmlBlockCssVariables = (styles: Styles) => {\n    const obj: Record<string, string> = {};\n\n    for (const key of Object.keys(styles) as (keyof typeof YfmHtmlBlockStyles)[]) {\n        if (YfmHtmlBlockStyles[key]) {\n            obj[YfmHtmlBlockStyles[key]] = styles[key]!;\n        }\n    }\n    return obj;\n};\n"]}

package/build/esm/view/hooks/index.d.ts

@@ -1 +1 @@
-export * from './useYfmShowElemWithId';
+export * from "./useYfmShowElemWithId/index.js";

package/build/esm/view/hooks/index.js

@@ -1 +1,2 @@
-export * from './useYfmShowElemWithId';
+export * from "./useYfmShowElemWithId/index.js";
+//# sourceMappingURL=index.js.map

package/build/esm/view/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/hooks/index.ts"],"names":[],"mappings":"AAAA,gDAAuC","sourcesContent":["export * from './useYfmShowElemWithId';\n"]}

package/build/esm/view/hooks/useYfmShowElemWithId/index.d.ts

@@ -1 +1 @@
-export * from './useYfmShowElemWithId';
+export * from "./useYfmShowElemWithId.js";

package/build/esm/view/hooks/useYfmShowElemWithId/index.js

@@ -1 +1,2 @@
-export * from './useYfmShowElemWithId';
+export * from "./useYfmShowElemWithId.js";
+//# sourceMappingURL=index.js.map

package/build/esm/view/hooks/useYfmShowElemWithId/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["view/hooks/useYfmShowElemWithId/index.ts"],"names":[],"mappings":"AAAA,0CAAuC","sourcesContent":["export * from './useYfmShowElemWithId';\n"]}

package/build/esm/view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.js

@@ -42,10 +42,10 @@ function switchYfmTabs(tabPanelElem) {
         tabPanelElem.classList.contains(YfmTabsCN.Active))
         return false;
     const tabsElem = tabPanelElem.parentElement;
-    if (!(tabsElem === null || tabsElem === void 0 ? void 0 : tabsElem.classList.contains(YfmTabsCN.Tabs)))
+    if (!tabsElem?.classList.contains(YfmTabsCN.Tabs))
         return false;
     const yfmTabList = tabsElem.firstElementChild;
-    if (!(yfmTabList === null || yfmTabList === void 0 ? void 0 : yfmTabList.classList.contains(YfmTabsCN.TabList)))
+    if (!yfmTabList?.classList.contains(YfmTabsCN.TabList))
         return false;
     const tabPanelId = tabPanelElem.id;
     for (const tabElem of Array.from(yfmTabList.children)) {
@@ -67,12 +67,12 @@ function switchYfmTabs(tabPanelElem) {
     return true;
 }
 function openFoldingHeadings(elem, id) {
-    var _a;
     if (elem.classList.contains(FoldingHeadingsCN.Section) &&
         !elem.classList.contains(FoldingHeadingsCN.Open) &&
-        id !== ((_a = elem.firstElementChild) === null || _a === void 0 ? void 0 : _a.id)) {
+        id !== elem.firstElementChild?.id) {
         elem.classList.add(FoldingHeadingsCN.Open);
         return true;
     }
     return false;
 }
+//# sourceMappingURL=useYfmShowElemWithId.js.map

package/build/esm/view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useYfmShowElemWithId.js","sourceRoot":"../../../../../src","sources":["view/hooks/useYfmShowElemWithId/useYfmShowElemWithId.ts"],"names":[],"mappings":"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","sourcesContent":["import {type RefObject, useEffect} from 'react';\n\nconst YfmCutCN = {\n    Open: 'open',\n    Cut: 'yfm-cut',\n} as const;\n\nconst YfmTabsCN = {\n    Active: 'active',\n    Tabs: 'yfm-tabs',\n    TabList: 'yfm-tab-list',\n    Tab: 'yfm-tab',\n    TabPanel: 'yfm-tab-panel',\n} as const;\n\nconst FoldingHeadingsCN = {\n    Open: 'open',\n    Section: 'heading-section',\n} as const;\n\nexport function useYfmShowElemWithId(ref: RefObject<HTMLElement>, id: string) {\n    useEffect(() => {\n        const {current: containerDom} = ref;\n        if (!id || !containerDom) return;\n\n        let elem = document.getElementById(id);\n        if (!elem || !containerDom.contains(elem)) return;\n\n        while (elem && elem !== containerDom) {\n            // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n            openYfmCut(elem) || openFoldingHeadings(elem, id) || switchYfmTabs(elem);\n            elem = elem.parentElement;\n        }\n    }, [id]);\n}\n\nfunction openYfmCut({classList}: Element): boolean {\n    if (classList.contains(YfmCutCN.Cut) && !classList.contains(YfmCutCN.Open)) {\n        classList.add(YfmCutCN.Open);\n        return true;\n    }\n    return false;\n}\n\nfunction switchYfmTabs(tabPanelElem: Element): boolean {\n    if (\n        !tabPanelElem.id ||\n        !tabPanelElem.classList.contains(YfmTabsCN.TabPanel) ||\n        tabPanelElem.classList.contains(YfmTabsCN.Active)\n    )\n        return false;\n    const tabsElem = tabPanelElem.parentElement;\n    if (!tabsElem?.classList.contains(YfmTabsCN.Tabs)) return false;\n    const yfmTabList = tabsElem.firstElementChild;\n    if (!yfmTabList?.classList.contains(YfmTabsCN.TabList)) return false;\n\n    const tabPanelId = tabPanelElem.id;\n    for (const tabElem of Array.from(yfmTabList.children)) {\n        if (!tabElem.classList.contains(YfmTabsCN.Tab)) continue;\n\n        const isDesiredElem = tabElem.hasAttribute('aria-controls')\n            ? tabElem.getAttribute('aria-controls') === tabPanelId\n            : tabElem.textContent === tabPanelElem.getAttribute('data-title');\n        tabElem.setAttribute('data-diplodoc-is-active', String(isDesiredElem));\n        tabElem.setAttribute('aria-selected', String(isDesiredElem));\n        tabElem.classList.toggle(YfmTabsCN.Active, isDesiredElem);\n    }\n    for (const panelElem of Array.from(tabsElem.children)) {\n        if (!panelElem.classList.contains(YfmTabsCN.TabPanel)) continue;\n\n        const isDesiredElem = panelElem.id === tabPanelId;\n        panelElem.classList.toggle(YfmTabsCN.Active, isDesiredElem);\n    }\n    return true;\n}\n\nfunction openFoldingHeadings(elem: Element, id: string): boolean {\n    if (\n        elem.classList.contains(FoldingHeadingsCN.Section) &&\n        !elem.classList.contains(FoldingHeadingsCN.Open) &&\n        id !== elem.firstElementChild?.id\n    ) {\n        elem.classList.add(FoldingHeadingsCN.Open);\n        return true;\n    }\n    return false;\n}\n"]}

package/build/esm/view/index.d.ts

@@ -1,3 +1,3 @@
-export * from './components';
-export * from './hooks';
-export * from './types';
+export * from "./components/index.js";
+export * from "./hooks/index.js";
+export * from "./types/index.js";

package/build/esm/view/index.js

@@ -1,3 +1,4 @@
-export * from './components';
-export * from './hooks';
-export * from './types';
+export * from "./components/index.js";
+export * from "./hooks/index.js";
+export * from "./types/index.js";
+//# sourceMappingURL=index.js.map

package/build/esm/view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["view/index.ts"],"names":[],"mappings":"AAAA,sCAA6B;AAC7B,iCAAwB;AACxB,iCAAwB","sourcesContent":["export * from './components';\nexport * from './hooks';\nexport * from './types';\n"]}

package/build/esm/view/types/index.d.ts

@@ -1,4 +1,4 @@
-export declare type TransformMeta = {
+export type TransformMeta = {
     script?: string[];
     style?: string[];
 } | undefined;

package/build/esm/view/types/index.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=index.js.map

package/build/esm/view/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["view/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export type TransformMeta = {script?: string[]; style?: string[]} | undefined;\n"]}

package/build/styles.css

@@ -90,17 +90,17 @@
 .g-md-markup-editor ::selection,
 .g-md-markup-preview .CodeMirror-selected,
 .g-md-markup-preview ::selection {
-  background: rgba(0, 30, 98, 0.2);
+  background: rgba(0, 29.9617834395, 98, 0.2);
 }
 .g-md-markup-editor .CodeMirror,
 .g-md-markup-preview .CodeMirror {
   height: 100%;
   min-height: 100%;
   color: var(--g-color-text-primary);
-  font-family: var(--g-font-family-monospace);
+  font-family: var(--g-text-code-font-family);
+  font-weight: var(--g-text-code-font-weight);
   font-size: var(--g-text-code-2-font-size);
   line-height: var(--g-text-code-2-line-height);
-  font-weight: var(--g-text-code-font-weight);
 }
 .g-md-markup-editor .CodeMirror .CodeMirror-cursor,
 .g-md-markup-preview .CodeMirror .CodeMirror-cursor {
@@ -350,8 +350,9 @@
   border-radius: var(--g-border-radius-s);
   background-color: var(--g-color-base-float-heavy);
 }
-.g-md-preview-tooltip .g-popup__content:first-child {
+.g-md-preview-tooltip__content {
   padding: 0 0 0 var(--g-spacing-2);
+  background-color: var(--g-color-base-float);
 }
 .g-md-toolbar {
   display: flex;
@@ -422,6 +423,8 @@
   width: 300px;
 }
 .g-md-settings-content__mode-help {
+  position: relative;
+  top: 8px;
   float: right;
 }
 .g-md-settings-content__separator {
@@ -441,10 +444,10 @@
   left: 50%;
   opacity: 0.03;
   transform: translateX(-50%);
-  font-family: var(--g-font-family-monospace);
+  font-family: var(--g-text-code-font-family);
+  font-weight: var(--g-text-code-font-weight);
   font-size: var(--g-text-code-inline-1-font-size);
   line-height: var(--g-text-code-inline-1-line-height);
-  font-weight: var(--g-text-code-font-weight);
 }
 .g-md-editor-sticky {
   display: grid;
@@ -486,9 +489,10 @@
 }
 .g-md-toolbar-button-with-popup-menu__menu-group .g-menu__group-label {
   color: var(--g-color-text-hint);
+  font-family: var(--g-text-body-font-family);
+  font-weight: var(--g-text-body-font-weight);
   font-size: var(--g-text-body-1-font-size);
   line-height: var(--g-text-body-1-line-height);
-  font-weight: var(--g-text-body-font-weight);
 }
 .g-md-toolbar-select__item {
   display: flex;
@@ -1287,9 +1291,10 @@ body :has(.g-md-resizable_resizing) {
   border-radius: 4px;
   background-color: var(--g-color-base-misc-medium-hover);
   transform: translate(0, 50%);
+  font-family: var(--g-text-body-font-family);
+  font-weight: var(--g-text-body-font-weight);
   font-size: var(--g-text-body-1-font-size);
   line-height: var(--g-text-body-1-line-height);
-  font-weight: var(--g-text-body-font-weight);
 }
 .g-md-gpt-dialog-error-screen__content {
   display: flex;
@@ -1546,9 +1551,10 @@ body :has(.g-md-resizable_resizing) {
   justify-content: center;
   width: 20px;
   margin-right: 8px;
+  font-family: var(--g-text-body-font-family);
+  font-weight: var(--g-text-body-font-weight);
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
-  font-weight: var(--g-text-body-font-weight);
 }
 .g-md-emoji-suggest__item-name {
   margin-right: 12px;
@@ -1564,10 +1570,10 @@ body :has(.g-md-resizable_resizing) {
   white-space: nowrap;
   border-radius: var(--g-border-radius-xs);
   background-color: var(--g-color-base-generic);
-  font-family: var(--g-font-family-monospace);
+  font-family: var(--g-text-code-font-family);
+  font-weight: var(--g-text-code-font-weight);
   font-size: var(--g-text-code-inline-1-font-size);
   line-height: var(--g-text-code-inline-1-line-height);
-  font-weight: var(--g-text-code-font-weight);
 }
 .g-md-image-skeleton {
   vertical-align: middle;
@@ -1585,9 +1591,10 @@ body :has(.g-md-resizable_resizing) {
   padding: 12px 20px;
   border-radius: 4px;
   background-color: var(--g-color-base-simple-hover-solid);
+  font-family: var(--g-text-body-font-family);
+  font-weight: var(--g-text-body-font-weight);
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);
-  font-weight: var(--g-text-body-font-weight);
 }
 .yfm-cut-title .g-md-yfm-cut-title-inner {
   cursor: text;