@gravity-ui/markdown-editor 13.25.0 → 14.0.0

package/build/cjs/extensions/additional/GPT/GptDialog/GptDialog.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+/// <reference types="react" />
 import { AlertProps } from '@gravity-ui/uikit';
 import type { CommonAnswer, GptRequestData, PromptPreset } from '../ErrorScreen/types';
 export declare type GptDialogProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
@@ -25,4 +25,4 @@ export declare type GptDialogProps<AnswerData extends CommonAnswer = CommonAnswe
     };
 };
 export declare const cnGptDialog: import("@bem-react/classname").ClassNameFormatter;
-export declare const GptDialog: FC<GptDialogProps>;
+export declare const GptDialog: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>({ markup, answerRender, promptPresets, disablePromptPresets, customPromptPlaceholder, disabledPromptPlaceholder, onCustomPromptApply, onPromptPresetClick, onTryAgain, onApplyResult, onClose, onLike, onDislike, onUpdate, gptAlertProps, }: GptDialogProps<AnswerData, PromptData>) => JSX.Element;

package/build/cjs/extensions/additional/GPT/MarkupGpt/index.d.ts

@@ -1,4 +1,5 @@
 import { GptWidgetOptions } from '../../..';
+import { CommonAnswer } from '../ErrorScreen/types';
 export { mGptToolbarItem } from './toolbar';
 export { showMarkupGpt, hideMarkupGpt } from './commands';
-export declare function mGptExtension(props: GptWidgetOptions): import("@codemirror/state").Extension[];
+export declare function mGptExtension<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(props: GptWidgetOptions<AnswerData, PromptData>): import("@codemirror/state").Extension[];

package/build/cjs/extensions/additional/GPT/MarkupGpt/plugin.d.ts

@@ -1,6 +1,7 @@
 import { GptWidgetOptions } from '../../..';
 import { type DecorationSet, type EditorView, ViewPlugin, type ViewUpdate } from '../../../../cm/view';
-export declare function mGptPlugin(gptProps: GptWidgetOptions): ViewPlugin<{
+import { CommonAnswer } from '../ErrorScreen/types';
+export declare function mGptPlugin<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(gptProps: GptWidgetOptions<AnswerData, PromptData>): ViewPlugin<{
     readonly _view: EditorView;
     readonly _renderItem: import("../../..").RendererItem;
     _anchor: Element | null;

package/build/cjs/extensions/additional/GPT/MarkupGpt/popup.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import { PopupProps } from '@gravity-ui/uikit';
+import { CommonAnswer } from '../ErrorScreen/types';
 import { GptDialogProps } from '../GptDialog/GptDialog';
-declare type Props = {
+declare type Props<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
     onClose: () => void;
     markup: string;
     onConfirmOk?: () => void;
     onConfirmCancel?: () => void;
-} & GptDialogProps & Pick<PopupProps, 'anchorRef' | 'container'>;
-export declare function renderPopup(anchor: HTMLElement, props: Props): JSX.Element;
+} & GptDialogProps<AnswerData, PromptData> & Pick<PopupProps, 'anchorRef' | 'container'>;
+export declare function renderPopup<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(anchor: HTMLElement, props: Props<AnswerData, PromptData>): JSX.Element;
 export {};

package/build/cjs/extensions/additional/GPT/PresetList/PresetList.d.ts

@@ -1,9 +1,9 @@
-import type { FC } from 'react';
+import { CommonAnswer } from '../ErrorScreen/types';
 import type { GptDialogProps } from '../GptDialog/GptDialog';
-export declare type PresetListProps<PromptData extends unknown = unknown> = {
-    disablePromptPresets: GptDialogProps['disablePromptPresets'];
-    promptPresets: GptDialogProps['promptPresets'];
-    onPresetClick: (data: PromptData) => void;
+export declare type PresetListProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = {
+    disablePromptPresets: GptDialogProps<AnswerData, PromptData>['disablePromptPresets'];
+    promptPresets: GptDialogProps<AnswerData, PromptData>['promptPresets'];
+    onPresetClick: (data?: PromptData) => void;
 };
 export declare const cnGptDialogPresetList: import("@bem-react/classname").ClassNameFormatter;
-export declare const PresetList: FC<PresetListProps>;
+export declare const PresetList: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>({ disablePromptPresets, promptPresets, onPresetClick, }: PresetListProps<AnswerData, PromptData>) => JSX.Element;

package/build/cjs/extensions/additional/GPT/PresetList/PresetList.js

@@ -10,7 +10,7 @@ const constants_1 = require("../constants");
 const useGptHotKeys_1 = require("../hooks/useGptHotKeys");
 const usePresetList_1 = require("../hooks/usePresetList");
 exports.cnGptDialogPresetList = (0, classname_1.cn)('gpt-dialog-preset-list');
-const PresetItem = ({ preset, onPresetClick, disablePromptPresets, hotKey }) => {
+const PresetItem = ({ preset, onPresetClick, disablePromptPresets, hotKey, }) => {
     (0, useGptHotKeys_1.useGptHotKeys)(hotKey, () => {
         onPresetClick(preset.data);
     }, { enableOnFormTags: true, enableOnContentEditable: true });

package/build/cjs/extensions/additional/GPT/gptExtension/gptExtension.d.ts

@@ -1,9 +1,9 @@
-import { Action, ExtensionWithOptions } from 'src/core';
+import { Action, ExtensionBuilder } from '../../../../core';
 import type { CommonAnswer } from '../ErrorScreen/types';
 import type { GptWidgetDecoViewParams } from './view';
 export declare const gptActionName = "addGptWidget";
 export declare type GptWidgetOptions<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptWidgetDecoViewParams<AnswerData, PromptData>, 'gptPopupContainer' | 'answerRender' | 'onApplyResult' | 'promptPresets' | 'customPromptPlaceholder' | 'disabledPromptPlaceholder' | 'onCustomPromptApply' | 'onPromptPresetClick' | 'onTryAgain' | 'onLike' | 'onDislike' | 'onClose' | 'onUpdate' | 'gptAlertProps'>;
-export declare const gptExtension: ExtensionWithOptions<GptWidgetOptions>;
+export declare const gptExtension: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(builder: ExtensionBuilder, options: GptWidgetOptions<AnswerData, PromptData>) => void;
 declare global {
     namespace WysiwygEditor {
         interface Actions {

package/build/cjs/extensions/additional/GPT/gptExtension/view.d.ts

@@ -12,7 +12,7 @@ export declare type GptWidgetDecoViewParams<AnswerData extends CommonAnswer = Co
     onApplyResult?: GptDialogProps['onApplyResult'];
     gptPopupContainer?: PopupProps['container'];
 };
-export declare class GptWidgetDecoView implements Required<PluginView> {
+export declare class GptWidgetDecoView<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> implements Required<PluginView> {
     private readonly _view;
     private readonly _renderer;
     private _decoElem;
@@ -20,7 +20,7 @@ export declare class GptWidgetDecoView implements Required<PluginView> {
     private _serializer;
     private _parser;
     private _confirmOpen;
-    constructor(view: EditorView, params: GptWidgetDecoViewParams);
+    constructor(view: EditorView, params: GptWidgetDecoViewParams<AnswerData, PromptData>);
     update(view: EditorView, prevState: EditorState): void;
     destroy(): void;
     private _resetState;

package/build/cjs/extensions/additional/GPT/hooks/useGpt.d.ts

@@ -15,7 +15,7 @@ export declare const useGpt: <AnswerData extends CommonAnswer = CommonAnswer, Pr
     handleCustomPromptUpdate: import("react").Dispatch<import("react").SetStateAction<string>>;
     handleCustomPromptKeyPress: import("react").KeyboardEventHandler<HTMLInputElement>;
     handleCustomPromptApply: () => Promise<void>;
-    handlePresetClick: (data: PromptData) => void;
+    handlePresetClick: (data?: PromptData | undefined) => void;
     handleTryAgain: () => Promise<void>;
     handleFreshStart: () => void;
     handleApplyResult: () => void;

package/build/cjs/extensions/additional/GPT/hooks/usePresetList.d.ts

@@ -1,14 +1,15 @@
 import type { DropdownMenuItem } from '@gravity-ui/uikit';
+import { CommonAnswer } from '../ErrorScreen/types';
 import type { GptDialogProps } from '../GptDialog/GptDialog';
 import type { PresetListProps } from '../PresetList/PresetList';
-declare type UsePresetListProps = Pick<GptDialogProps, 'promptPresets'> & {
-    onPresetClick: PresetListProps['onPresetClick'];
+declare type UsePresetListProps<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown> = Pick<GptDialogProps<AnswerData, PromptData>, 'promptPresets'> & {
+    onPresetClick: PresetListProps<AnswerData, PromptData>['onPresetClick'];
 };
-export declare const usePresetList: ({ promptPresets, onPresetClick }: UsePresetListProps) => {
+export declare const usePresetList: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>({ promptPresets, onPresetClick, }: UsePresetListProps<AnswerData, PromptData>) => {
     measured: boolean;
     showMoreButton: boolean;
     presetsContainerRef: import("react").RefObject<HTMLDivElement>;
-    visiblePresets: import("../ErrorScreen/types").PromptPreset<unknown>[];
+    visiblePresets: import("../ErrorScreen/types").PromptPreset<PromptData>[];
     hiddenPresets: DropdownMenuItem<unknown>[];
 };
 export {};

package/build/cjs/extensions/additional/GPT/hooks/usePresetList.js

@@ -4,7 +4,7 @@ exports.usePresetList = void 0;
 const react_1 = require("react");
 const PresetList_1 = require("../PresetList/PresetList");
 const useOverflowingHorizontalItems_1 = require("./useOverflowingHorizontalItems");
-const usePresetList = ({ promptPresets, onPresetClick }) => {
+const usePresetList = ({ promptPresets, onPresetClick, }) => {
     const presetsContainerRef = (0, react_1.useRef)(null);
     const { visibleItems, hiddenItems, measured } = (0, useOverflowingHorizontalItems_1.useOverflowingHorizontalItems)({
         containerRef: presetsContainerRef,

package/build/cjs/extensions/additional/GPT/plugin.d.ts

@@ -1,5 +1,6 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
+import { CommonAnswer } from './ErrorScreen/types';
 import type { GptWidgetDecoViewParams } from './gptExtension/view';
 export declare type GptWidgetMeta = {
     action: 'show';
@@ -10,4 +11,4 @@ export declare type GptWidgetMeta = {
 };
 declare const key: PluginKey<DecorationSet>;
 export { key as pluginKey };
-export declare const gptWidgetPlugin: (params: GptWidgetDecoViewParams) => Plugin;
+export declare const gptWidgetPlugin: <AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(params: GptWidgetDecoViewParams<AnswerData, PromptData>) => Plugin;

package/build/cjs/extensions/additional/GPT/utils.d.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import { CommonAnswer } from './ErrorScreen/types';
 import { GptDialogProps } from './GptDialog/GptDialog';
 import { GptWidgetOptions } from './gptExtension/gptExtension';
 declare type CombinedKeyboardEvent = KeyboardEvent | React.KeyboardEvent;
@@ -11,5 +12,5 @@ export declare function getDisableReplaceButtonText(disablePromptPresets?: boole
 export declare function getInputPlaceHolder(disablePromptPresets?: boolean, disabledPromptPlaceholder?: string, customPromptPlaceholder?: string): string | undefined;
 export declare const isEnter: (event: CombinedKeyboardEvent) => boolean;
 export declare function focusWithoutScroll(element?: HTMLElement | null): void;
-export declare function isEmptyGptPrompts(gptWidgetOptions: GptWidgetOptions, disablePromptPresets: boolean): boolean;
+export declare function isEmptyGptPrompts<AnswerData extends CommonAnswer = CommonAnswer, PromptData extends unknown = unknown>(gptWidgetOptions: GptWidgetOptions<AnswerData, PromptData>, disablePromptPresets: boolean): boolean;
 export {};

package/build/cjs/extensions/{yfm → additional}/Math/view-and-edit.d.ts

@@ -1,7 +1,7 @@
 import type { Node } from 'prosemirror-model';
 import { Plugin } from 'prosemirror-state';
 import { Decoration, NodeView } from 'prosemirror-view';
-import type { ReactRenderer, RendererItem } from '../../../extensions/behavior/ReactRenderer';
+import type { ReactRenderer, RendererItem } from '../../behavior/ReactRenderer';
 import type { KatexOptions, RunOptions } from './types';
 export declare type MathNodeViewOptions = Pick<RunOptions, 'sanitize'> & {
     katexOptions?: KatexOptions;

package/build/cjs/extensions/yfm/YfmConfigs/index.d.ts

@@ -1,6 +1,8 @@
-import '@diplodoc/transform/dist/js/yfm';
+import '@diplodoc/transform/dist/js/base';
+import '@diplodoc/transform/dist/js/_yfm-only';
 import type { ExtensionAuto } from '../../../core';
 import { YfmConfigsSpecsOptions } from './YfmConfigsSpecs';
-import '@diplodoc/transform/dist/css/yfm.css';
+import '@diplodoc/transform/dist/css/base.css';
+import '@diplodoc/transform/dist/css/_yfm-only.css';
 export declare type YfmConfigsOptions = YfmConfigsSpecsOptions & {};
 export declare const YfmConfigs: ExtensionAuto<YfmConfigsOptions>;

package/build/cjs/extensions/yfm/YfmConfigs/index.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmConfigs = void 0;
-require("@diplodoc/transform/dist/js/yfm");
+require("@diplodoc/transform/dist/js/base");
+require("@diplodoc/transform/dist/js/_yfm-only"); // eslint-disable-line import/order
 const prosemirror_state_1 = require("prosemirror-state");
 const YfmConfigsSpecs_1 = require("./YfmConfigsSpecs");
-require("@diplodoc/transform/dist/css/yfm.css");
+require("@diplodoc/transform/dist/css/base.css");
+require("@diplodoc/transform/dist/css/_yfm-only.css"); // eslint-disable-line import/order
 const YfmConfigs = (builder, opts) => {
     // apply md-it-attrs plugin and ignore yfm lint token
     builder.use(YfmConfigsSpecs_1.YfmConfigsSpecs, opts);

package/build/cjs/extensions/yfm/YfmCut/YfmCutSpecs/index.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmCutSpecs = exports.cutContentType = exports.cutTitleType = exports.cutType = exports.CutNode = void 0;
-const tslib_1 = require("tslib");
-const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
-const cut_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins/cut"));
+const cut_extension_1 = require("@diplodoc/cut-extension");
 const const_1 = require("./const");
 const parser_1 = require("./parser");
 const schema_1 = require("./schema");
@@ -16,7 +14,7 @@ Object.defineProperty(exports, "cutContentType", { enumerable: true, get: functi
 const YfmCutSpecs = (builder, opts) => {
     const schemaSpecs = (0, schema_1.getSchemaSpecs)(opts, builder.context.get('placeholder'));
     builder
-        .configureMd((md) => md.use(cut_1.default, { log: log_1.default }))
+        .configureMd((md) => md.use((0, cut_extension_1.transform)({ bundle: false })))
         .addNode(const_1.CutNode.Cut, () => ({
         spec: schemaSpecs[const_1.CutNode.Cut],
         toMd: serializer_1.serializerTokens[const_1.CutNode.Cut],

package/build/cjs/extensions/yfm/YfmCut/YfmCutSpecs/schema.js

@@ -10,12 +10,12 @@ const getSchemaSpecs = (opts, placeholder) => {
     var _a, _b, _c, _d;
     return ({
         [const_1.CutNode.Cut]: {
-            attrs: { class: { default: 'yfm-cut' }, open: { default: null } },
+            attrs: { class: { default: 'yfm-cut' } },
             content: `${const_1.CutNode.CutTitle} ${const_1.CutNode.CutContent}`,
             group: 'block yfm-cut',
             parseDOM: [{ tag: '.yfm-cut' }],
             toDOM(node) {
-                return ['details', node.attrs, 0];
+                return ['div', node.attrs, 0];
             },
             selectable: true,
             allowSelection: true,
@@ -28,7 +28,7 @@ const getSchemaSpecs = (opts, placeholder) => {
             group: 'block yfm-cut',
             parseDOM: [{ tag: '.yfm-cut-title' }],
             toDOM(node) {
-                return ['summary', node.attrs, 0];
+                return ['div', node.attrs, 0];
             },
             placeholder: {
                 content: (_b = (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder[const_1.CutNode.CutTitle]) !== null && _a !== void 0 ? _a : opts === null || opts === void 0 ? void 0 : opts.yfmCutTitlePlaceholder) !== null && _b !== void 0 ? _b : DEFAULT_PLACEHOLDERS.Title,

package/build/cjs/extensions/yfm/YfmCut/actions/toYfmCut.js

@@ -5,7 +5,7 @@ const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const const_1 = require("../const");
 const createYfmCutNode = (schema) => (content) => {
-    return (0, const_1.cutType)(schema).create({ class: 'yfm-cut open', open: true }, [
+    return (0, const_1.cutType)(schema).create({ class: 'yfm-cut open' }, [
         (0, const_1.cutTitleType)(schema).create(null),
         (0, const_1.cutContentType)(schema).create(null, content),
     ]);

package/build/cjs/extensions/yfm/YfmCut/index.css

@@ -1,8 +1,6 @@
 .ProseMirror.yfm .yfm-cut {
   border: 1px dashed transparent;
   border-radius: var(--g-border-radius-s);
-  /* TODO: Remove this after updating @diplodoc/transform to version 4.19.0 or higher */
-  /* This ensures backward compatibility with earlier versions of cut-extension */
 }
 .ProseMirror.yfm .yfm-cut:hover {
   border-color: var(--g-color-line-generic);
@@ -12,11 +10,4 @@
 }
 .ProseMirror.yfm .yfm-cut .yfm-cut-title:focus {
   outline: 0;
-}
-.ProseMirror.yfm .yfm-cut .yfm-cut-title {
-  list-style: none;
-}
-.ProseMirror.yfm .yfm-cut .yfm-cut-title::-webkit-details-marker,
-.ProseMirror.yfm .yfm-cut .yfm-cut-title::marker {
-  display: none;
 }

package/build/cjs/extensions/yfm/YfmCut/index.d.ts

@@ -1,5 +1,7 @@
+import '@diplodoc/cut-extension/runtime';
 import type { Action, ExtensionAuto } from '../../../core';
 import { YfmCutSpecsOptions } from './YfmCutSpecs';
+import '@diplodoc/cut-extension/runtime/styles.css';
 declare const cutAction = "toYfmCut";
 export { CutNode, cutType, cutTitleType, cutContentType } from './YfmCutSpecs';
 export declare type YfmCutOptions = Pick<YfmCutSpecsOptions, 'yfmCutTitlePlaceholder' | 'yfmCutContentPlaceholder'> & {

package/build/cjs/extensions/yfm/YfmCut/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmCut = exports.cutContentType = exports.cutTitleType = exports.cutType = exports.CutNode = void 0;
+require("@diplodoc/cut-extension/runtime");
 const prosemirror_commands_1 = require("prosemirror-commands");
 const inputrules_1 = require("../../../utils/inputrules");
 const keymap_1 = require("../../../utils/keymap");
@@ -11,6 +12,8 @@ const const_1 = require("./const");
 const yfm_cut_title_1 = require("./nodeviews/yfm-cut-title");
 const active_1 = require("./plugins/active");
 const auto_open_1 = require("./plugins/auto-open");
+require("@diplodoc/cut-extension/runtime/styles.css");
+// eslint-disable-line import/order
 const cutAction = 'toYfmCut';
 var YfmCutSpecs_2 = require("./YfmCutSpecs");
 Object.defineProperty(exports, "CutNode", { enumerable: true, get: function () { return YfmCutSpecs_2.CutNode; } });

package/build/cjs/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.css

@@ -1,3 +1,13 @@
 .yfm-cut-title .g-md-yfm-cut-title-inner {
   cursor: text;
+}
+
+.yfm-cut-content {
+  display: none;
+  overflow: hidden;
+  transition: height 0.3s ease-in-out;
+}
+
+.open > .yfm-cut-content {
+  display: revert;
 }

package/build/cjs/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.js

@@ -4,7 +4,7 @@ exports.YfmCutTitleNodeView = void 0;
 class YfmCutTitleNodeView {
     constructor(node) {
         this.node = node;
-        this.dom = document.createElement('summary');
+        this.dom = document.createElement('div');
         this.dom.classList.add('yfm-cut-title');
         this.dom.replaceChildren((this.contentDOM = document.createElement('div')));
         this.contentDOM.classList.add('g-md-yfm-cut-title-inner');

package/build/cjs/extensions/yfm/YfmCut/plugins/auto-open.js

@@ -42,7 +42,6 @@ function openParentYfmCuts($pos, domAtPos) {
             if ($pos.node(depth - 1).type === (0, const_1.cutType)(schema)) {
                 const { node: cutDomNode } = domAtPos($pos.start(depth - 1), 0);
                 cutDomNode.classList.add('open');
-                cutDomNode.setAttribute('open', 'true');
                 depth--;
             }
         }
@@ -90,10 +89,9 @@ class CutAutoOpenOnDragOver {
         this._timeout = setTimeout(this._openCut.bind(this), CutAutoOpenOnDragOver.OPEN_TIMEOUT);
     }
     _openCut() {
-        var _a, _b;
+        var _a;
         if (this._editorView.dragging) {
             (_a = this._cutElem) === null || _a === void 0 ? void 0 : _a.classList.add('open');
-            (_b = this._cutElem) === null || _b === void 0 ? void 0 : _b.setAttribute('open', 'true');
         }
         this._clear();
     }

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

@@ -8,7 +8,7 @@
   font-weight: 700;
 }
 .yfm .yfm-note > p {
-  margin: 0 0 10px 0;
+  margin: 0 0 10px;
 }
 .yfm .yfm-note > p:first-child::before {
   box-sizing: content-box;
@@ -29,23 +29,23 @@
 .yfm .yfm-note.yfm-accent-tip > p:first-child::before {
   content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(86,189,103)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
 }
-.yfm .yfm-note.yfm-accent-alert > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
 .yfm .yfm-note.yfm-accent-warning > p:first-child::before {
   content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(241,149,24)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
 }
+.yfm .yfm-note.yfm-accent-alert > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
 .yfm .yfm-note.yfm-accent-info {
-  background: rgba(2, 123, 243, 0.08);
+  background: var(--yfm-color-note-info-background);
 }
 .yfm .yfm-note.yfm-accent-tip {
-  background: rgba(63, 201, 46, 0.1);
+  background: var(--yfm-color-note-tip-background);
 }
 .yfm .yfm-note.yfm-accent-alert {
-  background: rgba(235, 50, 38, 0.08);
+  background: var(--yfm-color-note-important-background);
 }
 .yfm .yfm-note.yfm-accent-warning {
-  background: rgba(255, 136, 0, 0.15);
+  background: var(--yfm-color-note-warning-background);
 }
 
 .g-md-yfm-note-toolbar {
@@ -53,14 +53,14 @@
 }
 
 .g-md-toolbar-group__s-button_id_note-type-tip {
-  color: #56bd67;
+  color: var(--yfm-color-note-tip);
 }
 .g-md-toolbar-group__s-button_id_note-type-info {
-  color: #027bf3;
+  color: var(--yfm-color-note-info);
 }
 .g-md-toolbar-group__s-button_id_note-type-alert {
-  color: #ff4645;
+  color: var(--yfm-color-note-important);
 }
 .g-md-toolbar-group__s-button_id_note-type-warning {
-  color: #f19518;
+  color: var(--yfm-color-note-warning);
 }

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

@@ -28,7 +28,10 @@ const yfmNoteTooltipPlugin = ({ actions, schema }) => new prosemirror_state_1.Pl
             idPrefix: 'yfm-note-tooltip',
             nodeType: (0, index_1.noteType)(view.state.schema),
             popupPlacement: ['bottom', 'top'],
-            content: (view, { node, pos }) => (react_1.default.createElement(toolbar_1.Toolbar, { editor: actions, focus: () => view.focus(), className: "g-md-yfm-note-toolbar", data: [
+            content: (view, { node, pos }) => (react_1.default.createElement(toolbar_1.Toolbar, { editor: actions, focus: () => view.focus(), 
+                // the yfm class allows to access css variables
+                // https://github.com/diplodoc-platform/transform/blob/master/src/scss/_common.scss#L17
+                className: "yfm g-md-yfm-note-toolbar", data: [
                     [
                         YfmNoteType.info,
                         YfmNoteType.tip,

package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/const.d.ts

@@ -10,7 +10,8 @@ export declare enum TabsNode {
 }
 export declare enum TabsAttrs {
     class = "class",
-    dataDiplodocGroup = "data-diplodoc-group"
+    dataDiplodocGroup = "data-diplodoc-group",
+    dataDiplodocVariant = "data-diplodoc-variant"
 }
 export declare enum TabsListAttrs {
     class = "class",

package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/const.js

@@ -17,6 +17,7 @@ var TabsAttrs;
 (function (TabsAttrs) {
     TabsAttrs["class"] = "class";
     TabsAttrs["dataDiplodocGroup"] = "data-diplodoc-group";
+    TabsAttrs["dataDiplodocVariant"] = "data-diplodoc-variant";
 })(TabsAttrs = exports.TabsAttrs || (exports.TabsAttrs = {}));
 var TabsListAttrs;
 (function (TabsListAttrs) {

package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/index.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmTabsSpecs = exports.tabsListType = exports.tabsType = exports.tabType = exports.tabPanelType = exports.TabsNode = void 0;
-const tslib_1 = require("tslib");
-const log_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/log"));
-const tabs_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/plugins/tabs"));
+const tabs_extension_1 = require("@diplodoc/tabs-extension");
 const schema_1 = require("../../../../utils/schema");
 const const_1 = require("./const");
 const md_plugin_1 = require("./md-plugin");
@@ -19,7 +17,19 @@ exports.tabsListType = (0, schema_1.nodeTypeFactory)(const_1.TabsNode.TabsList);
 const YfmTabsSpecs = (builder, opts) => {
     const schemaSpecs = (0, schema_2.getSchemaSpecs)(opts);
     builder
-        .configureMd((md) => md.use(tabs_1.default, { log: log_1.default }).use(md_plugin_1.tabsPostPlugin))
+        .configureMd((md) => md
+        .use((0, tabs_extension_1.transform)({
+        bundle: false,
+        features: {
+            enabledVariants: {
+                regular: true,
+                radio: true,
+                dropdown: false,
+                accordion: false,
+            },
+        },
+    }))
+        .use(md_plugin_1.tabsPostPlugin))
         .addNode(const_1.TabsNode.Tab, () => ({
         spec: schemaSpecs[const_1.TabsNode.Tab],
         toMd: serializer_1.serializerTokens[const_1.TabsNode.Tab],

package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/md-plugin.js

@@ -7,7 +7,6 @@ const tabsPostPlugin = (md) => {
     md.core.ruler.push('me_tabs_after', (state) => {
         var _a;
         const stack = [];
-        const tabCloseIndexes = [];
         for (const token of state.tokens) {
             switch (token.type) {
                 case 'tabs_open': {
@@ -26,11 +25,6 @@ const tabsPostPlugin = (md) => {
                 case 'tab_open': {
                     const item = stack.at(-1);
                     if (item === null || item === void 0 ? void 0 : item.vertical) {
-                        // --> TODO: remove after updating to tabs-extension v^3.4.0
-                        const isInput = token.tag === 'input';
-                        if (isInput)
-                            token.type = 'tab-input';
-                        // <--
                         token.type = prefix + token.type;
                     }
                     break;
@@ -39,9 +33,6 @@ const tabsPostPlugin = (md) => {
                     const item = stack.at(-1);
                     if (item === null || item === void 0 ? void 0 : item.vertical) {
                         token.type = prefix + token.type;
-                        // --> TODO: remove after updating to tabs-extension v^3.4.0
-                        tabCloseIndexes.push(state.tokens.indexOf(token));
-                        // <--
                     }
                     break;
                 }
@@ -54,26 +45,8 @@ const tabsPostPlugin = (md) => {
                     }
                     break;
                 }
-                // --> TODO: remove after updating to tabs-extension v^3.4.0
-                case 'label_open': {
-                    const tokenIndex = state.tokens.indexOf(token);
-                    const prevToken = tokenIndex > 0 && state.tokens.at(tokenIndex - 1);
-                    if (prevToken && prevToken.type === 'r-tab-input') {
-                        token.type = prefix + 'tab-' + token.type;
-                    }
-                    break;
-                }
-                // <--
             }
         }
-        // --> TODO: remove after updating to tabs-extension v^3.4.0
-        for (const index of tabCloseIndexes.reverse()) {
-            if (index === -1)
-                continue;
-            const labelCloseToken = new state.Token(prefix + 'tab-label_close', 'label', -1);
-            state.tokens.splice(index, 0, labelCloseToken);
-        }
-        // <--
     });
 };
 exports.tabsPostPlugin = tabsPostPlugin;

package/build/cjs/extensions/yfm/YfmTabs/YfmTabsSpecs/schema.js

@@ -59,6 +59,7 @@ const getSchemaSpecs = (opts, placeholder) => {
             attrs: {
                 [const_1.TabsAttrs.class]: { default: 'yfm-tabs' },
                 [const_1.TabsAttrs.dataDiplodocGroup]: { default: 'unknown' },
+                [const_1.TabsAttrs.dataDiplodocVariant]: { default: 'regular' },
             },
             content: `${const_1.TabsNode.TabsList} ${const_1.TabsNode.TabPanel}+`,
             group: 'block',
@@ -87,6 +88,7 @@ const getSchemaSpecs = (opts, placeholder) => {
             attrs: {
                 [const_1.TabsAttrs.class]: { default: 'yfm-tabs yfm-tabs-vertical' },
                 [const_1.TabsAttrs.dataDiplodocGroup]: { default: 'unknown' },
+                [const_1.TabsAttrs.dataDiplodocVariant]: { default: 'radio' },
             },
             content: `(${const_1.TabsNode.RadioTab} ${const_1.TabsNode.TabPanel})+`,
             group: 'block',

package/build/cjs/extensions/yfm/YfmTabs/index.d.ts

@@ -1,4 +1,6 @@
+import '@diplodoc/tabs-extension/runtime';
 import type { Action, ExtensionAuto } from '../../../core';
+import '@diplodoc/tabs-extension/runtime/styles.css';
 export { TabsNode, tabType, tabsType, tabsListType, tabPanelType } from './YfmTabsSpecs';
 declare const actionName = "toYfmTabs";
 export declare const YfmTabs: ExtensionAuto;

package/build/cjs/extensions/yfm/YfmTabs/index.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YfmTabs = exports.tabPanelType = exports.tabsListType = exports.tabsType = exports.tabType = exports.TabsNode = void 0;
+require("@diplodoc/tabs-extension/runtime");
 const prosemirror_commands_1 = require("prosemirror-commands");
 const YfmTabsSpecs_1 = require("./YfmTabsSpecs");
 const actions_1 = require("./actions");
 const plugins_1 = require("./plugins");
 const views_1 = require("./views");
+require("@diplodoc/tabs-extension/runtime/styles.css");
 var YfmTabsSpecs_2 = require("./YfmTabsSpecs");
 Object.defineProperty(exports, "TabsNode", { enumerable: true, get: function () { return YfmTabsSpecs_2.TabsNode; } });
 Object.defineProperty(exports, "tabType", { enumerable: true, get: function () { return YfmTabsSpecs_2.tabType; } });

package/build/cjs/markup/codemirror/index.d.ts

@@ -2,3 +2,4 @@ export type { CreateCodemirrorParams } from './create';
 export { createCodemirror } from './create';
 export { ReactRendererFacet } from './react-facet';
 export { getImageDimensions, IMG_MAX_HEIGHT } from './files-upload-plugin';
+export type { YfmLangOptions } from './yfm';

package/build/cjs/markup/codemirror/search-plugin/plugin.d.ts

@@ -1,5 +1,6 @@
 import { EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view';
-import { EditorMode, EventMap } from '../../../bundle/Editor';
+import type { MarkdownEditorMode } from '../../../bundle';
+import type { EventMap } from '../../../bundle/Editor';
 import type { RendererItem } from '../../../extensions';
 import { Receiver } from '../../../utils';
 interface SearchQueryParams {
@@ -28,7 +29,7 @@ export declare const SearchPanelPlugin: (params: SearchPanelPluginParams) => Vie
     destroy(): void;
     setViewSearch(config: Partial<SearchQueryParams>): void;
     handleEditorModeChange({ mode }: {
-        mode: EditorMode;
+        mode: MarkdownEditorMode;
     }): void;
     handleChange(search: string): void;
     handleClose(): void;

package/build/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 /** During build process, the current version will be injected here */
-exports.VERSION = typeof '13.25.0' !== 'undefined' ? '13.25.0' : 'unknown';
+exports.VERSION = typeof '14.0.0' !== 'undefined' ? '14.0.0' : 'unknown';