profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/uikit/Tabs/Tabs.stories.js

@@ -0,0 +1,146 @@
+"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.Tabs = void 0;
+const react_1 = __importStar(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Tabs_1 = require("./Tabs");
+const Card_1 = require("../Card");
+exports.default = {
+    title: 'Components/Tabs',
+    component: Tabs_1.Tabs,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=13264-18262&mode=dev'
+        }
+    }
+};
+const Tabs = () => {
+    const data = [
+        { label: 'Акции', value: 'stock' },
+        { label: 'Облигации', value: 'bonds' },
+        { label: 'ETF', value: 'etfs' },
+        { label: 'Криптовалюта', value: 'crypto' },
+        { label: 'Индексы', value: 'index' },
+        { label: 'Валюта', value: 'currency' },
+        { label: 'Фьючерсы', value: 'futures' },
+        { label: 'Опционы', value: 'options' },
+        { label: 'Металлы', value: 'metals' }
+    ];
+    const dataWithCountCounter = [
+        { label: 'Акции', value: 'stock', dataCount: 1 },
+        { label: 'Облигации', value: 'bonds', dataCount: 25 },
+        { label: 'ETF', value: 'etfs', dataCount: 99 }
+    ];
+    const [value1, setValue1] = (0, react_1.useState)(data[0].value);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Tabs"),
+        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 \u0432\u044B\u0431\u043E\u0440\u0430 \u0440\u0435\u043D\u0434\u0430\u0440\u0438\u043D\u0433\u0430 \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Tabs_1.Tabs, { options: data, selectedValue: value1, onChange: setValue1 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "Counter \u0432\u043D\u0443\u0442\u0440\u0438 Tabs"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043E\u0442\u043E\u0431\u0440\u0430\u0437\u0438\u0442\u044C \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043D\u0430\u0439\u0434\u0435\u043D\u044B\u0445/\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u043C\u044B\u0445 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432. \u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0430\u0434\u043E\n      \u043E\u0442\u043E\u0431\u0440\u0430\u0437\u0438\u0442\u044C \u0447\u0438\u0441\u043B\u043E \u0432 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0435 Counter, \u0442\u043E \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>counterType</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0435\u043D\u0438\u044E \u043E\u043D\u043E \u0440\u0430\u0432\u043D\u043E <b>brand</b>.\n      " }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Tabs_1.Tabs, { counterType: "brand", options: dataWithCountCounter, selectedValue: value1, onChange: setValue1 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043A\u0440\u043E\u043B\u043B"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0442\u0430\u0431\u044B \u043D\u0435 \u0432\u043B\u0435\u0437\u0430\u044E\u0442 \u0432 \u043A\u043E\u043D\u0442\u0435\u043D\u0442, \u0442\u043E \u043E\u043D\u0438 \u0431\u0443\u0434\u0443\u0442 \u0441\u043A\u0440\u044B\u0430\u0442\u044C\u0441\u044F \u0437\u0430 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C \u0438 \u0441\u043A\u0440\u043E\u043B\u0438\u0442\u044C\u0441\u044F. \u0414\u043B\u044F \u043B\u0443\u0447\u0448\u0435\u0433\u043E UX \u0432\u0430\u0448\u0438 \u0442\u0430\u0431\u044B \u0434\u043E\u043B\u0436\u043D\u044B \u043F\u043B\u043E\u0442\u043D\u043E\n      \u043F\u0440\u0438\u043C\u044B\u043A\u0430\u0442\u044C \u043A \u043A\u0440\u0430\u044F\u043C, \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0441\u0434\u0435\u043B\u0430\u043D\u043E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>indent</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043E\u043D\u043E \u0440\u0430\u0432\u043D\u043E 16 - \u0441\u0442\u0430\u043D\u0434\u0430\u0440\u0442\u043D\u043E\u0433\u043E \u043F\u0430\u0434\u0434\u0438\u043D\u0433\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { maxWidth: '600px' } },
+                react_1.default.createElement(Card_1.Card, { title: "\u0421\u043A\u0440\u043E\u043B\u043B" },
+                    react_1.default.createElement(Tabs_1.Tabs, { scroll: "content", options: data, selectedValue: value1, onChange: setValue1 })))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043A\u0440\u044B\u0442\u0438\u0435 \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0445 \u0442\u0430\u0431\u043E\u0432"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u043E \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u043D\u044B\u0435 \u0442\u0430\u0431\u044B \u043F\u043E \u0443\u0441\u043B\u043E\u0432\u0438\u044E, \u0442\u043E \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C \u043F\u043E\u043B\u0435 hidden \u0443 \u0442\u0430\u0431\u0430 \u0432 \u043F\u0440\u043E\u043F\u0441\u0435 options" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { maxWidth: '600px' } },
+                react_1.default.createElement(Card_1.Card, { title: "\u0421\u043A\u0440\u043E\u043B\u043B" },
+                    react_1.default.createElement(Tabs_1.Tabs, { scroll: "content", options: [
+                            { label: 'Акции', value: 'stock' },
+                            { label: 'Облигации', value: 'bonds', hidden: true },
+                            { label: 'ETF', value: 'etfs' },
+                            { label: 'Криптовалюта', value: 'crypto' },
+                            { label: 'Индексы', value: 'index' }
+                        ], selectedValue: value1, onChange: setValue1 })))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0440\u0435\u0444\u0435\u0442\u0447 \u043F\u0440\u0438 \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u0438 \u043C\u044B\u0448\u043A\u043E\u0439"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\u044B\u0437\u044B\u0432\u0430\u0442\u044C \u043F\u0440\u0435\u0444\u0435\u0442\u0447 \u0434\u0430\u043D\u043D\u044B\u0445 \u043F\u0440\u0438 \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u0438 \u043C\u044B\u0448\u043A\u043E\u0439, \u043F\u0435\u0440\u0435\u0434\u0430\u0432 \u0432 onMouseEnter \u0431\u0430\u0431\u043B\u0430 callback \u0441 \u043B\u043E\u0433\u0438\u043A\u043E\u0439 \u043F\u0440\u0435\u0444\u0435\u0442\u0447\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { maxWidth: '600px' } },
+                react_1.default.createElement(Card_1.Card, null,
+                    react_1.default.createElement(Tabs_1.Tabs, { options: [
+                            {
+                                label: 'Акции',
+                                value: 'stock',
+                                onMouseEnter: () => console.log('Prefetch stock')
+                            },
+                            {
+                                label: 'Облигации',
+                                value: 'bonds',
+                                onMouseEnter: () => console.log('Prefetch bonds')
+                            },
+                            { label: 'ETF', value: 'etfs' },
+                            {
+                                label: 'Криптовалюта',
+                                value: 'crypto',
+                                onMouseEnter: () => console.log('Prefetch crypto')
+                            },
+                            {
+                                label: 'Индексы',
+                                value: 'index',
+                                onMouseEnter: () => console.log('Prefetch index')
+                            }
+                        ], selectedValue: value1, onChange: setValue1 })))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u043E\u043C\u0435\u0442\u043A\u0430 \u043D\u0435\u043A\u043E\u0442\u043E\u0440\u044B\u0445 \u0442\u0430\u0431\u043E\u0432 \u043A\u0430\u043A \u043D\u043E\u0432\u044B\u0445"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: `Вы можете передать параметр <strong>isNewSection</strong> для таба, чтобы пометить его как новый` }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { maxWidth: '600px' } },
+                react_1.default.createElement(Card_1.Card, null,
+                    react_1.default.createElement(Tabs_1.Tabs, { options: [
+                            {
+                                label: 'Акции',
+                                value: 'stock',
+                                isNewSection: true
+                            },
+                            {
+                                label: 'Облигации',
+                                value: 'bonds'
+                            },
+                            { label: 'ETF', value: 'etfs' },
+                            {
+                                label: 'Криптовалюта',
+                                value: 'crypto',
+                                isNewSection: true,
+                                dataCount: 99
+                            },
+                            {
+                                label: 'Индексы',
+                                value: 'index'
+                            }
+                        ], selectedValue: value1, onChange: setValue1 }))))));
+};
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tabs.stories.js.map

package/dist/components/uikit/Tabs/Tabs.stories.js.map

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

package/dist/components/uikit/Tabs/Tabs.styled.js

@@ -0,0 +1,147 @@
+"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.NewTabCircle = exports.RightButton = exports.LeftButton = exports.Mute = exports.LineIndicator = exports.Button = exports.Container = exports.Wrapper = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+const ArrowButton_1 = require("../ArrowButton");
+const common_1 = require("../../../constants/common");
+const showAnimation = (0, styled_components_1.keyframes) `
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`;
+exports.Wrapper = styled_components_1.default.div `
+  max-width: 100%;
+  position: relative;
+`;
+exports.Container = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  -ms-overflow-style: none; /* IE и Edge */
+  scrollbar-width: none; /* Firefox */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    padding-right: ${(props) => `${props.indent}px`};
+    margin-right: ${(props) => `-${props.indent}px`};
+    padding-left: ${(props) => `${props.indent}px`};
+    margin-left: ${(props) => `-${props.indent}px`};
+  }
+`;
+exports.Button = styled_components_1.default.button `
+  font-family: 'Manrope', sans-serif;
+  background: transparent;
+  outline: none;
+  border: none;
+  color: ${(props) => props.isActive ? props.theme.text.primary : props.theme.text.fourth};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  gap: 4px;
+  align-items: center;
+  white-space: nowrap;
+  padding: 8px 0;
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    color: ${(props) => props.theme.text.primary};
+  }
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+    pointer-events: none;
+  }
+`;
+exports.LineIndicator = styled_components_1.default.div `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: ${(props) => `${props.width}px`};
+  height: 2px;
+  background: ${(props) => props.theme.stroke.accent};
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  will-change: transform;
+  transform: ${(props) => `translateX(${props.position}px)`};
+`;
+exports.Mute = styled_components_1.default.div `
+  height: 36px;
+  width: 60px;
+  z-index: 5;
+  position: absolute;
+  top: 0;
+  pointer-events: none;
+  animation: ${showAnimation} 0.2s ${animation_2.AnimationFunctions.animation_1} forwards;
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: none;
+  }
+  ${(props) => props.isLeft
+    ? (0, styled_components_1.css) `
+          left: 0;
+          background: ${(props) => props.scroll === 'base'
+        ? props.theme.gradient.gradient_1
+        : props.theme.gradient.gradient_2};
+        `
+    : (0, styled_components_1.css) `
+          right: 0;
+          background: ${(props) => props.scroll === 'base'
+        ? props.theme.gradient.gradient_3
+        : props.theme.gradient.gradient_4};
+        `}
+`;
+exports.LeftButton = (0, styled_components_1.default)(ArrowButton_1.ArrowButton) `
+  position: absolute;
+  left: 0;
+  top: 4px;
+  z-index: 10;
+  animation: ${showAnimation} 0.2s ${animation_2.AnimationFunctions.animation_1} forwards;
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: none;
+  }
+`;
+exports.RightButton = (0, styled_components_1.default)(ArrowButton_1.ArrowButton) `
+  position: absolute;
+  right: 0;
+  top: 4px;
+  z-index: 10;
+  animation: ${showAnimation} 0.2s ${animation_2.AnimationFunctions.animation_1} forwards;
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: none;
+  }
+`;
+exports.NewTabCircle = styled_components_1.default.span `
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: ${(props) => props.theme.text.negative};
+`;
+//# sourceMappingURL=Tabs.styled.js.map

package/dist/components/uikit/Tabs/Tabs.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Tabs/Tabs.styled.ts"],"names":[],"mappings":"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"}

package/dist/components/uikit/Tabs/Tabs.typed.js

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

package/dist/components/uikit/Tabs/Tabs.typed.js.map

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

package/dist/components/uikit/Tabs/index.js

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

package/dist/components/uikit/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Tabs/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}

package/dist/components/uikit/TextButton/TextButton.const.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMode = void 0;
+const getMode = (theme) => {
+    return {
+        blue: {
+            default: {
+                color: theme.interactiveButtons.outlineBrandText
+            },
+            hover: {
+                color: theme.interactiveButtons.secondaryBrandText
+            },
+            active: {
+                color: theme.interactiveButtons.outlineBrandText
+            }
+        }
+    };
+};
+exports.getMode = getMode;
+//# sourceMappingURL=TextButton.const.js.map

package/dist/components/uikit/TextButton/TextButton.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.const.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/TextButton.const.ts"],"names":[],"mappings":";;;AAEO,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE;IACvC,OAAO;QACL,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB;aACjD;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,kBAAkB;aACnD;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB;aACjD;SACF;KACF,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,OAAO,WAcnB"}

package/dist/components/uikit/TextButton/TextButton.js

@@ -0,0 +1,46 @@
+"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.TextButton = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./TextButton.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Typography_1 = require("../Typography");
+const TextButton = ({ type = 'button', text, style, onClick, className, iconLeft, iconRight, disabled }) => {
+    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.TextButton, { type: type, style: style, className: (0, classnames_1.default)('text-button', className), disabled: disabled, onClick: onClick },
+            iconLeft ? react_1.default.createElement(Styled.IconLeft, null, iconLeft) : null,
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Medium", tag: "span" }, text),
+            iconRight ? react_1.default.createElement(Styled.IconRight, null, iconRight) : null)));
+};
+exports.TextButton = TextButton;
+//# sourceMappingURL=TextButton.js.map

package/dist/components/uikit/TextButton/TextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/TextButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,4DAA6C;AAG7C,4DAAmC;AACnC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AACpD,8CAA0C;AAE1C,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACI,EAAE,EAAE;IAChB,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,UAAU,IAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO;YAEf,QAAQ,CAAC,CAAC,CAAC,8BAAC,MAAM,CAAC,QAAQ,QAAE,QAAQ,CAAmB,CAAC,CAAC,CAAC,IAAI;YAChE,8BAAC,uBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,GAAG,EAAC,MAAM,IACzC,IAAI,CACM;YACZ,SAAS,CAAC,CAAC,CAAC,8BAAC,MAAM,CAAC,SAAS,QAAE,SAAS,CAAoB,CAAC,CAAC,CAAC,IAAI,CAClD,CACN,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

package/dist/components/uikit/TextButton/TextButton.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.TextButton = void 0;
+const react_1 = __importDefault(require("react"));
+const Remove_svg_1 = __importDefault(require("../../../icons/Remove.svg"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const TextButton_1 = require("./TextButton");
+exports.default = {
+    title: 'Components/TextButton',
+    component: TextButton_1.TextButton,
+    tags: ['autodocs']
+};
+const TextButton = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "TextButton"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0422\u0435\u043A\u0441\u0442\u043E\u0432\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043A\u0430\u043A \u0442\u0440\u0438\u0433\u0433\u0435\u0440 \u0434\u043B\u044F \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0451\u043D\u043D\u043E\u0433\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F.\n      \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0434\u043D\u043E\u0437\u043D\u0430\u0447\u043D\u043E \u0441\u043E\u043E\u0431\u0449\u0430\u0435\u0442 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E, \u0447\u0442\u043E \u043F\u0440\u043E\u0438\u0437\u043E\u0439\u0434\u0451\u0442 \u043F\u043E\u0441\u043B\u0435 \u043D\u0430\u0436\u0430\u0442\u0438\u044F \u043D\u0430 \u043D\u0435\u0451.\n      \u041D\u0430 \u0442\u0435\u043A\u0443\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0438\u043C\u0435\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u043E\u0434\u043D\u043E \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(TextButton_1.TextButton, { text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041D\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u043A\u043D\u043E\u043F\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u043A\u043E\u043D\u043A\u0443 \u0441\u043B\u0435\u0432\u0430 \u0438\u043B\u0438 \u0441\u043F\u0440\u0430\u0432\u0430" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(TextButton_1.TextButton, { iconLeft: react_1.default.createElement(Remove_svg_1.default, null), text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" }),
+            react_1.default.createElement(TextButton_1.TextButton, { iconRight: react_1.default.createElement(Remove_svg_1.default, null), text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" }))));
+};
+exports.TextButton = TextButton;
+//# sourceMappingURL=TextButton.stories.js.map

package/dist/components/uikit/TextButton/TextButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/TextButton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,2EAAkD;AAClD,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,6CAAsD;AAEtD,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,iBAAyB;QAChD,8BAAC,mCAAgB,IACf,IAAI,EAAC,4kCAEuC,GAC5C;QACF,8BAAC,2BAAY;YACX,8BAAC,uBAAS,IAAC,IAAI,EAAC,2EAAe,GAAG,CACrB;QACf,8BAAC,uBAAU,4GAA+B;QAC1C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,mNAAyC,GAAG;QACnE,8BAAC,2BAAY;YACX,8BAAC,uBAAS,IAAC,QAAQ,EAAE,8BAAC,oBAAU,OAAG,EAAE,IAAI,EAAC,2EAAe,GAAG;YAC5D,8BAAC,uBAAS,IAAC,SAAS,EAAE,8BAAC,oBAAU,OAAG,EAAE,IAAI,EAAC,2EAAe,GAAG,CAChD,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,UAAU,cAoBtB"}

package/dist/components/uikit/TextButton/TextButton.styled.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconRight = exports.IconLeft = exports.TextButton = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const TextButton_const_1 = require("./TextButton.const");
+exports.TextButton = styled_components_1.default.button `
+  font-family: Manrope, sans-serif;
+  cursor: pointer;
+  width: fit-content;
+  color: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].default.color};
+  border: none;
+  padding: 0;
+  background: transparent;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  & path {
+    fill: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].default.color};
+  }
+  &:hover {
+    color: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].hover.color};
+    & path {
+      fill: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].hover.color};
+    }
+  }
+  &:active {
+    color: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].active.color};
+    & path {
+      fill: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].active.color};
+    }
+  }
+`;
+exports.IconLeft = styled_components_1.default.span `
+  margin-right: 8px;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+exports.IconRight = styled_components_1.default.span `
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+//# sourceMappingURL=TextButton.styled.js.map

package/dist/components/uikit/TextButton/TextButton.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/TextButton.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,yDAA4C;AAE/B,QAAA,UAAU,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;WAI5B,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK;;;;;;;;YAQpD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK;;;aAGpD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK;;cAElD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK;;;;aAIpD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK;;cAEnD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK;;;CAGjE,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;CAOlC,CAAA;AACY,QAAA,SAAS,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;CAMnC,CAAA"}

package/dist/components/uikit/TextButton/TextButton.typed.js

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

package/dist/components/uikit/TextButton/TextButton.typed.js.map

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

package/dist/components/uikit/TextButton/index.js

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

package/dist/components/uikit/TextButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}

package/dist/components/uikit/TextButtonLink/TextButtonLink.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButtonLink = void 0;
+const react_1 = __importDefault(require("react"));
+const ArrowLink_svg_1 = __importDefault(require("../../../icons/ArrowLink.svg"));
+const TextButton_1 = require("../TextButton");
+const TextButtonLink = (props) => {
+    return react_1.default.createElement(TextButton_1.TextButton, Object.assign({}, props, { iconRight: react_1.default.createElement(ArrowLink_svg_1.default, null) }));
+};
+exports.TextButtonLink = TextButtonLink;
+//# sourceMappingURL=TextButtonLink.js.map

package/dist/components/uikit/TextButtonLink/TextButtonLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButtonLink.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButtonLink/TextButtonLink.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,iFAAoD;AAEpD,8CAA0C;AAE1C,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAE,EAAE;IAChD,OAAO,8BAAC,uBAAU,oBAAK,KAAK,IAAE,SAAS,EAAE,8BAAC,uBAAS,OAAG,IAAI,CAAA;AAC5D,CAAC,CAAA;AAEQ,wCAAc"}

package/dist/components/uikit/TextButtonLink/TextButtonLink.stories.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const TextButtonLink_1 = require("./TextButtonLink");
+exports.default = {
+    title: 'Components/TextButtonLink',
+    component: TextButtonLink_1.TextButtonLink,
+    tags: ['autodocs']
+};
+const TextButton = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "TextButtonLink"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0427\u0430\u0441\u0442\u043D\u044B\u0439 \u0441\u043B\u0443\u0447\u0430\u0439 \u0434\u043B\u044F \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u043E\u0439 \u043A\u043D\u043E\u043F\u043A\u0438. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F, \u043A\u043E\u0433\u0434\u0430 \u043A\u043D\u043E\u043F\u043A\u0430 \u043F\u0435\u0440\u0435\u043F\u0440\u0430\u0432\u043B\u044F\u0435\u0442 \u043D\u0430 \u0441\u0442\u043E\u0440\u043E\u043D\u043D\u044E\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(TextButtonLink_1.TextButtonLink, { text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" }))));
+};
+exports.TextButton = TextButton;
+//# sourceMappingURL=TextButtonLink.stories.js.map

package/dist/components/uikit/TextButtonLink/TextButtonLink.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButtonLink.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButtonLink/TextButtonLink.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,qDAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,+BAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,qBAA6B;QACpD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,8gBAAqG,GAAG;QAC/H,8BAAC,2BAAY;YACX,8BAAC,+BAAS,IAAC,IAAI,EAAC,2EAAe,GAAG,CACrB,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,UAAU,cAUtB"}

package/dist/components/uikit/TextButtonLink/TextButtonLink.typed.js

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

package/dist/components/uikit/TextButtonLink/TextButtonLink.typed.js.map

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

package/dist/components/uikit/TextButtonLink/index.js

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

package/dist/components/uikit/TextButtonLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButtonLink/index.ts"],"names":[],"mappings":";;;AAAA,mDAAiD;AAAxC,gHAAA,cAAc,OAAA"}