@finam/web-ui-kit-components 3.31.0 → 3.32.0

package/dist/ProductCard/badges/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/ProductCard/badges/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnE,MAAM,sBAAsB,GAAyB;IACnD,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,MAAM,kBAAkB,GAAS,sBAAsB,CAAC,OAAO,CAAC;AAEhE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAY,EAAQ,EAAE,WAAC,OAAA,MAAA,sBAAsB,CAAC,IAAI,CAAC,mCAAI,kBAAkB,CAAA,EAAA,CAAC;AAEhH,MAAM,iBAAiB,GAGnB;IACF,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE;QAC5B,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,GAAG;QAC9B,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI;KAC/B;IACD,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE;QACzB,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,GAAG;QAC9B,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI;KAC/B;IACD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE;QAC1B,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,GAAG;QAC9B,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI;KAC/B;IACD,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE;QACzB,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,IAAI;QAC/B,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI;KAC/B;CACF,CAAC;AAEF,+EAA+E;AAC/E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,QAA6B,EAC7B,IAAqB,EACf,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;qBACT,MAAM,CAAC,MAAM,CAAC,MAAM;;;;;;;;aAQ5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;eACvC,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;CAG7B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;CAE9B,CAAC"}
+{"version":3,"file":"ProductCard/badges/utils.js","sources":["../../../src/ProductCard/badges/utils.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { ProductCardLayoutId, ProductCardView } from '../types.js';\nimport type { Size } from '../../Tag/types.js';\n\nconst IPO_BADGE_SIZE_BY_VIEW: Record<string, Size> = {\n  desktop: 's',\n  mobile: 's',\n};\n\nconst IPO_BADGE_TAG_SIZE: Size = IPO_BADGE_SIZE_BY_VIEW.desktop;\n\nexport const getIpoBadgeSizeByView = (view: string): Size => IPO_BADGE_SIZE_BY_VIEW[view] ?? IPO_BADGE_TAG_SIZE;\n\nconst HEADER_BADGE_SIZE: Record<\n  ProductCardLayoutId,\n  Record<ProductCardView, Size>\n> = {\n  [ProductCardLayoutId.COMMON]: {\n    [ProductCardView.DESKTOP]: 's',\n    [ProductCardView.MOBILE]: 'xs',\n  },\n  [ProductCardLayoutId.IIP]: {\n    [ProductCardView.DESKTOP]: 's',\n    [ProductCardView.MOBILE]: 'xs',\n  },\n  [ProductCardLayoutId.ZHEK]: {\n    [ProductCardView.DESKTOP]: 's',\n    [ProductCardView.MOBILE]: 'xs',\n  },\n  [ProductCardLayoutId.IPO]: {\n    [ProductCardView.DESKTOP]: 'xs',\n    [ProductCardView.MOBILE]: 'xs',\n  },\n};\n\n/** Размер `Tag` для бейджей в шапке ProductCard (слоты, risk, placeholder). */\nexport const getHeaderBadgeSize = (\n  layoutId: ProductCardLayoutId,\n  view: ProductCardView,\n): Size => HEADER_BADGE_SIZE[layoutId][view];\n\nexport const accentBadge = css`\n    border-radius: ${tokens.radius.badgeS};\n    background: linear-gradient(\n      303deg,\n      #feda3b -16.34%,\n      #ef5541 27.28%,\n      #801fdb 68.81%,\n      #7e2a89 98.5%\n    );\n    color: ${tokens.colors.text.ondark.default.default};\n    padding: ${tokens.spacing.micro} ${tokens.spacing['2xs']};\n`;\n\nexport const centeredTag = css`\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const centeredIcon = css`\n  display: block;\n`;\n"],"names":["IPO_BADGE_SIZE_BY_VIEW","IPO_BADGE_TAG_SIZE","getIpoBadgeSizeByView","view","_IPO_BADGE_SIZE_BY_VIEW_view","HEADER_BADGE_SIZE","ProductCardLayoutId","ProductCardView","getHeaderBadgeSize","layoutId","accentBadge","css","tokens","centeredTag","centeredIcon"],"mappings":";;;AAKA,MAAMA,yBAA+C;IACnD,SAAS;IACT,QAAQ;AACV;AAEA,MAAMC,qBAA2BD,uBAAuB,OAAO;AAExD,MAAME,wBAAwB,CAACC;QAAuBC;mBAAAA,CAAAA,+BAAAA,sBAAsB,CAACD,KAAK,AAAD,IAA3BC,+BAAgCH;;AAE7F,MAAMI,oBAGF;IACF,CAACC,oBAAoB,MAAM,CAAC,EAAE;QAC5B,CAACC,gBAAgB,OAAO,CAAC,EAAE;QAC3B,CAACA,gBAAgB,MAAM,CAAC,EAAE;IAC5B;IACA,CAACD,oBAAoB,GAAG,CAAC,EAAE;QACzB,CAACC,gBAAgB,OAAO,CAAC,EAAE;QAC3B,CAACA,gBAAgB,MAAM,CAAC,EAAE;IAC5B;IACA,CAACD,oBAAoB,IAAI,CAAC,EAAE;QAC1B,CAACC,gBAAgB,OAAO,CAAC,EAAE;QAC3B,CAACA,gBAAgB,MAAM,CAAC,EAAE;IAC5B;IACA,CAACD,oBAAoB,GAAG,CAAC,EAAE;QACzB,CAACC,gBAAgB,OAAO,CAAC,EAAE;QAC3B,CAACA,gBAAgB,MAAM,CAAC,EAAE;IAC5B;AACF;AAGO,MAAMC,qBAAqB,CAChCC,UACAN,OACSE,iBAAiB,CAACI,SAAS,CAACN,KAAK;AAErC,MAAMO,cAAcC,GAAG,CAAC;mBACZ,EAAEC,OAAO,MAAM,CAAC,MAAM,CAAC;;;;;;;;WAQ/B,EAAEA,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAzBA,UAAAA,CAAAA,UAAyC,CAAC;aAC1C,EAAEA,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;AAC7D,CAAC;AAEM,MAAMC,cAAcF,GAAG,CAAC;;;AAG/B,CAAC;AAEM,MAAMG,eAAeH,GAAG,CAAC;;AAEhC,CAAC"}

package/dist/ProductCard/index.js

@@ -1,21 +1,16 @@
-export { ProductCardProvider } from './ProductCardContext.js';
-export { default } from './ProductCard.js';
-export { default as ProductCardHeader } from './ProductCardHeader/index.js';
-export { default as ProductCardBadgesHeader } from './ProductCardBadgesHeader/index.js';
-export { default as ProductCardTitle } from './ProductCardTitle/index.js';
-export { default as ProductCardContent } from './ProductCardContent/index.js';
-export { default as ProductCardFooter } from './ProductCardFooter/index.js';
-export { default as ProductCardRiskBadge } from './badges/ProductCardRiskBadge/index.js';
-export { default as ProductCardIpoRatingBadge } from './badges/ProductCardIpoRatingBadge/index.js';
-export { ProductCardCommonTitle, ProductCardCommonContent, ProductCardCommonFooter, } from './layouts/common/index.js';
-export { productCardChartPresets, } from './layouts/common/index.js';
-export { ProductCardIpoTitle, ProductCardIpoContent, ProductCardIpoFooter, ProductCardIpoFooterDesktop, ProductCardIpoFooterMobile, ProductCardIpoSecurityIcon, } from './layouts/ipo/index.js';
-export { ProductCardMediaTitle, } from './layouts/shared/index.js';
-export { ProductCardIipTitle, ProductCardIipFooter, ProductCardIipBackground, ProductCardIipSecurityIcons, } from './layouts/iip/index.js';
-export { ProductCardZhekTitle, ProductCardZhekFooter, ProductCardZhekBackground, } from './layouts/zhek/index.js';
-export { ProductCardRiskBadgeSize, } from './badges/ProductCardRiskBadge/index.js';
-export { getIpoBadgeSizeByView, getHeaderBadgeSize, } from './badges/utils.js';
-export { ProductCardLayoutId, ProductCardRiskLevel, ProductCardView, } from './types.js';
-export { ProductCardRiskBadgeVariantEnum, } from './types.js';
-export { accentBadge, centeredTag, centeredIcon, } from './badges/utils.js';
-//# sourceMappingURL=index.js.map
+export { ProductCardProvider } from "./ProductCardContext.js";
+export { default } from "./ProductCard.js";
+export { default as ProductCardHeader } from "./ProductCardHeader/index.js";
+export { default as ProductCardBadgesHeader } from "./ProductCardBadgesHeader/index.js";
+export { default as ProductCardTitle } from "./ProductCardTitle/index.js";
+export { default as ProductCardContent } from "./ProductCardContent/index.js";
+export { default as ProductCardFooter } from "./ProductCardFooter/index.js";
+export { ProductCardRiskBadgeSize, default as ProductCardRiskBadge } from "./badges/ProductCardRiskBadge/index.js";
+export { default as ProductCardIpoRatingBadge } from "./badges/ProductCardIpoRatingBadge/index.js";
+export { ProductCardCommonContent, ProductCardCommonFooter, ProductCardCommonTitle, productCardChartPresets } from "./layouts/common/index.js";
+export { ProductCardIpoContent, ProductCardIpoFooter, ProductCardIpoFooterDesktop, ProductCardIpoFooterMobile, ProductCardIpoSecurityIcon, ProductCardIpoTitle } from "./layouts/ipo/index.js";
+export { ProductCardMediaTitle } from "./layouts/shared/index.js";
+export { ProductCardIipBackground, ProductCardIipFooter, ProductCardIipSecurityIcons, ProductCardIipTitle } from "./layouts/iip/index.js";
+export { ProductCardZhekBackground, ProductCardZhekFooter, ProductCardZhekTitle } from "./layouts/zhek/index.js";
+export { accentBadge, centeredIcon, centeredTag, getHeaderBadgeSize, getIpoBadgeSizeByView } from "./badges/utils.js";
+export { ProductCardLayoutId, ProductCardRiskBadgeVariantEnum, ProductCardRiskLevel, ProductCardView } from "./types.js";

package/dist/ProductCard/layoutConfig.js

@@ -1,9 +1,23 @@
-import { ProductCardLayoutId, } from './types.js';
+import { ProductCardLayoutId } from "./types.js";
 const layoutConfigMap = {
-    [ProductCardLayoutId.COMMON]: { desktopSize: 'l', mobileSize: 'm' },
-    [ProductCardLayoutId.IPO]: { desktopSize: 'l', mobileSize: 'l' },
-    [ProductCardLayoutId.IIP]: { desktopSize: 'm', mobileSize: 'm' },
-    [ProductCardLayoutId.ZHEK]: { desktopSize: 'm', mobileSize: 'm' },
+    [ProductCardLayoutId.COMMON]: {
+        desktopSize: 'l',
+        mobileSize: 'm'
+    },
+    [ProductCardLayoutId.IPO]: {
+        desktopSize: 'l',
+        mobileSize: 'l'
+    },
+    [ProductCardLayoutId.IIP]: {
+        desktopSize: 'm',
+        mobileSize: 'm'
+    },
+    [ProductCardLayoutId.ZHEK]: {
+        desktopSize: 'm',
+        mobileSize: 'm'
+    }
 };
-export const getProductCardLayoutConfig = (layoutId) => layoutConfigMap[layoutId];
+const getProductCardLayoutConfig = (layoutId)=>layoutConfigMap[layoutId];
+export { getProductCardLayoutConfig };
+
 //# sourceMappingURL=layoutConfig.js.map

package/dist/ProductCard/layoutConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutConfig.js","sourceRoot":"","sources":["../../src/ProductCard/layoutConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,GAEpB,MAAM,YAAY,CAAC;AAOpB,MAAM,eAAe,GAAyD;IAC5E,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE;IACnE,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE;IAChE,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE;IAChE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,QAA6B,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"ProductCard/layoutConfig.js","sources":["../../src/ProductCard/layoutConfig.ts"],"sourcesContent":["import {\n  ProductCardLayoutId,\n  type ProductCardDesktopSize,\n} from './types.js';\n\ninterface ProductCardLayoutConfig {\n  desktopSize: ProductCardDesktopSize;\n  mobileSize: ProductCardDesktopSize;\n}\n\nconst layoutConfigMap: Record<ProductCardLayoutId, ProductCardLayoutConfig> = {\n  [ProductCardLayoutId.COMMON]: { desktopSize: 'l', mobileSize: 'm' },\n  [ProductCardLayoutId.IPO]: { desktopSize: 'l', mobileSize: 'l' },\n  [ProductCardLayoutId.IIP]: { desktopSize: 'm', mobileSize: 'm' },\n  [ProductCardLayoutId.ZHEK]: { desktopSize: 'm', mobileSize: 'm' },\n};\n\nexport const getProductCardLayoutConfig = (layoutId: ProductCardLayoutId) => layoutConfigMap[layoutId];\n"],"names":["layoutConfigMap","ProductCardLayoutId","getProductCardLayoutConfig","layoutId"],"mappings":";AAUA,MAAMA,kBAAwE;IAC5E,CAACC,oBAAoB,MAAM,CAAC,EAAE;QAAE,aAAa;QAAK,YAAY;IAAI;IAClE,CAACA,oBAAoB,GAAG,CAAC,EAAE;QAAE,aAAa;QAAK,YAAY;IAAI;IAC/D,CAACA,oBAAoB,GAAG,CAAC,EAAE;QAAE,aAAa;QAAK,YAAY;IAAI;IAC/D,CAACA,oBAAoB,IAAI,CAAC,EAAE;QAAE,aAAa;QAAK,YAAY;IAAI;AAClE;AAEO,MAAMC,6BAA6B,CAACC,WAAkCH,eAAe,CAACG,SAAS"}

package/dist/ProductCard/layouts/common/Content.js

@@ -1,23 +1,63 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useId } from 'react';
-import ProductCardContent from '../../ProductCardContent/index.js';
-import { useProductCardContext } from '../../ProductCardContext.js';
-import { PRODUCT_CARD_CHART_VIEWBOX_HEIGHT, PRODUCT_CARD_CHART_VIEWBOX_WIDTH, buildChartPolyline, getProductCardChartColors, getProductCardChartTrend, normalizeChartPoints, } from './chartUtils.js';
-import { ChartSvg, ChartWrap, } from './Content.styles.js';
-const ProductCardCommonContent = ({ chart }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useId } from "react";
+import ProductCardContent from "../../ProductCardContent/index.js";
+import { useProductCardContext } from "../../ProductCardContext.js";
+import { PRODUCT_CARD_CHART_VIEWBOX_HEIGHT, PRODUCT_CARD_CHART_VIEWBOX_WIDTH, buildChartPolyline, getProductCardChartColors, getProductCardChartTrend, normalizeChartPoints } from "./chartUtils.js";
+import { ChartSvg, ChartWrap } from "./Content.styles.js";
+const ProductCardCommonContent = ({ chart })=>{
     const { view } = useProductCardContext();
     const gradientId = useId();
     const points = normalizeChartPoints(chart);
     const hasChart = points.length >= 2;
-    if (!hasChart) {
-        return _jsx(ProductCardContent, {});
-    }
+    if (!hasChart) return /*#__PURE__*/ jsx(ProductCardContent, {});
     const trend = getProductCardChartTrend(points);
     const colors = getProductCardChartColors(trend);
     const chartPolyline = buildChartPolyline(points);
-    return (_jsx(ProductCardContent, { children: _jsx(ChartWrap, { className: view, children: _jsxs(ChartSvg, { viewBox: `0 0 ${PRODUCT_CARD_CHART_VIEWBOX_WIDTH} ${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT}`, preserveAspectRatio: "none", children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [_jsx("stop", { offset: "0%", stopColor: colors.fillStart }), _jsx("stop", { offset: "100%", stopColor: colors.fillEnd })] }) }), _jsx("polygon", { points: `${chartPolyline} ${PRODUCT_CARD_CHART_VIEWBOX_WIDTH},${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT} 0,${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT}`, fill: `url(#${gradientId})` }), _jsx("polyline", { points: chartPolyline, fill: "none", stroke: colors.stroke, strokeWidth: "0.8", vectorEffect: "non-scaling-stroke" })] }) }) }));
+    return /*#__PURE__*/ jsx(ProductCardContent, {
+        children: /*#__PURE__*/ jsx(ChartWrap, {
+            className: view,
+            children: /*#__PURE__*/ jsxs(ChartSvg, {
+                viewBox: `0 0 ${PRODUCT_CARD_CHART_VIEWBOX_WIDTH} ${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT}`,
+                preserveAspectRatio: "none",
+                children: [
+                    /*#__PURE__*/ jsx("defs", {
+                        children: /*#__PURE__*/ jsxs("linearGradient", {
+                            id: gradientId,
+                            x1: "0%",
+                            y1: "0%",
+                            x2: "0%",
+                            y2: "100%",
+                            children: [
+                                /*#__PURE__*/ jsx("stop", {
+                                    offset: "0%",
+                                    stopColor: colors.fillStart
+                                }),
+                                /*#__PURE__*/ jsx("stop", {
+                                    offset: "100%",
+                                    stopColor: colors.fillEnd
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("polygon", {
+                        points: `${chartPolyline} ${PRODUCT_CARD_CHART_VIEWBOX_WIDTH},${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT} 0,${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT}`,
+                        fill: `url(#${gradientId})`
+                    }),
+                    /*#__PURE__*/ jsx("polyline", {
+                        points: chartPolyline,
+                        fill: "none",
+                        stroke: colors.stroke,
+                        strokeWidth: "0.8",
+                        vectorEffect: "non-scaling-stroke"
+                    })
+                ]
+            })
+        })
+    });
 };
-const MemoizedProductCardCommonContent = memo(ProductCardCommonContent);
+const MemoizedProductCardCommonContent = /*#__PURE__*/ memo(ProductCardCommonContent);
 MemoizedProductCardCommonContent.displayName = 'ProductCardCommonContent';
-export default MemoizedProductCardCommonContent;
+const Content = MemoizedProductCardCommonContent;
+export default Content;
+
 //# sourceMappingURL=Content.js.map

package/dist/ProductCard/layouts/common/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/Content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EACL,iCAAiC,EACjC,gCAAgC,EAChC,kBAAkB,EAClB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,QAAQ,EACR,SAAS,GACV,MAAM,qBAAqB,CAAC;AAO7B,MAAM,wBAAwB,GAAG,CAAC,EAAE,KAAK,EAAiC,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;IAEpC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,KAAC,kBAAkB,KAAG,CAAC;IAChC,CAAC;IAED,MAAM,KAAK,GAAG,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEjD,OAAO,CACL,KAAC,kBAAkB,cACjB,KAAC,SAAS,IAAC,SAAS,EAAE,IAAI,YACxB,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,gCAAgC,IAAI,iCAAiC,EAAE,EACvF,mBAAmB,EAAC,MAAM,aAE1B,yBACE,0BAAgB,EAAE,EAAE,UAAU,EAAE,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,aAC/D,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI,EACjD,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,IAClC,GACZ,EACP,kBACE,MAAM,EAAE,GAAG,aAAa,IAAI,gCAAgC,IAAI,iCAAiC,MAAM,iCAAiC,EAAE,EAC1I,IAAI,EAAE,QAAQ,UAAU,GAAG,GAC3B,EACF,mBACE,MAAM,EAAE,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,oBAAoB,GACjC,IACO,GACD,GACO,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC;AACxE,gCAAgC,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAE1E,eAAe,gCAAgC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/common/Content.js","sources":["../../../../src/ProductCard/layouts/common/Content.tsx"],"sourcesContent":["import { memo, useId } from 'react';\nimport ProductCardContent from '../../ProductCardContent/index.js';\nimport { useProductCardContext } from '../../ProductCardContext.js';\nimport type { ProductCardPoint } from '../../types.js';\nimport {\n  PRODUCT_CARD_CHART_VIEWBOX_HEIGHT,\n  PRODUCT_CARD_CHART_VIEWBOX_WIDTH,\n  buildChartPolyline,\n  getProductCardChartColors,\n  getProductCardChartTrend,\n  normalizeChartPoints,\n} from './chartUtils.js';\nimport {\n  ChartSvg,\n  ChartWrap,\n} from './Content.styles.js';\n\nexport interface ProductCardCommonContentProps {\n  /** Точки графика доходности. */\n  chart?: ProductCardPoint[];\n}\n\nconst ProductCardCommonContent = ({ chart }: ProductCardCommonContentProps) => {\n  const { view } = useProductCardContext();\n  const gradientId = useId();\n  const points = normalizeChartPoints(chart);\n  const hasChart = points.length >= 2;\n\n  if (!hasChart) {\n    return <ProductCardContent />;\n  }\n\n  const trend = getProductCardChartTrend(points);\n  const colors = getProductCardChartColors(trend);\n  const chartPolyline = buildChartPolyline(points);\n\n  return (\n    <ProductCardContent>\n      <ChartWrap className={view}>\n        <ChartSvg\n          viewBox={`0 0 ${PRODUCT_CARD_CHART_VIEWBOX_WIDTH} ${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT}`}\n          preserveAspectRatio=\"none\"\n        >\n          <defs>\n            <linearGradient id={gradientId} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n              <stop offset=\"0%\" stopColor={colors.fillStart} />\n              <stop offset=\"100%\" stopColor={colors.fillEnd} />\n            </linearGradient>\n          </defs>\n          <polygon\n            points={`${chartPolyline} ${PRODUCT_CARD_CHART_VIEWBOX_WIDTH},${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT} 0,${PRODUCT_CARD_CHART_VIEWBOX_HEIGHT}`}\n            fill={`url(#${gradientId})`}\n          />\n          <polyline\n            points={chartPolyline}\n            fill=\"none\"\n            stroke={colors.stroke}\n            strokeWidth=\"0.8\"\n            vectorEffect=\"non-scaling-stroke\"\n          />\n        </ChartSvg>\n      </ChartWrap>\n    </ProductCardContent>\n  );\n};\n\nconst MemoizedProductCardCommonContent = memo(ProductCardCommonContent);\nMemoizedProductCardCommonContent.displayName = 'ProductCardCommonContent';\n\nexport default MemoizedProductCardCommonContent;\n"],"names":["ProductCardCommonContent","chart","view","useProductCardContext","gradientId","useId","points","normalizeChartPoints","hasChart","ProductCardContent","trend","getProductCardChartTrend","colors","getProductCardChartColors","chartPolyline","buildChartPolyline","ChartWrap","ChartSvg","PRODUCT_CARD_CHART_VIEWBOX_WIDTH","PRODUCT_CARD_CHART_VIEWBOX_HEIGHT","MemoizedProductCardCommonContent","memo"],"mappings":";;;;;;AAsBA,MAAMA,2BAA2B,CAAC,EAAEC,KAAK,EAAiC;IACxE,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,aAAaC;IACnB,MAAMC,SAASC,qBAAqBN;IACpC,MAAMO,WAAWF,OAAO,MAAM,IAAI;IAElC,IAAI,CAACE,UACH,OAAO,WAAP,GAAO,IAACC,oBAAkBA,CAAAA;IAG5B,MAAMC,QAAQC,yBAAyBL;IACvC,MAAMM,SAASC,0BAA0BH;IACzC,MAAMI,gBAAgBC,mBAAmBT;IAEzC,OAAO,WAAP,GACE,IAACG,oBAAkBA;kBACjB,kBAACO,WAASA;YAAC,WAAWd;sBACpB,mBAACe,UAAQA;gBACP,SAAS,CAAC,IAAI,EAAEC,iCAAiC,CAAC,EAAEC,mCAAmC;gBACvF,qBAAoB;;kCAEpB,IAAC;kCACC,mBAAC;4BAAe,IAAIf;4BAAY,IAAG;4BAAK,IAAG;4BAAK,IAAG;4BAAK,IAAG;;8CACzD,IAAC;oCAAK,QAAO;oCAAK,WAAWQ,OAAO,SAAS;;8CAC7C,IAAC;oCAAK,QAAO;oCAAO,WAAWA,OAAO,OAAO;;;;;kCAGjD,IAAC;wBACC,QAAQ,GAAGE,cAAc,CAAC,EAAEI,iCAAiC,CAAC,EAAEC,kCAAkC,GAAG,EAAEA,mCAAmC;wBAC1I,MAAM,CAAC,KAAK,EAAEf,WAAW,CAAC,CAAC;;kCAE7B,IAAC;wBACC,QAAQU;wBACR,MAAK;wBACL,QAAQF,OAAO,MAAM;wBACrB,aAAY;wBACZ,cAAa;;;;;;AAMzB;AAEA,MAAMQ,mCAAmC,WAAHA,GAAGC,KAAKrB;AAC9CoB,iCAAiC,WAAW,GAAG;AAE/C,gBAAeA"}

package/dist/ProductCard/layouts/common/Content.styles.js

@@ -1,14 +1,15 @@
-import { styled } from '@linaria/react';
-export const ChartWrap = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const ChartWrap = /*#__PURE__*/styled('div')({
   name: "ChartWrap",
   class: "ui_components_c1y3j5e9",
   propsAsIs: false
 });
-export const ChartSvg = /*#__PURE__*/styled('svg')({
+const ChartSvg = /*#__PURE__*/styled('svg')({
   name: "ChartSvg",
   class: "ui_components_c16w9axi",
   propsAsIs: false
 });
+export { ChartSvg, ChartWrap };
 //# sourceMappingURL=Content.styles.js.map
 
 import "./Content.styles.css";

package/dist/ProductCard/layouts/common/Content.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/Content.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAEnB,MAAM,CAAC,OAAO,CAAC,CAAC;;;;;;gBAMhB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;MAE/C,eAAe,CAAC,MAAM;;kBAEV,MAAM,CAAC,OAAO,CAAC,IAAI;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/common/Content.styles.js","sources":["../../../../src/ProductCard/layouts/common/Content.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { ProductCardView } from '../../types.js';\n\nexport const ChartWrap = styled.div`\n  height: 132px;\n  margin-top: ${tokens.spacing.s};\n  border-radius: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n  background: ${tokens.colors.bg.base.default.default};\n\n  &.${ProductCardView.MOBILE} {\n    height: 76px;\n    margin-top: ${tokens.spacing.none};\n  }\n`;\n\nexport const ChartSvg = styled.svg`\n  width: 100%;\n  height: 100%;\n  display: block;\n`;\n"],"names":["ChartWrap","styled","tokens","ProductCardView","ChartSvg"],"mappings":";;;AAIO,MAAMA,YAAYC,OAAO,GAAG,CAAC;;cAEtB,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC;;;;;;cAMnB,EAAEA,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAArBA,UAAAA,CAAAA,UAAqC,CAAC;;IAElD,EAAEC,gBAAgB,MAAM,CAAC;;gBAEb,EAAED,OAAO,OAAO,CAAC,IAAI,CAAC;;AAEtC,CAAC;AAEM,MAAME,WAAWH,OAAO,GAAG,CAAC;;;;AAInC,CAAC"}

package/dist/ProductCard/layouts/common/Footer.js

@@ -1,15 +1,58 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Typography from '../../../Typography/index.js';
-import ProductCardFooter from '../../ProductCardFooter/index.js';
-import { useProductCardContext } from '../../ProductCardContext.js';
-import { ProductCardView } from '../../types.js';
-import { footerRootDesktop, rightStatGroup, StatGroup, StatMainRow, } from './Footer.styles.js';
-const ProductCardCommonFooter = ({ annualYield, annualYieldLabel, minAmount, minAmountLabel, }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import Typography from "../../../Typography/index.js";
+import ProductCardFooter from "../../ProductCardFooter/index.js";
+import { useProductCardContext } from "../../ProductCardContext.js";
+import { ProductCardView } from "../../types.js";
+import { StatGroup, StatMainRow, footerRootDesktop, rightStatGroup } from "./Footer.styles.js";
+const ProductCardCommonFooter = ({ annualYield, annualYieldLabel, minAmount, minAmountLabel })=>{
     const { view } = useProductCardContext();
-    return (_jsxs(ProductCardFooter, { className: view === ProductCardView.DESKTOP ? footerRootDesktop : undefined, children: [_jsx(StatGroup, { className: view, children: _jsxs(StatMainRow, { className: view, children: [_jsx(Typography, { variant: view === ProductCardView.MOBILE ? 'body17' : 'h3', weight: "semiBold", children: annualYield }), view === ProductCardView.MOBILE ? (_jsx(Typography, { variant: "caption11", weight: "semiBold", children: minAmount })) : annualYieldLabel ? (_jsx(Typography, { variant: "caption10", color: "secondary", children: annualYieldLabel })) : null] }) }), view === ProductCardView.DESKTOP && minAmountLabel ? (_jsxs(StatGroup, { className: rightStatGroup, children: [_jsx(Typography, { variant: "caption10", color: "secondary", children: minAmountLabel }), _jsx(Typography, { variant: "caption12", weight: "semiBold", children: minAmount })] })) : null] }));
+    return /*#__PURE__*/ jsxs(ProductCardFooter, {
+        className: view === ProductCardView.DESKTOP ? footerRootDesktop : void 0,
+        children: [
+            /*#__PURE__*/ jsx(StatGroup, {
+                className: view,
+                children: /*#__PURE__*/ jsxs(StatMainRow, {
+                    className: view,
+                    children: [
+                        /*#__PURE__*/ jsx(Typography, {
+                            variant: view === ProductCardView.MOBILE ? 'body17' : 'h3',
+                            weight: "semiBold",
+                            children: annualYield
+                        }),
+                        view === ProductCardView.MOBILE ? /*#__PURE__*/ jsx(Typography, {
+                            variant: "caption11",
+                            weight: "semiBold",
+                            children: minAmount
+                        }) : annualYieldLabel ? /*#__PURE__*/ jsx(Typography, {
+                            variant: "caption10",
+                            color: "secondary",
+                            children: annualYieldLabel
+                        }) : null
+                    ]
+                })
+            }),
+            view === ProductCardView.DESKTOP && minAmountLabel ? /*#__PURE__*/ jsxs(StatGroup, {
+                className: rightStatGroup,
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "caption10",
+                        color: "secondary",
+                        children: minAmountLabel
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "caption12",
+                        weight: "semiBold",
+                        children: minAmount
+                    })
+                ]
+            }) : null
+        ]
+    });
 };
-const MemoizedProductCardCommonFooter = memo(ProductCardCommonFooter);
+const MemoizedProductCardCommonFooter = /*#__PURE__*/ memo(ProductCardCommonFooter);
 MemoizedProductCardCommonFooter.displayName = 'ProductCardCommonFooter';
-export default MemoizedProductCardCommonFooter;
+const Footer = MemoizedProductCardCommonFooter;
+export default Footer;
+
 //# sourceMappingURL=Footer.js.map

package/dist/ProductCard/layouts/common/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAa5B,MAAM,uBAAuB,GAAG,CAAC,EAC/B,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,GACe,EAAE,EAAE;IACjC,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEzC,OAAO,CACL,MAAC,iBAAiB,IAChB,SAAS,EAAE,IAAI,KAAK,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,aAE3E,KAAC,SAAS,IAAC,SAAS,EAAE,IAAI,YACxB,MAAC,WAAW,IAAC,SAAS,EAAE,IAAI,aAC1B,KAAC,UAAU,IACT,OAAO,EAAE,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAC1D,MAAM,EAAC,UAAU,YAEhB,WAAW,GACD,EACZ,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CACjC,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,YAC9C,SAAS,GACC,CACd,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrB,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,YAC9C,gBAAgB,GACN,CACd,CAAC,CAAC,CAAC,IAAI,IACI,GACJ,EACX,IAAI,KAAK,eAAe,CAAC,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,CACpD,MAAC,SAAS,IAAC,SAAS,EAAE,cAAc,aAClC,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,YAC9C,cAAc,GACJ,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,YAC9C,SAAS,GACC,IACH,CACb,CAAC,CAAC,CAAC,IAAI,IACU,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,+BAA+B,GAAG,IAAI,CAAC,uBAAuB,CAAC,CAAC;AACtE,+BAA+B,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAExE,eAAe,+BAA+B,CAAC"}
+{"version":3,"file":"ProductCard/layouts/common/Footer.js","sources":["../../../../src/ProductCard/layouts/common/Footer.tsx"],"sourcesContent":["import { memo } from 'react';\nimport Typography from '../../../Typography/index.js';\nimport ProductCardFooter from '../../ProductCardFooter/index.js';\nimport { useProductCardContext } from '../../ProductCardContext.js';\nimport { ProductCardView } from '../../types.js';\nimport {\n  footerRootDesktop,\n  rightStatGroup,\n  StatGroup,\n  StatMainRow,\n} from './Footer.styles.js';\n\nexport interface ProductCardCommonFooterProps {\n  /** Значение среднегодовой доходности. */\n  annualYield: string;\n  /** Подпись к доходности (desktop). */\n  annualYieldLabel?: string;\n  /** Минимальная сумма вложения. */\n  minAmount: string;\n  /** Подпись к минимальной сумме (desktop). */\n  minAmountLabel?: string;\n}\n\nconst ProductCardCommonFooter = ({\n  annualYield,\n  annualYieldLabel,\n  minAmount,\n  minAmountLabel,\n}: ProductCardCommonFooterProps) => {\n  const { view } = useProductCardContext();\n\n  return (\n    <ProductCardFooter\n      className={view === ProductCardView.DESKTOP ? footerRootDesktop : undefined}\n    >\n      <StatGroup className={view}>\n        <StatMainRow className={view}>\n          <Typography\n            variant={view === ProductCardView.MOBILE ? 'body17' : 'h3'}\n            weight=\"semiBold\"\n          >\n            {annualYield}\n          </Typography>\n          {view === ProductCardView.MOBILE ? (\n            <Typography variant=\"caption11\" weight=\"semiBold\">\n              {minAmount}\n            </Typography>\n          ) : annualYieldLabel ? (\n            <Typography variant=\"caption10\" color=\"secondary\">\n              {annualYieldLabel}\n            </Typography>\n          ) : null}\n        </StatMainRow>\n      </StatGroup>\n      {view === ProductCardView.DESKTOP && minAmountLabel ? (\n        <StatGroup className={rightStatGroup}>\n          <Typography variant=\"caption10\" color=\"secondary\">\n            {minAmountLabel}\n          </Typography>\n          <Typography variant=\"caption12\" weight=\"semiBold\">\n            {minAmount}\n          </Typography>\n        </StatGroup>\n      ) : null}\n    </ProductCardFooter>\n  );\n};\n\nconst MemoizedProductCardCommonFooter = memo(ProductCardCommonFooter);\nMemoizedProductCardCommonFooter.displayName = 'ProductCardCommonFooter';\n\nexport default MemoizedProductCardCommonFooter;\n"],"names":["ProductCardCommonFooter","annualYield","annualYieldLabel","minAmount","minAmountLabel","view","useProductCardContext","ProductCardFooter","ProductCardView","footerRootDesktop","undefined","StatGroup","StatMainRow","Typography","rightStatGroup","MemoizedProductCardCommonFooter","memo"],"mappings":";;;;;;;AAuBA,MAAMA,0BAA0B,CAAC,EAC/BC,WAAW,EACXC,gBAAgB,EAChBC,SAAS,EACTC,cAAc,EACe;IAC7B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,OAAO,WAAP,GACE,KAACC,mBAAiBA;QAChB,WAAWF,SAASG,gBAAgB,OAAO,GAAGC,oBAAoBC;;0BAElE,IAACC,WAASA;gBAAC,WAAWN;0BACpB,mBAACO,aAAWA;oBAAC,WAAWP;;sCACtB,IAACQ,YAAUA;4BACT,SAASR,SAASG,gBAAgB,MAAM,GAAG,WAAW;4BACtD,QAAO;sCAENP;;wBAEFI,SAASG,gBAAgB,MAAM,GAAG,WAAH,GAC9B,IAACK,YAAUA;4BAAC,SAAQ;4BAAY,QAAO;sCACpCV;6BAEDD,mBAAmB,WAAnBA,GACF,IAACW,YAAUA;4BAAC,SAAQ;4BAAY,OAAM;sCACnCX;6BAED;;;;YAGPG,SAASG,gBAAgB,OAAO,IAAIJ,iBAAiB,WAAjBA,GACnC,KAACO,WAASA;gBAAC,WAAWG;;kCACpB,IAACD,YAAUA;wBAAC,SAAQ;wBAAY,OAAM;kCACnCT;;kCAEH,IAACS,YAAUA;wBAAC,SAAQ;wBAAY,QAAO;kCACpCV;;;iBAGH;;;AAGV;AAEA,MAAMY,kCAAkC,WAAHA,GAAGC,KAAKhB;AAC7Ce,gCAAgC,WAAW,GAAG;AAE9C,eAAeA"}

package/dist/ProductCard/layouts/common/Footer.styles.js

@@ -1,16 +1,17 @@
-import { styled } from '@linaria/react';
-export const StatGroup = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const StatGroup = /*#__PURE__*/styled('div')({
   name: "StatGroup",
   class: "ui_components_s1knubwa",
   propsAsIs: false
 });
-export const rightStatGroup = "ui_components_r1wr1vzk";
-export const footerRootDesktop = "ui_components_f1my6vgy";
-export const StatMainRow = /*#__PURE__*/styled('div')({
+const rightStatGroup = "ui_components_r1wr1vzk";
+const footerRootDesktop = "ui_components_f1my6vgy";
+const StatMainRow = /*#__PURE__*/styled('div')({
   name: "StatMainRow",
   class: "ui_components_s17ly6at",
   propsAsIs: false
 });
+export { StatGroup, StatMainRow, footerRootDesktop, rightStatGroup };
 //# sourceMappingURL=Footer.styles.js.map
 
 import "./Footer.styles.css";

package/dist/ProductCard/layouts/common/Footer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.styles.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/Footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;kBAOjB,MAAM,CAAC,OAAO,CAAC,KAAK;;;MAGhC,eAAe,CAAC,MAAM;;;;CAI3B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;CAOhC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;iBACnB,MAAM,CAAC,OAAO,CAAC,IAAI;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;mBAMlB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;MAGlC,eAAe,CAAC,MAAM;;;;;;;;CAQ3B,CAAC"}
+{"version":3,"file":"ProductCard/layouts/common/Footer.styles.js","sources":["../../../../src/ProductCard/layouts/common/Footer.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { ProductCardView } from '../../types.js';\n\nexport const StatGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 0;\n  min-width: 0;\n\n  & > :not(:first-child) {\n    margin-top: ${tokens.spacing.micro};\n  }\n\n  &.${ProductCardView.MOBILE} {\n    flex: 1 1 auto;\n    width: 100%;\n  }\n`;\n\nexport const rightStatGroup = css`\n  align-items: flex-end;\n  text-align: right;\n\n  & > * {\n    white-space: nowrap;\n  }\n`;\n\nexport const footerRootDesktop = css`\n  padding-top: ${tokens.spacing.none};\n`;\n\nexport const StatMainRow = styled.div`\n  display: flex;\n  align-items: center;\n  min-width: 0;\n\n  & > :not(:first-child) {\n    margin-left: ${tokens.spacing['2xs']};\n  }\n\n  &.${ProductCardView.MOBILE} {\n    width: 100%;\n    justify-content: space-between;\n\n    & > :not(:first-child) {\n      margin-left: 0;\n    }\n  }\n`;\n"],"names":["StatGroup","styled","tokens","ProductCardView","rightStatGroup","css","footerRootDesktop","StatMainRow"],"mappings":";;;;AAKO,MAAMA,YAAYC,OAAO,GAAG,CAAC;;;;;;;gBAOpB,EAAEC,OAAO,OAAO,CAAC,KAAK,CAAC;;;IAGnC,EAAEC,gBAAgB,MAAM,CAAC;;;;AAI7B,CAAC;AAEM,MAAMC,iBAAiBC,GAAG,CAAC;;;;;;;AAOlC,CAAC;AAEM,MAAMC,oBAAoBD,GAAG,CAAC;eACtB,EAAEH,OAAO,OAAO,CAAC,IAAI,CAAC;AACrC,CAAC;AAEM,MAAMK,cAAcN,OAAO,GAAG,CAAC;;;;;;iBAMrB,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC;;;IAGrC,EAAEC,gBAAgB,MAAM,CAAC;;;;;;;;AAQ7B,CAAC"}

package/dist/ProductCard/layouts/common/Title.js

@@ -1,15 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import Typography from '../../../Typography/index.js';
-import ProductCardTitle from '../../ProductCardTitle/index.js';
-import { useProductCardContext } from '../../ProductCardContext.js';
-import { ProductCardView } from '../../types.js';
-import { titleClamp2 } from '../shared/MediaTitle.styles.js';
-const ProductCardCommonTitle = ({ title }) => {
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import Typography from "../../../Typography/index.js";
+import ProductCardTitle from "../../ProductCardTitle/index.js";
+import { useProductCardContext } from "../../ProductCardContext.js";
+import { ProductCardView } from "../../types.js";
+import { titleClamp2 } from "../shared/MediaTitle.styles.js";
+const ProductCardCommonTitle = ({ title })=>{
     const { view } = useProductCardContext();
-    return (_jsx(ProductCardTitle, { children: _jsx(Typography, { className: titleClamp2, variant: view === ProductCardView.MOBILE ? 'body14' : 'h4', weight: "semiBold", title: title, children: title }) }));
+    return /*#__PURE__*/ jsx(ProductCardTitle, {
+        children: /*#__PURE__*/ jsx(Typography, {
+            className: titleClamp2,
+            variant: view === ProductCardView.MOBILE ? 'body14' : 'h4',
+            weight: "semiBold",
+            title: title,
+            children: title
+        })
+    });
 };
-const MemoizedProductCardCommonTitle = memo(ProductCardCommonTitle);
+const MemoizedProductCardCommonTitle = /*#__PURE__*/ memo(ProductCardCommonTitle);
 MemoizedProductCardCommonTitle.displayName = 'ProductCardCommonTitle';
-export default MemoizedProductCardCommonTitle;
+const Title = MemoizedProductCardCommonTitle;
+export default Title;
+
 //# sourceMappingURL=Title.js.map

package/dist/ProductCard/layouts/common/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAO7D,MAAM,sBAAsB,GAAG,CAAC,EAAE,KAAK,EAA+B,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEzC,OAAO,CACL,KAAC,gBAAgB,cACf,KAAC,UAAU,IACT,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAC1D,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,KAAK,YAEX,KAAK,GACK,GACI,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC;AACpE,8BAA8B,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAEtE,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"ProductCard/layouts/common/Title.js","sources":["../../../../src/ProductCard/layouts/common/Title.tsx"],"sourcesContent":["import { memo } from 'react';\nimport Typography from '../../../Typography/index.js';\nimport ProductCardTitle from '../../ProductCardTitle/index.js';\nimport { useProductCardContext } from '../../ProductCardContext.js';\nimport { ProductCardView } from '../../types.js';\nimport { titleClamp2 } from '../shared/MediaTitle.styles.js';\n\nexport interface ProductCardCommonTitleProps {\n  /** Заголовок продукта. */\n  title: string;\n}\n\nconst ProductCardCommonTitle = ({ title }: ProductCardCommonTitleProps) => {\n  const { view } = useProductCardContext();\n\n  return (\n    <ProductCardTitle>\n      <Typography\n        className={titleClamp2}\n        variant={view === ProductCardView.MOBILE ? 'body14' : 'h4'}\n        weight=\"semiBold\"\n        title={title}\n      >\n        {title}\n      </Typography>\n    </ProductCardTitle>\n  );\n};\n\nconst MemoizedProductCardCommonTitle = memo(ProductCardCommonTitle);\nMemoizedProductCardCommonTitle.displayName = 'ProductCardCommonTitle';\n\nexport default MemoizedProductCardCommonTitle;\n"],"names":["ProductCardCommonTitle","title","view","useProductCardContext","ProductCardTitle","Typography","titleClamp2","ProductCardView","MemoizedProductCardCommonTitle","memo"],"mappings":";;;;;;;AAYA,MAAMA,yBAAyB,CAAC,EAAEC,KAAK,EAA+B;IACpE,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,OAAO,WAAP,GACE,IAACC,kBAAgBA;kBACf,kBAACC,YAAUA;YACT,WAAWC;YACX,SAASJ,SAASK,gBAAgB,MAAM,GAAG,WAAW;YACtD,QAAO;YACP,OAAON;sBAENA;;;AAIT;AAEA,MAAMO,iCAAiC,WAAHA,GAAGC,KAAKT;AAC5CQ,+BAA+B,WAAW,GAAG;AAE7C,cAAeA"}

package/dist/ProductCard/layouts/common/chartUtils.js

@@ -1,78 +1,115 @@
-import { tokens } from '@finam/web-ui-kit-core/theme/contract';
-/** Ширина SVG viewBox графика common-карточки. */
-export const PRODUCT_CARD_CHART_VIEWBOX_WIDTH = 100;
-/** Высота SVG viewBox графика common-карточки. */
-export const PRODUCT_CARD_CHART_VIEWBOX_HEIGHT = 32;
-/** Переводит значение Y (больше = выше) в SVG-координату (0 сверху). */
-export const toChartSvgY = (y) => PRODUCT_CARD_CHART_VIEWBOX_HEIGHT - y;
-export const positiveChartPreset = [
-    { x: 0, y: 10 },
-    { x: 6, y: 15 },
-    { x: 11, y: 13 },
-    { x: 18, y: 18 },
-    { x: 26, y: 16 },
-    { x: 31, y: 20 },
-    { x: 38, y: 22 },
-    { x: 48, y: 24 },
-    { x: 56, y: 23 },
-    { x: 64, y: 27 },
-    { x: 70, y: 25 },
-    { x: 79, y: 28 },
-    { x: 86, y: 24 },
-    { x: 100, y: 26 },
+import { tokens } from "@finam/web-ui-kit-core/theme/contract";
+const PRODUCT_CARD_CHART_VIEWBOX_WIDTH = 100;
+const PRODUCT_CARD_CHART_VIEWBOX_HEIGHT = 32;
+const toChartSvgY = (y)=>PRODUCT_CARD_CHART_VIEWBOX_HEIGHT - y;
+const positiveChartPreset = [
+    {
+        x: 0,
+        y: 10
+    },
+    {
+        x: 6,
+        y: 15
+    },
+    {
+        x: 11,
+        y: 13
+    },
+    {
+        x: 18,
+        y: 18
+    },
+    {
+        x: 26,
+        y: 16
+    },
+    {
+        x: 31,
+        y: 20
+    },
+    {
+        x: 38,
+        y: 22
+    },
+    {
+        x: 48,
+        y: 24
+    },
+    {
+        x: 56,
+        y: 23
+    },
+    {
+        x: 64,
+        y: 27
+    },
+    {
+        x: 70,
+        y: 25
+    },
+    {
+        x: 79,
+        y: 28
+    },
+    {
+        x: 86,
+        y: 24
+    },
+    {
+        x: 100,
+        y: 26
+    }
 ];
-export const negativeChartPreset = positiveChartPreset.map(({ x, y }) => ({
-    x,
-    y: PRODUCT_CARD_CHART_VIEWBOX_HEIGHT - y,
-}));
-export const neutralChartPreset = positiveChartPreset.map(({ x }) => ({
-    x,
-    y: 16,
-}));
-export const productCardChartPresets = {
+const negativeChartPreset = positiveChartPreset.map(({ x, y })=>({
+        x,
+        y: PRODUCT_CARD_CHART_VIEWBOX_HEIGHT - y
+    }));
+const neutralChartPreset = positiveChartPreset.map(({ x })=>({
+        x,
+        y: 16
+    }));
+const productCardChartPresets = {
     positive: positiveChartPreset,
     negative: negativeChartPreset,
-    neutral: neutralChartPreset,
+    neutral: neutralChartPreset
 };
-export const normalizeChartPoints = (chart) => {
-    if (chart == null || chart.length < 2) {
-        return [];
-    }
+const normalizeChartPoints = (chart)=>{
+    if (null == chart || chart.length < 2) return [];
     return chart;
 };
-export const getProductCardChartTrend = (points) => {
-    const sorted = [...points].sort((a, b) => a.x - b.x);
+const getProductCardChartTrend = (points)=>{
+    const sorted = [
+        ...points
+    ].sort((a, b)=>a.x - b.x);
     const first = sorted[0];
     const last = sorted[sorted.length - 1];
-    if (last.y > first.y) {
-        return 'positive';
-    }
-    if (last.y < first.y) {
-        return 'negative';
-    }
+    if (last.y > first.y) return 'positive';
+    if (last.y < first.y) return 'negative';
     return 'neutral';
 };
-export const getProductCardChartColors = (trend) => {
-    switch (trend) {
+const getProductCardChartColors = (trend)=>{
+    switch(trend){
         case 'negative':
             return {
-                stroke: tokens.colors.data.graph.fall.default,
-                fillStart: tokens.colors.opacity.negative['24'],
-                fillEnd: tokens.colors.opacity.negative['0'],
+                stroke: tokens.colors.data.graph.fall["default"],
+                fillStart: tokens.colors.opacity.negative["24"],
+                fillEnd: tokens.colors.opacity.negative["0"]
             };
         case 'neutral':
             return {
-                stroke: tokens.colors.data.graph.neutral.default,
+                stroke: tokens.colors.data.graph.neutral["default"],
                 fillStart: tokens.colors.data.graph.opacity.start,
-                fillEnd: tokens.colors.data.graph.opacity.end,
+                fillEnd: tokens.colors.data.graph.opacity.end
             };
         default:
             return {
-                stroke: tokens.colors.data.graph.grow.default,
-                fillStart: tokens.colors.opacity.positive['24'],
-                fillEnd: tokens.colors.opacity.positive['0'],
+                stroke: tokens.colors.data.graph.grow["default"],
+                fillStart: tokens.colors.opacity.positive["24"],
+                fillEnd: tokens.colors.opacity.positive["0"]
             };
     }
 };
-export const buildChartPolyline = (points) => (points.map(({ x, y }) => `${x},${toChartSvgY(y)}`).join(' '));
+const buildChartPolyline = (points)=>points.map(({ x, y })=>`${x},${toChartSvgY(y)}`).join(' ');
+export { PRODUCT_CARD_CHART_VIEWBOX_HEIGHT, PRODUCT_CARD_CHART_VIEWBOX_WIDTH, buildChartPolyline, getProductCardChartColors, getProductCardChartTrend, negativeChartPreset, neutralChartPreset, normalizeChartPoints, positiveChartPreset, productCardChartPresets, toChartSvgY };
+
 //# sourceMappingURL=chartUtils.js.map