@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es5/drop-up/DropUp.js

@@ -1,75 +1,182 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropUp = 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 contentTransitionVertical = function (props) { return react_1.default.createElement(pijma_core_1.SimpleTransition, (0, tslib_1.__assign)({}, props)); };
-contentTransitionVertical.displayName = "contentTransitionVertical"
-var contentTransitionHorizontal = function (props) { return react_1.default.createElement(pijma_core_1.SimpleTransition, (0, tslib_1.__assign)({}, props)); };
-contentTransitionHorizontal.displayName = "contentTransitionHorizontal"
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DropUp", {
+    enumerable: true,
+    get: function() {
+        return DropUp;
+    }
+});
+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 _typography = require("../typography/index.js");
+var ContentTransitionVertical = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props));
+};
+ContentTransitionVertical.displayName = "ContentTransitionVertical";
+var ContentTransitionHorizontal = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props));
+};
+ContentTransitionHorizontal.displayName = "ContentTransitionHorizontal";
 var translate3d = {
-    vertical: '0, 100%, 0',
-    horizontal: '100%, 0, 0',
+    vertical: "0, 100%, 0",
+    horizontal: "100%, 0, 0"
 };
-var defaultProps = function (direction) { return ({
-    timeout: {
-        enter: 370,
-        exit: 250,
-    },
-    enterClassName: function (timeout) {
-        return (0, pijma_core_1.css)({
-            opacity: 1,
-            transform: 'translate3d(0, 0, 0)',
-            transition: "opacity " + timeout + "ms ease, transform " + timeout + "ms ease",
-        });
-    },
-    exitClassName: function (timeout) {
-        return (0, pijma_core_1.css)({
-            opacity: 0,
-            transform: "translate3d(" + translate3d[direction] + ")",
-            transition: "opacity " + timeout + "ms ease, transform " + timeout + "ms ease",
-        });
-    },
-}); };
-contentTransitionVertical.defaultProps = defaultProps('vertical');
-contentTransitionHorizontal.defaultProps = defaultProps('horizontal');
-var backdropTransition = function (props) { return react_1.default.createElement(pijma_core_1.SimpleTransition, (0, tslib_1.__assign)({}, props)); };
-backdropTransition.displayName = "backdropTransition"
-backdropTransition.defaultProps = {
+var defaultProps = function(direction) {
+    return {
+        timeout: {
+            enter: 370,
+            exit: 250
+        },
+        enterClassName: function(timeout) {
+            return (0, _pijmaCore.css)({
+                opacity: 1,
+                transform: "translate3d(0, 0, 0)",
+                transition: "opacity " + timeout + "ms ease, transform " + timeout + "ms ease"
+            });
+        },
+        exitClassName: function(timeout) {
+            return (0, _pijmaCore.css)({
+                opacity: 0,
+                transform: "translate3d(" + translate3d[direction] + ")",
+                transition: "opacity " + timeout + "ms ease, transform " + timeout + "ms ease"
+            });
+        }
+    };
+};
+ContentTransitionVertical.defaultProps = defaultProps("vertical");
+ContentTransitionHorizontal.defaultProps = defaultProps("horizontal");
+var BackdropTransition = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props));
+};
+BackdropTransition.displayName = "BackdropTransition";
+BackdropTransition.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,
-            transition: "opacity " + timeout + "ms ease",
+            transition: "opacity " + timeout + "ms ease"
         });
     },
-    exitClassName: function (timeout) {
-        return (0, pijma_core_1.css)({
+    exitClassName: function(timeout) {
+        return (0, _pijmaCore.css)({
             opacity: 0,
-            transition: "opacity " + timeout + "ms ease",
+            transition: "opacity " + timeout + "ms ease"
         });
-    },
+    }
+};
+var FlexPosCard = (0, _pijmaCore.styled)(_pijmaCore.FlexPos)().withComponent(_pijmaCore.Card);
+FlexPosCard.displayName = "FlexPosCard";
+var DropUp = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Modal, {
+        show: props.show,
+        autoFocus: props.autoFocus,
+        onShow: props.onShow,
+        onHide: props.onHide,
+        transition: props.horizontal ? ContentTransitionHorizontal : ContentTransitionVertical,
+        backdropTransition: BackdropTransition,
+        renderBackdrop: function(backdropProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, _extends({
+                type: "fixed",
+                zIndex: "auto",
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0
+            }, backdropProps, {
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Card, {
+                    bg: "rgba(245, 245, 245, 0.8)",
+                    width: 1,
+                    height: 1
+                })
+            }));
+        },
+        renderDialog: function(dialogProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, _extends({
+                type: "fixed",
+                zIndex: 9999,
+                top: 0,
+                bottom: 0,
+                left: 0,
+                right: 0,
+                onKeyDown: props.onKeyDown
+            }, dialogProps, {
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(FlexPosCard, {
+                    display: "flex",
+                    direction: "column",
+                    width: 1,
+                    maxHeight: "calc(100% - 44px)",
+                    bg: "#fff",
+                    type: "absolute",
+                    bottom: 0,
+                    s: "0px 0px 64px 0px rgba(0, 0, 0, 0.16)",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
+                            zIndex: 1,
+                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Card, {
+                                width: 1,
+                                px: 6,
+                                py: 4,
+                                s: "0 1px 2px 0 rgba(0, 0, 0, 0.12)",
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Flex, {
+                                    width: 1,
+                                    align: "center",
+                                    children: [
+                                        props.onBack ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                                            width: 6,
+                                            height: 6,
+                                            mr: 3,
+                                            onClick: props.onBack,
+                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                                                name: "arrow-left"
+                                            })
+                                        }) : null,
+                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_typography.Paragraph, {
+                                            size: "m",
+                                            bold: true,
+                                            children: props.title
+                                        }),
+                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                                            width: 6,
+                                            height: 6,
+                                            ml: "auto",
+                                            onClick: props.onHide,
+                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                                                name: "cross"
+                                            })
+                                        })
+                                    ]
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                            display: "flex",
+                            grow: 1,
+                            width: 1,
+                            minHeight: 0,
+                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                                grow: 1,
+                                minHeight: 0,
+                                overflow: "auto",
+                                children: props.children
+                            })
+                        }),
+                        props.footer ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                            p: 4,
+                            width: 1,
+                            children: props.footer
+                        }) : null
+                    ]
+                })
+            }));
+        }
+    });
 };
-var FlexPosCard = (0, pijma_core_1.styled)(pijma_core_1.FlexPos)().withComponent(pijma_core_1.Card);
-FlexPosCard.displayName = "FlexPosCard"
-var DropUp = function (props) { return (react_1.default.createElement(pijma_core_1.Modal, { show: props.show, autoFocus: props.autoFocus, onShow: props.onShow, onHide: props.onHide, transition: props.horizontal ? contentTransitionHorizontal : contentTransitionVertical, backdropTransition: backdropTransition, renderBackdrop: function (backdropProps) { return (react_1.default.createElement(pijma_core_1.Pos, (0, tslib_1.__assign)({ type: "fixed", zIndex: "auto", top: 0, right: 0, bottom: 0, left: 0 }, backdropProps),
-        react_1.default.createElement(pijma_core_1.Card, { bg: "rgba(245, 245, 245, 0.8)", width: 1, height: 1 }))); }, renderDialog: function (dialogProps) { return (react_1.default.createElement(pijma_core_1.Pos, (0, tslib_1.__assign)({ type: "fixed", zIndex: 9999, top: 0, bottom: 0, left: 0, right: 0, onKeyDown: props.onKeyDown }, dialogProps),
-        react_1.default.createElement(FlexPosCard, { display: "flex", direction: "column", width: 1, maxHeight: "calc(100% - 44px)", bg: "#fff", type: "absolute", bottom: 0, s: "0px 0px 64px 0px rgba(0, 0, 0, 0.16)" },
-            react_1.default.createElement(pijma_core_1.Pos, { zIndex: 1 },
-                react_1.default.createElement(pijma_core_1.Card, { width: 1, px: 6, py: 4, s: "0 1px 2px 0 rgba(0, 0, 0, 0.12)" },
-                    react_1.default.createElement(pijma_core_1.Flex, { width: 1, align: "center" },
-                        props.onBack ? (react_1.default.createElement(pijma_core_1.Box, { width: 6, height: 6, mr: 3, onClick: props.onBack },
-                            react_1.default.createElement(pijma_core_1.Icon, { name: "arrow-left" }))) : null,
-                        react_1.default.createElement(typography_1.Paragraph, { size: "m", bold: true }, props.title),
-                        react_1.default.createElement(pijma_core_1.Box, { width: 6, height: 6, ml: "auto", onClick: props.onHide },
-                            react_1.default.createElement(pijma_core_1.Icon, { name: "cross" }))))),
-            react_1.default.createElement(pijma_core_1.FlexItem, { display: "flex", grow: 1, width: 1, minHeight: 0 },
-                react_1.default.createElement(pijma_core_1.FlexItem, { grow: 1, minHeight: 0, overflow: "auto" }, props.children)),
-            props.footer ? (react_1.default.createElement(pijma_core_1.Box, { p: 4, width: 1 }, props.footer)) : null))); } })); };
-exports.DropUp = DropUp;
-exports.DropUp.displayName = "DropUp"
+DropUp.displayName = "DropUp";

package/lib/es5/drop-up/index.js

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

package/lib/es5/footer-app/FooterApp.js

@@ -1,16 +1,70 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterApp = 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 FooterAppLink = function (props) {
-    return props.stub ? (react_1.default.createElement(pijma_core_1.Stub, { width: 1, height: 1, r: 8 })) : (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(pijma_core_1.BoxLnk, { display: "block", href: props.href, rel: props.rel, target: props.target, title: props.title, download: props.download, width: 1, height: 1, onClick: renderProps.onClick, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, onMouseUp: renderProps.onMouseUp, onMouseDown: renderProps.onMouseDown, children: props.icon })); } }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FooterApp", {
+    enumerable: true,
+    get: function() {
+        return FooterApp;
+    }
+});
+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 FooterAppLink = function(props) {
+    return props.stub ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+        width: 1,
+        height: 1,
+        r: 8
+    }) : /*#__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)(_pijmaCore.BoxLnk, {
+                display: "block",
+                href: props.href,
+                rel: props.rel,
+                target: props.target,
+                title: props.title,
+                download: props.download,
+                width: 1,
+                height: 1,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                children: props.icon
+            });
+        }
+    });
 };
-FooterAppLink.displayName = "FooterAppLink"
-var FooterApp = function (_a) {
-    var children = _a.children, _b = _a.stub, stub = _b === void 0 ? false : _b;
-    return (react_1.default.createElement(pijma_core_1.Flex, { wrap: "wrap", width: 68, justify: "space-between" }, (stub ? new Array(3).fill(0) : children).map(function (item, i) { return (react_1.default.createElement(pijma_core_1.FlexItem, { key: i, mt: i > 1 ? 3 : 0, width: 32, height: 10, children: react_1.default.createElement(FooterAppLink, (0, tslib_1.__assign)({ stub: stub }, item)) })); })));
+FooterAppLink.displayName = "FooterAppLink";
+var FooterApp = function(param) {
+    var children = param.children, _stub = param.stub, stub = _stub === void 0 ? false : _stub;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Flex, {
+        wrap: "wrap",
+        width: 68,
+        justify: "space-between",
+        children: (stub ? new Array(3).fill(0) : children).map(function(item, i) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                mt: i > 1 ? 3 : 0,
+                width: 32,
+                height: 10,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(FooterAppLink, _extends({
+                    stub: stub
+                }, item))
+            }, i);
+        })
+    });
 };
-exports.FooterApp = FooterApp;
-exports.FooterApp.displayName = "FooterApp"
+FooterApp.displayName = "FooterApp";

package/lib/es5/footer-app/index.js

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

package/lib/es5/footer-nav/FooterNav.js

@@ -1,18 +1,48 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterNav = 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 nav_link_1 = require("../nav-link/index.js");
-var FooterNav = function (_a) {
-    var _b = _a.children, children = _b === void 0 ? [] : _b, _c = _a.stub, stub = _c === void 0 ? false : _c;
-    return (react_1.default.createElement(pijma_core_1.Box, { overflow: "hidden" },
-        react_1.default.createElement(pijma_core_1.Flex, { wrap: "wrap", mx: -2, my: -2.5 }, stub
-            ? (typeof stub === 'boolean' ? [24, 30, 18] : stub).map(function (width, index) { return (react_1.default.createElement(pijma_core_1.FlexItem, { px: 2, py: 2.5, key: index, width: width },
-                react_1.default.createElement(nav_link_1.NavLink, { stub: true }))); })
-            : children.map(function (item, i) { return (react_1.default.createElement(pijma_core_1.FlexItem, { px: 2, py: 2.5, key: i },
-                react_1.default.createElement(nav_link_1.NavLink, (0, tslib_1.__assign)({}, item)))); }))));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FooterNav", {
+    enumerable: true,
+    get: function() {
+        return FooterNav;
+    }
+});
+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 _navLink = require("../nav-link/index.js");
+var FooterNav = function(param) {
+    var _children = param.children, children = _children === void 0 ? [] : _children, _stub = param.stub, stub = _stub === void 0 ? false : _stub;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+        overflow: "hidden",
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Flex, {
+            wrap: "wrap",
+            mx: -2,
+            my: -2.5,
+            children: stub ? (typeof stub === "boolean" ? [
+                24,
+                30,
+                18
+            ] : stub).map(function(width, index) {
+                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                    px: 2,
+                    py: 2.5,
+                    width: width,
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_navLink.NavLink, {
+                        stub: true
+                    })
+                }, index);
+            }) : children.map(function(item, i) {
+                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                    px: 2,
+                    py: 2.5,
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_navLink.NavLink, _extends({}, item))
+                }, i);
+            })
+        })
+    });
 };
-exports.FooterNav = FooterNav;
-exports.FooterNav.displayName = "FooterNav"
+FooterNav.displayName = "FooterNav";

package/lib/es5/footer-nav/index.js

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

package/lib/es5/footer-out/FooterOut.js

@@ -1,28 +1,89 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterOut = 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 FooterOutLink = function (props) {
-    return props.stub ? (react_1.default.createElement(pijma_core_1.Card, { width: 10, height: 10, r: 20, b: "solid 1px #ccc", p: 1.75 },
-        react_1.default.createElement(pijma_core_1.Stub, { height: 5, width: 5, r: 10, top: 0.5, left: 0.5 }))) : (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(pijma_core_1.CardLnk, { display: "block", width: 10, height: 10, r: 40, p: 1.75, b: renderProps.hover || renderProps.focus || renderProps.active
-                ? 'solid 1px #999'
-                : 'solid 1px #ccc', href: props.href, rel: props.rel, target: props.target, title: props.title, download: props.download, onClick: renderProps.onClick, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, onMouseUp: renderProps.onMouseUp, onMouseDown: renderProps.onMouseDown, children: react_1.default.createElement(pijma_core_1.Icon, { name: props.icon, color: renderProps.hover || renderProps.focus || renderProps.active
-                    ? '#666'
-                    : '#999' }) })); } }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FooterOut", {
+    enumerable: true,
+    get: function() {
+        return FooterOut;
+    }
+});
+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 FooterOutLink = function(props) {
+    return props.stub ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Card, {
+        width: 10,
+        height: 10,
+        r: 20,
+        b: "solid 1px #ccc",
+        p: 1.75,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+            height: 5,
+            width: 5,
+            r: 10,
+            top: 0.5,
+            left: 0.5
+        })
+    }) : /*#__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)(_pijmaCore.CardLnk, {
+                display: "block",
+                width: 10,
+                height: 10,
+                r: 40,
+                p: 1.75,
+                b: renderProps.hover || renderProps.focus || renderProps.active ? "solid 1px #999" : "solid 1px #ccc",
+                href: props.href,
+                rel: props.rel,
+                target: props.target,
+                title: props.title,
+                download: props.download,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                    name: props.icon,
+                    color: renderProps.hover || renderProps.focus || renderProps.active ? "#666" : "#999"
+                })
+            });
+        }
+    });
 };
-FooterOutLink.displayName = "FooterOutLink"
-var FooterOut = function (_a) {
-    var children = _a.children, _b = _a.stub, stub = _b === void 0 ? false : _b;
-    return (react_1.default.createElement(pijma_core_1.Box, { overflow: "hidden" },
-        react_1.default.createElement(pijma_core_1.Flex, { wrap: "wrap", justify: "space-between", m: -1.5 }, (stub
-            ? new Array(typeof stub === 'number' ? stub : 6).fill({
-                href: '',
-                icon: 'qiwi',
+FooterOutLink.displayName = "FooterOutLink";
+var FooterOut = function(param) {
+    var children = param.children, _stub = param.stub, stub = _stub === void 0 ? false : _stub;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+        overflow: "hidden",
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Flex, {
+            wrap: "wrap",
+            justify: "space-between",
+            m: -1.5,
+            children: (stub ? new Array(typeof stub === "number" ? stub : 6).fill({
+                href: "",
+                icon: "qiwi"
+            }) : children).map(function(item, i) {
+                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                    m: 1.5,
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(FooterOutLink, _extends({
+                        stub: stub
+                    }, item))
+                }, i);
             })
-            : children).map(function (item, i) { return (react_1.default.createElement(pijma_core_1.FlexItem, { key: i, m: 1.5 },
-            react_1.default.createElement(FooterOutLink, (0, tslib_1.__assign)({ stub: stub }, item)))); }))));
+        })
+    });
 };
-exports.FooterOut = FooterOut;
-exports.FooterOut.displayName = "FooterOut"
+FooterOut.displayName = "FooterOut";

package/lib/es5/footer-out/index.js

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