@gravity-ui/markdown-editor 13.5.3 → 13.6.0

package/build/esm/extensions/yfm/FoldingHeading/utils.d.ts

@@ -0,0 +1,10 @@
+import type { Node } from 'prosemirror-model';
+import type { Selection } from 'prosemirror-state';
+export { headingType } from '../../markdown/Heading/HeadingSpecs';
+export declare const insideHeading: ({ $anchor, $head }: Selection) => boolean;
+export declare const hasFolding: (sel: Selection) => boolean;
+export declare function isHeading(node: Node): boolean;
+export declare function isFoldingHeading(node: Node): boolean;
+export declare function isFoldedHeading(node: Node): boolean;
+export declare function isUnfoldedHeading(node: Node): boolean;
+export declare function parseLevel(node: Node): number;

package/build/esm/extensions/yfm/FoldingHeading/utils.js

@@ -0,0 +1,19 @@
+import { YfmHeadingAttr, headingNodeName } from './const';
+export { headingType } from '../../markdown/Heading/HeadingSpecs';
+export const insideHeading = ({ $anchor, $head }) => $anchor.sameParent($head) && isHeading($head.parent);
+export const hasFolding = (sel) => insideHeading(sel) && sel.$head.parent.attrs[YfmHeadingAttr.Folding] !== null;
+export function isHeading(node) {
+    return node.type.name === headingNodeName;
+}
+export function isFoldingHeading(node) {
+    return isHeading(node) && typeof node.attrs[YfmHeadingAttr.Folding] === 'boolean';
+}
+export function isFoldedHeading(node) {
+    return isHeading(node) && node.attrs[YfmHeadingAttr.Folding] === true;
+}
+export function isUnfoldedHeading(node) {
+    return isHeading(node) && node.attrs[YfmHeadingAttr.Folding] === false;
+}
+export function parseLevel(node) {
+    return Number.parseInt(node.attrs[YfmHeadingAttr.Level], 10);
+}

package/build/esm/extensions/yfm/YfmHeading/YfmHeadingSpecs/const.d.ts

@@ -4,5 +4,5 @@ export declare const YfmHeadingAttr: {
     readonly Level: "level";
     readonly Id: "id";
     readonly DataLine: "data-line";
-    readonly Folding: "folding";
+    readonly Folding: "folded";
 };

package/build/esm/extensions/yfm/YfmHeading/YfmHeadingSpecs/const.js

@@ -4,5 +4,5 @@ export const YfmHeadingAttr = {
     Level: headingLevelAttr,
     Id: 'id',
     DataLine: 'data-line',
-    Folding: 'folding',
+    Folding: 'folded',
 };

package/build/esm/extensions/yfm/YfmHeading/YfmHeadingSpecs/index.js

@@ -12,7 +12,7 @@ export const YfmHeadingSpecs = (builder, opts) => {
                     [YfmHeadingAttr.Id]: { default: '' },
                     [YfmHeadingAttr.Level]: { default: 1 },
                     [YfmHeadingAttr.DataLine]: { default: null },
-                    [YfmHeadingAttr.Folding]: { default: false },
+                    [YfmHeadingAttr.Folding]: { default: null },
                 },
                 content: '(text | inline)*',
                 group: 'block',
@@ -35,7 +35,7 @@ export const YfmHeadingSpecs = (builder, opts) => {
                         {
                             id: id || null,
                             [YfmHeadingAttr.DataLine]: lineNumber,
-                            [`data-${YfmHeadingAttr.Folding}`]: folding ? '' : null,
+                            [`data-${YfmHeadingAttr.Folding}`]: folding,
                         },
                         0,
                         // [
@@ -70,14 +70,14 @@ export const YfmHeadingSpecs = (builder, opts) => {
                         //     attrs[YfmHeadingAttr.Id] = slugify(tokens[index + 1].content);
                         // }
                         // attrs have id only if it explicitly specified manually
-                        return Object.assign({ [YfmHeadingAttr.Level]: Number(token.tag.slice(1)), [YfmHeadingAttr.Folding]: (_a = token.meta) === null || _a === void 0 ? void 0 : _a.folding }, attrs);
+                        return Object.assign({ [YfmHeadingAttr.Level]: Number(token.tag.slice(1)), [YfmHeadingAttr.Folding]: ((_a = token.meta) === null || _a === void 0 ? void 0 : _a.folding) === true ? true : null }, attrs);
                     },
                 },
             },
             toMd: (state, node) => {
                 const folding = node.attrs[YfmHeadingAttr.Folding];
                 const level = node.attrs[YfmHeadingAttr.Level];
-                state.write(state.repeat('#', level) + (folding ? '+' : '') + ' ');
+                state.write(state.repeat('#', level) + (typeof folding === 'boolean' ? '+' : '') + ' ');
                 state.renderInline(node);
                 const anchor = node.attrs[YfmHeadingAttr.Id];
                 if (anchor /*&& anchor !== node.firstChild?.textContent*/) {

package/build/esm/extensions/yfm/YfmHeading/YfmHeadingSpecs/utils.js

@@ -4,8 +4,16 @@ export { hType, hasParentHeading, headingRule } from '../../../markdown/Heading/
 export const getNodeAttrs = (level) => (node) => ({
     [YfmHeadingAttr.Level]: level,
     [YfmHeadingAttr.Id]: node.getAttribute('id') || '',
-    [YfmHeadingAttr.Folding]: node.hasAttribute(`data-${YfmHeadingAttr.Folding}`),
+    [YfmHeadingAttr.Folding]: getFoldingAttr(node),
 });
+function getFoldingAttr(node) {
+    const value = node.getAttribute(`data-${YfmHeadingAttr.Folding}`);
+    if (value === 'true')
+        return true;
+    if (value === 'false')
+        return false;
+    return null;
+}
 // export const slugify = (str: string) =>
 //     // same config as in yfm-transform
 //     // https://github.com/yandex-cloud/yfm-transform/blob/master/lib/plugins/anchors/index.js#L97-L100

package/build/esm/i18n/menubar/en.json

@@ -17,6 +17,8 @@
   "cut": "Cut",
   "emoji": "Emoji",
   "file": "File",
+  "folding-heading": "Collapsed section",
+  "folding-heading_hint": "The text under the heading can be collapsed or expanded",
   "heading": "Heading",
   "heading1": "Heading 1",
   "heading2": "Heading 2",

package/build/esm/i18n/menubar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "heading" | "note" | "file" | "codeblock" | "checkbox" | "emoji" | "list" | "tabs" | "math" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "undo" | "redo" | "math_inline" | "math_block" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "mermaid" | "more_action" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
+export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "strike" | "underline" | "mark" | "quote" | "colorify" | "mono" | "text" | "html" | "cut" | "table" | "image" | "code_inline" | "heading" | "note" | "file" | "codeblock" | "checkbox" | "emoji" | "list" | "tabs" | "math" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "heading6" | "undo" | "redo" | "math_inline" | "math_block" | "colorify__color_blue" | "colorify__color_default" | "colorify__color_gray" | "colorify__color_green" | "colorify__color_orange" | "colorify__color_red" | "colorify__color_violet" | "colorify__color_yellow" | "colorify__group_text" | "folding-heading" | "folding-heading_hint" | "hrule" | "list__action_lift" | "list__action_sink" | "list_action_disabled" | "mermaid" | "more_action" | "olist" | "ulist", S extends string>(key: G | (string extends S ? S : never), params?: {
     [key: string]: any;
 } | undefined) => S extends G ? {
     bold: string;
@@ -19,6 +19,8 @@ export declare const i18n: <G extends "bold" | "code" | "link" | "italic" | "str
     cut: string;
     emoji: string;
     file: string;
+    "folding-heading": string;
+    "folding-heading_hint": string;
     heading: string;
     heading1: string;
     heading2: string;

package/build/esm/i18n/menubar/ru.json

@@ -17,6 +17,8 @@
   "cut": "Кат",
   "emoji": "Эмодзи",
   "file": "Файл",
+  "folding-heading": "Свёрнутый раздел",
+  "folding-heading_hint": "Текст под заголовком можно свернуть или раскрыть",
   "heading": "Заголовок",
   "heading1": "Заголовок 1",
   "heading2": "Заголовок 2",

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

@@ -2,4 +2,4 @@ import MermaidIcon from './Mermaid';
 import MonoIcon from './Mono';
 import TabsIcon from './Tabs';
 export { MermaidIcon, MonoIcon, TabsIcon };
-export { ArrowUturnCcwLeft as UndoIcon, ArrowUturnCwRight as RedoIcon, Bold as BoldIcon, Italic as ItalicIcon, Underline as UnderlineIcon, Strikethrough as StrikethroughIcon, FontCursor as MarkIcon, Text as TextIcon, Heading as HeadingIcon, Heading1 as Heading1Icon, Heading2 as Heading2Icon, Heading3 as Heading3Icon, Heading4 as Heading4Icon, Heading5 as Heading5Icon, Heading6 as Heading6Icon, ListUl as ListBlIcon, ListOl as ListOlIcon, TextOutdent as LiftIcon, TextIndent as SinkIcon, Font as TextColorIcon, Link as LinkIcon, QuoteClose as QuoteIcon, Scissors as CutIcon, Sticker as NoteIcon, Paperclip as FileIcon, Minus as HRuleIcon, LayoutList as TableIcon, ChevronsExpandHorizontal as IframeIcon, SquareCheck as CheckListIcon, Picture as ImageIcon, Person as UserIcon, FaceSmile as EmojiIcon, Code as CodeInlineIcon, FileCode as CodeBlockIcon, Function as FunctionInlineIcon, CurlyBracketsFunction as FunctionBlockIcon, Hashtag as AnchorIcon, SquareDashedText as BlockIcon, LayoutColumns3 as LayoutIcon, Pencil as DrawIoIcon, FolderCode as HtmlBlockIcon, } from '@gravity-ui/icons';
+export { ArrowUturnCcwLeft as UndoIcon, ArrowUturnCwRight as RedoIcon, Bold as BoldIcon, Italic as ItalicIcon, Underline as UnderlineIcon, Strikethrough as StrikethroughIcon, FontCursor as MarkIcon, Text as TextIcon, Heading as HeadingIcon, Heading1 as Heading1Icon, Heading2 as Heading2Icon, Heading3 as Heading3Icon, Heading4 as Heading4Icon, Heading5 as Heading5Icon, Heading6 as Heading6Icon, ListUl as ListBlIcon, ListOl as ListOlIcon, TextOutdent as LiftIcon, TextIndent as SinkIcon, Font as TextColorIcon, Link as LinkIcon, QuoteClose as QuoteIcon, Scissors as CutIcon, Sticker as NoteIcon, Paperclip as FileIcon, Minus as HRuleIcon, LayoutList as TableIcon, ChevronsExpandHorizontal as IframeIcon, SquareCheck as CheckListIcon, Picture as ImageIcon, Person as UserIcon, FaceSmile as EmojiIcon, Code as CodeInlineIcon, FileCode as CodeBlockIcon, Function as FunctionInlineIcon, CurlyBracketsFunction as FunctionBlockIcon, Hashtag as AnchorIcon, SquareDashedText as BlockIcon, LayoutColumns3 as LayoutIcon, Pencil as DrawIoIcon, FolderCode as HtmlBlockIcon, ArrowChevronRight as FoldingHeadingIcon, } from '@gravity-ui/icons';

package/build/esm/icons/index.js

@@ -26,4 +26,4 @@ Function as FunctionInlineIcon, CurlyBracketsFunction as FunctionBlockIcon,
 //
 Hashtag as AnchorIcon, SquareDashedText as BlockIcon, LayoutColumns3 as LayoutIcon, 
 //
-Pencil as DrawIoIcon, FolderCode as HtmlBlockIcon, } from '@gravity-ui/icons';
+Pencil as DrawIoIcon, FolderCode as HtmlBlockIcon, ArrowChevronRight as FoldingHeadingIcon, } from '@gravity-ui/icons';

package/build/esm/version.js

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

package/build/styles.css

@@ -1152,385 +1152,4 @@ img.ProseMirror-separator {
   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;
-}
-.g-md-image-skeleton__skeleton {
-  width: min(var(--img-skeleton-width) * 1px, 100%);
-  height: min(var(--img-skeleton-height) * 1px, 700px);
-  margin-bottom: -5px;
-}
-.g-md-image-placeholder {
-  display: inline-flex;
-  align-items: center;
-  column-gap: 8px;
-  min-width: 300px;
-  padding: 12px 20px;
-  border-radius: 4px;
-  background-color: var(--g-color-base-simple-hover-solid);
-  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);
-}
-.g-md-Mermaid {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 15px;
-  padding: 2px;
-  border: 1px solid var(--g-color-line-generic);
-  border-radius: var(--g-border-radius-m);
-}
-.g-md-Mermaid_edit {
-  display: flex;
-}
-.g-md-Mermaid__Preview {
-  flex: 1;
-}
-.g-md-Mermaid__Error {
-  flex: 1;
-  font-family: var(--g-font-family-monospace);
-  color: var(--g-color-text-danger);
-}
-.g-md-Mermaid__Editor {
-  flex: 1;
-  white-space: nowrap;
-  caret-color: auto;
-}
-.g-md-Mermaid__EditorPopover {
-  z-index: 1;
-  float: right;
-}
-.g-md-Mermaid__Controls {
-  display: flex;
-  justify-content: end;
-  margin-top: 5px;
-}
-.yfm-cut-title .g-md-yfm-cut-title-inner {
-  cursor: text;
-}
-.g-md-file-skeleton {
-  display: inline-flex;
-  align-items: center;
-}
-.g-md-file-skeleton__skeleton {
-  width: 120px;
-  height: 20px;
-}
-.g-md-file-placeholder {
-  margin: 0 4px;
-  pointer-events: none;
-}
-.g-md-file-placeholder .yfm-file__icon {
-  margin-right: 8px;
-}
-.g-md-yfm-html-block {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 15px;
-  padding-top: 28px;
-  border: 1px solid var(--g-color-line-generic);
-  border-radius: var(--g-border-radius-m);
-}
-.g-md-yfm-html-block_editing {
-  display: flex;
-  padding-top: 0;
-  border: 0;
-}
-.g-md-yfm-html-block__label {
-  position: absolute;
-  top: 8px;
-  left: 8px;
-}
-.g-md-yfm-html-block__menu {
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-.g-md-yfm-html-block__preview {
-  flex: 1;
-}
-.g-md-yfm-html-block__error {
-  flex: 1;
-  font-family: var(--g-font-family-monospace);
-  color: var(--g-color-text-danger);
-}
-.g-md-yfm-html-block__editor {
-  flex: 1;
-  width: 50%;
-  white-space: nowrap;
-  caret-color: auto;
-}
-.g-md-yfm-html-block__editor .g-text-area__content {
-  font-size: 1em;
-  color: var(--yfm-color-hljs-subst);
-  border: 0;
-  border-radius: var(--g-border-radius-m);
-  background: var(--yfm-color-hljs-background);
-  font-feature-settings: normal;
-}
-.g-md-yfm-html-block__editor .g-text-area__control.g-md-YfmHtmlBlockHelper {
-  font-family: var(--yfm-font-family-monospace);
-}
-.g-md-yfm-html-block__editor-popover {
-  z-index: 1;
-  float: right;
-}
-.g-md-yfm-html-block__controls {
-  display: flex;
-  justify-content: end;
-  margin-top: 5px;
-}
-.g-md-yfm-html-block__content {
-  flex-grow: 1;
-}
-
-.g-root_theme_dark-hc .g-md-yfm-html-block_editing .g-text-area__content,
-.g-root_theme_dark .g-md-yfm-html-block_editing .g-text-area__content {
-  color: var(--g-color-text-primary);
-}
-.g-md-search-card {
-  padding: var(--g-spacing-2) var(--g-spacing-2) var(--g-spacing-3) var(--g-spacing-4);
-}
-.g-md-search-card__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--g-spacing-1);
-}
-.g-md-code-block-toolbar {
-  margin: 2px 8px;
-}
-
-.g-md-code-tooltip-menu {
-  min-width: 150px;
-  border-radius: 4px;
-}
-
-.g-md-code-block__select-popup {
-  width: 175px;
-  max-height: 200px;
-}
-.g-md-code-block__select-popup .g-select-filter {
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.g-md-code-block__select-popup .g-select-filter .g-text-input__content {
-  border: none;
-}
-.g-md-code-block__select-popup .g-md-code-block__select-empty {
-  margin-left: 4px;
-}
-
-.g-md-code-block__select-button {
-  margin: auto 0;
-}
-.table-cell-floating-button.g-button {
-  height: 28px;
-  line-height: 28px;
-}
-.table-cell-floating-button.g-button .g-button__icon {
-  width: 12px;
-}
-
-.table-cell-floating-icon {
-  transform: rotate(90deg);
-}
-.g-md-img-size-node-view__wrapper {
-  position: relative;
-  display: inline-block;
-}
-.yfm .yfm-note {
-  max-width: 1296px;
-  margin: 20px 0;
-  padding: 20px 20px 20px 64px;
-  border-radius: 10px;
-}
-.yfm .yfm-note .yfm-note-title {
-  font-weight: 700;
-}
-.yfm .yfm-note > p {
-  margin: 0 0 10px 0;
-}
-.yfm .yfm-note > p:first-child::before {
-  box-sizing: content-box;
-  display: block;
-  width: 24px;
-  height: 24px;
-  margin-top: -2px;
-  margin-left: -44px;
-  padding-right: 20px;
-  float: left;
-}
-.yfm .yfm-note > p:last-child {
-  margin-bottom: 0;
-}
-.yfm .yfm-note.yfm-accent-info > 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(2,123,243)"/%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-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-info {
-  background: rgba(2, 123, 243, 0.08);
-}
-.yfm .yfm-note.yfm-accent-tip {
-  background: rgba(63, 201, 46, 0.1);
-}
-.yfm .yfm-note.yfm-accent-alert {
-  background: rgba(235, 50, 38, 0.08);
-}
-.yfm .yfm-note.yfm-accent-warning {
-  background: rgba(255, 136, 0, 0.15);
-}
-
-.g-md-yfm-note-toolbar {
-  margin: 2px 8px;
-}
-
-.g-md-toolbar-group__s-button_id_note-type-tip {
-  color: #56bd67;
-}
-.g-md-toolbar-group__s-button_id_note-type-info {
-  color: #027bf3;
-}
-.g-md-toolbar-group__s-button_id_note-type-alert {
-  color: #ff4645;
-}
-.g-md-toolbar-group__s-button_id_note-type-warning {
-  color: #f19518;
-}
-.g-md-table-view__hack-strip {
-  position: absolute;
-  left: -13px;
-  display: block;
-  width: 13px;
-  height: 100%;
-  background: transparent;
-}
-.g-md-table-view__wrapper {
-  position: relative;
-  display: inline-block;
-  max-width: calc(100% - 18px);
-  margin-right: 18px;
-  /* stylelint-disable declaration-no-important */
-  margin-bottom: 18px !important;
-}
-.g-md-table-view__buttons-visible .g-md-table-view__plus-button-controls {
-  pointer-events: initial;
-  opacity: 1;
-}
-.g-md-table-view__plus-button-controls {
-  pointer-events: none;
-  opacity: 0;
-  transition: opacity 150ms ease 50ms;
-}
-.g-md-table-view__plus-button-controls_right {
-  position: absolute;
-  z-index: 100;
-  top: 0;
-  right: -18px;
-  display: flex;
-  align-items: center;
-  width: 16px;
-  height: 100%;
-}
-.g-md-table-view__plus-button-controls_bottom {
-  position: absolute;
-  z-index: 100;
-  bottom: -18px;
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  height: 16px;
-}
-.g-md-table-view__plus-button {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
-.g-md-table-view__plus-button_right {
-  width: 16px;
-  height: 100%;
-}
-.g-md-table-view__plus-button_bottom {
-  width: 100%;
-  height: 16px;
-}
-
-.g-md-table-view.g-md-table-view {
-  z-index: unset;
-  display: block;
-  overflow: auto;
-  box-sizing: content-box;
-  width: fit-content;
-  margin: -13px 0 0 -13px;
-  padding: 13px 0 0 13px;
-  border: none;
-  border-radius: 0;
-  background: transparent !important;
-}
-.g-md-table-view.g-md-table-view tbody {
-  display: block;
-  border-radius: 8px;
-  background: var(--g-color-base-background);
-  box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
-}
-
-.g-md-table-wrapper {
-  display: inline-block;
-  width: 100%;
-  margin-right: 2px;
-}
-.g-md-table-cell-view__left-button {
-  position: absolute;
-  z-index: 110;
-  top: calc(50% - 14px);
-  left: -13px;
-  pointer-events: none;
-  opacity: 0;
-  border-radius: var(--g-border-radius-s);
-  background: var(--g-color-base-background);
-}
-.g-md-table-cell-view__left-button:hover {
-  pointer-events: initial;
-  opacity: 1;
-}
-.g-md-table-cell-view__upper-button {
-  position: absolute;
-  z-index: 110;
-  top: -13px;
-  left: calc(50% - 14px);
-  pointer-events: none;
-  opacity: 0;
-  border-radius: var(--g-border-radius-s);
-  background: var(--g-color-base-background);
-  transform: rotate(90deg);
-}
-.g-md-table-cell-view__upper-button:hover {
-  pointer-events: initial;
-  opacity: 1;
-}
-.g-md-table-cell-view__upper-visible .g-md-table-cell-view__upper-button {
-  pointer-events: initial;
-  opacity: 1;
-}
-.g-md-table-cell-view__left-visible .g-md-table-cell-view__left-button {
-  pointer-events: initial;
-  opacity: 1;
-}
-.g-md-image-tooltip-form__input_type_width, .g-md-image-tooltip-form__input_type_height {
-  max-width: 112px;
-}
-.g-md-image-tooltip-form__size-controls {
-  display: flex;
-  align-items: center;
-  gap: 0 16px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "13.5.3",
+  "version": "13.6.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -167,7 +167,7 @@
     "@codemirror/state": "6.4.1",
     "@codemirror/view": "6.26.3",
     "@gravity-ui/i18n": "^1.1.0",
-    "@gravity-ui/icons": "^2.0.0",
+    "@gravity-ui/icons": "^2.10.0",
     "@lezer/highlight": "1.2.0",
     "@lezer/markdown": "1.3.0",
     "@types/is-number": "^7.0.1",
@@ -199,6 +199,7 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
+    "@diplodoc/folding-headings-extension": "0.1.0",
     "@diplodoc/html-extension": "1.2.7",
     "@diplodoc/latex-extension": "1.0.3",
     "@diplodoc/mermaid-extension": "1.2.1",
@@ -252,13 +253,16 @@
     "typescript": "^4.5.2"
   },
   "peerDependenciesMeta": {
-    "@diplodoc/latex-extension": {
+    "@diplodoc/folding-headings-extension": {
       "optional": true
     },
-    "@diplodoc/mermaid-extension": {
+    "@diplodoc/html-extension": {
       "optional": true
     },
-    "@diplodoc/html-extension": {
+    "@diplodoc/latex-extension": {
+      "optional": true
+    },
+    "@diplodoc/mermaid-extension": {
       "optional": true
     },
     "highlight.js": {
@@ -269,6 +273,7 @@
     }
   },
   "peerDependencies": {
+    "@diplodoc/folding-headings-extension": "^0.1.0",
     "@diplodoc/html-extension": "^1.2.7",
     "@diplodoc/latex-extension": "^1.0.3",
     "@diplodoc/mermaid-extension": "^1.0.0",

package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/TooltipView.css

@@ -1,26 +0,0 @@
-.g-md-code-block-toolbar {
-  margin: 2px 8px;
-}
-
-.g-md-code-tooltip-menu {
-  min-width: 150px;
-  border-radius: 4px;
-}
-
-.g-md-code-block__select-popup {
-  width: 175px;
-  max-height: 200px;
-}
-.g-md-code-block__select-popup .g-select-filter {
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.g-md-code-block__select-popup .g-select-filter .g-text-input__content {
-  border: none;
-}
-.g-md-code-block__select-popup .g-md-code-block__select-empty {
-  margin-left: 4px;
-}
-
-.g-md-code-block__select-button {
-  margin: auto 0;
-}

package/build/cjs/extensions/markdown/Table/plugins/TableCellContextPlugin/floating.css

@@ -1,11 +0,0 @@
-.table-cell-floating-button.g-button {
-  height: 28px;
-  line-height: 28px;
-}
-.table-cell-floating-button.g-button .g-button__icon {
-  width: 12px;
-}
-
-.table-cell-floating-icon {
-  transform: rotate(90deg);
-}

package/build/cjs/extensions/yfm/ImgSize/ImagePaste/skeleton.css

@@ -1,8 +0,0 @@
-.g-md-image-skeleton {
-  vertical-align: middle;
-}
-.g-md-image-skeleton__skeleton {
-  width: min(var(--img-skeleton-width) * 1px, 100%);
-  height: min(var(--img-skeleton-height) * 1px, 700px);
-  margin-bottom: -5px;
-}

package/build/cjs/extensions/yfm/ImgSize/ImageWidget/view.css

@@ -1,12 +0,0 @@
-.g-md-image-placeholder {
-  display: inline-flex;
-  align-items: center;
-  column-gap: 8px;
-  min-width: 300px;
-  padding: 12px 20px;
-  border-radius: 4px;
-  background-color: var(--g-color-base-simple-hover-solid);
-  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);
-}

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImageForm/ImageForm.css

@@ -1,8 +0,0 @@
-.g-md-image-tooltip-form__input_type_width, .g-md-image-tooltip-form__input_type_height {
-  max-width: 112px;
-}
-.g-md-image-tooltip-form__size-controls {
-  display: flex;
-  align-items: center;
-  gap: 0 16px;
-}

package/build/cjs/extensions/yfm/ImgSize/plugins/ImgSizeNodeView/ImgNodeView.css

@@ -1,4 +0,0 @@
-.g-md-img-size-node-view__wrapper {
-  position: relative;
-  display: inline-block;
-}