@qiwi/pijma-mobile 1.145.7 → 1.147.0

package/CHANGELOG.md

@@ -1,3 +1,49 @@
+# @qiwi/pijma-mobile [1.147.0](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.146.1...@qiwi/pijma-mobile@1.147.0) (2022-06-20)
+
+
+### Bug Fixes
+
+* deps ([a2b4853](https://github.com/qiwi/pijma/commit/a2b48534c7ae9266420ffc255c65174e8ee32a67))
+* deps ([70878fc](https://github.com/qiwi/pijma/commit/70878fcb24f68af613d67b4c765d816fe68c083d))
+* deps ([3a728c3](https://github.com/qiwi/pijma/commit/3a728c3247cb3220ca35bc9c3eea36e53447b5b0))
+* deps ([04bfd19](https://github.com/qiwi/pijma/commit/04bfd19bb42501e09c30335b0c7f4b00f2d11728))
+* deps ([2e4bf8a](https://github.com/qiwi/pijma/commit/2e4bf8a306b4303b3ef3f38d79ded7a6b3bf21d4))
+* deps ([749eada](https://github.com/qiwi/pijma/commit/749eada767e8c0dc83754e0bcf481c2058800f75))
+* react deps ([eaac606](https://github.com/qiwi/pijma/commit/eaac6069c89680ba123b3793314ff98c4b1866e0))
+* react deps ([#498](https://github.com/qiwi/pijma/issues/498)) ([88e8265](https://github.com/qiwi/pijma/commit/88e82658b8f381bf842523423a9ca11f9da2360a))
+
+
+### Features
+
+* forward ref in TextField ([#495](https://github.com/qiwi/pijma/issues/495)) ([4a51cc0](https://github.com/qiwi/pijma/commit/4a51cc06be71ecb6ef9937f2f696869ca825fa3b))
+
+
+
+
+
+### Dependencies
+
+* **@qiwi/pijma-core:** upgraded to 1.149.3
+* **@qiwi/pijma-infra:** upgraded to 1.5.7
+
+## @qiwi/pijma-mobile [1.146.1](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.146.0...@qiwi/pijma-mobile@1.146.1) (2022-06-06)
+
+
+
+
+
+### Dependencies
+
+* **@qiwi/pijma-core:** upgraded to 1.149.1
+* **@qiwi/pijma-infra:** upgraded to 1.5.5
+
+# @qiwi/pijma-mobile [1.146.0](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.145.7...@qiwi/pijma-mobile@1.146.0) (2022-06-06)
+
+
+### Features
+
+* add radius prop to button ([#487](https://github.com/qiwi/pijma/issues/487)) ([c2575db](https://github.com/qiwi/pijma/commit/c2575dbe391904f8c5e18799a240873bd9d617c7))
+
 ## @qiwi/pijma-mobile [1.145.7](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.145.6...@qiwi/pijma-mobile@1.145.7) (2022-06-01)
 
 

package/lib/es5/actions/Actions.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Actions = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = (0, tslib_1.__importStar)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var Actions = function (props) {
     var elements = react_1.Children.toArray(props.children).filter(function (child) { return !!child; });
@@ -12,3 +12,4 @@ var Actions = function (props) {
     return (react_1.default.createElement(pijma_core_1.Box, { width: 1, children: (react_1.Children.map(elements, function (child, key) { return (react_1.default.createElement(pijma_core_1.Box, { key: key, width: 1, maxWidth: 1, mt: key === 0 ? undefined : 4, children: child })); })) }));
 };
 exports.Actions = Actions;
+exports.Actions.displayName = "Actions"

package/lib/es5/actions/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Actions"), exports);
+(0, tslib_1.__exportStar)(require("./Actions"), exports);

package/lib/es5/alert/Alert.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var typography_1 = require("../typography");
 var link_1 = require("../link");
@@ -32,6 +32,7 @@ var Alert = function (_a) {
                 react_1.default.createElement(pijma_core_1.Icon, { name: "cross-small", color: "#666666" }))) : (null))); } }));
 };
 exports.Alert = Alert;
+exports.Alert.displayName = "Alert"
 exports.Alert.defaultProps = {
     type: 'general',
 };

package/lib/es5/alert/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Alert"), exports);
+(0, tslib_1.__exportStar)(require("./Alert"), exports);

package/lib/es5/block-accordion/BlockAccordion.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockAccordion = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var typography_1 = require("../typography");
 var BlockAccordion = function (_a) {
@@ -12,11 +12,12 @@ var BlockAccordion = function (_a) {
                 : undefined, transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)", onMouseEnter: item.onMouseEnter, onMouseLeave: item.onMouseLeave },
             react_1.default.createElement(pijma_core_1.Flex, { tabIndex: tabIndex, wrap: "nowrap", justify: "space-between", align: "start", cursor: "pointer", px: 4, pt: 4, pb: item.opened ? 1 : 4, onClick: item.onClick, onFocus: item.onFocus, onBlur: item.onBlur, onKeyDown: renderProps.onKeyDown },
                 react_1.default.createElement(typography_1.Paragraph, { bold: true, size: "s" }, item.title),
-                react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, width: 6, height: 6, ml: 3, transform: "rotate(".concat(item.opened ? 180 : 0, "deg)"), transition: "transform 0.3s ease-in-out" },
+                react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, width: 6, height: 6, ml: 3, transform: "rotate(" + (item.opened ? 180 : 0) + "deg)", transition: "transform 0.3s ease-in-out" },
                     react_1.default.createElement(pijma_core_1.Icon, { name: "angle-small-down" }))),
             react_1.default.createElement(pijma_core_1.Box, { px: 4, pb: 4, display: item.opened ? 'block' : 'none' }, typeof item.content === 'string' ? (react_1.default.createElement(typography_1.Paragraph, { size: "s" }, item.content)) : (item.content)))); }))); } }));
 };
 exports.BlockAccordion = BlockAccordion;
+exports.BlockAccordion.displayName = "BlockAccordion"
 exports.BlockAccordion.defaultProps = {
     tabIndex: 0,
 };

package/lib/es5/block-accordion/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./BlockAccordion"), exports);
+(0, tslib_1.__exportStar)(require("./BlockAccordion"), exports);

package/lib/es5/block-content/BlockContent.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockContent = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var BlockContentIdent = {
     m: 4,
@@ -13,6 +13,7 @@ var BlockContent = function (_a) {
     return (react_1.default.createElement(pijma_core_1.Box, { p: BlockContentIdent[indent], children: children }));
 };
 exports.BlockContent = BlockContent;
+exports.BlockContent.displayName = "BlockContent"
 exports.BlockContent.defaultProps = {
     indent: 'm',
 };

package/lib/es5/block-content/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./BlockContent"), exports);
+(0, tslib_1.__exportStar)(require("./BlockContent"), exports);

package/lib/es5/block-tabs/BlockTabs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockTabs = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var typography_1 = require("../typography");
 var BlockTabsIndent = {
@@ -17,7 +17,9 @@ var FlexOverflow = (0, pijma_core_1.styled)(pijma_core_1.Flex)({
     msOverflowStyle: 'none',
     position: 'relative',
 });
+FlexOverflow.displayName = "FlexOverflow"
 var TabContent = (0, pijma_core_1.styled)(pijma_core_1.FlexItem)();
+TabContent.displayName = "TabContent"
 var BlockTabs = function (_a) {
     var items = _a.items, _b = _a.select, select = _b === void 0 ? 0 : _b, _c = _a.tabIndex, tabIndex = _c === void 0 ? 0 : _c, _d = _a.vertical, vertical = _d === void 0 ? false : _d, _e = _a.centered, centered = _e === void 0 ? false : _e, _f = _a.stub, stub = _f === void 0 ? false : _f, _g = _a.hr, hr = _g === void 0 ? true : _g, _h = _a.indent, indent = _h === void 0 ? 'm' : _h, pt = _a.pt, pb = _a.pb, onChange = _a.onChange;
     return (stub ? (react_1.default.createElement(pijma_core_1.Pos, { type: "relative" },
@@ -32,7 +34,7 @@ var BlockTabs = function (_a) {
             react_1.default.createElement(pijma_core_1.Flex, { direction: "column", pt: pt !== undefined ? pt : BlockTabsIndent[indent][0], pr: BlockTabsIndent[indent][1], pb: pb !== undefined ? pb : BlockTabsIndent[indent][2], pl: BlockTabsIndent[indent][3] },
                 react_1.default.createElement(FlexOverflow, { direction: "row", overflow: "auto", justify: centered ? 'space-between' : 'flex-start' },
                     renderProps.items.map(function (item, index) { return (react_1.default.createElement(pijma_core_1.TabHeader, { key: index, title: items[index].title, indent: index === items.length - 1 ? 0 : 5, wrap: !centered, tabIndex: tabIndex, icon: items[index].icon, vertical: vertical, select: item.select, focus: item.focus, width: centered ? 1 : undefined, ref: item.ref, onFocus: item.onFocus, onBlur: item.onBlur, onMouseEnter: item.onMouseEnter, onMouseLeave: item.onMouseLeave, onKeyDown: renderProps.onKeyDown, onClick: item.onClick })); }),
-                    react_1.default.createElement(pijma_core_1.TabBorder, { width: "".concat(renderProps.borderWidth, "px"), left: "".concat(renderProps.borderLeft, "px"), radius: hr })),
+                    react_1.default.createElement(pijma_core_1.TabBorder, { width: renderProps.borderWidth + "px", left: renderProps.borderLeft + "px", radius: hr })),
                 hr ? (react_1.default.createElement(pijma_core_1.FlexItem, null,
                     react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", width: 1, left: 0, zIndex: 0 },
                         react_1.default.createElement(pijma_core_1.Card, { mt: "-1px", bg: "#e6e6e6", width: 1, height: "1px" })))) : (null),
@@ -42,6 +44,7 @@ var BlockTabs = function (_a) {
                 })))); } })));
 };
 exports.BlockTabs = BlockTabs;
+exports.BlockTabs.displayName = "BlockTabs"
 exports.BlockTabs.defaultProps = {
     select: 0,
     tabIndex: 0,

package/lib/es5/block-tabs/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./BlockTabs"), exports);
+(0, tslib_1.__exportStar)(require("./BlockTabs"), exports);

package/lib/es5/breadcrumbs/Breadcrumbs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = (0, tslib_1.__importStar)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var nav_link_1 = require("../nav-link");
 var typography_1 = require("../typography");
@@ -13,6 +13,7 @@ var Breadcrumbs = function (_a) {
         i > 0 ? (react_1.default.createElement(react_1.Fragment, null,
             react_1.default.createElement(pijma_core_1.Box, { as: "span", mx: 2, display: "inline" }, "\u2022"),
             "\u00AD")) : (null),
-        react_1.default.createElement(nav_link_1.NavLink, tslib_1.__assign({}, item)))); }))));
+        react_1.default.createElement(nav_link_1.NavLink, (0, tslib_1.__assign)({}, item)))); }))));
 };
 exports.Breadcrumbs = Breadcrumbs;
+exports.Breadcrumbs.displayName = "Breadcrumbs"

package/lib/es5/breadcrumbs/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Breadcrumbs"), exports);
+(0, tslib_1.__exportStar)(require("./Breadcrumbs"), exports);

package/lib/es5/button/Button.d.ts

@@ -12,5 +12,6 @@ export interface ButtonProps {
     icon?: ReactElement;
     loading?: boolean;
     stub?: boolean;
+    radius?: number;
 }
 export declare const Button: FunctionComponent<ButtonProps>;

package/lib/es5/button/Button.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = (0, tslib_1.__importStar)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var buttonSize = {
     accent: 12,
@@ -50,18 +50,23 @@ var stubWidth = {
     minor: 19,
 };
 var Button = function (props) {
+    var _a;
     var theme = (0, pijma_core_1.useTheme)();
-    return props.stub ? (react_1.default.createElement(pijma_core_1.Card, { width: !props.icon || props.text ? 1 : buttonSize[props.size], height: buttonSize[props.size], bg: theme.button.bg.kind.simple, b: theme.button.border.kind.simple, r: buttonRadius[props.size] },
+    return props.stub ? (react_1.default.createElement(pijma_core_1.Card, { width: !props.icon || props.text ? 1 : buttonSize[props.size], height: buttonSize[props.size], bg: theme.button.bg.kind.simple, b: theme.button.border.kind.simple, r: (_a = props.radius) !== null && _a !== void 0 ? _a : buttonRadius[props.size] },
         react_1.default.createElement(pijma_core_1.Flex, { align: "center", justify: "center", width: 1, height: 1, px: props.icon && !props.text ? 0 : contextPaddingX[props.size] },
             react_1.default.createElement(react_1.Fragment, null,
                 props.icon ? (react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, mr: props.text ? iconMargin[props.size] : 0, width: iconSize[props.size], height: iconSize[props.size] },
                     react_1.default.createElement(pijma_core_1.Stub, { top: 0.5, right: 0.5, bottom: 0.5, left: 0.5, width: iconSize[props.size] - 1, height: iconSize[props.size] - 1, r: (iconSize[props.size] - 1) * 2 }))) : (null),
-                props.text || !props.icon ? (react_1.default.createElement(pijma_core_1.Stub, { width: stubWidth[props.size] - (props.icon ? 9 : 0), height: stubHeight[props.size] })) : (null))))) : (react_1.default.createElement(pijma_core_1.ButtonControl, { onClick: props.onClick, onFocus: props.onFocus, onBlur: props.onBlur, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Btn, { disabled: props.disabled, type: props.type, width: !props.icon || props.text ? 1 : buttonSize[props.size], height: buttonSize[props.size], bg: props.disabled ? '#e6e6e6' : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : theme.button.bg.kind[props.kind], b: props.disabled ? 'none' : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind], r: buttonRadius[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", onClick: renderProps.onClick, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, children: (react_1.default.createElement(pijma_core_1.Pos, { type: "relative", width: 1, height: 1, cursor: props.disabled ? 'not-allowed' : 'pointer', children: (react_1.default.createElement(pijma_core_1.Flex, { align: "center", justify: "center", width: 1, height: 1, px: props.icon && !props.text ? 0 : contextPaddingX[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: (react_1.default.createElement(react_1.Fragment, null,
-                        react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", top: 0, right: 0, bottom: 0, left: 0, opacity: props.loading ? (renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1) : 0, transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: (react_1.default.createElement(pijma_core_1.Flex, { align: "center", justify: "center", width: 1, height: 1, children: (react_1.default.createElement(pijma_core_1.Spinner, { paused: !props.loading, width: iconSize[props.size], height: iconSize[props.size], color: props.disabled ? '#666' : theme.button.text.color[props.kind] })) })) }),
-                        props.icon ? (react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1, mr: props.text ? iconMargin[props.size] : 0, width: iconSize[props.size], height: iconSize[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: react_1.default.cloneElement(props.icon, {
-                                color: props.disabled ? '#666' : props.kind === 'brand' ? '#fff' : '#000',
-                                size: 1,
-                            }) })) : (null),
-                        props.text || !props.icon ? (react_1.default.createElement(pijma_core_1.FlexItem, { opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1, overflow: "hidden", transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: (react_1.default.createElement(pijma_core_1.Typo, { nowrap: true, display: "block", weight: 500, color: props.disabled ? '#666' : theme.button.text.color[props.kind], size: textSize[props.size], height: textHeight[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: props.text })) })) : (null))) })) })) })); } }));
+                props.text || !props.icon ? (react_1.default.createElement(pijma_core_1.Stub, { width: stubWidth[props.size] - (props.icon ? 9 : 0), height: stubHeight[props.size] })) : (null))))) : (react_1.default.createElement(pijma_core_1.ButtonControl, { onClick: props.onClick, onFocus: props.onFocus, onBlur: props.onBlur, children: function (renderProps) {
+            var _a;
+            return (react_1.default.createElement(pijma_core_1.Btn, { disabled: props.disabled, type: props.type, width: !props.icon || props.text ? 1 : buttonSize[props.size], height: buttonSize[props.size], bg: props.disabled ? '#e6e6e6' : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : theme.button.bg.kind[props.kind], b: props.disabled ? 'none' : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind], r: (_a = props.radius) !== null && _a !== void 0 ? _a : buttonRadius[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", onClick: renderProps.onClick, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, children: (react_1.default.createElement(pijma_core_1.Pos, { type: "relative", width: 1, height: 1, cursor: props.disabled ? 'not-allowed' : 'pointer', children: (react_1.default.createElement(pijma_core_1.Flex, { align: "center", justify: "center", width: 1, height: 1, px: props.icon && !props.text ? 0 : contextPaddingX[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: (react_1.default.createElement(react_1.Fragment, null,
+                            react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", top: 0, right: 0, bottom: 0, left: 0, opacity: props.loading ? (renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1) : 0, transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: (react_1.default.createElement(pijma_core_1.Flex, { align: "center", justify: "center", width: 1, height: 1, children: (react_1.default.createElement(pijma_core_1.Spinner, { paused: !props.loading, width: iconSize[props.size], height: iconSize[props.size], color: props.disabled ? '#666' : theme.button.text.color[props.kind] })) })) }),
+                            props.icon ? (react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1, mr: props.text ? iconMargin[props.size] : 0, width: iconSize[props.size], height: iconSize[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: react_1.default.cloneElement(props.icon, {
+                                    color: props.disabled ? '#666' : props.kind === 'brand' ? '#fff' : '#000',
+                                    size: 1,
+                                }) })) : (null),
+                            props.text || !props.icon ? (react_1.default.createElement(pijma_core_1.FlexItem, { opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1, overflow: "hidden", transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: (react_1.default.createElement(pijma_core_1.Typo, { nowrap: true, display: "block", weight: 500, color: props.disabled ? '#666' : theme.button.text.color[props.kind], size: textSize[props.size], height: textHeight[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: props.text })) })) : (null))) })) })) }));
+        } }));
 };
 exports.Button = Button;
+exports.Button.displayName = "Button"

package/lib/es5/button/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Button"), exports);
+(0, tslib_1.__exportStar)(require("./Button"), exports);

package/lib/es5/checkbox/Checkbox.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var Checkbox = function (props) { return (react_1.default.createElement(pijma_core_1.SwitchControl, { disabled: props.disabled, checked: props.checked, onChange: props.onChange, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.OptionField, { tabIndex: props.tabIndex, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onKeyDown: renderProps.onKeyDown, children: (react_1.default.createElement(pijma_core_1.OptionFieldItem, { disabled: props.disabled, label: props.label, description: props.description, icon: (react_1.default.createElement(pijma_core_1.Box, { width: 6 },
                 react_1.default.createElement(pijma_core_1.Check, { disabled: props.disabled, checked: props.checked, focused: renderProps.focused }))), onClick: renderProps.onClick, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave })) })); } })); };
+Checkbox.displayName = "Checkbox"
 Checkbox.defaultProps = {
     tabIndex: 0,
 };

package/lib/es5/checkbox/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 var tslib_1 = require("tslib");
-var Checkbox_1 = tslib_1.__importDefault(require("./Checkbox"));
+var Checkbox_1 = (0, tslib_1.__importDefault)(require("./Checkbox"));
 exports.Checkbox = Checkbox_1.default;

package/lib/es5/checkbox-field/CheckboxField.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var CheckboxField = function (props) { return (props.stub ? (react_1.default.createElement(pijma_core_1.Box, { maxWidth: 1 },
     react_1.default.createElement(pijma_core_1.Stub, { width: 24, height: 3, top: 2, bottom: 4 }),
@@ -10,4 +10,5 @@ var CheckboxField = function (props) { return (props.stub ? (react_1.default.cre
         react_1.default.createElement(pijma_core_1.Box, { width: width, maxWidth: 1 },
             react_1.default.createElement(pijma_core_1.Stub, { width: 1, height: 2, top: 2, bottom: 2 })))); })))) : (react_1.default.createElement(pijma_core_1.CheckboxControl, { tabIndex: props.tabIndex, options: props.options, values: props.values, equals: props.equals, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.OptionField, { title: props.title, hint: props.hint, help: props.help, tabIndex: renderProps.tabIndex, autoFocus: props.autoFocus, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onKeyDown: renderProps.onKeyDown, children: renderProps.options.map(function (option, index) { return (react_1.default.createElement(pijma_core_1.OptionControl, { key: index, disabled: option.disabled, value: option.value, onClick: option.onClick, onMouseEnter: option.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, children: function (renderOptionProps) { return (react_1.default.createElement(pijma_core_1.OptionFieldItem, { disabled: option.disabled, icon: (react_1.default.createElement(pijma_core_1.Box, { width: 6 },
                     react_1.default.createElement(pijma_core_1.Check, { disabled: option.disabled, checked: option.checked, focused: option.focused }))), label: option.label, description: option.description, onClick: renderOptionProps.onClick, onMouseEnter: renderOptionProps.onMouseEnter, onMouseLeave: renderOptionProps.onMouseLeave })); } })); }) })); } }))); };
+CheckboxField.displayName = "CheckboxField"
 exports.default = CheckboxField;

package/lib/es5/checkbox-field/index.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxField = void 0;
 var tslib_1 = require("tslib");
-var CheckboxField_1 = tslib_1.__importDefault(require("./CheckboxField"));
+var CheckboxField_1 = (0, tslib_1.__importDefault)(require("./CheckboxField"));
 exports.CheckboxField = CheckboxField_1.default;

package/lib/es5/code-field/CodeField.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodeField = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = (0, tslib_1.__importStar)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var animation = function (count) {
     var _a;
@@ -11,21 +11,22 @@ var animation = function (count) {
                 height: '48px',
             }
         },
-        _a["".concat(1 / count * 50, "%")] = {
+        _a[1 / count * 50 + "%"] = {
             height: '40px',
         },
-        _a["".concat(1 / count * 100, "%")] = {
+        _a[1 / count * 100 + "%"] = {
             height: '48px',
         },
         _a));
 };
 var CodeField = function (_a) {
-    var _b = _a.length, length = _b === void 0 ? 4 : _b, _c = _a.autoFocus, autoFocus = _c === void 0 ? false : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? 'tel' : _e, props = tslib_1.__rest(_a, ["length", "autoFocus", "loading", "type"]);
+    var _b = _a.length, length = _b === void 0 ? 4 : _b, _c = _a.autoFocus, autoFocus = _c === void 0 ? false : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? 'tel' : _e, props = (0, tslib_1.__rest)(_a, ["length", "autoFocus", "loading", "type"]);
     return (props.stub ? (react_1.default.createElement(react_1.Fragment, null, Array(length).fill('').map(function (_, index) { return (react_1.default.createElement(pijma_core_1.Box, { ml: index === 0 ? 0 : 3, display: "inline-block", key: index },
         react_1.default.createElement(pijma_core_1.Stub, { width: 8, height: 12, r: 8 }))); }))) : (react_1.default.createElement(pijma_core_1.CodeFieldControl, { value: props.value, type: type, autoFocus: autoFocus, loading: loading, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur, onReady: props.onReady, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Box, { width: 1, minHeight: 12 },
             react_1.default.createElement(pijma_core_1.Flex, null, renderProps.values.map(function (item, index) { return (react_1.default.createElement(pijma_core_1.FlexItem, { ml: index === 0 ? 0 : 3, align: "top", key: index },
-                react_1.default.createElement(pijma_core_1.Input, { name: props.name, tabIndex: index === 0 ? 0 : -1, cursor: props.disabled ? 'not-allowed' : undefined, animation: loading ? "".concat(animation(props.value.length), " ").concat(450 * props.value.length, "ms ease-in-out ").concat(450 * index, "ms infinite") : undefined, autoFocus: autoFocus && index === 0, css: { textAlign: 'center' }, bg: "#F2F2F2", b: item.focused && !loading ? '1px solid #CCCCCC' : undefined, autoComplete: "off", valueSize: 5, valueWeight: 400, width: 8, height: 12, r: 8, type: type, disabled: props.disabled || loading, ref: item.ref, value: loading ? '' : props.value[index], onChange: function (e) { return item.onChange(e, index); }, onClick: function (e) { return item.onClick(e, index); }, onFocus: function (e) { return item.onFocus(e, index); }, onBlur: function (e) { return item.onBlur(e, index); }, onKeyDown: function (e) { return renderProps.onKeyDown(e, index); } }))); })),
+                react_1.default.createElement(pijma_core_1.Input, { name: props.name, tabIndex: index === 0 ? 0 : -1, cursor: props.disabled ? 'not-allowed' : undefined, animation: loading ? animation(props.value.length) + " " + 450 * props.value.length + "ms ease-in-out " + 450 * index + "ms infinite" : undefined, autoFocus: autoFocus && index === 0, css: { textAlign: 'center' }, bg: "#F2F2F2", b: item.focused && !loading ? '1px solid #CCCCCC' : undefined, autoComplete: "off", valueSize: 5, valueWeight: 400, width: 8, height: 12, r: 8, type: type, disabled: props.disabled || loading, ref: item.ref, value: loading ? '' : props.value[index], onChange: function (e) { return item.onChange(e, index); }, onClick: function (e) { return item.onClick(e, index); }, onFocus: function (e) { return item.onFocus(e, index); }, onBlur: function (e) { return item.onBlur(e, index); }, onKeyDown: function (e) { return renderProps.onKeyDown(e, index); } }))); })),
             props.error ? (react_1.default.createElement(pijma_core_1.Box, { mt: 5 },
                 react_1.default.createElement(pijma_core_1.Typo, { display: "block", color: "#d0021b", weight: 300, size: 3.5, height: 5, children: props.error }))) : (null))); } })));
 };
 exports.CodeField = CodeField;
+exports.CodeField.displayName = "CodeField"

package/lib/es5/code-field/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./CodeFieldProps"), exports);
-tslib_1.__exportStar(require("./CodeField"), exports);
+(0, tslib_1.__exportStar)(require("./CodeFieldProps"), exports);
+(0, tslib_1.__exportStar)(require("./CodeField"), exports);

package/lib/es5/content-suggest/ContentSuggest.js

@@ -2,15 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentSuggest = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = (0, tslib_1.__importStar)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var typography_1 = require("../typography");
 var link_1 = require("../link");
 var menu_1 = require("../menu");
 var input_modal_1 = require("../input-modal");
 var CardMenuItem = (0, pijma_core_1.styled)(pijma_core_1.Card)().withComponent(menu_1.MenuItem);
+CardMenuItem.displayName = "CardMenuItem"
 var ContentSuggest = function (_a) {
-    var _b = _a.equals, equals = _b === void 0 ? function (a, b) { return a === b; } : _b, props = tslib_1.__rest(_a, ["equals"]);
+    var _b = _a.equals, equals = _b === void 0 ? function (a, b) { return a === b; } : _b, props = (0, tslib_1.__rest)(_a, ["equals"]);
     return (react_1.default.createElement(pijma_core_1.SuggestControl, { value: props.value, suggest: props.suggest, items: props.items, total: props.total, empty: props.empty, equals: equals, onRequest: props.onRequest, onChange: props.onChange, onBlur: props.onBlur, onFocus: props.onFocus, onCancel: props.onCancel, onSubmit: props.onSubmit, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Pos, { type: "relative" },
             react_1.default.createElement(pijma_core_1.Box, { width: 1, onMouseEnter: renderProps.onInputMouseEnter, onMouseLeave: renderProps.onInputMouseLeave },
                 react_1.default.createElement(pijma_core_1.ContentInput, { value: props.suggest || '', type: "search", error: false, tabIndex: props.tabIndex, autoComplete: props.autoComplete, autoFocus: props.autoFocus, placeholder: props.placeholder, maxLength: props.maxLength, pr: 14, focused: false, hovered: renderProps.hovered, onChange: renderProps.onRequest, onFocus: renderProps.onShowFocus }),

package/lib/es5/content-suggest/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ContentSuggest"), exports);
+(0, tslib_1.__exportStar)(require("./ContentSuggest"), exports);

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

@@ -2,11 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropUp = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var typography_1 = require("../typography");
-var contentTransitionVertical = function (props) { return react_1.default.createElement(pijma_core_1.SimpleTransition, tslib_1.__assign({}, props)); };
-var contentTransitionHorizontal = function (props) { return react_1.default.createElement(pijma_core_1.SimpleTransition, tslib_1.__assign({}, props)); };
+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"
 var translate3d = {
     vertical: '0, 100%, 0',
     horizontal: '100%, 0, 0',
@@ -19,17 +21,18 @@ var defaultProps = function (direction) { return ({
     enterClassName: function (timeout) { return (0, pijma_core_1.css)({
         opacity: 1,
         transform: 'translate3d(0, 0, 0)',
-        transition: "opacity ".concat(timeout, "ms ease, transform ").concat(timeout, "ms ease"),
+        transition: "opacity " + timeout + "ms ease, transform " + timeout + "ms ease",
     }); },
     exitClassName: function (timeout) { return (0, pijma_core_1.css)({
         opacity: 0,
-        transform: "translate3d(".concat(translate3d[direction], ")"),
-        transition: "opacity ".concat(timeout, "ms ease, transform ").concat(timeout, "ms ease"),
+        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, tslib_1.__assign({}, props)); };
+var backdropTransition = function (props) { return react_1.default.createElement(pijma_core_1.SimpleTransition, (0, tslib_1.__assign)({}, props)); };
+backdropTransition.displayName = "backdropTransition"
 backdropTransition.defaultProps = {
     timeout: {
         enter: 370,
@@ -37,16 +40,17 @@ backdropTransition.defaultProps = {
     },
     enterClassName: function (timeout) { return (0, pijma_core_1.css)({
         opacity: 1,
-        transition: "opacity ".concat(timeout, "ms ease"),
+        transition: "opacity " + timeout + "ms ease",
     }); },
     exitClassName: function (timeout) { return (0, pijma_core_1.css)({
         opacity: 0,
-        transition: "opacity ".concat(timeout, "ms ease"),
+        transition: "opacity " + timeout + "ms ease",
     }); },
 };
 var FlexPosCard = (0, pijma_core_1.styled)(pijma_core_1.FlexPos)().withComponent(pijma_core_1.Card);
-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, 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, tslib_1.__assign({ type: "fixed", zIndex: 9999, top: 0, bottom: 0, left: 0, right: 0, onKeyDown: props.onKeyDown }, dialogProps),
+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)" },
@@ -60,3 +64,4 @@ var DropUp = function (props) { return (react_1.default.createElement(pijma_core
                 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"

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

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./DropUp"), exports);
+(0, tslib_1.__exportStar)(require("./DropUp"), exports);

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

@@ -2,11 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterApp = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 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 })); } }))); };
+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 ? 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, tslib_1.__assign({ stub: stub }, item)) })); })));
+    return (react_1.default.createElement(pijma_core_1.Flex, { wrap: "wrap", width: 68, justify: "space-between" }, (stub ? 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)) })); })));
 };
 exports.FooterApp = FooterApp;
+exports.FooterApp.displayName = "FooterApp"

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

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FooterApp"), exports);
+(0, tslib_1.__exportStar)(require("./FooterApp"), exports);

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterNav = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 var nav_link_1 = require("../nav-link");
 var FooterNav = function (_a) {
@@ -10,6 +10,7 @@ var FooterNav = function (_a) {
     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, tslib_1.__assign({}, item)))); })))));
+            react_1.default.createElement(nav_link_1.NavLink, (0, tslib_1.__assign)({}, item)))); })))));
 };
 exports.FooterNav = FooterNav;
+exports.FooterNav.displayName = "FooterNav"

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

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FooterNav"), exports);
+(0, tslib_1.__exportStar)(require("./FooterNav"), exports);

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

@@ -2,14 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterOut = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
 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' })) })); } }))); };
+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 ? Array(typeof stub === 'number' ? stub : 6).fill({ href: '', icon: 'qiwi' }) : children).map(function (item, i) { return (react_1.default.createElement(pijma_core_1.FlexItem, { key: i, m: 1.5 },
-            react_1.default.createElement(FooterOutLink, tslib_1.__assign({ stub: stub }, item)))); }))));
+            react_1.default.createElement(FooterOutLink, (0, tslib_1.__assign)({ stub: stub }, item)))); }))));
 };
 exports.FooterOut = FooterOut;
+exports.FooterOut.displayName = "FooterOut"

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

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FooterOut"), exports);
+(0, tslib_1.__exportStar)(require("./FooterOut"), exports);