@gravity-ui/markdown-editor 13.25.0 → 14.0.0

package/build/esm/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/esm/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/esm/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/esm/extensions/additional/GPT/PresetList/PresetList.d.ts

@@ -1,10 +1,10 @@
-import type { FC } from 'react';
+import { CommonAnswer } from '../ErrorScreen/types';
 import type { GptDialogProps } from '../GptDialog/GptDialog';
 import './Presetlist.css';
-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/esm/extensions/additional/GPT/PresetList/PresetList.js

@@ -7,7 +7,7 @@ import { useGptHotKeys } from '../hooks/useGptHotKeys';
 import { usePresetList } from '../hooks/usePresetList';
 import './Presetlist.css';
 export const cnGptDialogPresetList = cn('gpt-dialog-preset-list');
-const PresetItem = ({ preset, onPresetClick, disablePromptPresets, hotKey }) => {
+const PresetItem = ({ preset, onPresetClick, disablePromptPresets, hotKey, }) => {
     useGptHotKeys(hotKey, () => {
         onPresetClick(preset.data);
     }, { enableOnFormTags: true, enableOnContentEditable: true });

package/build/esm/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/esm/extensions/additional/GPT/gptExtension/view.d.ts

@@ -13,7 +13,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;
@@ -21,7 +21,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/esm/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/esm/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/esm/extensions/additional/GPT/hooks/usePresetList.js

@@ -1,7 +1,7 @@
 import { useMemo, useRef } from 'react';
 import { cnGptDialogPresetList } from '../PresetList/PresetList';
 import { useOverflowingHorizontalItems } from './useOverflowingHorizontalItems';
-export const usePresetList = ({ promptPresets, onPresetClick }) => {
+export const usePresetList = ({ promptPresets, onPresetClick, }) => {
     const presetsContainerRef = useRef(null);
     const { visibleItems, hiddenItems, measured } = useOverflowingHorizontalItems({
         containerRef: presetsContainerRef,

package/build/esm/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/esm/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/esm/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';
 import './view-and-edit.css';
 export declare type MathNodeViewOptions = Pick<RunOptions, 'sanitize'> & {

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

@@ -1,7 +1,9 @@
-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';
 import './yfm.css';
 export declare type YfmConfigsOptions = YfmConfigsSpecsOptions & {};
 export declare const YfmConfigs: ExtensionAuto<YfmConfigsOptions>;

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

@@ -1,7 +1,9 @@
-import '@diplodoc/transform/dist/js/yfm';
+import '@diplodoc/transform/dist/js/base';
+import '@diplodoc/transform/dist/js/_yfm-only'; // eslint-disable-line import/order
 import { Plugin } from 'prosemirror-state';
 import { YfmConfigsSpecs } from './YfmConfigsSpecs';
-import '@diplodoc/transform/dist/css/yfm.css';
+import '@diplodoc/transform/dist/css/base.css';
+import '@diplodoc/transform/dist/css/_yfm-only.css'; // eslint-disable-line import/order
 import './yfm.css'; // eslint-disable-line import/order
 export const YfmConfigs = (builder, opts) => {
     // apply md-it-attrs plugin and ignore yfm lint token

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

@@ -1,5 +1,4 @@
-import log from '@diplodoc/transform/lib/log';
-import yfmPlugin from '@diplodoc/transform/lib/plugins/cut';
+import { transform as yfmCut } from '@diplodoc/cut-extension';
 import { CutNode } from './const';
 import { parserTokens } from './parser';
 import { getSchemaSpecs } from './schema';
@@ -8,7 +7,7 @@ export { CutNode, cutType, cutTitleType, cutContentType } from './const';
 export const YfmCutSpecs = (builder, opts) => {
     const schemaSpecs = getSchemaSpecs(opts, builder.context.get('placeholder'));
     builder
-        .configureMd((md) => md.use(yfmPlugin, { log }))
+        .configureMd((md) => md.use(yfmCut({ bundle: false })))
         .addNode(CutNode.Cut, () => ({
         spec: schemaSpecs[CutNode.Cut],
         toMd: serializerTokens[CutNode.Cut],

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

@@ -7,12 +7,12 @@ export const getSchemaSpecs = (opts, placeholder) => {
     var _a, _b, _c, _d;
     return ({
         [CutNode.Cut]: {
-            attrs: { class: { default: 'yfm-cut' }, open: { default: null } },
+            attrs: { class: { default: 'yfm-cut' } },
             content: `${CutNode.CutTitle} ${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,
@@ -25,7 +25,7 @@ export 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[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/esm/extensions/yfm/YfmCut/actions/toYfmCut.js

@@ -2,7 +2,7 @@ import { TextSelection } from 'prosemirror-state';
 import { findParentNodeClosestToPos } from 'prosemirror-utils';
 import { cutContentType, cutTitleType, cutType } from '../const';
 const createYfmCutNode = (schema) => (content) => {
-    return cutType(schema).create({ class: 'yfm-cut open', open: true }, [
+    return cutType(schema).create({ class: 'yfm-cut open' }, [
         cutTitleType(schema).create(null),
         cutContentType(schema).create(null, content),
     ]);

package/build/esm/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/esm/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';
 import './index.css';
 declare const cutAction = "toYfmCut";
 export { CutNode, cutType, cutTitleType, cutContentType } from './YfmCutSpecs';

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

@@ -1,3 +1,4 @@
+import '@diplodoc/cut-extension/runtime';
 import { chainCommands } from 'prosemirror-commands';
 import { nodeInputRule } from '../../../utils/inputrules';
 import { withLogAction } from '../../../utils/keymap';
@@ -8,7 +9,8 @@ import { cutType } from './const';
 import { YfmCutTitleNodeView } from './nodeviews/yfm-cut-title';
 import { cutActivePlugin } from './plugins/active';
 import { cutAutoOpenPlugin } from './plugins/auto-open';
-import './index.css';
+import '@diplodoc/cut-extension/runtime/styles.css';
+import './index.css'; // eslint-disable-line import/order
 const cutAction = 'toYfmCut';
 export { CutNode, cutType, cutTitleType, cutContentType } from './YfmCutSpecs';
 export const YfmCut = (builder, opts) => {

package/build/esm/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/esm/extensions/yfm/YfmCut/nodeviews/yfm-cut-title.js

@@ -2,7 +2,7 @@ import './yfm-cut-title.css';
 export 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/esm/extensions/yfm/YfmCut/plugins/auto-open.js

@@ -38,7 +38,6 @@ function openParentYfmCuts($pos, domAtPos) {
             if ($pos.node(depth - 1).type === cutType(schema)) {
                 const { node: cutDomNode } = domAtPos($pos.start(depth - 1), 0);
                 cutDomNode.classList.add('open');
-                cutDomNode.setAttribute('open', 'true');
                 depth--;
             }
         }
@@ -86,10 +85,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/esm/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/esm/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.js

@@ -25,7 +25,10 @@ export const yfmNoteTooltipPlugin = ({ actions, schema }) => new Plugin({
             idPrefix: 'yfm-note-tooltip',
             nodeType: noteType(view.state.schema),
             popupPlacement: ['bottom', 'top'],
-            content: (view, { node, pos }) => (React.createElement(Toolbar, { editor: actions, focus: () => view.focus(), className: "g-md-yfm-note-toolbar", data: [
+            content: (view, { node, pos }) => (React.createElement(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/esm/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/esm/extensions/yfm/YfmTabs/YfmTabsSpecs/const.js

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

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

@@ -1,5 +1,4 @@
-import log from '@diplodoc/transform/lib/log';
-import yfmPlugin from '@diplodoc/transform/lib/plugins/tabs';
+import { transform as yfmTabs } from '@diplodoc/tabs-extension';
 import { nodeTypeFactory } from '../../../../utils/schema';
 import { TabsNode } from './const';
 import { tabsPostPlugin } from './md-plugin';
@@ -14,7 +13,19 @@ export const tabsListType = nodeTypeFactory(TabsNode.TabsList);
 export const YfmTabsSpecs = (builder, opts) => {
     const schemaSpecs = getSchemaSpecs(opts);
     builder
-        .configureMd((md) => md.use(yfmPlugin, { log }).use(tabsPostPlugin))
+        .configureMd((md) => md
+        .use(yfmTabs({
+        bundle: false,
+        features: {
+            enabledVariants: {
+                regular: true,
+                radio: true,
+                dropdown: false,
+                accordion: false,
+            },
+        },
+    }))
+        .use(tabsPostPlugin))
         .addNode(TabsNode.Tab, () => ({
         spec: schemaSpecs[TabsNode.Tab],
         toMd: serializerTokens[TabsNode.Tab],

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

@@ -4,7 +4,6 @@ export 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': {
@@ -23,11 +22,6 @@ export 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;
@@ -36,9 +30,6 @@ export 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;
                 }
@@ -51,25 +42,7 @@ export 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);
-        }
-        // <--
     });
 };

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

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

package/build/esm/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/esm/extensions/yfm/YfmTabs/index.js

@@ -1,8 +1,10 @@
+import '@diplodoc/tabs-extension/runtime';
 import { chainCommands } from 'prosemirror-commands';
 import { YfmTabsSpecs } from './YfmTabsSpecs';
 import { createYfmTabs } from './actions';
 import { dragAutoSwitch, joinBackwardToOpenTab, liftEmptyBlockFromTabPanel, removeTabWhenCursorAtTheStartOfTab, tabEnter, tabPanelArrowDown, } from './plugins';
 import { tabPanelView, tabView, vtabInputView, vtabView } from './views';
+import '@diplodoc/tabs-extension/runtime/styles.css';
 export { TabsNode, tabType, tabsType, tabsListType, tabPanelType } from './YfmTabsSpecs';
 const actionName = 'toYfmTabs';
 export const YfmTabs = (builder) => {

package/build/esm/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/esm/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/esm/version.js

@@ -1,2 +1,2 @@
 /** During build process, the current version will be injected here */
-export const VERSION = typeof '13.25.0' !== 'undefined' ? '13.25.0' : 'unknown';
+export const VERSION = typeof '14.0.0' !== 'undefined' ? '14.0.0' : 'unknown';