profinansy-ui-lib 3.3.4 → 3.3.6

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

@@ -0,0 +1,187 @@
+"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.TextHintOnMobile = exports.Hint = exports.Text = exports.Ifram = exports.Description = exports.Link = exports.PlayBtn = exports.Content = exports.Title = exports.Close = exports.Trigger = exports.Tooltip = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Scroll_1 = require("../Scroll/Scroll");
+const Hint_svg_1 = __importDefault(require("../../../icons/Hint.svg"));
+const animation_2 = require("../../../constants/animation/animation");
+const common_1 = require("../../../constants/common");
+exports.Tooltip = styled_components_1.default.div `
+  font-family: 'Manrope', sans-serif;
+  box-sizing: border-box;
+  width: 300px;
+  max-height: 360px;
+  overflow: hidden;
+  padding: 10px 0 10px 10px;
+  background-color: ${(props) => props.theme.background.field};
+  border-radius: 12px;
+  box-shadow: ${(props) => props.theme.shadow.overlay};
+  z-index: 9999999;
+  ${(props) => props.mode === 'dark' &&
+    (0, styled_components_1.css) `
+      border: 0.5px solid ${(props) => props.theme.stroke.contrast};
+    `}
+`;
+exports.Trigger = styled_components_1.default.button `
+  font-family: 'Manrope', sans-serif;
+  padding: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  display: flex;
+  align-items: center;
+  width: fit-content;
+  cursor: pointer;
+`;
+const Content = styled_components_1.default.div `
+  max-height: 340px;
+  padding-right: 10px;
+  height: 100%;
+  overflow-y: auto;
+  white-space: break-spaces;
+  position: relative;
+  & a {
+    color: ${(props) => props.theme.text.accent};
+  }
+  & p {
+    margin: 0;
+  }
+  ${Scroll_1.Scroll}
+`;
+exports.Content = Content;
+exports.Close = styled_components_1.default.button `
+  background: transparent;
+  border: none;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  right: 10px;
+  cursor: pointer;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & path {
+    transition: fill 0.3s ${animation_2.AnimationFunctions.animation_1};
+    fill: ${(props) => props.theme.icons.secondary};
+  }
+  &:hover {
+    transform: scale(0.9);
+    & path {
+      fill: ${(props) => props.theme.icons.primary};
+    }
+  }
+`;
+const Title = styled_components_1.default.span `
+  font-weight: 500;
+  color: ${(props) => props.theme.text.primary};
+  font-size: 14px;
+  line-height: 16px;
+  display: block;
+  overflow: hidden;
+  max-width: 100%;
+  padding-right: 20px;
+`;
+exports.Title = Title;
+const Link = styled_components_1.default.a `
+  font-size: 12px;
+  color: ${(props) => props.theme.text.accentSecondary};
+  text-align: left;
+  cursor: pointer;
+  display: block;
+  margin-top: 8px;
+  text-decoration: none;
+  transition: ${() => `color 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    color: ${(props) => props.theme.text.accent};
+  }
+`;
+exports.Link = Link;
+const Description = styled_components_1.default.div `
+  color: ${(props) => props.theme.text.primary};
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  margin-top: 8px;
+  display: block;
+`;
+exports.Description = Description;
+const PlayBtn = styled_components_1.default.button `
+  all: unset;
+  cursor: pointer;
+  margin-top: 8px;
+  transition: ${() => `opacity 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    opacity: 0.8;
+  }
+`;
+exports.PlayBtn = PlayBtn;
+const Ifram = styled_components_1.default.iframe `
+  border: none;
+  width: 100%;
+  height: 100%;
+`;
+exports.Ifram = Ifram;
+const Text = styled_components_1.default.div `
+  padding: 2px 8px;
+  display: flex;
+  align-items: center;
+  border-radius: 30px;
+  white-space: nowrap;
+  background: ${(props) => props.theme.background.accentSecondaryTint};
+  color: ${(props) => props.theme.interactiveButtons.outlineBrandText};
+  transition: ${() => `opacity 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  :hover {
+    opacity: 0.8;
+  }
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    display: none;
+  }
+`;
+exports.Text = Text;
+const TextHintOnMobile = (0, styled_components_1.default)(Hint_svg_1.default) `
+  display: none;
+  transition: ${() => `opacity 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  :hover {
+    opacity: 0.8;
+  }
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    display: block;
+  }
+`;
+exports.TextHintOnMobile = TextHintOnMobile;
+const Hint = (0, styled_components_1.default)(Hint_svg_1.default) `
+  transition: ${() => `opacity 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  :hover {
+    opacity: 0.8;
+  }
+`;
+exports.Hint = Hint;
+//# sourceMappingURL=Popup.styled.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Popup/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA"}

package/dist/components/uikit/Portal/Portal.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Portal = void 0;
+const react_dom_1 = require("react-dom");
+const usePortal_1 = require("./usePortal");
+const Portal = ({ id, children }) => {
+    const target = (0, usePortal_1.usePortal)(id);
+    return target ? (0, react_dom_1.createPortal)(children, target) : null;
+};
+exports.Portal = Portal;
+//# sourceMappingURL=Portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../../src/components/uikit/Portal/Portal.tsx"],"names":[],"mappings":";;;AAAA,yCAAwC;AAGxC,2CAAuC;AAEvC,MAAM,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAW,EAAE,EAAE;IAC3C,MAAM,MAAM,GAAG,IAAA,qBAAS,EAAC,EAAE,CAAC,CAAA;IAC5B,OAAO,MAAM,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AACvD,CAAC,CAAA;AAEQ,wBAAM"}

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

@@ -0,0 +1,77 @@
+"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.Portal = void 0;
+const _1 = require(".");
+const react_1 = __importStar(require("react"));
+const Button_1 = require("../Button");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.default = {
+    title: 'Components/Portal',
+    component: _1.Portal,
+    tags: ['autodocs']
+};
+const Wrapper = styled_components_1.default.div `
+  display: flex;
+  gap: 16px;
+  margin-bottom: 16px;
+`;
+const Text = styled_components_1.default.span `
+  display: inline-block;
+  font-size: 14px;
+  padding-bottom: 8px;
+`;
+const Block = styled_components_1.default.div `
+  background: #ffffff;
+  border-radius: 4px;
+  padding: 10px;
+  width: 300px;
+  height: 100px;
+`;
+const Portal = () => {
+    const [id, setId] = (0, react_1.useState)('test1');
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Portal"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u043F\u043E\u0440\u0442\u0430\u043B\u0430. \u041D\u0443\u0436\u043D\u043E, \u0447\u0442\u043E\u0431\u044B \u0440\u0430\u0437\u043C\u0435\u0449\u0430\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0432\n        \u043D\u0443\u0436\u043D\u043E\u043C \u0443\u0437\u043B\u0435 DOM \u0434\u0435\u0440\u0435\u0432\u0430\u0432. \u041E\u0431\u0435\u0440\u043D\u0438\u0442\u0435 \u043D\u0443\u0436\u043D\u044B\u0439 \u0432\u0430\u043C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0432 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 Portal, \u043F\u0435\u0440\u0435\u0434\u0430\u0432 \u0435\u043C\u0443 id.\n        Id - \u044D\u0442\u043E id \u0434\u043E\u043C \u0443\u0437\u043B\u0430 \u0432 \u0434\u0435\u0440\u0435\u0432\u0435. \u0415\u0441\u043B\u0438 \u0442\u0430\u043A\u043E\u0433\u043E \u043D\u0435\u0442, \u0442\u043E \u043E\u043D \u0441\u043E\u0437\u0434\u0430\u0441\u0442 \u043D\u043E\u0432\u044B\u0439 \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438 \u0438 \u0434\u043E\u0431\u0430\u0432\u0438\u0442 \u0435\u0433\u043E \u0432 \u043A\u043E\u043D\u0435\u0446\n        \u0434\u043E\u043C \u0434\u0435\u0440\u0435\u0432\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Block, { id: "test1" },
+                    react_1.default.createElement(Text, null, "\u0422\u0435\u0441\u0442\u043E\u0432\u044B\u0439 \u0431\u043B\u043E\u043A 1")),
+                react_1.default.createElement(Block, { id: "test2" },
+                    react_1.default.createElement(Text, null, "\u0422\u0435\u0441\u0442\u043E\u0432\u044B\u0439 \u0431\u043B\u043E\u043A 2"))),
+            react_1.default.createElement(_1.Portal, { id: id },
+                react_1.default.createElement(Text, null, "\u041F\u043E\u0441\u043B\u0435 \u043D\u0430\u0436\u0430\u0442\u0438\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0442\u0435\u043A\u0441\u0442 \u043F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u0441\u044F \u0432 \u0434\u0440\u0443\u0433\u043E\u0439 \u0431\u043B\u043E\u043A")),
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 16 } },
+                react_1.default.createElement(Button_1.Button, { onClick: () => setId('test1'), text: "\u0411\u043B\u043E\u043A 1" }),
+                react_1.default.createElement(Button_1.Button, { onClick: () => setId('test2'), text: "\u0411\u043B\u043E\u043A 2" })))));
+};
+exports.Portal = Portal;
+//# sourceMappingURL=Portal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Portal/Portal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAAuC;AACvC,+CAAuC;AAEvC,sCAAkC;AAClC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAC/D,0EAAsC;AACtC,kBAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIzB,CAAA;AAED,MAAM,IAAI,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;CAIvB,CAAA;AAED,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMvB,CAAA;AAEM,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAA;IACrC,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,aAAqB;QAC5C,8BAAC,mCAAgB,IACf,IAAI,EAAC,gzCAGO,GACZ;QACF,8BAAC,2BAAY;YACX,8BAAC,OAAO;gBACN,8BAAC,KAAK,IAAC,EAAE,EAAC,OAAO;oBACf,8BAAC,IAAI,sFAAuB,CACtB;gBACR,8BAAC,KAAK,IAAC,EAAE,EAAC,OAAO;oBACf,8BAAC,IAAI,sFAAuB,CACtB,CACA;YACV,8BAAC,SAAS,IAAC,EAAE,EAAE,EAAE;gBACf,8BAAC,IAAI,oTAAiE,CAC5D;YACZ,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;gBACtC,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,4BAAQ,GAAG;gBACvD,8BAAC,eAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,4BAAQ,GAAG,CACnD,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA9BY,QAAA,MAAM,UA8BlB"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Portal/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}

package/dist/components/uikit/Portal/usePortal.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePortal = void 0;
+const react_1 = require("react");
+const createRootElement = (id) => {
+    const rootContainer = document.createElement('div');
+    rootContainer.setAttribute('id', id);
+    return rootContainer;
+};
+const usePortal = (id) => {
+    const [node, setNode] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        const escapedId = id ? id.replace(/:/g, '\\:') : id;
+        const container = document.querySelector(`#${escapedId}`);
+        const parentElem = container || createRootElement(id);
+        if (!container) {
+            document.body.appendChild(parentElem);
+        }
+        setNode(parentElem);
+        return () => {
+            setNode(null);
+            if (!parentElem.childElementCount) {
+                parentElem.remove();
+            }
+        };
+    }, [id]);
+    return node;
+};
+exports.usePortal = usePortal;
+//# sourceMappingURL=usePortal.js.map

package/dist/components/uikit/Portal/usePortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortal.js","sourceRoot":"","sources":["../../../../src/components/uikit/Portal/usePortal.tsx"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,MAAM,iBAAiB,GAAG,CAAC,EAAU,EAAE,EAAE;IACvC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACnD,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;IACpC,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EAAU,EAAE,EAAE;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAA;IAEtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QACnD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,SAAS,EAAE,CAAC,CAAA;QACzD,MAAM,UAAU,GAAG,SAAS,IAAI,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACrD,IAAI,CAAC,SAAS,EAAE;YACd,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAA;SACtC;QACD,OAAO,CAAC,UAAU,CAAC,CAAA;QAEnB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,IAAI,CAAC,CAAA;YACb,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE;gBACjC,UAAU,CAAC,MAAM,EAAE,CAAA;aACpB;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAEQ,8BAAS"}

package/dist/components/uikit/Radio/Radio.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.Radio = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Radio.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const TextWithPopup_1 = require("../TextWithPopup/TextWithPopup");
+const Radio = (props) => {
+    const { checked = false, text, name, onChange, value, verticalAlign = 'center', horizontalAlign = 'start', size = 'L', color, isTextLeft, hint = null } = props;
+    const handleChange = (e) => {
+        if (onChange)
+            onChange(e.target.value, e);
+    };
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    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, className: 'radio-container' },
+            react_1.default.createElement(Styled.NativeInput, { checked: checked, name: name, onChange: handleChange, value: value }),
+            react_1.default.createElement(Styled.Element, { className: 'radio-element', size: size }),
+            !!text && (react_1.default.createElement(Styled.Text, { className: 'radio-text', color: color, isTextLeft: isTextLeft, tag: "span", variant: size === 'S'
+                    ? 'description-Medium'
+                    : size === 'M'
+                        ? 'text-Medium'
+                        : 'controls-Medium' }, hint ? react_1.default.createElement(TextWithPopup_1.TextWithPopup, { text: text, hint: hint }) : text)))));
+};
+exports.Radio = Radio;
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/uikit/Radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,uDAAwC;AAGxC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AACpD,kEAA8D;AAE9D,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,EAAE;IAC9B,MAAM,EACJ,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,aAAa,GAAG,QAAQ,EACxB,eAAe,GAAG,OAAO,EACzB,IAAI,GAAG,GAAG,EACV,KAAK,EACL,UAAU,EACV,IAAI,GAAG,IAAI,EACZ,GAAG,KAAK,CAAA;IAET,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,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,SAAS,EAAE,iBAAiB;YAE5B,8BAAC,MAAM,CAAC,WAAW,IACjB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,GACZ;YACF,8BAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,GAAI;YACzD,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,MAAM,CAAC,IAAI,IACV,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,GAAG,EAAC,MAAM,EACV,OAAO,EACL,IAAI,KAAK,GAAG;oBACV,CAAC,CAAC,oBAAoB;oBACtB,CAAC,CAAC,IAAI,KAAK,GAAG;wBACd,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,iBAAiB,IAGtB,IAAI,CAAC,CAAC,CAAC,8BAAC,6BAAa,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,CAC5C,CACf,CACgB,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,sBAAK"}

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

@@ -0,0 +1,104 @@
+"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.Radio = 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 Radio_1 = require("./Radio");
+const styled_components_1 = __importDefault(require("styled-components"));
+const Card_1 = require("../Card");
+exports.default = {
+    title: 'Components/Radio',
+    component: Radio_1.Radio,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=78-1566&mode=dev'
+        }
+    }
+};
+const Wrapper = styled_components_1.default.div `
+  & .radio-container:not(:last-child) {
+    margin-bottom: 8px;
+  }
+`;
+const Radio = () => {
+    const [value, setValue] = (0, react_1.useState)('2');
+    const [value1, setValue1] = (0, react_1.useState)('2');
+    const [value2, setValue2] = (0, react_1.useState)('');
+    const [value3, setValue3] = (0, react_1.useState)('2');
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Radio"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0440\u0430\u0434\u0438\u043E\u0431\u0430\u0442\u0442\u043E\u043D \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u043C \u043E\u0434\u043D\u043E\u0433\u043E \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u0430 \u0438\u0437 \u043C\u043D\u043E\u0436\u0435\u0441\u0442\u0432\u0430." }),
+        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(Radio_1.Radio, { name: "test", text: "Default option", checked: value === '1', value: '1', onChange: setValue }),
+            react_1.default.createElement(Radio_1.Radio, { name: "test", text: "Checked option", checked: value === '2', value: '2', onChange: setValue })),
+        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(Radio_1.Radio, { size: "L", name: "test1", checked: value1 === '1', value: '1', text: "Default option", onChange: setValue1 }),
+            react_1.default.createElement(Radio_1.Radio, { size: "M", checked: value1 === '2', value: '2', name: "test1", text: "Checked option", onChange: setValue1 }),
+            react_1.default.createElement(Radio_1.Radio, { size: "S", checked: value1 === '2', value: '2', name: "test1", text: "Checked option", onChange: setValue1 })),
+        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(Radio_1.Radio, { name: "test2", checked: value2 === '1', value: '1', color: "gray", text: "Default option", onChange: setValue2 }),
+            react_1.default.createElement(Radio_1.Radio, { name: "test2", checked: value2 === '2', value: '2', text: "Default option", color: "blue", onChange: setValue2 }),
+            react_1.default.createElement(Radio_1.Radio, { name: "test2", checked: value2 === '3', value: '3', color: "red", text: "Default option", onChange: setValue2 })),
+        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 \u0440\u0430\u0434\u0438\u043E \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 \u0440\u0430\u0434\u0438\u043E \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(Radio_1.Radio, { name: "test2", text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry.", onChange: (val) => console.log(val) }),
+                react_1.default.createElement(Radio_1.Radio, { 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(Radio_1.Radio, { name: "test2", text: "Lorem Ipsum.", onChange: (val) => console.log(val) }),
+                    react_1.default.createElement(Radio_1.Radio, { name: "test2", verticalAlign: "start", text: "Lorem Ipsum.", horizontalAlign: "full", 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 radio, \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Radio_1.Radio, { name: "test3", checked: value3 === '1', value: '1', text: "Default option", onChange: setValue3 }),
+            react_1.default.createElement(Radio_1.Radio, { name: "test3", checked: value3 === '2', value: '2', isTextLeft: true, text: "Default option", onChange: setValue3 }),
+            react_1.default.createElement(Radio_1.Radio, { name: "test3", checked: value3 === '3', value: '3', onChange: setValue3 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438"),
+        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\u043F\u0430\u043F \u0441 \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: '330px' } },
+                react_1.default.createElement(Radio_1.Radio, { size: "M", hint: { content: ['Title', 'Short description'] }, name: "test1", text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry.", value: '2123' })))));
+};
+exports.Radio = Radio;
+//# sourceMappingURL=Radio.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Radio/Radio.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AAEvC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,mCAA4C;AAC5C,0EAAsC;AACtC,kCAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,mGAAmG;SACzG;KACF;CACF,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIzB,CAAA;AAEM,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAA;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAA;IACzC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAA;IAEzC,OAAO,CACL,8BAAC,OAAO;QACN,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,YAAoB;QAC3C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,seAA2F,GAAG;QACrH,8BAAC,uBAAU,iEAAuB;QAClC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,oSAAyD,GAAG;QACnF,8BAAC,2BAAY;YACX,8BAAC,aAAS,IACR,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,KAAK,KAAK,GAAG,EACtB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,GAClB;YACF,8BAAC,aAAS,IACR,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,KAAK,KAAK,GAAG,EACtB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,GAClB,CACW;QACf,8BAAC,uBAAU,qDAAqB;QAChC,8BAAC,mCAAgB,IACf,IAAI,EAAC,ycACS,GACd;QACF,8BAAC,2BAAY;YACX,8BAAC,aAAS,IACR,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,KAAK,GAAG,EACvB,KAAK,EAAE,GAAG,EACV,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,SAAS,GACnB;YACF,8BAAC,aAAS,IACR,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,MAAM,KAAK,GAAG,EACvB,KAAK,EAAE,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,SAAS,GACnB;YACF,8BAAC,aAAS,IACR,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,MAAM,KAAK,GAAG,EACvB,KAAK,EAAE,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,SAAS,GACnB,CACW;QACf,8BAAC,uBAAU,wEAAyB;QACpC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,iTAAsE,GAAG;QAChG,8BAAC,2BAAY;YACX,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,KAAK,GAAG,EACvB,KAAK,EAAE,GAAG,EACV,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,SAAS,GACnB;YACF,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,KAAK,GAAG,EACvB,KAAK,EAAE,GAAG,EACV,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,SAAS,GACnB;YACF,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,KAAK,GAAG,EACvB,KAAK,EAAE,GAAG,EACV,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,SAAS,GACnB,CACW;QACf,8BAAC,uBAAU,yNAAkD;QAC7D,8BAAC,mCAAgB,IACf,IAAI,EAAC,goBAC8C,GACnD;QACF,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC5B,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,4EAA4E,EACjF,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GACnC;gBACF,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,aAAa,EAAC,OAAO,EACrB,IAAI,EAAC,4EAA4E,EACjF,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GACnC,CACE,CACO;QACf,8BAAC,uBAAU,qOAAoD;QAC/D,8BAAC,mCAAgB,IACf,IAAI,EAAC,qwBAC6B,GAClC;QACF,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC5B,8BAAC,WAAI;oBACH,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GACnC;oBACF,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,aAAa,EAAC,OAAO,EACrB,IAAI,EAAC,cAAc,EACnB,eAAe,EAAC,MAAM,EACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GACnC,CACG,CACH,CACO;QACf,8BAAC,uBAAU,wHAAiC;QAC5C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,wfAAwG,GAAG;QAClI,8BAAC,2BAAY;YACX,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,KAAK,GAAG,EACvB,KAAK,EAAE,GAAG,EACV,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,SAAS,GACnB;YACF,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,KAAK,GAAG,EACvB,KAAK,EAAE,GAAG,EACV,UAAU,EAAE,IAAI,EAChB,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,SAAS,GACnB;YACF,8BAAC,aAAS,IACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,KAAK,GAAG,EACvB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,SAAS,GACnB,CACW;QACf,8BAAC,uBAAU,8HAAkC;QAC7C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,uMAAuC,GAAG;QACjE,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC5B,8BAAC,aAAS,IACR,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,EAAE,EACjD,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,4EAA4E,EACjF,KAAK,EAAE,MAAM,GACb,CACE,CACO,CACP,CACX,CAAA;AACH,CAAC,CAAA;AA1KY,QAAA,KAAK,SA0KjB"}

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

@@ -0,0 +1,76 @@
+"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.NativeInput = exports.Container = exports.Element = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+const Typography_1 = require("../Typography");
+exports.Element = styled_components_1.default.span `
+  position: relative;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  height: ${(props) => (props.size === 'L' ? '20px' : '16px')};
+  min-width: ${(props) => (props.size === 'L' ? '20px' : '16px')};
+  width: ${(props) => (props.size === 'L' ? '20px' : '16px')};
+  background-color: ${(props) => props.theme.background.content};
+  border-radius: 50%;
+  border: 1.5px solid ${(props) => props.theme.stroke.secondary};
+  transition: ${() => `all 0.1s ${animation_2.AnimationFunctions.animation_1}`};
+  &::after {
+    content: '';
+    position: absolute;
+    display: none;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: ${(props) => (props.size === 'L' ? '10px' : '8px')};
+    height: ${(props) => (props.size === 'L' ? '10px' : '8px')};
+    border-radius: 50%;
+    background: ${(props) => props.theme.interactiveControls.brand};
+  }
+`;
+exports.Container = styled_components_1.default.label `
+  display: flex;
+  align-items: ${(props) => props.verticalAlign === 'start' ? 'flex-start' : 'center'};
+  justify-content: ${(props) => props.horizontalAlign === 'start' ? 'flex-start' : 'space-between'};
+  position: relative;
+  cursor: pointer;
+  max-width: 100%;
+  width: ${(props) => props.horizontalAlign === 'full' ? '100%' : 'fill-content'};
+  &:hover ${exports.Element} {
+    border-color: ${(props) => props.theme.interactiveControls.brand};
+  }
+`;
+exports.NativeInput = styled_components_1.default.input.attrs({ type: 'radio' }) `
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+  &:checked {
+    ~ ${exports.Element} {
+      border-color: ${(props) => props.theme.interactiveControls.brand};
+      &:after {
+        display: block;
+      }
+    }
+  }
+`;
+exports.Text = (0, styled_components_1.default)(Typography_1.Typography) `
+  font-family: 'Manrope', sans-serif;
+  padding-left: ${(props) => (props.isTextLeft ? '0' : '8px')};
+  padding-right: ${(props) => (props.isTextLeft ? '8px' : '0')};
+  order: ${(props) => (props.isTextLeft ? -1 : 1)};
+  color: ${(props) => props.color || props.theme.text.primary};
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  & > div {
+    vertical-align: middle;
+    position: relative;
+    padding-left: 8px;
+    display: inline;
+  }
+`;
+//# sourceMappingURL=Radio.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Radio/Radio.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEtC,sEAA2E;AAC3E,8CAA0C;AAE7B,QAAA,OAAO,GAAG,2BAAM,CAAC,IAAI,CAAqB;;;;;YAK3C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;eAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;WACrD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;sBACtC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;wBAEvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;gBAC/C,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;;;;;;;;aAQrD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;cAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;kBAE5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,KAAK;;CAEjE,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,KAAK,CAGnC;;iBAEe,CAAC,KAAK,EAAE,EAAE,CACvB,KAAK,CAAC,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;qBACxC,CAAC,KAAK,EAAE,EAAE,CAC3B,KAAK,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe;;;;WAI3D,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,eAAe,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc;YAClD,eAAO;oBACC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,KAAK;;CAEnE,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;;;;;QAKxD,eAAO;sBACO,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,KAAK;;;;;;CAMrE,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAGpC;;kBAEgB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;mBAC1C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WACnD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;WACtC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;;;;;CAU5D,CAAA"}