@gravity-ui/markdown-editor 13.25.0 → 14.0.0

package/build/styles.css

@@ -626,6 +626,87 @@
 .g-md-toolbar-colors__item-icon_color_default {
   color: var(--g-color-text-primary);
 }
+.math-inline {
+  font-family: var(--g-font-family-monospace);
+  color: var(--g-color-text-complementary);
+  background-color: var(--g-color-base-misc-light);
+}
+.math-inline__sharp {
+  color: var(--g-color-text-hint);
+}
+.math-block {
+  font-family: var(--g-font-family-monospace);
+  color: var(--g-color-text-complementary);
+}
+
+.math-block-container {
+  margin-bottom: 15px;
+}
+
+.math-error {
+  color: var(--g-color-text-danger);
+}
+
+.math-block-view.math-view-error {
+  display: flex;
+  justify-content: center;
+}
+
+.math-container.math-active .math-view {
+  display: none;
+}
+
+.math-block-container.math-active .math-block {
+  background-color: var(--g-color-base-misc-light);
+}
+.math-block-container.math-active .math-block::before, .math-block-container.math-active .math-block::after {
+  display: block;
+  content: "$$";
+  color: var(--g-color-text-hint);
+}
+
+.math-container:not(.math-active) {
+  --g-md-math-back-color: transparent;
+  --g-md-math-hover-color: var(--g-color-base-simple-hover);
+  position: relative;
+}
+.math-container:not(.math-active).math-container-error {
+  --g-md-math-back-color: var(--g-color-base-danger-light);
+  --g-md-math-hover-color: var(--g-color-base-danger-light-hover);
+}
+.math-container:not(.math-active)::before {
+  position: absolute;
+  z-index: -1;
+  inset: -2px;
+  content: "";
+  border-radius: var(--g-border-radius-s);
+  background-color: var(--g-md-math-back-color);
+  transition: background-color 0.15s linear;
+}
+.math-container:not(.math-active):hover {
+  cursor: pointer;
+}
+.math-container:not(.math-active):hover::before {
+  background-color: var(--g-md-math-hover-color);
+}
+.math-container:not(.math-active) .math-inline,
+.math-container:not(.math-active) .math-block {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  opacity: 0;
+}
+.math-container:not(.math-active) .g-md-MathHint {
+  display: none;
+}
+
+.g-md-MathHint_view_block {
+  float: right;
+}
+.g-md-MathHint_view_inline {
+  display: inline-block;
+  margin-right: 6px;
+}
 .ProseMirror {
   position: relative;
 }
@@ -943,87 +1024,6 @@ body :has(.g-md-resizable_resizing) {
 .yfm-colorify--violet {
   color: var(--yfm-colorify-violet);
 }
-.math-inline {
-  font-family: var(--g-font-family-monospace);
-  color: var(--g-color-text-complementary);
-  background-color: var(--g-color-base-misc-light);
-}
-.math-inline__sharp {
-  color: var(--g-color-text-hint);
-}
-.math-block {
-  font-family: var(--g-font-family-monospace);
-  color: var(--g-color-text-complementary);
-}
-
-.math-block-container {
-  margin-bottom: 15px;
-}
-
-.math-error {
-  color: var(--g-color-text-danger);
-}
-
-.math-block-view.math-view-error {
-  display: flex;
-  justify-content: center;
-}
-
-.math-container.math-active .math-view {
-  display: none;
-}
-
-.math-block-container.math-active .math-block {
-  background-color: var(--g-color-base-misc-light);
-}
-.math-block-container.math-active .math-block::before, .math-block-container.math-active .math-block::after {
-  display: block;
-  content: "$$";
-  color: var(--g-color-text-hint);
-}
-
-.math-container:not(.math-active) {
-  --g-md-math-back-color: transparent;
-  --g-md-math-hover-color: var(--g-color-base-simple-hover);
-  position: relative;
-}
-.math-container:not(.math-active).math-container-error {
-  --g-md-math-back-color: var(--g-color-base-danger-light);
-  --g-md-math-hover-color: var(--g-color-base-danger-light-hover);
-}
-.math-container:not(.math-active)::before {
-  position: absolute;
-  z-index: -1;
-  inset: -2px;
-  content: "";
-  border-radius: var(--g-border-radius-s);
-  background-color: var(--g-md-math-back-color);
-  transition: background-color 0.15s linear;
-}
-.math-container:not(.math-active):hover {
-  cursor: pointer;
-}
-.math-container:not(.math-active):hover::before {
-  background-color: var(--g-md-math-hover-color);
-}
-.math-container:not(.math-active) .math-inline,
-.math-container:not(.math-active) .math-block {
-  position: absolute;
-  inset: 0;
-  overflow: hidden;
-  opacity: 0;
-}
-.math-container:not(.math-active) .g-md-MathHint {
-  display: none;
-}
-
-.g-md-MathHint_view_block {
-  float: right;
-}
-.g-md-MathHint_view_inline {
-  display: inline-block;
-  margin-right: 6px;
-}
 .yfm.yfm-editor,
 .yfm.yfm-editor code,
 .yfm.yfm-editor pre > code,
@@ -1048,8 +1048,6 @@ body :has(.g-md-resizable_resizing) {
 .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);
@@ -1060,13 +1058,6 @@ body :has(.g-md-resizable_resizing) {
 .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;
-}
 .yfm-editor .yfm-file {
   pointer-events: none;
 }
@@ -1149,6 +1140,57 @@ body :has(.g-md-resizable_resizing) {
 .cm-file-upload-widget + .cm-file-upload-widget {
   margin-left: 2px;
 }
+.pm-h-folding-hidden {
+  display: none;
+}
+
+.pm-h-folding-content {
+  padding-left: 28px;
+}
+
+.pm-h-folding-separator {
+  position: relative;
+}
+.pm-h-folding-separator::before {
+  position: absolute;
+  z-index: 1;
+  bottom: -4px;
+  left: 0;
+  width: 12px;
+  height: 12px;
+  content: "";
+  background-color: var(--g-color-text-secondary);
+  mask-image: url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 7.25a.75.75 0 0 0 0 1.5h5.69l-2.72 2.72a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 0 0-1.06 1.06l2.72 2.72zm7.47 4.22a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 1 0-1.06 1.06L12.94 8z" clip-rule="evenodd"/></svg>');
+  mask-size: 12px;
+  transform: translateY(80%);
+}
+.pm-h-folding-separator::after {
+  position: absolute;
+  z-index: 1;
+  bottom: -8px;
+  left: 16px;
+  display: block;
+  width: calc(100% - 16px - 56px - 6px);
+  content: "";
+  border-top: 1px dashed var(--g-color-line-generic);
+}
+
+.pm-h-folding-label::after {
+  position: absolute;
+  z-index: 1;
+  right: 2px;
+  bottom: -6px;
+  display: block;
+  padding: 0 8px;
+  content: attr(data-value);
+  color: var(--g-color-text-misc);
+  border-radius: 4px;
+  background-color: var(--g-color-base-misc-medium-hover);
+  transform: translate(0, 50%);
+  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;
   align-items: center;
@@ -1273,132 +1315,6 @@ body :has(.g-md-resizable_resizing) {
   pointer-events: all;
   box-shadow: -8px 2px 16px -4px var(--g-color-private-purple-150), 8px 2px 16px -4px var(--g-color-private-blue-150);
 }
-.g-md-link-placeholder-widget {
-  margin: 0 2px;
-  pointer-events: none;
-}
-.g-md-emoji-suggest__list.g-list {
-  width: 256px;
-}
-.g-md-emoji-suggest__list.g-list .g-list__empty-placeholder {
-  height: 28px;
-  padding-right: 12px;
-  padding-left: 12px;
-}
-.g-md-emoji-suggest__list-item {
-  cursor: pointer;
-}
-.g-md-emoji-suggest__item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  padding: 0 16px;
-}
-.g-md-emoji-suggest__item-info {
-  display: flex;
-  align-items: center;
-}
-.g-md-emoji-suggest__item-icon {
-  display: flex;
-  flex: 0 0 auto;
-  justify-content: center;
-  width: 20px;
-  margin-right: 8px;
-  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;
-  white-space: nowrap;
-}
-.g-md-emoji-suggest__item-shortcuts {
-  display: inline-flex;
-  align-items: center;
-  column-gap: 4px;
-}
-.g-md-emoji-suggest__item-shortcut {
-  padding: 1px 2px;
-  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-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);
-}
-.pm-h-folding-hidden {
-  display: none;
-}
-
-.pm-h-folding-content {
-  padding-left: 28px;
-}
-
-.pm-h-folding-separator {
-  position: relative;
-}
-.pm-h-folding-separator::before {
-  position: absolute;
-  z-index: 1;
-  bottom: -4px;
-  left: 0;
-  width: 12px;
-  height: 12px;
-  content: "";
-  background-color: var(--g-color-text-secondary);
-  mask-image: url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 7.25a.75.75 0 0 0 0 1.5h5.69l-2.72 2.72a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 0 0-1.06 1.06l2.72 2.72zm7.47 4.22a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 1 0-1.06 1.06L12.94 8z" clip-rule="evenodd"/></svg>');
-  mask-size: 12px;
-  transform: translateY(80%);
-}
-.pm-h-folding-separator::after {
-  position: absolute;
-  z-index: 1;
-  bottom: -8px;
-  left: 16px;
-  display: block;
-  width: calc(100% - 16px - 56px - 6px);
-  content: "";
-  border-top: 1px dashed var(--g-color-line-generic);
-}
-
-.pm-h-folding-label::after {
-  position: absolute;
-  z-index: 1;
-  right: 2px;
-  bottom: -6px;
-  display: block;
-  padding: 0 8px;
-  content: attr(data-value);
-  color: var(--g-color-text-misc);
-  border-radius: 4px;
-  background-color: var(--g-color-base-misc-medium-hover);
-  transform: translate(0, 50%);
-  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-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;
@@ -1432,24 +1348,6 @@ body :has(.g-md-resizable_resizing) {
   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;
@@ -1516,6 +1414,109 @@ body :has(.g-md-resizable_resizing) {
 .g-root_theme_dark .g-md-yfm-html-block_editing .g-text-area__content {
   color: var(--g-color-text-primary);
 }
+.g-md-link-placeholder-widget {
+  margin: 0 2px;
+  pointer-events: none;
+}
+.g-md-emoji-suggest__list.g-list {
+  width: 256px;
+}
+.g-md-emoji-suggest__list.g-list .g-list__empty-placeholder {
+  height: 28px;
+  padding-right: 12px;
+  padding-left: 12px;
+}
+.g-md-emoji-suggest__list-item {
+  cursor: pointer;
+}
+.g-md-emoji-suggest__item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 0 16px;
+}
+.g-md-emoji-suggest__item-info {
+  display: flex;
+  align-items: center;
+}
+.g-md-emoji-suggest__item-icon {
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: center;
+  width: 20px;
+  margin-right: 8px;
+  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;
+  white-space: nowrap;
+}
+.g-md-emoji-suggest__item-shortcuts {
+  display: inline-flex;
+  align-items: center;
+  column-gap: 4px;
+}
+.g-md-emoji-suggest__item-shortcut {
+  padding: 1px 2px;
+  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-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);
+}
+.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;
+}
+.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-search-card {
   padding: var(--g-spacing-2) var(--g-spacing-2) var(--g-spacing-3) var(--g-spacing-4);
 }
@@ -1604,7 +1605,7 @@ body :has(.g-md-resizable_resizing) {
   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;
@@ -1625,23 +1626,23 @@ body :has(.g-md-resizable_resizing) {
 .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 {
@@ -1649,16 +1650,16 @@ body :has(.g-md-resizable_resizing) {
 }
 
 .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);
 }
 .g-md-table-view__hack-strip {
   position: absolute;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "13.25.0",
+  "version": "14.0.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {
@@ -159,17 +159,17 @@
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
     "@bem-react/classnames": "1.3.10",
-    "@codemirror/autocomplete": "6.16.0",
-    "@codemirror/commands": "6.5.0",
-    "@codemirror/lang-markdown": "6.2.5",
-    "@codemirror/language": "6.10.1",
-    "@codemirror/search": "6.5.6",
-    "@codemirror/state": "6.4.1",
-    "@codemirror/view": "6.28.0",
+    "@codemirror/autocomplete": "~6.18.1",
+    "@codemirror/commands": "~6.7.0",
+    "@codemirror/lang-markdown": "~6.3.0",
+    "@codemirror/language": "~6.10.3",
+    "@codemirror/search": "~6.5.6",
+    "@codemirror/state": "~6.4.1",
+    "@codemirror/view": "~6.34.1",
     "@gravity-ui/i18n": "^1.1.0",
     "@gravity-ui/icons": "^2.10.0",
-    "@lezer/highlight": "1.2.0",
-    "@lezer/markdown": "1.3.0",
+    "@lezer/highlight": "~1.2.1",
+    "@lezer/markdown": "~1.3.1",
     "@types/is-number": "^7.0.1",
     "@types/markdown-it": "^12.2.3",
     "base64-arraybuffer": "1.0.2",
@@ -180,31 +180,33 @@
     "markdown-it-ins": "^3.0.1",
     "markdown-it-mark": "^3.0.1",
     "markdown-it-sub": "^1.0.0",
-    "prosemirror-autocomplete": "0.4.3",
-    "prosemirror-codemark": "0.4.2",
-    "prosemirror-commands": "1.5.2",
-    "prosemirror-dropcursor": "1.8.1",
-    "prosemirror-history": "1.4.0",
-    "prosemirror-inputrules": "1.4.0",
-    "prosemirror-keymap": "1.2.2",
-    "prosemirror-model": "1.21.0",
-    "prosemirror-schema-list": "1.3.0",
-    "prosemirror-state": "1.4.3",
-    "prosemirror-test-builder": "1.1.1",
-    "prosemirror-transform": "1.9.0",
+    "prosemirror-autocomplete": "~0.4.3",
+    "prosemirror-codemark": "~0.4.2",
+    "prosemirror-commands": "~1.6.0",
+    "prosemirror-dropcursor": "~1.8.1",
+    "prosemirror-history": "~1.4.1",
+    "prosemirror-inputrules": "~1.4.0",
+    "prosemirror-keymap": "~1.2.2",
+    "prosemirror-model": "~1.23.0",
+    "prosemirror-schema-list": "~1.4.1",
+    "prosemirror-state": "~1.4.3",
+    "prosemirror-test-builder": "~1.1.1",
+    "prosemirror-transform": "~1.10.0",
     "prosemirror-utils": "1.2.0",
-    "prosemirror-view": "1.33.6",
+    "prosemirror-view": "~1.34.3",
     "react-error-boundary": "^3.1.4",
     "react-hotkeys-hook": "4.5.0",
     "react-use": "^17.3.2",
     "tslib": "^2.3.1"
   },
   "devDependencies": {
+    "@diplodoc/cut-extension": "^0.3.1",
     "@diplodoc/folding-headings-extension": "0.1.0",
     "@diplodoc/html-extension": "2.3.2",
     "@diplodoc/latex-extension": "1.0.3",
     "@diplodoc/mermaid-extension": "1.2.1",
-    "@diplodoc/transform": "4.26.0",
+    "@diplodoc/tabs-extension": "^3.5.1",
+    "@diplodoc/transform": "^4.33.0",
     "@gravity-ui/components": "3.0.0",
     "@gravity-ui/eslint-config": "3.1.1",
     "@gravity-ui/prettier-config": "1.1.0",
@@ -252,7 +254,8 @@
     "sass-loader": "^13.3.2",
     "stylelint": "15.11.0",
     "ts-jest": "^27.0.7",
-    "typescript": "^4.5.2"
+    "typescript": "^4.5.2",
+    "web-streams-polyfill": "4.0.0"
   },
   "peerDependenciesMeta": {
     "@diplodoc/folding-headings-extension": {
@@ -275,11 +278,13 @@
     }
   },
   "peerDependencies": {
+    "@diplodoc/cut-extension": "^0.3.1",
     "@diplodoc/folding-headings-extension": "^0.1.0",
     "@diplodoc/html-extension": "2.3.2",
     "@diplodoc/latex-extension": "^1.0.3",
     "@diplodoc/mermaid-extension": "^1.0.0",
-    "@diplodoc/transform": ">=4.5.0 <=4.26.0",
+    "@diplodoc/tabs-extension": "^3.5.1",
+    "@diplodoc/transform": "^4.33.0",
     "@gravity-ui/components": "^3.0.0",
     "@gravity-ui/uikit": "^6.11.0",
     "highlight.js": "^11.8.0",

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

@@ -1 +0,0 @@
-export { YfmHeadingAttr, headingNodeName } from '../YfmHeading/const';