@doyourjob/gravity-ui-page-constructor 5.31.34 → 5.31.35-a

package/build/cjs/blocks/Header/Header.js

@@ -14,9 +14,9 @@ const grid_1 = require("../../grid");
 const utils_2 = require("../../utils");
 const BackButton_1 = tslib_1.__importDefault(require("./BackButton/BackButton"));
 const Breadcrumbs_1 = tslib_1.__importDefault(require("./Breadcrumbs/Breadcrumbs"));
+const HeaderStock_1 = tslib_1.__importDefault(require("./HeaderStock/HeaderStock"));
 const HeaderTag_1 = tslib_1.__importDefault(require("./HeaderTag/HeaderTag"));
 const HeaderTags_1 = tslib_1.__importDefault(require("./HeaderTags/HeaderTags"));
-const HeaderWidget_1 = tslib_1.__importDefault(require("./HeaderWidget/HeaderWidget"));
 const utils_3 = require("./utils");
 const b = (0, utils_2.block)('header-block');
 const Background = ({ background, isMobile }) => {
@@ -28,7 +28,7 @@ const Background = ({ background, isMobile }) => {
 const FullWidthBackground = ({ background }) => (react_1.default.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 // eslint-disable-next-line complexity
 const HeaderBlock = (props) => {
-    const { title, topTags, bottomTags, overtitle, description, buttons, widget, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', } = props;
+    const { title, topTags, bottomTags, overtitle, description, buttons, stock, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', } = props;
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const { backButton, blockTag } = (0, react_1.useContext)(headerContext_1.HeaderContext);
     const theme = (0, theme_1.useTheme)();
@@ -80,7 +80,7 @@ const HeaderBlock = (props) => {
                                     buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons.map((button, index) => (react_1.default.createElement(components_1.RouterLink, { href: button.url, key: index },
                                         react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button))))))),
                                     children),
-                                widget && react_1.default.createElement(HeaderWidget_1.default, { type: widget, theme: textTheme })),
+                                stock && react_1.default.createElement(HeaderStock_1.default, { type: stock, theme: textTheme })),
                             react_1.default.createElement(HeaderTags_1.default, { theme: textTheme, tags: bottomTags, className: b('tags', { bottom: true }), sizes: titleSizes }))),
                     hasRightSideImage && (react_1.default.createElement(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
 };

package/build/cjs/blocks/Header/HeaderStock/HeaderStock.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@gravity-ui/uikit';
+import { HeaderStockType } from '../../../models';
+type HeaderStockProps = {
+    type: HeaderStockType;
+    theme: Theme;
+};
+export declare const HeaderStock: ({ type, theme }: HeaderStockProps) => JSX.Element | null;
+export default HeaderStock;

package/build/cjs/blocks/Header/HeaderStock/HeaderStock.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderStock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const headerStockContext_1 = require("../../../context/headerStockContext");
+const models_1 = require("../../../models");
+const HeaderStockPrice_1 = tslib_1.__importDefault(require("../HeaderStockPrice/HeaderStockPrice"));
+const HeaderStockShares_1 = tslib_1.__importDefault(require("../HeaderStockShares/HeaderStockShares"));
+const HeaderStock = ({ type, theme }) => {
+    const { price, shares } = (0, react_1.useContext)(headerStockContext_1.HeaderStockContext);
+    switch (type) {
+        case models_1.HeaderStockType.Price:
+            return price ? react_1.default.createElement(HeaderStockPrice_1.default, Object.assign({}, price, { theme: theme })) : null;
+        case models_1.HeaderStockType.Shares:
+            return shares ? react_1.default.createElement(HeaderStockShares_1.default, Object.assign({}, shares, { theme: theme })) : null;
+        default:
+            return null;
+    }
+};
+exports.HeaderStock = HeaderStock;
+exports.default = exports.HeaderStock;

package/build/{esm/blocks/Header/HeaderWidgetPrice/HeaderWidgetPrice.css → cjs/blocks/Header/HeaderStockPrice/HeaderStockPrice.css}

@@ -1,36 +1,41 @@
-.pc-header-widget-price__price {
+.pc-header-stock-price__price {
   margin: 0;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-header-widget-price {
+.pc-header-stock-price {
   border-radius: 24px;
   padding: 32px;
   max-width: 350px;
   width: 100%;
 }
-.pc-header-widget-price_theme_light.pc-header-widget-price_theme_light {
+@media (max-width: 769px) {
+  .pc-header-stock-price {
+    max-width: 100%;
+  }
+}
+.pc-header-stock-price_theme_light.pc-header-stock-price_theme_light {
   background-color: var(--g-color-text-dark-primary);
   color: var(--g-color-text-light-primary);
 }
 
-.pc-header-widget-price_theme_light .pc-header-widget-price__price {
+.pc-header-stock-price_theme_light .pc-header-stock-price__price {
   color: var(--g-color-text-light-primary);
 }
-.pc-header-widget-price_theme_dark.pc-header-widget-price_theme_dark {
+.pc-header-stock-price_theme_dark.pc-header-stock-price_theme_dark {
   background-color: var(--g-color-text-light-primary);
   color: var(--g-color-text-dark-primary);
 }
 
-.pc-header-widget-price_theme_dark .pc-header-widget-price__price {
+.pc-header-stock-price_theme_dark .pc-header-stock-price__price {
   color: var(--g-color-text-dark-primary);
 }
-.pc-header-widget-price__name, .pc-header-widget-price__percent {
+.pc-header-stock-price__name, .pc-header-stock-price__percent {
   font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
   line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
 }
-.pc-header-widget-price__price {
+.pc-header-stock-price__price {
   font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
   line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
   color: var(--pc-text-header-color);
@@ -39,21 +44,16 @@ unpredictable css rules order in build */
   margin-bottom: 16px;
 }
 @media (max-width: 577px) {
-  .pc-header-widget-price__price {
+  .pc-header-stock-price__price {
     font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
     line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
   }
 }
-.pc-header-widget-price__update, .pc-header-widget-price__delayed {
+.pc-header-stock-price__update, .pc-header-stock-price__delayed {
   font-size: var(--g-text-body-4-font-size, var(--pc-text-body-4-font-size));
   line-height: var(--g-text-body-4-line-height, var(--pc-text-body-4-line-height));
   opacity: 50%;
 }
-.pc-header-widget-price__update {
+.pc-header-stock-price__update {
   margin-bottom: 8px;
-}
-@media (max-width: 769px) {
-  .pc-header-widget-price {
-    max-width: 100%;
-  }
 }

package/build/cjs/blocks/Header/HeaderStockPrice/HeaderStockPrice.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@gravity-ui/uikit';
+import { HeaderStockPriceProps } from '../../../models';
+type Props = HeaderStockPriceProps & {
+    theme: Theme;
+};
+export declare const HeaderStockPrice: ({ name, percent, price, update, delayed, theme }: Props) => JSX.Element;
+export default HeaderStockPrice;

package/build/cjs/blocks/Header/{HeaderWidgetPrice/HeaderWidgetPrice.js → HeaderStockPrice/HeaderStockPrice.js}

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderWidgetPrice = void 0;
+exports.HeaderStockPrice = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const theme_1 = require("../../../context/theme");
 const utils_1 = require("../../../utils");
-const b = (0, utils_1.block)('header-widget-price');
-const HeaderWidgetPrice = ({ name, percent, price, update, delayed, theme }) => {
+const b = (0, utils_1.block)('header-stock-price');
+const HeaderStockPrice = ({ name, percent, price, update, delayed, theme }) => {
     const globalTheme = (0, theme_1.useTheme)();
     return (react_1.default.createElement("div", { className: b({ theme: theme || globalTheme }) },
         react_1.default.createElement("div", { className: b('name') }, name),
@@ -15,5 +15,5 @@ const HeaderWidgetPrice = ({ name, percent, price, update, delayed, theme }) =>
         react_1.default.createElement("div", { className: b('update') }, update),
         react_1.default.createElement("div", { className: b('delayed') }, delayed)));
 };
-exports.HeaderWidgetPrice = HeaderWidgetPrice;
-exports.default = exports.HeaderWidgetPrice;
+exports.HeaderStockPrice = HeaderStockPrice;
+exports.default = exports.HeaderStockPrice;

package/build/cjs/blocks/Header/{HeaderWidgetShares/HeaderWidgetShares.css → HeaderStockShares/HeaderStockShares.css}

@@ -1,97 +1,97 @@
-.pc-header-widget-shares__item-total, .pc-header-widget-shares__total {
+.pc-header-stock-shares__item-total, .pc-header-stock-shares__total {
   margin: 0;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-header-widget-shares {
+.pc-header-stock-shares {
   border-radius: 24px;
   padding: 32px;
   max-width: 505px;
   width: 100%;
 }
-.pc-header-widget-shares_theme_light.pc-header-widget-shares_theme_light {
+@media (max-width: 1081px) {
+  .pc-header-stock-shares {
+    max-width: 350px;
+  }
+}
+@media (max-width: 769px) {
+  .pc-header-stock-shares {
+    max-width: 100%;
+  }
+}
+.pc-header-stock-shares_theme_light.pc-header-stock-shares_theme_light {
   background-color: var(--g-color-text-dark-primary);
   color: var(--g-color-text-light-primary);
 }
 
-.pc-header-widget-shares_theme_light .pc-header-widget-shares__total,
-.pc-header-widget-shares_theme_light .pc-header-widget-shares__item-total {
+.pc-header-stock-shares_theme_light .pc-header-stock-shares__total,
+.pc-header-stock-shares_theme_light .pc-header-stock-shares__item-total {
   color: var(--g-color-text-light-primary);
 }
-.pc-header-widget-shares_theme_dark.pc-header-widget-shares_theme_dark {
+.pc-header-stock-shares_theme_dark.pc-header-stock-shares_theme_dark {
   background-color: var(--g-color-text-light-primary);
   color: var(--g-color-text-dark-primary);
 }
 
-.pc-header-widget-shares_theme_dark .pc-header-widget-shares__total,
-.pc-header-widget-shares_theme_dark .pc-header-widget-shares__item-total {
+.pc-header-stock-shares_theme_dark .pc-header-stock-shares__total,
+.pc-header-stock-shares_theme_dark .pc-header-stock-shares__item-total {
   color: var(--g-color-text-dark-primary);
 }
-.pc-header-widget-shares__date {
+.pc-header-stock-shares__date {
   font-size: var(--g-text-body-4-font-size, var(--pc-text-body-4-font-size));
   line-height: var(--g-text-body-4-line-height, var(--pc-text-body-4-line-height));
   margin-bottom: 16px;
 }
-.pc-header-widget-shares__total {
+.pc-header-stock-shares__total {
   font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
   line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
 }
 @media (max-width: 577px) {
-  .pc-header-widget-shares__total {
+  .pc-header-stock-shares__total {
     font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
     line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
   }
 }
-.pc-header-widget-shares__text {
+.pc-header-stock-shares__text {
   font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
   line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
 }
-.pc-header-widget-shares__included {
+.pc-header-stock-shares__included {
   margin-top: 16px;
   margin-bottom: 16px;
   padding: 24px;
   border-radius: 16px;
   background-color: var(--g-color-private-blue-100);
 }
-.pc-header-widget-shares__label {
+.pc-header-stock-shares__label {
   font-size: var(--g-text-body-4-font-size, var(--pc-text-body-4-font-size));
   line-height: var(--g-text-body-4-line-height, var(--pc-text-body-4-line-height));
   margin-bottom: 8px;
 }
-.pc-header-widget-shares__items {
+.pc-header-stock-shares__items {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
 }
-.pc-header-widget-shares__item {
+.pc-header-stock-shares__item {
   flex: 1;
   min-width: 150px;
 }
-.pc-header-widget-shares__item-total {
+.pc-header-stock-shares__item-total {
   font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
   line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
   margin-bottom: 8px;
 }
-.pc-header-widget-shares__item-text {
+.pc-header-stock-shares__item-text {
   font-size: var(--g-text-body-4-font-size, var(--pc-text-body-4-font-size));
   line-height: var(--g-text-body-4-line-height, var(--pc-text-body-4-line-height));
 }
-.pc-header-widget-shares__description {
+.pc-header-stock-shares__description {
   font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
   line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
-}
-@media (max-width: 1081px) {
-  .pc-header-widget-shares {
-    max-width: 350px;
-  }
-}
-@media (max-width: 769px) {
-  .pc-header-widget-shares {
-    max-width: 100%;
-  }
 }

package/build/cjs/blocks/Header/HeaderStockShares/HeaderStockShares.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@gravity-ui/uikit';
+import { HeaderStockSharesProps } from '../../../models';
+type Props = HeaderStockSharesProps & {
+    theme: Theme;
+};
+export declare const HeaderStockShares: ({ date, total, text, included, description, theme }: Props) => JSX.Element;
+export default HeaderStockShares;

package/build/cjs/blocks/Header/{HeaderWidgetShares/HeaderWidgetShares.js → HeaderStockShares/HeaderStockShares.js}

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderWidgetShares = void 0;
+exports.HeaderStockShares = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const theme_1 = require("../../../context/theme");
 const utils_1 = require("../../../utils");
-const b = (0, utils_1.block)('header-widget-shares');
-const HeaderWidgetShares = ({ date, total, text, included, description, theme }) => {
+const b = (0, utils_1.block)('header-stock-shares');
+const HeaderStockShares = ({ date, total, text, included, description, theme }) => {
     const globalTheme = (0, theme_1.useTheme)();
     return (react_1.default.createElement("div", { className: b({ theme: theme || globalTheme }) },
         react_1.default.createElement("div", { className: b('date') }, date),
@@ -19,5 +19,5 @@ const HeaderWidgetShares = ({ date, total, text, included, description, theme })
                 react_1.default.createElement("div", { className: b('item-text') }, item.text)))))),
         react_1.default.createElement("div", { className: b('description') }, description)));
 };
-exports.HeaderWidgetShares = HeaderWidgetShares;
-exports.default = exports.HeaderWidgetShares;
+exports.HeaderStockShares = HeaderStockShares;
+exports.default = exports.HeaderStockShares;

package/build/cjs/blocks/Header/schema.d.ts

@@ -488,7 +488,7 @@ export declare const HeaderProperties: {
         type: string;
         enum: string[];
     };
-    widget: {
+    stock: {
         type: string;
         enum: string[];
     };
@@ -1099,7 +1099,7 @@ export declare const HeaderBlock: {
                 type: string;
                 enum: string[];
             };
-            widget: {
+            stock: {
                 type: string;
                 enum: string[];
             };

package/build/cjs/blocks/Header/schema.js

@@ -39,7 +39,7 @@ exports.HeaderProperties = {
         type: 'string',
         enum: common_1.mediaView,
     },
-    widget: {
+    stock: {
         type: 'string',
         enum: ['price', 'shares'],
     },

package/build/cjs/blocks/HeaderSlider/schema.d.ts

@@ -183,7 +183,7 @@ export declare const HeaderSliderBlock: {
                             type: string;
                             enum: string[];
                         };
-                        widget: {
+                        stock: {
                             type: string;
                             enum: string[];
                         };

package/build/cjs/context/headerStockContext/HeaderStockContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { HeaderStockPriceProps, HeaderStockSharesProps } from '../../models';
+export interface HeaderStockContextProps {
+    price?: HeaderStockPriceProps;
+    shares?: HeaderStockSharesProps;
+}
+export declare const HeaderStockContext: React.Context<HeaderStockContextProps>;

package/build/cjs/context/{headerWidgetContext/HeaderWidgetContext.js → headerStockContext/HeaderStockContext.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderWidgetContext = void 0;
+exports.HeaderStockContext = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-exports.HeaderWidgetContext = react_1.default.createContext({});
+exports.HeaderStockContext = react_1.default.createContext({});

package/build/cjs/context/headerStockContext/index.d.ts

@@ -0,0 +1 @@
+export * from './HeaderStockContext';

package/build/cjs/context/{headerWidgetContext → headerStockContext}/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./HeaderWidgetContext"), exports);
+tslib_1.__exportStar(require("./HeaderStockContext"), exports);

package/build/cjs/index.d.ts

@@ -10,7 +10,7 @@ export * from './context/blogPostsContext';
 export * from './context/pressReleasesContext';
 export * from './context/headerContext';
 export * from './context/relevantPostsContext';
-export * from './context/headerWidgetContext';
+export * from './context/headerStockContext';
 export * from './containers/PageConstructor';
 export * from './grid';
 export * from './blocks';

package/build/cjs/index.js

@@ -15,7 +15,7 @@ tslib_1.__exportStar(require("./context/blogPostsContext"), exports);
 tslib_1.__exportStar(require("./context/pressReleasesContext"), exports);
 tslib_1.__exportStar(require("./context/headerContext"), exports);
 tslib_1.__exportStar(require("./context/relevantPostsContext"), exports);
-tslib_1.__exportStar(require("./context/headerWidgetContext"), exports);
+tslib_1.__exportStar(require("./context/headerStockContext"), exports);
 tslib_1.__exportStar(require("./containers/PageConstructor"), exports);
 tslib_1.__exportStar(require("./grid"), exports);
 tslib_1.__exportStar(require("./blocks"), exports);

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

@@ -133,18 +133,18 @@ export type HeaderTag = {
     icon?: 'map' | 'clock';
     target?: string;
 };
-export declare enum HeaderWidgetType {
+export declare enum HeaderStockType {
     Price = "price",
     Shares = "shares"
 }
-export interface HeaderWidgetPriceProps {
+export interface HeaderStockPriceProps {
     name: string;
     percent: string;
     price: string;
     update: string;
     delayed: string;
 }
-export interface HeaderWidgetSharesProps {
+export interface HeaderStockSharesProps {
     date: string;
     total: string;
     text: string;
@@ -161,7 +161,7 @@ export interface HeaderBlockProps {
     overtitle?: string;
     description?: string;
     buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size' | 'extraProps'>[];
-    widget?: HeaderWidgetType;
+    stock?: HeaderStockType;
     width?: HeaderWidth;
     /** @deprecated imageSize now depends on width */
     imageSize?: HeaderImageSize;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormBlockDirection = exports.FormBlockDataTypes = exports.PCShareSocialNetwork = exports.HeaderWidgetType = exports.SliderType = exports.SliderBreakpointNames = exports.HeaderBlockTypes = exports.BlockTypes = exports.BlockType = void 0;
+exports.FormBlockDirection = exports.FormBlockDataTypes = exports.PCShareSocialNetwork = exports.HeaderStockType = exports.SliderType = exports.SliderBreakpointNames = exports.HeaderBlockTypes = exports.BlockTypes = exports.BlockType = void 0;
 var BlockType;
 (function (BlockType) {
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
@@ -49,11 +49,11 @@ var SliderType;
     SliderType["MediaCard"] = "media-card";
     SliderType["HeaderCard"] = "header-card";
 })(SliderType = exports.SliderType || (exports.SliderType = {}));
-var HeaderWidgetType;
-(function (HeaderWidgetType) {
-    HeaderWidgetType["Price"] = "price";
-    HeaderWidgetType["Shares"] = "shares";
-})(HeaderWidgetType = exports.HeaderWidgetType || (exports.HeaderWidgetType = {}));
+var HeaderStockType;
+(function (HeaderStockType) {
+    HeaderStockType["Price"] = "price";
+    HeaderStockType["Shares"] = "shares";
+})(HeaderStockType = exports.HeaderStockType || (exports.HeaderStockType = {}));
 var PCShareSocialNetwork;
 (function (PCShareSocialNetwork) {
     PCShareSocialNetwork["Vk"] = "vk";

package/build/esm/blocks/Header/Header.js

@@ -10,9 +10,9 @@ import { Col, Grid, Row } from '../../grid';
 import { block, getThemedValue } from '../../utils';
 import BackButton from './BackButton/BackButton';
 import Breadcrumbs from './Breadcrumbs/Breadcrumbs';
+import HeaderStock from './HeaderStock/HeaderStock';
 import HeaderTag from './HeaderTag/HeaderTag';
 import HeaderTags from './HeaderTags/HeaderTags';
-import HeaderWidget from './HeaderWidget/HeaderWidget';
 import { getImageSize, getTitleSizes, titleWithImageSizes } from './utils';
 import './Header.css';
 const b = block('header-block');
@@ -25,7 +25,7 @@ const Background = ({ background, isMobile }) => {
 const FullWidthBackground = ({ background }) => (React.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 // eslint-disable-next-line complexity
 export const HeaderBlock = (props) => {
-    const { title, topTags, bottomTags, overtitle, description, buttons, widget, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', } = props;
+    const { title, topTags, bottomTags, overtitle, description, buttons, stock, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', } = props;
     const isMobile = useContext(MobileContext);
     const { backButton, blockTag } = useContext(HeaderContext);
     const theme = useTheme();
@@ -77,7 +77,7 @@ export const HeaderBlock = (props) => {
                                     buttons && (React.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons.map((button, index) => (React.createElement(RouterLink, { href: button.url, key: index },
                                         React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button))))))),
                                     children),
-                                widget && React.createElement(HeaderWidget, { type: widget, theme: textTheme })),
+                                stock && React.createElement(HeaderStock, { type: stock, theme: textTheme })),
                             React.createElement(HeaderTags, { theme: textTheme, tags: bottomTags, className: b('tags', { bottom: true }), sizes: titleSizes }))),
                     hasRightSideImage && (React.createElement(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
 };

package/build/esm/blocks/Header/HeaderStock/HeaderStock.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@gravity-ui/uikit';
+import { HeaderStockType } from '../../../models';
+type HeaderStockProps = {
+    type: HeaderStockType;
+    theme: Theme;
+};
+export declare const HeaderStock: ({ type, theme }: HeaderStockProps) => JSX.Element | null;
+export default HeaderStock;

package/build/esm/blocks/Header/HeaderStock/HeaderStock.js

@@ -0,0 +1,17 @@
+import React, { useContext } from 'react';
+import { HeaderStockContext } from '../../../context/headerStockContext';
+import { HeaderStockType } from '../../../models';
+import HeaderStockPrice from '../HeaderStockPrice/HeaderStockPrice';
+import HeaderStockShares from '../HeaderStockShares/HeaderStockShares';
+export const HeaderStock = ({ type, theme }) => {
+    const { price, shares } = useContext(HeaderStockContext);
+    switch (type) {
+        case HeaderStockType.Price:
+            return price ? React.createElement(HeaderStockPrice, Object.assign({}, price, { theme: theme })) : null;
+        case HeaderStockType.Shares:
+            return shares ? React.createElement(HeaderStockShares, Object.assign({}, shares, { theme: theme })) : null;
+        default:
+            return null;
+    }
+};
+export default HeaderStock;

package/build/{cjs/blocks/Header/HeaderWidgetPrice/HeaderWidgetPrice.css → esm/blocks/Header/HeaderStockPrice/HeaderStockPrice.css}

@@ -1,36 +1,41 @@
-.pc-header-widget-price__price {
+.pc-header-stock-price__price {
   margin: 0;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-header-widget-price {
+.pc-header-stock-price {
   border-radius: 24px;
   padding: 32px;
   max-width: 350px;
   width: 100%;
 }
-.pc-header-widget-price_theme_light.pc-header-widget-price_theme_light {
+@media (max-width: 769px) {
+  .pc-header-stock-price {
+    max-width: 100%;
+  }
+}
+.pc-header-stock-price_theme_light.pc-header-stock-price_theme_light {
   background-color: var(--g-color-text-dark-primary);
   color: var(--g-color-text-light-primary);
 }
 
-.pc-header-widget-price_theme_light .pc-header-widget-price__price {
+.pc-header-stock-price_theme_light .pc-header-stock-price__price {
   color: var(--g-color-text-light-primary);
 }
-.pc-header-widget-price_theme_dark.pc-header-widget-price_theme_dark {
+.pc-header-stock-price_theme_dark.pc-header-stock-price_theme_dark {
   background-color: var(--g-color-text-light-primary);
   color: var(--g-color-text-dark-primary);
 }
 
-.pc-header-widget-price_theme_dark .pc-header-widget-price__price {
+.pc-header-stock-price_theme_dark .pc-header-stock-price__price {
   color: var(--g-color-text-dark-primary);
 }
-.pc-header-widget-price__name, .pc-header-widget-price__percent {
+.pc-header-stock-price__name, .pc-header-stock-price__percent {
   font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
   line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
 }
-.pc-header-widget-price__price {
+.pc-header-stock-price__price {
   font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
   line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
   color: var(--pc-text-header-color);
@@ -39,21 +44,16 @@ unpredictable css rules order in build */
   margin-bottom: 16px;
 }
 @media (max-width: 577px) {
-  .pc-header-widget-price__price {
+  .pc-header-stock-price__price {
     font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
     line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
   }
 }
-.pc-header-widget-price__update, .pc-header-widget-price__delayed {
+.pc-header-stock-price__update, .pc-header-stock-price__delayed {
   font-size: var(--g-text-body-4-font-size, var(--pc-text-body-4-font-size));
   line-height: var(--g-text-body-4-line-height, var(--pc-text-body-4-line-height));
   opacity: 50%;
 }
-.pc-header-widget-price__update {
+.pc-header-stock-price__update {
   margin-bottom: 8px;
-}
-@media (max-width: 769px) {
-  .pc-header-widget-price {
-    max-width: 100%;
-  }
 }

package/build/esm/blocks/Header/HeaderStockPrice/HeaderStockPrice.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@gravity-ui/uikit';
+import { HeaderStockPriceProps } from '../../../models';
+import './HeaderStockPrice.css';
+type Props = HeaderStockPriceProps & {
+    theme: Theme;
+};
+export declare const HeaderStockPrice: ({ name, percent, price, update, delayed, theme }: Props) => JSX.Element;
+export default HeaderStockPrice;