profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/banners/PremiumBanner/PremiumBanner.styled.js

@@ -0,0 +1,119 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonText = exports.PremiumButton = exports.Button = exports.Content = exports.PremiumText = exports.Text = exports.Blur = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+exports.Container = styled_components_1.default.div `
+  position: relative;
+  width: 100%;
+  padding: 6px 0;
+  border-top: ${(props) => props.isPremium ? '1px solid rgba(255, 255, 255, 0.1)' : 'none'};
+  background: ${(props) => props.isPremium
+    ? props.theme.other.black
+    : 'linear-gradient(0deg, #613d91 0%, #613d91 100%), linear-gradient(102deg, #9747ff 0%, #ee2cff 100%);'};
+`;
+exports.Blur = styled_components_1.default.div `
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  max-width: 600px;
+  border-radius: 12px;
+  filter: blur(40px);
+  background: linear-gradient(
+    102deg,
+    #9747ff 0%,
+    rgba(66, 133, 244, 0.9) 58.25%,
+    #ee2cff 100%
+  );
+  @media (max-width: 600px) {
+    left: 20%;
+  }
+`;
+exports.Text = styled_components_1.default.span `
+  font-family: Manrope, sans-serif;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 18px;
+  color: #ffffff;
+  z-index: 1;
+  @media (max-width: 600px) {
+    text-align: center;
+  }
+`;
+exports.PremiumText = (0, styled_components_1.default)(exports.Text) `
+  background: -webkit-linear-gradient(#8eb9ff, #f36eff);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  @media (max-width: 600px) {
+    & > span {
+      display: none;
+    }
+  }
+`;
+exports.Content = styled_components_1.default.div `
+  max-width: 1440px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  overflow: hidden;
+  margin: 0 auto;
+  gap: 16px;
+  padding: 0 22px 0 16px;
+  @media (max-width: 960px) {
+    padding: 0 18px;
+  }
+  @media (max-width: 600px) {
+    gap: 4px;
+    flex-direction: column;
+  }
+`;
+exports.Button = styled_components_1.default.a `
+  font-family: Manrope, sans-serif;
+  padding: 4px 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 18px;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  background: #ffffff;
+  z-index: 1;
+`;
+exports.PremiumButton = styled_components_1.default.a `
+  font-family: Manrope, sans-serif;
+  padding: 4px 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 20px;
+  border: none;
+  cursor: pointer;
+  background: transparent;
+  text-decoration: underline;
+  color: #ffffff;
+  white-space: nowrap;
+  transition: ${() => `color 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    color: ${(props) => props.theme.text.accentSecondary};
+  }
+  @media (max-width: 600px) {
+    padding: 0 8px 4px 8px;
+  }
+`;
+exports.ButtonText = styled_components_1.default.span `
+  white-space: nowrap;
+  background: -webkit-linear-gradient(#9747ff, #337bf0e5, #ee2cff);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+`;
+//# sourceMappingURL=PremiumBanner.styled.js.map

package/dist/components/banners/PremiumBanner/PremiumBanner.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PremiumBanner.styled.js","sourceRoot":"","sources":["../../../../src/components/banners/PremiumBanner/PremiumBanner.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,sEAA2E;AAE9D,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAwB;;;;gBAI3C,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,MAAM;gBACnD,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,SAAS;IACb,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;IACzB,CAAC,CAAC,qGAAqG;CAC5G,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkB7B,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;CAU9B,CAAA;AAEY,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,YAAI,CAAC,CAAA;;;;;;;;;CAStC,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBhC,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;CAc7B,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;gBAerB,GAAG,EAAE,CAAC,cAAc,8BAAkB,CAAC,WAAW,EAAE;;aAEvD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe;;;;;CAKvD,CAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;CAKpC,CAAA"}

package/dist/components/banners/PremiumBanner/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PremiumBanner"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/banners/PremiumBanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/banners/PremiumBanner/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B"}

package/dist/components/banners/TextBlackBanner/TextBlackBanner.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextBlackBanner = void 0;
+const react_1 = __importStar(require("react"));
+const theme_const_1 = require("../../../theme/theme.const");
+const Styled = __importStar(require("./TextBlackBanner.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const Typography_1 = require("../../uikit/Typography");
+const id = 'a78583c4-9d64-d4d2-d4c4-0191d67c413c';
+const TextBlackBanner = () => {
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    (0, react_1.useEffect)(() => {
+        const script = document.createElement('script');
+        script.src =
+            '//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/build/index.js';
+        script.async = true;
+        const widget = document.createElement('tb-notification-widget');
+        widget.setAttribute('widget-id', id);
+        widget.setAttribute('only-manual', '');
+        document.body.appendChild(script);
+        document.body.appendChild(widget);
+        return () => {
+            document.body.removeChild(script);
+            document.body.removeChild(widget);
+        };
+    }, []);
+    const handleClick = () => {
+        if (window.TextBack) {
+            window.TextBack.NotificationWidget.getWidget(id).then(function (widget) {
+                widget.show();
+            });
+        }
+    };
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, null,
+            react_1.default.createElement(Styled.Content, null,
+                react_1.default.createElement(Styled.Text, { variant: "text-Medium", colorName: "contrastThemed", tag: "span" }, "\u0425\u043E\u0442\u0438\u0442\u0435 \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0411\u0415\u0421\u041F\u041B\u0410\u0422\u041D\u0423\u042E \u043A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044E \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0430\u043C pro.finansy? \u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u0437\u0430\u044F\u0432\u043A\u0443, \u0438 \u043C\u044B \u0441 \u0432\u0430\u043C\u0438 \u0441\u0432\u044F\u0436\u0435\u043C\u0441\u044F!"),
+                react_1.default.createElement(Styled.Button, { onClick: handleClick },
+                    react_1.default.createElement(Typography_1.Typography, { variant: "description-Medium", colorName: "primary", tag: "span" }, "\u041E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443"))))));
+};
+exports.TextBlackBanner = TextBlackBanner;
+//# sourceMappingURL=TextBlackBanner.js.map

package/dist/components/banners/TextBlackBanner/TextBlackBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBlackBanner.js","sourceRoot":"","sources":["../../../../src/components/banners/TextBlackBanner/TextBlackBanner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,4DAAoD;AACpD,iEAAkD;AAClD,yDAAiD;AACjD,gEAAsD;AACtD,uDAAmD;AAEnD,MAAM,EAAE,GAAG,sCAAsC,CAAA;AAEjD,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC/C,MAAM,CAAC,GAAG;YACR,4EAA4E,CAAA;QAC9E,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA;QAEnB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAA;QAC/D,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;QACpC,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA;QAEtC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QAEjC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;YACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,MAAM,CAAC,QAAQ,EAAE;YACnB,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,MAAM;gBACpE,MAAM,CAAC,IAAI,EAAE,CAAA;YACf,CAAC,CAAC,CAAA;SACH;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS;YACf,8BAAC,MAAM,CAAC,OAAO;gBACb,8BAAC,MAAM,CAAC,IAAI,IACV,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gBAAgB,EAC1B,GAAG,EAAC,MAAM,gfAIE;gBACd,8BAAC,MAAM,CAAC,MAAM,IAAC,OAAO,EAAE,WAAW;oBACjC,8BAAC,uBAAU,IACT,OAAO,EAAC,oBAAoB,EAC5B,SAAS,EAAC,SAAS,EACnB,GAAG,EAAC,MAAM,4FAGC,CACC,CACD,CACA,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,0CAAe"}

package/dist/components/banners/TextBlackBanner/TextBlackBanner.styled.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.Button = exports.Content = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Typography_1 = require("../../uikit/Typography");
+exports.Container = styled_components_1.default.div `
+  position: relative;
+  width: 100%;
+  padding: 6px 0;
+  border-top: ${(props) => props.theme.text.primary};
+  background: ${(props) => props.theme.interactiveButtons.successText};
+`;
+exports.Content = styled_components_1.default.div `
+  max-width: 1440px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  overflow: hidden;
+  gap: 16px;
+  margin: 0 auto;
+  padding: 0 22px 0 16px;
+  @media (max-width: 960px) {
+    padding: 0 18px;
+  }
+  @media (max-width: 600px) {
+    gap: 4px;
+    flex-direction: column;
+  }
+`;
+exports.Button = styled_components_1.default.button `
+  background: ${(props) => props.theme.background.content};
+  border: none;
+  outline: none;
+  border-radius: 6px;
+  padding: 4px 12px;
+  cursor: pointer;
+  & > span {
+    white-space: nowrap;
+  }
+`;
+exports.Text = (0, styled_components_1.default)(Typography_1.Typography) `
+  @media (max-width: 600px) {
+    text-align: center;
+  }
+`;
+//# sourceMappingURL=TextBlackBanner.styled.js.map

package/dist/components/banners/TextBlackBanner/TextBlackBanner.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBlackBanner.styled.js","sourceRoot":"","sources":["../../../../src/components/banners/TextBlackBanner/TextBlackBanner.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,uDAAmD;AAEtC,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;gBAInB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;gBACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,WAAW;CACpE,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBhC,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAA;gBACnB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;;;;;;;;CASxD,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;CAIrC,CAAA"}

package/dist/components/banners/TextBlackBanner/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextBlackBanner = void 0;
+var TextBlackBanner_1 = require("./TextBlackBanner");
+Object.defineProperty(exports, "TextBlackBanner", { enumerable: true, get: function () { return TextBlackBanner_1.TextBlackBanner; } });
+//# sourceMappingURL=index.js.map

package/dist/components/banners/TextBlackBanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/banners/TextBlackBanner/index.ts"],"names":[],"mappings":";;;AAAA,qDAAmD;AAA1C,kHAAA,eAAe,OAAA"}

package/dist/components/blocks/Comment/Comment.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Comment = void 0;
+const react_1 = __importDefault(require("react"));
+const Comment_svg_1 = __importDefault(require("../../../icons/Comment.svg"));
+const Styled = __importStar(require("./Comment.styled"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../theme/theme.const");
+const Typography_1 = require("../../uikit/Typography");
+const Comment = ({ amount, onClick, type = 'primary' }) => {
+    const { mode: theme } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[theme] },
+        react_1.default.createElement(Styled.Button, { onClick: onClick, "$type": type },
+            react_1.default.createElement(Comment_svg_1.default, null),
+            react_1.default.createElement(Typography_1.Typography, { variant: "description-Medium", tag: "span", colorName: 'tertiary' }, amount))));
+};
+exports.Comment = Comment;
+//# sourceMappingURL=Comment.js.map

package/dist/components/blocks/Comment/Comment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.js","sourceRoot":"","sources":["../../../../src/components/blocks/Comment/Comment.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6EAAoD;AACpD,yDAA0C;AAE1C,gEAAsD;AACtD,yDAAiD;AACjD,4DAAoD;AACpD,uDAAmD;AAEnD,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,SAAS,EAAiB,EAAE,EAAE;IACvE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAEjC,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,KAAK,CAAC;QAClC,8BAAC,MAAM,CAAC,MAAM,IAAC,OAAO,EAAE,OAAO,WAAS,IAAI;YAC1C,8BAAC,qBAAW,OAAG;YACf,8BAAC,uBAAU,IACT,OAAO,EAAC,oBAAoB,EAC5B,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,UAAU,IAEpB,MAAM,CACI,CACC,CACF,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,0BAAO"}

package/dist/components/blocks/Comment/Comment.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Comment = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../../uikit/storybook/StoryTitle/StoryTitle");
+const Comment_1 = require("./Comment");
+const StoryExample_1 = require("../../uikit/storybook/StoryExample/StoryExample");
+const StoryDescription_1 = require("../../uikit/storybook/StoryDescription/StoryDescription");
+const Card_1 = require("../../uikit/Card");
+exports.default = {
+    title: 'Blocks/Comment',
+    component: Comment_1.Comment,
+    tags: ['autodocs']
+};
+const Comment = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Comment"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u043A\u043D\u043E\u043F\u043A\u0438 \u043A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0435\u0432 \u043F\u043E \u0432\u0441\u0435\u043C\u0443 \u0441\u0430\u0439\u0442\u0443." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Comment_1.Comment, { onClick: () => null, amount: 0 })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0431\u044B\u0432\u0430\u0435\u0442 \u0434\u0432\u0443\u0445 \u0442\u0438\u043F\u043E\u0432: <b>primary</b> \u0438 <b>content</b>. Card \u0432 \u043F\u0440\u0438\u043C\u0435\u0440\u0435 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D \u0434\u043B\u044F \u043D\u0430\u0433\u043B\u044F\u0434\u043D\u043E\u0441\u0442\u0438." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Comment_1.Comment, { onClick: () => null, amount: 0, type: "primary" }),
+            react_1.default.createElement(Card_1.Card, { margin: "16px 0px" },
+                react_1.default.createElement(Comment_1.Comment, { onClick: () => null, amount: 0, type: "content" })))));
+};
+exports.Comment = Comment;
+//# sourceMappingURL=Comment.stories.js.map

package/dist/components/blocks/Comment/Comment.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.stories.js","sourceRoot":"","sources":["../../../../src/components/blocks/Comment/Comment.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,4EAAwE;AAExE,uCAAgD;AAChD,kFAA8E;AAC9E,8FAA0F;AAC1F,2CAAuC;AAEvC,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,iBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,cAAsB;QAC7C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,8UAAgE,GAAG;QAC1F,8BAAC,2BAAY;YACX,8BAAC,iBAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,GAAI,CAChC;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,2XAAwG,GAAG;QAClI,8BAAC,2BAAY;YACX,8BAAC,iBAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG;YAC5D,8BAAC,WAAI,IAAC,MAAM,EAAC,UAAU;gBACrB,8BAAC,iBAAS,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,CACM,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,OAAO,WAiBnB"}

package/dist/components/blocks/Comment/Comment.styled.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+exports.Button = styled_components_1.default.button `
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: ${(props) => (props.$type === 'content' ? '4px 8px' : '0px')};
+  background: ${(props) => props.$type === 'content'
+    ? props.theme.background.secondary
+    : 'transparent'};
+  border: none;
+  cursor: pointer;
+  border-radius: 90px;
+  & span {
+    transition: color 0.3s ${animation_2.AnimationFunctions.animation_1};
+  }
+  & svg {
+    transition: transform 0.3s ${animation_2.AnimationFunctions.animation_1};
+  }
+  & path {
+    transition: all 0.3s ${animation_2.AnimationFunctions.animation_1};
+    fill: transparent;
+    stroke: ${(props) => props.theme.icons.secondary};
+  }
+  &:hover {
+    & path {
+      fill: ${(props) => props.theme.background.secondaryAlpha};
+      stroke: ${(props) => props.theme.icons.secondary};
+    }
+  }
+  &:active {
+    & span {
+      color: ${(props) => props.theme.text.fourth};
+    }
+    & svg {
+      transform: scale(0.93);
+      & path {
+        fill: ${(props) => props.theme.icons.fourth};
+        stroke: ${(props) => props.theme.icons.secondary};
+      }
+      & path:first-of-type {
+        stroke: ${(props) => props.theme.icons.fourth};
+      }
+    }
+  }
+`;
+//# sourceMappingURL=Comment.styled.js.map

package/dist/components/blocks/Comment/Comment.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.styled.js","sourceRoot":"","sources":["../../../../src/components/blocks/Comment/Comment.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,sEAA2E;AAG9D,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAyB;;;;aAI/C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;gBACvD,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,KAAK,KAAK,SAAS;IACvB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;IAClC,CAAC,CAAC,aAAa;;;;;6BAKQ,8BAAkB,CAAC,WAAW;;;iCAG1B,8BAAkB,CAAC,WAAW;;;2BAGpC,8BAAkB,CAAC,WAAW;;cAE3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;;cAItC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc;gBAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;;;eAKvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;;;;;gBAKjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;kBACjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;kBAGtC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;CAIpD,CAAA"}

package/dist/components/blocks/Comment/Comment.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Comment.typed.js.map

package/dist/components/blocks/Comment/Comment.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.typed.js","sourceRoot":"","sources":["../../../../src/components/blocks/Comment/Comment.typed.ts"],"names":[],"mappings":""}

package/dist/components/blocks/Comment/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Comment = void 0;
+var Comment_1 = require("./Comment");
+Object.defineProperty(exports, "Comment", { enumerable: true, get: function () { return Comment_1.Comment; } });
+//# sourceMappingURL=index.js.map

package/dist/components/blocks/Comment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/blocks/Comment/index.ts"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA"}

package/dist/components/blocks/CompanyInfo/CompanyInfo.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompanyInfo = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./CompanyInfo.styled"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const Content_1 = require("./components/Content");
+const CompanyInfo = (_a) => {
+    var { link } = _a, props = __rest(_a, ["link"]);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    if (link)
+        return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+            react_1.default.createElement(Styled.ContainerLink, { href: link, target: "_blank", rel: "noreferrer" },
+                react_1.default.createElement(Content_1.Content, Object.assign({}, props)))));
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, null,
+            react_1.default.createElement(Content_1.Content, Object.assign({}, props)))));
+};
+exports.CompanyInfo = CompanyInfo;
+//# sourceMappingURL=CompanyInfo.js.map

package/dist/components/blocks/CompanyInfo/CompanyInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyInfo.js","sourceRoot":"","sources":["../../../../src/components/blocks/CompanyInfo/CompanyInfo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAA8C;AAE9C,gEAAsD;AACtD,4DAAoD;AACpD,yDAAiD;AACjD,kDAA8C;AAE9C,MAAM,WAAW,GAAG,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,IAAI,OAA0B,EAArB,KAAK,cAAhB,QAAkB,CAAF;IACnC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,IAAI,IAAI;QACN,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;YACjC,8BAAC,MAAM,CAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY;gBAChE,8BAAC,iBAAO,oBAAK,KAAK,EAAI,CACD,CACT,CACjB,CAAA;IAEH,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS;YACf,8BAAC,iBAAO,oBAAK,KAAK,EAAI,CACL,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW"}

package/dist/components/blocks/CompanyInfo/CompanyInfo.stories.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompanyInfo = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../../uikit/storybook/StoryTitle/StoryTitle");
+const CompanyInfo_1 = require("./CompanyInfo");
+const StoryExample_1 = require("../../uikit/storybook/StoryExample/StoryExample");
+const StoryDescription_1 = require("../../uikit/storybook/StoryDescription/StoryDescription");
+exports.default = {
+    title: 'Blocks/CompanyInfo',
+    component: CompanyInfo_1.CompanyInfo,
+    tags: ['autodocs']
+};
+const CompanyInfo = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "CompanyInfo"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0438\u043A\u043E\u043D\u043A\u0438, \u0442\u0438\u043A\u043A\u0435\u0440\u0430 \u0438 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438. \u0414\u0430\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0434\u043E\u043B\u0436\u0435\u043D \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n      \u0432\u043E \u0432\u0441\u0435\u0445 \u0442\u0430\u0431\u043B\u0438\u0446\u0430\u0445, \u0433\u0434\u0435 \u0432\u044B\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u044B." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '200px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, secondLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", firstLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0422\u0435\u043A\u0441\u0442 \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0414\u043B\u044F \u043D\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432 \u0442\u0435\u043A\u0441\u0442\u043E\u043C \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u0432\u0430 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430: <b>firstLine</b> \u0438 <b>lastLine</b>.\n      \u0422\u0430\u043A\u0438\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0441\u0434\u0435\u043B\u0430\u043D\u044B \u0434\u043B\u044F \u0442\u043E\u0433\u043E, \u0447\u0442\u043E\u0431\u044B \u0443\u0447\u0435\u0441\u0442\u044C \u0440\u0430\u0437\u043B\u0438\u0447\u043D\u044B\u0435 \u0441\u043B\u0443\u0447\u0430\u0438, \u043A\u043E\u0433\u0434\u0430 \u0432\u043C\u0435\u0441\u0442\u043E \u0442\u0438\u043A\u043A\u0435\u0440\u0430 \u043D\u0430\u0434\u043E \u043E\u0442\u043E\u0431\u0440\u0430\u0437\u0438\u0442\u044C \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435, \u0430 \u0432\u043C\u0435\u0441\u0442\u043E \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 - \u0442\u0438\u043A\u043A\u0435\u0440.\n      \u0418\u043B\u0438 \u043A\u043E\u0433\u0434\u0430 \u0442\u0438\u043A\u043A\u0435\u0440\u0430 \u043D\u0435\u0442 \u0432\u043E\u043E\u0431\u0449\u0435, \u0430 \u0435\u0441\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435, \u043A\u043E\u0442\u043E\u0440\u043E\u0435 \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043F\u043E \u0441\u0442\u0438\u043B\u0438\u0441\u0442\u0438\u043A\u0435 \u0442\u0438\u043A\u043A\u0435\u0440\u0430 \u0438 \u0442\u0434." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, firstLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", secondLine: "SBER", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" }),
+            react_1.default.createElement("div", { style: { marginTop: '16px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, firstLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" })),
+            react_1.default.createElement("div", { style: { marginTop: '16px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, firstLine: "SBER", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0411\u0435\u0437 \u043B\u043E\u0433\u043E\u0442\u0438\u043F\u0430"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '200px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { withoutLogo: true, link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, secondLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", firstLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421 \u0441\u044B\u043B\u043A\u043E\u0439"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u043E, \u0447\u0442\u043E\u0431\u044B \u043F\u043E \u043A\u043B\u0438\u043A\u0443 \u043D\u0430 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u043B\u0430\u0441\u044C \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438 (\u0432 95% \u0441\u043B\u0443\u0447\u0430\u0435\u0432), \u0442\u043E \u043F\u0440\u043E\u043A\u0438\u043D\u044C\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>link</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(CompanyInfo_1.CompanyInfo, { link: "https://profinansy.ru/market/instrument/SBER", logoSize: 28, secondLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", firstLine: "SBER", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0411\u0435\u0437 \u0441\u0441\u044B\u043B\u043A\u0438"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(CompanyInfo_1.CompanyInfo, { logoSize: 28, secondLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", firstLine: "SBER", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u043E\u0439"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '200px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { logoSize: 28, link: "https://profinansy.ru/market/instrument/SBER", secondLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", firstLine: "\u041C\u043D\u043E\u0433\u0438\u0435 \u0434\u0443\u043C\u0430\u044E\u0442, \u0447\u0442\u043E Lorem Ipsum - \u0432\u0437\u044F\u0442\u044B\u0439 \u0441 \u043F\u043E\u0442\u043E\u043B\u043A\u0430 \u043F\u0441\u0435\u0432\u0434\u043E-\u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0439 \u043D\u0430\u0431\u043E\u0440 \u0441\u043B\u043E\u0432, \u043D\u043E \u044D\u0442\u043E \u043D\u0435 \u0441\u043E\u0432\u0441\u0435\u043C \u0442\u0430\u043A.", logo: "https://files.profinansy.ru/api/data/ambqefduv/Sberbank_of_Russia.jpg", hint: {
+                        content: [
+                            'test',
+                            'Многие думают, что Lorem Ipsum - взятый с потолка псевдо-латинский набор слов, но это не совсем так.'
+                        ]
+                    } }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0414\u043B\u044F \u0438\u043D\u0434\u0438\u043A\u0430\u0446\u0438\u0438 \u0437\u0430\u0433\u0440\u0443\u0449\u043A\u0438 \u043F\u0440\u043E\u043A\u0438\u043D\u044C\u0442\u0435 \u043F\u0440\u043E\u043F\u0441 <b>isLoading</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '200px' } },
+                react_1.default.createElement(CompanyInfo_1.CompanyInfo, { isLoading: true })))));
+};
+exports.CompanyInfo = CompanyInfo;
+//# sourceMappingURL=CompanyInfo.stories.js.map

package/dist/components/blocks/CompanyInfo/CompanyInfo.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyInfo.stories.js","sourceRoot":"","sources":["../../../../src/components/blocks/CompanyInfo/CompanyInfo.stories.tsx"],"names":[],"mappings":"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"}