Merge remote-tracking branch 'origin/main'

Author: aeksandla

CHANGELOG.md

@@ -1,5 +1,40 @@
 # Changelog
 
+## [7.24.0](https://github.com/gravity-ui/page-constructor/compare/v7.23.0...v7.24.0) (2025-12-22)
+
+
+### Features
+
+* **FoldableList:** add yfm support for list prop ([#1342](https://github.com/gravity-ui/page-constructor/issues/1342)) ([7e36ea8](https://github.com/gravity-ui/page-constructor/commit/7e36ea85582ba47483ae9dbac1480560708efb8c))
+* **questions:** update storybook and add yfm support ([#1341](https://github.com/gravity-ui/page-constructor/issues/1341)) ([67414dd](https://github.com/gravity-ui/page-constructor/commit/67414dd15d551e272e07dd9b3c49201091633cbd))
+
+
+### Bug Fixes
+
+* **BasicCard:** mark property hoverBackgroundColor as deprecated ([#1356](https://github.com/gravity-ui/page-constructor/issues/1356)) ([18d71f8](https://github.com/gravity-ui/page-constructor/commit/18d71f848ed99a3789a5568b295f9e9f25adfe69))
+* **Questions:** use sanitaze for faq miqrodata ([#1358](https://github.com/gravity-ui/page-constructor/issues/1358)) ([38a50ed](https://github.com/gravity-ui/page-constructor/commit/38a50ed77b410fddf124196dc7889b28d6adbebb))
+
+## [7.23.0](https://github.com/gravity-ui/page-constructor/compare/v7.22.0...v7.23.0) (2025-12-03)
+
+
+### Features
+
+* add ability to centered title in cardLayoutBlock ([#1337](https://github.com/gravity-ui/page-constructor/issues/1337)) ([bb51c0e](https://github.com/gravity-ui/page-constructor/commit/bb51c0e3d7acd326baa6b32a99a2243a2718aaff))
+
+## [7.22.0](https://github.com/gravity-ui/page-constructor/compare/v7.21.1...v7.22.0) (2025-11-26)
+
+
+### Features
+
+* **FormBlock:** add content labels, stub, update background ([#1314](https://github.com/gravity-ui/page-constructor/issues/1314)) ([044ced8](https://github.com/gravity-ui/page-constructor/commit/044ced812937014597307a8b056fbfef4ad3a295))
+
+## [7.21.1](https://github.com/gravity-ui/page-constructor/compare/v7.21.0...v7.21.1) (2025-11-26)
+
+
+### Bug Fixes
+
+* **BasicCard:** add animation for hover background color ([#1334](https://github.com/gravity-ui/page-constructor/issues/1334)) ([7ebabde](https://github.com/gravity-ui/page-constructor/commit/7ebabde30b5fb1030814bd0c05e910a2350a2a23))
+
 ## [7.21.0](https://github.com/gravity-ui/page-constructor/compare/v7.20.0...v7.21.0) (2025-11-18)
 
 

memory-bank/activeContext.md

@@ -67,12 +67,23 @@ Recent development has focused on:
 
 10. **Hover Background Color Enhancement**: Added support for customizable hover background colors in BasicCard component:
 
-    - **Schema Support**: Added `hoverBackgroundColor` property to BasicCard schema as optional string field
-    - **Component Implementation**: BasicCard component now accepts `hoverBackgroundColor` prop and applies it as CSS custom property `--hover-background-color`
+    - **Schema Support**: Added `hoverBackgroundColor` property to BasicCard schema as optional string field (**deprecated**)
+    - **Component Implementation**: BasicCard component now accepts `hoverBackgroundColor` prop and applies it as CSS custom property `--hover-background-color` (**deprecated**)
     - **CSS Integration**: Uses existing `background-hover()` mixin in CardBase component that applies the custom property on hover
     - **Flexible Styling**: Allows any valid CSS color value (hex, rgb, rgba, named colors, etc.)
     - **Backward Compatibility**: Optional property that doesn't affect existing implementations
 
+11. **CardLayout Title Centering Enhancement**: Added title centering support for CardLayout block:
+
+    - **New Prop**: Added `centered?: boolean` prop to `CardLayoutBlockProps` for centering title and subtitle
+    - **Default Behavior**: Default value is `false`, maintaining backward compatibility (left-aligned by default)
+    - **Title Component Enhancement**: Extended `Title` component with `colJustifyContent?: GridJustifyContent` prop for controlling title and subtitle alignment
+    - **Responsive Behavior**: Dynamic `colSizes` based on `centered` prop:
+      - When `centered === false`: `sm: 8` (allows left-aligned title with narrower column)
+      - When `centered === true`: `sm: 12` (full width for centered title)
+    - **Implementation Logic**: Uses conditional check `centered ? GridJustifyContent.Center : GridJustifyContent.Start` for alignment and `centered ? 12 : 8` for column size
+    - **No Breaking Changes**: All changes are backward compatible with default `centered: false` value
+
 ## Active Decisions and Considerations
 
 ### Architecture

memory-bank/progress.md

@@ -49,6 +49,17 @@ Recently updated sub-block components with enhanced consistency:
 - **ContentList**: Enhanced with Gravity icons support for list items
 - **IconWrapper**: Updated to support both traditional image icons and Gravity UI icons
 
+### Layout Blocks Enhancement
+
+- **CardLayout Block**: Enhanced with title centering support:
+  - **Title Centering Control**: New `centered?: boolean` prop allows centering title and subtitle
+  - **Title Component**: Extended with `colJustifyContent` prop for alignment control
+  - **Responsive Layout**: Dynamic column sizes adapt based on `centered` prop:
+    - When `centered === false`: uses `sm: 8` for narrower left-aligned title column
+    - When `centered === true`: uses `sm: 12` for full-width centered title
+  - **Implementation**: Conditional logic `centered ? GridJustifyContent.Center : GridJustifyContent.Start` for alignment and `centered ? 12 : 8` for column size
+  - **Backward Compatible**: Default `centered: false` maintains existing left-aligned behavior
+
 ### Icon System
 
 Enhanced icon capabilities with Gravity UI integration:

memory-bank/usage/content.md

@@ -444,10 +444,11 @@ The Content component is composed of several key parts:
 
 1. **Title**: Displays the content title using the Title component
 2. **Text**: Displays the main text content using the YFMWrapper component
-3. **Content List**: Displays a list of content items using the ContentList component
-4. **Additional Info**: Displays additional information using the YFMWrapper component
-5. **Links**: Displays links using the Links component
-6. **Buttons**: Displays buttons using the Buttons component
+3. **Labels**: Displays labels using the ContentLabels component
+4. **Content List**: Displays a list of content items using the ContentList component
+5. **Additional Info**: Displays additional information using the YFMWrapper component
+6. **Links**: Displays links using the Links component
+7. **Buttons**: Displays buttons using the Buttons component
 
 ### Internal Structure
 
@@ -469,6 +470,11 @@ The Content component is composed of several key parts:
       />
     </div>
   )}
+  {labels?.length ? (
+    <div className={b('labels')}>
+      <ContentLabels labels={labels} theme={theme} />
+    </div>
+  ) : null}
   {list?.length ? (
     <div className={b('list')}>
       <ContentList list={list} size={size} qa={qaAttributes.list} theme={theme} />

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "7.21.0",
+  "version": "7.24.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "type": "commonjs",

package.json

@@ -19,6 +19,15 @@ $largeBorderRadius: 32px;
         }
     }
 
+    &__title {
+        &_centered {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            text-align: center;
+        }
+    }
+
     &__image {
         position: absolute;
         top: 0;

src/blocks/CardLayout/CardLayout.scss

@@ -4,7 +4,7 @@ import isEmpty from 'lodash/isEmpty';
 
 import {AnimateBlock, BackgroundImage, Title} from '../../components';
 import {useTheme} from '../../context/theme';
-import {Col, GridColumnSizesType, Row} from '../../grid';
+import {Col, GridColumnSizesType, GridJustifyContent, Row} from '../../grid';
 import {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';
 import {block, getThemedValue} from '../../utils';
 
@@ -15,6 +15,7 @@ const DEFAULT_SIZES: GridColumnSizesType = {
     sm: 6,
     md: 4,
 };
+
 export type CardLayoutBlockProps = React.PropsWithChildren<
     Omit<CardLayoutBlockParams, 'children'>
 > &
@@ -31,13 +32,21 @@ const CardLayout = ({
     className,
     titleClassName,
     background,
+    centered = false,
 }: CardLayoutBlockProps) => {
     const theme = useTheme();
     const {border, ...backgroundImageProps} = getThemedValue(background || {}, theme);
     return (
         <AnimateBlock className={b(null, className)} animate={animated}>
             {(title || description) && (
-                <Title title={title} subtitle={description} className={titleClassName} />
+                <Title
+                    title={title}
+                    subtitle={description}
+                    className={b('title', {centered}, titleClassName)}
+                    colJustifyContent={
+                        centered ? GridJustifyContent.Center : GridJustifyContent.Start
+                    }
+                />
             )}
             <div
                 className={b('content', {

src/blocks/CardLayout/CardLayout.tsx

@@ -110,7 +110,8 @@
     "content": {
       "type": "card-layout-block",
       "title": "Card layout with basic cards",
-      "description": "Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone."
+      "description": "Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.",
+      "centered": false
     }
   },
   "colSizes": {
@@ -172,6 +173,7 @@
       "type": "card-layout-block",
       "title": "Card layout with background image (basic cards)",
       "description": "Four cards in a row on the desktop, three cards in a row on the mini-desktop, two cards in a row on a tablet, one card in a row on a mobile phone.",
+      "centered": false,
       "colSizes": {
         "all": 12,
         "sm": 6,