@gravity-ui/page-constructor 4.56.0 → 5.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.56.0",
+  "version": "5.0.1",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -81,9 +81,9 @@
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/components": "^2.4.0",
-    "@gravity-ui/dynamic-forms": "^2.3.0",
-    "@gravity-ui/i18n": "^1.0.0",
+    "@gravity-ui/components": "^3.0.0",
+    "@gravity-ui/dynamic-forms": "^4.0.0",
+    "@gravity-ui/i18n": "^1.2.0",
     "@react-spring/web": "^9.7.3",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
@@ -105,8 +105,8 @@
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "@doc-tools/transform": "^3.3.2",
-    "@gravity-ui/uikit": "^5.12.0",
+    "@diplodoc/transform": "^4.10.4",
+    "@gravity-ui/uikit": "^6.0.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
@@ -116,20 +116,21 @@
     "@babel/preset-typescript": "^7.22.5",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
-    "@doc-tools/transform": "^3.3.2",
+    "@diplodoc/transform": "^4.10.4",
     "@gravity-ui/eslint-config": "^2.0.0",
-    "@gravity-ui/icons": "^2.1.0",
+    "@gravity-ui/icons": "^2.8.1",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^5.12.2",
-    "@storybook/addon-actions": "^7.1.0",
-    "@storybook/addon-essentials": "^7.1.0",
+    "@gravity-ui/uikit": "^6.0.0",
+    "@storybook/addon-actions": "^7.6.17",
+    "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addon-knobs": "^7.0.2",
-    "@storybook/addon-viewport": "^7.1.0",
+    "@storybook/addon-mdx-gfm": "^7.6.17",
+    "@storybook/addon-viewport": "^7.6.17",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.1.0",
-    "@storybook/react-webpack5": "^7.1.0",
+    "@storybook/react": "^7.6.17",
+    "@storybook/react-webpack5": "^7.6.17",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
@@ -182,7 +183,7 @@
     "rimraf": "^3.0.2",
     "sass": "^1.63.6",
     "sass-loader": "^10.4.1",
-    "storybook": "^7.1.0",
+    "storybook": "^7.6.17",
     "string-replace-loader": "^3.1.0",
     "style-loader": "^2.0.0",
     "stylelint": "^14.11.0",

package/server/models/common.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { MetrikaGoal } from './';
 export interface Refable<T> {
     ref?: React.Ref<T>;
 }
@@ -8,59 +7,9 @@ export declare enum Theme {
     Dark = "dark"
 }
 export declare const themeNames: Record<Theme, string>;
-/**
- * @deprecated Pixel will be deleted
- */
-type PixelCommand = 'track' | 'trackCustom';
-/**
- * @deprecated Pixel will be deleted
- */
-export interface PixelEvent {
-    command: PixelCommand;
-    event: PixelEventType | string;
-    data?: Object;
-}
-/**
- * @deprecated Pixel will be deleted from package
- */
-export declare enum PixelEventType {
-    AddPaymentInfo = "AddPaymentInfo",
-    AddToCart = "AddToCart",
-    AddToWishlist = "AddToWishlist",
-    CompleteRegistration = "CompleteRegistration",
-    Contact = "Contact",
-    CustomizeProduct = "CustomizeProduct",
-    Donate = "Donate",
-    FindLocation = "FindLocation",
-    InitiateCheckout = "InitiateCheckout",
-    Lead = "Lead",
-    PageView = "PageView",
-    Purchase = "Purchase",
-    Schedule = "Schedule",
-    Search = "Search",
-    StartTrial = "StartTrial",
-    SubmitApplication = "SubmitApplication",
-    Subscribe = "Subscribe",
-    ViewContent = "ViewContent"
-}
 export type Modifiers = {
     [name: string]: string | boolean | undefined;
 };
-/**
- * @deprecated Pixel will be deleted
- */
-export interface Pixel<TEvent = string> {
-    trackStandard: (event: TEvent, data?: Object) => void;
-    trackCustom: (event: string, data?: Object) => void;
-    track: (trackEvents: string | string[] | PixelEvent[] | PixelEvent) => void;
-}
-/**
- * @deprecated Metrika will be deleted
- */
-export interface Metrika {
-    reachGoal: (counterName: string, ...args: any) => void;
-    reachGoals: (goals: MetrikaGoal, counterName?: string) => void;
-}
 export interface ClassNameProps {
     className?: string;
 }
@@ -97,7 +46,7 @@ export type AnalyticsEvent<T = {}> = T & {
     context?: string;
     target?: string;
 };
+export type AnalyticsEventsProp = AnalyticsEvent | AnalyticsEvent[];
 export interface AnalyticsEventsBase {
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    analyticsEvents?: AnalyticsEventsProp;
 }
-export {};

package/server/models/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultEventNames = exports.PredefinedEventTypes = exports.PixelEventType = exports.themeNames = exports.Theme = void 0;
+exports.DefaultEventNames = exports.PredefinedEventTypes = exports.themeNames = exports.Theme = void 0;
 var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
@@ -10,30 +10,6 @@ exports.themeNames = {
     [Theme.Light]: 'Light',
     [Theme.Dark]: 'Dark',
 };
-/**
- * @deprecated Pixel will be deleted from package
- */
-var PixelEventType;
-(function (PixelEventType) {
-    PixelEventType["AddPaymentInfo"] = "AddPaymentInfo";
-    PixelEventType["AddToCart"] = "AddToCart";
-    PixelEventType["AddToWishlist"] = "AddToWishlist";
-    PixelEventType["CompleteRegistration"] = "CompleteRegistration";
-    PixelEventType["Contact"] = "Contact";
-    PixelEventType["CustomizeProduct"] = "CustomizeProduct";
-    PixelEventType["Donate"] = "Donate";
-    PixelEventType["FindLocation"] = "FindLocation";
-    PixelEventType["InitiateCheckout"] = "InitiateCheckout";
-    PixelEventType["Lead"] = "Lead";
-    PixelEventType["PageView"] = "PageView";
-    PixelEventType["Purchase"] = "Purchase";
-    PixelEventType["Schedule"] = "Schedule";
-    PixelEventType["Search"] = "Search";
-    PixelEventType["StartTrial"] = "StartTrial";
-    PixelEventType["SubmitApplication"] = "SubmitApplication";
-    PixelEventType["Subscribe"] = "Subscribe";
-    PixelEventType["ViewContent"] = "ViewContent";
-})(PixelEventType = exports.PixelEventType || (exports.PixelEventType = {}));
 var PredefinedEventTypes;
 (function (PredefinedEventTypes) {
     PredefinedEventTypes["Default"] = "default-event";

package/server/models/constructor-items/common.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties, HTMLProps, ReactNode } from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils';
-import { AnalyticsEventsBase, ClassNameProps, PixelEvent, PixelEventType, QAProps } from '../common';
+import { AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"
@@ -125,7 +125,6 @@ export interface MediaVideoProps extends AnalyticsEventsBase {
     playButton?: PlayButtonProps;
     controls?: MediaVideoControlsType;
     customControlsOptions?: CustomControlsOptions;
-    metrika?: MetrikaVideo;
     ariaLabel?: string;
 }
 export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
@@ -137,8 +136,6 @@ export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
     colorTheme?: TextTheme;
     arrow?: boolean;
     target?: string;
-    metrikaGoals?: MetrikaGoal;
-    pixelEvents?: ButtonPixel;
     extraProps?: HTMLProps<HTMLAnchorElement>;
 }
 export interface FileLinkProps extends ClassNameProps, Tabbable {
@@ -159,8 +156,6 @@ export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps,
     primary?: boolean;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
-    metrikaGoals?: MetrikaGoal;
-    pixelEvents?: ButtonPixel;
     target?: string;
 }
 export type ButtonImagePosition = 'left' | 'right';
@@ -184,7 +179,6 @@ export interface MediaComponentVideoProps extends AnalyticsEventsBase {
     video: MediaVideoProps;
     height?: number;
     ratio?: number;
-    metrika?: MetrikaVideo;
     previewImg?: string;
 }
 export interface MediaComponentYoutubeProps {
@@ -238,23 +232,6 @@ export interface YMapMarkerLabel {
 }
 export type MapProps = GMapProps | YMapProps;
 export type ThemedMediaProps = ThemeSupporting<MediaProps>;
-export interface NewMetrikaGoal {
-    name: string;
-    isCrossSite?: boolean;
-    counterName?: string;
-    params?: Record<string, string>;
-}
-export type MetrikaGoal = string | string[] | NewMetrikaGoal[];
-export interface MetrikaVideo {
-    counterName?: string;
-    play?: MetrikaGoal;
-    stop?: MetrikaGoal;
-}
-export interface ButtonPixelEvent {
-    name: PixelEventType;
-    data?: Object;
-}
-export type ButtonPixel = ButtonPixelEvent[];
 export interface DataLensObjectProps {
     id: string;
     theme: 'dark' | 'light';
@@ -279,8 +256,7 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
         text: ReactNode;
     }[];
     theme?: TextTheme;
-    metrikaGoals?: MetrikaGoal;
-    pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEventsProp;
 }
 export interface TitleItemProps extends Justifyable, TitleItemBaseProps {
     navTitle?: string;
@@ -331,6 +307,7 @@ export interface PriceFoldableDetailsProps {
     size?: TextSize;
     titleColor?: PriceDescriptionColor;
 }
+/** @deprecated */
 export interface PriceDetailedProps extends CardBaseProps {
     items: PriceItemProps[];
     description?: {
@@ -373,8 +350,6 @@ export interface YandexFormProps extends AnalyticsEventsBase {
     };
     onSubmit?: () => void;
     onLoad?: () => void;
-    metrikaGoals?: string | string[];
-    pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
 }
 export interface WithBorder {
     border?: MediaBorder;

package/server/models/constructor-items/sub-blocks.d.ts

@@ -1,9 +1,9 @@
 import { ClassNameProps, QuoteType } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
-import { AnalyticsEventsBase, PixelEvent } from '../common';
+import { AnalyticsEventsBase } from '../common';
 import { ContentBlockProps } from './blocks';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -70,7 +70,6 @@ export interface HubspotFormProps extends HubspotEventHandlers, AnalyticsEventsB
      * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame
      */
     onLoad?: (arg: HubspotEventData) => void;
-    pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
     hubspotEvents?: string[];
     createDOMElement?: boolean;
 }
@@ -161,6 +160,7 @@ export type LayoutItemModel = {
 export type BackgroundCardModel = {
     type: SubBlockType.BackgroundCard;
 } & BackgroundCardProps;
+/** @deprecated */
 export type PriceDetailedModel = {
     type: SubBlockType.PriceDetailed;
 } & PriceDetailedProps;

package/server/models/guards.d.ts

@@ -1,6 +1,4 @@
 import { Block, ConstructorItem, FormBlockData, FormBlockHubspotData, FormBlockYandexData } from './';
-import { MetrikaGoal, NewMetrikaGoal } from './index';
 export declare function isBlock(block: ConstructorItem): block is Block;
-export declare function isNewMetrikaFormat(metrika: MetrikaGoal): metrika is NewMetrikaGoal[];
 export declare function isYandexDataForm(data: FormBlockData): data is FormBlockYandexData;
 export declare function isHubspotDataForm(data: FormBlockData): data is FormBlockHubspotData;

package/server/models/guards.js

@@ -1,15 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHubspotDataForm = exports.isYandexDataForm = exports.isNewMetrikaFormat = exports.isBlock = void 0;
+exports.isHubspotDataForm = exports.isYandexDataForm = exports.isBlock = void 0;
 const _1 = require("./");
 function isBlock(block) {
     return block.type in _1.BlockTypes;
 }
 exports.isBlock = isBlock;
-function isNewMetrikaFormat(metrika) {
-    return Boolean(Array.isArray(metrika) && metrika.length && typeof metrika[0] === 'object');
-}
-exports.isNewMetrikaFormat = isNewMetrikaFormat;
 function isYandexDataForm(data) {
     return Boolean(data.yandex);
 }

package/server/text-transform/common.d.ts

@@ -1,18 +1,18 @@
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
-import { Lang } from '../utils/configure';
+import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
+import { Lang } from '@gravity-ui/uikit';
 export type ComplexItem = {
     [key: string]: string;
 };
 export type Item = string | null | ComplexItem;
 export type Transformer = (text: string) => string;
-export type TransformerRaw = (lang: Lang, content: string, options: {
+export type TransformerRaw = (lang: `${Lang}`, content: string, options: {
     plugins: MarkdownItPluginCb[];
 }) => string;
 export type Parser<T = any> = (transformer: Transformer, block: T) => T;
 export declare const createItemsParser: (fields: string[]) => (transformer: Transformer, items: Item[]) => (string | {
     [x: string]: string;
 } | null)[];
-export declare function yfmTransformer(lang: Lang, content: string, options?: {
+export declare function yfmTransformer(lang: `${Lang}`, content: string, options?: {
     plugins?: MarkdownItPluginCb[];
 }): string;
-export declare function typografTransformer(lang: Lang, content: string): string;
+export declare function typografTransformer(lang: `${Lang}`, content: string): string;

package/server/text-transform/common.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typografTransformer = exports.yfmTransformer = exports.createItemsParser = void 0;
-const plugins_1 = __importDefault(require("@doc-tools/transform/lib/plugins"));
+const plugins_1 = __importDefault(require("@diplodoc/transform/lib/plugins"));
 const utils_1 = require("./utils");
 const createItemsParser = (fields) => (transformer, items) => items.map((item) => {
     if (!item) {

package/server/text-transform/filter.js

@@ -6,7 +6,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterContent = void 0;
-const evaluation_1 = __importDefault(require("@doc-tools/transform/lib/liquid/evaluation"));
+const evaluation_1 = __importDefault(require("@diplodoc/transform/lib/liquid/evaluation"));
 function filterItems(items, vars, propertyName) {
     if (!Array.isArray(items)) {
         throw new Error(`Error while filtering: items has invalid key '${propertyName}' equals ${JSON.stringify(items)}`);

package/server/text-transform/transformers.d.ts

@@ -1,13 +1,13 @@
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
+import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
+import { Lang } from '@gravity-ui/uikit';
 import { ConstructorBlock } from '../models/constructor';
-import { Lang } from '../utils/configure';
 export type ContentVariables = Record<string, string>;
 export type ContentTransformerProps = {
     content: {
         blocks?: ConstructorBlock[];
     };
     options: {
-        lang: Lang;
+        lang: `${Lang}`;
         customConfig?: {};
         vars?: ContentVariables;
         plugins?: MarkdownItPluginCb[];

package/server/text-transform/utils.d.ts

@@ -1,13 +1,13 @@
-import { Options, Output } from '@doc-tools/transform';
+import { Options, Output } from '@diplodoc/transform';
+import { Lang } from '@gravity-ui/uikit';
 import sanitize from 'sanitize-html';
-import { Lang } from '../utils/configure';
 import AddRuleOptions = typograf.AddRuleOptions;
 export declare enum TransformType {
     Text = "text",
     Html = "html"
 }
 interface TransformOptions extends Options {
-    lang: Lang;
+    lang: `${Lang}`;
 }
 export declare const DEFAULT_ALLOWED_TAGS: string[];
 export declare const typografConfig: {
@@ -16,16 +16,16 @@ export declare const typografConfig: {
 };
 export declare const sanitizeStripOptions: sanitize.IOptions;
 export declare function addTypografRules(options: AddRuleOptions[]): void;
-export declare function typograf(text: string, lang?: Lang): string;
+export declare function typograf(text: string, lang?: `${Lang}`): string;
 export declare function sanitizeHtml(html: string, options?: sanitize.IOptions): string;
-export declare function typografToHTML(text: string, lang: Lang, allowedTags?: string[]): string;
-export declare function typografToText(text: string, lang: Lang): string;
+export declare function typografToHTML(text: string, lang: `${Lang}`, allowedTags?: string[]): string;
+export declare function typografToText(text: string, lang: `${Lang}`): string;
 export declare const transformMarkdown: (input: string, options: TransformOptions) => Output['result'];
 export declare function fullTransform(input: string, { lang, ...options }: TransformOptions): Output['result'];
 export interface TypografEntityParams {
     entity: Record<string, string>;
     fields: string[];
-    lang: Lang;
+    lang: `${Lang}`;
     transformType: TransformType;
 }
 export declare function typografEntity({ entity, fields, lang, transformType, }: TypografEntityParams): Record<string, string>;

package/server/text-transform/utils.js

@@ -15,10 +15,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typografEntity = exports.fullTransform = exports.transformMarkdown = exports.typografToText = exports.typografToHTML = exports.sanitizeHtml = exports.typograf = exports.addTypografRules = exports.sanitizeStripOptions = exports.typografConfig = exports.DEFAULT_ALLOWED_TAGS = exports.TransformType = void 0;
-const transform_1 = __importDefault(require("@doc-tools/transform"));
+const transform_1 = __importDefault(require("@diplodoc/transform"));
+const uikit_1 = require("@gravity-ui/uikit");
 const sanitize_html_1 = __importDefault(require("sanitize-html"));
 const typograf_1 = __importDefault(require("typograf"));
-const configure_1 = require("../utils/configure");
 var TransformType;
 (function (TransformType) {
     TransformType["Text"] = "text";
@@ -61,10 +61,10 @@ function enableRules(tp) {
     enabled.forEach((rule) => tp.enableRule(rule));
     disabled.forEach((rule) => tp.disableRule(rule));
 }
-function typograf(text, lang = configure_1.Lang.Ru) {
+function typograf(text, lang = uikit_1.Lang.Ru) {
     const localeByLang = {
-        [configure_1.Lang.Ru]: ['ru', 'en-US'],
-        [configure_1.Lang.En]: ['en-US', 'ru'],
+        [uikit_1.Lang.Ru]: ['ru', 'en-US'],
+        [uikit_1.Lang.En]: ['en-US', 'ru'],
     };
     const tp = new typograf_1.default({
         locale: localeByLang[lang],
@@ -98,7 +98,7 @@ function fullTransform(input, _a) {
     return Object.assign(Object.assign({}, result), { html: typograf(html, lang), title: title && typograf(title, lang) });
 }
 exports.fullTransform = fullTransform;
-function typografEntity({ entity, fields, lang = configure_1.Lang.Ru, transformType = TransformType.Text, }) {
+function typografEntity({ entity, fields, lang = uikit_1.Lang.Ru, transformType = TransformType.Text, }) {
     const transformTypeMap = {
         text: typografToText,
         html: typografToHTML,

package/server/utils/index.d.ts

@@ -5,6 +5,5 @@ export * from './url';
 export * from './cn';
 export * from './url';
 export * from './theme';
-export { Lang, configure } from './configure';
 export type { HubspotEventData, HubspotEventHandlers, HubspotEventName } from './hubspot';
 export { isHubspotEventData } from './hubspot';

package/server/utils/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHubspotEventData = exports.configure = exports.Lang = void 0;
+exports.isHubspotEventData = void 0;
 __exportStar(require("./common"), exports);
 __exportStar(require("./analytics"), exports);
 __exportStar(require("./blocks"), exports);
@@ -22,8 +22,5 @@ __exportStar(require("./url"), exports);
 __exportStar(require("./cn"), exports);
 __exportStar(require("./url"), exports);
 __exportStar(require("./theme"), exports);
-var configure_1 = require("./configure");
-Object.defineProperty(exports, "Lang", { enumerable: true, get: function () { return configure_1.Lang; } });
-Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return configure_1.configure; } });
 var hubspot_1 = require("./hubspot");
 Object.defineProperty(exports, "isHubspotEventData", { enumerable: true, get: function () { return hubspot_1.isHubspotEventData; } });

package/styles/mixins.scss

@@ -496,10 +496,6 @@ unpredictable css rules order in build */
     --g-button-background-color: #{$backgroundColor};
     --g-button-background-color-hover: #{$hoverBackgroundColor};
 
-    //old named variables still in use in uikit, will be removed in next major ver
-    --yc-button-background-color: #{$backgroundColor};
-    --yc-button-background-color-hover: #{$hoverBackgroundColor};
-
     &,
     &:link,
     &:visited,

package/styles/storybook/index.scss

@@ -3,7 +3,7 @@
 @import './common';
 @import './palette';
 @import './typography';
-@import '~@doc-tools/transform/dist/css/yfm.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 /**
  * storybook-host container style overrides
  * @see {@link https://github.com/philcockfield/storybook-host/issues/43}

package/styles/styles.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 @import '@gravity-ui/uikit/styles/fonts.css';
 @import '~@gravity-ui/uikit/styles/styles.css';
-@import '~@doc-tools/transform/dist/css/yfm.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 /* use this for style redefinitions to awoid problems with

package/styles/yfm.scss

@@ -1,4 +1,4 @@
-@import '~@doc-tools/transform/dist/css/yfm.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 @import './mixins.scss';
 @import './variables.scss';