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

package/dist/esm/helperComponents/SectionTitle/SectionTitle.d.ts

@@ -0,0 +1,22 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { Link, PickLinkProps } from '@snack-uikit/link';
+import { SectionTag, Size } from './types';
+export type SectionTitleProps = WithLayoutType<{
+    /** Название секции */
+    title?: string;
+    /** Подзаголовок секции */
+    subtitle?: string;
+    /** Ссылка в названии */
+    titleLink?: PickLinkProps<typeof Link, 'href' | 'onClick' | 'target' | 'appearance' | 'textMode'>;
+    /** Описание секции */
+    description?: string;
+    /** Размер шрифтов заголовка и подзаголовка */
+    titleSectionSize?: Size;
+    /** Тег заголовка */
+    titleTag?: SectionTag;
+    /** Тег подзаголовка */
+    subtitleTag?: SectionTag;
+    /** Выравнивание текста */
+    titleAlign?: 'left' | 'center';
+}>;
+export declare function SectionTitle({ title, subtitle, titleLink, description, titleSectionSize, titleTag, subtitleTag, layoutType, titleAlign, }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/SectionTitle/SectionTitle.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { RichText } from '@sbercloud/uikit-product-site-rich-text';
+import { Link } from '@snack-uikit/link';
+import { Typography } from '@snack-uikit/typography';
+import styles from './styles.module.css';
+import { getTitleTypographyProps } from './utils';
+export function SectionTitle({ title, subtitle, titleLink, description, titleSectionSize = 'm', titleTag = 'h2', subtitleTag = 'h3', layoutType, titleAlign = 'left', }) {
+    const titleProps = useMemo(() => getTitleTypographyProps({ titleSectionSize, layoutType }), [layoutType, titleSectionSize]);
+    return (_jsx(_Fragment, { children: (title || description) && (_jsxs("div", { className: styles.sectionTitle, "data-align": titleAlign, children: [_jsxs("div", { className: styles.titlesWrapper, "data-align": titleAlign, children: [title && (_jsx(Typography, Object.assign({ family: 'sans' }, titleProps, { tag: titleTag, className: styles.title, children: titleLink ? _jsx(Link, Object.assign({}, titleLink, titleProps, { text: title })) : _jsx(RichText, { richText: title }) }))), subtitle && (_jsx(Typography, { family: 'sans', purpose: 'label', size: 'l', tag: subtitleTag, className: styles.subtitle, children: _jsx(RichText, { richText: subtitle }) }))] }), description && (_jsx(Typography.SansBodyL, { className: styles.description, children: _jsx(RichText, { richText: description }) }))] })) }));
+}

package/dist/esm/helperComponents/SectionTitle/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const SIZE: {
+    readonly S: "s";
+    readonly M: "m";
+    readonly L: "l";
+};

package/dist/esm/helperComponents/SectionTitle/constants.js

@@ -0,0 +1,5 @@
+export const SIZE = {
+    S: 's',
+    M: 'm',
+    L: 'l',
+};

package/dist/esm/helperComponents/SectionTitle/index.d.ts

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

package/dist/esm/helperComponents/SectionTitle/index.js

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

package/dist/esm/helperComponents/SectionTitle/styles.module.css

@@ -0,0 +1,31 @@
+.sectionTitle,
+.titlesWrapper{
+  display:flex;
+  gap:var(--dimension-1m, 8px);
+  text-align:left;
+}
+.sectionTitle[data-align=center],
+.titlesWrapper[data-align=center]{
+  text-align:center;
+}
+
+.sectionTitle{
+  flex-direction:column;
+}
+
+.titlesWrapper{
+  flex-direction:column-reverse;
+}
+
+.title{
+  color:var(--sys-neutral-text-main, #41424e);
+  white-space:pre-line;
+}
+
+.subtitle{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.description{
+  color:var(--sys-neutral-text-support, #6d707f);
+}

package/dist/esm/helperComponents/SectionTitle/types.d.ts

@@ -0,0 +1,5 @@
+import { Tag } from '@snack-uikit/typography';
+import { ValueOf } from '@snack-uikit/utils';
+import { SIZE } from './constants';
+export type Size = ValueOf<typeof SIZE>;
+export type SectionTag = Extract<Tag, 'h2' | 'h3' | 'h4'>;

package/dist/esm/helperComponents/SectionTitle/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/helperComponents/SectionTitle/utils.d.ts

@@ -0,0 +1,8 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { TypographyProps } from '@snack-uikit/typography';
+import { Size } from './types';
+type Props = WithLayoutType<{
+    titleSectionSize: Size;
+}>;
+export declare const getTitleTypographyProps: ({ layoutType, titleSectionSize, }: Props) => Pick<TypographyProps, "size" | "purpose">;
+export {};

package/dist/esm/helperComponents/SectionTitle/utils.js

@@ -0,0 +1,63 @@
+export const getTitleTypographyProps = ({ layoutType, titleSectionSize, }) => {
+    switch (layoutType) {
+        case 'tablet':
+            switch (titleSectionSize) {
+                case 'l':
+                    return {
+                        purpose: 'headline',
+                        size: 'l',
+                    };
+                case 's':
+                    return {
+                        purpose: 'title',
+                        size: 'l',
+                    };
+                case 'm':
+                default:
+                    return {
+                        purpose: 'headline',
+                        size: 'm',
+                    };
+            }
+        case 'mobile':
+            switch (titleSectionSize) {
+                case 'l':
+                    return {
+                        purpose: 'headline',
+                        size: 'm',
+                    };
+                case 's':
+                    return {
+                        purpose: 'title',
+                        size: 'm',
+                    };
+                case 'm':
+                default:
+                    return {
+                        purpose: 'headline',
+                        size: 's',
+                    };
+            }
+        case 'desktop':
+        case 'desktopSmall':
+        default:
+            switch (titleSectionSize) {
+                case 'l':
+                    return {
+                        purpose: 'display',
+                        size: 'm',
+                    };
+                case 's':
+                    return {
+                        purpose: 'headline',
+                        size: 's',
+                    };
+                case 'm':
+                default:
+                    return {
+                        purpose: 'headline',
+                        size: 'l',
+                    };
+            }
+    }
+};

package/dist/esm/helperComponents/index.d.ts

@@ -0,0 +1,10 @@
+export * from './CardLeading';
+export * from './CardSocial';
+export * from './Expert';
+export * from './PromoList';
+export * from './SectionCatalogFooter';
+export * from './SectionTitle';
+export * from './SectionCarousel';
+export * from './CardClient';
+export * from './BenefitItem';
+export * from './SectionButton';

package/dist/esm/helperComponents/index.js

@@ -0,0 +1,10 @@
+export * from './CardLeading';
+export * from './CardSocial';
+export * from './Expert';
+export * from './PromoList';
+export * from './SectionCatalogFooter';
+export * from './SectionTitle';
+export * from './SectionCarousel';
+export * from './CardClient';
+export * from './BenefitItem';
+export * from './SectionButton';

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/dist/esm/types.d.ts

@@ -0,0 +1,19 @@
+import { SiteVideoProps } from '@sbercloud/uikit-product-site-media';
+import { ValueOf } from '@snack-uikit/utils';
+import { SECTION_COLORS } from './constants';
+export type SectionColor = ValueOf<typeof SECTION_COLORS>;
+type MediaVideoProps = Pick<SiteVideoProps, 'video' | 'onPlay' | 'onError'> & {
+    image?: never;
+};
+type MediaImageProps = {
+    video?: never;
+    onPlay?: never;
+    onError?: never;
+    /** Ссылка на изображение */
+    image: {
+        src: string;
+        alt?: string;
+    };
+};
+export type MediaContentProps = MediaImageProps | MediaVideoProps;
+export {};

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-section",
   "title": "Site Section",
-  "version": "0.23.3",
+  "version": "0.23.4",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,22 +30,23 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "15.1.1",
-    "@cloud-ru/uikit-product-mobile-fields": "0.11.24",
-    "@cloud-ru/uikit-product-site-cards": "0.11.3",
-    "@cloud-ru/uikit-product-site-case-card": "0.4.2",
-    "@cloud-ru/uikit-product-site-grid": "0.1.3",
-    "@cloud-ru/uikit-product-site-layout": "0.2.2",
-    "@cloud-ru/uikit-product-site-media": "0.1.32",
-    "@cloud-ru/uikit-product-site-rich-text": "0.2.10",
-    "@cloud-ru/uikit-product-site-table": "0.2.11",
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-icons": "15.1.2",
+    "@cloud-ru/uikit-product-mobile-fields": "0.11.25",
+    "@cloud-ru/uikit-product-site-cards": "0.11.4",
+    "@cloud-ru/uikit-product-site-case-card": "0.4.3",
+    "@cloud-ru/uikit-product-site-grid": "0.1.4",
+    "@cloud-ru/uikit-product-site-layout": "0.2.3",
+    "@cloud-ru/uikit-product-site-media": "0.1.33",
+    "@cloud-ru/uikit-product-site-rich-text": "0.2.11",
+    "@cloud-ru/uikit-product-site-table": "0.2.12",
+    "@cloud-ru/uikit-product-utils": "7.0.1",
     "@snack-uikit/accordion": "0.11.0",
     "@snack-uikit/button": "0.19.7",
     "@snack-uikit/card": "0.16.25",
@@ -66,5 +67,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "9c11b1e33e716c874534a1c162266c8591f2ed03"
 }