@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es5/input-modal/InputModal.js

@@ -1,41 +1,127 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var contentTransition = function (props) { return (react_1.default.createElement(pijma_core_1.SimpleTransition, (0, tslib_1.__assign)({}, props))); };
-contentTransition.displayName = "contentTransition"
-contentTransition.defaultProps = {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _extends = require("@swc/helpers/lib/_extends.js").default;
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var ContentTransition = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props));
+};
+ContentTransition.displayName = "ContentTransition";
+ContentTransition.defaultProps = {
     timeout: {
         enter: 370,
-        exit: 250,
+        exit: 250
     },
-    enterClassName: function (timeout) {
-        return (0, pijma_core_1.css)({
+    enterClassName: function(timeout) {
+        return (0, _pijmaCore.css)({
             opacity: 1,
-            transform: 'translate3d(0, 0, 0)',
-            transition: "opacity " + timeout + "ms ease, transform " + timeout + "ms ease",
+            transform: "translate3d(0, 0, 0)",
+            transition: "opacity " + timeout + "ms ease, transform " + timeout + "ms ease"
         });
     },
-    exitClassName: function (timeout) {
-        return (0, pijma_core_1.css)({
+    exitClassName: function(timeout) {
+        return (0, _pijmaCore.css)({
             opacity: 0,
-            transform: 'translate3d(0, -100%, 0)',
-            transition: "opacity " + timeout + "ms ease, transform " + timeout + "ms ease",
+            transform: "translate3d(0, -100%, 0)",
+            transition: "opacity " + timeout + "ms ease, transform " + timeout + "ms ease"
         });
-    },
+    }
+};
+var PosFlexCard = (0, _pijmaCore.styled)(_pijmaCore.CardPos)().withComponent(_pijmaCore.Flex);
+PosFlexCard.displayName = "PosFlexCard";
+var InputModal = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Modal, {
+        show: props.show,
+        onShow: props.onShow,
+        onHide: props.onHide,
+        onEscapeKeyDown: props.onEscape,
+        transition: ContentTransition,
+        restoreFocus: false,
+        renderDialog: function(dialogProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, _extends({
+                type: "fixed",
+                zIndex: 10050,
+                top: 0,
+                bottom: 0,
+                left: 0,
+                right: 0,
+                height: "100%",
+                overflow: "auto"
+            }, dialogProps, {
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Card, {
+                    width: 1,
+                    height: 1,
+                    bg: "#fff",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxRuntime.jsxs)(PosFlexCard, {
+                            type: "relative",
+                            align: "center",
+                            height: 15,
+                            p: 4,
+                            transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                            bb: props.error ? "solid 2px #d0021b" : "solid 2px transparent",
+                            s: "0 0 25px 0 rgba(0, 0, 0, 0.08)",
+                            children: [
+                                props.onBack ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                                    shrink: 0,
+                                    mr: 4,
+                                    onClick: props.onBack,
+                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                                        name: "arrow-left",
+                                        color: "#000"
+                                    })
+                                }) : null,
+                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                                    grow: 1,
+                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Input, {
+                                        value: props.value,
+                                        type: "search",
+                                        ref: props.inputRef,
+                                        width: 1,
+                                        autoFocus: true,
+                                        tabIndex: props.tabIndex,
+                                        placeholder: props.placeholder,
+                                        maxLength: props.maxLength,
+                                        autoComplete: props.autoComplete ? "on" : "off",
+                                        onFocus: props.onFocus,
+                                        onBlur: props.onBlur,
+                                        onKeyDown: props.onKeyDown,
+                                        onChange: props.onChange
+                                    })
+                                }),
+                                props.onSubmit ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                                    shrink: 0,
+                                    ml: 4,
+                                    onClick: props.onSubmit,
+                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                                        name: "search",
+                                        color: "#666"
+                                    })
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.BoxPos, {
+                            overflow: "auto",
+                            type: "relative",
+                            py: 3,
+                            height: "calc(100% - 60px)",
+                            children: props.children
+                        })
+                    ]
+                })
+            }));
+        }
+    });
 };
-var PosFlexCard = (0, pijma_core_1.styled)(pijma_core_1.CardPos)().withComponent(pijma_core_1.Flex);
-PosFlexCard.displayName = "PosFlexCard"
-var InputModal = function (props) { return (react_1.default.createElement(pijma_core_1.Modal, { show: props.show, onShow: props.onShow, onHide: props.onHide, onEscapeKeyDown: props.onEscape, transition: contentTransition, restoreFocus: false, renderDialog: function (dialogProps) { return (react_1.default.createElement(pijma_core_1.Pos, (0, tslib_1.__assign)({ type: "fixed", zIndex: 10050, top: 0, bottom: 0, left: 0, right: 0, height: "100%", overflow: "auto" }, dialogProps),
-        react_1.default.createElement(pijma_core_1.Card, { width: 1, height: 1, bg: "#fff" },
-            react_1.default.createElement(PosFlexCard, { type: "relative", align: "center", height: 15, p: 4, transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)", bb: props.error ? 'solid 2px #d0021b' : 'solid 2px transparent', s: "0 0 25px 0 rgba(0, 0, 0, 0.08)" },
-                props.onBack ? (react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, mr: 4, onClick: props.onBack },
-                    react_1.default.createElement(pijma_core_1.Icon, { name: "arrow-left", color: "#000" }))) : null,
-                react_1.default.createElement(pijma_core_1.FlexItem, { grow: 1 },
-                    react_1.default.createElement(pijma_core_1.Input, { value: props.value, type: "search", ref: props.inputRef, width: 1, autoFocus: true, tabIndex: props.tabIndex, placeholder: props.placeholder, maxLength: props.maxLength, autoComplete: props.autoComplete ? 'on' : 'off', onFocus: props.onFocus, onBlur: props.onBlur, onKeyDown: props.onKeyDown, onChange: props.onChange })),
-                props.onSubmit ? (react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, ml: 4, onClick: props.onSubmit },
-                    react_1.default.createElement(pijma_core_1.Icon, { name: "search", color: "#666" }))) : null),
-            react_1.default.createElement(pijma_core_1.BoxPos, { overflow: "auto", type: "relative", py: 3, height: "calc(100% - 60px)", children: props.children })))); } })); };
-InputModal.displayName = "InputModal"
-exports.default = InputModal;
+InputModal.displayName = "InputModal";
+var _default = InputModal;

package/lib/es5/input-modal/index.js

@@ -1,6 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputModal = void 0;
-var tslib_1 = require("tslib");
-var InputModal_1 = (0, tslib_1.__importDefault)(require("./InputModal.js"));
-exports.InputModal = InputModal_1.default;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InputModal", {
+    enumerable: true,
+    get: function() {
+        return _inputModal.default;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _inputModal = /*#__PURE__*/ _interopRequireDefault(require("./InputModal.js"));

package/lib/es5/link/BlockLink.js

@@ -1,15 +1,53 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockLink = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var BlockLnk = (0, pijma_core_1.styled)(pijma_core_1.CardLnk)().withComponent(pijma_core_1.Block);
-BlockLnk.displayName = "BlockLnk"
-var BlockLink = function (props) { return (react_1.default.createElement(pijma_core_1.LinkControl, { onClick: props.onClick, onFocus: props.onFocus, onBlur: props.onBlur, href: props.href, target: props.target, download: props.download, rel: props.rel, children: function (renderProps) { return (react_1.default.createElement(BlockLnk, { accent: props.accent, hover: renderProps.hover, focus: renderProps.focus, active: renderProps.active, tabIndex: props.tabIndex, href: props.href, title: props.title, onClick: renderProps.onClick, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, onMouseUp: renderProps.onMouseUp, onMouseDown: renderProps.onMouseDown, target: props.target, download: props.download, children: props.children({
-            active: renderProps.active,
-            focus: renderProps.focus,
-            hover: renderProps.hover,
-        }) })); } })); };
-exports.BlockLink = BlockLink;
-exports.BlockLink.displayName = "BlockLink"
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BlockLink", {
+    enumerable: true,
+    get: function() {
+        return BlockLink;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var BlockLnk = (0, _pijmaCore.styled)(_pijmaCore.CardLnk)().withComponent(_pijmaCore.Block);
+BlockLnk.displayName = "BlockLnk";
+var BlockLink = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.LinkControl, {
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        href: props.href,
+        target: props.target,
+        download: props.download,
+        rel: props.rel,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(BlockLnk, {
+                accent: props.accent,
+                hover: renderProps.hover,
+                focus: renderProps.focus,
+                active: renderProps.active,
+                tabIndex: props.tabIndex,
+                href: props.href,
+                title: props.title,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                target: props.target,
+                download: props.download,
+                children: props.children({
+                    active: renderProps.active,
+                    focus: renderProps.focus,
+                    hover: renderProps.hover
+                })
+            });
+        }
+    });
+};
+BlockLink.displayName = "BlockLink";

package/lib/es5/link/FileLink.js

@@ -1,18 +1,68 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileLink = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var typography_1 = require("../typography/index.js");
-var FileLink = function (props) { return (react_1.default.createElement(pijma_core_1.LinkControl, { onClick: props.onClick, onFocus: props.onFocus, onBlur: props.onBlur, href: props.href, target: props.target, download: props.download, rel: props.rel, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.FlexLnk, { tabIndex: props.tabIndex, href: props.href, target: props.target, download: props.download, rel: props.rel, title: props.title, display: "inline-flex", cursor: "pointer", onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onClick: renderProps.onClick, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, onMouseUp: renderProps.onMouseUp, onMouseDown: renderProps.onMouseDown },
-        react_1.default.createElement(pijma_core_1.FlexItem, { display: "inline-block", width: 6, height: 6, mr: 2, shrink: 0 },
-            react_1.default.createElement(pijma_core_1.Icon, { name: "file", color: renderProps.hover || renderProps.focus || renderProps.active
-                    ? '#FF8C00'
-                    : '#000' })),
-        react_1.default.createElement(pijma_core_1.FlexItem, { align: "center" },
-            react_1.default.createElement(typography_1.Text, { color: renderProps.hover || renderProps.focus || renderProps.active
-                    ? 'warning'
-                    : 'default', size: "s", bold: false, children: props.children })))); } })); };
-exports.FileLink = FileLink;
-exports.FileLink.displayName = "FileLink"
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FileLink", {
+    enumerable: true,
+    get: function() {
+        return FileLink;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _typography = require("../typography/index.js");
+var FileLink = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.LinkControl, {
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        href: props.href,
+        target: props.target,
+        download: props.download,
+        rel: props.rel,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.FlexLnk, {
+                tabIndex: props.tabIndex,
+                href: props.href,
+                target: props.target,
+                download: props.download,
+                rel: props.rel,
+                title: props.title,
+                display: "inline-flex",
+                cursor: "pointer",
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onClick: renderProps.onClick,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                        display: "inline-block",
+                        width: 6,
+                        height: 6,
+                        mr: 2,
+                        shrink: 0,
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                            name: "file",
+                            color: renderProps.hover || renderProps.focus || renderProps.active ? "#FF8C00" : "#000"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                        align: "center",
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_typography.Text, {
+                            color: renderProps.hover || renderProps.focus || renderProps.active ? "warning" : "default",
+                            size: "s",
+                            bold: false,
+                            children: props.children
+                        })
+                    })
+                ]
+            });
+        }
+    });
+};
+FileLink.displayName = "FileLink";

package/lib/es5/link/Link.js

@@ -1,52 +1,87 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Link", {
+    enumerable: true,
+    get: function() {
+        return Link;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var LinkSize = {
     s: 3.5,
     m: 4,
-    l: 5,
+    l: 5
 };
 var StubLinkSize = {
     s: 2,
     m: 3,
-    l: 3,
+    l: 3
 };
 var StubOffSet = {
     s: 1.5,
     m: 1.5,
-    l: 2.5,
+    l: 2.5
 };
 var StubOffSetCompact = {
     s: 1,
     m: 1,
-    l: 2,
+    l: 2
 };
 var LinkHeight = {
     s: 5,
     m: 6,
-    l: 8,
+    l: 8
 };
 var LinkHeightCompact = {
     s: 4,
     m: 5,
-    l: 7,
+    l: 7
 };
-var Link = function (props) {
-    var theme = (0, pijma_core_1.useTheme)();
-    return props.stub ? (props.size === undefined ? null : (react_1.default.createElement(pijma_core_1.Stub, { top: props.compact ? StubOffSetCompact[props.size] : StubOffSet[props.size], bottom: props.compact ? StubOffSetCompact[props.size] : StubOffSet[props.size], height: StubLinkSize[props.size], width: 1 }))) : (react_1.default.createElement(pijma_core_1.LinkControl, { onClick: props.onClick, onFocus: props.onFocus, onBlur: props.onBlur, href: props.href, target: props.target, download: props.download, rel: props.rel, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.TypoLnk, { tabIndex: props.tabIndex, href: props.href, onClick: renderProps.onClick, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, onMouseUp: renderProps.onMouseUp, onMouseDown: renderProps.onMouseDown, color: renderProps.hover || renderProps.focus
-                ? props.inverse
-                    ? theme.link.color.inverse.hover
-                    : theme.link.color.brand.hover
-                : props.inverse
-                    ? theme.link.color.inverse.default
-                    : theme.link.color.brand.default, transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)", cursor: "pointer", decoration: "none", target: props.target, download: props.download, rel: props.rel, title: props.title, size: props.size === undefined
-                ? undefined
-                : props.compact
-                    ? LinkHeightCompact[props.size]
-                    : LinkSize[props.size], height: props.size === undefined ? undefined : LinkHeight[props.size], weight: props.bold === undefined ? undefined : props.bold ? 500 : 300, children: props.children })); } }));
+var Link = function(props) {
+    var theme = (0, _pijmaCore.useTheme)();
+    return props.stub ? props.size === undefined ? null : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+        top: props.compact ? StubOffSetCompact[props.size] : StubOffSet[props.size],
+        bottom: props.compact ? StubOffSetCompact[props.size] : StubOffSet[props.size],
+        height: StubLinkSize[props.size],
+        width: 1
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.LinkControl, {
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        href: props.href,
+        target: props.target,
+        download: props.download,
+        rel: props.rel,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.TypoLnk, {
+                tabIndex: props.tabIndex,
+                href: props.href,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                color: renderProps.hover || renderProps.focus ? props.inverse ? theme.link.color.inverse.hover : theme.link.color.brand.hover : props.inverse ? theme.link.color.inverse.default : theme.link.color.brand.default,
+                transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                cursor: "pointer",
+                decoration: "none",
+                target: props.target,
+                download: props.download,
+                rel: props.rel,
+                title: props.title,
+                size: props.size === undefined ? undefined : props.compact ? LinkHeightCompact[props.size] : LinkSize[props.size],
+                height: props.size === undefined ? undefined : LinkHeight[props.size],
+                weight: props.bold === undefined ? undefined : props.bold ? 500 : 300,
+                children: props.children
+            });
+        }
+    });
 };
-exports.Link = Link;
-exports.Link.displayName = "Link"
+Link.displayName = "Link";

package/lib/es5/link/SectionLink.js

@@ -1,15 +1,55 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionLink = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var SectionLnk = (0, pijma_core_1.styled)(pijma_core_1.Lnk)().withComponent(pijma_core_1.Section);
-SectionLnk.displayName = "SectionLnk"
-var SectionLink = function (props) { return (react_1.default.createElement(pijma_core_1.LinkControl, { href: props.href, target: props.target, download: props.download, rel: props.rel, onClick: props.onClick, onFocus: props.onFocus, onBlur: props.onBlur, children: function (renderProps) { return (react_1.default.createElement(SectionLnk, { tag: "a", flat: props.flat, active: props.active ? props.active : renderProps.active, hover: renderProps.hover, focus: renderProps.focus, tabIndex: props.tabIndex, href: props.href, target: props.target, download: props.download, rel: props.rel, title: props.title, onClick: renderProps.onClick, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, onMouseUp: renderProps.onMouseUp, onMouseDown: renderProps.onMouseDown, children: props.children({
-            active: renderProps.active,
-            focus: renderProps.focus,
-            hover: renderProps.hover,
-        }) })); } })); };
-exports.SectionLink = SectionLink;
-exports.SectionLink.displayName = "SectionLink"
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SectionLink", {
+    enumerable: true,
+    get: function() {
+        return SectionLink;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var SectionLnk = (0, _pijmaCore.styled)(_pijmaCore.Lnk)().withComponent(_pijmaCore.Section);
+SectionLnk.displayName = "SectionLnk";
+var SectionLink = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.LinkControl, {
+        href: props.href,
+        target: props.target,
+        download: props.download,
+        rel: props.rel,
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(SectionLnk, {
+                tag: "a",
+                flat: props.flat,
+                active: props.active ? props.active : renderProps.active,
+                hover: renderProps.hover,
+                focus: renderProps.focus,
+                tabIndex: props.tabIndex,
+                href: props.href,
+                target: props.target,
+                download: props.download,
+                rel: props.rel,
+                title: props.title,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                children: props.children({
+                    active: renderProps.active,
+                    focus: renderProps.focus,
+                    hover: renderProps.hover
+                })
+            });
+        }
+    });
+};
+SectionLink.displayName = "SectionLink";

package/lib/es5/link/index.js

@@ -1,7 +1,9 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./Link.js"), exports);
-(0, tslib_1.__exportStar)(require("./BlockLink.js"), exports);
-(0, tslib_1.__exportStar)(require("./FileLink.js"), exports);
-(0, tslib_1.__exportStar)(require("./SectionLink.js"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Link.js"), exports);
+_exportStar(require("./BlockLink.js"), exports);
+_exportStar(require("./FileLink.js"), exports);
+_exportStar(require("./SectionLink.js"), exports);