profinansy-ui-lib 3.1.83 → 3.1.85

package/dist/components/uikit/Card/Card.js

@@ -0,0 +1,72 @@
+"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.Card = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = require("styled-components");
+const Popup_1 = require("../Popup");
+const Styled = __importStar(require("./Card.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Card = (0, react_1.forwardRef)((props, ref) => {
+    const { children, title, subtitle, titleLink, className, classNameTitle, classNameHeader, isHover = false, hint = null, width = '100%', padding = '16px', margin = '0px 0px 16px 0px', rightContent, isTitleWrap = false, adaptiveRightContent } = props;
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const getText = () => {
+        if (!isTitleWrap) {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                title,
+                isTitleWrap && hint ? (react_1.default.createElement(Styled.Hint, null,
+                    react_1.default.createElement(Popup_1.Popup, Object.assign({}, hint)))) : null));
+        }
+        else {
+            const words = title.split(' ');
+            const lastWord = words.pop();
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                words.join(' '),
+                "\u00A0",
+                react_1.default.createElement(Styled.LastWord, null,
+                    lastWord,
+                    isTitleWrap && hint ? (react_1.default.createElement(Styled.Hint, null,
+                        react_1.default.createElement(Popup_1.Popup, Object.assign({}, hint)))) : null)));
+        }
+    };
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, { margin: margin, padding: padding, width: width, isHover: isHover, className: (0, classnames_1.default)(className, 'card-container'), ref: ref },
+            title && (react_1.default.createElement(Styled.Header, { isMarginBottom: !!children, className: (0, classnames_1.default)(classNameHeader, 'card-header') },
+                react_1.default.createElement(Styled.FirstLine, { adaptiveRightContent: adaptiveRightContent },
+                    react_1.default.createElement(Styled.TitleContainer, { isTitleWrap: isTitleWrap, adaptiveRightContent: adaptiveRightContent },
+                        titleLink ? (react_1.default.createElement(Styled.TitleLink, { isTitleWrap: isTitleWrap, href: titleLink, target: '_blank', rel: "noreferrer", className: (0, classnames_1.default)(classNameTitle, 'card-title') }, getText())) : (react_1.default.createElement(Styled.Title, { isTitleWrap: isTitleWrap, className: (0, classnames_1.default)(classNameTitle, 'card-title') }, getText())),
+                        !isTitleWrap && hint ? (react_1.default.createElement(Styled.Hint, null,
+                            react_1.default.createElement(Popup_1.Popup, Object.assign({}, hint)))) : null),
+                    rightContent || null),
+                subtitle && react_1.default.createElement(Styled.Subtitle, null, subtitle))),
+            children)));
+});
+exports.Card = Card;
+//# sourceMappingURL=Card.js.map

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

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

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

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const react_1 = __importDefault(require("react"));
+const Input_1 = require("../Input");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Card_1 = require("./Card");
+const Typography_1 = require("../Typography");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+exports.default = {
+    title: 'Components/Card',
+    component: Card_1.Card,
+    tags: ['autodocs']
+};
+const Card = () => {
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Card"),
+        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\u0438\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430." }),
+        react_1.default.createElement(Card_1.Card, null,
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430"),
+        react_1.default.createElement(Card_1.Card, { title: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430", subtitle: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043F\u043E\u0434\u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430" },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0435\u0440\u0435\u043D\u043E\u0441 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u0440\u043E\u043F\u0441 <b>isTitleWrap</b>, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u0438\u043B\u0441\u044F, \u043A\u043E\u0433\u0434\u0430 \u043E\u043D \u043D\u0435 \u0432\u043B\u0435\u0437\u0430\u0435\u0442.\n      \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043E\u043D \u0441\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u0437\u0430 \u0442\u0440\u0435\u043C\u044F \u0442\u043E\u0447\u043A\u0430\u043C\u0438." }),
+        react_1.default.createElement(Card_1.Card, { title: "Lorem Ipsum is simply dummy text of the printing and typesetting\n          industry. Lorem Ipsum has been the industry's standard dummy text ever\n          since the 1500s, when an unknown printer took a galley of type and\n          scrambled it to make a type specimen book.", hint: {
+                content: ['Динамика счета', 'Lorem Ipsum.']
+            } },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(Card_1.Card, { isTitleWrap: true, title: "Lorem Ipsum is simply dummy text of the printing and typesetting\n          industry. Lorem Ipsum has been the industry's standard dummy text ever\n          since the 1500s, when an unknown printer took a galley of type and\n          scrambled it to make a type specimen book.", hint: {
+                content: ['Динамика счета', 'Lorem Ipsum.']
+            } },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0443. \u0411\u0443\u0434\u0435\u0442 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0442\u044C\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0432\u043C\u0435\u0441\u0442\u0435 \u0441 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u043E\u043C" }),
+        react_1.default.createElement(Card_1.Card, { title: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430", hint: {
+                content: [
+                    'Динамика счета',
+                    'Lorem Ipsum is simply dummy text of the printing and typesetting industry. ' +
+                        "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, " +
+                        'when an unknown printer took a galley of type and scrambled it to make a type specimen book.',
+                    'https://www.google.com/',
+                    'https://www.youtube.com/watch?v=XqZsoesa55w'
+                ]
+            } },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(Card_1.Card, { title: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430", hint: {
+                isText: true,
+                content: [
+                    'Динамика счета',
+                    'Lorem Ipsum is simply dummy text of the printing and typesetting industry. ' +
+                        "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, " +
+                        'when an unknown printer took a galley of type and scrambled it to make a type specimen book.',
+                    'https://www.google.com/',
+                    'https://www.youtube.com/watch?v=XqZsoesa55w'
+                ]
+            } },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u0435"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0438\u0432\u0442\u044C \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E isHover, \u0435\u0441\u043B\u0438 \u0432\u0430\u0448\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u043F\u0440\u0435\u0434\u043F\u043E\u043B\u0430\u0433\u0430\u0435\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043F\u0440\u0438 \u043A\u043B\u0438\u043A\u0435 \u043D\u0430 \u043D\u0435\u0435." }),
+        react_1.default.createElement(Card_1.Card, { title: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430", isHover: true },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u0441\u044B\u043B\u043A\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u043A\u043B\u0438\u043A\u0430\u0431\u0435\u043B\u044C\u043D\u044B\u043C, \u043F\u0435\u0440\u0435\u0434\u0430\u0432 \u0432 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0441\u0441\u044B\u043B\u043A\u0443 \u0432 \u043F\u0440\u043E\u043F\u0441\u0435 titleLink" }),
+        react_1.default.createElement(Card_1.Card, { title: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430", titleLink: 'https://www.google.com/' },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u043E\u043D\u0442\u0435\u043D\u0442 \u0441\u043F\u0440\u0430\u0432\u0430 \u043E\u0442 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432 \u043F\u0440\u0430\u0432\u043E\u043C \u0432\u0435\u0440\u0445\u043D\u0435\u043C \u0443\u0433\u043B\u0443 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043B\u044E\u0431\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u043D\u0442." }),
+        react_1.default.createElement(Card_1.Card, { title: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430", rightContent: react_1.default.createElement(Input_1.Input, { value: '', name: 'test' }), adaptiveRightContent: 450 },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0428\u0438\u0440\u0438\u043D\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u0430\u0441\u0442\u043E\u043C\u043D\u0443\u044E \u0448\u0438\u0440\u0438\u043D\u0443. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E width = 100%" }),
+        react_1.default.createElement(Card_1.Card, { title: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430", width: "500px" },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "Padding"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u0430\u0441\u0442\u043E\u043C\u043D\u044B\u0439 padding. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E 16px" }),
+        react_1.default.createElement(Card_1.Card, { title: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430", padding: "30px 25px" },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "Margin"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u0430\u0441\u0442\u043E\u043C\u043D\u044B\u0439 margin. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0438\u043C\u0435\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E marginBottom 12px" }),
+        react_1.default.createElement(Card_1.Card, { title: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430", margin: "0px 0px 0px 100px", width: "auto" },
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", tag: "p", color: theme_const_1.palette[mode].text.primary }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."))));
+};
+exports.Card = Card;
+//# sourceMappingURL=Card.stories.js.map

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

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

package/dist/components/uikit/Card/Card.styled.d.ts

@@ -7,9 +7,12 @@ declare const Container: import("styled-components").StyledComponent<"div", impo
 declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMarginBottom: boolean;
 }, never>;
-declare const FirstLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const FirstLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    adaptiveRightContent: number;
+}, never>;
 declare const TitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isTitleWrap: boolean;
+    adaptiveRightContent: number;
 }, never>;
 declare const Title: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, {
     isTitleWrap: boolean;

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

@@ -0,0 +1,136 @@
+"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.FirstLine = exports.Subtitle = exports.Hint = exports.TitleLink = exports.Title = exports.TitleContainer = exports.Header = exports.Container = exports.LastWord = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+const Container = styled_components_1.default.div `
+  width: ${(props) => props.width};
+  background: ${(props) => props.theme.background.content};
+  box-shadow: ${(props) => props.theme.shadow.basicDefault};
+  border-radius: 12px;
+  padding: ${(props) => props.padding};
+  margin: ${(props) => props.margin};
+  ${(props) => props.isHover &&
+    (0, styled_components_1.css) `
+      cursor: pointer;
+      transition: ${() => `all 0.4s ${animation_2.AnimationFunctions.animation_1}`};
+      &:hover {
+        transform: scale(0.99);
+        box-shadow: ${(props) => props.theme.shadow.basicHover};
+      }
+    `}
+`;
+exports.Container = Container;
+const Header = styled_components_1.default.div `
+  width: 100%;
+  margin-bottom: ${(props) => (props.isMarginBottom ? '12px' : '0')};
+`;
+exports.Header = Header;
+const FirstLine = styled_components_1.default.div `
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  ${(props) => props.adaptiveRightContent &&
+    (0, styled_components_1.css) `
+      @media (max-width: ${(props) => props.adaptiveRightContent}px) {
+        flex-direction: column;
+      }
+    `}
+`;
+exports.FirstLine = FirstLine;
+const TitleContainer = styled_components_1.default.div `
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin-right: 12px;
+  ${(props) => !props.isTitleWrap &&
+    (0, styled_components_1.css) `
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    `}
+  ${(props) => props.adaptiveRightContent &&
+    (0, styled_components_1.css) `
+      @media (max-width: ${(props) => props.adaptiveRightContent}px) {
+        margin-right: 0;
+        margin-bottom: 8px;
+      }
+    `}
+`;
+exports.TitleContainer = TitleContainer;
+const Title = styled_components_1.default.h4 `
+  font-family: Manrope, sans-serif;
+  margin-top: 0;
+  margin-bottom: 0;
+  color: ${(props) => props.theme.text.primary};
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 24px;
+  ${(props) => !props.isTitleWrap &&
+    (0, styled_components_1.css) `
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    `}
+`;
+exports.Title = Title;
+const TitleLink = styled_components_1.default.a `
+  text-decoration: none;
+  font-family: Manrope, sans-serif;
+  margin-top: 0;
+  margin-bottom: 0;
+  color: ${(props) => props.theme.text.primary};
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 24px;
+  ${(props) => !props.isTitleWrap &&
+    (0, styled_components_1.css) `
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    `}
+`;
+exports.TitleLink = TitleLink;
+const Hint = styled_components_1.default.div `
+  display: inline-block;
+  margin-left: 5px;
+`;
+exports.Hint = Hint;
+const Subtitle = styled_components_1.default.p `
+  color: ${(props) => props.theme.text.secondary};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+  margin-top: 4px;
+`;
+exports.Subtitle = Subtitle;
+exports.LastWord = styled_components_1.default.span `
+  display: inline-flex;
+  align-items: center;
+  flex-wrap: nowrap;
+`;
+//# sourceMappingURL=Card.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Card/Card.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,sEAA2E;AAE3E,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAK1B;WACS,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK;gBACjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;gBACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;aAE7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO;YACzB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM;IAC/B,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,OAAO;IACb,IAAA,uBAAG,EAAA;;oBAEa,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;;;sBAGhD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;;KAEzD;CACJ,CAAA;AAuGC,8BAAS;AArGX,MAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,CAA6B;;mBAEnC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;CAClE,CAAA;AAmGC,wBAAM;AAjGR,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAkC;;;;;IAK1D,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,oBAAoB;IAC1B,IAAA,uBAAG,EAAA;2BACoB,CAAC,KAAuC,EAAE,EAAE,CAC7D,KAAK,CAAC,oBAAoB;;;KAG/B;CACJ,CAAA;AA0FC,8BAAS;AAxFX,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAG/B;;;;;IAKE,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,KAAK,CAAC,WAAW;IAClB,IAAA,uBAAG,EAAA;;;;KAIF;IACD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,oBAAoB;IAC1B,IAAA,uBAAG,EAAA;2BACoB,CAAC,KAAuC,EAAE,EAAE,CAC7D,KAAK,CAAC,oBAAoB;;;;KAI/B;CACJ,CAAA;AA2DC,wCAAc;AAzDhB,MAAM,KAAK,GAAG,2BAAM,CAAC,EAAE,CAA0B;;;;WAItC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;IAI1C,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,KAAK,CAAC,WAAW;IAClB,IAAA,uBAAG,EAAA;;;;KAIF;CACJ,CAAA;AA2CC,sBAAK;AAzCP,MAAM,SAAS,GAAG,2BAAM,CAAC,CAAC,CAA0B;;;;;WAKzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;IAI1C,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,KAAK,CAAC,WAAW;IAClB,IAAA,uBAAG,EAAA;;;;KAIF;CACJ,CAAA;AA0BC,8BAAS;AAxBX,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGtB,CAAA;AAsBC,oBAAI;AApBN,MAAM,QAAQ,GAAG,2BAAM,CAAC,CAAC,CAAA;WACd,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;;;CAK/C,CAAA;AAeC,4BAAQ;AAbG,QAAA,QAAQ,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;CAIlC,CAAA"}

package/dist/components/uikit/Card/Card.typed.d.ts

@@ -25,6 +25,8 @@ export interface ICard {
     hint?: IPopup;
     /**Контент справа от заголовка*/
     rightContent?: React.ReactElement;
+    /**Разрешение, на котором переносить контент справа от заголовка на вторую строку*/
+    adaptiveRightContent?: number;
     /**Подзаголовок*/
     subtitle?: string;
     /**Карточка кликабельна, добавляет тень при наведении*/

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

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

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

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

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

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

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

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

package/dist/components/uikit/Checkbox/Checkbox.js

@@ -0,0 +1,54 @@
+"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.Checkbox = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Checkbox.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 Checkbox = ({ checked = false, text, htmlText, name, onChange, size = 'L', form = 'square', color, verticalAlign = 'center', horizontalAlign = 'start', value, isTextLeft, readonly = false, classNameContainer, classNameText }) => {
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const handleChange = (e) => {
+        if (onChange && !readonly)
+            onChange(e.target.checked, e);
+    };
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, { verticalAlign: verticalAlign, horizontalAlign: horizontalAlign, readonly: readonly, className: (0, classnames_1.default)(classNameContainer, 'checkbox-container') },
+            react_1.default.createElement(Styled.NativeInput, { onClick: (e) => e.stopPropagation(), value: value, type: "checkbox", readOnly: readonly, checked: checked, name: name, onChange: handleChange }),
+            react_1.default.createElement(Styled.Element, { className: 'checkbox-element', size: size, form: form }),
+            htmlText ? htmlText : null,
+            !!text && (react_1.default.createElement(Styled.Text, { className: (0, classnames_1.default)(classNameText, 'checkbox-text'), color: color, isTextLeft: isTextLeft, variant: size === 'S'
+                    ? 'description-Medium'
+                    : size === 'M'
+                        ? 'text-Medium'
+                        : 'controls-Medium', tag: "span" }, text)))));
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/uikit/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,0DAA2C;AAE3C,4DAAmC;AACnC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,QAAQ,GAAG,CAAC,EAChB,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,GAAG,EACV,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,aAAa,GAAG,QAAQ,EACxB,eAAe,GAAG,OAAO,EACzB,KAAK,EACL,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,kBAAkB,EAClB,aAAa,EACH,EAAE,EAAE;IACd,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,IAAI,QAAQ,IAAI,CAAC,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;IAC1D,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS,IACf,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAU,EAAC,kBAAkB,EAAE,oBAAoB,CAAC;YAE/D,8BAAC,MAAM,CAAC,WAAW,IACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,GACtB;YACF,8BAAC,MAAM,CAAC,OAAO,IACb,SAAS,EAAE,kBAAkB,EAC7B,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV;YACD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;YAC1B,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,MAAM,CAAC,IAAI,IACV,SAAS,EAAE,IAAA,oBAAU,EAAC,aAAa,EAAE,eAAe,CAAC,EACrD,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,OAAO,EACL,IAAI,KAAK,GAAG;oBACV,CAAC,CAAC,oBAAoB;oBACtB,CAAC,CAAC,IAAI,KAAK,GAAG;wBACd,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,iBAAiB,EAEvB,GAAG,EAAC,MAAM,IAET,IAAI,CACO,CACf,CACgB,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}

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

@@ -0,0 +1,111 @@
+"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.Checkbox = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Checkbox_1 = require("./Checkbox");
+const Card_1 = require("../Card");
+exports.default = {
+    title: 'Components/Checkbox',
+    component: Checkbox_1.Checkbox,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=78-772&mode=dev'
+        }
+    }
+};
+const Wrapper = styled_components_1.default.div `
+  & .checkbox-container:not(:last-child) {
+    margin-bottom: 8px;
+  }
+`;
+const Checkbox = () => {
+    const [value, setValue] = (0, react_1.useState)({
+        test1: false,
+        test2: true
+    });
+    const handleChange = (val, e) => {
+        setValue(Object.assign(Object.assign({}, value), { [e.target.name]: val }));
+    };
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Checkbox"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 checkbox \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u043C\u043D\u043E\u0436\u0435\u0441\u0442\u0432\u0430 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u043E\u0432 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043C." }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043C\u0435\u0435\u0442 \u0434\u0432\u0430 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F: \u0434\u0435\u0444\u043E\u043B\u0442\u043D\u043E\u0435 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u0438 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Checkbox_1.Checkbox, { classNameContainer: 'test-classname-container', classNameText: 'test-classname-text', name: "test1", text: "Default option", checked: value.test1, onChange: handleChange, value: '2123' }),
+            react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", value: 'asdasd', checked: value.test2, text: "Checked option", onChange: handleChange })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0424\u043E\u0440\u043C\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043C\u0435\u0435\u0442 \u0434\u0432e \u0444\u043E\u0440\u043C\u044B: <b>square</b> \u0438 <b>circle</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F <b>square</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Checkbox_1.Checkbox, { name: "test1", text: "Default option", onChange: (val) => console.log(val) }),
+            react_1.default.createElement(Checkbox_1.Checkbox, { form: 'circle', checked: true, name: "test1", text: "Checked option", onChange: (val) => console.log(val) })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440\u044B"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043C\u0435\u0435\u0442 \u0442\u0440\u0438 \u0440\u0430\u043C\u0435\u0440\u0430: <b>L</b>, <b>M</b> \u0438 <b>S</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u0431\u0440\u0430\u043D <b>L</b>. \u0420\u0430\u0437\u043C\u0435\u0440\u044B <b>M</b> \u0438 <b>S</b> \u043E\u0442\u043B\u0438\u0447\u0430\u044E\u0442\u0441\u044F\n      \u0442\u043E\u043B\u044C\u043A\u043E \u0442\u0435\u043A\u0441\u0442\u043E\u043C." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Checkbox_1.Checkbox, { size: "L", name: "test1", text: "Default option", onChange: (val) => console.log(val) }),
+            react_1.default.createElement(Checkbox_1.Checkbox, { size: "M", name: "test1", text: "Default option", onChange: (val) => console.log(val) }),
+            react_1.default.createElement(Checkbox_1.Checkbox, { size: "S", checked: true, name: "test1", text: "Checked option", onChange: (val) => console.log(val) })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0426\u0432\u0435\u0442 \u0448\u0440\u0438\u0444\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043B\u044E\u0431\u043E\u0439 \u0446\u0432\u0435\u0442 \u0448\u0440\u0438\u0444\u0442\u0430 \u043F\u0435\u0440\u0435\u0434\u0430\u0432 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>color</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", color: "gray", text: "Default option", onChange: (val) => console.log(val) }),
+            react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", text: "Default option", color: "blue", onChange: (val) => console.log(val) }),
+            react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", color: "red", text: "Default option", onChange: (val) => console.log(val) })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0435\u0440\u0442\u0438\u043A\u0430\u043B\u044C\u043D\u043E\u0435 \u043F\u043E\u0437\u0438\u0446\u0438\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u043F\u043E\u0437\u0438\u0446\u0438\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0447\u0435\u043A\u0431\u043E\u043A \u043F\u043E \u0446\u0435\u043D\u0442\u0440\u0443 \u0442\u0435\u043A\u0441\u0442\u0430 \u0438\u043B\u0438 \u043F\u043E \u0435\u0433\u043E \u043D\u0430\u0447\u0430\u043B\u0443.\n      \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0447\u0435\u043A\u0431\u043E\u043A\u0441 \u043F\u043E\u0437\u0438\u0446\u0438\u043E\u043D\u0438\u0440\u0443\u0435\u0442\u0441\u044F \u043F\u043E \u0446\u0435\u043D\u0442\u0440\u0443 \u0442\u0435\u043A\u0441\u0442\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '300px' } },
+                react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry.", onChange: (val) => console.log(val) }),
+                react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", verticalAlign: "start", text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry.", onChange: (val) => console.log(val) }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0413\u043E\u0440\u0438\u0437\u043E\u043D\u0442\u0430\u043B\u044C\u043D\u043E\u0435 \u043F\u043E\u0437\u0438\u0446\u0438\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u043F\u043E\u0437\u0438\u0446\u0438\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0440\u044F\u0434\u043E\u043C \u0441 checkbox \u0438\u043B\u0438 \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u0442\u0430\u043A, \u0447\u0442\u043E\u0431\u044B \u0432\u0430\u0448 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0437\u0430\u043D\u0438\u043C\u0430\u043B 100% \u0448\u0438\u0440\u0438\u043D\u044B \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0430 \u0438 \u0442\u0435\u043A\u0441\u0442\n        \u043F\u043E\u0437\u0438\u0446\u0438\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u043B\u0441\u044F \u043F\u043E \u043F\u0440\u0430\u0432\u043E\u043C\u0443 \u043A\u0440\u0430\u044E." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { width: '300px' } },
+                react_1.default.createElement(Card_1.Card, null,
+                    react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", text: "Lorem Ipsum", onChange: (val) => console.log(val) }),
+                    react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", horizontalAlign: "full", text: "Lorem Ipsum", onChange: (val) => console.log(val) })))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0442\u0435\u043A\u0441\u0442\u0430 \u043A\u0430\u043A \u0441\u043F\u0440\u0430\u0432\u0430, \u0442\u0430\u043A \u0438 \u0441\u043B\u0435\u0432\u0430. \u041C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E checkbox,\n      \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", text: "Default option", onChange: (val) => console.log(val) }),
+            react_1.default.createElement(Checkbox_1.Checkbox, { isTextLeft: true, name: "test2", text: "Default option", onChange: (val) => console.log(val) }),
+            react_1.default.createElement(Checkbox_1.Checkbox, { name: "test2", checked: true, onChange: (val) => console.log(val) })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0422\u043E\u043B\u044C\u043A\u043E \u0434\u043B\u044F \u0447\u0442\u0435\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u0440\u043E\u043F\u0441 readonly, \u0447\u0442\u043E\u0431\u044B \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043B\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0434\u043B\u044F \u0447\u0442\u0435\u043D\u0438\u044F." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Checkbox_1.Checkbox, { name: "test1", checked: value.test1, text: "Default option", readonly: true, onChange: handleChange }))));
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.stories.js.map

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

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

package/dist/components/uikit/Checkbox/Checkbox.styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckboxForm, CheckboxSize, ICheckbox } from './Checkbox.typed';
 declare const Element: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     size: CheckboxSize;