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

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

@@ -1 +1 @@
-{"version":3,"file":"chartUtils.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/common/chartUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard/layouts/common/chartUtils.js","sources":["../../../../src/ProductCard/layouts/common/chartUtils.ts"],"sourcesContent":["import { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport type { ProductCardPoint } from '../../types.js';\n\nexport type ProductCardChartTrend = 'positive' | 'negative' | 'neutral';\n\n/** Ширина SVG viewBox графика common-карточки. */\nexport const PRODUCT_CARD_CHART_VIEWBOX_WIDTH = 100;\n/** Высота SVG viewBox графика common-карточки. */\nexport const PRODUCT_CARD_CHART_VIEWBOX_HEIGHT = 32;\n\n/** Переводит значение Y (больше = выше) в SVG-координату (0 сверху). */\nexport const toChartSvgY = (y: number) => PRODUCT_CARD_CHART_VIEWBOX_HEIGHT - y;\n\nexport const positiveChartPreset: ProductCardPoint[] = [\n  { x: 0, y: 10 },\n  { x: 6, y: 15 },\n  { x: 11, y: 13 },\n  { x: 18, y: 18 },\n  { x: 26, y: 16 },\n  { x: 31, y: 20 },\n  { x: 38, y: 22 },\n  { x: 48, y: 24 },\n  { x: 56, y: 23 },\n  { x: 64, y: 27 },\n  { x: 70, y: 25 },\n  { x: 79, y: 28 },\n  { x: 86, y: 24 },\n  { x: 100, y: 26 },\n];\n\nexport const negativeChartPreset: ProductCardPoint[] = positiveChartPreset.map(({ x, y }) => ({\n  x,\n  y: PRODUCT_CARD_CHART_VIEWBOX_HEIGHT - y,\n}));\n\nexport const neutralChartPreset: ProductCardPoint[] = positiveChartPreset.map(({ x }) => ({\n  x,\n  y: 16,\n}));\n\nexport const productCardChartPresets = {\n  positive: positiveChartPreset,\n  negative: negativeChartPreset,\n  neutral: neutralChartPreset,\n} as const;\n\nexport type ProductCardChartPreset = keyof typeof productCardChartPresets;\n\nexport const normalizeChartPoints = (chart?: ProductCardPoint[]) => {\n  if (chart == null || chart.length < 2) {\n    return [];\n  }\n  return chart;\n};\n\nexport const getProductCardChartTrend = (points: ProductCardPoint[]): ProductCardChartTrend => {\n  const sorted = [...points].sort((a, b) => a.x - b.x);\n  const first = sorted[0];\n  const last = sorted[sorted.length - 1];\n\n  if (last.y > first.y) {\n    return 'positive';\n  }\n  if (last.y < first.y) {\n    return 'negative';\n  }\n  return 'neutral';\n};\n\ninterface ProductCardChartColors {\n  stroke: string;\n  fillStart: string;\n  fillEnd: string;\n}\n\nexport const getProductCardChartColors = (\n  trend: ProductCardChartTrend,\n): ProductCardChartColors => {\n  switch (trend) {\n    case 'negative':\n      return {\n        stroke: tokens.colors.data.graph.fall.default,\n        fillStart: tokens.colors.opacity.negative['24'],\n        fillEnd: tokens.colors.opacity.negative['0'],\n      };\n    case 'neutral':\n      return {\n        stroke: tokens.colors.data.graph.neutral.default,\n        fillStart: tokens.colors.data.graph.opacity.start,\n        fillEnd: tokens.colors.data.graph.opacity.end,\n      };\n    default:\n      return {\n        stroke: tokens.colors.data.graph.grow.default,\n        fillStart: tokens.colors.opacity.positive['24'],\n        fillEnd: tokens.colors.opacity.positive['0'],\n      };\n  }\n};\n\nexport const buildChartPolyline = (points: ProductCardPoint[]) => (\n  points.map(({ x, y }) => `${x},${toChartSvgY(y)}`).join(' ')\n);\n"],"names":["PRODUCT_CARD_CHART_VIEWBOX_WIDTH","PRODUCT_CARD_CHART_VIEWBOX_HEIGHT","toChartSvgY","y","positiveChartPreset","negativeChartPreset","x","neutralChartPreset","productCardChartPresets","normalizeChartPoints","chart","getProductCardChartTrend","points","sorted","a","b","first","last","getProductCardChartColors","trend","tokens","buildChartPolyline"],"mappings":";AAMO,MAAMA,mCAAmC;AAEzC,MAAMC,oCAAoC;AAG1C,MAAMC,cAAc,CAACC,IAAcF,oCAAoCE;AAEvE,MAAMC,sBAA0C;IACrD;QAAE,GAAG;QAAG,GAAG;IAAG;IACd;QAAE,GAAG;QAAG,GAAG;IAAG;IACd;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAI,GAAG;IAAG;IACf;QAAE,GAAG;QAAK,GAAG;IAAG;CACjB;AAEM,MAAMC,sBAA0CD,oBAAoB,GAAG,CAAC,CAAC,EAAEE,CAAC,EAAEH,CAAC,EAAE,GAAM;QAC5FG;QACA,GAAGL,oCAAoCE;IACzC;AAEO,MAAMI,qBAAyCH,oBAAoB,GAAG,CAAC,CAAC,EAAEE,CAAC,EAAE,GAAM;QACxFA;QACA,GAAG;IACL;AAEO,MAAME,0BAA0B;IACrC,UAAUJ;IACV,UAAUC;IACV,SAASE;AACX;AAIO,MAAME,uBAAuB,CAACC;IACnC,IAAIA,AAAS,QAATA,SAAiBA,MAAM,MAAM,GAAG,GAClC,OAAO,EAAE;IAEX,OAAOA;AACT;AAEO,MAAMC,2BAA2B,CAACC;IACvC,MAAMC,SAAS;WAAID;KAAO,CAAC,IAAI,CAAC,CAACE,GAAGC,IAAMD,EAAE,CAAC,GAAGC,EAAE,CAAC;IACnD,MAAMC,QAAQH,MAAM,CAAC,EAAE;IACvB,MAAMI,OAAOJ,MAAM,CAACA,OAAO,MAAM,GAAG,EAAE;IAEtC,IAAII,KAAK,CAAC,GAAGD,MAAM,CAAC,EAClB,OAAO;IAET,IAAIC,KAAK,CAAC,GAAGD,MAAM,CAAC,EAClB,OAAO;IAET,OAAO;AACT;AAQO,MAAME,4BAA4B,CACvCC;IAEA,OAAQA;QACN,KAAK;YACH,OAAO;gBACL,QAAQC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAA7BA,UAAqC;gBAC7C,WAAWA,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK;gBAC/C,SAASA,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI;YAC9C;QACF,KAAK;YACH,OAAO;gBACL,QAAQA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAhCA,UAAwC;gBAChD,WAAWA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;gBACjD,SAASA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;YAC/C;QACF;YACE,OAAO;gBACL,QAAQA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAA7BA,UAAqC;gBAC7C,WAAWA,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK;gBAC/C,SAASA,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI;YAC9C;IACJ;AACF;AAEO,MAAMC,qBAAqB,CAACT,SACjCA,OAAO,GAAG,CAAC,CAAC,EAAEN,CAAC,EAAEH,CAAC,EAAE,GAAK,GAAGG,EAAE,CAAC,EAAEJ,YAAYC,IAAI,EAAE,IAAI,CAAC"}

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

@@ -1,5 +1,4 @@
-export { default as ProductCardCommonTitle } from './Title.js';
-export { default as ProductCardCommonContent } from './Content.js';
-export { default as ProductCardCommonFooter } from './Footer.js';
-export { productCardChartPresets, } from './chartUtils.js';
-//# sourceMappingURL=index.js.map
+export { default as ProductCardCommonTitle } from "./Title.js";
+export { default as ProductCardCommonContent } from "./Content.js";
+export { default as ProductCardCommonFooter } from "./Footer.js";
+export { productCardChartPresets } from "./chartUtils.js";

package/dist/ProductCard/layouts/iip/Background.js

@@ -1,6 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ProductCardBackgroundImage from '../../shared/ProductCardBackgroundImage.js';
-import { goalImage } from './Background.styles.js';
-const ProductCardIipBackground = ({ imageUrl, blurHash, alt = '', onError, }) => (_jsx(ProductCardBackgroundImage, { imageUrl: imageUrl, blurHash: blurHash, alt: alt, imageClassName: goalImage, onError: onError }));
-export default ProductCardIipBackground;
+import { jsx } from "react/jsx-runtime";
+import ProductCardBackgroundImage from "../../shared/ProductCardBackgroundImage.js";
+import { goalImage } from "./Background.styles.js";
+const ProductCardIipBackground = ({ imageUrl, blurHash, alt = '', onError })=>/*#__PURE__*/ jsx(ProductCardBackgroundImage, {
+        imageUrl: imageUrl,
+        blurHash: blurHash,
+        alt: alt,
+        imageClassName: goalImage,
+        onError: onError
+    });
+const Background = ProductCardIipBackground;
+export default Background;
+
 //# sourceMappingURL=Background.js.map

package/dist/ProductCard/layouts/iip/Background.js.map

@@ -1 +1 @@
-{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/iip/Background.tsx"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AASnD,MAAM,wBAAwB,GAAG,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,GAAG,GAAG,EAAE,EACR,OAAO,GACuB,EAAE,EAAE,CAAC,CACnC,KAAC,0BAA0B,IACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,SAAS,EACzB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"ProductCard/layouts/iip/Background.js","sources":["../../../../src/ProductCard/layouts/iip/Background.tsx"],"sourcesContent":["import ProductCardBackgroundImage from '../../shared/ProductCardBackgroundImage.js';\nimport { goalImage } from './Background.styles.js';\n\nexport interface ProductCardIipBackgroundProps {\n  imageUrl: string;\n  blurHash?: string;\n  alt?: string;\n  onError?: () => void;\n}\n\nconst ProductCardIipBackground = ({\n  imageUrl,\n  blurHash,\n  alt = '',\n  onError,\n}: ProductCardIipBackgroundProps) => (\n  <ProductCardBackgroundImage\n    imageUrl={imageUrl}\n    blurHash={blurHash}\n    alt={alt}\n    imageClassName={goalImage}\n    onError={onError}\n  />\n);\n\nexport default ProductCardIipBackground;\n"],"names":["ProductCardIipBackground","imageUrl","blurHash","alt","onError","ProductCardBackgroundImage","goalImage"],"mappings":";;;AAUA,MAAMA,2BAA2B,CAAC,EAChCC,QAAQ,EACRC,QAAQ,EACRC,MAAM,EAAE,EACRC,OAAO,EACuB,iBAC9B,IAACC,4BAA0BA;QACzB,UAAUJ;QACV,UAAUC;QACV,KAAKC;QACL,gBAAgBG;QAChB,SAASF;;AAIb,mBAAeJ"}

package/dist/ProductCard/layouts/iip/Background.styles.js

@@ -1,4 +1,5 @@
-export const goalImage = "ui_components_g1o0xqc0";
+const goalImage = "ui_components_g1o0xqc0";
+export { goalImage };
 //# sourceMappingURL=Background.styles.js.map
 
 import "./Background.styles.css";

package/dist/ProductCard/layouts/iip/Background.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Background.styles.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/iip/Background.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;mBACT,MAAM,CAAC,MAAM,CAAC,CAAC;;;CAGjC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/iip/Background.styles.js","sources":["../../../../src/ProductCard/layouts/iip/Background.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const goalImage = css`\n  border-radius: ${tokens.radius.l};\n  overflow: hidden;\n  filter: brightness(68%);\n`;\n"],"names":["goalImage","css","tokens"],"mappings":";;AAGO,MAAMA,YAAYC,GAAG,CAAC;iBACZ,EAAEC,OAAO,MAAM,CAAC,CAAC,CAAC;;;AAGnC,CAAC"}

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

@@ -1,23 +1,48 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import classNames from 'clsx';
-import Typography from '../../../Typography/index.js';
-import ProductCardFooter from '../../ProductCardFooter/index.js';
-import { useProductCardContext } from '../../ProductCardContext.js';
-import { ProductCardView } from '../../types.js';
-import { DescriptionWrap, durationOnImage, ForecastColumn, IconWrap, } from './Footer.styles.js';
-const ProductCardIipFooter = ({ estimate, duration, icons, isWhiteText = false, }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import clsx from "clsx";
+import Typography from "../../../Typography/index.js";
+import ProductCardFooter from "../../ProductCardFooter/index.js";
+import { useProductCardContext } from "../../ProductCardContext.js";
+import { ProductCardView } from "../../types.js";
+import { DescriptionWrap, ForecastColumn, IconWrap, durationOnImage } from "./Footer.styles.js";
+const ProductCardIipFooter = ({ estimate, duration, icons, isWhiteText = false })=>{
     const { view } = useProductCardContext();
-    const hasEstimate = estimate != null;
-    const hasDuration = duration != null;
+    const hasEstimate = null != estimate;
+    const hasDuration = null != duration;
     const hasForecast = hasEstimate || hasDuration;
-    const titleColor = isWhiteText ? 'ondark' : undefined;
-    if (!hasForecast && icons == null) {
-        return null;
-    }
-    return (_jsx(ProductCardFooter, { children: _jsxs(DescriptionWrap, { children: [hasForecast ? (_jsxs(ForecastColumn, { children: [hasEstimate ? (_jsx(Typography, { variant: view === ProductCardView.MOBILE ? 'body14' : 'body17', weight: "semiBold", color: titleColor, children: estimate })) : null, hasDuration ? (_jsx(Typography, { className: classNames(isWhiteText ? durationOnImage : undefined), variant: view === ProductCardView.MOBILE ? 'caption11' : 'body14', color: isWhiteText ? 'custom' : 'secondary', children: duration })) : null] })) : null, icons != null ? (_jsx(IconWrap, { "data-testid": "card-icons", children: icons })) : null] }) }));
+    const titleColor = isWhiteText ? 'ondark' : void 0;
+    if (!hasForecast && null == icons) return null;
+    return /*#__PURE__*/ jsx(ProductCardFooter, {
+        children: /*#__PURE__*/ jsxs(DescriptionWrap, {
+            children: [
+                hasForecast ? /*#__PURE__*/ jsxs(ForecastColumn, {
+                    children: [
+                        hasEstimate ? /*#__PURE__*/ jsx(Typography, {
+                            variant: view === ProductCardView.MOBILE ? 'body14' : 'body17',
+                            weight: "semiBold",
+                            color: titleColor,
+                            children: estimate
+                        }) : null,
+                        hasDuration ? /*#__PURE__*/ jsx(Typography, {
+                            className: clsx(isWhiteText ? durationOnImage : void 0),
+                            variant: view === ProductCardView.MOBILE ? 'caption11' : 'body14',
+                            color: isWhiteText ? 'custom' : 'secondary',
+                            children: duration
+                        }) : null
+                    ]
+                }) : null,
+                null != icons ? /*#__PURE__*/ jsx(IconWrap, {
+                    "data-testid": "card-icons",
+                    children: icons
+                }) : null
+            ]
+        })
+    });
 };
-const MemoizedProductCardIipFooter = memo(ProductCardIipFooter);
+const MemoizedProductCardIipFooter = /*#__PURE__*/ memo(ProductCardIipFooter);
 MemoizedProductCardIipFooter.displayName = 'ProductCardIipFooter';
-export default MemoizedProductCardIipFooter;
+const Footer = MemoizedProductCardIipFooter;
+export default Footer;
+
 //# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/iip/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,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,eAAe,EACf,eAAe,EACf,cAAc,EACd,QAAQ,GACT,MAAM,oBAAoB,CAAC;AAa5B,MAAM,oBAAoB,GAAG,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,KAAK,GACO,EAAE,EAAE;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,WAAW,GAAG,QAAQ,IAAI,IAAI,CAAC;IACrC,MAAM,WAAW,GAAG,QAAQ,IAAI,IAAI,CAAC;IACrC,MAAM,WAAW,GAAG,WAAW,IAAI,WAAW,CAAC;IAC/C,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAEtD,IAAI,CAAC,WAAW,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,cAChB,MAAC,eAAe,eACb,WAAW,CAAC,CAAC,CAAC,CACb,MAAC,cAAc,eACZ,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,UAAU,IACT,OAAO,EAAE,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAC9D,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,UAAU,YAEhB,QAAQ,GACE,CACd,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,UAAU,IACT,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,EAChE,OAAO,EAAE,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,EACjE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,YAE1C,QAAQ,GACE,CACd,CAAC,CAAC,CAAC,IAAI,IACO,CAClB,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,QAAQ,mBAAa,YAAY,YAC/B,KAAK,GACG,CACZ,CAAC,CAAC,CAAC,IAAI,IACQ,GACA,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,4BAA4B,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;AAChE,4BAA4B,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAElE,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"ProductCard/layouts/iip/Footer.js","sources":["../../../../src/ProductCard/layouts/iip/Footer.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\nimport classNames from 'clsx';\nimport Typography from '../../../Typography/index.js';\nimport ProductCardFooter from '../../ProductCardFooter/index.js';\nimport { useProductCardContext } from '../../ProductCardContext.js';\nimport { ProductCardView } from '../../types.js';\nimport {\n  DescriptionWrap,\n  durationOnImage,\n  ForecastColumn,\n  IconWrap,\n} from './Footer.styles.js';\n\nexport interface ProductCardIipFooterProps {\n  /** Прогноз доходности. */\n  estimate?: string;\n  /** Срок / горизонт инвестирования. */\n  duration?: string;\n  /** Блок иконок инструментов справа. */\n  icons?: ReactNode;\n  /** Светлый текст на фоне изображения. */\n  isWhiteText?: boolean;\n}\n\nconst ProductCardIipFooter = ({\n  estimate,\n  duration,\n  icons,\n  isWhiteText = false,\n}: ProductCardIipFooterProps) => {\n  const { view } = useProductCardContext();\n  const hasEstimate = estimate != null;\n  const hasDuration = duration != null;\n  const hasForecast = hasEstimate || hasDuration;\n  const titleColor = isWhiteText ? 'ondark' : undefined;\n\n  if (!hasForecast && icons == null) {\n    return null;\n  }\n\n  return (\n    <ProductCardFooter>\n      <DescriptionWrap>\n        {hasForecast ? (\n          <ForecastColumn>\n            {hasEstimate ? (\n              <Typography\n                variant={view === ProductCardView.MOBILE ? 'body14' : 'body17'}\n                weight=\"semiBold\"\n                color={titleColor}\n              >\n                {estimate}\n              </Typography>\n            ) : null}\n            {hasDuration ? (\n              <Typography\n                className={classNames(isWhiteText ? durationOnImage : undefined)}\n                variant={view === ProductCardView.MOBILE ? 'caption11' : 'body14'}\n                color={isWhiteText ? 'custom' : 'secondary'}\n              >\n                {duration}\n              </Typography>\n            ) : null}\n          </ForecastColumn>\n        ) : null}\n        {icons != null ? (\n          <IconWrap data-testid=\"card-icons\">\n            {icons}\n          </IconWrap>\n        ) : null}\n      </DescriptionWrap>\n    </ProductCardFooter>\n  );\n};\n\nconst MemoizedProductCardIipFooter = memo(ProductCardIipFooter);\nMemoizedProductCardIipFooter.displayName = 'ProductCardIipFooter';\n\nexport default MemoizedProductCardIipFooter;\n"],"names":["ProductCardIipFooter","estimate","duration","icons","isWhiteText","view","useProductCardContext","hasEstimate","hasDuration","hasForecast","titleColor","undefined","ProductCardFooter","DescriptionWrap","ForecastColumn","Typography","ProductCardView","classNames","durationOnImage","IconWrap","MemoizedProductCardIipFooter","memo"],"mappings":";;;;;;;;AAwBA,MAAMA,uBAAuB,CAAC,EAC5BC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,cAAc,KAAK,EACO;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,cAAcN,AAAY,QAAZA;IACpB,MAAMO,cAAcN,AAAY,QAAZA;IACpB,MAAMO,cAAcF,eAAeC;IACnC,MAAME,aAAaN,cAAc,WAAWO;IAE5C,IAAI,CAACF,eAAeN,AAAS,QAATA,OAClB,OAAO;IAGT,OAAO,WAAP,GACE,IAACS,mBAAiBA;kBAChB,mBAACC,iBAAeA;;gBACbJ,cAAc,WAAdA,GACC,KAACK,gBAAcA;;wBACZP,cAAc,WAAdA,GACC,IAACQ,YAAUA;4BACT,SAASV,SAASW,gBAAgB,MAAM,GAAG,WAAW;4BACtD,QAAO;4BACP,OAAON;sCAENT;6BAED;wBACHO,cAAc,WAAdA,GACC,IAACO,YAAUA;4BACT,WAAWE,KAAWb,cAAcc,kBAAkBP;4BACtD,SAASN,SAASW,gBAAgB,MAAM,GAAG,cAAc;4BACzD,OAAOZ,cAAc,WAAW;sCAE/BF;6BAED;;qBAEJ;gBACM,QAATC,QAAgB,WAAP,GACR,IAACgB,UAAQA;oBAAC,eAAY;8BACnBhB;qBAED;;;;AAIZ;AAEA,MAAMiB,+BAA+B,WAAHA,GAAGC,KAAKrB;AAC1CoB,6BAA6B,WAAW,GAAG;AAE3C,eAAeA"}

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

@@ -1,20 +1,21 @@
-import { styled } from '@linaria/react';
-export const DescriptionWrap = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const DescriptionWrap = /*#__PURE__*/styled('div')({
   name: "DescriptionWrap",
   class: "ui_components_dndiaan",
   propsAsIs: false
 });
-export const ForecastColumn = /*#__PURE__*/styled('div')({
+const ForecastColumn = /*#__PURE__*/styled('div')({
   name: "ForecastColumn",
   class: "ui_components_fazj03n",
   propsAsIs: false
 });
-export const durationOnImage = "ui_components_dqvgbpg";
-export const IconWrap = /*#__PURE__*/styled('div')({
+const durationOnImage = "ui_components_dqvgbpg";
+const IconWrap = /*#__PURE__*/styled('div')({
   name: "IconWrap",
   class: "ui_components_i1go60xr",
   propsAsIs: false
 });
+export { DescriptionWrap, ForecastColumn, IconWrap, durationOnImage };
 //# sourceMappingURL=Footer.styles.js.map
 
 import "./Footer.styles.css";

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.styles.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/iip/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;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMxC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;kBAMtB,MAAM,CAAC,OAAO,CAAC,KAAK;;CAErC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;WACvB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/iip/Footer.styles.js","sources":["../../../../src/ProductCard/layouts/iip/Footer.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const DescriptionWrap = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n`;\n\nexport const ForecastColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n\n  & > :not(:first-child) {\n    margin-top: ${tokens.spacing.micro};\n  }\n`;\n\nexport const durationOnImage = css`\n  color: ${tokens.colors.text.ondark.secondary.default};\n`;\n\nexport const IconWrap = styled.div`\n  flex-shrink: 0;\n  display: flex;\n  align-items: flex-end;\n`;\n"],"names":["DescriptionWrap","styled","ForecastColumn","tokens","durationOnImage","css","IconWrap"],"mappings":";;;AAIO,MAAMA,kBAAkBC,OAAO,GAAG,CAAC;;;;;;AAM1C,CAAC;AAEM,MAAMC,iBAAiBD,OAAO,GAAG,CAAC;;;;;;gBAMzB,EAAEE,OAAO,OAAO,CAAC,KAAK,CAAC;;AAEvC,CAAC;AAEM,MAAMC,kBAAkBC,GAAG,CAAC;SAC1B,EAAEF,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAnCA,UAA2C,CAAC;AACvD,CAAC;AAEM,MAAMG,WAAWL,OAAO,GAAG,CAAC;;;;AAInC,CAAC"}

package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.js

@@ -1,31 +1,49 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import classNames from 'clsx';
-import Typography from '../../../../Typography/index.js';
-import { useProductCardContext } from '../../../ProductCardContext.js';
-import { iconBrandBackground, iconPositiveBackground, Icon, MAX_IIP_SECURITY_ICONS, Root, } from './ProductCardIipSecurityIcons.styles.js';
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import clsx from "clsx";
+import Typography from "../../../../Typography/index.js";
+import { useProductCardContext } from "../../../ProductCardContext.js";
+import { Icon, MAX_IIP_SECURITY_ICONS, Root, iconBrandBackground, iconPositiveBackground } from "./ProductCardIipSecurityIcons.styles.js";
 const DEFAULT_STUB_ITEMS = [
     {
         key: 'stub-positive',
         background: iconPositiveBackground,
-        children: (_jsx(Typography, { variant: "caption12", weight: "semiBold", color: "ondark", children: "S" })),
+        children: /*#__PURE__*/ jsx(Typography, {
+            variant: "caption12",
+            weight: "semiBold",
+            color: "ondark",
+            children: "S"
+        })
     },
     {
         key: 'stub-brand',
         background: iconBrandBackground,
-        children: (_jsx(Typography, { variant: "caption12", weight: "semiBold", color: "ondark", children: "G" })),
-    },
+        children: /*#__PURE__*/ jsx(Typography, {
+            variant: "caption12",
+            weight: "semiBold",
+            color: "ondark",
+            children: "G"
+        })
+    }
 ];
-/** Заглушка стека security-иконок для Storybook и превью. */
-const ProductCardIipSecurityIcons = ({ items = DEFAULT_STUB_ITEMS, }) => {
+const ProductCardIipSecurityIcons = ({ items = DEFAULT_STUB_ITEMS })=>{
     const { view } = useProductCardContext();
     const visibleItems = items.slice(0, MAX_IIP_SECURITY_ICONS);
-    if (visibleItems.length === 0) {
-        return null;
-    }
-    return (_jsx(Root, { className: classNames(view), "$count": visibleItems.length, "data-testid": "card-icons", children: visibleItems.map(({ key, background, children }, index) => (_jsx(Icon, { "$index": index, "$background": background, children: children }, key))) }));
+    if (0 === visibleItems.length) return null;
+    return /*#__PURE__*/ jsx(Root, {
+        className: clsx(view),
+        $count: visibleItems.length,
+        "data-testid": "card-icons",
+        children: visibleItems.map(({ key, background, children }, index)=>/*#__PURE__*/ jsx(Icon, {
+                $index: index,
+                $background: background,
+                children: children
+            }, key))
+    });
 };
-const MemoizedProductCardIipSecurityIcons = memo(ProductCardIipSecurityIcons);
+const MemoizedProductCardIipSecurityIcons = /*#__PURE__*/ memo(ProductCardIipSecurityIcons);
 MemoizedProductCardIipSecurityIcons.displayName = 'ProductCardIipSecurityIcons';
-export default MemoizedProductCardIipSecurityIcons;
+const SecurityIcons_ProductCardIipSecurityIcons = MemoizedProductCardIipSecurityIcons;
+export default SecurityIcons_ProductCardIipSecurityIcons;
+
 //# sourceMappingURL=ProductCardIipSecurityIcons.js.map

package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardIipSecurityIcons.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,IAAI,EACJ,sBAAsB,EACtB,IAAI,GACL,MAAM,yCAAyC,CAAC;AAajD,MAAM,kBAAkB,GAAqC;IAC3D;QACE,GAAG,EAAE,eAAe;QACpB,UAAU,EAAE,sBAAsB;QAClC,QAAQ,EAAE,CACR,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,kBAEnD,CACd;KACF;IACD;QACE,GAAG,EAAE,YAAY;QACjB,UAAU,EAAE,mBAAmB;QAC/B,QAAQ,EAAE,CACR,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,kBAEnD,CACd;KACF;CACF,CAAC;AAEF,6DAA6D;AAC7D,MAAM,2BAA2B,GAAG,CAAC,EACnC,KAAK,GAAG,kBAAkB,GACO,EAAE,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC;IAE5D,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,YAAU,YAAY,CAAC,MAAM,iBAAc,YAAY,YACrF,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,KAAC,IAAI,cAAmB,KAAK,iBAAe,UAAU,YACnD,QAAQ,IADA,GAAG,CAEP,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,mCAAmC,GAAG,IAAI,CAAC,2BAA2B,CAAC,CAAC;AAC9E,mCAAmC,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAEhF,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.js","sources":["../../../../../src/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\nimport classNames from 'clsx';\nimport Typography from '../../../../Typography/index.js';\nimport { useProductCardContext } from '../../../ProductCardContext.js';\nimport {\n  iconBrandBackground,\n  iconPositiveBackground,\n  Icon,\n  MAX_IIP_SECURITY_ICONS,\n  Root,\n} from './ProductCardIipSecurityIcons.styles.js';\n\nexport interface ProductCardIipSecurityIconItem {\n  key: string;\n  background: string;\n  children: ReactNode;\n}\n\nexport interface ProductCardIipSecurityIconsProps {\n  /** До {@link MAX_IIP_SECURITY_ICONS} иконок: index 0 — справа, выше index — левее и выше по z-index. */\n  items?: ProductCardIipSecurityIconItem[];\n}\n\nconst DEFAULT_STUB_ITEMS: ProductCardIipSecurityIconItem[] = [\n  {\n    key: 'stub-positive',\n    background: iconPositiveBackground,\n    children: (\n      <Typography variant=\"caption12\" weight=\"semiBold\" color=\"ondark\">\n        S\n      </Typography>\n    ),\n  },\n  {\n    key: 'stub-brand',\n    background: iconBrandBackground,\n    children: (\n      <Typography variant=\"caption12\" weight=\"semiBold\" color=\"ondark\">\n        G\n      </Typography>\n    ),\n  },\n];\n\n/** Заглушка стека security-иконок для Storybook и превью. */\nconst ProductCardIipSecurityIcons = ({\n  items = DEFAULT_STUB_ITEMS,\n}: ProductCardIipSecurityIconsProps) => {\n  const { view } = useProductCardContext();\n  const visibleItems = items.slice(0, MAX_IIP_SECURITY_ICONS);\n\n  if (visibleItems.length === 0) {\n    return null;\n  }\n\n  return (\n    <Root className={classNames(view)} $count={visibleItems.length} data-testid=\"card-icons\">\n      {visibleItems.map(({ key, background, children }, index) => (\n        <Icon key={key} $index={index} $background={background}>\n          {children}\n        </Icon>\n      ))}\n    </Root>\n  );\n};\n\nconst MemoizedProductCardIipSecurityIcons = memo(ProductCardIipSecurityIcons);\nMemoizedProductCardIipSecurityIcons.displayName = 'ProductCardIipSecurityIcons';\n\nexport default MemoizedProductCardIipSecurityIcons;\n"],"names":["DEFAULT_STUB_ITEMS","iconPositiveBackground","Typography","iconBrandBackground","ProductCardIipSecurityIcons","items","view","useProductCardContext","visibleItems","MAX_IIP_SECURITY_ICONS","Root","classNames","key","background","children","index","Icon","MemoizedProductCardIipSecurityIcons","memo"],"mappings":";;;;;;AAuBA,MAAMA,qBAAuD;IAC3D;QACE,KAAK;QACL,YAAYC;QACZ,UAAU,WAAV,GACE,IAACC,YAAUA;YAAC,SAAQ;YAAY,QAAO;YAAW,OAAM;sBAAS;;IAIrE;IACA;QACE,KAAK;QACL,YAAYC;QACZ,UAAU,WAAV,GACE,IAACD,YAAUA;YAAC,SAAQ;YAAY,QAAO;YAAW,OAAM;sBAAS;;IAIrE;CACD;AAGD,MAAME,8BAA8B,CAAC,EACnCC,QAAQL,kBAAkB,EACO;IACjC,MAAM,EAAEM,IAAI,EAAE,GAAGC;IACjB,MAAMC,eAAeH,MAAM,KAAK,CAAC,GAAGI;IAEpC,IAAID,AAAwB,MAAxBA,aAAa,MAAM,EACrB,OAAO;IAGT,OAAO,WAAP,GACE,IAACE,MAAIA;QAAC,WAAWC,KAAWL;QAAO,QAAQE,aAAa,MAAM;QAAE,eAAY;kBACzEA,aAAa,GAAG,CAAC,CAAC,EAAEI,GAAG,EAAEC,UAAU,EAAEC,QAAQ,EAAE,EAAEC,QAAAA,WAAAA,GAChD,IAACC,MAAIA;gBAAW,QAAQD;gBAAO,aAAaF;0BACzCC;eADQF;;AAMnB;AAEA,MAAMK,sCAAsC,WAAHA,GAAGC,KAAKd;AACjDa,oCAAoC,WAAW,GAAG;AAElD,kDAAeA"}

package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.styles.js

@@ -1,8 +1,8 @@
-import { styled } from '@linaria/react';
-import { tokens } from '@finam/web-ui-kit-core/theme/contract';
-export const MAX_IIP_SECURITY_ICONS = 2;
-const _exp3 = () => (({ $count }) => $count);
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+import { tokens } from "@finam/web-ui-kit-core/theme/contract";
+const MAX_IIP_SECURITY_ICONS = 2;
+const _exp3 = () => (({ $count })=>$count);
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_rlygl8",
   propsAsIs: false,
@@ -10,10 +10,10 @@ export const Root = /*#__PURE__*/styled('div')({
     "rlygl8-0": [_exp3()]
   }
 });
-const _exp7 = () => (({ $index }) => $index);
-const _exp8 = () => (({ $index }) => $index + 1);
-const _exp9 = () => (({ $background }) => $background);
-export const Icon = /*#__PURE__*/styled('div')({
+const _exp7 = () => (({ $index })=>$index);
+const _exp8 = () => (({ $index })=>$index + 1);
+const _exp9 = () => (({ $background })=>$background);
+const Icon = /*#__PURE__*/styled('div')({
   name: "Icon",
   class: "ui_components_i12nnozm",
   propsAsIs: false,
@@ -23,8 +23,9 @@ export const Icon = /*#__PURE__*/styled('div')({
     "i12nnozm-2": [_exp9()]
   }
 });
-export const iconPositiveBackground = tokens.colors.bg.positive.default.default;
-export const iconBrandBackground = tokens.colors.bg.brand.default.default;
+const iconPositiveBackground = tokens.colors.bg.positive["default"]["default"];
+const iconBrandBackground = tokens.colors.bg.brand["default"]["default"];
+export { Icon, MAX_IIP_SECURITY_ICONS, Root, iconBrandBackground, iconPositiveBackground };
 //# sourceMappingURL=ProductCardIipSecurityIcons.styles.js.map
 
 import "./ProductCardIipSecurityIcons.styles.css";

package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardIipSecurityIcons.styles.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.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,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC;AAExC,MAAM,iBAAiB,GAAG,MAAM,CAAC;AACjC,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEjC,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAChC,MAAM,gBAAgB,GAAG,KAAK,CAAC;AAE/B,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAqB;2CACR,iBAAiB;2CACjB,iBAAiB;;;;;;eAM7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;MAI/B,eAAe,CAAC,MAAM;6CACiB,gBAAgB;6CAChB,gBAAgB;;CAE5D,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAA0C;;gBAExD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;aAEzB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,GAAG,CAAC;;;;;;;gBAOvB,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;AAChF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC"}
+{"version":3,"file":"ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.styles.js","sources":["../../../../../src/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.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 MAX_IIP_SECURITY_ICONS = 2;\n\nconst ICON_SIZE_DESKTOP = '40px';\nconst ICON_STEP_DESKTOP = '15px';\n\nconst ICON_SIZE_MOBILE = '32px';\nconst ICON_STEP_MOBILE = '8px';\n\nexport const Root = styled.div<{ $count: number; }>`\n  --product-card-iip-security-icon-size: ${ICON_SIZE_DESKTOP};\n  --product-card-iip-security-icon-step: ${ICON_STEP_DESKTOP};\n\n  position: relative;\n  flex-shrink: 0;\n  width: calc(\n    var(--product-card-iip-security-icon-size)\n    + max(0, ${({ $count }) => $count} - 1) * var(--product-card-iip-security-icon-step)\n  );\n  height: var(--product-card-iip-security-icon-size);\n\n  &.${ProductCardView.MOBILE} {\n    --product-card-iip-security-icon-size: ${ICON_SIZE_MOBILE};\n    --product-card-iip-security-icon-step: ${ICON_STEP_MOBILE};\n  }\n`;\n\nexport const Icon = styled.div<{ $index: number; $background: string; }>`\n  position: absolute;\n  right: calc(${({ $index }) => $index} * var(--product-card-iip-security-icon-step));\n  bottom: 0;\n  z-index: ${({ $index }) => $index + 1};\n  width: var(--product-card-iip-security-icon-size);\n  height: var(--product-card-iip-security-icon-size);\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: ${({ $background }) => $background};\n`;\n\nexport const iconPositiveBackground = tokens.colors.bg.positive.default.default;\nexport const iconBrandBackground = tokens.colors.bg.brand.default.default;\n"],"names":["MAX_IIP_SECURITY_ICONS","ICON_SIZE_DESKTOP","ICON_STEP_DESKTOP","ICON_SIZE_MOBILE","ICON_STEP_MOBILE","Root","styled","$count","ProductCardView","Icon","$index","$background","iconPositiveBackground","tokens","iconBrandBackground"],"mappings":";;;AAIO,MAAMA,yBAAyB;AAEtC,MAAMC,oBAAoB;AAC1B,MAAMC,oBAAoB;AAE1B,MAAMC,mBAAmB;AACzB,MAAMC,mBAAmB;AAElB,MAAMC,OAAOC,OAAO,GAAwB,CAAC;yCACX,EAAEL,kBAAkB;yCACpB,EAAEC,kBAAkB;;;;;;aAMhD,EAAE,CAAC,EAAEK,MAAM,EAAE,GAAKA,OAAO;;;;IAIlC,EAAEC,gBAAgB,MAAM,CAAC;2CACc,EAAEL,iBAAiB;2CACnB,EAAEC,iBAAiB;;AAE9D,CAAC;AAEM,MAAMK,OAAOH,OAAO,GAA6C,CAAC;;cAE3D,EAAE,CAAC,EAAEI,MAAM,EAAE,GAAKA,OAAO;;WAE5B,EAAE,CAAC,EAAEA,MAAM,EAAE,GAAKA,SAAS,EAAE;;;;;;;cAO1B,EAAE,CAAC,EAAEC,WAAW,EAAE,GAAKA,YAAY;AACjD,CAAC;AAEM,MAAMC,yBAAyBC,OAAO,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAzBA,UAAAA,CAAAA,UAAyC;AACxE,MAAMC,sBAAsBD,OAAO,MAAM,CAAC,EAAE,CAAC,KAAK,CAAtBA,UAAAA,CAAAA,UAAsC"}

package/dist/ProductCard/layouts/iip/SecurityIcons/index.js

@@ -1,2 +1 @@
-export { default } from './ProductCardIipSecurityIcons.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./ProductCardIipSecurityIcons.js";

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

@@ -1,12 +1,21 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import ProductCardMediaTitle from '../shared/MediaTitle.js';
-const ProductCardIipTitle = (_a) => {
-    var { isWhiteText, onImage } = _a, props = __rest(_a, ["isWhiteText", "onImage"]);
-    return (_jsx(ProductCardMediaTitle, Object.assign({ layout: "iip", onImage: onImage !== null && onImage !== void 0 ? onImage : isWhiteText }, props)));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import MediaTitle from "../shared/MediaTitle.js";
+const ProductCardIipTitle = (_0)=>{
+    let { isWhiteText, onImage } = _0, props = _object_without_properties__(_0, [
+        "isWhiteText",
+        "onImage"
+    ]);
+    return /*#__PURE__*/ jsx(MediaTitle, _({
+        layout: "iip",
+        onImage: null != onImage ? onImage : isWhiteText
+    }, props));
 };
-const MemoizedProductCardIipTitle = memo(ProductCardIipTitle);
+const MemoizedProductCardIipTitle = /*#__PURE__*/ memo(ProductCardIipTitle);
 MemoizedProductCardIipTitle.displayName = 'ProductCardIipTitle';
-export default MemoizedProductCardIipTitle;
+const Title = MemoizedProductCardIipTitle;
+export default Title;
+
 //# sourceMappingURL=Title.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/iip/Title.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,qBAEN,MAAM,yBAAyB,CAAC;AAOjC,MAAM,mBAAmB,GAAG,CAAC,EAIF,EAAE,EAAE;QAJF,EAC3B,WAAW,EACX,OAAO,OAEkB,EADtB,KAAK,cAHmB,0BAI5B,CADS;IACsB,OAAA,CAC9B,KAAC,qBAAqB,kBACpB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,WAAW,IAC3B,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AAEF,MAAM,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC;AAC9D,2BAA2B,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAEhE,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"ProductCard/layouts/iip/Title.js","sources":["../../../../src/ProductCard/layouts/iip/Title.tsx"],"sourcesContent":["import { memo } from 'react';\nimport ProductCardMediaTitle, {\n  type ProductCardMediaTitleProps,\n} from '../shared/MediaTitle.js';\n\nexport type ProductCardIipTitleProps = Omit<ProductCardMediaTitleProps, 'layout'> & {\n  /** Светлый текст на фоне изображения (алиас для `onImage`). */\n  isWhiteText?: boolean;\n};\n\nconst ProductCardIipTitle = ({\n  isWhiteText,\n  onImage,\n  ...props\n}: ProductCardIipTitleProps) => (\n  <ProductCardMediaTitle\n    layout=\"iip\"\n    onImage={onImage ?? isWhiteText}\n    {...props}\n  />\n);\n\nconst MemoizedProductCardIipTitle = memo(ProductCardIipTitle);\nMemoizedProductCardIipTitle.displayName = 'ProductCardIipTitle';\n\nexport default MemoizedProductCardIipTitle;\n"],"names":["ProductCardIipTitle","isWhiteText","onImage","props","ProductCardMediaTitle","MemoizedProductCardIipTitle","memo"],"mappings":";;;;;AAUA,MAAMA,sBAAsB,CAAC;QAAA,EAC3BC,WAAW,EACXC,OAAO,EAEkB,OADtBC,QAAAA,6BAAAA,IAAAA;;;;yBAEH,IAACC,YAAqBA,EAAAA;QACpB,QAAO;QACP,SAASF,QAAAA,UAAAA,UAAWD;OAChBE;;AAIR,MAAME,8BAA8B,WAAHA,GAAGC,KAAKN;AACzCK,4BAA4B,WAAW,GAAG;AAE1C,cAAeA"}

package/dist/ProductCard/layouts/iip/index.js

@@ -1,5 +1,4 @@
-export { default as ProductCardIipTitle } from './Title.js';
-export { default as ProductCardIipFooter } from './Footer.js';
-export { default as ProductCardIipBackground } from './Background.js';
-export { default as ProductCardIipSecurityIcons } from './SecurityIcons/index.js';
-//# sourceMappingURL=index.js.map
+export { default as ProductCardIipTitle } from "./Title.js";
+export { default as ProductCardIipFooter } from "./Footer.js";
+export { default as ProductCardIipBackground } from "./Background.js";
+export { default as ProductCardIipSecurityIcons } from "./SecurityIcons/index.js";

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

@@ -1,22 +1,70 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Typography from '../../../Typography/index.js';
-import ProductCardContent from '../../ProductCardContent/index.js';
-import { useProductCardContext } from '../../ProductCardContext.js';
-import { ProductCardView } from '../../types.js';
-import { getIpoStatusText, getVisibleIpoContentRows, shouldShowIpoStatus, } from './contentUtils.js';
-import { ContentWrap, ipoContentMobileRoot, Label, Row, Rows, Value, } from './Content.styles.js';
-const ProductCardIpoContent = ({ rows = [], status }) => {
-    var _a;
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import Typography from "../../../Typography/index.js";
+import ProductCardContent from "../../ProductCardContent/index.js";
+import { useProductCardContext } from "../../ProductCardContext.js";
+import { ProductCardView } from "../../types.js";
+import { getIpoStatusText, getVisibleIpoContentRows, shouldShowIpoStatus } from "./contentUtils.js";
+import { ContentWrap, Label, Row, Rows, Value, ipoContentMobileRoot } from "./Content.styles.js";
+const ProductCardIpoContent = ({ rows = [], status })=>{
+    var _status_color;
     const { view } = useProductCardContext();
     const visibleRows = getVisibleIpoContentRows(rows, view);
     const showStatus = shouldShowIpoStatus(status);
-    if (!showStatus && visibleRows.length === 0) {
-        return null;
-    }
-    return (_jsx(ProductCardContent, { className: view === ProductCardView.MOBILE ? ipoContentMobileRoot : undefined, children: _jsx(ContentWrap, { className: view, children: _jsxs(Rows, { className: view, children: [showStatus && status ? (_jsxs(Row, { children: [_jsx(Label, { children: _jsx(Typography, { variant: "caption11", color: (_a = status.color) !== null && _a !== void 0 ? _a : 'secondary', "data-testid": "status", children: getIpoStatusText(status, view) }) }), status.dateText ? (_jsx(Value, { children: _jsx(Typography, { variant: "caption11", weight: "semiBold", "data-testid": "trade-date", children: status.dateText }) })) : null] })) : null, visibleRows.map(({ label, value }) => (_jsxs(Row, { children: [_jsx(Label, { children: _jsx(Typography, { variant: "caption11", color: "secondary", children: label }) }), _jsx(Value, { children: _jsx(Typography, { variant: "caption11", weight: "semiBold", children: value }) })] }, `${label}-${value}`)))] }) }) }));
+    if (!showStatus && 0 === visibleRows.length) return null;
+    return /*#__PURE__*/ jsx(ProductCardContent, {
+        className: view === ProductCardView.MOBILE ? ipoContentMobileRoot : void 0,
+        children: /*#__PURE__*/ jsx(ContentWrap, {
+            className: view,
+            children: /*#__PURE__*/ jsxs(Rows, {
+                className: view,
+                children: [
+                    showStatus && status ? /*#__PURE__*/ jsxs(Row, {
+                        children: [
+                            /*#__PURE__*/ jsx(Label, {
+                                children: /*#__PURE__*/ jsx(Typography, {
+                                    variant: "caption11",
+                                    color: null != (_status_color = status.color) ? _status_color : 'secondary',
+                                    "data-testid": "status",
+                                    children: getIpoStatusText(status, view)
+                                })
+                            }),
+                            status.dateText ? /*#__PURE__*/ jsx(Value, {
+                                children: /*#__PURE__*/ jsx(Typography, {
+                                    variant: "caption11",
+                                    weight: "semiBold",
+                                    "data-testid": "trade-date",
+                                    children: status.dateText
+                                })
+                            }) : null
+                        ]
+                    }) : null,
+                    visibleRows.map(({ label, value })=>/*#__PURE__*/ jsxs(Row, {
+                            children: [
+                                /*#__PURE__*/ jsx(Label, {
+                                    children: /*#__PURE__*/ jsx(Typography, {
+                                        variant: "caption11",
+                                        color: "secondary",
+                                        children: label
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Value, {
+                                    children: /*#__PURE__*/ jsx(Typography, {
+                                        variant: "caption11",
+                                        weight: "semiBold",
+                                        children: value
+                                    })
+                                })
+                            ]
+                        }, `${label}-${value}`))
+                ]
+            })
+        })
+    });
 };
-const MemoizedProductCardIpoContent = memo(ProductCardIpoContent);
+const MemoizedProductCardIpoContent = /*#__PURE__*/ memo(ProductCardIpoContent);
 MemoizedProductCardIpoContent.displayName = 'ProductCardIpoContent';
-export default MemoizedProductCardIpoContent;
+const Content = MemoizedProductCardIpoContent;
+export default Content;
+
 //# sourceMappingURL=Content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAA6B,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,GAGpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,GACN,MAAM,qBAAqB,CAAC;AAW7B,MAAM,qBAAqB,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,EAA8B,EAAE,EAAE;;IAClF,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAE/C,IAAI,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAE,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,YAE7E,KAAC,WAAW,IAAC,SAAS,EAAE,IAAI,YAC1B,MAAC,IAAI,IAAC,SAAS,EAAE,IAAI,aAClB,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,CACtB,MAAC,GAAG,eACF,KAAC,KAAK,cACJ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,WAAW,iBAAc,QAAQ,YACrF,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,GACpB,GACP,EACP,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,KAAC,KAAK,cACJ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,iBAAa,YAAY,YACvE,MAAM,CAAC,QAAQ,GACL,GACP,CACT,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrC,MAAC,GAAG,eACF,KAAC,KAAK,cACJ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,YAC9C,KAAK,GACK,GACP,EACR,KAAC,KAAK,cACJ,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,YAC9C,KAAK,GACK,GACP,KAVA,GAAG,KAAK,IAAI,KAAK,EAAE,CAWvB,CACP,CAAC,IACG,GACK,GACK,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC;AAClE,6BAA6B,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAEpE,eAAe,6BAA6B,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/Content.js","sources":["../../../../src/ProductCard/layouts/ipo/Content.tsx"],"sourcesContent":["import { memo } from 'react';\nimport Typography from '../../../Typography/index.js';\nimport ProductCardContent from '../../ProductCardContent/index.js';\nimport { useProductCardContext } from '../../ProductCardContext.js';\nimport { ProductCardView, type ProductCardIpoStatus } from '../../types.js';\nimport {\n  getIpoStatusText,\n  getVisibleIpoContentRows,\n  shouldShowIpoStatus,\n  type ProductCardIpoContentRow,\n  type ProductCardIpoContentRowId,\n} from './contentUtils.js';\nimport {\n  ContentWrap,\n  ipoContentMobileRoot,\n  Label,\n  Row,\n  Rows,\n  Value,\n} from './Content.styles.js';\n\nexport type { ProductCardIpoContentRow, ProductCardIpoContentRowId };\n\nexport interface ProductCardIpoContentProps {\n  /** Строки таблицы параметров выпуска. */\n  rows?: ProductCardIpoContentRow[];\n  /** Строка статуса приёма заявок. */\n  status?: ProductCardIpoStatus;\n}\n\nconst ProductCardIpoContent = ({ rows = [], status }: ProductCardIpoContentProps) => {\n  const { view } = useProductCardContext();\n  const visibleRows = getVisibleIpoContentRows(rows, view);\n  const showStatus = shouldShowIpoStatus(status);\n\n  if (!showStatus && visibleRows.length === 0) {\n    return null;\n  }\n\n  return (\n    <ProductCardContent\n      className={view === ProductCardView.MOBILE ? ipoContentMobileRoot : undefined}\n    >\n      <ContentWrap className={view}>\n        <Rows className={view}>\n          {showStatus && status ? (\n            <Row>\n              <Label>\n                <Typography variant=\"caption11\" color={status.color ?? 'secondary'} data-testid=\"status\">\n                  {getIpoStatusText(status, view)}\n                </Typography>\n              </Label>\n              {status.dateText ? (\n                <Value>\n                  <Typography variant=\"caption11\" weight=\"semiBold\" data-testid=\"trade-date\">\n                    {status.dateText}\n                  </Typography>\n                </Value>\n              ) : null}\n            </Row>\n          ) : null}\n          {visibleRows.map(({ label, value }) => (\n            <Row key={`${label}-${value}`}>\n              <Label>\n                <Typography variant=\"caption11\" color=\"secondary\">\n                  {label}\n                </Typography>\n              </Label>\n              <Value>\n                <Typography variant=\"caption11\" weight=\"semiBold\">\n                  {value}\n                </Typography>\n              </Value>\n            </Row>\n          ))}\n        </Rows>\n      </ContentWrap>\n    </ProductCardContent>\n  );\n};\n\nconst MemoizedProductCardIpoContent = memo(ProductCardIpoContent);\nMemoizedProductCardIpoContent.displayName = 'ProductCardIpoContent';\n\nexport default MemoizedProductCardIpoContent;\n"],"names":["ProductCardIpoContent","rows","status","_status_color","view","useProductCardContext","visibleRows","getVisibleIpoContentRows","showStatus","shouldShowIpoStatus","ProductCardContent","ProductCardView","ipoContentMobileRoot","undefined","ContentWrap","Rows","Row","Label","Typography","getIpoStatusText","Value","label","value","MemoizedProductCardIpoContent","memo"],"mappings":";;;;;;;;AA8BA,MAAMA,wBAAwB,CAAC,EAAEC,OAAO,EAAE,EAAEC,MAAM,EAA8B;QAkBzBC;IAjBrD,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,cAAcC,yBAAyBN,MAAMG;IACnD,MAAMI,aAAaC,oBAAoBP;IAEvC,IAAI,CAACM,cAAcF,AAAuB,MAAvBA,YAAY,MAAM,EACnC,OAAO;IAGT,OAAO,WAAP,GACE,IAACI,oBAAkBA;QACjB,WAAWN,SAASO,gBAAgB,MAAM,GAAGC,uBAAuBC;kBAEpE,kBAACC,aAAWA;YAAC,WAAWV;sBACtB,mBAACW,MAAIA;gBAAC,WAAWX;;oBACdI,cAAcN,SAAS,WAATA,GACb,KAACc,KAAGA;;0CACF,IAACC,OAAKA;0CACJ,kBAACC,YAAUA;oCAAC,SAAQ;oCAAY,OAAK,QAAEf,CAAAA,gBAAAA,OAAO,KAAK,AAAD,IAAXA,gBAAgB;oCAAa,eAAY;8CAC7EgB,iBAAiBjB,QAAQE;;;4BAG7BF,OAAO,QAAQ,GAAG,WAAH,GACd,IAACkB,OAAKA;0CACJ,kBAACF,YAAUA;oCAAC,SAAQ;oCAAY,QAAO;oCAAW,eAAY;8CAC3DhB,OAAO,QAAQ;;iCAGlB;;yBAEJ;oBACHI,YAAY,GAAG,CAAC,CAAC,EAAEe,KAAK,EAAEC,KAAK,EAAE,iBAChC,KAACN,KAAGA;;8CACF,IAACC,OAAKA;8CACJ,kBAACC,YAAUA;wCAAC,SAAQ;wCAAY,OAAM;kDACnCG;;;8CAGL,IAACD,OAAKA;8CACJ,kBAACF,YAAUA;wCAAC,SAAQ;wCAAY,QAAO;kDACpCI;;;;2BARG,GAAGD,MAAM,CAAC,EAAEC,OAAO;;;;;AAiBzC;AAEA,MAAMC,gCAAgC,WAAHA,GAAGC,KAAKxB;AAC3CuB,8BAA8B,WAAW,GAAG;AAE5C,gBAAeA"}

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

@@ -1,31 +1,31 @@
-import { styled } from '@linaria/react';
-/** Mobile: прижимает блок контента к футеру, пустое место — над контентом. */
-export const ipoContentMobileRoot = "ui_components_inlbqf8";
-export const ContentWrap = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const ipoContentMobileRoot = "ui_components_inlbqf8";
+const ContentWrap = /*#__PURE__*/styled('div')({
   name: "ContentWrap",
   class: "ui_components_corregv",
   propsAsIs: false
 });
-export const Rows = /*#__PURE__*/styled('div')({
+const Rows = /*#__PURE__*/styled('div')({
   name: "Rows",
   class: "ui_components_rot6or0",
   propsAsIs: false
 });
-export const Row = /*#__PURE__*/styled('div')({
+const Row = /*#__PURE__*/styled('div')({
   name: "Row",
   class: "ui_components_rvc49gi",
   propsAsIs: false
 });
-export const Label = /*#__PURE__*/styled('div')({
+const Label = /*#__PURE__*/styled('div')({
   name: "Label",
   class: "ui_components_l1k9cqi7",
   propsAsIs: false
 });
-export const Value = /*#__PURE__*/styled('div')({
+const Value = /*#__PURE__*/styled('div')({
   name: "Value",
   class: "ui_components_vcbrz2g",
   propsAsIs: false
 });
+export { ContentWrap, Label, Row, Rows, Value, ipoContentMobileRoot };
 //# sourceMappingURL=Content.styles.js.map
 
 import "./Content.styles.css";

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

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Content.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,8EAA8E;AAC9E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;CAMtC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;aACxB,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;;MAE3C,eAAe,CAAC,MAAM;oBACR,MAAM,CAAC,OAAO,CAAC,CAAC;qBACf,MAAM,CAAC,OAAO,CAAC,CAAC;sBACf,MAAM,CAAC,OAAO,CAAC,CAAC;;CAErC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGrB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK5B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;kBAGb,MAAM,CAAC,OAAO,CAAC,EAAE;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG9B,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/Content.styles.js","sources":["../../../../src/ProductCard/layouts/ipo/Content.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\n/** Mobile: прижимает блок контента к футеру, пустое место — над контентом. */\nexport const ipoContentMobileRoot = css`\n  & {\n    margin-top: auto;\n    flex: 0 0 auto;\n    min-height: 0;\n  }\n`;\n\nexport const ContentWrap = styled.div`\n  padding: ${tokens.spacing.m} ${tokens.spacing.l};\n\n  &.${ProductCardView.MOBILE} {\n    padding-left: ${tokens.spacing.s};\n    padding-right: ${tokens.spacing.s};\n    padding-bottom: ${tokens.spacing.s};\n  }\n`;\n\nexport const Rows = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${tokens.spacing['2xs']};\n`;\n\nexport const Row = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-width: 0;\n`;\n\nexport const Label = styled.div`\n  min-width: 0;\n  flex: 1 1 auto;\n  margin-right: ${tokens.spacing.xs};\n`;\n\nexport const Value = styled.div`\n  flex: 0 0 auto;\n  text-align: right;\n`;\n"],"names":["ipoContentMobileRoot","css","ContentWrap","styled","tokens","ProductCardView","Rows","Row","Label","Value"],"mappings":";;;;AAMO,MAAMA,uBAAuBC,GAAG,CAAC;;;;;;AAMxC,CAAC;AAEM,MAAMC,cAAcC,OAAO,GAAG,CAAC;WAC3B,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;IAE9C,EAAEC,gBAAgB,MAAM,CAAC;kBACX,EAAED,OAAO,OAAO,CAAC,CAAC,CAAC;mBAClB,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;oBAClB,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;AAEvC,CAAC;AAEM,MAAME,OAAOH,OAAO,GAAG,CAAC;;;OAGxB,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC;AAC/B,CAAC;AAEM,MAAMG,MAAMJ,OAAO,GAAG,CAAC;;;;;AAK9B,CAAC;AAEM,MAAMK,QAAQL,OAAO,GAAG,CAAC;;;gBAGhB,EAAEC,OAAO,OAAO,CAAC,EAAE,CAAC;AACpC,CAAC;AAEM,MAAMK,QAAQN,OAAO,GAAG,CAAC;;;AAGhC,CAAC"}