@gravity-ui/page-constructor 4.52.0 → 4.54.0

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -22,7 +22,7 @@ const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_S
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
         react_1.default.createElement(components_1.Title, { title: title, subtitle: description, className: b('header') }),
         react_1.default.createElement("div", { className: b('items') },
-            react_1.default.createElement(grid_1.Row, null, items.map(({ title: itemTitle, text, link, links, label, icon, buttons, additionalInfo, }) => {
+            react_1.default.createElement(grid_1.Row, null, items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
                 const itemLinks = links || [];
                 const iconThemed = icon && (0, utils_2.getThemedValue)(icon, theme);
                 const iconData = iconThemed && (0, utils_1.getMediaImage)(iconThemed);
@@ -38,7 +38,7 @@ const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_S
                             }, react_1.default.createElement(react_1.default.Fragment, null,
                                 react_1.default.createElement(components_1.HTML, null, itemTitle),
                                 label && (react_1.default.createElement("span", { className: b('item-label') }, label)))),
-                        react_1.default.createElement(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
+                        react_1.default.createElement(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
             })))));
 };
 exports.ExtendedFeaturesBlock = ExtendedFeaturesBlock;

package/build/cjs/blocks/Media/Media.css

@@ -11,4 +11,7 @@ unpredictable css rules order in build */
 }
 .pc-media-block_border_none {
   border-radius: var(--pc-border-radius);
+}
+.pc-media-block__image {
+  border-radius: var(--pc-border-radius);
 }

package/build/cjs/blocks/Media/Media.js

@@ -20,7 +20,7 @@ const MediaBlock = (props) => {
     const mediaThemed = (0, utils_1.getThemedValue)(media, theme);
     return (react_1.default.createElement(MediaBase_1.default, Object.assign({}, props, { onScroll: () => setPlay(true) }),
         react_1.default.createElement(MediaBase_1.default.Card, null,
-            react_1.default.createElement(Media_1.default, Object.assign({}, mediaThemed, { playVideo: play, className: b({ border: borderSelected }) })))));
+            react_1.default.createElement(Media_1.default, Object.assign({ imageClassName: b('image') }, mediaThemed, { playVideo: play, className: b({ border: borderSelected }) })))));
 };
 exports.MediaBlock = MediaBlock;
 exports.default = exports.MediaBlock;

package/build/cjs/sub-blocks/BasicCard/BasicCard.js

@@ -10,12 +10,12 @@ const utils_1 = require("../../utils");
 const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const b = (0, utils_1.block)('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, buttons, iconPosition = sub_blocks_1.IconPosition.Top } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons", "iconPosition"]);
+    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition"]);
     const titleId = (0, uikit_1.useUniqId)();
     const descriptionId = (0, uikit_1.useUniqId)();
     return (react_1.default.createElement(CardBase_1.default, Object.assign({ className: b() }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
         react_1.default.createElement(CardBase_1.default.Content, null,
             react_1.default.createElement(IconWrapper_1.default, { icon: icon ? { value: icon, position: iconPosition } : undefined },
-                react_1.default.createElement(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } })))));
+                react_1.default.createElement(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } })))));
 };
 exports.default = BasicCard;

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -19,7 +19,7 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
         React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
         React.createElement("div", { className: b('items') },
-            React.createElement(Row, null, items.map(({ title: itemTitle, text, link, links, label, icon, buttons, additionalInfo, }) => {
+            React.createElement(Row, null, items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
                 const itemLinks = links || [];
                 const iconThemed = icon && getThemedValue(icon, theme);
                 const iconData = iconThemed && getMediaImage(iconThemed);
@@ -35,7 +35,7 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
                             }, React.createElement(React.Fragment, null,
                                 React.createElement(HTML, null, itemTitle),
                                 label && (React.createElement("span", { className: b('item-label') }, label)))),
-                        React.createElement(Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
+                        React.createElement(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
             })))));
 };
 export default ExtendedFeaturesBlock;

package/build/esm/blocks/Media/Media.css

@@ -11,4 +11,7 @@ unpredictable css rules order in build */
 }
 .pc-media-block_border_none {
   border-radius: var(--pc-border-radius);
+}
+.pc-media-block__image {
+  border-radius: var(--pc-border-radius);
 }

package/build/esm/blocks/Media/Media.js

@@ -17,6 +17,6 @@ export const MediaBlock = (props) => {
     const mediaThemed = getThemedValue(media, theme);
     return (React.createElement(MediaBase, Object.assign({}, props, { onScroll: () => setPlay(true) }),
         React.createElement(MediaBase.Card, null,
-            React.createElement(Media, Object.assign({}, mediaThemed, { playVideo: play, className: b({ border: borderSelected }) })))));
+            React.createElement(Media, Object.assign({ imageClassName: b('image') }, mediaThemed, { playVideo: play, className: b({ border: borderSelected }) })))));
 };
 export default MediaBlock;

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

@@ -9,12 +9,12 @@ import Content from '../Content/Content';
 import './BasicCard.css';
 const b = block('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, buttons, iconPosition = IconPosition.Top } = props, cardParams = __rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons", "iconPosition"]);
+    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = IconPosition.Top } = props, cardParams = __rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition"]);
     const titleId = useUniqId();
     const descriptionId = useUniqId();
     return (React.createElement(CardBase, Object.assign({ className: b() }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId } }),
         React.createElement(CardBase.Content, null,
             React.createElement(IconWrapper, { icon: icon ? { value: icon, position: iconPosition } : undefined },
-                React.createElement(Content, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } })))));
+                React.createElement(Content, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } })))));
 };
 export default BasicCard;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.52.0",
+  "version": "4.54.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/styles/storybook/common.scss

@@ -1,3 +1,5 @@
+@import '../mixins';
+
 .demo-container {
     min-height: calc(100vh - 1px);
     padding: 50px;
@@ -35,3 +37,9 @@
     --pc-first-block-indent: 64px;
     margin-bottom: 120px;
 }
+
+.pc-layout {
+    @include add-specificity(&) {
+        min-height: auto;
+    }
+}