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

package/dist/ProductCard/skeleton/variants/common/ProductCardCommonChartSkeleton.js

@@ -1,9 +1,107 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useProductCardContext } from '../../../ProductCardContext.js';
-import { SkeletonChartExtension, SkeletonChartMain, SkeletonChartSvg, SkeletonChartWrap, } from './ProductCardCommonSkeleton.styles.js';
-const ProductCardCommonChartSkeleton = () => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useProductCardContext } from "../../../ProductCardContext.js";
+import { SkeletonChartExtension, SkeletonChartMain, SkeletonChartSvg, SkeletonChartWrap } from "./ProductCardCommonSkeleton.styles.js";
+const ProductCardCommonChartSkeleton = ()=>{
     const { view } = useProductCardContext();
-    return (_jsxs(SkeletonChartWrap, { className: view, children: [_jsx(SkeletonChartMain, { className: view, children: _jsxs(SkeletonChartSvg, { viewBox: "0 0 320 134", preserveAspectRatio: "none", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("mask", { id: "product-card-skeleton-chart-mask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "320", height: "134", children: [_jsx("rect", { width: "320", height: "134", fill: "url(#product-card-skeleton-chart-mask-gradient)" }), _jsx("rect", { width: "320", height: "134", fill: "black" })] }), _jsxs("g", { mask: "url(#product-card-skeleton-chart-mask)", children: [_jsx("path", { d: "M312.489 65.7901L319.239 61.6509C319.572 61.4466 320 61.6863 320 62.0771V129.312C320 129.589 319.776 129.812 319.5 129.812H0.499992C0.22385 129.812 0 129.589 0 129.312V117.468C0 117.356 0.0373012 117.248 0.10597 117.16L7.92063 107.156C7.97269 107.089 8.007 107.011 8.02034 106.927L15.9772 57.1291C15.9921 57.0359 16.0331 56.9488 16.0954 56.8779L23.8507 48.0531C23.9456 47.9451 24.0824 47.8832 24.2262 47.8832H31.6255C31.8475 47.8832 32.0429 48.0295 32.1053 48.2426L39.8947 74.8335C39.9571 75.0466 40.1525 75.1929 40.3745 75.1929H47.7134C47.8909 75.1929 48.0551 75.287 48.1449 75.4402L55.7504 88.4219C55.8888 88.658 56.1912 88.739 56.4291 88.6037L63.7473 84.44C63.9035 84.3511 64 84.1852 64 84.0054V75.4837C64 75.304 64.0965 75.138 64.2527 75.0491L71.8836 70.7076C71.9598 70.6642 72.0234 70.6014 72.0677 70.5257L79.65 57.5838C79.8223 57.2896 80.232 57.2504 80.457 57.5065L87.5807 65.6126C87.7943 65.8557 88.1792 65.8348 88.3653 65.5701L95.9653 54.76C95.9883 54.7272 96.0074 54.6917 96.022 54.6543L103.968 34.3103C103.989 34.256 104.02 34.2059 104.058 34.1621L111.851 25.2949C111.946 25.1869 112.082 25.125 112.226 25.125H119.659C119.864 25.125 120.049 25.2513 120.124 25.4431L127.954 45.4904C127.984 45.5672 128.033 45.6353 128.095 45.6888L135.625 52.1149C135.833 52.2923 136.145 52.2699 136.325 52.0646L143.851 43.5015C143.946 43.3934 144.082 43.3315 144.226 43.3315H151.868C151.954 43.3315 152.04 43.3541 152.115 43.3969L159.801 47.7697C159.927 47.8417 160.016 47.9654 160.044 48.1084L167.941 88.5467C167.977 88.7314 168.114 88.8803 168.295 88.9318L175.83 91.0752C175.94 91.1065 176.036 91.1748 176.102 91.2685L183.851 102.29C183.944 102.423 184.097 102.503 184.26 102.503H191.674C191.872 102.503 192.052 102.385 192.131 102.204L199.777 84.8038C199.896 84.5324 200.224 84.4238 200.482 84.5704L207.571 88.6037C207.809 88.739 208.111 88.658 208.25 88.4219L216 75.1929L223.772 57.1625C223.892 56.8828 224.232 56.7749 224.492 56.9341L231.88 61.4643C231.958 61.5125 232.049 61.538 232.141 61.538H239.868C239.954 61.538 240.04 61.5155 240.115 61.4726L248 56.9864L255.518 52.709C255.776 52.5624 256.104 52.671 256.223 52.9424L263.684 69.9232C263.832 70.2579 264.276 70.3268 264.518 70.0521L271.945 61.6011C271.981 61.5593 272.025 61.524 272.073 61.4965L279.646 57.1878C279.852 57.0705 280.112 57.1142 280.269 57.2923L287.543 65.5696C287.768 65.8257 288.178 65.7864 288.35 65.4923L295.932 52.5504C295.977 52.4746 296.04 52.4119 296.116 52.3685L303.518 48.1574C303.776 48.0107 304.104 48.1193 304.223 48.3908L311.769 65.565C311.891 65.8425 312.23 65.9485 312.489 65.7901Z", fill: "url(#product-card-skeleton-chart-fill-gradient)" }), _jsx("path", { d: "M320 61.1662L312.488 65.7701C312.23 65.9284 311.891 65.8224 311.769 65.545L304.223 48.3793C304.104 48.1079 303.776 47.9994 303.518 48.1459L296.116 52.3551C296.04 52.3985 295.977 52.4612 295.932 52.5369L288.35 65.4725C288.178 65.7665 287.768 65.8057 287.543 65.5498L280.269 57.2764C280.112 57.0984 279.852 57.0547 279.646 57.1719L272.073 61.4786C272.025 61.506 271.981 61.5414 271.945 61.5831L264.518 70.03C264.276 70.3046 263.832 70.2357 263.684 69.9011L256.223 52.9287C256.104 52.6573 255.776 52.5487 255.518 52.6953L248 56.9707L240.115 61.4547C240.04 61.4975 239.954 61.5201 239.868 61.5201H232.141C232.049 61.5201 231.958 61.4946 231.88 61.4464L224.492 56.9183C224.232 56.7592 223.892 56.8671 223.772 57.1466L216 75.1682L208.25 88.3906C208.111 88.6266 207.809 88.7077 207.571 88.5724L200.482 84.541C200.224 84.3944 199.896 84.503 199.777 84.7744L192.131 102.166C192.052 102.347 191.872 102.465 191.674 102.465H184.26C184.097 102.465 183.944 102.385 183.851 102.252L176.102 91.2359C176.036 91.1422 175.94 91.074 175.83 91.0426L168.295 88.9003C168.114 88.8488 167.977 88.7 167.941 88.5152L160.044 48.0972C160.016 47.9542 159.927 47.8305 159.8 47.7584L152.115 43.3879C152.04 43.3451 151.954 43.3225 151.868 43.3225H144.226C144.082 43.3225 143.946 43.3844 143.851 43.4924L136.325 52.0514C136.145 52.2566 135.833 52.2789 135.625 52.1016L128.096 45.6787C128.033 45.6252 127.984 45.5571 127.954 45.4803L120.124 25.443C120.049 25.2512 119.864 25.125 119.659 25.125H112.226C112.082 25.125 111.946 25.1869 111.851 25.2948L104.058 34.1576C104.02 34.2014 103.989 34.2515 103.968 34.3058L96.022 54.6397C96.0074 54.6771 95.9883 54.7126 95.9652 54.7454L88.3653 65.5502C88.1791 65.8148 87.7944 65.8356 87.5808 65.5927L80.4569 57.4904C80.2319 57.2344 79.8224 57.2737 79.6501 57.5677L72.0677 70.5033C72.0234 70.579 71.9598 70.6417 71.8835 70.685L64.2528 75.0244C64.0965 75.1133 64 75.2793 64 75.4591V83.9761C64 84.1559 63.9035 84.3219 63.7472 84.4108L56.429 88.5724C56.1912 88.7077 55.8888 88.6266 55.7504 88.3906L48.1449 75.4154C48.0551 75.2623 47.891 75.1682 47.7135 75.1682H40.3745C40.1525 75.1682 39.9571 75.0219 39.8947 74.8088L32.1053 48.2313C32.0429 48.0183 31.8475 47.8719 31.6255 47.8719H24.2262C24.0824 47.8719 23.9456 47.9338 23.8507 48.0418L16.0954 56.8622C16.0331 56.9331 15.9921 57.0202 15.9772 57.1134L8.02036 106.887C8.007 106.97 7.97268 107.049 7.92058 107.116L0 117.25", stroke: "#C0C0CC", strokeOpacity: "0.32", strokeLinecap: "round" })] }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "product-card-skeleton-chart-mask-gradient", x1: "0", y1: "67", x2: "320", y2: "67", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0.0555556", stopOpacity: "0" }), _jsx("stop", { offset: "0.499603" })] }), _jsxs("linearGradient", { id: "product-card-skeleton-chart-fill-gradient", x1: "160", y1: "27.2187", x2: "160", y2: "131.906", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#C0C0CC", stopOpacity: "0.24" }), _jsx("stop", { offset: "1", stopColor: "#C0C0CC", stopOpacity: "0" })] })] })] }) }), _jsx(SkeletonChartExtension, { className: view })] }));
+    return /*#__PURE__*/ jsxs(SkeletonChartWrap, {
+        className: view,
+        children: [
+            /*#__PURE__*/ jsx(SkeletonChartMain, {
+                className: view,
+                children: /*#__PURE__*/ jsxs(SkeletonChartSvg, {
+                    viewBox: "0 0 320 134",
+                    preserveAspectRatio: "none",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: [
+                        /*#__PURE__*/ jsxs("mask", {
+                            id: "product-card-skeleton-chart-mask",
+                            style: {
+                                maskType: 'alpha'
+                            },
+                            maskUnits: "userSpaceOnUse",
+                            x: "0",
+                            y: "0",
+                            width: "320",
+                            height: "134",
+                            children: [
+                                /*#__PURE__*/ jsx("rect", {
+                                    width: "320",
+                                    height: "134",
+                                    fill: "url(#product-card-skeleton-chart-mask-gradient)"
+                                }),
+                                /*#__PURE__*/ jsx("rect", {
+                                    width: "320",
+                                    height: "134",
+                                    fill: "black"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("g", {
+                            mask: "url(#product-card-skeleton-chart-mask)",
+                            children: [
+                                /*#__PURE__*/ jsx("path", {
+                                    d: "M312.489 65.7901L319.239 61.6509C319.572 61.4466 320 61.6863 320 62.0771V129.312C320 129.589 319.776 129.812 319.5 129.812H0.499992C0.22385 129.812 0 129.589 0 129.312V117.468C0 117.356 0.0373012 117.248 0.10597 117.16L7.92063 107.156C7.97269 107.089 8.007 107.011 8.02034 106.927L15.9772 57.1291C15.9921 57.0359 16.0331 56.9488 16.0954 56.8779L23.8507 48.0531C23.9456 47.9451 24.0824 47.8832 24.2262 47.8832H31.6255C31.8475 47.8832 32.0429 48.0295 32.1053 48.2426L39.8947 74.8335C39.9571 75.0466 40.1525 75.1929 40.3745 75.1929H47.7134C47.8909 75.1929 48.0551 75.287 48.1449 75.4402L55.7504 88.4219C55.8888 88.658 56.1912 88.739 56.4291 88.6037L63.7473 84.44C63.9035 84.3511 64 84.1852 64 84.0054V75.4837C64 75.304 64.0965 75.138 64.2527 75.0491L71.8836 70.7076C71.9598 70.6642 72.0234 70.6014 72.0677 70.5257L79.65 57.5838C79.8223 57.2896 80.232 57.2504 80.457 57.5065L87.5807 65.6126C87.7943 65.8557 88.1792 65.8348 88.3653 65.5701L95.9653 54.76C95.9883 54.7272 96.0074 54.6917 96.022 54.6543L103.968 34.3103C103.989 34.256 104.02 34.2059 104.058 34.1621L111.851 25.2949C111.946 25.1869 112.082 25.125 112.226 25.125H119.659C119.864 25.125 120.049 25.2513 120.124 25.4431L127.954 45.4904C127.984 45.5672 128.033 45.6353 128.095 45.6888L135.625 52.1149C135.833 52.2923 136.145 52.2699 136.325 52.0646L143.851 43.5015C143.946 43.3934 144.082 43.3315 144.226 43.3315H151.868C151.954 43.3315 152.04 43.3541 152.115 43.3969L159.801 47.7697C159.927 47.8417 160.016 47.9654 160.044 48.1084L167.941 88.5467C167.977 88.7314 168.114 88.8803 168.295 88.9318L175.83 91.0752C175.94 91.1065 176.036 91.1748 176.102 91.2685L183.851 102.29C183.944 102.423 184.097 102.503 184.26 102.503H191.674C191.872 102.503 192.052 102.385 192.131 102.204L199.777 84.8038C199.896 84.5324 200.224 84.4238 200.482 84.5704L207.571 88.6037C207.809 88.739 208.111 88.658 208.25 88.4219L216 75.1929L223.772 57.1625C223.892 56.8828 224.232 56.7749 224.492 56.9341L231.88 61.4643C231.958 61.5125 232.049 61.538 232.141 61.538H239.868C239.954 61.538 240.04 61.5155 240.115 61.4726L248 56.9864L255.518 52.709C255.776 52.5624 256.104 52.671 256.223 52.9424L263.684 69.9232C263.832 70.2579 264.276 70.3268 264.518 70.0521L271.945 61.6011C271.981 61.5593 272.025 61.524 272.073 61.4965L279.646 57.1878C279.852 57.0705 280.112 57.1142 280.269 57.2923L287.543 65.5696C287.768 65.8257 288.178 65.7864 288.35 65.4923L295.932 52.5504C295.977 52.4746 296.04 52.4119 296.116 52.3685L303.518 48.1574C303.776 48.0107 304.104 48.1193 304.223 48.3908L311.769 65.565C311.891 65.8425 312.23 65.9485 312.489 65.7901Z",
+                                    fill: "url(#product-card-skeleton-chart-fill-gradient)"
+                                }),
+                                /*#__PURE__*/ jsx("path", {
+                                    d: "M320 61.1662L312.488 65.7701C312.23 65.9284 311.891 65.8224 311.769 65.545L304.223 48.3793C304.104 48.1079 303.776 47.9994 303.518 48.1459L296.116 52.3551C296.04 52.3985 295.977 52.4612 295.932 52.5369L288.35 65.4725C288.178 65.7665 287.768 65.8057 287.543 65.5498L280.269 57.2764C280.112 57.0984 279.852 57.0547 279.646 57.1719L272.073 61.4786C272.025 61.506 271.981 61.5414 271.945 61.5831L264.518 70.03C264.276 70.3046 263.832 70.2357 263.684 69.9011L256.223 52.9287C256.104 52.6573 255.776 52.5487 255.518 52.6953L248 56.9707L240.115 61.4547C240.04 61.4975 239.954 61.5201 239.868 61.5201H232.141C232.049 61.5201 231.958 61.4946 231.88 61.4464L224.492 56.9183C224.232 56.7592 223.892 56.8671 223.772 57.1466L216 75.1682L208.25 88.3906C208.111 88.6266 207.809 88.7077 207.571 88.5724L200.482 84.541C200.224 84.3944 199.896 84.503 199.777 84.7744L192.131 102.166C192.052 102.347 191.872 102.465 191.674 102.465H184.26C184.097 102.465 183.944 102.385 183.851 102.252L176.102 91.2359C176.036 91.1422 175.94 91.074 175.83 91.0426L168.295 88.9003C168.114 88.8488 167.977 88.7 167.941 88.5152L160.044 48.0972C160.016 47.9542 159.927 47.8305 159.8 47.7584L152.115 43.3879C152.04 43.3451 151.954 43.3225 151.868 43.3225H144.226C144.082 43.3225 143.946 43.3844 143.851 43.4924L136.325 52.0514C136.145 52.2566 135.833 52.2789 135.625 52.1016L128.096 45.6787C128.033 45.6252 127.984 45.5571 127.954 45.4803L120.124 25.443C120.049 25.2512 119.864 25.125 119.659 25.125H112.226C112.082 25.125 111.946 25.1869 111.851 25.2948L104.058 34.1576C104.02 34.2014 103.989 34.2515 103.968 34.3058L96.022 54.6397C96.0074 54.6771 95.9883 54.7126 95.9652 54.7454L88.3653 65.5502C88.1791 65.8148 87.7944 65.8356 87.5808 65.5927L80.4569 57.4904C80.2319 57.2344 79.8224 57.2737 79.6501 57.5677L72.0677 70.5033C72.0234 70.579 71.9598 70.6417 71.8835 70.685L64.2528 75.0244C64.0965 75.1133 64 75.2793 64 75.4591V83.9761C64 84.1559 63.9035 84.3219 63.7472 84.4108L56.429 88.5724C56.1912 88.7077 55.8888 88.6266 55.7504 88.3906L48.1449 75.4154C48.0551 75.2623 47.891 75.1682 47.7135 75.1682H40.3745C40.1525 75.1682 39.9571 75.0219 39.8947 74.8088L32.1053 48.2313C32.0429 48.0183 31.8475 47.8719 31.6255 47.8719H24.2262C24.0824 47.8719 23.9456 47.9338 23.8507 48.0418L16.0954 56.8622C16.0331 56.9331 15.9921 57.0202 15.9772 57.1134L8.02036 106.887C8.007 106.97 7.97268 107.049 7.92058 107.116L0 117.25",
+                                    stroke: "#C0C0CC",
+                                    strokeOpacity: "0.32",
+                                    strokeLinecap: "round"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("defs", {
+                            children: [
+                                /*#__PURE__*/ jsxs("linearGradient", {
+                                    id: "product-card-skeleton-chart-mask-gradient",
+                                    x1: "0",
+                                    y1: "67",
+                                    x2: "320",
+                                    y2: "67",
+                                    gradientUnits: "userSpaceOnUse",
+                                    children: [
+                                        /*#__PURE__*/ jsx("stop", {
+                                            offset: "0.0555556",
+                                            stopOpacity: "0"
+                                        }),
+                                        /*#__PURE__*/ jsx("stop", {
+                                            offset: "0.499603"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("linearGradient", {
+                                    id: "product-card-skeleton-chart-fill-gradient",
+                                    x1: "160",
+                                    y1: "27.2187",
+                                    x2: "160",
+                                    y2: "131.906",
+                                    gradientUnits: "userSpaceOnUse",
+                                    children: [
+                                        /*#__PURE__*/ jsx("stop", {
+                                            stopColor: "#C0C0CC",
+                                            stopOpacity: "0.24"
+                                        }),
+                                        /*#__PURE__*/ jsx("stop", {
+                                            offset: "1",
+                                            stopColor: "#C0C0CC",
+                                            stopOpacity: "0"
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(SkeletonChartExtension, {
+                className: view
+            })
+        ]
+    });
 };
-export default ProductCardCommonChartSkeleton;
+const common_ProductCardCommonChartSkeleton = ProductCardCommonChartSkeleton;
+export default common_ProductCardCommonChartSkeleton;
+
 //# sourceMappingURL=ProductCardCommonChartSkeleton.js.map

package/dist/ProductCard/skeleton/variants/common/ProductCardCommonChartSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardCommonChartSkeleton.js","sourceRoot":"","sources":["../../../../../src/ProductCard/skeleton/variants/common/ProductCardCommonChartSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,8BAA8B,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEzC,OAAO,CACL,MAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,aAChC,KAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,YAChC,MAAC,gBAAgB,IAAC,OAAO,EAAC,aAAa,EAAC,mBAAmB,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC/G,gBAAM,EAAE,EAAC,kCAAkC,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,SAAS,EAAC,gBAAgB,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,aACvI,eAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,iDAAiD,GAAG,EACxF,eAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,GAAG,IACzC,EACP,aAAG,IAAI,EAAC,wCAAwC,aAC9C,eAAM,CAAC,EAAC,qgFAAqgF,EAAC,IAAI,EAAC,iDAAiD,GAAG,EACvkF,eAAM,CAAC,EAAC,q0EAAq0E,EAAC,MAAM,EAAC,SAAS,EAAC,aAAa,EAAC,MAAM,EAAC,aAAa,EAAC,OAAO,GAAG,IAC14E,EACJ,2BACE,0BAAgB,EAAE,EAAC,2CAA2C,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,aAAa,EAAC,gBAAgB,aAC3H,eAAM,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,GAAG,GAAG,EAC3C,eAAM,MAAM,EAAC,UAAU,GAAG,IACX,EACjB,0BAAgB,EAAE,EAAC,2CAA2C,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB,aACvI,eAAM,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,MAAM,GAAG,EAC/C,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,GAAG,IACxC,IACZ,IACU,GACD,EACpB,KAAC,sBAAsB,IAAC,SAAS,EAAE,IAAI,GAAI,IACzB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"ProductCard/skeleton/variants/common/ProductCardCommonChartSkeleton.js","sources":["../../../../../src/ProductCard/skeleton/variants/common/ProductCardCommonChartSkeleton.tsx"],"sourcesContent":["import { useProductCardContext } from '../../../ProductCardContext.js';\nimport {\n  SkeletonChartExtension,\n  SkeletonChartMain,\n  SkeletonChartSvg,\n  SkeletonChartWrap,\n} from './ProductCardCommonSkeleton.styles.js';\n\nconst ProductCardCommonChartSkeleton = () => {\n  const { view } = useProductCardContext();\n\n  return (\n    <SkeletonChartWrap className={view}>\n      <SkeletonChartMain className={view}>\n        <SkeletonChartSvg viewBox=\"0 0 320 134\" preserveAspectRatio=\"none\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <mask id=\"product-card-skeleton-chart-mask\" style={{ maskType: 'alpha' }} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"320\" height=\"134\">\n            <rect width=\"320\" height=\"134\" fill=\"url(#product-card-skeleton-chart-mask-gradient)\" />\n            <rect width=\"320\" height=\"134\" fill=\"black\" />\n          </mask>\n          <g mask=\"url(#product-card-skeleton-chart-mask)\">\n            <path d=\"M312.489 65.7901L319.239 61.6509C319.572 61.4466 320 61.6863 320 62.0771V129.312C320 129.589 319.776 129.812 319.5 129.812H0.499992C0.22385 129.812 0 129.589 0 129.312V117.468C0 117.356 0.0373012 117.248 0.10597 117.16L7.92063 107.156C7.97269 107.089 8.007 107.011 8.02034 106.927L15.9772 57.1291C15.9921 57.0359 16.0331 56.9488 16.0954 56.8779L23.8507 48.0531C23.9456 47.9451 24.0824 47.8832 24.2262 47.8832H31.6255C31.8475 47.8832 32.0429 48.0295 32.1053 48.2426L39.8947 74.8335C39.9571 75.0466 40.1525 75.1929 40.3745 75.1929H47.7134C47.8909 75.1929 48.0551 75.287 48.1449 75.4402L55.7504 88.4219C55.8888 88.658 56.1912 88.739 56.4291 88.6037L63.7473 84.44C63.9035 84.3511 64 84.1852 64 84.0054V75.4837C64 75.304 64.0965 75.138 64.2527 75.0491L71.8836 70.7076C71.9598 70.6642 72.0234 70.6014 72.0677 70.5257L79.65 57.5838C79.8223 57.2896 80.232 57.2504 80.457 57.5065L87.5807 65.6126C87.7943 65.8557 88.1792 65.8348 88.3653 65.5701L95.9653 54.76C95.9883 54.7272 96.0074 54.6917 96.022 54.6543L103.968 34.3103C103.989 34.256 104.02 34.2059 104.058 34.1621L111.851 25.2949C111.946 25.1869 112.082 25.125 112.226 25.125H119.659C119.864 25.125 120.049 25.2513 120.124 25.4431L127.954 45.4904C127.984 45.5672 128.033 45.6353 128.095 45.6888L135.625 52.1149C135.833 52.2923 136.145 52.2699 136.325 52.0646L143.851 43.5015C143.946 43.3934 144.082 43.3315 144.226 43.3315H151.868C151.954 43.3315 152.04 43.3541 152.115 43.3969L159.801 47.7697C159.927 47.8417 160.016 47.9654 160.044 48.1084L167.941 88.5467C167.977 88.7314 168.114 88.8803 168.295 88.9318L175.83 91.0752C175.94 91.1065 176.036 91.1748 176.102 91.2685L183.851 102.29C183.944 102.423 184.097 102.503 184.26 102.503H191.674C191.872 102.503 192.052 102.385 192.131 102.204L199.777 84.8038C199.896 84.5324 200.224 84.4238 200.482 84.5704L207.571 88.6037C207.809 88.739 208.111 88.658 208.25 88.4219L216 75.1929L223.772 57.1625C223.892 56.8828 224.232 56.7749 224.492 56.9341L231.88 61.4643C231.958 61.5125 232.049 61.538 232.141 61.538H239.868C239.954 61.538 240.04 61.5155 240.115 61.4726L248 56.9864L255.518 52.709C255.776 52.5624 256.104 52.671 256.223 52.9424L263.684 69.9232C263.832 70.2579 264.276 70.3268 264.518 70.0521L271.945 61.6011C271.981 61.5593 272.025 61.524 272.073 61.4965L279.646 57.1878C279.852 57.0705 280.112 57.1142 280.269 57.2923L287.543 65.5696C287.768 65.8257 288.178 65.7864 288.35 65.4923L295.932 52.5504C295.977 52.4746 296.04 52.4119 296.116 52.3685L303.518 48.1574C303.776 48.0107 304.104 48.1193 304.223 48.3908L311.769 65.565C311.891 65.8425 312.23 65.9485 312.489 65.7901Z\" fill=\"url(#product-card-skeleton-chart-fill-gradient)\" />\n            <path d=\"M320 61.1662L312.488 65.7701C312.23 65.9284 311.891 65.8224 311.769 65.545L304.223 48.3793C304.104 48.1079 303.776 47.9994 303.518 48.1459L296.116 52.3551C296.04 52.3985 295.977 52.4612 295.932 52.5369L288.35 65.4725C288.178 65.7665 287.768 65.8057 287.543 65.5498L280.269 57.2764C280.112 57.0984 279.852 57.0547 279.646 57.1719L272.073 61.4786C272.025 61.506 271.981 61.5414 271.945 61.5831L264.518 70.03C264.276 70.3046 263.832 70.2357 263.684 69.9011L256.223 52.9287C256.104 52.6573 255.776 52.5487 255.518 52.6953L248 56.9707L240.115 61.4547C240.04 61.4975 239.954 61.5201 239.868 61.5201H232.141C232.049 61.5201 231.958 61.4946 231.88 61.4464L224.492 56.9183C224.232 56.7592 223.892 56.8671 223.772 57.1466L216 75.1682L208.25 88.3906C208.111 88.6266 207.809 88.7077 207.571 88.5724L200.482 84.541C200.224 84.3944 199.896 84.503 199.777 84.7744L192.131 102.166C192.052 102.347 191.872 102.465 191.674 102.465H184.26C184.097 102.465 183.944 102.385 183.851 102.252L176.102 91.2359C176.036 91.1422 175.94 91.074 175.83 91.0426L168.295 88.9003C168.114 88.8488 167.977 88.7 167.941 88.5152L160.044 48.0972C160.016 47.9542 159.927 47.8305 159.8 47.7584L152.115 43.3879C152.04 43.3451 151.954 43.3225 151.868 43.3225H144.226C144.082 43.3225 143.946 43.3844 143.851 43.4924L136.325 52.0514C136.145 52.2566 135.833 52.2789 135.625 52.1016L128.096 45.6787C128.033 45.6252 127.984 45.5571 127.954 45.4803L120.124 25.443C120.049 25.2512 119.864 25.125 119.659 25.125H112.226C112.082 25.125 111.946 25.1869 111.851 25.2948L104.058 34.1576C104.02 34.2014 103.989 34.2515 103.968 34.3058L96.022 54.6397C96.0074 54.6771 95.9883 54.7126 95.9652 54.7454L88.3653 65.5502C88.1791 65.8148 87.7944 65.8356 87.5808 65.5927L80.4569 57.4904C80.2319 57.2344 79.8224 57.2737 79.6501 57.5677L72.0677 70.5033C72.0234 70.579 71.9598 70.6417 71.8835 70.685L64.2528 75.0244C64.0965 75.1133 64 75.2793 64 75.4591V83.9761C64 84.1559 63.9035 84.3219 63.7472 84.4108L56.429 88.5724C56.1912 88.7077 55.8888 88.6266 55.7504 88.3906L48.1449 75.4154C48.0551 75.2623 47.891 75.1682 47.7135 75.1682H40.3745C40.1525 75.1682 39.9571 75.0219 39.8947 74.8088L32.1053 48.2313C32.0429 48.0183 31.8475 47.8719 31.6255 47.8719H24.2262C24.0824 47.8719 23.9456 47.9338 23.8507 48.0418L16.0954 56.8622C16.0331 56.9331 15.9921 57.0202 15.9772 57.1134L8.02036 106.887C8.007 106.97 7.97268 107.049 7.92058 107.116L0 117.25\" stroke=\"#C0C0CC\" strokeOpacity=\"0.32\" strokeLinecap=\"round\" />\n          </g>\n          <defs>\n            <linearGradient id=\"product-card-skeleton-chart-mask-gradient\" x1=\"0\" y1=\"67\" x2=\"320\" y2=\"67\" gradientUnits=\"userSpaceOnUse\">\n              <stop offset=\"0.0555556\" stopOpacity=\"0\" />\n              <stop offset=\"0.499603\" />\n            </linearGradient>\n            <linearGradient id=\"product-card-skeleton-chart-fill-gradient\" x1=\"160\" y1=\"27.2187\" x2=\"160\" y2=\"131.906\" gradientUnits=\"userSpaceOnUse\">\n              <stop stopColor=\"#C0C0CC\" stopOpacity=\"0.24\" />\n              <stop offset=\"1\" stopColor=\"#C0C0CC\" stopOpacity=\"0\" />\n            </linearGradient>\n          </defs>\n        </SkeletonChartSvg>\n      </SkeletonChartMain>\n      <SkeletonChartExtension className={view} />\n    </SkeletonChartWrap>\n  );\n};\n\nexport default ProductCardCommonChartSkeleton;\n"],"names":["ProductCardCommonChartSkeleton","view","useProductCardContext","SkeletonChartWrap","SkeletonChartMain","SkeletonChartSvg","SkeletonChartExtension"],"mappings":";;;AAQA,MAAMA,iCAAiC;IACrC,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,OAAO,WAAP,GACE,KAACC,mBAAiBA;QAAC,WAAWF;;0BAC5B,IAACG,mBAAiBA;gBAAC,WAAWH;0BAC5B,mBAACI,kBAAgBA;oBAAC,SAAQ;oBAAc,qBAAoB;oBAAO,MAAK;oBAAO,OAAM;;sCACnF,KAAC;4BAAK,IAAG;4BAAmC,OAAO;gCAAE,UAAU;4BAAQ;4BAAG,WAAU;4BAAiB,GAAE;4BAAI,GAAE;4BAAI,OAAM;4BAAM,QAAO;;8CAClI,IAAC;oCAAK,OAAM;oCAAM,QAAO;oCAAM,MAAK;;8CACpC,IAAC;oCAAK,OAAM;oCAAM,QAAO;oCAAM,MAAK;;;;sCAEtC,KAAC;4BAAE,MAAK;;8CACN,IAAC;oCAAK,GAAE;oCAAsgF,MAAK;;8CACnhF,IAAC;oCAAK,GAAE;oCAAs0E,QAAO;oCAAU,eAAc;oCAAO,eAAc;;;;sCAEp4E,KAAC;;8CACC,KAAC;oCAAe,IAAG;oCAA4C,IAAG;oCAAI,IAAG;oCAAK,IAAG;oCAAM,IAAG;oCAAK,eAAc;;sDAC3G,IAAC;4CAAK,QAAO;4CAAY,aAAY;;sDACrC,IAAC;4CAAK,QAAO;;;;8CAEf,KAAC;oCAAe,IAAG;oCAA4C,IAAG;oCAAM,IAAG;oCAAU,IAAG;oCAAM,IAAG;oCAAU,eAAc;;sDACvH,IAAC;4CAAK,WAAU;4CAAU,aAAY;;sDACtC,IAAC;4CAAK,QAAO;4CAAI,WAAU;4CAAU,aAAY;;;;;;;;;0BAKzD,IAACC,wBAAsBA;gBAAC,WAAWL;;;;AAGzC;AAEA,8CAAeD"}

package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.js

@@ -1,14 +1,33 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Skeleton from '../../../../Skeleton/index.js';
-import { useProductCardContext } from '../../../ProductCardContext.js';
-import { ProductCardView } from '../../../types.js';
-import ProductCardCommonChartSkeleton from './ProductCardCommonChartSkeleton.js';
-import { SkeletonHeader } from './ProductCardCommonSkeleton.styles.js';
-const ProductCardCommonSkeleton = () => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Skeleton from "../../../../Skeleton/index.js";
+import { useProductCardContext } from "../../../ProductCardContext.js";
+import { ProductCardView } from "../../../types.js";
+import ProductCardCommonChartSkeleton from "./ProductCardCommonChartSkeleton.js";
+import { SkeletonHeader } from "./ProductCardCommonSkeleton.styles.js";
+const ProductCardCommonSkeleton = ()=>{
     const { view } = useProductCardContext();
     const isMobile = view === ProductCardView.MOBILE;
     const titleVariant = isMobile ? 'body14' : 'h4';
-    return (_jsxs(_Fragment, { children: [_jsxs(SkeletonHeader, { className: view, children: [_jsx(Skeleton, { width: isMobile ? 124 : 240, variant: titleVariant }), _jsx(Skeleton, { width: isMobile ? 84 : 152, variant: titleVariant })] }), _jsx(ProductCardCommonChartSkeleton, {})] }));
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(SkeletonHeader, {
+                className: view,
+                children: [
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        width: isMobile ? 124 : 240,
+                        variant: titleVariant
+                    }),
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        width: isMobile ? 84 : 152,
+                        variant: titleVariant
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(ProductCardCommonChartSkeleton, {})
+        ]
+    });
 };
-export default ProductCardCommonSkeleton;
+const common_ProductCardCommonSkeleton = ProductCardCommonSkeleton;
+export default common_ProductCardCommonSkeleton;
+
 //# sourceMappingURL=ProductCardCommonSkeleton.js.map

package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardCommonSkeleton.js","sourceRoot":"","sources":["../../../../../src/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,8BAA8B,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAEvE,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACrC,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;IAEhD,OAAO,CACL,8BACE,MAAC,cAAc,IAAC,SAAS,EAAE,IAAI,aAC7B,KAAC,QAAQ,IACP,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAC3B,OAAO,EAAE,YAAY,GACrB,EACF,KAAC,QAAQ,IACP,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAC1B,OAAO,EAAE,YAAY,GACrB,IACa,EACjB,KAAC,8BAA8B,KAAG,IACjC,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.js","sources":["../../../../../src/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.tsx"],"sourcesContent":["import Skeleton from '../../../../Skeleton/index.js';\nimport { useProductCardContext } from '../../../ProductCardContext.js';\nimport { ProductCardView } from '../../../types.js';\nimport ProductCardCommonChartSkeleton from './ProductCardCommonChartSkeleton.js';\nimport { SkeletonHeader } from './ProductCardCommonSkeleton.styles.js';\n\nconst ProductCardCommonSkeleton = () => {\n  const { view } = useProductCardContext();\n  const isMobile = view === ProductCardView.MOBILE;\n  const titleVariant = isMobile ? 'body14' : 'h4';\n\n  return (\n    <>\n      <SkeletonHeader className={view}>\n        <Skeleton\n          width={isMobile ? 124 : 240}\n          variant={titleVariant}\n        />\n        <Skeleton\n          width={isMobile ? 84 : 152}\n          variant={titleVariant}\n        />\n      </SkeletonHeader>\n      <ProductCardCommonChartSkeleton />\n    </>\n  );\n};\n\nexport default ProductCardCommonSkeleton;\n"],"names":["ProductCardCommonSkeleton","view","useProductCardContext","isMobile","ProductCardView","titleVariant","SkeletonHeader","Skeleton","ProductCardCommonChartSkeleton"],"mappings":";;;;;;AAMA,MAAMA,4BAA4B;IAChC,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,WAAWF,SAASG,gBAAgB,MAAM;IAChD,MAAMC,eAAeF,WAAW,WAAW;IAE3C,OAAO,WAAP,GACE;;0BACE,KAACG,gBAAcA;gBAAC,WAAWL;;kCACzB,IAACM,UAAQA;wBACP,OAAOJ,WAAW,MAAM;wBACxB,SAASE;;kCAEX,IAACE,UAAQA;wBACP,OAAOJ,WAAW,KAAK;wBACvB,SAASE;;;;0BAGb,IAACG,gCAA8BA,CAAAA;;;AAGrC;AAEA,yCAAeR"}

package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.styles.js

@@ -1,29 +1,30 @@
-import { styled } from '@linaria/react';
-export const SkeletonHeader = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const SkeletonHeader = /*#__PURE__*/styled('div')({
   name: "SkeletonHeader",
   class: "ui_components_s179x7lg",
   propsAsIs: false
 });
-export const SkeletonChartWrap = /*#__PURE__*/styled('div')({
+const SkeletonChartWrap = /*#__PURE__*/styled('div')({
   name: "SkeletonChartWrap",
   class: "ui_components_sp10qjt",
   propsAsIs: false
 });
-export const SkeletonChartMain = /*#__PURE__*/styled('div')({
+const SkeletonChartMain = /*#__PURE__*/styled('div')({
   name: "SkeletonChartMain",
   class: "ui_components_s17302wi",
   propsAsIs: false
 });
-export const SkeletonChartSvg = /*#__PURE__*/styled('svg')({
+const SkeletonChartSvg = /*#__PURE__*/styled('svg')({
   name: "SkeletonChartSvg",
   class: "ui_components_s1bkbaz4",
   propsAsIs: false
 });
-export const SkeletonChartExtension = /*#__PURE__*/styled('div')({
+const SkeletonChartExtension = /*#__PURE__*/styled('div')({
   name: "SkeletonChartExtension",
   class: "ui_components_s1mxmwjx",
   propsAsIs: false
 });
+export { SkeletonChartExtension, SkeletonChartMain, SkeletonChartSvg, SkeletonChartWrap, SkeletonHeader };
 //# sourceMappingURL=ProductCardCommonSkeleton.styles.js.map
 
 import "./ProductCardCommonSkeleton.styles.css";

package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardCommonSkeleton.styles.js","sourceRoot":"","sources":["../../../../../src/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.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,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;aAG3B,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;;MAEjE,eAAe,CAAC,MAAM;eACb,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;;CAExE,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;gBAG3B,MAAM,CAAC,OAAO,CAAC,CAAC;;;;;;MAM1B,eAAe,CAAC,MAAM;kBACV,MAAM,CAAC,OAAO,CAAC,IAAI;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;MAIrC,eAAe,CAAC,MAAM;;;CAG3B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;gBAGhC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;MAE/C,eAAe,CAAC,MAAM;;;CAG3B,CAAC"}
+{"version":3,"file":"ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.styles.js","sources":["../../../../../src/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.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 SkeletonHeader = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: ${tokens.spacing.l} ${tokens.spacing.l} 0 ${tokens.spacing.l};\n\n  &.${ProductCardView.MOBILE} {\n    padding: ${tokens.spacing.s} ${tokens.spacing.s} 0 ${tokens.spacing.s};\n  }\n`;\n\nexport const SkeletonChartWrap = styled.div`\n  flex: 1 1 auto;\n  width: 100%;\n  margin-top: ${tokens.spacing.s};\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  overflow: hidden;\n\n  &.${ProductCardView.MOBILE} {\n    margin-top: ${tokens.spacing.none};\n  }\n`;\n\nexport const SkeletonChartMain = styled.div`\n  width: 100%;\n  height: 134px;\n\n  &.${ProductCardView.MOBILE} {\n    height: 76px;\n  }\n`;\n\nexport const SkeletonChartSvg = styled.svg`\n  width: 100%;\n  height: 100%;\n  display: block;\n`;\n\nexport const SkeletonChartExtension = styled.div`\n  width: 100%;\n  height: 48px;\n  background: ${tokens.colors.bg.base.default.default};\n\n  &.${ProductCardView.MOBILE} {\n    height: 36px;\n  }\n`;\n"],"names":["SkeletonHeader","styled","tokens","ProductCardView","SkeletonChartWrap","SkeletonChartMain","SkeletonChartSvg","SkeletonChartExtension"],"mappings":";;;AAIO,MAAMA,iBAAiBC,OAAO,GAAG,CAAC;;;WAG9B,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC,GAAG,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;IAEpE,EAAEC,gBAAgB,MAAM,CAAC;aAChB,EAAED,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC,GAAG,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;AAE1E,CAAC;AAEM,MAAME,oBAAoBH,OAAO,GAAG,CAAC;;;cAG9B,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC;;;;;;IAM7B,EAAEC,gBAAgB,MAAM,CAAC;gBACb,EAAED,OAAO,OAAO,CAAC,IAAI,CAAC;;AAEtC,CAAC;AAEM,MAAMG,oBAAoBJ,OAAO,GAAG,CAAC;;;;IAIxC,EAAEE,gBAAgB,MAAM,CAAC;;;AAG7B,CAAC;AAEM,MAAMG,mBAAmBL,OAAO,GAAG,CAAC;;;;AAI3C,CAAC;AAEM,MAAMM,yBAAyBN,OAAO,GAAG,CAAC;;;cAGnC,EAAEC,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAArBA,UAAAA,CAAAA,UAAqC,CAAC;;IAElD,EAAEC,gBAAgB,MAAM,CAAC;;;AAG7B,CAAC"}

package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.js

@@ -1,15 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Skeleton from '../../../../Skeleton/index.js';
-import ProductCardTitle from '../../../ProductCardTitle/index.js';
-import { useProductCardContext } from '../../../ProductCardContext.js';
-import { ProductCardView } from '../../../types.js';
-import { titleIipRoot } from '../../../layouts/shared/MediaTitle.styles.js';
-import { TitleBlock } from './ProductCardIipSkeleton.styles.js';
-const ProductCardIipSkeleton = () => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import Skeleton from "../../../../Skeleton/index.js";
+import ProductCardTitle from "../../../ProductCardTitle/index.js";
+import { useProductCardContext } from "../../../ProductCardContext.js";
+import { ProductCardView } from "../../../types.js";
+import { titleIipRoot } from "../../../layouts/shared/MediaTitle.styles.js";
+import { TitleBlock } from "./ProductCardIipSkeleton.styles.js";
+const ProductCardIipSkeleton = ()=>{
     const { view } = useProductCardContext();
     const isMobile = view === ProductCardView.MOBILE;
     const titleVariant = isMobile ? 'body14' : 'h4';
-    return (_jsx(ProductCardTitle, { className: titleIipRoot, children: _jsxs(TitleBlock, { children: [_jsx(Skeleton, { width: isMobile ? 120 : 240, variant: titleVariant }), _jsx(Skeleton, { width: isMobile ? 96 : 152, variant: titleVariant })] }) }));
+    return /*#__PURE__*/ jsx(ProductCardTitle, {
+        className: titleIipRoot,
+        children: /*#__PURE__*/ jsxs(TitleBlock, {
+            children: [
+                /*#__PURE__*/ jsx(Skeleton, {
+                    width: isMobile ? 120 : 240,
+                    variant: titleVariant
+                }),
+                /*#__PURE__*/ jsx(Skeleton, {
+                    width: isMobile ? 96 : 152,
+                    variant: titleVariant
+                })
+            ]
+        })
+    });
 };
-export default ProductCardIipSkeleton;
+const iip_ProductCardIipSkeleton = ProductCardIipSkeleton;
+export default iip_ProductCardIipSkeleton;
+
 //# sourceMappingURL=ProductCardIipSkeleton.js.map

package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardIipSkeleton.js","sourceRoot":"","sources":["../../../../../src/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,+BAA+B,CAAC;AACrD,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,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;IAEhD,OAAO,CACL,KAAC,gBAAgB,IAAC,SAAS,EAAE,YAAY,YACvC,MAAC,UAAU,eACT,KAAC,QAAQ,IACP,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAC3B,OAAO,EAAE,YAAY,GACrB,EACF,KAAC,QAAQ,IACP,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAC1B,OAAO,EAAE,YAAY,GACrB,IACS,GACI,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.js","sources":["../../../../../src/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.tsx"],"sourcesContent":["import Skeleton from '../../../../Skeleton/index.js';\nimport ProductCardTitle from '../../../ProductCardTitle/index.js';\nimport { useProductCardContext } from '../../../ProductCardContext.js';\nimport { ProductCardView } from '../../../types.js';\nimport { titleIipRoot } from '../../../layouts/shared/MediaTitle.styles.js';\nimport { TitleBlock } from './ProductCardIipSkeleton.styles.js';\n\nconst ProductCardIipSkeleton = () => {\n  const { view } = useProductCardContext();\n  const isMobile = view === ProductCardView.MOBILE;\n  const titleVariant = isMobile ? 'body14' : 'h4';\n\n  return (\n    <ProductCardTitle className={titleIipRoot}>\n      <TitleBlock>\n        <Skeleton\n          width={isMobile ? 120 : 240}\n          variant={titleVariant}\n        />\n        <Skeleton\n          width={isMobile ? 96 : 152}\n          variant={titleVariant}\n        />\n      </TitleBlock>\n    </ProductCardTitle>\n  );\n};\n\nexport default ProductCardIipSkeleton;\n"],"names":["ProductCardIipSkeleton","view","useProductCardContext","isMobile","ProductCardView","titleVariant","ProductCardTitle","titleIipRoot","TitleBlock","Skeleton"],"mappings":";;;;;;;AAOA,MAAMA,yBAAyB;IAC7B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,WAAWF,SAASG,gBAAgB,MAAM;IAChD,MAAMC,eAAeF,WAAW,WAAW;IAE3C,OAAO,WAAP,GACE,IAACG,kBAAgBA;QAAC,WAAWC;kBAC3B,mBAACC,YAAUA;;8BACT,IAACC,UAAQA;oBACP,OAAON,WAAW,MAAM;oBACxB,SAASE;;8BAEX,IAACI,UAAQA;oBACP,OAAON,WAAW,KAAK;oBACvB,SAASE;;;;;AAKnB;AAEA,mCAAeL"}

package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.js

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

package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardIipSkeleton.styles.js","sourceRoot":"","sources":["../../../../../src/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAG3B,MAAM,CAAC,OAAO,CAAC,EAAE;;iBAET,MAAM,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC"}
+{"version":3,"file":"ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.js","sources":["../../../../../src/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const TitleBlock = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${tokens.spacing.xs};\n  margin-bottom: auto;\n  padding-top: ${tokens.spacing.s};\n`;\n"],"names":["TitleBlock","styled","tokens"],"mappings":";;AAGO,MAAMA,aAAaC,OAAO,GAAG,CAAC;;;OAG9B,EAAEC,OAAO,OAAO,CAAC,EAAE,CAAC;;eAEZ,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;AAClC,CAAC"}

package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.js

@@ -1,15 +1,98 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Skeleton from '../../../../Skeleton/index.js';
-import ProductCardHeader from '../../../ProductCardHeader/index.js';
-import ProductCardFooter from '../../../ProductCardFooter/index.js';
-import ProductCardTitle from '../../../ProductCardTitle/index.js';
-import { useProductCardContext } from '../../../ProductCardContext.js';
-import { ProductCardView } from '../../../types.js';
-import { titleIpoRoot } from '../../../layouts/ipo/Title.styles.js';
-import { AvatarSkeleton, BadgesRow, FooterLeftGroup, FooterRow, FooterRightColumn, HeaderRow, TitleBody, TitleColumn, } from './ProductCardIpoSkeleton.styles.js';
-const ProductCardIpoSkeleton = () => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Skeleton from "../../../../Skeleton/index.js";
+import ProductCardHeader from "../../../ProductCardHeader/index.js";
+import ProductCardFooter from "../../../ProductCardFooter/index.js";
+import ProductCardTitle from "../../../ProductCardTitle/index.js";
+import { useProductCardContext } from "../../../ProductCardContext.js";
+import { ProductCardView } from "../../../types.js";
+import { titleIpoRoot } from "../../../layouts/ipo/Title.styles.js";
+import { AvatarSkeleton, BadgesRow, FooterLeftGroup, FooterRightColumn, FooterRow, HeaderRow, TitleBody, TitleColumn } from "./ProductCardIpoSkeleton.styles.js";
+const ProductCardIpoSkeleton = ()=>{
     const { view } = useProductCardContext();
-    return (_jsxs(_Fragment, { children: [_jsx(ProductCardHeader, { children: _jsx(HeaderRow, { children: _jsxs(BadgesRow, { children: [_jsx(Skeleton, { width: 24, variant: "h4" }), _jsx(Skeleton, { width: 24, variant: "h4" }), _jsx(Skeleton, { width: 24, variant: "h4" })] }) }) }), _jsx(ProductCardTitle, { className: titleIpoRoot, children: _jsxs(TitleBody, { children: [view === ProductCardView.DESKTOP ? (_jsx(AvatarSkeleton, { children: _jsx(Skeleton, { width: 40, height: 40, borderRadius: 20 }) })) : null, _jsxs(TitleColumn, { className: view, children: [_jsx(Skeleton, { width: 120, variant: "h4" }), _jsx(Skeleton, { width: 32, variant: "body14" })] })] }) }), _jsx(ProductCardFooter, { children: _jsx(FooterRow, { children: view === ProductCardView.MOBILE ? (_jsxs(_Fragment, { children: [_jsx(FooterLeftGroup, { children: _jsx(Skeleton, { width: 32, height: 32, borderRadius: 20 }) }), _jsxs(FooterRightColumn, { children: [_jsx(Skeleton, { width: 40, height: 12, variant: "body16" }), _jsx(Skeleton, { width: 46, variant: "caption9" })] })] })) : (_jsx(Skeleton, { width: 56, variant: "h3" })) }) })] }));
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(ProductCardHeader, {
+                children: /*#__PURE__*/ jsx(HeaderRow, {
+                    children: /*#__PURE__*/ jsxs(BadgesRow, {
+                        children: [
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                width: 24,
+                                variant: "h4"
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                width: 24,
+                                variant: "h4"
+                            }),
+                            /*#__PURE__*/ jsx(Skeleton, {
+                                width: 24,
+                                variant: "h4"
+                            })
+                        ]
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(ProductCardTitle, {
+                className: titleIpoRoot,
+                children: /*#__PURE__*/ jsxs(TitleBody, {
+                    children: [
+                        view === ProductCardView.DESKTOP ? /*#__PURE__*/ jsx(AvatarSkeleton, {
+                            children: /*#__PURE__*/ jsx(Skeleton, {
+                                width: 40,
+                                height: 40,
+                                borderRadius: 20
+                            })
+                        }) : null,
+                        /*#__PURE__*/ jsxs(TitleColumn, {
+                            className: view,
+                            children: [
+                                /*#__PURE__*/ jsx(Skeleton, {
+                                    width: 120,
+                                    variant: "h4"
+                                }),
+                                /*#__PURE__*/ jsx(Skeleton, {
+                                    width: 32,
+                                    variant: "body14"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(ProductCardFooter, {
+                children: /*#__PURE__*/ jsx(FooterRow, {
+                    children: view === ProductCardView.MOBILE ? /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(FooterLeftGroup, {
+                                children: /*#__PURE__*/ jsx(Skeleton, {
+                                    width: 32,
+                                    height: 32,
+                                    borderRadius: 20
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs(FooterRightColumn, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Skeleton, {
+                                        width: 40,
+                                        height: 12,
+                                        variant: "body16"
+                                    }),
+                                    /*#__PURE__*/ jsx(Skeleton, {
+                                        width: 46,
+                                        variant: "caption9"
+                                    })
+                                ]
+                            })
+                        ]
+                    }) : /*#__PURE__*/ jsx(Skeleton, {
+                        width: 56,
+                        variant: "h3"
+                    })
+                })
+            })
+        ]
+    });
 };
-export default ProductCardIpoSkeleton;
+const ipo_ProductCardIpoSkeleton = ProductCardIpoSkeleton;
+export default ipo_ProductCardIpoSkeleton;
+
 //# sourceMappingURL=ProductCardIpoSkeleton.js.map

package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardIpoSkeleton.js","sourceRoot":"","sources":["../../../../../src/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,+BAA+B,CAAC;AACrD,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EACL,cAAc,EACd,SAAS,EACT,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,WAAW,GACZ,MAAM,oCAAoC,CAAC;AAE5C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEzC,OAAO,CACL,8BACE,KAAC,iBAAiB,cAChB,KAAC,SAAS,cACR,MAAC,SAAS,eACR,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAC,IAAI,GAAG,EACpC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAC,IAAI,GAAG,EACpC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAC,IAAI,GAAG,IAC1B,GACF,GACM,EACpB,KAAC,gBAAgB,IAAC,SAAS,EAAE,YAAY,YACvC,MAAC,SAAS,eACP,IAAI,KAAK,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAClC,KAAC,cAAc,cACb,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,GAAI,GACtC,CAClB,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,WAAW,IAAC,SAAS,EAAE,IAAI,aAC1B,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAC,IAAI,GAAG,EACrC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAC,QAAQ,GAAG,IAC5B,IACJ,GACK,EACnB,KAAC,iBAAiB,cAChB,KAAC,SAAS,cACP,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CACjC,8BACE,KAAC,eAAe,cACd,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,GAAI,GACrC,EAClB,MAAC,iBAAiB,eAChB,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,QAAQ,GAAG,EACpD,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAC,UAAU,GAAG,IACxB,IACnB,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAC,IAAI,GAAG,CACrC,GACS,GACM,IACnB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.js","sources":["../../../../../src/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.tsx"],"sourcesContent":["import Skeleton from '../../../../Skeleton/index.js';\nimport ProductCardHeader from '../../../ProductCardHeader/index.js';\nimport ProductCardFooter from '../../../ProductCardFooter/index.js';\nimport ProductCardTitle from '../../../ProductCardTitle/index.js';\nimport { useProductCardContext } from '../../../ProductCardContext.js';\nimport { ProductCardView } from '../../../types.js';\nimport { titleIpoRoot } from '../../../layouts/ipo/Title.styles.js';\nimport {\n  AvatarSkeleton,\n  BadgesRow,\n  FooterLeftGroup,\n  FooterRow,\n  FooterRightColumn,\n  HeaderRow,\n  TitleBody,\n  TitleColumn,\n} from './ProductCardIpoSkeleton.styles.js';\n\nconst ProductCardIpoSkeleton = () => {\n  const { view } = useProductCardContext();\n\n  return (\n    <>\n      <ProductCardHeader>\n        <HeaderRow>\n          <BadgesRow>\n            <Skeleton width={24} variant=\"h4\" />\n            <Skeleton width={24} variant=\"h4\" />\n            <Skeleton width={24} variant=\"h4\" />\n          </BadgesRow>\n        </HeaderRow>\n      </ProductCardHeader>\n      <ProductCardTitle className={titleIpoRoot}>\n        <TitleBody>\n          {view === ProductCardView.DESKTOP ? (\n            <AvatarSkeleton>\n              <Skeleton width={40} height={40} borderRadius={20} />\n            </AvatarSkeleton>\n          ) : null}\n          <TitleColumn className={view}>\n            <Skeleton width={120} variant=\"h4\" />\n            <Skeleton width={32} variant=\"body14\" />\n          </TitleColumn>\n        </TitleBody>\n      </ProductCardTitle>\n      <ProductCardFooter>\n        <FooterRow>\n          {view === ProductCardView.MOBILE ? (\n            <>\n              <FooterLeftGroup>\n                <Skeleton width={32} height={32} borderRadius={20} />\n              </FooterLeftGroup>\n              <FooterRightColumn>\n                <Skeleton width={40} height={12} variant=\"body16\" />\n                <Skeleton width={46} variant=\"caption9\" />\n              </FooterRightColumn>\n            </>\n          ) : (\n            <Skeleton width={56} variant=\"h3\" />\n          )}\n        </FooterRow>\n      </ProductCardFooter>\n    </>\n  );\n};\n\nexport default ProductCardIpoSkeleton;\n"],"names":["ProductCardIpoSkeleton","view","useProductCardContext","ProductCardHeader","HeaderRow","BadgesRow","Skeleton","ProductCardTitle","titleIpoRoot","TitleBody","ProductCardView","AvatarSkeleton","TitleColumn","ProductCardFooter","FooterRow","FooterLeftGroup","FooterRightColumn"],"mappings":";;;;;;;;;AAkBA,MAAMA,yBAAyB;IAC7B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,OAAO,WAAP,GACE;;0BACE,IAACC,mBAAiBA;0BAChB,kBAACC,WAASA;8BACR,mBAACC,WAASA;;0CACR,IAACC,UAAQA;gCAAC,OAAO;gCAAI,SAAQ;;0CAC7B,IAACA,UAAQA;gCAAC,OAAO;gCAAI,SAAQ;;0CAC7B,IAACA,UAAQA;gCAAC,OAAO;gCAAI,SAAQ;;;;;;0BAInC,IAACC,kBAAgBA;gBAAC,WAAWC;0BAC3B,mBAACC,WAASA;;wBACPR,SAASS,gBAAgB,OAAO,GAAG,WAAH,GAC/B,IAACC,gBAAcA;sCACb,kBAACL,UAAQA;gCAAC,OAAO;gCAAI,QAAQ;gCAAI,cAAc;;6BAE/C;sCACJ,KAACM,aAAWA;4BAAC,WAAWX;;8CACtB,IAACK,UAAQA;oCAAC,OAAO;oCAAK,SAAQ;;8CAC9B,IAACA,UAAQA;oCAAC,OAAO;oCAAI,SAAQ;;;;;;;0BAInC,IAACO,mBAAiBA;0BAChB,kBAACC,WAASA;8BACPb,SAASS,gBAAgB,MAAM,GAAG,WAAH,GAC9B;;0CACE,IAACK,iBAAeA;0CACd,kBAACT,UAAQA;oCAAC,OAAO;oCAAI,QAAQ;oCAAI,cAAc;;;0CAEjD,KAACU,mBAAiBA;;kDAChB,IAACV,UAAQA;wCAAC,OAAO;wCAAI,QAAQ;wCAAI,SAAQ;;kDACzC,IAACA,UAAQA;wCAAC,OAAO;wCAAI,SAAQ;;;;;uCAIjC,IAACA,UAAQA;wBAAC,OAAO;wBAAI,SAAQ;;;;;;AAMzC;AAEA,mCAAeN"}

package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.styles.js

@@ -1,44 +1,45 @@
-import { styled } from '@linaria/react';
-export const HeaderRow = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const HeaderRow = /*#__PURE__*/styled('div')({
   name: "HeaderRow",
   class: "ui_components_h1glfwrj",
   propsAsIs: false
 });
-export const BadgesRow = /*#__PURE__*/styled('div')({
+const BadgesRow = /*#__PURE__*/styled('div')({
   name: "BadgesRow",
   class: "ui_components_bypccsg",
   propsAsIs: false
 });
-export const TitleBody = /*#__PURE__*/styled('div')({
+const TitleBody = /*#__PURE__*/styled('div')({
   name: "TitleBody",
   class: "ui_components_t1vf4zhb",
   propsAsIs: false
 });
-export const AvatarSkeleton = /*#__PURE__*/styled('div')({
+const AvatarSkeleton = /*#__PURE__*/styled('div')({
   name: "AvatarSkeleton",
   class: "ui_components_a1t77txp",
   propsAsIs: false
 });
-export const TitleColumn = /*#__PURE__*/styled('div')({
+const TitleColumn = /*#__PURE__*/styled('div')({
   name: "TitleColumn",
   class: "ui_components_tf95ozn",
   propsAsIs: false
 });
-export const FooterRow = /*#__PURE__*/styled('div')({
+const FooterRow = /*#__PURE__*/styled('div')({
   name: "FooterRow",
   class: "ui_components_f17n5igb",
   propsAsIs: false
 });
-export const FooterLeftGroup = /*#__PURE__*/styled('div')({
+const FooterLeftGroup = /*#__PURE__*/styled('div')({
   name: "FooterLeftGroup",
   class: "ui_components_f1pehvxi",
   propsAsIs: false
 });
-export const FooterRightColumn = /*#__PURE__*/styled('div')({
+const FooterRightColumn = /*#__PURE__*/styled('div')({
   name: "FooterRightColumn",
   class: "ui_components_f1isq0gx",
   propsAsIs: false
 });
+export { AvatarSkeleton, BadgesRow, FooterLeftGroup, FooterRightColumn, FooterRow, HeaderRow, TitleBody, TitleColumn };
 //# sourceMappingURL=ProductCardIpoSkeleton.styles.js.map
 
 import "./ProductCardIpoSkeleton.styles.css";

package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardIpoSkeleton.styles.js","sourceRoot":"","sources":["../../../../../src/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.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,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAG1B,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIvC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;iBAGpB,MAAM,CAAC,OAAO,CAAC,EAAE;;;MAG5B,eAAe,CAAC,MAAM;;;CAG3B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGhC,MAAM,CAAC,OAAO,CAAC,EAAE;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;SAKlC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.styles.js","sources":["../../../../../src/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.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 HeaderRow = styled.div`\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n`;\n\nexport const BadgesRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: ${tokens.spacing['2xs']};\n`;\n\nexport const TitleBody = styled.div`\n  display: flex;\n  align-items: center;\n  min-width: 0;\n`;\n\nexport const AvatarSkeleton = styled.div`\n  width: 40px;\n  height: 40px;\n  flex: 0 0 40px;\n`;\n\nexport const TitleColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-left: ${tokens.spacing.xs};\n  min-width: 0;\n\n  &.${ProductCardView.MOBILE} {\n    margin-left: 0;\n  }\n`;\n\nexport const FooterRow = styled.div`\n  display: flex;\n  align-items: center;\n  width: 100%;\n`;\n\nexport const FooterLeftGroup = styled.div`\n  display: flex;\n  align-items: center;\n  gap: ${tokens.spacing.xs};\n`;\n\nexport const FooterRightColumn = styled.div`\n  margin-left: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: ${tokens.spacing['2xs']};\n`;\n"],"names":["HeaderRow","styled","BadgesRow","tokens","TitleBody","AvatarSkeleton","TitleColumn","ProductCardView","FooterRow","FooterLeftGroup","FooterRightColumn"],"mappings":";;;AAIO,MAAMA,YAAYC,OAAO,GAAG,CAAC;;;;AAIpC,CAAC;AAEM,MAAMC,YAAYD,OAAO,GAAG,CAAC;;;OAG7B,EAAEE,OAAO,OAAO,CAAC,MAAM,CAAC;AAC/B,CAAC;AAEM,MAAMC,YAAYH,OAAO,GAAG,CAAC;;;;AAIpC,CAAC;AAEM,MAAMI,iBAAiBJ,OAAO,GAAG,CAAC;;;;AAIzC,CAAC;AAEM,MAAMK,cAAcL,OAAO,GAAG,CAAC;;;eAGvB,EAAEE,OAAO,OAAO,CAAC,EAAE,CAAC;;;IAG/B,EAAEI,gBAAgB,MAAM,CAAC;;;AAG7B,CAAC;AAEM,MAAMC,YAAYP,OAAO,GAAG,CAAC;;;;AAIpC,CAAC;AAEM,MAAMQ,kBAAkBR,OAAO,GAAG,CAAC;;;OAGnC,EAAEE,OAAO,OAAO,CAAC,EAAE,CAAC;AAC3B,CAAC;AAEM,MAAMO,oBAAoBT,OAAO,GAAG,CAAC;;;;;OAKrC,EAAEE,OAAO,OAAO,CAAC,MAAM,CAAC;AAC/B,CAAC"}

package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.js

@@ -1,15 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Skeleton from '../../../../Skeleton/index.js';
-import ProductCardTitle from '../../../ProductCardTitle/index.js';
-import { useProductCardContext } from '../../../ProductCardContext.js';
-import { ProductCardView } from '../../../types.js';
-import { titleMediaRoot } from '../../../layouts/shared/MediaTitle.styles.js';
-import { TitleBlock } from './ProductCardZhekSkeleton.styles.js';
-const ProductCardZhekSkeleton = () => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import Skeleton from "../../../../Skeleton/index.js";
+import ProductCardTitle from "../../../ProductCardTitle/index.js";
+import { useProductCardContext } from "../../../ProductCardContext.js";
+import { ProductCardView } from "../../../types.js";
+import { titleMediaRoot } from "../../../layouts/shared/MediaTitle.styles.js";
+import { TitleBlock } from "./ProductCardZhekSkeleton.styles.js";
+const ProductCardZhekSkeleton = ()=>{
     const { view } = useProductCardContext();
     const isMobile = view === ProductCardView.MOBILE;
     const titleVariant = isMobile ? 'body14' : 'h4';
-    return (_jsx(ProductCardTitle, { className: titleMediaRoot, children: _jsxs(TitleBlock, { children: [_jsx(Skeleton, { width: isMobile ? 120 : 240, variant: titleVariant }), _jsx(Skeleton, { width: isMobile ? 96 : 152, variant: titleVariant })] }) }));
+    return /*#__PURE__*/ jsx(ProductCardTitle, {
+        className: titleMediaRoot,
+        children: /*#__PURE__*/ jsxs(TitleBlock, {
+            children: [
+                /*#__PURE__*/ jsx(Skeleton, {
+                    width: isMobile ? 120 : 240,
+                    variant: titleVariant
+                }),
+                /*#__PURE__*/ jsx(Skeleton, {
+                    width: isMobile ? 96 : 152,
+                    variant: titleVariant
+                })
+            ]
+        })
+    });
 };
-export default ProductCardZhekSkeleton;
+const zhek_ProductCardZhekSkeleton = ProductCardZhekSkeleton;
+export default zhek_ProductCardZhekSkeleton;
+
 //# sourceMappingURL=ProductCardZhekSkeleton.js.map