@gravity-ui/page-constructor 4.23.0-alpha.0 → 4.23.0

package/build/cjs/components/FullscreenMedia/FullscreenMedia.js

@@ -13,29 +13,22 @@ const getMediaClass = (type) => b('modal-media', { type });
 const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
     const [isOpened, setIsOpened] = (0, react_1.useState)(false);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
-    const [isFullscreenButtonFocused, setIsFullscreenButtonFocused] = (0, react_1.useState)(false);
     const openModal = (e) => {
         e.stopPropagation();
         setIsOpened(true);
     };
     const closeModal = () => setIsOpened(false);
-    const onShowFullScreenButton = (0, react_1.useCallback)(() => {
-        setIsFullscreenButtonFocused(true);
-    }, []);
-    const onHideFullScreenButton = (0, react_1.useCallback)(() => {
-        setIsFullscreenButtonFocused(false);
-    }, []);
     if (isMobile) {
         return children();
     }
     return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement("div", { className: b('media-wrapper'), onClickCapture: openModal, onMouseOver: onShowFullScreenButton, onMouseOut: onHideFullScreenButton },
+        react_1.default.createElement("div", { className: b('media-wrapper'), onClickCapture: openModal },
             children({ className: b('inline-media') }),
-            showFullscreenIcon && (react_1.default.createElement(uikit_1.Button, { className: b('icon-wrapper', { visible: isFullscreenButtonFocused }), extraProps: { onClickCapture: openModal }, size: 'l', onFocus: onShowFullScreenButton, onBlur: onHideFullScreenButton },
+            showFullscreenIcon && (react_1.default.createElement("div", { className: b('icon-wrapper'), onClickCapture: openModal },
                 react_1.default.createElement(uikit_1.Icon, { data: icons_1.Fullscreen, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') })))),
         isOpened && (react_1.default.createElement(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal') },
             react_1.default.createElement("div", { className: b('modal-content') },
-                react_1.default.createElement(uikit_1.Button, { className: b('icon-wrapper', { visible: true }), onClick: closeModal, size: 'l' },
+                react_1.default.createElement("div", { className: b('icon-wrapper', { visible: true }), onClick: closeModal },
                     react_1.default.createElement(uikit_1.Icon, { data: icons_1.PreviewClose, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) })),
                 children({
                     imageClassName: getMediaClass('image'),

package/build/cjs/components/Link/Link.css

@@ -10,7 +10,6 @@ unpredictable css rules order in build */
   cursor: pointer;
   display: flex;
   align-items: center;
-  border-radius: var(--g-focus-border-radius);
 }
 .utilityfocus .pc-link-block__link:focus {
   outline: 2px solid #ffdb4d;
@@ -19,13 +18,6 @@ unpredictable css rules order in build */
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
-.pc-link-block__link:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-link-block__link:focus:not(:focus-visible) {
-  outline: 0;
-}
 .pc-link-block__link_theme_dark {
   color: var(--g-color-text-light-primary);
 }

package/build/cjs/components/Media/Image/Image.js

@@ -53,7 +53,7 @@ const Image = (props) => {
     };
     const imageSlider = (imageArray) => {
         const fullscreenItem = fullscreen === undefined || fullscreen;
-        return (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard }, imageArray.map((item, index) => (react_1.default.createElement(react_1.Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
+        return (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard }, imageArray.map((item) => fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))));
     };
     if (Array.isArray(image)) {
         return imageSlider(image);

package/build/cjs/components/OverflowScroller/OverflowScroller.css

@@ -1,5 +1,3 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
 .pc-overflow-scroller {
   display: flex;
   align-items: center;
@@ -21,15 +19,6 @@ unpredictable css rules order in build */
   transition: left 0.6s;
 }
 .pc-overflow-scroller__arrow {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  border: none;
-  outline: none;
-  color: inherit;
-  background: none;
-  cursor: pointer;
   position: absolute;
   z-index: 10;
   top: 0;
@@ -40,14 +29,6 @@ unpredictable css rules order in build */
   height: calc(100% - 1px);
   cursor: pointer;
   color: var(--g-color-text-secondary);
-  border-radius: var(--g-focus-border-radius);
-}
-.pc-overflow-scroller__arrow:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-overflow-scroller__arrow:focus:not(:focus-visible) {
-  outline: 0;
 }
 .pc-overflow-scroller__arrow_type_left {
   left: 0;

package/build/cjs/components/OverflowScroller/OverflowScroller.js

@@ -5,7 +5,6 @@ const react_1 = tslib_1.__importStar(require("react"));
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const __1 = require("..");
 const utils_1 = require("../../utils");
-const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, utils_1.block)('overflow-scroller');
 const TRANSITION_TIME = 300;
 const PADDING_SIZE = 24;
@@ -85,7 +84,7 @@ class OverflowScroller extends react_1.default.Component {
             }) },
             react_1.default.createElement("div", { className: b(null, className), ref: this.containerRef },
                 react_1.default.createElement("div", { className: b('wrapper'), style: wrapperStyle, ref: this.wrapperRef }, children)),
-            arrows.map((direction) => (react_1.default.createElement("button", { key: direction, className: b('arrow', { type: direction }, arrowClassName), onClick: (e) => this.handleScrollClick(e, direction), "aria-label": (0, i18n_1.default)(direction) },
+            arrows.map((direction) => (react_1.default.createElement("div", { key: direction, className: b('arrow', { type: direction }, arrowClassName), onClick: (e) => this.handleScrollClick(e, direction) },
                 react_1.default.createElement(__1.ToggleArrow, { size: arrowSize, type: 'horizontal', iconType: "navigation" }))))));
     }
 }

package/build/cjs/components/ReactPlayer/CustomBarControls.css

@@ -55,11 +55,10 @@ unpredictable css rules order in build */
   background: #eff2f8;
 }
 .pc-CustomBarControls__button_type_with-mute-button:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
+  outline: 2px solid var(--g-color-line-misc);
 }
 .pc-CustomBarControls__button_type_with-mute-button:focus:not(:focus-visible) {
-  outline: 0;
+  outline: none;
 }
 .pc-CustomBarControls__button_type_with-play-pause-button {
   width: 42px;
@@ -68,11 +67,10 @@ unpredictable css rules order in build */
   background: var(--g-color-base-background);
 }
 .pc-CustomBarControls__button_type_with-play-pause-button:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
+  outline: 2px solid var(--g-color-line-misc);
 }
 .pc-CustomBarControls__button_type_with-play-pause-button:focus:not(:focus-visible) {
-  outline: 0;
+  outline: none;
 }
 .pc-CustomBarControls__play-icon_type_with-play-pause-button {
   height: 16px;

package/build/cjs/components/ReactPlayer/ReactPlayer.css

@@ -27,13 +27,6 @@ unpredictable css rules order in build */
   height: 64px;
   border-radius: 166px;
 }
-.pc-ReactPlayer__button:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-ReactPlayer__button:focus:not(:focus-visible) {
-  outline: 0;
-}
 .pc-ReactPlayer__button_theme_blue {
   color: var(--g-color-base-background);
   background-color: var(--g-color-base-brand);

package/build/cjs/components/ReactPlayer/ReactPlayer.js

@@ -219,7 +219,7 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
         }, className), ref: ref, onClick: handleClick, onMouseEnter: onFocusIn, onMouseLeave: onFocusOut, onFocus: onFocusIn, onBlur: onFocusOut }, isMounted ? (react_1.default.createElement(react_1.Fragment, null,
         react_1.default.createElement(react_player_1.default, { className: b('player'), url: videoSrc, muted: muted, controls: controls === models_1.MediaVideoControlsType.Default, height: currentHeight || '100%', width: width || '100%', light: previewImgUrl, playing: isPlaying, playIcon: playIcon, progressInterval: FPS, onClickPreview: handleClickPreview, onStart: onStart, onReady: setPlayerRef, onPlay: onPlay, onPause: autoPlay && customControlsType !== models_1.CustomControlsType.WithMuteButton
                 ? undefined
-                : onPause, onProgress: onProgress, onEnded: onEnded, "aria-label": ariaLabel, previewTabIndex: -1 }),
+                : onPause, onProgress: onProgress, onEnded: onEnded, "aria-label": ariaLabel }),
         controls === models_1.MediaVideoControlsType.Custom && (react_1.default.createElement(CustomBarControls_1.default, { className: customBarControlsClassName, mute: {
                 isMuted: muted,
                 changeMute: (event) => {

package/build/cjs/components/Title/TitleItem.css

@@ -62,19 +62,11 @@ unpredictable css rules order in build */
   color: inherit;
   text-decoration: none;
   padding-right: 8px;
-  border-radius: var(--g-focus-border-radius);
 }
 .pc-title-item__link:hover, .pc-title-item__link:active {
   --pc-text-header-color: inherit;
   color: inherit;
 }
-.pc-title-item__link:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-title-item__link:focus:not(:focus-visible) {
-  outline: 0;
-}
 .pc-title-item__link:hover {
   cursor: pointer;
 }

package/build/cjs/components/VideoBlock/VideoBlock.css

@@ -43,13 +43,6 @@ unpredictable css rules order in build */
   background-color: var(--g-color-base-brand);
   border-radius: 50%;
 }
-.pc-VideoBlock__button:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-VideoBlock__button:focus:not(:focus-visible) {
-  outline: 0;
-}
 .pc-VideoBlock__icon {
   margin-left: 6px;
 }

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

@@ -41,14 +41,12 @@ unpredictable css rules order in build */
   --pc-color-base-gold: #ffdb4d;
   --pc-color-base-asphalt: #313538;
   --pc-color-base-copper: #ffe6c4;
-  --g-color-line-focus: var(--g-color-text-brand);
 }
 .g-root_theme_dark {
   --pc-color-base-silver: #bcc0c4;
   --pc-color-base-gold: #ffde5d;
   --pc-color-base-asphalt: #474d52;
   --pc-color-base-copper: #7f7262;
-  --g-color-line-focus: var(--g-color-text-light-primary);
 }
 .g-root.g-root_theme_dark {
   --pc-color-sfx-shadow: var(--g-color-sfx-shadow);
@@ -126,7 +124,6 @@ unpredictable css rules order in build */
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
-  border-radius: var(--g-focus-border-radius);
 }
 .utilityfocus .yfm_constructor a:focus {
   outline: 2px solid #ffdb4d;
@@ -135,12 +132,6 @@ unpredictable css rules order in build */
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
-.yfm_constructor a:focus {
-  box-shadow: 0 0 0 2px var(--g-color-line-focus);
-}
-.yfm_constructor a:focus:not(:focus-visible) {
-  box-shadow: none;
-}
 .yfm_constructor table {
   color: var(--g-color-text-primary);
   border: 1px solid var(--g-color-line-generic);

package/build/cjs/schema/constants.d.ts

@@ -994,7 +994,27 @@ export declare const cardSchemas: {
                     };
                     controls: {
                         type: string;
-                        enum: string[];
+                        enum: import("../models").MediaVideoControlsType[];
+                    };
+                    customControlsOptions: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            type: {
+                                type: string;
+                                enum: import("../models").CustomControlsType[];
+                            };
+                            muteButtonShown: {
+                                type: string;
+                            };
+                            positioning: {
+                                type: string;
+                                enum: import("../models").CustomControlsButtonPositioning[];
+                            };
+                        };
+                    };
+                    ariaLabel: {
+                        type: string;
                     };
                 };
             };

package/build/cjs/schema/validators/common.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../models';
+import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, Theme } from '../../models';
 export declare const mediaDirection: string[];
 export declare const textSize: string[];
 export declare const containerSizesArray: string[];
@@ -8,7 +8,7 @@ export declare const contentTextWidth: string[];
 export declare const videoTypes: string[];
 export declare const playIconTypes: string[];
 export declare const playIconThemes: string[];
-export declare const videoControlsTypes: string[];
+export declare const videoControlsTypes: MediaVideoControlsType[];
 export declare const fileLinkTypes: string[];
 export declare const dividerEnum: {
     enum: (string | number)[];
@@ -19,6 +19,8 @@ export declare const sizeNumber: {
     minimum: number;
 };
 export declare const contentThemes: string[];
+export declare const customControlsType: CustomControlsType[];
+export declare const customControlsButtonPositioning: CustomControlsButtonPositioning[];
 export declare const BaseProps: {
     type: {};
     when: {
@@ -91,6 +93,23 @@ export declare const PlayButtonProps: {
         };
     };
 };
+export declare const CustomControlsOptionsProps: {
+    type: string;
+    additionalProperties: boolean;
+    properties: {
+        type: {
+            type: string;
+            enum: CustomControlsType[];
+        };
+        muteButtonShown: {
+            type: string;
+        };
+        positioning: {
+            type: string;
+            enum: CustomControlsButtonPositioning[];
+        };
+    };
+};
 export declare const VideoProps: {
     type: string;
     additionalProperties: boolean;
@@ -154,7 +173,27 @@ export declare const VideoProps: {
         };
         controls: {
             type: string;
-            enum: string[];
+            enum: MediaVideoControlsType[];
+        };
+        customControlsOptions: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {
+                type: {
+                    type: string;
+                    enum: CustomControlsType[];
+                };
+                muteButtonShown: {
+                    type: string;
+                };
+                positioning: {
+                    type: string;
+                    enum: CustomControlsButtonPositioning[];
+                };
+            };
+        };
+        ariaLabel: {
+            type: string;
         };
     };
 };
@@ -283,7 +322,27 @@ export declare const BackgroundProps: {
                 };
                 controls: {
                     type: string;
-                    enum: string[];
+                    enum: MediaVideoControlsType[];
+                };
+                customControlsOptions: {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        type: {
+                            type: string;
+                            enum: CustomControlsType[];
+                        };
+                        muteButtonShown: {
+                            type: string;
+                        };
+                        positioning: {
+                            type: string;
+                            enum: CustomControlsButtonPositioning[];
+                        };
+                    };
+                };
+                ariaLabel: {
+                    type: string;
                 };
             };
         };
@@ -1125,7 +1184,27 @@ export declare const MediaProps: {
             };
             controls: {
                 type: string;
-                enum: string[];
+                enum: MediaVideoControlsType[];
+            };
+            customControlsOptions: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    type: {
+                        type: string;
+                        enum: CustomControlsType[];
+                    };
+                    muteButtonShown: {
+                        type: string;
+                    };
+                    positioning: {
+                        type: string;
+                        enum: CustomControlsButtonPositioning[];
+                    };
+                };
+            };
+            ariaLabel: {
+                type: string;
             };
         };
     };

package/build/cjs/schema/validators/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.PlayButtonProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
+exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.CustomControlsOptionsProps = exports.PlayButtonProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.customControlsButtonPositioning = exports.customControlsType = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
 const schema_1 = require("../../components/Image/schema");
 const models_1 = require("../../models");
 const event_1 = require("./event");
@@ -14,11 +14,20 @@ exports.contentTextWidth = ['s', 'm', 'l'];
 exports.videoTypes = ['default', 'player'];
 exports.playIconTypes = ['default', 'text'];
 exports.playIconThemes = ['blue', 'grey'];
-exports.videoControlsTypes = ['default', 'custom'];
+exports.videoControlsTypes = [models_1.MediaVideoControlsType.Default, models_1.MediaVideoControlsType.Custom];
 exports.fileLinkTypes = ['vertical', 'horizontal'];
 exports.dividerEnum = { enum: [0, 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'] };
 exports.sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
 exports.contentThemes = ['default', 'dark', 'light'];
+exports.customControlsType = [
+    models_1.CustomControlsType.WithMuteButton,
+    models_1.CustomControlsType.WithPlayPauseButton,
+];
+exports.customControlsButtonPositioning = [
+    models_1.CustomControlsButtonPositioning.Center,
+    models_1.CustomControlsButtonPositioning.Left,
+    models_1.CustomControlsButtonPositioning.Right,
+];
 exports.BaseProps = {
     type: {},
     when: {
@@ -88,6 +97,23 @@ exports.PlayButtonProps = {
         },
     },
 };
+exports.CustomControlsOptionsProps = {
+    type: 'object',
+    additionalProperties: false,
+    properties: {
+        type: {
+            type: 'string',
+            enum: exports.customControlsType,
+        },
+        muteButtonShown: {
+            type: 'boolean',
+        },
+        positioning: {
+            type: 'string',
+            enum: exports.customControlsButtonPositioning,
+        },
+    },
+};
 exports.VideoProps = {
     type: 'object',
     additionalProperties: false,
@@ -126,6 +152,10 @@ exports.VideoProps = {
             type: 'string',
             enum: exports.videoControlsTypes,
         },
+        customControlsOptions: exports.CustomControlsOptionsProps,
+        ariaLabel: {
+            type: 'string',
+        },
     },
 };
 exports.ThemeProps = {

package/build/cjs/sub-blocks/BannerCard/BannerCard.css

@@ -4,9 +4,6 @@
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-banner-card_theme_dark {
-  --g-color-line-focus: var(--g-color-text-light-primary);
-}
 .pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__title,
 .pc-banner-card_theme_dark.pc-banner-card_theme_dark .pc-banner-card__subtitle {
   color: var(--g-color-text-light-primary);

package/build/cjs/sub-blocks/Content/Content.css

@@ -91,9 +91,6 @@ unpredictable css rules order in build */
 .pc-content_size_l .pc-content__button {
   margin-top: 12px;
 }
-.pc-content_theme_dark {
-  --g-color-line-focus: var(--g-color-text-light-primary);
-}
 .pc-content_theme_dark .pc-content__title *,
 .pc-content_theme_dark .pc-content__text .yfm,
 .pc-content_theme_dark .pc-content__text .yfm *,

package/build/cjs/sub-blocks/HubspotForm/HubspotForm.css

@@ -301,13 +301,6 @@ unpredictable css rules order in build */
   white-space: nowrap;
   appearance: none;
 }
-.pc-hubspot-form .hs-button.primary:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 1px;
-}
-.pc-hubspot-form .hs-button.primary:focus:not(:focus-visible) {
-  outline: 0;
-}
 .pc-hubspot-form .hs-button.primary:hover {
   background-color: var(--g-color-base-brand-hover);
 }

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts

@@ -106,7 +106,27 @@ export declare const LayoutItem: {
                     };
                     controls: {
                         type: string;
-                        enum: string[];
+                        enum: import("../..").MediaVideoControlsType[];
+                    };
+                    customControlsOptions: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            type: {
+                                type: string;
+                                enum: import("../..").CustomControlsType[];
+                            };
+                            muteButtonShown: {
+                                type: string;
+                            };
+                            positioning: {
+                                type: string;
+                                enum: import("../..").CustomControlsButtonPositioning[];
+                            };
+                        };
+                    };
+                    ariaLabel: {
+                        type: string;
                     };
                 };
             };

package/build/cjs/sub-blocks/MediaCard/schema.d.ts

@@ -189,7 +189,27 @@ export declare const MediaCardBlock: {
                     };
                     controls: {
                         type: string;
-                        enum: string[];
+                        enum: import("../..").MediaVideoControlsType[];
+                    };
+                    customControlsOptions: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            type: {
+                                type: string;
+                                enum: import("../..").CustomControlsType[];
+                            };
+                            muteButtonShown: {
+                                type: string;
+                            };
+                            positioning: {
+                                type: string;
+                                enum: import("../..").CustomControlsButtonPositioning[];
+                            };
+                        };
+                    };
+                    ariaLabel: {
+                        type: string;
                     };
                 };
             };

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.css

@@ -23,29 +23,11 @@ unpredictable css rules order in build */
   margin: auto 10px;
 }
 .pc-price-details__foldable_title {
-  font-size: var(--g-text-body-2-font-size);
-  line-height: var(--g-text-body-2-line-height);
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  border: none;
-  outline: none;
-  color: inherit;
-  background: none;
-  cursor: pointer;
   cursor: pointer;
   display: flex;
-  align-items: center;
   font-weight: 400;
-  border-radius: var(--g-focus-border-radius);
-}
-.pc-price-details__foldable_title:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.pc-price-details__foldable_title:focus:not(:focus-visible) {
-  outline: 0;
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
 .pc-price-details__foldable_title_color_cornflower {
   color: var(--g-color-text-link);

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.js

@@ -28,7 +28,7 @@ const PriceDetails = (props) => {
         return react_1.default.createElement("div", { className: b('foldable_block') }, getPriceDetails());
     };
     const getFoldableTitle = () => {
-        return (react_1.default.createElement("button", { className: b('foldable_title', { color: foldableColor, size: foldableSize }), onClick: toggleOpen, "aria-expanded": isOpened },
+        return (react_1.default.createElement("div", { className: b('foldable_title', { color: foldableColor, size: foldableSize }), onClick: toggleOpen },
             foldableTitle,
             react_1.default.createElement(components_1.ToggleArrow, { open: isOpened, size: 14, type: 'vertical', className: b('arrow') })));
     };

package/build/esm/blocks/ContentLayout/ContentLayout.css

@@ -49,9 +49,6 @@ unpredictable css rules order in build */
 .pc-content-layout-block_background {
   padding: 64px;
 }
-.pc-content-layout-block_theme_dark {
-  --g-color-line-focus: var(--g-color-text-light-primary);
-}
 @media (max-width: 577px) {
   .pc-content-layout-block_background {
     padding: 32px;

package/build/esm/blocks/ContentLayout/ContentLayout.js

@@ -30,7 +30,7 @@ export const ContentLayoutBlock = (props) => {
     const isMobile = useContext(MobileContext);
     const { textContent, fileContent, size = 'l', background, centered, theme = 'default', textWidth = 'm', } = props;
     const colSizes = useMemo(() => getTextWidth(textWidth), [textWidth]);
-    return (React.createElement("div", { className: b({ size, theme, background: Boolean(background) }) },
+    return (React.createElement("div", { className: b({ size, background: Boolean(background) }) },
         React.createElement(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })),
         fileContent && (React.createElement(Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes }, fileContent.map((file) => (React.createElement(FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))))),
         background && (React.createElement("div", { className: b('background') },