@gravity-ui/page-constructor 4.1.2 → 4.3.12-alpha.3

package/build/cjs/containers/PageConstructor/PageConstructor.css

@@ -84,6 +84,10 @@ unpredictable css rules order in build */
 .yfm_constructor.yfm_constructor_notice p {
   color: var(--g-color-text-secondary);
 }
+.yfm_constructor.yfm_constructor_meta_info p {
+  color: var(--pc-media-card-meta-info-color);
+  font-weight: var(--g-text-accent-font-weight);
+}
 .yfm_constructor.yfm_constructor ul,
 .yfm_constructor.yfm_constructor ol,
 .yfm_constructor.yfm_constructor li,

package/build/cjs/containers/PageConstructor/PageConstructor.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import '@doc-tools/transform/dist/js/yfm';
-import { blockMap, subBlockMap } from '../../constructor-items';
+import { blockMap, navItemMap, subBlockMap } from '../../constructor-items';
 import { CustomConfig, CustomItems, NavigationData, PageContent, ShouldRenderBlock } from '../../models';
 export type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;
+export type NavItemMap = typeof navItemMap & CustomItems;
 export interface PageConstructorProps {
     content?: PageContent;
     shouldRenderBlock?: ShouldRenderBlock;

package/build/cjs/containers/PageConstructor/PageConstructor.js

@@ -4,7 +4,6 @@ exports.PageConstructor = exports.Constructor = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 require("@doc-tools/transform/dist/js/yfm");
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
 const BackgroundMedia_1 = tslib_1.__importDefault(require("../../components/BackgroundMedia/BackgroundMedia"));
 const constants_1 = require("../../components/constants");
 const constructor_items_1 = require("../../constructor-items");
@@ -19,15 +18,20 @@ const ConstructorBlocks_1 = require("./components/ConstructorBlocks");
 const ConstructorItem_1 = require("./components/ConstructorItem");
 const ConstructorRow_1 = require("./components/ConstructorRow");
 const b = (0, utils_1.block)('page-constructor');
-const ycr = (0, bem_cn_lite_1.default)(constants_1.UIKIT_ROOT_CLASS);
+const ycr = (0, utils_1.cn)(constants_1.UIKIT_ROOT_CLASS);
 const Constructor = (props) => {
     const { content: { blocks = [], background = {} } = {}, renderMenu, shouldRenderBlock, navigation, custom, } = props;
     const { context } = (0, react_1.useMemo)(() => ({
         context: {
-            blockTypes: [...models_1.BlockTypes, ...(0, utils_1.getCustomBlockTypes)(custom)],
-            subBlockTypes: [...models_1.SubBlockTypes, ...(0, utils_1.getCustomSubBlockTypes)(custom)],
-            headerBlockTypes: [...models_1.HeaderBlockTypes, ...(0, utils_1.getCustomHeaderTypes)(custom)],
-            itemMap: Object.assign(Object.assign(Object.assign({}, constructor_items_1.blockMap), constructor_items_1.subBlockMap), (0, utils_1.getCustomItems)(custom)),
+            blockTypes: [...models_1.BlockTypes, ...(0, utils_1.getCustomTypes)(['blocks', 'headers'], custom)],
+            subBlockTypes: [...models_1.SubBlockTypes, ...(0, utils_1.getCustomTypes)(['subBlocks'], custom)],
+            headerBlockTypes: [...models_1.HeaderBlockTypes, ...(0, utils_1.getCustomTypes)(['headers'], custom)],
+            navigationBlockTypes: [
+                ...models_1.NavigationItemTypes,
+                ...(0, utils_1.getCustomTypes)(['navigation'], custom),
+            ],
+            itemMap: Object.assign(Object.assign(Object.assign({}, constructor_items_1.blockMap), constructor_items_1.subBlockMap), (0, utils_1.getCustomItems)(['blocks', 'headers', 'subBlocks'], custom)),
+            navItemMap: Object.assign(Object.assign({}, constructor_items_1.navItemMap), (0, utils_1.getCustomItems)(['navigation'], custom)),
             loadables: custom === null || custom === void 0 ? void 0 : custom.loadable,
             shouldRenderBlock,
             customization: {

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.css

@@ -0,0 +1,38 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-constructor-block.pc-constructor-block_indentTop_0 {
+  margin-top: 0;
+}
+.pc-constructor-block.pc-constructor-block_indentTop_xs {
+  margin-top: 16px;
+}
+.pc-constructor-block.pc-constructor-block_indentTop_s {
+  margin-top: 24px;
+}
+.pc-constructor-block.pc-constructor-block_indentTop_m {
+  margin-top: 32px;
+}
+.pc-constructor-block.pc-constructor-block_indentTop_l {
+  margin-top: 48px;
+}
+.pc-constructor-block.pc-constructor-block_indentTop_xl {
+  margin-top: 64px;
+}
+.pc-constructor-block.pc-constructor-block_indentBottom_0 {
+  padding-bottom: 0;
+}
+.pc-constructor-block.pc-constructor-block_indentBottom_xs {
+  padding-bottom: 16px;
+}
+.pc-constructor-block.pc-constructor-block_indentBottom_s {
+  padding-bottom: 24px;
+}
+.pc-constructor-block.pc-constructor-block_indentBottom_m {
+  padding-bottom: 32px;
+}
+.pc-constructor-block.pc-constructor-block_indentBottom_l {
+  padding-bottom: 48px;
+}
+.pc-constructor-block.pc-constructor-block_indentBottom_xl {
+  padding-bottom: 64px;
+}

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.js

@@ -9,9 +9,10 @@ const BlockDecoration_1 = require("../../../../customization/BlockDecoration");
 const utils_1 = require("../../../../utils");
 const b = (0, utils_1.block)('constructor-block');
 const ConstructorBlock = ({ index = 0, data, children, }) => {
-    const { type } = data;
+    const { type, indent } = data;
     const blockBaseProps = (0, react_1.useMemo)(() => lodash_1.default.pick(data, ['anchor', 'visible', 'resetPaddings']), [data]);
+    const { top, bottom } = indent || { top: 'l', bottom: 'l' };
     return (react_1.default.createElement(BlockDecoration_1.BlockDecoration, Object.assign({ type: type, index: index }, blockBaseProps),
-        react_1.default.createElement(BlockBase_1.default, Object.assign({ className: b({ type }) }, blockBaseProps), children)));
+        react_1.default.createElement(BlockBase_1.default, Object.assign({ className: b({ type, indentTop: top, indentBottom: bottom }) }, blockBaseProps), children)));
 };
 exports.ConstructorBlock = ConstructorBlock;

package/build/cjs/context/innerContext/InnerContext.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
-import { ItemMap } from '../../containers/PageConstructor/PageConstructor';
+import { ItemMap, NavItemMap } from '../../containers/PageConstructor/PageConstructor';
 import { CustomConfig, LoadableConfig, ShouldRenderBlock } from '../../models';
 export interface InnerContextType {
     blockTypes: string[];
     subBlockTypes: string[];
     headerBlockTypes: string[];
+    navigationBlockTypes: string[];
     itemMap: ItemMap;
+    navItemMap: NavItemMap;
     loadables?: LoadableConfig;
     shouldRenderBlock?: ShouldRenderBlock;
     customization?: Pick<CustomConfig, 'decorators'>;

package/build/cjs/context/innerContext/InnerContext.js

@@ -7,5 +7,7 @@ exports.InnerContext = react_1.default.createContext({
     blockTypes: [],
     subBlockTypes: [],
     headerBlockTypes: [],
+    navigationBlockTypes: [],
     itemMap: {},
+    navItemMap: {},
 });

package/build/cjs/editor/components/AddBlock/AddBlock.css

@@ -23,7 +23,7 @@ unpredictable css rules order in build */
   transition: transform 0.2s;
   width: 76px;
   height: 40px;
-  color: var(--g-color-text-primary);
+  color: var(--pc-editor-control-icon-color);
   background-color: var(--pc-editor-base-color);
   border-radius: 8px;
 }

package/build/cjs/editor/components/EditBlock/EditBlock.css

@@ -45,6 +45,7 @@ unpredictable css rules order in build */
   width: 48px;
   height: 32px;
   border-radius: 8px;
+  color: var(--pc-editor-control-icon-color);
   background-color: var(--pc-editor-control-color);
 }
 .pc-edit-block__control:hover {

package/build/cjs/editor/components/Layout/Layout.css

@@ -4,7 +4,8 @@ body {
   --pc-editor-header-height: 48px;
   --pc-editor-divider-width: 12px;
   --pc-editor-base-color: var(--g-color-base-brand);
-  --pc-editor-control-color: var(--g-color-private-yellow-400-solid);
+  --pc-editor-control-color: var(--g-color-base-brand);
+  --pc-editor-control-icon-color: var(--g-color-text-dark-primary);
   --pc-editor-left-column-width: calc(400px + var(--pc-editor-divider-width));
 }
 

package/build/cjs/editor/containers/Form/Form.css

@@ -1,46 +1,26 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-editor-form {
-  --top-level-font-size: var(--g-text-display-2-font-size);
-  --top-level-line-height: var(--g-text-display-2-line-height);
-  --block-level-complex-propery-font-size: var(--g-text-body-3-font-size);
-  --block-level-complex-property-line-height: var(--g-text-body-3-line-height);
-  --complex-property-font-size: var(--g-text-body-2-font-size);
-  --complex-property-line-height: var(--g-text-body-2-line-height);
-  --property-font-size: var(--g-text-body-1-font-size);
-  --property-line-height: var(--g-text-body-1-line-height);
+  --block-name-font-size: var(--g-text-display-1-font-size);
+  --block-name-line-height: var(--g-text-display-1-line-height);
+  --property-name-font-size: var(--g-text-body-1-font-size);
+  --property-name-line-height: var(--g-text-body-1-line-height);
   --input-min-width: 150px;
   --property-title-width: 96px;
   --button-height: 48px;
-  --icon-size: 32px;
-  --icon-margin: 42px;
+  --icon-size: 28px;
+  --icon-margin: 8px;
   --property-font-weight: 500;
-  --header-text-size: var(--top-level-font-size);
-  --header-line-height: var(--top-level-line-height);
-  --text-size: var(--top-level-font-size);
-  --line-height: var(--top-level-line-height);
+  --header-text-size: var(--block-name-font-size);
+  --header-line-height: var(--block-name-line-height);
 }
 .pc-editor-form .df-use-search .df-use-search {
-  --button-height: 32px;
-  --icon-size: 20px;
-  --icon-margin: 30px;
-  --header-text-size: var(--block-level-complex-propery-font-size);
-  --header-line-height: var(--block-level-complex-property-line-height);
-  --text-size: var(--property-font-size);
-  --line-height: var(--property-line-height);
-  --property-font-weight: 400;
-}
-.pc-editor-form .df-use-search .df-use-search .df-use-search {
   --button-height: 28px;
   --icon-size: 16px;
-  --icon-margin: 25px;
+  --icon-margin: 0px;
+  --header-text-size: var(--property-name-font-size);
+  --header-line-height: var(--property-name-line-height);
   --property-font-weight: 400;
-  --header-text-size: var(--complex-property-font-size);
-  --header-line-height: var(--complex-property-line-height);
-  --text-size: var(--property-font-size);
-  --line-height: var(--property-line-height);
-  --oneof-text-size: var(--complex-propery-font-size);
-  --oneof-line-height: var(--complex-property-line-height);
 }
 .pc-editor-form .df-row {
   width: inherit;
@@ -49,8 +29,6 @@ unpredictable css rules order in build */
   width: var(--property-title-width);
 }
 .pc-editor-form .df-row__title {
-  font-size: var(--text-size);
-  line-height: var(--line-height);
   font-weight: var(--property-font-weight);
   white-space: nowrap;
 }
@@ -58,12 +36,13 @@ unpredictable css rules order in build */
   min-width: var(--input-min-width);
   min-height: var(--input-min-width);
 }
-.pc-editor-form .df-simple-vertical-accordeon__header .yc-button {
+.pc-editor-form .df-simple-vertical-accordeon__header .yc-button,
+.pc-editor-form .df-simple-vertical-accordeon__title {
   font-size: var(--header-text-size);
   line-height: var(--header-line-height);
 }
 .pc-editor-form .df-simple-vertical-accordeon__header .yc-button {
-  --g-button-height: var(--button-height);
+  --yc-button-height: var(--button-height);
   display: flex;
   justify-content: center;
   align-items: center;

package/build/cjs/editor/store/index.js

@@ -19,7 +19,7 @@ function useEditorState({ content: intialContent, custom }) {
         theme: constants_1.DEFAULT_THEME,
     });
     return (0, react_1.useMemo)(() => {
-        const headerBlockTypes = [...models_1.HeaderBlockTypes, ...(0, utils_1.getCustomHeaderTypes)(custom)];
+        const headerBlockTypes = [...models_1.HeaderBlockTypes, ...(0, utils_1.getCustomTypes)(['headers'], custom)];
         const contentHasHeader = Boolean((0, utils_1.getHeaderBlock)(content.blocks, headerBlockTypes));
         const checkIsHeader = (type) => headerBlockTypes.includes(type);
         const onAdd = (block) => {

package/build/cjs/editor/styles/root.css

@@ -2,6 +2,7 @@ body {
   --pc-editor-header-height: 48px;
   --pc-editor-divider-width: 12px;
   --pc-editor-base-color: var(--g-color-base-brand);
-  --pc-editor-control-color: var(--g-color-private-yellow-400-solid);
+  --pc-editor-control-color: var(--g-color-base-brand);
+  --pc-editor-control-icon-color: var(--g-color-text-dark-primary);
   --pc-editor-left-column-width: calc(400px + var(--pc-editor-divider-width));
 }

package/build/cjs/editor/utils/index.d.ts

@@ -8,6 +8,7 @@ export declare const addCustomDecorator: (decorators: BlockDecorator[], custom?:
     blocks?: import("../../models").CustomItems | undefined;
     subBlocks?: import("../../models").CustomItems | undefined;
     headers?: import("../../models").CustomItems | undefined;
+    navigation?: import("../../models").CustomItems | undefined;
     loadable?: import("../../models").LoadableConfig | undefined;
 };
 export declare const getBlockId: ({ index, type }: BlockDecorationProps) => string;

package/build/cjs/grid/Col/Col.d.ts

@@ -1,9 +1,8 @@
 import React, { CSSProperties } from 'react';
-import { QAProps, Refable } from '../../models/common';
-import { WithChildren } from '../../models/react';
+import { QAProps, Refable, Roleable, WithChildren } from '../../models';
 import { GridColumnClassParams } from '../types';
-export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement>, QAProps {
+export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement>, QAProps, Roleable {
     style?: CSSProperties;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "qa" | "reset" | "visible" | "offsets" | "orders" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "role" | "qa" | "reset" | "visible" | "offsets" | "orders" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/grid/Col/Col.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../utils");
 exports.Col = (0, react_1.forwardRef)((props, ref) => {
-    const { children, style, qa } = props, rest = tslib_1.__rest(props, ["children", "style", "qa"]);
-    return (react_1.default.createElement("div", { ref: ref, className: (0, utils_1.getColClass)(rest), style: style, "data-qa": qa }, children));
+    const { children, style, qa, role } = props, rest = tslib_1.__rest(props, ["children", "style", "qa", "role"]);
+    return (react_1.default.createElement("div", { ref: ref, className: (0, utils_1.getColClass)(rest), style: style, "data-qa": qa, role: role }, children));
 });
 exports.Col.displayName = 'Col';

package/build/cjs/icons/Mute.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Mute: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/Mute.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mute = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const Mute = (props) => {
+    return (react_1.default.createElement("svg", Object.assign({ width: "27", height: "22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props),
+        react_1.default.createElement("path", { d: "M20 7a5.657 5.657 0 0 1 0 8m3-11c3.866 3.866 3.866 10.134 0 14", stroke: "#262626", strokeWidth: "2" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m7 7 7-7h2v22h-2l-7-7H0V7h7z", fill: "#262626" })));
+};
+exports.Mute = Mute;

package/build/cjs/icons/MuteSmall.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MuteSmall: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/MuteSmall.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuteSmall = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const MuteSmall = (props) => {
+    return (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props),
+        react_1.default.createElement("mask", { id: "path-1-outside-1_1560_517", maskUnits: "userSpaceOnUse", x: "0", y: "1", width: "24", height: "22", fill: "black" },
+            react_1.default.createElement("rect", { fill: "white", y: "1", width: "24", height: "22" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 16.4118H5.56108L9.56118 21.1131C10.0399 21.6758 10.7415 22 11.4803 22C12.8719 22 14 20.8719 14 19.4803V4.51973C14 3.12812 12.8719 2 11.4803 2C10.7415 2 10.0399 2.32422 9.56118 2.88689L5.56105 7.58825H3C1.89543 7.58825 1 8.48368 1 9.58825V14.4118C1 15.5163 1.89543 16.4118 3 16.4118ZM20.3402 19.7498C20.08 20.0902 19.5841 20.1135 19.273 19.8189C18.9821 19.5434 18.9605 19.0897 19.2014 18.7696C20.6424 16.8552 21.4999 14.4613 21.4999 11.858C21.4999 9.3634 20.7125 7.06102 19.3788 5.18861C19.1507 4.86837 19.1779 4.4254 19.4634 4.15506C19.7803 3.85491 20.2871 3.88515 20.543 4.23879C22.0877 6.37329 22.9999 9.00763 22.9999 11.858C22.9999 14.831 22.0075 17.5689 20.3402 19.7498ZM17.5408 17.0438C17.3001 17.4197 16.7796 17.4578 16.4555 17.1508C16.1765 16.8866 16.1437 16.4572 16.3458 16.1304C17.0726 14.955 17.5 13.5406 17.5 12C17.5 10.4978 17.0936 9.11559 16.3996 7.95794C16.204 7.63174 16.2396 7.2079 16.5157 6.94639C16.843 6.6365 17.3693 6.67839 17.6071 7.06124C18.4877 8.47908 19 10.1762 19 12C19 13.8691 18.4619 15.6051 17.5408 17.0438Z" })),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 16.4118H5.56108L9.56118 21.1131C10.0399 21.6758 10.7415 22 11.4803 22C12.8719 22 14 20.8719 14 19.4803V4.51973C14 3.12812 12.8719 2 11.4803 2C10.7415 2 10.0399 2.32422 9.56118 2.88689L5.56105 7.58825H3C1.89543 7.58825 1 8.48368 1 9.58825V14.4118C1 15.5163 1.89543 16.4118 3 16.4118ZM20.3402 19.7498C20.08 20.0902 19.5841 20.1135 19.273 19.8189C18.9821 19.5434 18.9605 19.0897 19.2014 18.7696C20.6424 16.8552 21.4999 14.4613 21.4999 11.858C21.4999 9.3634 20.7125 7.06102 19.3788 5.18861C19.1507 4.86837 19.1779 4.4254 19.4634 4.15506C19.7803 3.85491 20.2871 3.88515 20.543 4.23879C22.0877 6.37329 22.9999 9.00763 22.9999 11.858C22.9999 14.831 22.0075 17.5689 20.3402 19.7498ZM17.5408 17.0438C17.3001 17.4197 16.7796 17.4578 16.4555 17.1508C16.1765 16.8866 16.1437 16.4572 16.3458 16.1304C17.0726 14.955 17.5 13.5406 17.5 12C17.5 10.4978 17.0936 9.11559 16.3996 7.95794C16.204 7.63174 16.2396 7.2079 16.5157 6.94639C16.843 6.6365 17.3693 6.67839 17.6071 7.06124C18.4877 8.47908 19 10.1762 19 12C19 13.8691 18.4619 15.6051 17.5408 17.0438Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M5.56108 16.4118L6.3227 15.7638L6.02322 15.4118H5.56108V16.4118ZM9.56118 21.1131L8.79955 21.7611L9.56118 21.1131ZM9.56118 2.88689L10.3228 3.53491V3.53491L9.56118 2.88689ZM5.56105 7.58825V8.58825H6.0232L6.32268 8.23627L5.56105 7.58825ZM19.273 19.8189L18.5854 20.545L18.5854 20.545L19.273 19.8189ZM20.3402 19.7498L19.5458 19.1425L19.5458 19.1425L20.3402 19.7498ZM19.2014 18.7696L20.0004 19.371V19.371L19.2014 18.7696ZM19.3788 5.18861L20.1933 4.60845V4.60845L19.3788 5.18861ZM19.4634 4.15506L20.151 4.88116L20.151 4.88116L19.4634 4.15506ZM20.543 4.23879L19.7329 4.82505L19.7329 4.82505L20.543 4.23879ZM16.4555 17.1508L15.7679 17.8769L15.7679 17.8769L16.4555 17.1508ZM17.5408 17.0438L16.6986 16.5046L16.6986 16.5046L17.5408 17.0438ZM16.3458 16.1304L15.4952 15.6045L16.3458 16.1304ZM16.3996 7.95794L17.2573 7.44374L16.3996 7.95794ZM16.5157 6.94639L17.2033 7.67248V7.67248L16.5157 6.94639ZM17.6071 7.06124L18.4566 6.53363L17.6071 7.06124ZM5.56108 15.4118H3V17.4118H5.56108V15.4118ZM10.3228 20.4651L6.3227 15.7638L4.79945 17.0598L8.79955 21.7611L10.3228 20.4651ZM11.4803 21C11.0347 21 10.6115 20.8044 10.3228 20.4651L8.79955 21.7611C9.4683 22.5471 10.4483 23 11.4803 23V21ZM13 19.4803C13 20.3196 12.3196 21 11.4803 21V23C13.4242 23 15 21.4242 15 19.4803H13ZM13 4.51973V19.4803H15V4.51973H13ZM11.4803 3C12.3196 3 13 3.68041 13 4.51973H15C15 2.57584 13.4242 1 11.4803 1V3ZM10.3228 3.53491C10.6115 3.19555 11.0347 3 11.4803 3V1C10.4483 1 9.4683 1.45289 8.79955 2.23887L10.3228 3.53491ZM6.32268 8.23627L10.3228 3.53491L8.79955 2.23887L4.79943 6.94023L6.32268 8.23627ZM3 8.58825H5.56105V6.58825H3V8.58825ZM2 9.58825C2 9.03596 2.44772 8.58825 3 8.58825V6.58825C1.34315 6.58825 0 7.93139 0 9.58825H2ZM2 14.4118V9.58825H0V14.4118H2ZM3 15.4118C2.44771 15.4118 2 14.9641 2 14.4118H0C0 16.0686 1.34314 17.4118 3 17.4118V15.4118ZM18.5854 20.545C19.2972 21.2191 20.4886 21.2022 21.1347 20.3571L19.5458 19.1425C19.6713 18.9782 19.871 19.008 19.9606 19.0928L18.5854 20.545ZM18.4024 18.1683C17.8793 18.8633 17.8972 19.8933 18.5854 20.545L19.9606 19.0928C20.0103 19.1399 20.0328 19.2003 20.0358 19.2491C20.0387 19.2953 20.0254 19.3378 20.0004 19.371L18.4024 18.1683ZM20.4999 11.858C20.4999 14.2382 19.7167 16.4222 18.4024 18.1683L20.0004 19.371C21.5681 17.2882 22.4999 14.6844 22.4999 11.858H20.4999ZM18.5643 5.76877C19.7806 7.47643 20.4999 9.577 20.4999 11.858H22.4999C22.4999 9.14981 21.6443 6.64562 20.1933 4.60845L18.5643 5.76877ZM18.7758 3.42896C18.1013 4.06771 18.069 5.07336 18.5643 5.76877L20.1933 4.60845C20.2324 4.66338 20.2545 4.7831 20.151 4.88116L18.7758 3.42896ZM21.3531 3.65253C20.7177 2.7745 19.5 2.74319 18.7758 3.42896L20.151 4.88116C20.0607 4.96662 19.8564 4.99579 19.7329 4.82505L21.3531 3.65253ZM23.9999 11.858C23.9999 8.79116 23.0177 5.95272 21.3531 3.65253L19.7329 4.82505C21.1576 6.79386 21.9999 9.2241 21.9999 11.858H23.9999ZM21.1347 20.3571C22.9313 18.007 23.9999 15.0569 23.9999 11.858H21.9999C21.9999 14.605 21.0837 17.1308 19.5458 19.1425L21.1347 20.3571ZM15.7679 17.8769C16.4992 18.5694 17.7689 18.5421 18.383 17.583L16.6986 16.5046C16.7557 16.4154 16.8528 16.3653 16.9395 16.3574C17.0202 16.3502 17.0935 16.3777 17.1431 16.4247L15.7679 17.8769ZM15.4952 15.6045C15.0728 16.2877 15.1062 17.2504 15.7679 17.8769L17.1431 16.4248C17.1909 16.47 17.2114 16.5256 17.2154 16.5663C17.2191 16.6036 17.2103 16.6337 17.1963 16.6563L15.4952 15.6045ZM16.5 12C16.5 13.3534 16.1251 14.5859 15.4952 15.6045L17.1963 16.6563C18.0201 15.3241 18.5 13.7277 18.5 12H16.5ZM15.5419 8.47214C16.1435 9.47555 16.5 10.6803 16.5 12H18.5C18.5 10.3154 18.0438 8.75564 17.2573 7.44374L15.5419 8.47214ZM15.8281 6.22029C15.1738 6.83993 15.133 7.79005 15.5419 8.47214L17.2573 7.44374C17.2707 7.46622 17.2791 7.496 17.2752 7.53302C17.271 7.57326 17.2505 7.62785 17.2033 7.67248L15.8281 6.22029ZM18.4566 6.53363C17.8498 5.55671 16.5657 5.52185 15.8281 6.22029L17.2033 7.67248C17.1535 7.7197 17.0796 7.74724 16.9985 7.73938C16.9113 7.73092 16.8138 7.67937 16.7576 7.58886L18.4566 6.53363ZM20 12C20 9.98736 19.4343 8.10784 18.4566 6.53363L16.7576 7.58886C17.5411 8.85031 18 10.365 18 12H20ZM18.383 17.583C19.4058 15.9854 20 14.0626 20 12H18C18 13.6755 17.518 15.2248 16.6986 16.5046L18.383 17.583Z", fill: "black", fillOpacity: "0.15", mask: "url(#path-1-outside-1_1560_517)" })));
+};
+exports.MuteSmall = MuteSmall;

package/build/cjs/icons/Unmute.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Unmute: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/Unmute.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Unmute = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const Unmute = (props) => {
+    return (react_1.default.createElement("svg", Object.assign({ width: "29", height: "22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m7 7 7-7h2v22h-2l-7-7H0V7h7z", fill: "#262626" }),
+        react_1.default.createElement("path", { d: "m20 7 4 4m0 0-4 4m4-4 4-4m-4 4 4 4", stroke: "#262626", strokeWidth: "2" })));
+};
+exports.Unmute = Unmute;

package/build/cjs/icons/UnmuteSmall.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const UnmuteSmall: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/UnmuteSmall.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnmuteSmall = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const UnmuteSmall = (props) => {
+    return (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props),
+        react_1.default.createElement("mask", { id: "path-1-outside-1_1560_596", maskUnits: "userSpaceOnUse", x: "0", y: "1", width: "15", height: "22", fill: "black" },
+            react_1.default.createElement("rect", { fill: "white", y: "1", width: "15", height: "22" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.56108 16.4118H3C1.89543 16.4118 1 15.5163 1 14.4118V9.58825C1 8.48368 1.89543 7.58825 3 7.58825H5.56105L9.56118 2.88689C10.0399 2.32422 10.7415 2 11.4803 2C12.8719 2 14 3.12812 14 4.51973V19.4803C14 20.8719 12.8719 22 11.4803 22C10.7415 22 10.0399 21.6758 9.56118 21.1131L5.56108 16.4118Z" })),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.56108 16.4118H3C1.89543 16.4118 1 15.5163 1 14.4118V9.58825C1 8.48368 1.89543 7.58825 3 7.58825H5.56105L9.56118 2.88689C10.0399 2.32422 10.7415 2 11.4803 2C12.8719 2 14 3.12812 14 4.51973V19.4803C14 20.8719 12.8719 22 11.4803 22C10.7415 22 10.0399 21.6758 9.56118 21.1131L5.56108 16.4118Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M5.56108 16.4118L6.3227 15.7638L6.02322 15.4118H5.56108V16.4118ZM5.56105 7.58825V8.58825H6.0232L6.32268 8.23627L5.56105 7.58825ZM9.56118 2.88689L10.3228 3.53491V3.53491L9.56118 2.88689ZM9.56118 21.1131L8.79955 21.7611L9.56118 21.1131ZM5.56108 15.4118H3V17.4118H5.56108V15.4118ZM3 15.4118C2.44771 15.4118 2 14.9641 2 14.4118H0C0 16.0686 1.34314 17.4118 3 17.4118V15.4118ZM2 14.4118V9.58825H0V14.4118H2ZM2 9.58825C2 9.03596 2.44772 8.58825 3 8.58825V6.58825C1.34315 6.58825 0 7.93139 0 9.58825H2ZM3 8.58825H5.56105V6.58825H3V8.58825ZM6.32268 8.23627L10.3228 3.53491L8.79955 2.23887L4.79943 6.94023L6.32268 8.23627ZM10.3228 3.53491C10.6115 3.19555 11.0347 3 11.4803 3V1C10.4483 1 9.4683 1.45289 8.79955 2.23887L10.3228 3.53491ZM11.4803 3C12.3196 3 13 3.68041 13 4.51973H15C15 2.57584 13.4242 1 11.4803 1V3ZM13 4.51973V19.4803H15V4.51973H13ZM13 19.4803C13 20.3196 12.3196 21 11.4803 21V23C13.4242 23 15 21.4242 15 19.4803H13ZM11.4803 21C11.0347 21 10.6115 20.8044 10.3228 20.4651L8.79955 21.7611C9.4683 22.5471 10.4483 23 11.4803 23V21ZM10.3228 20.4651L6.3227 15.7638L4.79945 17.0598L8.79955 21.7611L10.3228 20.4651Z", fill: "black", fillOpacity: "0.15", mask: "url(#path-1-outside-1_1560_596)" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.2563 8.75628C16.598 8.41457 17.152 8.41457 17.4937 8.75628L19.5 10.7626L21.5063 8.75628C21.848 8.41457 22.402 8.41457 22.7437 8.75628C23.0854 9.09799 23.0854 9.65201 22.7437 9.99372L20.7374 12L22.7437 14.0063C23.0854 14.348 23.0854 14.902 22.7437 15.2437C22.402 15.5854 21.848 15.5854 21.5063 15.2437L19.5 13.2374L17.4937 15.2437C17.152 15.5854 16.598 15.5854 16.2563 15.2437C15.9146 14.902 15.9146 14.348 16.2563 14.0063L18.2626 12L16.2563 9.99372C15.9146 9.65201 15.9146 9.09799 16.2563 8.75628Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M23.0973 13.6527L21.4445 12L23.0973 10.3473C23.6342 9.8103 23.6342 8.9397 23.0973 8.40273C22.5603 7.86576 21.6897 7.86576 21.1527 8.40273L19.5 10.0555L17.8473 8.40273C17.3103 7.86576 16.4397 7.86576 15.9027 8.40273C15.3658 8.9397 15.3658 9.8103 15.9027 10.3473L17.5555 12L15.9027 13.6527C15.3658 14.1897 15.3658 15.0603 15.9027 15.5973C16.4397 16.1342 17.3103 16.1342 17.8473 15.5973L19.5 13.9445L21.1527 15.5973C21.6897 16.1342 22.5603 16.1342 23.0973 15.5973C23.6342 15.0603 23.6342 14.1897 23.0973 13.6527Z", stroke: "black", strokeOpacity: "0.15" })));
+};
+exports.UnmuteSmall = UnmuteSmall;

package/build/cjs/icons/VideoControlPause.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VideoControlPause: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/VideoControlPause.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoControlPause = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const VideoControlPause = (props) => {
+    return (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props),
+        react_1.default.createElement("g", { opacity: "0.9" },
+            react_1.default.createElement("mask", { id: "path-1-outside-1_1237_523", maskUnits: "userSpaceOnUse", x: "1", y: "0", width: "22", height: "24", fill: "black" },
+                react_1.default.createElement("rect", { fill: "white", x: "1", width: "22", height: "24" }),
+                react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 1C2.89543 1 2 1.89543 2 3V21C2 22.1046 2.89543 23 4 23H8C9.10457 23 10 22.1046 10 21V3C10 1.89543 9.10457 1 8 1H4ZM16 1C14.8954 1 14 1.89543 14 3V21C14 22.1046 14.8954 23 16 23H20C21.1046 23 22 22.1046 22 21V3C22 1.89543 21.1046 1 20 1H16Z" })),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 1C2.89543 1 2 1.89543 2 3V21C2 22.1046 2.89543 23 4 23H8C9.10457 23 10 22.1046 10 21V3C10 1.89543 9.10457 1 8 1H4ZM16 1C14.8954 1 14 1.89543 14 3V21C14 22.1046 14.8954 23 16 23H20C21.1046 23 22 22.1046 22 21V3C22 1.89543 21.1046 1 20 1H16Z", fill: "white" }),
+            react_1.default.createElement("path", { d: "M3 3C3 2.44772 3.44771 2 4 2V0C2.34315 0 1 1.34314 1 3H3ZM3 21V3H1V21H3ZM4 22C3.44772 22 3 21.5523 3 21H1C1 22.6569 2.34315 24 4 24V22ZM8 22H4V24H8V22ZM9 21C9 21.5523 8.55229 22 8 22V24C9.65685 24 11 22.6569 11 21H9ZM9 3V21H11V3H9ZM8 2C8.55228 2 9 2.44772 9 3H11C11 1.34315 9.65685 0 8 0V2ZM4 2H8V0H4V2ZM15 3C15 2.44772 15.4477 2 16 2V0C14.3431 0 13 1.34314 13 3H15ZM15 21V3H13V21H15ZM16 22C15.4477 22 15 21.5523 15 21H13C13 22.6569 14.3431 24 16 24V22ZM20 22H16V24H20V22ZM21 21C21 21.5523 20.5523 22 20 22V24C21.6569 24 23 22.6569 23 21H21ZM21 3V21H23V3H21ZM20 2C20.5523 2 21 2.44772 21 3H23C23 1.34315 21.6569 0 20 0V2ZM16 2H20V0H16V2Z", fill: "black", fillOpacity: "0.15", mask: "url(#path-1-outside-1_1237_523)" }))));
+};
+exports.VideoControlPause = VideoControlPause;

package/build/cjs/icons/VideoControlPlay.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VideoControlPlay: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/VideoControlPlay.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoControlPlay = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../utils/svg");
+const VideoControlPlay = (props) => {
+    return (react_1.default.createElement("svg", Object.assign({ width: "24", height: "26", viewBox: "0 0 24 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props),
+        react_1.default.createElement("path", { d: "M20.5028 15.6408C22.4991 14.4663 22.4991 11.5337 20.5028 10.3592L6.99778 2.41411C4.99944 1.23846 2.5 2.70595 2.5 5.05488L2.5 20.9451C2.5 23.2941 4.99943 24.7615 6.99777 23.5859L20.5028 15.6408Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M20.7563 16.0717C23.0812 14.7039 23.0812 11.2961 20.7563 9.92827L7.25131 1.98315C4.90651 0.603685 2 2.33458 2 5.05488L2 20.9451C2 23.6654 4.90651 25.3963 7.25131 24.0168L20.7563 16.0717Z", stroke: "black", strokeOpacity: "0.15" })));
+};
+exports.VideoControlPlay = VideoControlPlay;

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

@@ -2,6 +2,7 @@
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
+import { AnalyticsEventsBase } from '../common';
 import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps } from './common';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
@@ -32,6 +33,7 @@ export interface Childable {
 export interface BlockBaseProps {
     anchor?: AnchorProps;
     visible?: GridColumnSize;
+    /** @deprecated */
     resetPaddings?: boolean;
     qa?: string;
 }
@@ -141,6 +143,10 @@ export interface QuestionItem {
 export interface QuestionsProps extends Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
     items: QuestionItem[];
 }
+export interface QuestionBlockItemProps extends QuestionItem {
+    isOpened: boolean;
+    onClick: () => void;
+}
 export interface BannerBlockProps extends BannerCardProps, Animatable {
 }
 export interface CompaniesBlockProps extends Animatable {
@@ -185,6 +191,10 @@ export interface TableProps {
     legend?: string[];
     justify?: Justify[];
     marker?: LegendTableMarkerType;
+    /**
+     * Only as accessible name, not displayed explicitly
+     */
+    caption?: string;
 }
 export interface TableBlockProps {
     title: string;
@@ -232,14 +242,15 @@ export interface FilterBlockProps extends Animatable, LoadableChildren {
     colSizes?: GridColumnSizesType;
     centered?: boolean;
 }
+export interface IconsBlockItemProps extends AnalyticsEventsBase {
+    url: string;
+    text: string;
+    src: string;
+}
 export interface IconsBlockProps {
     title?: string;
     size?: 's' | 'm' | 'l';
-    items: {
-        url: string;
-        text: string;
-        src: string;
-    }[];
+    items: IconsBlockItemProps[];
 }
 interface ContentLayoutBlockParams {
     size?: ContentSize;

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

@@ -1,6 +1,6 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
-import { ThemeSupporting } from '../../utils/theme';
+import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType, QAProps } from '../common';
 export declare enum AuthorType {
     Column = "column",
@@ -25,6 +25,10 @@ export declare enum PlayButtonThemes {
     Blue = "blue",
     Grey = "grey"
 }
+export declare enum CustomControlsType {
+    WithMuteButton = "with-mute-button",
+    WithPlayPauseButton = "with-play-pause-button"
+}
 export declare enum MediaVideoType {
     Default = "default",
     Player = "player"
@@ -61,6 +65,12 @@ export interface Stylable {
 export interface Animatable {
     animated?: boolean;
 }
+export interface Tabbable {
+    tabIndex?: number;
+}
+export interface Roleable {
+    role?: React.AriaRole;
+}
 export interface Background {
     image?: string;
     color?: string;
@@ -104,9 +114,11 @@ export interface MediaVideoProps extends AnalyticsEventsBase {
     elapsedTime?: number;
     playButton?: PlayButtonProps;
     controls?: MediaVideoControlsType;
+    customControlsOptions?: CustomControlsOptions;
     metrika?: MetrikaVideo;
+    ariaLabel?: string;
 }
-export interface LinkProps extends AnalyticsEventsBase, Stylable {
+export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
     url: string;
     text?: string;
     textSize?: TextSize;
@@ -117,7 +129,7 @@ export interface LinkProps extends AnalyticsEventsBase, Stylable {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
-export interface FileLinkProps extends ClassNameProps {
+export interface FileLinkProps extends ClassNameProps, Tabbable {
     href: string;
     text: ReactNode;
     type?: FileLinkType;
@@ -126,7 +138,7 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
+export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {
     text: string;
     url: string;
     primary?: boolean;
@@ -142,22 +154,14 @@ export interface ButtonImageProps {
     position?: ButtonImagePosition;
     alt?: string;
 }
+export interface CustomControlsOptions {
+    type?: CustomControlsType;
+}
 export interface PlayButtonProps extends ClassNameProps {
     type?: PlayButtonType;
     theme?: PlayButtonThemes;
     text?: string;
 }
-export interface MediaVideoProps {
-    src: string[];
-    type?: MediaVideoType;
-    loop?: LoopProps | boolean;
-    muted?: boolean;
-    autoplay?: boolean;
-    elapsedTime?: number;
-    playButton?: PlayButtonProps;
-    controls?: MediaVideoControlsType;
-    metrika?: MetrikaVideo;
-}
 export type ThemedMediaVideoProps = ThemeSupporting<MediaVideoProps>;
 export interface MediaComponentVideoProps extends AnalyticsEventsBase {
     video: MediaVideoProps;
@@ -182,7 +186,7 @@ export interface MediaComponentDataLensProps {
 export interface MediaProps extends Animatable, Partial<MediaComponentDataLensProps>, Partial<MediaComponentYoutubeProps>, Partial<MediaComponentImageProps>, Partial<MediaComponentVideoProps> {
     color?: string;
 }
-export interface BackgroundMediaProps extends MediaProps, Animatable {
+export interface BackgroundMediaProps extends MediaProps, Animatable, QAProps {
     fullWidthMedia?: boolean;
     className?: string;
     mediaClassName?: string;
@@ -283,7 +287,7 @@ export interface PriceDetailsListProps {
 export interface PriceDetailsProps {
     items?: PriceDetailsSettingsProps[] | PriceDetailsListProps[];
 }
-export interface PriceItemProps extends PriceDetailsProps, PriceDescriptionProps {
+export interface PriceItemProps extends PriceDetailsProps, PriceDescriptionProps, AnalyticsEventsBase {
 }
 export interface PriceFoldableDetailsProps {
     title: string;
@@ -308,24 +312,6 @@ export interface PriceDetailedProps extends CardBaseProps {
     foldable?: PriceFoldableDetailsProps;
     labelsDefaultText?: Record<PriceLabelColor, string>;
 }
-export interface PriceDetailedProps extends CardBaseProps {
-    items: PriceItemProps[];
-    description?: {
-        titleSize?: TextSize;
-        descriptionSize?: TextSize;
-        titleColor?: PriceDescriptionColor;
-    };
-    details?: {
-        titleSize?: TextSize;
-        descriptionSize?: TextSize;
-    };
-    priceType?: PriceDetailsType;
-    numberGroupItems?: 3 | 4 | 5;
-    isCombined?: boolean;
-    useMixedView?: boolean;
-    foldable?: PriceFoldableDetailsProps;
-    labelsDefaultText?: Record<PriceLabelColor, string>;
-}
 export interface AuthorProps extends QAProps {
     author: AuthorItem;
     className?: string;