@cloud-ru/uikit-product-site-section 1.2.8 → 1.3.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.3.0 (2026-04-27)
+
+
+### Features
+
+* **SITE-11177:** add id to SectionBenefitsBanner ([6148634](https://github.com/cloud-ru-tech/uikit-product/commit/6148634bccebec4a774d6574cbfe418a0b195ac2))
+
+
+
+
+
 ## 1.2.8 (2026-04-27)
 
 ### Only dependencies have been changed

package/README.md

@@ -65,6 +65,7 @@
 |------|------|---------------|-------------|
 | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - |  |
 | items* | `ItemProps[]` | - | Выгоды |
+| id | `string` | - | id секции |
 | title | `string` | - | Заголовок |
 | titleTag | enum Tag: `"span"`, `"h1"`, `"h2"`, `"h3"`, `"h4"`, `"h5"`, `"h6"`, `"div"`, `"label"`, `"p"` | h3 | Тэг заголовка |
 | description | `string \| string[]` | - | Описание под баннером |

package/dist/cjs/components/SectionBenefitsBanner/SectionBenefitsBanner.d.ts

@@ -5,6 +5,8 @@ import { SectionBasicProps } from '../SectionBasic';
 import { BackgroundType } from './types';
 type ItemProps = Omit<BenefitItemProps, 'layoutType'>;
 export type SectionBenefitsBannerProps = WithSupportProps<WithLayoutType<{
+    /** id секции */
+    id?: string;
     /** Заголовок */
     title?: string;
     /** Тэг заголовка */
@@ -18,5 +20,5 @@ export type SectionBenefitsBannerProps = WithSupportProps<WithLayoutType<{
     /** Фон подложки */
     backgroundSectionColor?: SectionBasicProps['backgroundColor'];
 } & BackgroundType>>;
-export declare function SectionBenefitsBanner({ title, titleTag, items, layoutType, backgroundType, appearance, color, backgroundImage, backgroundSectionColor, description, className, ...rest }: SectionBenefitsBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SectionBenefitsBanner({ id, title, titleTag, items, layoutType, backgroundType, appearance, color, backgroundImage, backgroundSectionColor, description, className, ...rest }: SectionBenefitsBannerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/SectionBenefitsBanner/SectionBenefitsBanner.js

@@ -24,8 +24,8 @@ const SectionBasic_1 = require("../SectionBasic");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_1 = require("./utils");
 function SectionBenefitsBanner(_a) {
-    var { title, titleTag = 'h3', items, layoutType, backgroundType = 'color', appearance = 'brand', color, backgroundImage, backgroundSectionColor, description, className } = _a, rest = __rest(_a, ["title", "titleTag", "items", "layoutType", "backgroundType", "appearance", "color", "backgroundImage", "backgroundSectionColor", "description", "className"]);
-    return ((0, jsx_runtime_1.jsx)(SectionBasic_1.SectionBasic, Object.assign({ layoutType: layoutType, className: className, backgroundColor: backgroundSectionColor !== null && backgroundSectionColor !== void 0 ? backgroundSectionColor : 'neutral-background' }, rest, { children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.bannerWrapper, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.banner, {
+    var { id, title, titleTag = 'h3', items, layoutType, backgroundType = 'color', appearance = 'brand', color, backgroundImage, backgroundSectionColor, description, className } = _a, rest = __rest(_a, ["id", "title", "titleTag", "items", "layoutType", "backgroundType", "appearance", "color", "backgroundImage", "backgroundSectionColor", "description", "className"]);
+    return ((0, jsx_runtime_1.jsx)(SectionBasic_1.SectionBasic, Object.assign({ id: id, layoutType: layoutType, className: className, backgroundColor: backgroundSectionColor !== null && backgroundSectionColor !== void 0 ? backgroundSectionColor : 'neutral-background' }, rest, { children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.bannerWrapper, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.banner, {
                         [styles_module_scss_1.default.white]: backgroundType && backgroundType === 'image',
                     }), "data-layout-type": layoutType, "data-appearance": appearance, "data-color": color, children: [backgroundImage && ((0, jsx_runtime_1.jsx)("img", { className: styles_module_scss_1.default.illustration, src: backgroundImage, alt: 'benefits-illustration', "data-layout-type": layoutType })), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.contentWrapper, children: [title && ((0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ family: 'light', tag: titleTag }, (0, utils_1.getTitleTypographyProps)(layoutType), { children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: title }) }))), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.benefitItems, "data-items-amount": items.length, "data-layout-type": layoutType, children: items.map(item => ((0, jsx_runtime_1.jsx)(helperComponents_1.BenefitItem, Object.assign({}, item, { layoutType: layoutType }), item.description))) })] })] }), description && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.description, "data-attribute": 'no_search_index', children: (0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', purpose: 'body', size: 'm', tag: 'div', children: Array.isArray(description) ? (description.map(item => (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: item }, item))) : ((0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: description })) }) }))] }) })));
 }

package/dist/esm/components/SectionBenefitsBanner/SectionBenefitsBanner.d.ts

@@ -5,6 +5,8 @@ import { SectionBasicProps } from '../SectionBasic';
 import { BackgroundType } from './types';
 type ItemProps = Omit<BenefitItemProps, 'layoutType'>;
 export type SectionBenefitsBannerProps = WithSupportProps<WithLayoutType<{
+    /** id секции */
+    id?: string;
     /** Заголовок */
     title?: string;
     /** Тэг заголовка */
@@ -18,5 +20,5 @@ export type SectionBenefitsBannerProps = WithSupportProps<WithLayoutType<{
     /** Фон подложки */
     backgroundSectionColor?: SectionBasicProps['backgroundColor'];
 } & BackgroundType>>;
-export declare function SectionBenefitsBanner({ title, titleTag, items, layoutType, backgroundType, appearance, color, backgroundImage, backgroundSectionColor, description, className, ...rest }: SectionBenefitsBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SectionBenefitsBanner({ id, title, titleTag, items, layoutType, backgroundType, appearance, color, backgroundImage, backgroundSectionColor, description, className, ...rest }: SectionBenefitsBannerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/SectionBenefitsBanner/SectionBenefitsBanner.js

@@ -18,8 +18,8 @@ import { SectionBasic } from '../SectionBasic';
 import styles from './styles.module.css';
 import { getTitleTypographyProps } from './utils';
 export function SectionBenefitsBanner(_a) {
-    var { title, titleTag = 'h3', items, layoutType, backgroundType = 'color', appearance = 'brand', color, backgroundImage, backgroundSectionColor, description, className } = _a, rest = __rest(_a, ["title", "titleTag", "items", "layoutType", "backgroundType", "appearance", "color", "backgroundImage", "backgroundSectionColor", "description", "className"]);
-    return (_jsx(SectionBasic, Object.assign({ layoutType: layoutType, className: className, backgroundColor: backgroundSectionColor !== null && backgroundSectionColor !== void 0 ? backgroundSectionColor : 'neutral-background' }, rest, { children: _jsxs("div", { className: styles.bannerWrapper, "data-layout-type": layoutType, children: [_jsxs("div", { className: cn(styles.banner, {
+    var { id, title, titleTag = 'h3', items, layoutType, backgroundType = 'color', appearance = 'brand', color, backgroundImage, backgroundSectionColor, description, className } = _a, rest = __rest(_a, ["id", "title", "titleTag", "items", "layoutType", "backgroundType", "appearance", "color", "backgroundImage", "backgroundSectionColor", "description", "className"]);
+    return (_jsx(SectionBasic, Object.assign({ id: id, layoutType: layoutType, className: className, backgroundColor: backgroundSectionColor !== null && backgroundSectionColor !== void 0 ? backgroundSectionColor : 'neutral-background' }, rest, { children: _jsxs("div", { className: styles.bannerWrapper, "data-layout-type": layoutType, children: [_jsxs("div", { className: cn(styles.banner, {
                         [styles.white]: backgroundType && backgroundType === 'image',
                     }), "data-layout-type": layoutType, "data-appearance": appearance, "data-color": color, children: [backgroundImage && (_jsx("img", { className: styles.illustration, src: backgroundImage, alt: 'benefits-illustration', "data-layout-type": layoutType })), _jsxs("div", { className: styles.contentWrapper, children: [title && (_jsx(Typography, Object.assign({ family: 'light', tag: titleTag }, getTitleTypographyProps(layoutType), { children: _jsx(RichText, { richText: title }) }))), _jsx("div", { className: styles.benefitItems, "data-items-amount": items.length, "data-layout-type": layoutType, children: items.map(item => (_jsx(BenefitItem, Object.assign({}, item, { layoutType: layoutType }), item.description))) })] })] }), description && (_jsx("div", { className: styles.description, "data-attribute": 'no_search_index', children: _jsx(Typography, { family: 'sans', purpose: 'body', size: 'm', tag: 'div', children: Array.isArray(description) ? (description.map(item => _jsx(RichText, { richText: item }, item))) : (_jsx(RichText, { richText: description })) }) }))] }) })));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-section",
   "title": "Site Section",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -67,5 +67,5 @@
     "@cloud-ru/uikit-product-locale": "*",
     "@snack-uikit/figma-tokens": "*"
   },
-  "gitHead": "849cdd305b21bc8fea872e8645014d7fc4d3b2d6"
+  "gitHead": "3ef9ace6301ded85fb902c2746376576a390febd"
 }

package/src/components/SectionBenefitsBanner/SectionBenefitsBanner.tsx

@@ -15,6 +15,8 @@ type ItemProps = Omit<BenefitItemProps, 'layoutType'>;
 export type SectionBenefitsBannerProps = WithSupportProps<
   WithLayoutType<
     {
+      /** id секции */
+      id?: string;
       /** Заголовок */
       title?: string;
       /** Тэг заголовка */
@@ -32,6 +34,7 @@ export type SectionBenefitsBannerProps = WithSupportProps<
 >;
 
 export function SectionBenefitsBanner({
+  id,
   title,
   titleTag = 'h3',
   items,
@@ -47,6 +50,7 @@ export function SectionBenefitsBanner({
 }: SectionBenefitsBannerProps) {
   return (
     <SectionBasic
+      id={id}
       layoutType={layoutType}
       className={className}
       backgroundColor={backgroundSectionColor ?? 'neutral-background'}