@cloud-ru/uikit-product-site-section 0.23.3 → 0.23.4

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

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

@@ -0,0 +1,4 @@
+.sectionSocial{
+  width:100%;
+  position:relative;
+}

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

@@ -0,0 +1,15 @@
+import { TableProps } from '@sbercloud/uikit-product-site-table';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type SectionTableProps = WithSupportProps<WithLayoutType<{
+    /** id секции */
+    id?: string;
+    /** CSS-класс */
+    className?: string;
+    /** Заголовок */
+    title?: string;
+    /** Подзаголовок */
+    subtitle?: string;
+    /** Описание */
+    description?: string;
+} & TableProps>>;
+export declare function SectionTable({ id, layoutType, className, title, subtitle, description, ...rest }: SectionTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/SectionTable/SectionTable.js

@@ -0,0 +1,28 @@
+"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.SectionTable = SectionTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_site_rich_text_1 = require("@sbercloud/uikit-product-site-rich-text");
+const uikit_product_site_table_1 = require("@sbercloud/uikit-product-site-table");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const SectionBasic_1 = require("../SectionBasic");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SectionTable(_a) {
+    var { id, layoutType, className, title, subtitle, description } = _a, rest = __rest(_a, ["id", "layoutType", "className", "title", "subtitle", "description"]);
+    return ((0, jsx_runtime_1.jsxs)(SectionBasic_1.SectionBasic, Object.assign({ id: id, title: title, backgroundColor: 'neutral-background1-level', layoutType: layoutType, className: (0, classnames_1.default)(className, styles_module_scss_1.default.sectionTable) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [subtitle && (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: subtitle, className: styles_module_scss_1.default.subtitle, "data-test-id": 'section-table__subtitle' }), (0, jsx_runtime_1.jsx)(uikit_product_site_table_1.Table, Object.assign({}, rest, { "data-test-id": 'section-table__table' })), description && ((0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { className: styles_module_scss_1.default.description, richText: description, "data-test-id": 'section-table__description' }))] })));
+}

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

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

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

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

@@ -0,0 +1,25 @@
+.sectionTable{
+  width:100%;
+  position:relative;
+}
+
+.subtitle{
+  font-family:var(--sans-title-m-font-family, SB Sans Display);
+  font-weight:var(--sans-title-m-font-weight, Semibold);
+  line-height:var(--sans-title-m-line-height, 24px);
+  font-size:var(--sans-title-m-font-size, 16px);
+  letter-spacing:var(--sans-title-m-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-title-m-paragraph-spacing, 8.8px);
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.description{
+  font-family:var(--sans-body-l-font-family, SB Sans Text);
+  font-weight:var(--sans-body-l-font-weight, Regular);
+  line-height:var(--sans-body-l-line-height, 24px);
+  font-size:var(--sans-body-l-font-size, 16px);
+  letter-spacing:var(--sans-body-l-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
+  color:var(--sys-neutral-text-support, #656774);
+  word-break:break-word;
+}

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

@@ -0,0 +1,19 @@
+export * from './SectionAccordion';
+export * from './SectionBasic';
+export * from './SectionBenefits';
+export * from './SectionBenefitsBanner';
+export * from './SectionBlogCarousel';
+export * from './SectionCaseCarousel';
+export * from './SectionCatalog';
+export * from './SectionClientsCarousel';
+export * from './SectionContent';
+export * from './SectionContentList';
+export * from './SectionContentTabs';
+export * from './SectionExpertsCarousel';
+export * from './SectionLeading';
+export * from './SectionMarketplaceCarousel';
+export * from './SectionMedia';
+export * from './SectionPersonalManager';
+export * from './SectionPromoList';
+export * from './SectionSocial';
+export * from './SectionTable';

package/dist/cjs/components/index.js

@@ -0,0 +1,35 @@
+"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("./SectionAccordion"), exports);
+__exportStar(require("./SectionBasic"), exports);
+__exportStar(require("./SectionBenefits"), exports);
+__exportStar(require("./SectionBenefitsBanner"), exports);
+__exportStar(require("./SectionBlogCarousel"), exports);
+__exportStar(require("./SectionCaseCarousel"), exports);
+__exportStar(require("./SectionCatalog"), exports);
+__exportStar(require("./SectionClientsCarousel"), exports);
+__exportStar(require("./SectionContent"), exports);
+__exportStar(require("./SectionContentList"), exports);
+__exportStar(require("./SectionContentTabs"), exports);
+__exportStar(require("./SectionExpertsCarousel"), exports);
+__exportStar(require("./SectionLeading"), exports);
+__exportStar(require("./SectionMarketplaceCarousel"), exports);
+__exportStar(require("./SectionMedia"), exports);
+__exportStar(require("./SectionPersonalManager"), exports);
+__exportStar(require("./SectionPromoList"), exports);
+__exportStar(require("./SectionSocial"), exports);
+__exportStar(require("./SectionTable"), exports);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SECTION_COLORS: {
+    readonly NeutralBackground1Level: "neutral-background1-level";
+    readonly NeutralBackground: "neutral-background";
+};

package/dist/cjs/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SECTION_COLORS = void 0;
+exports.SECTION_COLORS = {
+    NeutralBackground1Level: 'neutral-background1-level',
+    NeutralBackground: 'neutral-background',
+};

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

@@ -0,0 +1,8 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+export type BenefitItemProps = WithLayoutType<{
+    title: string;
+    subtitle: string;
+    description: string;
+    paddingLeftItem?: number;
+}>;
+export declare function BenefitItem({ title, subtitle, description, paddingLeftItem, layoutType }: BenefitItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/BenefitItem/BenefitItem.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.BenefitItem = BenefitItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_site_rich_text_1 = require("@sbercloud/uikit-product-site-rich-text");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+function BenefitItem({ title, subtitle, description, paddingLeftItem, layoutType }) {
+    const paddingItem = (layoutType === 'desktop' || layoutType === 'desktopSmall') && paddingLeftItem ? paddingLeftItem : 0;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.benefitItem, style: { paddingLeft: `${paddingItem}px` }, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.benefitsTitles, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ family: 'sans', tag: 'div' }, (0, utils_1.getValueTypographyProps)(layoutType), { children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: title }) })), (0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ family: 'sans', tag: 'div' }, (0, utils_1.getValueTypographySubtitleProps)(layoutType), { children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: subtitle, className: styles_module_scss_1.default.subtitleText, "data-layout-type": layoutType }) }))] }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', tag: 'div', purpose: 'body', size: 'm', children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: description }) })] }));
+}

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

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

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

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

@@ -0,0 +1,27 @@
+.benefitItem{
+  display:flex;
+  color:inherit;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+}
+.benefitItem[data-layout-type=tablet]{
+  gap:calc(var(--dimension-1m, 8px) + var(--dimension-050m, 4px));
+  max-width:unset;
+}
+.benefitItem[data-layout-type=mobile]{
+  gap:unset;
+  max-width:unset;
+}
+
+.benefitsTitles{
+  display:flex;
+  gap:var(--dimension-1m, 8px);
+  align-items:flex-end;
+}
+
+.subtitleText{
+  padding-bottom:8px;
+}
+.subtitleText[data-layout-type=tablet], .subtitleText[data-layout-type=mobile]{
+  padding-bottom:5px;
+}

package/dist/cjs/helperComponents/BenefitItem/utils.d.ts

@@ -0,0 +1,4 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+import { TypographyProps } from '@snack-uikit/typography';
+export declare function getValueTypographyProps(layoutType: LayoutType): Pick<TypographyProps, 'purpose' | 'size'>;
+export declare function getValueTypographySubtitleProps(layoutType: LayoutType): Pick<TypographyProps, 'purpose' | 'size'>;

package/dist/cjs/helperComponents/BenefitItem/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getValueTypographyProps = getValueTypographyProps;
+exports.getValueTypographySubtitleProps = getValueTypographySubtitleProps;
+function getValueTypographyProps(layoutType) {
+    switch (layoutType) {
+        case 'mobile':
+        case 'tablet':
+            return { purpose: 'display', size: 's' };
+        case 'desktop':
+        case 'desktopSmall':
+        default:
+            return { purpose: 'display', size: 'l' };
+    }
+}
+function getValueTypographySubtitleProps(layoutType) {
+    switch (layoutType) {
+        case 'mobile':
+        case 'tablet':
+            return { purpose: 'title', size: 'm' };
+        case 'desktop':
+        case 'desktopSmall':
+        default:
+            return { purpose: 'headline', size: 's' };
+    }
+}

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

@@ -0,0 +1,5 @@
+export type CardClientProps = {
+    img: string;
+    alt: string;
+};
+export declare function CardClient({ img, alt }: CardClientProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/CardClient/CardClient.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardClient = CardClient;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function CardClient({ img, alt }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.cardClient, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.imageBackground }), (0, jsx_runtime_1.jsx)("img", { className: styles_module_scss_1.default.image, src: img, alt: alt })] }));
+}

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

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

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

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

@@ -0,0 +1,24 @@
+.cardClient{
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
+  align-items:center;
+  position:relative;
+  height:100px;
+}
+
+.imageBackground{
+  position:absolute;
+  width:100%;
+  height:100%;
+  background-color:var(--sys-neutral-background, #eeeff3);
+}
+
+.image{
+  position:relative;
+  max-width:172px;
+  max-height:48px;
+  -o-object-fit:cover;
+     object-fit:cover;
+  pointer-events:none;
+}

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

@@ -0,0 +1,4 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { CardLeadingItem } from './types';
+export type CardLeadingProps = WithLayoutType<CardLeadingItem>;
+export declare function CardLeading({ layoutType, value, label, description, image, ...rest }: CardLeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/CardLeading/CardLeading.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.CardLeading = CardLeading;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+function CardLeading(_a) {
+    var { layoutType, value, label, description, image } = _a, rest = __rest(_a, ["layoutType", "value", "label", "description", "image"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: styles_module_scss_1.default.cardLeading }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.header, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ family: 'sans' }, (0, utils_1.getValueTypographyProps)(layoutType), { className: styles_module_scss_1.default.cardLeadingColor, children: value })), (0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ family: 'sans' }, (0, utils_1.getLabelTypographyProps)(layoutType), { className: styles_module_scss_1.default.cardLeadingColor, children: label }))] }), (0, jsx_runtime_1.jsx)("img", { className: styles_module_scss_1.default.illustration, src: image, alt: 'illustration' }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.footer, "data-layout-type": layoutType, children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyL, { className: styles_module_scss_1.default.cardLeadingColor, children: description }) })] }) })));
+}

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

@@ -0,0 +1,2 @@
+export * from './CardLeading';
+export * from './types';

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

@@ -0,0 +1,18 @@
+"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("./CardLeading"), exports);
+__exportStar(require("./types"), exports);

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

@@ -0,0 +1,36 @@
+.cardLeading{
+  overflow:hidden;
+}
+
+.wrapper{
+  display:flex;
+  flex-direction:column;
+  position:relative;
+  background-color:var(--sys-neutral-background, #eeeff3);
+}
+
+.header{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:var(--dimension-2m, 16px);
+  padding:var(--dimension-4m, 32px);
+}
+.header[data-layout-type=tablet], .header[data-layout-type=mobile]{
+  padding:var(--dimension-3m, 24px);
+}
+
+.cardLeadingColor{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.illustration{
+  pointer-events:none;
+}
+
+.footer{
+  padding:var(--dimension-4m, 32px);
+}
+.footer[data-layout-type=tablet], .footer[data-layout-type=mobile]{
+  padding:var(--dimension-3m, 24px);
+}

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

@@ -0,0 +1,11 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type CardLeadingItem = WithSupportProps<{
+    /** Заголовок карточки, значение */
+    value: string;
+    /** Подзаголовок карточки */
+    label: string;
+    /** Описание карточки */
+    description: string;
+    /** Ссылка на картинку */
+    image: string;
+}>;

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

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

package/dist/cjs/helperComponents/CardLeading/utils.d.ts

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

package/dist/cjs/helperComponents/CardLeading/utils.js

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

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

@@ -0,0 +1,25 @@
+import { AnchorHTMLAttributes, MouseEvent } from 'react';
+import { IconProps } from '@sbercloud/uikit-product-site-cards';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type CardSocialProps = WithSupportProps<WithLayoutType<{
+    /** Заголовок карточки*/
+    title: string;
+    /** Описание карточки */
+    description?: string;
+    /** Ссылка */
+    href: string;
+    /** HTML-аттрибут target */
+    target?: AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    /** Колбек клика*/
+    onClick?(e?: MouseEvent<HTMLDivElement | HTMLAnchorElement>): void;
+    /** Слот под иконку/кастомную ноду */
+    icon?: IconProps['icon'];
+    /**
+     * Является ли деактивированным
+     * @default false
+     */
+    disabled?: boolean;
+    /** CSS-класс */
+    className?: string;
+}>>;
+export declare function CardSocial({ title, description, icon, href, target, onClick, disabled, className, layoutType, 'data-test-id': dataTestId, ...rest }: CardSocialProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/CardSocial/CardSocial.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.CardSocial = CardSocial;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_site_cards_1 = require("@sbercloud/uikit-product-site-cards");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const card_1 = require("@snack-uikit/card");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+function CardSocial(_a) {
+    var { title, description, icon, href, target = '_blank', onClick, disabled = false, className, layoutType, 'data-test-id': dataTestId = 'card-social' } = _a, rest = __rest(_a, ["title", "description", "icon", "href", "target", "onClick", "disabled", "className", "layoutType", 'data-test-id']);
+    const { anchorRef, handleCardKeyDown, handleCardClick, handleLinkClick } = (0, uikit_product_site_cards_1.useCardInteractions)({
+        href,
+        onClick,
+        disabled,
+    });
+    return ((0, jsx_runtime_1.jsx)(card_1.Card, Object.assign({}, (0, uikit_product_utils_1.extractSupportProps)(rest), { size: 'm', className: (0, classnames_1.default)(styles_module_scss_1.default.card, className), disabled: disabled, onClick: handleCardClick, onKeyDown: handleCardKeyDown, "data-test-id": dataTestId, children: (0, jsx_runtime_1.jsxs)("div", { "data-layout-type": layoutType, className: styles_module_scss_1.default.wrapper, children: [icon && (0, jsx_runtime_1.jsx)(uikit_product_site_cards_1.Icon, { size: 'l', "data-test-id": `${dataTestId}__icon`, icon: icon }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { tag: 'h3', family: 'sans', purpose: 'title', size: (0, utils_1.getTypographySize)(layoutType), className: styles_module_scss_1.default.title, "data-test-id": `${dataTestId}__title`, children: (0, jsx_runtime_1.jsx)("a", { tabIndex: -1, ref: anchorRef, href: href, target: target, onClick: handleLinkClick, "data-test-id": `${dataTestId}__title-link`, children: title }) }), description && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { tag: 'h3', family: 'sans', purpose: 'body', size: (0, utils_1.getTypographySize)(layoutType), className: styles_module_scss_1.default.description, "data-test-id": `${dataTestId}__description`, children: description }))] })] }) })));
+}

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

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

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