@cloud-ru/uikit-product-site-banner 0.3.13 → 0.3.14

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.
 
+## 0.3.14 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.3.13 (2025-11-12)
 
 ### Only dependencies have been changed

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

@@ -0,0 +1,11 @@
+import { TagSpecialProps } from '@sbercloud/uikit-product-site-tag';
+import { BannerCommonProps } from '../../helperComponents/BannerCommon';
+import { BetterOmit } from '../../types';
+export type BannerPrimaryProps = BetterOmit<BannerCommonProps, 'sizes'> & {
+    imgType: 'rectangle' | 'square';
+    /** Дата окончания действия */
+    expirationDate?: string;
+    /** Тэги */
+    tags?: TagSpecialProps[];
+};
+export declare function BannerPrimary({ tags, imgType, layoutType, expirationDate, ...props }: BannerPrimaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/BannerPrimary/BannerPrimary.js

@@ -0,0 +1,33 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerPrimary = BannerPrimary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_site_tag_1 = require("@sbercloud/uikit-product-site-tag");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const promo_tag_1 = require("@snack-uikit/promo-tag");
+const BannerCommon_1 = require("../../helperComponents/BannerCommon");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const IMAGE_SIZE = {
+    [uikit_product_utils_1.LAYOUT_TYPE.Desktop]: { rectangle: [396, 272], square: [272, 272] },
+    [uikit_product_utils_1.LAYOUT_TYPE.DesktopSmall]: { rectangle: [396, 272], square: [272, 272] },
+    [uikit_product_utils_1.LAYOUT_TYPE.Tablet]: { rectangle: [396, 272], square: [272, 272] },
+    [uikit_product_utils_1.LAYOUT_TYPE.Mobile]: { rectangle: [360, 247], square: [272, 272] },
+};
+function BannerPrimary(_a) {
+    var { tags, imgType, layoutType, expirationDate } = _a, props = __rest(_a, ["tags", "imgType", "layoutType", "expirationDate"]);
+    return ((0, jsx_runtime_1.jsx)(BannerCommon_1.BannerCommon, Object.assign({ sizes: { image: IMAGE_SIZE[layoutType][imgType], mainGap: layoutType === 'mobile' ? 24 : 32 }, layoutType: layoutType, topSlot: (tags || expirationDate) && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.tags, children: [expirationDate && ((0, jsx_runtime_1.jsx)(promo_tag_1.PromoTag, { size: 'xs', text: `Действует до ${expirationDate}`, appearance: 'neutral', color: 'decor' })), tags === null || tags === void 0 ? void 0 : tags.map((props, index) => ((0, jsx_runtime_1.jsx)(uikit_product_site_tag_1.TagSpecial, Object.assign({}, props), index)))] })) }, props)));
+}

package/dist/cjs/components/BannerPrimary/index.d.ts

@@ -0,0 +1 @@
+export * from './BannerPrimary';

package/dist/cjs/components/BannerPrimary/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BannerPrimary"), exports);

package/dist/cjs/components/BannerPrimary/styles.module.css

@@ -0,0 +1,5 @@
+.tags{
+  display:flex;
+  flex-wrap:wrap;
+  gap:4px;
+}

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

@@ -0,0 +1,4 @@
+import { BannerCommonProps } from '../../helperComponents/BannerCommon';
+import { BetterOmit } from '../../types';
+export type BannerSecondaryProps = BetterOmit<BannerCommonProps, 'topSlot' | 'sizes'>;
+export declare function BannerSecondary(props: BannerSecondaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/BannerSecondary/BannerSecondary.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerSecondary = BannerSecondary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BannerCommon_1 = require("../../helperComponents/BannerCommon");
+const IMAGE_SIZE = [303, 208];
+const getGapValue = (layouType) => (layouType === 'tablet' ? 32 : 24);
+function BannerSecondary(props) {
+    return ((0, jsx_runtime_1.jsx)(BannerCommon_1.BannerCommon, Object.assign({ topSlot: null, sizes: { image: IMAGE_SIZE, mainGap: getGapValue(props.layoutType) } }, props)));
+}

package/dist/cjs/components/BannerSecondary/index.d.ts

@@ -0,0 +1 @@
+export * from './BannerSecondary';

package/dist/cjs/components/BannerSecondary/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BannerSecondary"), exports);

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { ButtonPromoProps } from '@sbercloud/uikit-product-button-predefined';
+import { EridProps } from '@sbercloud/uikit-product-site-tag';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ColorWrapperProps } from '../../helperComponents/ColorWrapper';
+export type BannerTertiaryProps = WithSupportProps<WithLayoutType<{
+    /** id компонента */
+    id?: string;
+    /** Заголовок */
+    title: string;
+    /** Описание */
+    description?: string;
+    /** Кнопка */
+    button?: Omit<ButtonPromoProps, 'size' | 'appearance'>;
+    /** Ссылка на картинку */
+    img: string;
+    /** элемент в правом верхнем углу */
+    topRightCornerSlot?: ReactNode;
+    /** Плашка рекламы с tooltip */
+    erid?: Pick<EridProps, 'tip'>;
+    /** css-класс */
+    className?: string;
+}> & ColorWrapperProps>;
+export declare function BannerTertiary({ layoutType, title, description, img, button, erid, className, topRightCornerSlot, ...rest }: BannerTertiaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/BannerTertiary/BannerTertiary.js

@@ -0,0 +1,37 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerTertiary = BannerTertiary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_button_predefined_1 = require("@sbercloud/uikit-product-button-predefined");
+const uikit_product_site_rich_text_1 = require("@sbercloud/uikit-product-site-rich-text");
+const uikit_product_site_tag_1 = require("@sbercloud/uikit-product-site-tag");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const typography_1 = require("@snack-uikit/typography");
+const ColorWrapper_1 = require("../../helperComponents/ColorWrapper");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const MAP_LAYOUT_TO_TEXT_SIZE = {
+    [uikit_product_utils_1.LAYOUT_TYPE.Desktop]: 'l',
+    [uikit_product_utils_1.LAYOUT_TYPE.DesktopSmall]: 'l',
+    [uikit_product_utils_1.LAYOUT_TYPE.Tablet]: 'l',
+    [uikit_product_utils_1.LAYOUT_TYPE.Mobile]: 'm',
+};
+function BannerTertiary(_a) {
+    var { layoutType, title, description, img, button, erid, className, topRightCornerSlot } = _a, rest = __rest(_a, ["layoutType", "title", "description", "img", "button", "erid", "className", "topRightCornerSlot"]);
+    const isMobile = layoutType === 'mobile';
+    return ((0, jsx_runtime_1.jsxs)(ColorWrapper_1.ColorWrapper, Object.assign({}, rest, { className: (0, classnames_1.default)(className, styles_module_scss_1.default.root), "data-layout-type": layoutType, children: [(topRightCornerSlot || erid) && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.topRightCorner, children: [erid && ((0, jsx_runtime_1.jsx)(uikit_product_site_tag_1.Erid, { className: styles_module_scss_1.default.erid, tip: erid.tip, appearance: ColorWrapper_1.ColorWrapper.getEridAppearance(rest.appearance) })), topRightCornerSlot] })), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [(0, jsx_runtime_1.jsx)("img", { className: styles_module_scss_1.default.image, src: img, alt: title }), (0, jsx_runtime_1.jsxs)("div", { "data-color-wrapper-role": 'text', className: styles_module_scss_1.default.texts, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { size: MAP_LAYOUT_TO_TEXT_SIZE[layoutType], className: styles_module_scss_1.default.title, purpose: 'title', family: 'sans', children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: title }) }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { size: MAP_LAYOUT_TO_TEXT_SIZE[layoutType], className: styles_module_scss_1.default.description, purpose: 'body', family: 'sans', children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: description }) })] }), (0, jsx_runtime_1.jsx)(uikit_product_button_predefined_1.ButtonPromo, Object.assign({ target: '_self' }, button, { size: 'l', appearance: ColorWrapper_1.ColorWrapper.getButtonAppearance(rest.appearance), fullWidth: isMobile }))] })] })));
+}

package/dist/cjs/components/BannerTertiary/index.d.ts

@@ -0,0 +1 @@
+export * from './BannerTertiary';

package/dist/cjs/components/BannerTertiary/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BannerTertiary"), exports);

package/dist/cjs/components/BannerTertiary/styles.module.css

@@ -0,0 +1,36 @@
+.root{
+  position:relative;
+}
+
+.topRightCorner{
+  position:absolute;
+  top:0;
+  right:0;
+  display:flex;
+  align-items:center;
+  gap:4px;
+}
+
+.content{
+  gap:16px;
+  padding:16px;
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+}
+[data-layout-type=mobile] .content{
+  flex-direction:column;
+}
+
+.image{
+  max-width:105px;
+  max-height:72px;
+}
+
+.texts{
+  display:flex;
+  flex:1 1 auto;
+  flex-direction:column;
+  align-self:stretch;
+  gap:4px;
+}

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

@@ -0,0 +1,3 @@
+export * from './BannerPrimary';
+export * from './BannerSecondary';
+export * from './BannerTertiary';

package/dist/cjs/components/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BannerPrimary"), exports);
+__exportStar(require("./BannerSecondary"), exports);
+__exportStar(require("./BannerTertiary"), exports);

package/dist/cjs/helperComponents/BannerCommon/BannerCommon.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { ButtonPromoOutlineProps, ButtonPromoProps } from '@sbercloud/uikit-product-button-predefined';
+import { EridProps } from '@sbercloud/uikit-product-site-tag';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ColorWrapperProps } from '../ColorWrapper';
+export type BannerCommonProps = WithSupportProps<WithLayoutType<{
+    /** id компонента */
+    id?: string;
+    /** Заголовок*/
+    title: string;
+    /** Описание*/
+    description?: string;
+    /** Ссылка на картинку */
+    img: string;
+    /** Массив с настройками кнопок ButtonFilled */
+    buttons?: [Omit<ButtonPromoProps, 'size' | 'appearance'>, Omit<ButtonPromoOutlineProps, 'size' | 'appearance'>?];
+    /** CSS-класс */
+    className?: string;
+    /** Плашка рекламы с tooltip */
+    erid?: Pick<EridProps, 'tip' | 'appearance'>;
+    /** Слот под контент */
+    topSlot?: ReactNode;
+    /** Размеры */
+    sizes: {
+        /** Размеры картинки */
+        image: [number, number];
+        /** Отступ между текстом и кнопками */
+        mainGap: number;
+    };
+} & ColorWrapperProps>>;
+export declare function BannerCommon({ id, title, description, img, erid, buttons, layoutType, className, topSlot, sizes: { image: [maxImageWith, maxImageHeight], mainGap, }, ...rest }: BannerCommonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/BannerCommon/BannerCommon.js

@@ -0,0 +1,34 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerCommon = BannerCommon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_button_predefined_1 = require("@sbercloud/uikit-product-button-predefined");
+const uikit_product_site_rich_text_1 = require("@sbercloud/uikit-product-site-rich-text");
+const uikit_product_site_tag_1 = require("@sbercloud/uikit-product-site-tag");
+const typography_1 = require("@snack-uikit/typography");
+const ColorWrapper_1 = require("../ColorWrapper");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const util_1 = require("./util");
+function BannerCommon(_a) {
+    var { id, title, description, img, erid, buttons, layoutType, className, topSlot, sizes: { image: [maxImageWith, maxImageHeight], mainGap, } } = _a, rest = __rest(_a, ["id", "title", "description", "img", "erid", "buttons", "layoutType", "className", "topSlot", "sizes"]);
+    return ((0, jsx_runtime_1.jsxs)(ColorWrapper_1.ColorWrapper, Object.assign({ id: id, className: (0, classnames_1.default)(styles_module_scss_1.default.root, className), "data-layout-type": layoutType, style: {
+            '--site-banner-main-gap': `${mainGap}px`,
+            '--site-banner-image-max-width': `${maxImageWith}px`,
+            '--site-banner-image-max-height': `${maxImageHeight}px`,
+        } }, rest, { children: [erid && (0, jsx_runtime_1.jsx)(uikit_product_site_tag_1.Erid, { className: styles_module_scss_1.default.erid, tip: erid.tip, appearance: erid.appearance }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [topSlot, (0, jsx_runtime_1.jsxs)("div", { "data-color-wrapper-role": 'text', className: styles_module_scss_1.default.text, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ className: styles_module_scss_1.default.title, family: 'sans' }, (0, util_1.getBlockTitleProps)(layoutType), { children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: title }) })), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyL, { className: styles_module_scss_1.default.description, children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: description }) })] }), buttons && buttons.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.buttons, children: [(0, jsx_runtime_1.jsx)(uikit_product_button_predefined_1.ButtonPromo, Object.assign({ className: styles_module_scss_1.default.button, target: '_self' }, buttons[0], { size: 'l', appearance: ColorWrapper_1.ColorWrapper.getButtonAppearance(rest.appearance) })), (buttons === null || buttons === void 0 ? void 0 : buttons.length) > 1 && ((0, jsx_runtime_1.jsx)(uikit_product_button_predefined_1.ButtonPromoOutline, Object.assign({ className: styles_module_scss_1.default.button, target: '_self' }, buttons[1], { size: 'l', appearance: ColorWrapper_1.ColorWrapper.getButtonAppearance(rest.appearance) })))] }))] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.imgWrapper, children: (0, jsx_runtime_1.jsx)("img", { className: styles_module_scss_1.default.img, src: img, alt: title }) })] })));
+}

package/dist/cjs/helperComponents/BannerCommon/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const Appearance: {
+    readonly Decor: "decor";
+    readonly Brand: "brand";
+    readonly Graphite: "graphite";
+};
+export declare const Color: {
+    readonly Neutral: "neutral";
+    readonly White: "white";
+    readonly Violet: "violet";
+    readonly Blue: "blue";
+};

package/dist/cjs/helperComponents/BannerCommon/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Color = exports.Appearance = void 0;
+exports.Appearance = {
+    Decor: 'decor',
+    Brand: 'brand',
+    Graphite: 'graphite',
+};
+exports.Color = {
+    Neutral: 'neutral',
+    White: 'white',
+    Violet: 'violet',
+    Blue: 'blue',
+};

package/dist/cjs/helperComponents/BannerCommon/index.d.ts

@@ -0,0 +1 @@
+export * from './BannerCommon';

package/dist/cjs/helperComponents/BannerCommon/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BannerCommon"), exports);

package/dist/cjs/helperComponents/BannerCommon/styles.module.css

@@ -0,0 +1,81 @@
+.content{
+  display:flex;
+  flex-direction:column;
+  gap:var(--site-banner-main-gap);
+  padding:32px;
+}
+
+.title,
+.description{
+  word-break:break-word;
+}
+
+.text{
+  display:flex;
+  flex-direction:column;
+  gap:12px;
+}
+
+.buttons{
+  display:flex;
+  margin-top:auto;
+  gap:16px;
+}
+
+.img{
+  width:100%;
+  max-width:var(--site-banner-image-max-width);
+  max-height:var(--site-banner-image-max-height);
+  flex-shrink:0;
+}
+.imgWrapper{
+  width:100%;
+  display:flex;
+  justify-content:center;
+  align-items:center;
+}
+
+.erid{
+  position:absolute;
+  right:2px;
+  top:2px;
+}
+
+.root{
+  position:relative;
+  display:grid;
+  grid-template-columns:1fr var(--site-banner-image-max-width);
+}
+.root[data-layout-type=tablet]{
+  display:flex;
+  flex-direction:column;
+}
+.root[data-layout-type=tablet] .content{
+  padding:24px;
+}
+.root[data-layout-type=tablet] .text{
+  gap:8px;
+}
+.root[data-layout-type=tablet] .buttons{
+  flex-direction:column;
+}
+.root[data-layout-type=tablet] .button{
+  width:100%;
+}
+.root[data-layout-type=mobile]{
+  display:flex;
+  flex-direction:column;
+}
+.root[data-layout-type=mobile] .content{
+  padding:16px;
+}
+.root[data-layout-type=mobile] .text{
+  gap:4px;
+}
+.root[data-layout-type=mobile] .buttons{
+  flex-direction:column;
+  gap:8px;
+}
+.root[data-layout-type=mobile] .button{
+  width:100%;
+}

package/dist/cjs/helperComponents/BannerCommon/types.d.ts

@@ -0,0 +1,13 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { Appearance, Color } from './constants';
+type ColorType = ValueOf<typeof Color>;
+export type AppearanceType = ValueOf<typeof Appearance>;
+export type WithColor = {
+    appearance: Exclude<AppearanceType, 'brand' | 'graphite'>;
+    color?: ColorType;
+};
+export type WithoutColor = {
+    appearance: Exclude<AppearanceType, 'decor'>;
+    color?: never;
+};
+export {};

package/dist/cjs/helperComponents/BannerCommon/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/helperComponents/BannerCommon/util.d.ts

@@ -0,0 +1,3 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+import { TypographyProps } from '@snack-uikit/typography';
+export declare const getBlockTitleProps: (layoutType: LayoutType) => Pick<TypographyProps, "purpose" | "size">;

package/dist/cjs/helperComponents/BannerCommon/util.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBlockTitleProps = void 0;
+const getBlockTitleProps = (layoutType) => {
+    switch (layoutType) {
+        case 'mobile':
+            return {
+                purpose: 'title',
+                size: 'm',
+            };
+        case 'tablet':
+            return {
+                purpose: 'title',
+                size: 'l',
+            };
+        default:
+            return {
+                purpose: 'headline',
+                size: 'm',
+            };
+    }
+};
+exports.getBlockTitleProps = getBlockTitleProps;

package/dist/cjs/helperComponents/ColorWrapper/ColorWrapper.d.ts

@@ -0,0 +1,15 @@
+import { DetailedHTMLProps, HTMLAttributes, PropsWithChildren } from 'react';
+import { ButtonPromoProps } from '@sbercloud/uikit-product-button-predefined';
+import { EridProps } from '@sbercloud/uikit-product-site-tag';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { AppearanceType, WithColor, WithoutColor } from '../BannerCommon/types';
+type DivProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export type ColorWrapperProps = PropsWithChildren<WithSupportProps<{
+    className?: string;
+} & (WithColor | WithoutColor)>>;
+export declare function ColorWrapper({ id, className, children, color, appearance, ...other }: ColorWrapperProps & DivProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ColorWrapper {
+    var getButtonAppearance: (appearance: AppearanceType) => ButtonPromoProps["appearance"];
+    var getEridAppearance: (appearance: AppearanceType) => EridProps["appearance"];
+}
+export {};

package/dist/cjs/helperComponents/ColorWrapper/ColorWrapper.js

@@ -0,0 +1,26 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorWrapper = ColorWrapper;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ColorWrapper(_a) {
+    var { id, className, children, color, appearance } = _a, other = __rest(_a, ["id", "className", "children", "color", "appearance"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ id: id, "data-appearance": appearance, "data-color": color, className: (0, classnames_1.default)(styles_module_scss_1.default.root, className) }, other, { children: children })));
+}
+ColorWrapper.getButtonAppearance = (appearance) => appearance !== 'graphite' ? 'secondary' : 'tertiary';
+ColorWrapper.getEridAppearance = (appearance) => appearance === 'graphite' ? 'invert-neutral' : 'neutral';

package/dist/cjs/helperComponents/ColorWrapper/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorWrapper';

package/dist/cjs/helperComponents/ColorWrapper/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ColorWrapper"), exports);

package/dist/cjs/helperComponents/ColorWrapper/styles.module.css

@@ -0,0 +1,28 @@
+.root{
+  background-color:var(--sys-neutral-background, #eeeff3);
+}
+.root[data-color=neutral][data-appearance=decor]{
+  background-color:var(--sys-neutral-background, #eeeff3);
+}
+.root[data-color=white][data-appearance=decor]{
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+}
+.root[data-color=violet][data-appearance=decor]{
+  background-color:var(--sys-violet-background, #f7f3ff);
+}
+.root[data-color=blue][data-appearance=decor]{
+  background-color:var(--sys-blue-background, #eef4fd);
+}
+.root[data-appearance=graphite]{
+  background-color:var(--sys-graphite-accent-default, #222222);
+}
+.root[data-appearance=graphite] [data-color-wrapper-role=text]{
+  color:var(--sys-invert-neutral-text-main, #e6e8ef);
+}
+.root[data-appearance=brand]{
+  background-color:var(--sys-primary-accent-default, #26d07c);
+}
+
+[data-color-wrapper-role=text]{
+  color:var(--sys-graphite-text-main, #222222);
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export * from './components';