@cloud-ru/uikit-product-site-article 0.2.2 → 0.2.4

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.2.4 (2025-11-13)
+
+
+### Bug Fixes
+
+* **PD-3377:** removed contributors ([121640f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/121640f7b88b20a728a6ad2c39de8841532bb308))
+
+
+
+
+
+## 0.2.3 (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.2.2 (2025-11-12)
 
 ### Only dependencies have been changed

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

@@ -0,0 +1,11 @@
+import { MouseEvent } from 'react';
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+export type ArticleLink = {
+    id: string;
+    text: string;
+    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
+};
+export type ArticleLinksProps = WithLayoutType<{
+    links: ArticleLink[];
+}>;
+export declare function ArticleLinks(props: ArticleLinksProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ArticleLinks/ArticleLinks.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleLinks = ArticleLinks;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ArticleLinks(props) {
+    const { layoutType, links } = props;
+    const typographyProps = (0, react_1.useMemo)(() => {
+        if (layoutType === 'mobile') {
+            return {
+                family: 'sans',
+                purpose: 'title',
+                size: 'm',
+            };
+        }
+        return {
+            family: 'sans',
+            purpose: 'title',
+            size: 'l',
+        };
+    }, [layoutType]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.articleLinks, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ className: styles_module_scss_1.default.title }, typographyProps, { tag: 'div', children: "\u0421\u043E\u0434\u0435\u0440\u0436\u0430\u043D\u0438\u0435" })), (0, jsx_runtime_1.jsx)("ul", { className: styles_module_scss_1.default.list, "data-test-id": 'article-links', children: links.map(link => ((0, jsx_runtime_1.jsx)("li", { className: styles_module_scss_1.default.listItem, children: (0, jsx_runtime_1.jsx)("a", { className: styles_module_scss_1.default.link, href: `#${link.id}`, onClick: e => { var _a; return (_a = link.onClick) === null || _a === void 0 ? void 0 : _a.call(link, e); }, children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyL, { children: link.text }) }) }, link.id))) })] }));
+}

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

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

package/dist/cjs/components/ArticleLinks/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("./ArticleLinks"), exports);

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

@@ -0,0 +1,32 @@
+.articleLinks{
+  box-sizing:border-box;
+  padding:24px;
+  border:var(--border-width-general-xs, 1px) var(--border-styles-solid, solid) var(--sys-neutral-decor-default, #dde0ea);
+}
+
+.title{
+  color:var(--sys-neutral-text-main, #41424e);
+  margin-bottom:16px;
+}
+
+.list{
+  margin:0;
+  padding:0 0 0 20px;
+  display:flex;
+  flex-direction:column;
+  gap:16px;
+}
+
+.link{
+  color:var(--sys-primary-text-light, #0ea55b);
+  text-decoration:none;
+}
+.link:hover{
+  text-decoration-line:underline;
+  text-decoration-style:solid;
+  -webkit-text-decoration-skip:ink;
+          text-decoration-skip-ink:auto;
+  text-decoration-thickness:auto;
+  text-underline-offset:auto;
+  text-underline-position:from-font;
+}

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

@@ -0,0 +1,5 @@
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+export type ArticleRichTextProps = WithLayoutType<{
+    richText: string;
+}>;
+export declare function ArticleRichText(props: ArticleRichTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ArticleRichText/ArticleRichText.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleRichText = ArticleRichText;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArticleTypography_1 = require("../ArticleTypography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ArticleRichText(props) {
+    const { layoutType, richText } = props;
+    return ((0, jsx_runtime_1.jsx)(ArticleTypography_1.ArticleTypography, { layoutType: layoutType, tag: 'div', type: 'body', children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.richText, dangerouslySetInnerHTML: { __html: richText } }) }));
+}

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

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

package/dist/cjs/components/ArticleRichText/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("./ArticleRichText"), exports);

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

@@ -0,0 +1,36 @@
+.richText{
+  display:flex;
+  flex-direction:column;
+  gap:24px;
+}
+.richText *{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.richText p{
+  margin:0;
+}
+.richText p:has(br){
+  line-height:24px;
+}
+.richText b,
+.richText strong{
+  font-weight:600;
+}
+.richText a{
+  color:var(--sys-primary-text-light, #0ea55b);
+  text-decoration:none;
+}
+.richText a:hover{
+  text-decoration-line:underline;
+  text-decoration-style:solid;
+  -webkit-text-decoration-skip:ink;
+          text-decoration-skip-ink:auto;
+  text-decoration-thickness:auto;
+  text-underline-offset:auto;
+  text-underline-position:from-font;
+}
+.richText ul,
+.richText ol{
+  margin:0;
+  padding:0 0 0 20px;
+}

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+export type ArticleTypographyProps = WithLayoutType<{
+    className?: string;
+    tag: 'span' | 'div' | 'p';
+    type: 'body' | 'bodyBold' | 'bodyLink';
+    children: ReactNode;
+}>;
+export declare function ArticleTypography(props: ArticleTypographyProps): import("react").DetailedReactHTMLElement<{
+    className: string;
+    'data-layout-type': import("@cloud-ru/uikit-product-utils").LayoutType;
+    'data-type': "body" | "bodyBold" | "bodyLink";
+}, HTMLElement>;

package/dist/cjs/components/ArticleTypography/ArticleTypography.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleTypography = ArticleTypography;
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ArticleTypography(props) {
+    const { tag, className, layoutType, type, children } = props;
+    return (0, react_1.createElement)(tag, {
+        className: (0, classnames_1.default)(styles_module_scss_1.default.typography, className),
+        'data-layout-type': layoutType,
+        'data-type': type,
+    }, children);
+}

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

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

package/dist/cjs/components/ArticleTypography/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("./ArticleTypography"), exports);

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

@@ -0,0 +1,32 @@
+.typography{
+  box-sizing:border-box;
+  max-width:100%;
+  margin:0;
+  padding:0;
+  overflow-wrap:break-word;
+  font-family:"SB Sans Text";
+  font-size:18px;
+  font-style:normal;
+  font-weight:400;
+  line-height:26px;
+}
+.typography[data-type=bodyBold]{
+  font-weight:600;
+}
+.typography[data-type=bodyLink]{
+  color:var(--sys-primary-text-light, #0ea55b);
+  text-decoration:none;
+}
+.typography[data-type=bodyLink]:hover{
+  text-decoration-line:underline;
+  text-decoration-style:solid;
+  -webkit-text-decoration-skip:ink;
+          text-decoration-skip-ink:auto;
+  text-decoration-thickness:auto;
+  text-underline-offset:auto;
+  text-underline-position:from-font;
+}
+.typography[data-layout-type=mobile]{
+  font-size:16px;
+  line-height:24px;
+}

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

@@ -0,0 +1,16 @@
+import { ValueOf } from '@snack-uikit/utils';
+declare const SHARE_OPTIONS_TYPE: {
+    Telegram: string;
+    VK: string;
+    Copy: string;
+};
+export type DropdownShareOption = {
+    type: ValueOf<typeof SHARE_OPTIONS_TYPE>;
+    onClick: () => void;
+};
+export type DropdownShareProps = {
+    hideLabel?: boolean;
+    options: DropdownShareOption[];
+};
+export declare function DropdownShare(props: DropdownShareProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/DropdownShare/DropdownShare.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownShare = DropdownShare;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
+const button_1 = require("@snack-uikit/button");
+const list_1 = require("@snack-uikit/list");
+const SHARE_OPTIONS_TYPE = {
+    Telegram: 'telegram',
+    VK: 'vk',
+    Copy: 'copy',
+};
+function DropdownShare(props) {
+    const { hideLabel, options } = props;
+    const items = options.map(({ type, onClick }) => {
+        switch (type) {
+            case SHARE_OPTIONS_TYPE.Telegram:
+                return {
+                    id: 'telegram',
+                    content: { option: 'Telegram' },
+                    beforeContent: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.TelegramSVG, {}),
+                    onClick,
+                };
+            case SHARE_OPTIONS_TYPE.VK:
+                return {
+                    id: 'vk',
+                    content: { option: 'VK' },
+                    beforeContent: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.VkSVG, {}),
+                    onClick,
+                };
+            case SHARE_OPTIONS_TYPE.Copy:
+                return {
+                    id: 'copy',
+                    content: { option: 'Копировать ссылку' },
+                    beforeContent: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.LinkSVG, {}),
+                    onClick,
+                };
+            default:
+                return {};
+        }
+    });
+    return ((0, jsx_runtime_1.jsx)(list_1.Droplist, { items: items, size: 'l', closeDroplistOnItemClick: true, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { size: 'm', label: !hideLabel ? 'Поделиться' : undefined, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ShareSVG, {}), "data-test-id": 'dropdown-share-button' }) }));
+}

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

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

package/dist/cjs/components/DropdownShare/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("./DropdownShare"), exports);

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

@@ -0,0 +1,7 @@
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+import { DropdownShareOption } from '../DropdownShare';
+export type FooterArticleProps = WithLayoutType<{
+    releaseDate: string;
+    dropdownOptions: DropdownShareOption[];
+}>;
+export declare function FooterArticle(props: FooterArticleProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/FooterArticle/FooterArticle.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterArticle = FooterArticle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const typography_1 = require("@snack-uikit/typography");
+const DropdownShare_1 = require("../DropdownShare");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function FooterArticle(props) {
+    const { layoutType, releaseDate, dropdownOptions } = props;
+    const isMobile = layoutType === 'mobile';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footerArticle, "data-test-id": 'footer-article', children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyL, { className: styles_module_scss_1.default.releaseDate, children: releaseDate }), (0, jsx_runtime_1.jsx)(DropdownShare_1.DropdownShare, { hideLabel: isMobile, options: dropdownOptions })] }));
+}

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

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

package/dist/cjs/components/FooterArticle/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("./FooterArticle"), exports);

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

@@ -0,0 +1,10 @@
+.footerArticle{
+  box-sizing:border-box;
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+}
+
+.releaseDate{
+  color:var(--sys-neutral-text-support, #656774);
+}

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

@@ -0,0 +1,5 @@
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+export type HighlightProps = WithLayoutType<{
+    richText: string;
+}>;
+export declare function Highlight(props: HighlightProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Highlight/Highlight.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Highlight = Highlight;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArticleRichText_1 = require("../ArticleRichText");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Highlight(props) {
+    const { layoutType, richText } = props;
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.highlight, "data-test-id": 'highlight', children: (0, jsx_runtime_1.jsx)(ArticleRichText_1.ArticleRichText, { layoutType: layoutType, richText: richText }) }));
+}

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

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

package/dist/cjs/components/Highlight/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("./Highlight"), exports);

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

@@ -0,0 +1,6 @@
+.highlight{
+  box-sizing:border-box;
+  background-color:var(--sys-neutral-background, #eeeff3);
+  padding:24px;
+  color:var(--sys-neutral-text-main, #41424e);
+}

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

@@ -0,0 +1,8 @@
+export type ImageArticleProps = {
+    image: {
+        src: string;
+        alt?: string;
+    };
+    description?: string;
+};
+export declare function ImageArticle(props: ImageArticleProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ImageArticle/ImageArticle.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageArticle = ImageArticle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const IMG_ALT = 'Blog image';
+function ImageArticle(props) {
+    const { image, description } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.imageArticle, "data-test-id": 'image-article', children: [(0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt || IMG_ALT }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyL, { className: styles_module_scss_1.default.description, children: description })] }));
+}

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

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

package/dist/cjs/components/ImageArticle/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("./ImageArticle"), exports);

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

@@ -0,0 +1,10 @@
+.imageArticle{
+  box-sizing:border-box;
+  display:flex;
+  flex-direction:column;
+  gap:12px;
+}
+
+.description{
+  color:var(--sys-neutral-text-support, #656774);
+}

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

@@ -0,0 +1,13 @@
+import { MouseEvent } from 'react';
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+export type ArticleProduct = {
+    name: string;
+    icon: string;
+    href: string;
+    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
+};
+export type ProductsProps = WithLayoutType<{
+    products?: ArticleProduct[];
+    solutions?: ArticleProduct[];
+}>;
+export declare function Products(props: ProductsProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Products/Products.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Products = Products;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const typography_1 = require("@snack-uikit/typography");
+const helperComponents_1 = require("./helperComponents");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Products(props) {
+    const { layoutType, products, solutions } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.products, "data-layout-type": layoutType, children: [(products === null || products === void 0 ? void 0 : products.length) && products.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleM, { className: styles_module_scss_1.default.label, tag: 'span', children: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u043D\u044B\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044B:" }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tags, "data-layout-type": layoutType, "data-test-id": 'article-products', children: products.map(item => ((0, jsx_runtime_1.jsx)(helperComponents_1.ServiceLight, Object.assign({}, item), item.name))) })] })), (solutions === null || solutions === void 0 ? void 0 : solutions.length) && solutions.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleM, { className: styles_module_scss_1.default.label, tag: 'span', children: "\u0420\u0435\u0448\u0435\u043D\u0438\u044F:" }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tags, "data-layout-type": layoutType, "data-test-id": 'article-solutions', children: solutions.map(item => ((0, jsx_runtime_1.jsx)(helperComponents_1.ServiceLight, Object.assign({}, item), item.name))) })] }))] }));
+}

package/dist/cjs/components/Products/helperComponents/ServiceLight/ServiceLight.d.ts

@@ -0,0 +1,4 @@
+import { ArticleProduct } from '../../Products';
+type ServiceLightProps = ArticleProduct;
+export declare function ServiceLight(props: ServiceLightProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Products/helperComponents/ServiceLight/ServiceLight.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ServiceLight = ServiceLight;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ServiceLight(props) {
+    const { icon, name, href, onClick } = props;
+    return ((0, jsx_runtime_1.jsxs)("a", { className: styles_module_scss_1.default.serviceLight, href: href, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("img", { src: icon, alt: `Иконка-${name}`, width: 24, height: 24 }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { children: name })] }));
+}

package/dist/cjs/components/Products/helperComponents/ServiceLight/index.d.ts

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

package/dist/cjs/components/Products/helperComponents/ServiceLight/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("./ServiceLight"), exports);

package/dist/cjs/components/Products/helperComponents/ServiceLight/styles.module.css

@@ -0,0 +1,9 @@
+.serviceLight{
+  display:inline-flex;
+  align-items:center;
+  gap:4px;
+  color:var(--sys-neutral-text-support, #656774);
+}
+.serviceLight:hover{
+  color:var(--sys-primary-text-light, #0ea55b);
+}

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

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