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

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

@@ -1,5 +1,4 @@
-export { default as ProductCardIpoTitle } from './Title.js';
-export { default as ProductCardIpoContent } from './Content.js';
-export { default as ProductCardIpoFooter, ProductCardIpoFooterDesktop, ProductCardIpoFooterMobile, } from './Footer.js';
-export { default as ProductCardIpoSecurityIcon } from './SecurityIcon/index.js';
-//# sourceMappingURL=index.js.map
+export { default as ProductCardIpoTitle } from "./Title.js";
+export { default as ProductCardIpoContent } from "./Content.js";
+export { ProductCardIpoFooterDesktop, ProductCardIpoFooterMobile, default as ProductCardIpoFooter } from "./Footer.js";
+export { default as ProductCardIpoSecurityIcon } from "./SecurityIcon/index.js";

package/dist/ProductCard/layouts/shared/MediaTitle.js

@@ -1,20 +1,32 @@
-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 { titleClamp3, titleMediaRoot } from './MediaTitle.styles.js';
+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 { titleClamp3, titleMediaRoot } from "./MediaTitle.styles.js";
 const titleRootClassName = {
     iip: titleMediaRoot,
-    zhek: titleMediaRoot,
+    zhek: titleMediaRoot
 };
-const ProductCardMediaTitle = ({ title, onImage = false, layout = 'iip', }) => {
+const ProductCardMediaTitle = ({ title, onImage = false, layout = 'iip' })=>{
     const { view } = useProductCardContext();
-    const titleColor = onImage ? 'ondark' : undefined;
-    return (_jsx(ProductCardTitle, { className: titleRootClassName[layout], children: _jsx(Typography, { className: titleClamp3, variant: view === ProductCardView.MOBILE ? 'body14' : 'h4', weight: "semiBold", color: titleColor, title: title, children: title }) }));
+    const titleColor = onImage ? 'ondark' : void 0;
+    return /*#__PURE__*/ jsx(ProductCardTitle, {
+        className: titleRootClassName[layout],
+        children: /*#__PURE__*/ jsx(Typography, {
+            className: titleClamp3,
+            variant: view === ProductCardView.MOBILE ? 'body14' : 'h4',
+            weight: "semiBold",
+            color: titleColor,
+            title: title,
+            children: title
+        })
+    });
 };
-const MemoizedProductCardMediaTitle = memo(ProductCardMediaTitle);
+const MemoizedProductCardMediaTitle = /*#__PURE__*/ memo(ProductCardMediaTitle);
 MemoizedProductCardMediaTitle.displayName = 'ProductCardMediaTitle';
-export default MemoizedProductCardMediaTitle;
+const MediaTitle = MemoizedProductCardMediaTitle;
+export default MediaTitle;
+
 //# sourceMappingURL=MediaTitle.js.map

package/dist/ProductCard/layouts/shared/MediaTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaTitle.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/shared/MediaTitle.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,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAarE,MAAM,kBAAkB,GAAgD;IACtE,GAAG,EAAE,cAAc;IACnB,IAAI,EAAE,cAAc;CACrB,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,KAAK,GACa,EAAE,EAAE;IAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,CACL,KAAC,gBAAgB,IAAC,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,YACrD,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,UAAU,EACjB,KAAK,EAAE,KAAK,YAEX,KAAK,GACK,GACI,CACpB,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/shared/MediaTitle.js","sources":["../../../../src/ProductCard/layouts/shared/MediaTitle.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 { titleClamp3, titleMediaRoot } from './MediaTitle.styles.js';\n\nexport type ProductCardMediaTitleLayout = 'iip' | 'zhek';\n\nexport interface ProductCardMediaTitleProps {\n  /** Заголовок продукта. */\n  title: string;\n  /** Светлый текст поверх фонового изображения. */\n  onImage?: boolean;\n  /** Вариант лейаута с медиа-заголовком. */\n  layout?: ProductCardMediaTitleLayout;\n}\n\nconst titleRootClassName: Record<ProductCardMediaTitleLayout, string> = {\n  iip: titleMediaRoot,\n  zhek: titleMediaRoot,\n};\n\nconst ProductCardMediaTitle = ({\n  title,\n  onImage = false,\n  layout = 'iip',\n}: ProductCardMediaTitleProps) => {\n  const { view } = useProductCardContext();\n  const titleColor = onImage ? 'ondark' : undefined;\n\n  return (\n    <ProductCardTitle className={titleRootClassName[layout]}>\n      <Typography\n        className={titleClamp3}\n        variant={view === ProductCardView.MOBILE ? 'body14' : 'h4'}\n        weight=\"semiBold\"\n        color={titleColor}\n        title={title}\n      >\n        {title}\n      </Typography>\n    </ProductCardTitle>\n  );\n};\n\nconst MemoizedProductCardMediaTitle = memo(ProductCardMediaTitle);\nMemoizedProductCardMediaTitle.displayName = 'ProductCardMediaTitle';\n\nexport default MemoizedProductCardMediaTitle;\n"],"names":["titleRootClassName","titleMediaRoot","ProductCardMediaTitle","title","onImage","layout","view","useProductCardContext","titleColor","undefined","ProductCardTitle","Typography","titleClamp3","ProductCardView","MemoizedProductCardMediaTitle","memo"],"mappings":";;;;;;;AAkBA,MAAMA,qBAAkE;IACtE,KAAKC;IACL,MAAMA;AACR;AAEA,MAAMC,wBAAwB,CAAC,EAC7BC,KAAK,EACLC,UAAU,KAAK,EACfC,SAAS,KAAK,EACa;IAC3B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,aAAaJ,UAAU,WAAWK;IAExC,OAAO,WAAP,GACE,IAACC,kBAAgBA;QAAC,WAAWV,kBAAkB,CAACK,OAAO;kBACrD,kBAACM,YAAUA;YACT,WAAWC;YACX,SAASN,SAASO,gBAAgB,MAAM,GAAG,WAAW;YACtD,QAAO;YACP,OAAOL;YACP,OAAOL;sBAENA;;;AAIT;AAEA,MAAMW,gCAAgC,WAAHA,GAAGC,KAAKb;AAC3CY,8BAA8B,WAAW,GAAG;AAE5C,mBAAeA"}

package/dist/ProductCard/layouts/shared/MediaTitle.styles.js

@@ -1,7 +1,8 @@
-export const titleMediaRoot = "ui_components_t1e5sztn";
-export const titleIipRoot = titleMediaRoot;
-export const titleClamp2 = "ui_components_t1qptjog";
-export const titleClamp3 = "ui_components_t1ck6gld";
+const titleMediaRoot = "ui_components_t1e5sztn";
+const titleIipRoot = titleMediaRoot;
+const titleClamp2 = "ui_components_t1qptjog";
+const titleClamp3 = "ui_components_t1ck6gld";
+export { titleClamp2, titleClamp3, titleIipRoot, titleMediaRoot };
 //# sourceMappingURL=MediaTitle.styles.js.map
 
 import "./MediaTitle.styles.css";

package/dist/ProductCard/layouts/shared/MediaTitle.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaTitle.styles.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/shared/MediaTitle.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,cAAc,GAAG,GAAG,CAAA;;kBAEf,MAAM,CAAC,OAAO,CAAC,CAAC;;;;;;;CAOjC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC;AAC3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;CAQ7B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;CAQ7B,CAAC"}
+{"version":3,"file":"ProductCard/layouts/shared/MediaTitle.styles.js","sources":["../../../../src/ProductCard/layouts/shared/MediaTitle.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const titleMediaRoot = css`\n  & {\n    margin-top: ${tokens.spacing.s};\n    margin-bottom: auto;\n    flex: 1 1 auto;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n  }\n`;\n\nexport const titleIipRoot = titleMediaRoot;\nexport const titleClamp2 = css`\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-overflow: ellipsis;\n  min-width: 0;\n`;\n\nexport const titleClamp3 = css`\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n  text-overflow: ellipsis;\n  min-width: 0;\n`;\n"],"names":["titleMediaRoot","css","tokens","titleIipRoot","titleClamp2","titleClamp3"],"mappings":";;AAGO,MAAMA,iBAAiBC,GAAG,CAAC;;gBAElB,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC;;;;;;;AAOnC,CAAC;AAEM,MAAMC,eAAeH;AACrB,MAAMI,cAAcH,GAAG,CAAC;;;;;;;;AAQ/B,CAAC;AAEM,MAAMI,cAAcJ,GAAG,CAAC;;;;;;;;AAQ/B,CAAC"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/zhek/Background.tsx"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAS7E,MAAM,yBAAyB,GAAG,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,GAAG,GAAG,EAAE,EACR,OAAO,GACwB,EAAE,EAAE,CAAC,CACpC,KAAC,0BAA0B,IACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,KAAC,eAAe,KAAG,EAC5B,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ProductCard/layouts/zhek/Background.js","sources":["../../../../src/ProductCard/layouts/zhek/Background.tsx"],"sourcesContent":["import ProductCardBackgroundImage from '../../shared/ProductCardBackgroundImage.js';\nimport { GradientOverlay, zhekBackgroundRoot } from './Background.styles.js';\n\nexport interface ProductCardZhekBackgroundProps {\n  imageUrl: string;\n  blurHash?: string;\n  alt?: string;\n  onError?: () => void;\n}\n\nconst ProductCardZhekBackground = ({\n  imageUrl,\n  blurHash,\n  alt = '',\n  onError,\n}: ProductCardZhekBackgroundProps) => (\n  <ProductCardBackgroundImage\n    imageUrl={imageUrl}\n    blurHash={blurHash}\n    alt={alt}\n    className={zhekBackgroundRoot}\n    overlay={<GradientOverlay />}\n    onError={onError}\n  />\n);\n\nexport default ProductCardZhekBackground;\n"],"names":["ProductCardZhekBackground","imageUrl","blurHash","alt","onError","ProductCardBackgroundImage","zhekBackgroundRoot","GradientOverlay"],"mappings":";;;AAUA,MAAMA,4BAA4B,CAAC,EACjCC,QAAQ,EACRC,QAAQ,EACRC,MAAM,EAAE,EACRC,OAAO,EACwB,iBAC/B,IAACC,4BAA0BA;QACzB,UAAUJ;QACV,UAAUC;QACV,KAAKC;QACL,WAAWG;QACX,uBAAS,IAACC,iBAAeA,CAAAA;QACzB,SAASH;;AAIb,mBAAeJ"}

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

@@ -1,10 +1,11 @@
-import { styled } from '@linaria/react';
-export const zhekBackgroundRoot = "ui_components_zn324rx";
-export const GradientOverlay = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const zhekBackgroundRoot = "ui_components_zn324rx";
+const GradientOverlay = /*#__PURE__*/styled('div')({
   name: "GradientOverlay",
   class: "ui_components_gejz0az",
   propsAsIs: false
 });
+export { GradientOverlay, zhekBackgroundRoot };
 //# sourceMappingURL=Background.styles.js.map
 
 import "./Background.styles.css";

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

@@ -1 +1 @@
-{"version":3,"file":"Background.styles.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/zhek/Background.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,kBAAkB,GAAG,GAAG,CAAA;sBACf,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO;CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;MAKnC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;MACrC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO;;CAE7C,CAAC"}
+{"version":3,"file":"ProductCard/layouts/zhek/Background.styles.js","sources":["../../../../src/ProductCard/layouts/zhek/Background.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 zhekBackgroundRoot = css`\n  background-color: ${tokens.colors.bg.base.secondary.default};\n`;\n\nexport const GradientOverlay = styled.div`\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    180deg,\n    ${tokens.colors.bg.base.default.default} 0%,\n    ${tokens.colors.bg.opacity.default.default} 100%\n  );\n`;\n"],"names":["zhekBackgroundRoot","css","tokens","GradientOverlay","styled"],"mappings":";;;AAIO,MAAMA,qBAAqBC,GAAG,CAAC;oBAClB,EAAEC,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAA/BA,UAAuC,CAAC;AAC9D,CAAC;AAEM,MAAMC,kBAAkBC,OAAO,GAAG,CAAC;;;;;IAKtC,EAAEF,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAArBA,UAAAA,CAAAA,UAAqC,CAAC;IACxC,EAAEA,OAAO,MAAM,CAAC,EAAE,CAAC,OAAO,CAAxBA,UAAAA,CAAAA,UAAwC,CAAC;;AAE/C,CAAC"}

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

@@ -1,18 +1,54 @@
-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 { FooterRow, MetricColumn, minAmountValue, RightMetricColumn, } from './Footer.styles.js';
-const ProductCardZhekFooter = ({ minAmount, minAmountLabel, yield: yieldValue, yieldLabel, }) => {
+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 { FooterRow, MetricColumn, RightMetricColumn, minAmountValue } from "./Footer.styles.js";
+const ProductCardZhekFooter = ({ minAmount, minAmountLabel, yield: yieldValue, yieldLabel })=>{
     const { view } = useProductCardContext();
     const isMobile = view === ProductCardView.MOBILE;
     const valueVariant = isMobile ? 'body14' : 'h5';
     const labelVariant = isMobile ? 'caption9' : 'body14';
-    return (_jsx(ProductCardFooter, { children: _jsxs(FooterRow, { children: [_jsxs(MetricColumn, { children: [_jsx(Typography, { className: minAmountValue, variant: valueVariant, weight: "semiBold", children: minAmount }), _jsx(Typography, { variant: labelVariant, color: "default", children: minAmountLabel })] }), _jsxs(RightMetricColumn, { children: [_jsx(Typography, { variant: valueVariant, weight: "semiBold", children: yieldValue }), _jsx(Typography, { variant: labelVariant, color: "default", children: yieldLabel })] })] }) }));
+    return /*#__PURE__*/ jsx(ProductCardFooter, {
+        children: /*#__PURE__*/ jsxs(FooterRow, {
+            children: [
+                /*#__PURE__*/ jsxs(MetricColumn, {
+                    children: [
+                        /*#__PURE__*/ jsx(Typography, {
+                            className: minAmountValue,
+                            variant: valueVariant,
+                            weight: "semiBold",
+                            children: minAmount
+                        }),
+                        /*#__PURE__*/ jsx(Typography, {
+                            variant: labelVariant,
+                            color: "default",
+                            children: minAmountLabel
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(RightMetricColumn, {
+                    children: [
+                        /*#__PURE__*/ jsx(Typography, {
+                            variant: valueVariant,
+                            weight: "semiBold",
+                            children: yieldValue
+                        }),
+                        /*#__PURE__*/ jsx(Typography, {
+                            variant: labelVariant,
+                            color: "default",
+                            children: yieldLabel
+                        })
+                    ]
+                })
+            ]
+        })
+    });
 };
-const MemoizedProductCardZhekFooter = memo(ProductCardZhekFooter);
+const MemoizedProductCardZhekFooter = /*#__PURE__*/ memo(ProductCardZhekFooter);
 MemoizedProductCardZhekFooter.displayName = 'ProductCardZhekFooter';
-export default MemoizedProductCardZhekFooter;
+const Footer = MemoizedProductCardZhekFooter;
+export default Footer;
+
 //# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/zhek/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,SAAS,EACT,YAAY,EACZ,cAAc,EACd,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAa5B,MAAM,qBAAqB,GAAG,CAAC,EAC7B,SAAS,EACT,cAAc,EACd,KAAK,EAAE,UAAU,EACjB,UAAU,GACiB,EAAE,EAAE;IAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC;IACjD,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAChD,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEtD,OAAO,CACL,KAAC,iBAAiB,cAChB,MAAC,SAAS,eACR,MAAC,YAAY,eACX,KAAC,UAAU,IACT,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,EACrB,MAAM,EAAC,UAAU,YAEhB,SAAS,GACC,EACb,KAAC,UAAU,IAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,SAAS,YAC/C,cAAc,GACJ,IACA,EACf,MAAC,iBAAiB,eAChB,KAAC,UAAU,IAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAC,UAAU,YACjD,UAAU,GACA,EACb,KAAC,UAAU,IAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAC,SAAS,YAC/C,UAAU,GACA,IACK,IACV,GACM,CACrB,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/zhek/Footer.js","sources":["../../../../src/ProductCard/layouts/zhek/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  FooterRow,\n  MetricColumn,\n  minAmountValue,\n  RightMetricColumn,\n} from './Footer.styles.js';\n\nexport interface ProductCardZhekFooterProps {\n  /** Минимальная сумма. */\n  minAmount: string;\n  /** Подпись к минимальной сумме. */\n  minAmountLabel: string;\n  /** Доходность. */\n  yield: string;\n  /** Подпись к доходности. */\n  yieldLabel: string;\n}\n\nconst ProductCardZhekFooter = ({\n  minAmount,\n  minAmountLabel,\n  yield: yieldValue,\n  yieldLabel,\n}: ProductCardZhekFooterProps) => {\n  const { view } = useProductCardContext();\n  const isMobile = view === ProductCardView.MOBILE;\n  const valueVariant = isMobile ? 'body14' : 'h5';\n  const labelVariant = isMobile ? 'caption9' : 'body14';\n\n  return (\n    <ProductCardFooter>\n      <FooterRow>\n        <MetricColumn>\n          <Typography\n            className={minAmountValue}\n            variant={valueVariant}\n            weight=\"semiBold\"\n          >\n            {minAmount}\n          </Typography>\n          <Typography variant={labelVariant} color=\"default\">\n            {minAmountLabel}\n          </Typography>\n        </MetricColumn>\n        <RightMetricColumn>\n          <Typography variant={valueVariant} weight=\"semiBold\">\n            {yieldValue}\n          </Typography>\n          <Typography variant={labelVariant} color=\"default\">\n            {yieldLabel}\n          </Typography>\n        </RightMetricColumn>\n      </FooterRow>\n    </ProductCardFooter>\n  );\n};\n\nconst MemoizedProductCardZhekFooter = memo(ProductCardZhekFooter);\nMemoizedProductCardZhekFooter.displayName = 'ProductCardZhekFooter';\n\nexport default MemoizedProductCardZhekFooter;\n"],"names":["ProductCardZhekFooter","minAmount","minAmountLabel","yieldValue","yieldLabel","view","useProductCardContext","isMobile","ProductCardView","valueVariant","labelVariant","ProductCardFooter","FooterRow","MetricColumn","Typography","minAmountValue","RightMetricColumn","MemoizedProductCardZhekFooter","memo"],"mappings":";;;;;;;AAuBA,MAAMA,wBAAwB,CAAC,EAC7BC,SAAS,EACTC,cAAc,EACd,OAAOC,UAAU,EACjBC,UAAU,EACiB;IAC3B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,WAAWF,SAASG,gBAAgB,MAAM;IAChD,MAAMC,eAAeF,WAAW,WAAW;IAC3C,MAAMG,eAAeH,WAAW,aAAa;IAE7C,OAAO,WAAP,GACE,IAACI,mBAAiBA;kBAChB,mBAACC,WAASA;;8BACR,KAACC,cAAYA;;sCACX,IAACC,YAAUA;4BACT,WAAWC;4BACX,SAASN;4BACT,QAAO;sCAENR;;sCAEH,IAACa,YAAUA;4BAAC,SAASJ;4BAAc,OAAM;sCACtCR;;;;8BAGL,KAACc,mBAAiBA;;sCAChB,IAACF,YAAUA;4BAAC,SAASL;4BAAc,QAAO;sCACvCN;;sCAEH,IAACW,YAAUA;4BAAC,SAASJ;4BAAc,OAAM;sCACtCN;;;;;;;AAMb;AAEA,MAAMa,gCAAgC,WAAHA,GAAGC,KAAKlB;AAC3CiB,8BAA8B,WAAW,GAAG;AAE5C,eAAeA"}

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

@@ -1,21 +1,22 @@
-import { styled } from '@linaria/react';
-export const FooterRow = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const FooterRow = /*#__PURE__*/styled('div')({
   name: "FooterRow",
   class: "ui_components_f10j1iux",
   propsAsIs: false
 });
-export const MetricColumn = /*#__PURE__*/styled('div')({
+const MetricColumn = /*#__PURE__*/styled('div')({
   name: "MetricColumn",
   class: "ui_components_m19smlra",
   propsAsIs: false
 });
 const _exp3 = () => (MetricColumn);
-export const RightMetricColumn = /*#__PURE__*/styled(_exp3())({
+const RightMetricColumn = /*#__PURE__*/styled(_exp3())({
   name: "RightMetricColumn",
   class: "ui_components_r1q1eaax",
   propsAsIs: true
 });
-export const minAmountValue = "ui_components_m15vuduv";
+const minAmountValue = "ui_components_m15vuduv";
+export { FooterRow, MetricColumn, RightMetricColumn, minAmountValue };
 //# sourceMappingURL=Footer.styles.js.map
 
 import "./Footer.styles.css";

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.styles.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/zhek/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,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;SAM1B,MAAM,CAAC,OAAO,CAAC,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;kBAMpB,MAAM,CAAC,OAAO,CAAC,KAAK;;CAErC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;;;CAGpD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;CAEhC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/zhek/Footer.styles.js","sources":["../../../../src/ProductCard/layouts/zhek/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 FooterRow = styled.div`\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  width: 100%;\n  min-width: 0;\n  gap: ${tokens.spacing.s};\n`;\n\nexport const MetricColumn = 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 RightMetricColumn = styled(MetricColumn)`\n  align-items: flex-end;\n  text-align: right;\n`;\n\nexport const minAmountValue = css`\n  white-space: nowrap;\n`;\n"],"names":["FooterRow","styled","tokens","MetricColumn","RightMetricColumn","minAmountValue","css"],"mappings":";;;AAIO,MAAMA,YAAYC,OAAO,GAAG,CAAC;;;;;;OAM7B,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC;AAC1B,CAAC;AAEM,MAAMC,eAAeF,OAAO,GAAG,CAAC;;;;;;gBAMvB,EAAEC,OAAO,OAAO,CAAC,KAAK,CAAC;;AAEvC,CAAC;AAEM,MAAME,oBAAoBH,OAAOE,aAAa,CAAC;;;AAGtD,CAAC;AAEM,MAAME,iBAAiBC,GAAG,CAAC;;AAElC,CAAC"}

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

@@ -1,8 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import ProductCardMediaTitle from '../shared/MediaTitle.js';
-const ProductCardZhekTitle = (props) => (_jsx(ProductCardMediaTitle, Object.assign({ layout: "zhek" }, props)));
-const MemoizedProductCardZhekTitle = memo(ProductCardZhekTitle);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import MediaTitle from "../shared/MediaTitle.js";
+const ProductCardZhekTitle = (props)=>/*#__PURE__*/ jsx(MediaTitle, _({
+        layout: "zhek"
+    }, props));
+const MemoizedProductCardZhekTitle = /*#__PURE__*/ memo(ProductCardZhekTitle);
 MemoizedProductCardZhekTitle.displayName = 'ProductCardZhekTitle';
-export default MemoizedProductCardZhekTitle;
+const Title = MemoizedProductCardZhekTitle;
+export default Title;
+
 //# sourceMappingURL=Title.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/zhek/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,qBAEN,MAAM,yBAAyB,CAAC;AAOjC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE,CAAC,CACjE,KAAC,qBAAqB,kBAAC,MAAM,EAAC,MAAM,IAAK,KAAK,EAAI,CACnD,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/zhek/Title.js","sources":["../../../../src/ProductCard/layouts/zhek/Title.tsx"],"sourcesContent":["import { memo } from 'react';\nimport ProductCardMediaTitle, {\n  type ProductCardMediaTitleProps,\n} from '../shared/MediaTitle.js';\n\nexport type ProductCardZhekTitleProps = Omit<\n  ProductCardMediaTitleProps,\n  'layout' | 'onImage'\n>;\n\nconst ProductCardZhekTitle = (props: ProductCardZhekTitleProps) => (\n  <ProductCardMediaTitle layout=\"zhek\" {...props} />\n);\n\nconst MemoizedProductCardZhekTitle = memo(ProductCardZhekTitle);\nMemoizedProductCardZhekTitle.displayName = 'ProductCardZhekTitle';\n\nexport default MemoizedProductCardZhekTitle;\n"],"names":["ProductCardZhekTitle","props","ProductCardMediaTitle","MemoizedProductCardZhekTitle","memo"],"mappings":";;;;AAUA,MAAMA,uBAAuB,CAACC,QAAAA,WAAAA,GAC5B,IAACC,YAAqBA,EAAAA;QAAC,QAAO;OAAWD;AAG3C,MAAME,+BAA+B,WAAHA,GAAGC,KAAKJ;AAC1CG,6BAA6B,WAAW,GAAG;AAE3C,cAAeA"}

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

@@ -1,4 +1,3 @@
-export { default as ProductCardZhekTitle } from './Title.js';
-export { default as ProductCardZhekFooter } from './Footer.js';
-export { default as ProductCardZhekBackground } from './Background.js';
-//# sourceMappingURL=index.js.map
+export { default as ProductCardZhekTitle } from "./Title.js";
+export { default as ProductCardZhekFooter } from "./Footer.js";
+export { default as ProductCardZhekBackground } from "./Background.js";

package/dist/ProductCard/shared/ProductCardBackgroundImage.js

@@ -1,51 +1,69 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { decode } from 'blurhash';
-import { memo, useEffect, useState, } from 'react';
-import classNames from 'clsx';
-import { Image, Root, imageHidden, imageVisible, placeholderHidden, placeholderVisible, } from './ProductCardBackgroundImage.styles.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { decode } from "blurhash";
+import { memo, useEffect, useState } from "react";
+import clsx from "clsx";
+import { Image, Root, imageHidden, imageVisible, placeholderHidden, placeholderVisible } from "./ProductCardBackgroundImage.styles.js";
 const BLUR_DECODE_WIDTH = 32;
 const BLUR_DECODE_HEIGHT = 20;
-const decodeBlurHashToDataUrl = (blurHash) => {
+const decodeBlurHashToDataUrl = (blurHash)=>{
     const pixels = decode(blurHash, BLUR_DECODE_WIDTH, BLUR_DECODE_HEIGHT);
     const canvas = document.createElement('canvas');
     canvas.width = BLUR_DECODE_WIDTH;
     canvas.height = BLUR_DECODE_HEIGHT;
     const context = canvas.getContext('2d');
-    if (context == null) {
-        return undefined;
-    }
+    if (null == context) return;
     const imageData = context.createImageData(BLUR_DECODE_WIDTH, BLUR_DECODE_HEIGHT);
     imageData.data.set(pixels);
     context.putImageData(imageData, 0, 0);
     return canvas.toDataURL();
 };
-const ProductCardBackgroundImage = ({ imageUrl, blurHash, alt = '', className, imageClassName, overlay, onError, }) => {
+const ProductCardBackgroundImage = ({ imageUrl, blurHash, alt = '', className, imageClassName, overlay, onError })=>{
     const [placeholderUrl, setPlaceholderUrl] = useState();
     const [imageLoaded, setImageLoaded] = useState(false);
-    const usePlaceholder = blurHash != null && placeholderUrl != null;
+    const usePlaceholder = null != blurHash && null != placeholderUrl;
     const showPlaceholder = usePlaceholder && !imageLoaded;
-    useEffect(() => {
-        if (blurHash == null || typeof document === 'undefined') {
-            setPlaceholderUrl(undefined);
-            return;
-        }
+    useEffect(()=>{
+        if (null == blurHash || "u" < typeof document) return void setPlaceholderUrl(void 0);
         try {
             setPlaceholderUrl(decodeBlurHashToDataUrl(blurHash));
+        } catch (unused) {
+            setPlaceholderUrl(void 0);
         }
-        catch (_a) {
-            setPlaceholderUrl(undefined);
-        }
-    }, [blurHash]);
-    useEffect(() => {
+    }, [
+        blurHash
+    ]);
+    useEffect(()=>{
         setImageLoaded(false);
-    }, [imageUrl]);
-    return (_jsxs(Root, { className: className, children: [placeholderUrl != null ? (_jsx(Image, { "aria-hidden": true, alt: "", src: placeholderUrl, className: classNames(imageClassName, showPlaceholder ? placeholderVisible : placeholderHidden) })) : null, _jsx(Image, { alt: alt, src: imageUrl, "data-product-card-background": true, className: classNames(imageClassName, usePlaceholder && !imageLoaded ? imageHidden : imageVisible), onLoad: () => setImageLoaded(true), onError: onError, ref: (element) => {
-                    if (element === null || element === void 0 ? void 0 : element.complete) {
-                        setImageLoaded(true);
-                    }
-                } }), overlay] }));
+    }, [
+        imageUrl
+    ]);
+    return /*#__PURE__*/ jsxs(Root, {
+        className: className,
+        children: [
+            null != placeholderUrl ? /*#__PURE__*/ jsx(Image, {
+                "aria-hidden": true,
+                alt: "",
+                src: placeholderUrl,
+                className: clsx(imageClassName, showPlaceholder ? placeholderVisible : placeholderHidden)
+            }) : null,
+            /*#__PURE__*/ jsx(Image, {
+                alt: alt,
+                src: imageUrl,
+                "data-product-card-background": true,
+                className: clsx(imageClassName, usePlaceholder && !imageLoaded ? imageHidden : imageVisible),
+                onLoad: ()=>setImageLoaded(true),
+                onError: onError,
+                ref: (element)=>{
+                    if (null == element ? void 0 : element.complete) setImageLoaded(true);
+                }
+            }),
+            overlay
+        ]
+    });
 };
-const MemoizedProductCardBackgroundImage = memo(ProductCardBackgroundImage);
+const MemoizedProductCardBackgroundImage = /*#__PURE__*/ memo(ProductCardBackgroundImage);
 MemoizedProductCardBackgroundImage.displayName = 'ProductCardBackgroundImage';
-export default MemoizedProductCardBackgroundImage;
+const shared_ProductCardBackgroundImage = MemoizedProductCardBackgroundImage;
+export default shared_ProductCardBackgroundImage;
+
 //# sourceMappingURL=ProductCardBackgroundImage.js.map

package/dist/ProductCard/shared/ProductCardBackgroundImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardBackgroundImage.js","sourceRoot":"","sources":["../../../src/ProductCard/shared/ProductCardBackgroundImage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard/shared/ProductCardBackgroundImage.js","sources":["../../../src/ProductCard/shared/ProductCardBackgroundImage.tsx"],"sourcesContent":["import { decode } from 'blurhash';\nimport {\n  type ReactNode,\n  memo,\n  useEffect,\n  useState,\n} from 'react';\nimport classNames from 'clsx';\nimport {\n  Image,\n  Root,\n  imageHidden,\n  imageVisible,\n  placeholderHidden,\n  placeholderVisible,\n} from './ProductCardBackgroundImage.styles.js';\n\nconst BLUR_DECODE_WIDTH = 32;\nconst BLUR_DECODE_HEIGHT = 20;\n\nconst decodeBlurHashToDataUrl = (blurHash: string) => {\n  const pixels = decode(blurHash, BLUR_DECODE_WIDTH, BLUR_DECODE_HEIGHT);\n  const canvas = document.createElement('canvas');\n  canvas.width = BLUR_DECODE_WIDTH;\n  canvas.height = BLUR_DECODE_HEIGHT;\n  const context = canvas.getContext('2d');\n\n  if (context == null) {\n    return undefined;\n  }\n\n  const imageData = context.createImageData(BLUR_DECODE_WIDTH, BLUR_DECODE_HEIGHT);\n  imageData.data.set(pixels);\n  context.putImageData(imageData, 0, 0);\n  return canvas.toDataURL();\n};\n\nexport interface ProductCardBackgroundImageProps {\n  imageUrl: string;\n  /** BlurHash-строка (goal.blurhash) — placeholder до загрузки imageUrl. */\n  blurHash?: string;\n  alt?: string;\n  className?: string;\n  imageClassName?: string;\n  overlay?: ReactNode;\n  onError?: () => void;\n}\n\nconst ProductCardBackgroundImage = ({\n  imageUrl,\n  blurHash,\n  alt = '',\n  className,\n  imageClassName,\n  overlay,\n  onError,\n}: ProductCardBackgroundImageProps) => {\n  const [placeholderUrl, setPlaceholderUrl] = useState<string>();\n  const [imageLoaded, setImageLoaded] = useState(false);\n  const usePlaceholder = blurHash != null && placeholderUrl != null;\n  const showPlaceholder = usePlaceholder && !imageLoaded;\n\n  useEffect(() => {\n    if (blurHash == null || typeof document === 'undefined') {\n      setPlaceholderUrl(undefined);\n      return;\n    }\n\n    try {\n      setPlaceholderUrl(decodeBlurHashToDataUrl(blurHash));\n    } catch {\n      setPlaceholderUrl(undefined);\n    }\n  }, [blurHash]);\n\n  useEffect(() => {\n    setImageLoaded(false);\n  }, [imageUrl]);\n\n  return (\n    <Root className={className}>\n      {placeholderUrl != null ? (\n        <Image\n          aria-hidden\n          alt=\"\"\n          src={placeholderUrl}\n          className={classNames(\n            imageClassName,\n            showPlaceholder ? placeholderVisible : placeholderHidden,\n          )}\n        />\n      ) : null}\n      <Image\n        alt={alt}\n        src={imageUrl}\n        data-product-card-background\n        className={classNames(\n          imageClassName,\n          usePlaceholder && !imageLoaded ? imageHidden : imageVisible,\n        )}\n        onLoad={() => setImageLoaded(true)}\n        onError={onError}\n        ref={(element) => {\n          if (element?.complete) {\n            setImageLoaded(true);\n          }\n        }}\n      />\n      {overlay}\n    </Root>\n  );\n};\n\nconst MemoizedProductCardBackgroundImage = memo(ProductCardBackgroundImage);\nMemoizedProductCardBackgroundImage.displayName = 'ProductCardBackgroundImage';\n\nexport default MemoizedProductCardBackgroundImage;\n"],"names":["BLUR_DECODE_WIDTH","BLUR_DECODE_HEIGHT","decodeBlurHashToDataUrl","blurHash","pixels","decode","canvas","document","context","imageData","ProductCardBackgroundImage","imageUrl","alt","className","imageClassName","overlay","onError","placeholderUrl","setPlaceholderUrl","useState","imageLoaded","setImageLoaded","usePlaceholder","showPlaceholder","useEffect","undefined","Root","Image","classNames","placeholderVisible","placeholderHidden","imageHidden","imageVisible","element","MemoizedProductCardBackgroundImage","memo"],"mappings":";;;;;AAiBA,MAAMA,oBAAoB;AAC1B,MAAMC,qBAAqB;AAE3B,MAAMC,0BAA0B,CAACC;IAC/B,MAAMC,SAASC,OAAOF,UAAUH,mBAAmBC;IACnD,MAAMK,SAASC,SAAS,aAAa,CAAC;IACtCD,OAAO,KAAK,GAAGN;IACfM,OAAO,MAAM,GAAGL;IAChB,MAAMO,UAAUF,OAAO,UAAU,CAAC;IAElC,IAAIE,AAAW,QAAXA,SACF;IAGF,MAAMC,YAAYD,QAAQ,eAAe,CAACR,mBAAmBC;IAC7DQ,UAAU,IAAI,CAAC,GAAG,CAACL;IACnBI,QAAQ,YAAY,CAACC,WAAW,GAAG;IACnC,OAAOH,OAAO,SAAS;AACzB;AAaA,MAAMI,6BAA6B,CAAC,EAClCC,QAAQ,EACRR,QAAQ,EACRS,MAAM,EAAE,EACRC,SAAS,EACTC,cAAc,EACdC,OAAO,EACPC,OAAO,EACyB;IAChC,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC;IAC5C,MAAM,CAACC,aAAaC,eAAe,GAAGF,SAAS;IAC/C,MAAMG,iBAAiBnB,AAAY,QAAZA,YAAoBc,AAAkB,QAAlBA;IAC3C,MAAMM,kBAAkBD,kBAAkB,CAACF;IAE3CI,UAAU;QACR,IAAIrB,AAAY,QAAZA,YAAoB,AAAoB,MAApB,OAAOI,UAA0B,YACvDW,kBAAkBO;QAIpB,IAAI;YACFP,kBAAkBhB,wBAAwBC;QAC5C,EAAE,eAAM;YACNe,kBAAkBO;QACpB;IACF,GAAG;QAACtB;KAAS;IAEbqB,UAAU;QACRH,eAAe;IACjB,GAAG;QAACV;KAAS;IAEb,OAAO,WAAP,GACE,KAACe,MAAIA;QAAC,WAAWb;;YACI,QAAlBI,iBAAyB,WAAP,GACjB,IAACU,OAAKA;gBACJ,eAAW;gBACX,KAAI;gBACJ,KAAKV;gBACL,WAAWW,KACTd,gBACAS,kBAAkBM,qBAAqBC;iBAGzC;0BACJ,IAACH,OAAKA;gBACJ,KAAKf;gBACL,KAAKD;gBACL,gCAA4B;gBAC5B,WAAWiB,KACTd,gBACAQ,kBAAkB,CAACF,cAAcW,cAAcC;gBAEjD,QAAQ,IAAMX,eAAe;gBAC7B,SAASL;gBACT,KAAK,CAACiB;oBACJ,IAAIA,QAAAA,UAAAA,KAAAA,IAAAA,QAAS,QAAQ,EACnBZ,eAAe;gBAEnB;;YAEDN;;;AAGP;AAEA,MAAMmB,qCAAqC,WAAHA,GAAGC,KAAKzB;AAChDwB,mCAAmC,WAAW,GAAG;AAEjD,0CAAeA"}

package/dist/ProductCard/shared/ProductCardBackgroundImage.styles.js

@@ -1,18 +1,19 @@
-import { styled } from '@linaria/react';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_r1tjqmq1",
   propsAsIs: false
 });
-export const Image = /*#__PURE__*/styled('img')({
+const Image = /*#__PURE__*/styled('img')({
   name: "Image",
   class: "ui_components_i6wpjgk",
   propsAsIs: false
 });
-export const placeholderVisible = "ui_components_pn9gr0h";
-export const placeholderHidden = "ui_components_p29pgvs";
-export const imageVisible = "ui_components_imgtku7";
-export const imageHidden = "ui_components_i1ulj8i2";
+const placeholderVisible = "ui_components_pn9gr0h";
+const placeholderHidden = "ui_components_p29pgvs";
+const imageVisible = "ui_components_imgtku7";
+const imageHidden = "ui_components_i1ulj8i2";
+export { Image, Root, imageHidden, imageVisible, placeholderHidden, placeholderVisible };
 //# sourceMappingURL=ProductCardBackgroundImage.styles.js.map
 
 import "./ProductCardBackgroundImage.styles.css";

package/dist/ProductCard/shared/ProductCardBackgroundImage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardBackgroundImage.styles.js","sourceRoot":"","sources":["../../../src/ProductCard/shared/ProductCardBackgroundImage.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO7B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;CAEnC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;CAE9B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;CAE7B,CAAC"}
+{"version":3,"file":"ProductCard/shared/ProductCardBackgroundImage.styles.js","sources":["../../../src/ProductCard/shared/ProductCardBackgroundImage.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nexport const Root = styled.div`\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  overflow: hidden;\n  border-radius: inherit;\n  pointer-events: none;\n`;\n\nexport const Image = styled.img`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: opacity 200ms ease-out;\n`;\n\nexport const placeholderVisible = css`\n  opacity: 1;\n`;\n\nexport const placeholderHidden = css`\n  opacity: 0;\n`;\n\nexport const imageVisible = css`\n  opacity: 1;\n`;\n\nexport const imageHidden = css`\n  opacity: 0;\n`;\n"],"names":["Root","styled","Image","placeholderVisible","css","placeholderHidden","imageVisible","imageHidden"],"mappings":";;AAGO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;;;;;;AAO/B,CAAC;AAEM,MAAMC,QAAQD,OAAO,GAAG,CAAC;;;;;;;;AAQhC,CAAC;AAEM,MAAME,qBAAqBC,GAAG,CAAC;;AAEtC,CAAC;AAEM,MAAMC,oBAAoBD,GAAG,CAAC;;AAErC,CAAC;AAEM,MAAME,eAAeF,GAAG,CAAC;;AAEhC,CAAC;AAEM,MAAMG,cAAcH,GAAG,CAAC;;AAE/B,CAAC"}

package/dist/ProductCard/skeleton/ProductCardSkeleton.js

@@ -1,17 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import classNames from 'clsx';
-import { ProductCardProvider } from '../ProductCardContext.js';
-import { getProductCardSizeClassName } from '../utils.js';
-import { ProductCardLayoutId, ProductCardView, } from '../types.js';
-import { SkeletonRoot } from './ProductCardSkeleton.styles.js';
-import ProductCardCommonSkeleton from './variants/common/ProductCardCommonSkeleton.js';
-import ProductCardIpoSkeleton from './variants/ipo/ProductCardIpoSkeleton.js';
-import ProductCardIipSkeleton from './variants/iip/ProductCardIipSkeleton.js';
-import ProductCardZhekSkeleton from './variants/zhek/ProductCardZhekSkeleton.js';
-const ProductCardSkeleton = forwardRef(({ view = ProductCardView.DESKTOP, layoutId = ProductCardLayoutId.COMMON, size, }, ref) => (_jsx(ProductCardProvider, { value: { view, layoutId }, children: _jsx(SkeletonRoot, { ref: ref, className: classNames(view, getProductCardSizeClassName(layoutId, view, size)), children: layoutId === ProductCardLayoutId.IPO ? (_jsx(ProductCardIpoSkeleton, {})) : layoutId === ProductCardLayoutId.IIP ? (_jsx(ProductCardIipSkeleton, {})) : layoutId === ProductCardLayoutId.ZHEK ? (_jsx(ProductCardZhekSkeleton, {})) : (_jsx(ProductCardCommonSkeleton, {})) }) })));
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import clsx from "clsx";
+import { ProductCardProvider } from "../ProductCardContext.js";
+import { getProductCardSizeClassName } from "../utils.js";
+import { ProductCardLayoutId, ProductCardView } from "../types.js";
+import { SkeletonRoot } from "./ProductCardSkeleton.styles.js";
+import ProductCardCommonSkeleton from "./variants/common/ProductCardCommonSkeleton.js";
+import ProductCardIpoSkeleton from "./variants/ipo/ProductCardIpoSkeleton.js";
+import ProductCardIipSkeleton from "./variants/iip/ProductCardIipSkeleton.js";
+import ProductCardZhekSkeleton from "./variants/zhek/ProductCardZhekSkeleton.js";
+const ProductCardSkeleton = /*#__PURE__*/ forwardRef(({ view = ProductCardView.DESKTOP, layoutId = ProductCardLayoutId.COMMON, size }, ref)=>/*#__PURE__*/ jsx(ProductCardProvider, {
+        value: {
+            view,
+            layoutId
+        },
+        children: /*#__PURE__*/ jsx(SkeletonRoot, {
+            ref: ref,
+            className: clsx(view, getProductCardSizeClassName(layoutId, view, size)),
+            children: layoutId === ProductCardLayoutId.IPO ? /*#__PURE__*/ jsx(ProductCardIpoSkeleton, {}) : layoutId === ProductCardLayoutId.IIP ? /*#__PURE__*/ jsx(ProductCardIipSkeleton, {}) : layoutId === ProductCardLayoutId.ZHEK ? /*#__PURE__*/ jsx(ProductCardZhekSkeleton, {}) : /*#__PURE__*/ jsx(ProductCardCommonSkeleton, {})
+        })
+    }));
 ProductCardSkeleton.displayName = 'ProductCardSkeleton';
-const MemoizedProductCardSkeleton = memo(ProductCardSkeleton);
+const MemoizedProductCardSkeleton = /*#__PURE__*/ memo(ProductCardSkeleton);
 MemoizedProductCardSkeleton.displayName = 'ProductCardSkeleton';
-export default MemoizedProductCardSkeleton;
+const skeleton_ProductCardSkeleton = MemoizedProductCardSkeleton;
+export default skeleton_ProductCardSkeleton;
+
 //# sourceMappingURL=ProductCardSkeleton.js.map

package/dist/ProductCard/skeleton/ProductCardSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../src/ProductCard/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,eAAe,GAEhB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,yBAAyB,MAAM,gDAAgD,CAAC;AACvF,OAAO,sBAAsB,MAAM,0CAA0C,CAAC;AAC9E,OAAO,sBAAsB,MAAM,0CAA0C,CAAC;AAC9E,OAAO,uBAAuB,MAAM,4CAA4C,CAAC;AAQjF,MAAM,mBAAmB,GAAG,UAAU,CAA2C,CAAC,EAChF,IAAI,GAAG,eAAe,CAAC,OAAO,EAC9B,QAAQ,GAAG,mBAAmB,CAAC,MAAM,EACrC,IAAI,GACL,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,KAAC,mBAAmB,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,YAC5C,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,2BAA2B,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,YAE7E,QAAQ,KAAK,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CACtC,KAAC,sBAAsB,KAAG,CAC3B,CAAC,CAAC,CAAC,QAAQ,KAAK,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CACzC,KAAC,sBAAsB,KAAG,CAC3B,CAAC,CAAC,CAAC,QAAQ,KAAK,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1C,KAAC,uBAAuB,KAAG,CAC5B,CAAC,CAAC,CAAC,CACF,KAAC,yBAAyB,KAAG,CAC9B,GACY,GACK,CACvB,CAAC,CAAC;AAEH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,MAAM,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC;AAC9D,2BAA2B,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAEhE,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"ProductCard/skeleton/ProductCardSkeleton.js","sources":["../../../src/ProductCard/skeleton/ProductCardSkeleton.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react';\nimport classNames from 'clsx';\nimport { ProductCardProvider } from '../ProductCardContext.js';\nimport { getProductCardSizeClassName } from '../utils.js';\nimport {\n  ProductCardLayoutId,\n  ProductCardView,\n  type ProductCardDesktopSize,\n} from '../types.js';\nimport { SkeletonRoot } from './ProductCardSkeleton.styles.js';\nimport ProductCardCommonSkeleton from './variants/common/ProductCardCommonSkeleton.js';\nimport ProductCardIpoSkeleton from './variants/ipo/ProductCardIpoSkeleton.js';\nimport ProductCardIipSkeleton from './variants/iip/ProductCardIipSkeleton.js';\nimport ProductCardZhekSkeleton from './variants/zhek/ProductCardZhekSkeleton.js';\n\nexport interface ProductCardSkeletonProps {\n  view?: ProductCardView;\n  layoutId?: ProductCardLayoutId;\n  size?: ProductCardDesktopSize;\n}\n\nconst ProductCardSkeleton = forwardRef<HTMLDivElement, ProductCardSkeletonProps>(({\n  view = ProductCardView.DESKTOP,\n  layoutId = ProductCardLayoutId.COMMON,\n  size,\n}, ref) => (\n  <ProductCardProvider value={{ view, layoutId }}>\n    <SkeletonRoot\n      ref={ref}\n      className={classNames(view, getProductCardSizeClassName(layoutId, view, size))}\n    >\n      {layoutId === ProductCardLayoutId.IPO ? (\n        <ProductCardIpoSkeleton />\n      ) : layoutId === ProductCardLayoutId.IIP ? (\n        <ProductCardIipSkeleton />\n      ) : layoutId === ProductCardLayoutId.ZHEK ? (\n        <ProductCardZhekSkeleton />\n      ) : (\n        <ProductCardCommonSkeleton />\n      )}\n    </SkeletonRoot>\n  </ProductCardProvider>\n));\n\nProductCardSkeleton.displayName = 'ProductCardSkeleton';\n\nconst MemoizedProductCardSkeleton = memo(ProductCardSkeleton);\nMemoizedProductCardSkeleton.displayName = 'ProductCardSkeleton';\n\nexport default MemoizedProductCardSkeleton;\n"],"names":["ProductCardSkeleton","forwardRef","view","ProductCardView","layoutId","ProductCardLayoutId","size","ref","ProductCardProvider","SkeletonRoot","classNames","getProductCardSizeClassName","ProductCardIpoSkeleton","ProductCardIipSkeleton","ProductCardZhekSkeleton","ProductCardCommonSkeleton","MemoizedProductCardSkeleton","memo"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,sBAAsB,WAAHA,GAAGC,WAAqD,CAAC,EAChFC,OAAOC,gBAAgB,OAAO,EAC9BC,WAAWC,oBAAoB,MAAM,EACrCC,IAAI,EACL,EAAEC,MAAAA,WAAAA,GACD,IAACC,qBAAmBA;QAAC,OAAO;YAAEN;YAAME;QAAS;kBAC3C,kBAACK,cAAYA;YACX,KAAKF;YACL,WAAWG,KAAWR,MAAMS,4BAA4BP,UAAUF,MAAMI;sBAEvEF,aAAaC,oBAAoB,GAAG,GAAG,WAAH,GACnC,IAACO,wBAAsBA,CAAAA,KACrBR,aAAaC,oBAAoB,GAAG,GAAG,WAAH,GACtC,IAACQ,wBAAsBA,CAAAA,KACrBT,aAAaC,oBAAoB,IAAI,GAAG,WAAH,GACvC,IAACS,yBAAuBA,CAAAA,KAAAA,WAAAA,GAExB,IAACC,2BAAyBA,CAAAA;;;AAMlCf,oBAAoB,WAAW,GAAG;AAElC,MAAMgB,8BAA8B,WAAHA,GAAGC,KAAKjB;AACzCgB,4BAA4B,WAAW,GAAG;AAE1C,qCAAeA"}

package/dist/ProductCard/skeleton/ProductCardSkeleton.styles.js

@@ -1,9 +1,10 @@
-import { styled } from '@linaria/react';
-export const SkeletonRoot = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const SkeletonRoot = /*#__PURE__*/styled('div')({
   name: "SkeletonRoot",
   class: "ui_components_so66fed",
   propsAsIs: false
 });
+export { SkeletonRoot };
 //# sourceMappingURL=ProductCardSkeleton.styles.js.map
 
 import "./ProductCardSkeleton.styles.css";

package/dist/ProductCard/skeleton/ProductCardSkeleton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardSkeleton.styles.js","sourceRoot":"","sources":["../../../src/ProductCard/skeleton/ProductCardSkeleton.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,aAAa,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;mBACnB,MAAM,CAAC,MAAM,CAAC,CAAC;gBAClB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;;;;;;;MAQ/C,eAAe,CAAC,OAAO;;;;MAIvB,eAAe,CAAC,OAAO;;;;MAIvB,eAAe,CAAC,MAAM;;;;;MAKtB,eAAe,CAAC,MAAM;;;;MAItB,eAAe,CAAC,MAAM;;;CAG3B,CAAC"}
+{"version":3,"file":"ProductCard/skeleton/ProductCardSkeleton.styles.js","sources":["../../../src/ProductCard/skeleton/ProductCardSkeleton.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 SkeletonRoot = styled.div`\n  border-radius: ${tokens.radius.l};\n  background: ${tokens.colors.bg.base.default.default};\n  min-width: 320px;\n  max-width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  &.${ProductCardView.DESKTOP}.sizeL {\n    height: 270px;\n  }\n\n  &.${ProductCardView.DESKTOP}.sizeM {\n    height: 240px;\n  }\n\n  &.${ProductCardView.MOBILE} {\n    min-width: 164px;\n    max-width: 100%;\n  }\n\n  &.${ProductCardView.MOBILE}.sizeL {\n    height: 250px;\n  }\n\n  &.${ProductCardView.MOBILE}.sizeM {\n    height: 200px;\n  }\n`;\n"],"names":["SkeletonRoot","styled","tokens","ProductCardView"],"mappings":";;;AAIO,MAAMA,eAAeC,OAAO,GAAG,CAAC;iBACtB,EAAEC,OAAO,MAAM,CAAC,CAAC,CAAC;cACrB,EAAEA,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAArBA,UAAAA,CAAAA,UAAqC,CAAC;;;;;;;;IAQlD,EAAEC,gBAAgB,OAAO,CAAC;;;;IAI1B,EAAEA,gBAAgB,OAAO,CAAC;;;;IAI1B,EAAEA,gBAAgB,MAAM,CAAC;;;;;IAKzB,EAAEA,gBAAgB,MAAM,CAAC;;;;IAIzB,EAAEA,gBAAgB,MAAM,CAAC;;;AAG7B,CAAC"}