@gravity-ui/page-constructor 2.2.0 → 2.2.1-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.2.0",
+  "version": "2.2.1-alpha.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -137,5 +137,8 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
+  },
+  "publishConfig": {
+    "tag": "alpha"
   }
 }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonSize } from '@gravity-ui/uikit';
-import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, MapProps, PreviewItemProps, PreviewRatioMediaContent, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
+import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, MapProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
 import { ThemeSupporting } from '../../utils';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
@@ -14,12 +14,10 @@ export declare enum BlockType {
     BannerBlock = "banner-block",
     CompaniesBlock = "companies-block",
     MediaBlock = "media-block",
-    PreviewBlock = "preview-block",
     InfoBlock = "info-block",
     SecurityBlock = "security-block",
     TableBlock = "table-block",
     TabsBlock = "tabs-block",
-    SimpleBlock = "simple-block",
     HeaderSliderBlock = "header-slider-block",
     LinkTableBlock = "link-table-block",
     HeaderBlock = "header-block",
@@ -114,10 +112,6 @@ export interface HeaderBlockProps {
     status?: JSX.Element;
 }
 export type CalculatorProps = Animatable;
-export interface SimpleBlockProps extends Animatable, Childable {
-    title: TitleBaseProps;
-    description: string;
-}
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;
     label?: string;
@@ -180,15 +174,6 @@ export interface MediaBlockProps extends MediaBaseBlockProps {
 export interface MapBlockProps extends MediaBaseBlockProps {
     map: MapProps;
 }
-export interface PreviewBlockProps extends Animatable {
-    title: string;
-    items: PreviewItemProps[];
-    description?: string;
-    direction?: MediaDirection;
-    ratioMediaContent?: PreviewRatioMediaContent;
-    stopVideo?: boolean;
-    showImmediately?: boolean;
-}
 export interface InfoBlockProps {
     theme?: TextTheme;
     backgroundColor?: ThemeSupporting<string>;
@@ -346,9 +331,6 @@ export type MediaBlockModel = {
 export type MapBlockModel = {
     type: BlockType.MapBlock;
 } & MapBlockProps;
-export type PreviewBlockModel = {
-    type: BlockType.PreviewBlock;
-} & PreviewBlockProps;
 export type InfoBlockModel = {
     type: BlockType.InfoBlock;
 } & InfoBlockProps;
@@ -361,9 +343,6 @@ export type TableBlockModel = {
 export type TabsBlockModel = {
     type: BlockType.TabsBlock;
 } & TabsBlockProps;
-export type SimpleBlockModel = {
-    type: BlockType.SimpleBlock;
-} & SimpleBlockProps;
 export type LinkTableBlockModel = {
     type: BlockType.LinkTableBlock;
 } & LinkTableBlockProps;
@@ -385,6 +364,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | LinkTableBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -12,12 +12,10 @@ var BlockType;
     BlockType["BannerBlock"] = "banner-block";
     BlockType["CompaniesBlock"] = "companies-block";
     BlockType["MediaBlock"] = "media-block";
-    BlockType["PreviewBlock"] = "preview-block";
     BlockType["InfoBlock"] = "info-block";
     BlockType["SecurityBlock"] = "security-block";
     BlockType["TableBlock"] = "table-block";
     BlockType["TabsBlock"] = "tabs-block";
-    BlockType["SimpleBlock"] = "simple-block";
     BlockType["HeaderSliderBlock"] = "header-slider-block";
     BlockType["LinkTableBlock"] = "link-table-block";
     BlockType["HeaderBlock"] = "header-block";

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

@@ -17,10 +17,6 @@ export declare enum PriceLabelColor {
     PURPLE = "purple",
     RED = "red"
 }
-export declare enum PreviewItemType {
-    Video = "video",
-    Image = "image"
-}
 export declare enum PlayButtonType {
     Default = "default",
     Text = "text"
@@ -49,7 +45,6 @@ export type LegendTableMarkerType = 'disk';
 export type LinkTheme = 'file-link' | 'normal' | 'back' | 'underline';
 export type MediaDirection = 'media-content' | 'content-media';
 export type PriceDescriptionColor = 'cornflower' | 'black';
-export type PreviewRatioMediaContent = '2-1' | '1-1';
 export type ContentSize = 's' | 'l';
 export type ContentTextSize = 's' | 'm' | 'l';
 export type ContentTheme = 'default' | 'dark' | 'light';
@@ -249,15 +244,6 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
-export interface PreviewContentItemProps {
-    title: string;
-    description?: string;
-}
-export interface PreviewItemProps {
-    type: PreviewItemType;
-    media: ThemedMediaProps;
-    content: PreviewContentItemProps;
-}
 export interface TitleProps extends Justifyable, TitleBaseProps {
     navTitle?: string;
     anchor?: string;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaVideoControlsType = exports.MediaVideoType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PreviewItemType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
+exports.MediaVideoControlsType = exports.MediaVideoType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
 // enums
 var AuthorType;
 (function (AuthorType) {
@@ -20,11 +20,6 @@ var PriceLabelColor;
     PriceLabelColor["PURPLE"] = "purple";
     PriceLabelColor["RED"] = "red";
 })(PriceLabelColor = exports.PriceLabelColor || (exports.PriceLabelColor = {}));
-var PreviewItemType;
-(function (PreviewItemType) {
-    PreviewItemType["Video"] = "video";
-    PreviewItemType["Image"] = "image";
-})(PreviewItemType = exports.PreviewItemType || (exports.PreviewItemType = {}));
 var PlayButtonType;
 (function (PlayButtonType) {
     PlayButtonType["Default"] = "default";

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

@@ -1,7 +1,7 @@
 import { ClassNameProps } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 import { ContentBlockProps } from './blocks';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
 export declare enum SubBlockType {
@@ -9,27 +9,26 @@ export declare enum SubBlockType {
     Quote = "quote",
     NewsCard = "news-card",
     /**
-     * @deprecated Will be moved to params use BasicCard instead
+     * @deprecated Will be removed, use BasicCard instead
      */
     Partner = "partner",
+    /**
+     * @deprecated Will be removed
+     */
     PriceDetailed = "price-detailed",
     MediaCard = "media-card",
     BannerCard = "banner-card",
     /**
-     * @deprecated Will be moved to params use BasicCard instead
+     * @deprecated Will be removed, use BasicCard instead
      */
     TutorialCard = "tutoral-card",
-    /**
-     * @deprecated Use LayoutItem
-     */
-    CardWithImage = "card-with-image",
     LayoutItem = "layout-item",
     BackgroundCard = "background-card",
     BasicCard = "basic-card",
     Content = "content",
     HubspotForm = "hubspot-form",
     /**
-     * @deprecated Will be moved to params use BasicCard instead
+     * @deprecated Will be removed, use BasicCard instead
      */
     Card = "card"
 }
@@ -119,18 +118,6 @@ export interface BannerCardProps {
 }
 export interface MediaCardProps extends MediaProps, CardBaseProps {
 }
-export interface CardWithImageLinkProps extends Omit<LinkProps, 'text' | 'url'> {
-    title: string;
-    link: string;
-}
-export interface CardWithImageProps extends ClassNameProps, Pick<ContentBlockProps, 'title' | 'additionalInfo' | 'buttons' | 'theme'> {
-    image: string;
-    description?: string;
-    disableCompress?: boolean;
-    border?: boolean;
-    fullScreen?: boolean;
-    links?: CardWithImageLinkProps[];
-}
 export interface LayoutItemProps extends ClassNameProps {
     content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
     media: MediaProps;
@@ -147,11 +134,8 @@ export type QuoteModel = {
 export type NewsCardModel = {
     type: SubBlockType.NewsCard;
 } & NewsCardProps;
-export type CardWithImageModel = {
-    type: SubBlockType.CardWithImage;
-} & CardWithImageProps;
 export type LayoutItemModel = {
-    type: SubBlockType.CardWithImage;
+    type: SubBlockType.LayoutItem;
 } & LayoutItemProps;
 export type TutorialCardModel = {
     type: SubBlockType.TutorialCard;
@@ -177,5 +161,5 @@ export type BannerCardModel = {
 export type BasicCardModel = {
     type: SubBlockType.BasicCard;
 } & BasicCardProps;
-export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PartnerModel | PriceDetailedModel | MediaCardModel | TutorialCardModel | CardWithImageModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel;
+export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PartnerModel | PriceDetailedModel | MediaCardModel | TutorialCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
 export type SubBlock = SubBlockModels;

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

@@ -7,27 +7,26 @@ var SubBlockType;
     SubBlockType["Quote"] = "quote";
     SubBlockType["NewsCard"] = "news-card";
     /**
-     * @deprecated Will be moved to params use BasicCard instead
+     * @deprecated Will be removed, use BasicCard instead
      */
     SubBlockType["Partner"] = "partner";
+    /**
+     * @deprecated Will be removed
+     */
     SubBlockType["PriceDetailed"] = "price-detailed";
     SubBlockType["MediaCard"] = "media-card";
     SubBlockType["BannerCard"] = "banner-card";
     /**
-     * @deprecated Will be moved to params use BasicCard instead
+     * @deprecated Will be removed, use BasicCard instead
      */
     SubBlockType["TutorialCard"] = "tutoral-card";
-    /**
-     * @deprecated Use LayoutItem
-     */
-    SubBlockType["CardWithImage"] = "card-with-image";
     SubBlockType["LayoutItem"] = "layout-item";
     SubBlockType["BackgroundCard"] = "background-card";
     SubBlockType["BasicCard"] = "basic-card";
     SubBlockType["Content"] = "content";
     SubBlockType["HubspotForm"] = "hubspot-form";
     /**
-     * @deprecated Will be moved to params use BasicCard instead
+     * @deprecated Will be removed, use BasicCard instead
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));

package/server/text-transform/blocks.js

@@ -147,16 +147,6 @@ const config = {
             transformer: typografTransformer,
         },
     ],
-    [models_1.SubBlockType.CardWithImage]: [
-        {
-            fields: ['description', 'additionalInfo'],
-            transformer: yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-        },
-    ],
     [models_1.SubBlockType.LayoutItem]: [
         {
             fields: ['content'],
@@ -281,17 +271,6 @@ const config = {
             parser: (0, exports.createItemsParser)(['description']),
         },
     ],
-    [models_1.BlockType.SimpleBlock]: [
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-            parser: parseTitle,
-        },
-        {
-            fields: ['description'],
-            transformer: yfmTransformer,
-        },
-    ],
     [models_1.SubBlockType.PriceDetailed]: [
         {
             transformer: yfmTransformer,
@@ -327,17 +306,6 @@ const config = {
             parser: parseTitle,
         },
     ],
-    [models_1.BlockType.PreviewBlock]: [
-        {
-            fields: ['description'],
-            transformer: yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-            parser: parseTitle,
-        },
-    ],
     [models_1.BlockType.InfoBlock]: [
         {
             fields: ['rightContent', 'leftContent'],

package/server/utils/index.d.ts

@@ -1,7 +1,6 @@
 export * from './common';
 export * from './analytics';
 export * from './blocks';
-export * from './scroll';
 export * from './url';
 export * from './cn';
 export * from './url';

package/server/utils/index.js

@@ -18,7 +18,6 @@ exports.isHubspotEventData = exports.configure = exports.Lang = void 0;
 __exportStar(require("./common"), exports);
 __exportStar(require("./analytics"), exports);
 __exportStar(require("./blocks"), exports);
-__exportStar(require("./scroll"), exports);
 __exportStar(require("./url"), exports);
 __exportStar(require("./cn"), exports);
 __exportStar(require("./url"), exports);

package/build/cjs/blocks/Preview/MediaContent/MediaContent.css

@@ -1,50 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-preview-media-content-block__header {
-  margin-bottom: 24px;
-}
-.pc-preview-media-content-block__menu {
-  padding: 0;
-}
-.pc-preview-media-content-block__title {
-  font-size: var(--yc-text-display-1-font-size);
-  line-height: var(--yc-text-display-1-line-height);
-  font-weight: 500;
-  position: relative;
-}
-.pc-preview-media-content-block__description {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  margin-top: 12px;
-  position: relative;
-}
-.pc-preview-media-content-block__content, .pc-preview-media-content-block__media {
-  padding: 0;
-}
-@media (max-width: 769px) {
-  .pc-preview-media-content-block__menu.col {
-    overflow-y: auto;
-    margin-bottom: 16px;
-    padding: 0;
-  }
-  .pc-preview-media-content-block__content-wrapper {
-    width: fit-content;
-    display: flex;
-  }
-  .pc-preview-media-content-block__content-wrapper div.preview-content-block__content-wrapper:first-child div.preview-content-block__content_active {
-    margin-left: 0;
-  }
-  .pc-preview-media-content-block__content-wrapper div.preview-content-block__content-wrapper:last-child div.preview-content-block__content_active {
-    margin-right: 0;
-  }
-}
-@media (min-width: 577px) and (max-width: 769px) {
-  .pc-preview-media-content-block__header, .pc-preview-media-content-block__content-wrapper {
-    padding: 0 32px;
-  }
-}
-@media (max-width: 577px) {
-  .pc-preview-media-content-block__header, .pc-preview-media-content-block__content-wrapper {
-    padding: 0 20px;
-  }
-}

package/build/cjs/blocks/Preview/MediaContent/MediaContent.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { PreviewItemProps, PreviewRatioMediaContent, Refable } from '../../../models';
-interface MediaContentProps extends Refable<HTMLDivElement> {
-    items: PreviewItemProps[];
-    title: string;
-    description?: string;
-    ratioMediaContent?: PreviewRatioMediaContent;
-    switching: boolean;
-    isActiveBlock: (id: number, isMediaBlock?: boolean) => boolean;
-    showMediaContent: (id: number) => void;
-}
-declare const MediaContent: React.ForwardRefExoticComponent<Pick<MediaContentProps, "title" | "items" | "description" | "ratioMediaContent" | "switching" | "isActiveBlock" | "showMediaContent"> & React.RefAttributes<HTMLDivElement>>;
-export default MediaContent;

package/build/cjs/blocks/Preview/MediaContent/MediaContent.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../utils");
-const grid_1 = require("../../../grid");
-const components_1 = require("../../../components/");
-const PreviewContent_1 = tslib_1.__importDefault(require("./PreviewContent"));
-const PreviewMedia_1 = tslib_1.__importDefault(require("./PreviewMedia"));
-const ThemeValueContext_1 = require("../../../context/theme/ThemeValueContext");
-const b = (0, utils_1.block)('preview-media-content-block');
-const MediaContent = (0, react_1.forwardRef)((props, ref) => {
-    const { items, title, description = '', switching, ratioMediaContent = '1-1', isActiveBlock, showMediaContent, } = props;
-    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
-    const [mediaSizes, setMediaSizes] = (0, react_1.useState)({ [grid_1.GridColumnSize.All]: 12 });
-    const [contentSizes, setContentSizes] = (0, react_1.useState)({ [grid_1.GridColumnSize.All]: 12 });
-    (0, react_1.useEffect)(() => {
-        const [mediaSize, contentSize] = ratioMediaContent.split('-');
-        const blockSize = 12 / (Number(mediaSize) + Number(contentSize));
-        const updatedMediaSizes = Object.assign(Object.assign({}, mediaSizes), { [grid_1.GridColumnSize.Md]: blockSize * Number(mediaSize) });
-        setMediaSizes(updatedMediaSizes);
-        const updatedContentSizes = Object.assign(Object.assign({}, contentSizes), { [grid_1.GridColumnSize.Md]: blockSize * Number(contentSize) });
-        setContentSizes(updatedContentSizes);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [ratioMediaContent]);
-    const contentComponents = [];
-    const mediaComponents = [];
-    items.forEach((item, id) => {
-        const { content, media } = item;
-        const isActive = isActiveBlock(id);
-        const contentMods = { active: isActive };
-        const mediaMods = { active: isActiveBlock(id, true) };
-        const onClick = () => showMediaContent(id);
-        contentComponents.push(react_1.default.createElement(PreviewContent_1.default, Object.assign({ key: id, id: id }, content, { switching: switching, onClick: onClick, mods: contentMods })));
-        mediaComponents.push(react_1.default.createElement(PreviewMedia_1.default, { key: id, id: id, media: media && (0, utils_1.getThemedValue)(media, theme), play: isActive, mods: mediaMods }));
-    });
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(grid_1.Col, { sizes: contentSizes, className: b('content') },
-            react_1.default.createElement("div", { className: b('header') },
-                react_1.default.createElement("h2", { className: b('title') },
-                    react_1.default.createElement(components_1.HTML, null, title)),
-                description && (react_1.default.createElement("div", { className: b('description') },
-                    react_1.default.createElement(components_1.YFMWrapper, { content: description, modifiers: { constructor: true } })))),
-            react_1.default.createElement(grid_1.Col, { ref: ref, className: b('menu') },
-                react_1.default.createElement("div", { className: b('content-wrapper') }, contentComponents))),
-        react_1.default.createElement(grid_1.Col, { sizes: mediaSizes, className: b('media') }, mediaComponents)));
-});
-MediaContent.displayName = 'MediaContent';
-exports.default = MediaContent;

package/build/cjs/blocks/Preview/MediaContent/PreviewContent.css

@@ -1,106 +0,0 @@
-.pc-preview-content-block__title {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-preview-content-block__content {
-  height: 100%;
-  display: block;
-  cursor: pointer;
-  border-radius: var(--pc-border-radius);
-  overflow: hidden;
-  position: relative;
-  background: var(--yc-color-base-background);
-}
-.pc-preview-content-block__content > .pc-preview-content-block__description {
-  overflow: hidden;
-}
-.pc-preview-content-block__loader-block {
-  height: 100%;
-  width: 0%;
-  background: var(--yc-color-base-background);
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.pc-preview-content-block__loader-block_auto {
-  transition: background-color 1s ease, width 300ms linear;
-}
-.pc-preview-content-block__loader-block_active {
-  background-color: var(--yc-color-promo-highlight-sky);
-  width: 100%;
-}
-.pc-preview-content-block__loader-block_active.pc-preview-content-block__loader-block_auto {
-  transition: background-color 1s ease, width 5s linear;
-}
-.pc-preview-content-block__title {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-  position: relative;
-}
-.pc-preview-content-block__description {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  position: relative;
-}
-@media (min-width: 769px) {
-  .pc-preview-content-block__content {
-    padding: 16px 24px;
-    margin: 0;
-    transition: background-color 0.5s ease-in, margin-top 300ms ease, margin-bottom 300ms ease;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description {
-    height: 0px;
-    transition: height 300ms ease, padding-top 300ms ease;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description > span {
-    color: transparent;
-    transition: color 300ms ease;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__title:hover {
-    color: var(--yc-color-text-link);
-  }
-  .pc-preview-content-block__content_active {
-    padding: 24px;
-    margin: 16px 0;
-    background: var(--yc-color-promo-base-silver);
-    transition: background-color 300ms ease-in, margin 300ms ease, padding 300ms ease;
-  }
-  .pc-preview-content-block__content_active > .pc-preview-content-block__description {
-    padding-top: 12px;
-  }
-  .pc-preview-content-block__content_active > .pc-preview-content-block__description > span {
-    color: var(--yc-color-text-primary);
-  }
-  .pc-preview-content-block__content_active > .pc-preview-content-block__title:hover {
-    color: var(--yc-color-text-primary);
-  }
-}
-@media (max-width: 769px) {
-  .pc-preview-content-block__content {
-    width: 275px;
-    padding: 24px;
-    padding-bottom: 32px;
-    transition: background-color 0.5s ease-in;
-  }
-  .pc-preview-content-block__content_active {
-    margin: 0 16px;
-    background: var(--yc-color-promo-base-silver);
-    transition: background-color 300ms ease-in;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description {
-    padding-top: 12px;
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description > span {
-    color: var(--yc-color-text-primary);
-  }
-  .pc-preview-content-block__content > .pc-preview-content-block__description {
-    display: block;
-  }
-  .pc-preview-content-block .preview-block__row_reverse__content {
-    margin-left: 0;
-  }
-}

package/build/cjs/blocks/Preview/MediaContent/PreviewContent.d.ts

@@ -1,11 +0,0 @@
-import { Modifiers } from '../../../models';
-interface PreviewContentProps {
-    id: number;
-    title: string;
-    description?: string;
-    switching: boolean;
-    onClick: () => void;
-    mods: Modifiers | null;
-}
-declare const PreviewContent: (props: PreviewContentProps) => JSX.Element;
-export default PreviewContent;

package/build/cjs/blocks/Preview/MediaContent/PreviewContent.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../../utils");
-const YFMWrapper_1 = tslib_1.__importDefault(require("../../../components/YFMWrapper/YFMWrapper"));
-const b = (0, utils_1.block)('preview-content-block');
-const PreviewContent = (props) => {
-    const { id, title, description = '', switching, onClick, mods } = props;
-    return (react_1.default.createElement("div", { key: id, className: b('content-wrapper') },
-        react_1.default.createElement("div", { className: b('content', mods), onClick: onClick },
-            react_1.default.createElement("div", { className: b('loader-block', Object.assign(Object.assign({}, mods), { auto: switching })) }),
-            react_1.default.createElement("h2", { className: b('title') }, title),
-            description && (react_1.default.createElement("div", { className: b('description') },
-                react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))))));
-};
-exports.default = PreviewContent;

package/build/cjs/blocks/Preview/MediaContent/PreviewMedia.css

@@ -1,54 +0,0 @@
-.pc-preview-media-block__title {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-@media (min-width: 769px) {
-  .pc-preview-media-block.pc-AnimateBlock .pc-preview-media-block __media, .pc-AnimateBlock .pc-preview-media-block .pc-preview-media-block __media {
-    position: relative;
-    top: 100px;
-    opacity: 0;
-  }
-  .pc-preview-media-block.pc-AnimateBlock.animate .pc-preview-media-block __media, .pc-AnimateBlock .pc-preview-media-block.animate .pc-preview-media-block __media {
-    top: 0;
-    opacity: 1;
-    transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-    transition-delay: 0s;
-  }
-}
-.pc-preview-media-block__title {
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-}
-@media (max-width: 576px) {
-  .pc-preview-media-block__title {
-    font-size: var(--yc-text-display-1-font-size);
-    line-height: var(--yc-text-display-1-line-height);
-  }
-}
-.pc-preview-media-block__media {
-  box-shadow: 0 2px 8px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
-  overflow-x: hidden;
-  border-radius: var(--pc-border-radius);
-  overflow: hidden;
-  display: none;
-}
-.pc-preview-media-block__media img {
-  width: 100%;
-}
-.pc-preview-media-block__media img,
-.pc-preview-media-block__media video,
-.pc-preview-media-block__media iframe {
-  border-radius: var(--pc-border-radius);
-}
-.pc-preview-media-block__media_active {
-  display: block;
-}
-@media (max-width: 769px) {
-  .pc-preview-media-block__media_active {
-    width: 100%;
-  }
-}

package/build/cjs/blocks/Preview/MediaContent/PreviewMedia.d.ts

@@ -1,9 +0,0 @@
-import { MediaProps, Modifiers } from '../../../models';
-interface PreviewMediaProps {
-    id: number;
-    media: MediaProps;
-    play: boolean;
-    mods: Modifiers | null;
-}
-declare const PreviewMedia: (props: PreviewMediaProps) => JSX.Element;
-export default PreviewMedia;