@gravity-ui/page-constructor 3.0.0-alpha.5 → 3.0.0-alpha.6

package/build/esm/models/constructor-items/blocks.d.ts

@@ -8,8 +8,6 @@ export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
     SliderBlock = "slider-block",
-    CalculatorBlock = "calculator-block",
-    ServiceDemoBlock = "service-demo-block",
     QuestionsBlock = "questions-block",
     BannerBlock = "banner-block",
     CompaniesBlock = "companies-block",
@@ -48,7 +46,6 @@ export interface LoadableProps {
 export interface LoadableChildren {
     loadable?: LoadableProps;
 }
-export type ServiceDemoProps = Animatable;
 export declare enum SliderBreakpointNames {
     Sm = "sm",
     Md = "md",
@@ -110,7 +107,6 @@ export interface HeaderBlockProps {
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
 }
-export type CalculatorProps = Animatable;
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;
     label?: string;
@@ -283,15 +279,9 @@ export interface ShareBlockProps {
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
-export type CalculatorBlockModel = {
-    type: BlockType.CalculatorBlock;
-} & CalculatorProps;
 export type SliderBlockModel = {
     type: BlockType.SliderBlock;
 } & SliderProps;
-export type ServiceDemoBlockModel = {
-    type: BlockType.ServiceDemoBlock;
-} & ServiceDemoProps;
 export type ExtendedFeaturesBlockModel = {
     type: BlockType.ExtendedFeaturesBlock;
 } & ExtendedFeaturesProps;
@@ -340,6 +330,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/esm/models/constructor-items/blocks.js

@@ -3,8 +3,6 @@ export var BlockType;
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
     BlockType["SliderBlock"] = "slider-block";
-    BlockType["CalculatorBlock"] = "calculator-block";
-    BlockType["ServiceDemoBlock"] = "service-demo-block";
     BlockType["QuestionsBlock"] = "questions-block";
     BlockType["BannerBlock"] = "banner-block";
     BlockType["CompaniesBlock"] = "companies-block";

package/build/esm/models/constructor-items/common.d.ts

@@ -94,6 +94,7 @@ export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, P
     style?: CSSProperties;
     imageClassName?: string;
     hide?: boolean;
+    qa?: string;
 }
 export interface MediaVideoProps extends AnalyticsEventsBase {
     src: string[];

package/build/esm/models/constructor.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, Block, ConstructorItem, ThemedMediaProps, WithChildren } from './';
+import { Animatable, Block, BlockDecoratorProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }
@@ -40,5 +40,8 @@ export interface CustomConfig {
     subBlocks?: CustomItems;
     headers?: CustomItems;
     loadable?: LoadableConfig;
+    decorators?: {
+        block?: ((props: BlockDecoratorProps) => React.ReactElement)[];
+    };
 }
 export {};

package/build/esm/models/customization.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export interface BlockDecorationProps extends PropsWithChildren {
+    id?: string;
+}
+export interface BlockDecoratorProps extends PropsWithChildren {
+    id: string | number;
+    isHeader?: boolean;
+}
+export type BlockDecorator = (props: BlockDecoratorProps) => React.ReactElement;

package/build/esm/models/customization.js

@@ -0,0 +1 @@
+export {};

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

@@ -5,3 +5,4 @@ export * from './components';
 export * from './guards';
 export * from './react';
 export * from './navigation';
+export * from './customization';

package/build/esm/models/index.js

@@ -5,3 +5,4 @@ export * from './components';
 export * from './guards';
 export * from './react';
 export * from './navigation';
+export * from './customization';

package/build/esm/schema/index.js

@@ -28,7 +28,6 @@ export function generateDefaultSchema(config) {
         'info-block',
         'table-block',
         'tabs-block',
-        'preview-block',
         'price-detailed',
         'header-slider-block',
         'cards-with-image-block',

package/build/esm/sub-blocks/Content/Content.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import React from 'react';
 import { Button, Title, YFMWrapper } from '../../components';
 import LinkBlock from '../../components/Link/Link';
@@ -35,9 +34,9 @@ function getButtonSize(size) {
 }
 const Content = (props) => {
     const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
-    const titleProps = __rest(!title || typeof title === 'string'
+    const titleProps = !title || typeof title === 'string'
         ? { text: title, textSize: getTextSize(size) }
-        : Object.assign({}, title), []);
+        : title;
     const hasTitle = Boolean(title);
     return (React.createElement(Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes },
         title && React.createElement(Title, { className: b('title'), title: titleProps, colSizes: { all: 12 } }),

package/build/esm/text-transform/transformers.js

@@ -1,3 +1,5 @@
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 import _ from 'lodash';
 import { config } from './config';
 function transformBlocks(blocks, lang, customConfig = {}) {
@@ -9,7 +11,6 @@ function transformBlock(lang, blocksConfig, block) {
     const blockConfig = blocksConfig[block.type];
     if (block) {
         if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
             block.children = _.shuffle(block.children);
         }
     }
@@ -22,11 +23,9 @@ function transformBlock(lang, blocksConfig, block) {
                 fields.forEach((field) => {
                     if (block[field]) {
                         if (parser) {
-                            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
                             block[field] = parser(transformer, block[field]);
                         }
                         else if (typeof block[field] === 'string') {
-                            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
                             block[field] = transformer(block[field]);
                         }
                     }
@@ -38,7 +37,6 @@ function transformBlock(lang, blocksConfig, block) {
         });
     }
     if ('children' in block && block.children) {
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
         block.children = transformBlocks(block.children, lang, blocksConfig);
     }
     return block;

package/build/esm/utils/blocks.d.ts

@@ -1,4 +1,4 @@
-import { CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+import { Block, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 import { ConstructorBlock } from '../models/constructor';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
@@ -8,4 +8,7 @@ export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomCon
 };
 export declare const getCustomSubBlockTypes: (customBlocks?: CustomConfig) => string[];
 export declare const getCustomHeaderTypes: (customBlocks?: CustomConfig) => string[];
+export declare const getOrderedBlocks: (blocks: Block[], headerBlockTypes?: string[]) => Block[];
+export declare const getHeaderBlock: (blocks: Block[], headerBlockTypes?: string[]) => Block | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;
+export declare const getBlockIndexFromId: (blockId?: string) => number;

package/build/esm/utils/blocks.js

@@ -37,6 +37,12 @@ const getShareUrlWithParams = (url, params = {}) => {
     });
     return result.toString();
 };
+export const getOrderedBlocks = (blocks, headerBlockTypes = []) => {
+    return blocks.filter(({ type }) => !headerBlockTypes.includes(type));
+};
+export const getHeaderBlock = (blocks, headerBlockTypes = []) => {
+    return blocks.find(({ type }) => headerBlockTypes.includes(type));
+};
 export const getShareLink = (url, type, title, text) => {
     // https://github.com/bradvin/social-share-urls
     switch (type) {
@@ -65,3 +71,4 @@ export const getShareLink = (url, type, title, text) => {
             return undefined;
     }
 };
+export const getBlockIndexFromId = (blockId) => { var _a; return Number((_a = blockId === null || blockId === void 0 ? void 0 : blockId.split('-')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()); };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-alpha.6",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -61,15 +61,16 @@
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+    "@doc-tools/transform": "^2.6.1",
     "@gravity-ui/uikit": "^4.1.0",
-    "@doc-tools/transform": "^2.6.1"
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@doc-tools/transform": "2.12.0",
     "@gravity-ui/eslint-config": "^2.0.0",
+    "@gravity-ui/icons": "^2.1.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",

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

@@ -8,8 +8,6 @@ export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
     SliderBlock = "slider-block",
-    CalculatorBlock = "calculator-block",
-    ServiceDemoBlock = "service-demo-block",
     QuestionsBlock = "questions-block",
     BannerBlock = "banner-block",
     CompaniesBlock = "companies-block",
@@ -48,7 +46,6 @@ export interface LoadableProps {
 export interface LoadableChildren {
     loadable?: LoadableProps;
 }
-export type ServiceDemoProps = Animatable;
 export declare enum SliderBreakpointNames {
     Sm = "sm",
     Md = "md",
@@ -110,7 +107,6 @@ export interface HeaderBlockProps {
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
 }
-export type CalculatorProps = Animatable;
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;
     label?: string;
@@ -283,15 +279,9 @@ export interface ShareBlockProps {
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
-export type CalculatorBlockModel = {
-    type: BlockType.CalculatorBlock;
-} & CalculatorProps;
 export type SliderBlockModel = {
     type: BlockType.SliderBlock;
 } & SliderProps;
-export type ServiceDemoBlockModel = {
-    type: BlockType.ServiceDemoBlock;
-} & ServiceDemoProps;
 export type ExtendedFeaturesBlockModel = {
     type: BlockType.ExtendedFeaturesBlock;
 } & ExtendedFeaturesProps;
@@ -340,6 +330,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/server/models/constructor-items/blocks.js

@@ -6,8 +6,6 @@ var BlockType;
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
     BlockType["SliderBlock"] = "slider-block";
-    BlockType["CalculatorBlock"] = "calculator-block";
-    BlockType["ServiceDemoBlock"] = "service-demo-block";
     BlockType["QuestionsBlock"] = "questions-block";
     BlockType["BannerBlock"] = "banner-block";
     BlockType["CompaniesBlock"] = "companies-block";

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

@@ -94,6 +94,7 @@ export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, P
     style?: CSSProperties;
     imageClassName?: string;
     hide?: boolean;
+    qa?: string;
 }
 export interface MediaVideoProps extends AnalyticsEventsBase {
     src: string[];

package/server/models/constructor.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, Block, ConstructorItem, ThemedMediaProps, WithChildren } from './';
+import { Animatable, Block, BlockDecoratorProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }
@@ -40,5 +40,8 @@ export interface CustomConfig {
     subBlocks?: CustomItems;
     headers?: CustomItems;
     loadable?: LoadableConfig;
+    decorators?: {
+        block?: ((props: BlockDecoratorProps) => React.ReactElement)[];
+    };
 }
 export {};

package/server/models/customization.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export interface BlockDecorationProps extends PropsWithChildren {
+    id?: string;
+}
+export interface BlockDecoratorProps extends PropsWithChildren {
+    id: string | number;
+    isHeader?: boolean;
+}
+export type BlockDecorator = (props: BlockDecoratorProps) => React.ReactElement;

package/server/models/customization.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/server/models/index.d.ts

@@ -5,3 +5,4 @@ export * from './components';
 export * from './guards';
 export * from './react';
 export * from './navigation';
+export * from './customization';

package/server/models/index.js

@@ -21,3 +21,4 @@ __exportStar(require("./components"), exports);
 __exportStar(require("./guards"), exports);
 __exportStar(require("./react"), exports);
 __exportStar(require("./navigation"), exports);
+__exportStar(require("./customization"), exports);

package/server/text-transform/transformers.js

@@ -4,6 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contentTransformer = void 0;
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 const lodash_1 = __importDefault(require("lodash"));
 const config_1 = require("./config");
 function transformBlocks(blocks, lang, customConfig = {}) {
@@ -15,7 +17,6 @@ function transformBlock(lang, blocksConfig, block) {
     const blockConfig = blocksConfig[block.type];
     if (block) {
         if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
             block.children = lodash_1.default.shuffle(block.children);
         }
     }
@@ -28,11 +29,9 @@ function transformBlock(lang, blocksConfig, block) {
                 fields.forEach((field) => {
                     if (block[field]) {
                         if (parser) {
-                            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
                             block[field] = parser(transformer, block[field]);
                         }
                         else if (typeof block[field] === 'string') {
-                            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
                             block[field] = transformer(block[field]);
                         }
                     }
@@ -44,7 +43,6 @@ function transformBlock(lang, blocksConfig, block) {
         });
     }
     if ('children' in block && block.children) {
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
         block.children = transformBlocks(block.children, lang, blocksConfig);
     }
     return block;

package/server/utils/blocks.d.ts

@@ -1,4 +1,4 @@
-import { CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+import { Block, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 import { ConstructorBlock } from '../models/constructor';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
@@ -8,4 +8,7 @@ export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomCon
 };
 export declare const getCustomSubBlockTypes: (customBlocks?: CustomConfig) => string[];
 export declare const getCustomHeaderTypes: (customBlocks?: CustomConfig) => string[];
+export declare const getOrderedBlocks: (blocks: Block[], headerBlockTypes?: string[]) => Block[];
+export declare const getHeaderBlock: (blocks: Block[], headerBlockTypes?: string[]) => Block | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;
+export declare const getBlockIndexFromId: (blockId?: string) => number;

package/server/utils/blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getShareLink = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
+exports.getBlockIndexFromId = exports.getShareLink = exports.getHeaderBlock = exports.getOrderedBlocks = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
 const models_1 = require("../models");
 function getHeaderTag(size) {
     switch (size) {
@@ -46,6 +46,14 @@ const getShareUrlWithParams = (url, params = {}) => {
     });
     return result.toString();
 };
+const getOrderedBlocks = (blocks, headerBlockTypes = []) => {
+    return blocks.filter(({ type }) => !headerBlockTypes.includes(type));
+};
+exports.getOrderedBlocks = getOrderedBlocks;
+const getHeaderBlock = (blocks, headerBlockTypes = []) => {
+    return blocks.find(({ type }) => headerBlockTypes.includes(type));
+};
+exports.getHeaderBlock = getHeaderBlock;
 const getShareLink = (url, type, title, text) => {
     // https://github.com/bradvin/social-share-urls
     switch (type) {
@@ -75,3 +83,5 @@ const getShareLink = (url, type, title, text) => {
     }
 };
 exports.getShareLink = getShareLink;
+const getBlockIndexFromId = (blockId) => { var _a; return Number((_a = blockId === null || blockId === void 0 ? void 0 : blockId.split('-')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()); };
+exports.getBlockIndexFromId = getBlockIndexFromId;

package/styles/styles.css

@@ -1,202 +1,6 @@
 @charset "UTF-8";
 @import '~@gravity-ui/uikit/styles/styles.css';
 @import '~@doc-tools/transform/dist/css/yfm.css';
-@font-face {
-  font-family: "YS Display";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff") format("woff");
-  font-weight: 100;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Display";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-light.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-light.woff") format("woff");
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Display";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-regular.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-regular.woff") format("woff");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Display";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-medium.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-medium.woff") format("woff");
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Display";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-bold.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-bold.woff") format("woff");
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Display";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff") format("woff");
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Text";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-light.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-light.woff") format("woff");
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Text";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-light-italic.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-light-italic.woff") format("woff");
-  font-weight: 300;
-  font-style: italic;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Text";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff") format("woff");
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Text";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-regular-italic.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-regular-italic.woff") format("woff");
-  font-weight: 400;
-  font-style: italic;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Text";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff") format("woff");
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Text";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-medium-italic.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-medium-italic.woff") format("woff");
-  font-weight: 500;
-  font-style: italic;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Text";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff") format("woff");
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-@font-face {
-  font-family: "YS Text";
-  src: url("https://yastatic.net/s3/home/fonts/ys/1/text-bold-italic.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/text-bold-italic.woff") format("woff");
-  font-weight: 700;
-  font-style: italic;
-  font-display: swap;
-}
-.YSDisplay-Thin {
-  font-family: "YS Display", sans-serif;
-  font-weight: 100;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSDisplay-Light {
-  font-family: "YS Display", sans-serif;
-  font-weight: 300;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSDisplay-Regular {
-  font-family: "YS Display", sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSDisplay-Medium {
-  font-family: "YS Display", sans-serif;
-  font-weight: 500;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSDisplay-Bold {
-  font-family: "YS Display", sans-serif;
-  font-weight: 700;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSDisplay-Heavy {
-  font-family: "YS Display", sans-serif;
-  font-weight: 900;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSText-Light {
-  font-family: "YS Text", sans-serif;
-  font-weight: 300;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSText-LightItalic {
-  font-family: "YS Text", sans-serif;
-  font-weight: 300;
-  font-style: italic;
-  font-stretch: normal;
-}
-
-.YSText-Regular {
-  font-family: "YS Text", sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSText-RegularItalic {
-  font-family: "YS Text", sans-serif;
-  font-weight: 400;
-  font-style: italic;
-  font-stretch: normal;
-}
-
-.YSText-Medium {
-  font-family: "YS Text", sans-serif;
-  font-weight: 500;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSText-MediumItalic {
-  font-family: "YS Text", sans-serif;
-  font-weight: 500;
-  font-style: italic;
-  font-stretch: normal;
-}
-
-.YSText-Bold {
-  font-family: "YS Text", sans-serif;
-  font-weight: 700;
-  font-style: normal;
-  font-stretch: normal;
-}
-
-.YSText-BoldItalic {
-  font-family: "YS Text", sans-serif;
-  font-weight: 700;
-  font-style: italic;
-  font-stretch: normal;
-}
-
 /* 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/styles.scss

@@ -1,5 +1,4 @@
 @import '~@gravity-ui/uikit/styles/styles.css';
-@import './fonts.scss';
 @import './mixins.scss';
 @import './variables.scss';
 @import './yfm.scss';