@qiwi/pijma-desktop 1.145.6 → 1.147.0

package/CHANGELOG.md

@@ -1,3 +1,49 @@
+# @qiwi/pijma-desktop [1.147.0](https://github.com/qiwi/pijma/compare/@qiwi/pijma-desktop@1.146.1...@qiwi/pijma-desktop@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-desktop [1.146.1](https://github.com/qiwi/pijma/compare/@qiwi/pijma-desktop@1.146.0...@qiwi/pijma-desktop@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-desktop [1.146.0](https://github.com/qiwi/pijma/compare/@qiwi/pijma-desktop@1.145.6...@qiwi/pijma-desktop@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-desktop [1.145.6](https://github.com/qiwi/pijma/compare/@qiwi/pijma-desktop@1.145.5...@qiwi/pijma-desktop@1.145.6) (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 margin = {
     accent: 6,
@@ -21,3 +21,4 @@ var Actions = function (props) {
     return (react_1.default.createElement(pijma_core_1.Flex, { display: "inline-flex", align: "center", maxWidth: 1, children: content }));
 };
 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/annotation/Annotation.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Annotation = 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 Annotation = function (_a) {
     var children = _a.children;
     return (react_1.default.createElement(pijma_core_1.Card, { px: 11, pt: 11, pb: 12, r: 10, b: "solid 1px #e6e6e6" }, children));
 };
 exports.Annotation = Annotation;
+exports.Annotation.displayName = "Annotation"

package/lib/es5/annotation/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Annotation"), exports);
+(0, tslib_1.__exportStar)(require("./Annotation"), 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 BlockAccordionIndent = {
@@ -21,11 +21,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: BlockAccordionIndent[indent], pt: 4, pb: item.opened ? 2 : 4, onClick: item.onClick, onFocus: item.onFocus, onBlur: item.onBlur, onKeyDown: renderProps.onKeyDown },
                 react_1.default.createElement(typography_1.Paragraph, { bold: true, size: "m" }, 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: BlockAccordionIndent[indent], pb: 4, display: item.opened ? 'block' : 'none' }, typeof item.content === 'string' ? (react_1.default.createElement(typography_1.Paragraph, { size: "m" }, item.content)) : (item.content)))); }))); } }));
 };
 exports.BlockAccordion = BlockAccordion;
+exports.BlockAccordion.displayName = "BlockAccordion"
 exports.BlockAccordion.defaultProps = {
     indent: 'm',
     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 = {
     s: 8,
@@ -14,6 +14,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 = {
@@ -23,7 +23,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" },
@@ -38,7 +40,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),
@@ -48,6 +50,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 buttonRadius = {
     accent: 30,
@@ -45,18 +45,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], minWidth: props.text ? buttonMinWith[props.size] : undefined, 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], minWidth: props.text ? buttonMinWith[props.size] : undefined, 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 ? 3 : 0, width: 6, height: 6 },
                     react_1.default.createElement(pijma_core_1.Stub, { top: 0.5, right: 0.5, bottom: 0.5, left: 0.5, width: 5, height: 5, r: 10 }))) : (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], minWidth: props.text ? buttonMinWith[props.size] : undefined, bg: props.disabled ? '#e6e6e6' : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : props.size === 'accent' ? theme.button.bg.accent[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], s: props.disabled ? 'none' : (renderProps.hover || renderProps.focus) && props.size === 'accent' ? theme.button.shadow.hover[props.kind] : props.size === 'accent' ? theme.button.shadow.kind[props.kind] : 'none', transition: "box-shadow 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: 6, height: 6, 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 ? 3 : 0, width: 6, height: 6, 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], minWidth: props.text ? buttonMinWith[props.size] : undefined, bg: props.disabled ? '#e6e6e6' : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : props.size === 'accent' ? theme.button.bg.accent[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], s: props.disabled ? 'none' : (renderProps.hover || renderProps.focus) && props.size === 'accent' ? theme.button.shadow.hover[props.kind] : props.size === 'accent' ? theme.button.shadow.kind[props.kind] : 'none', transition: "box-shadow 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: 6, height: 6, 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 ? 3 : 0, width: 6, height: 6, 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, onMouseLeave: renderOptionProps.onMouseLeave, onMouseEnter: renderOptionProps.onMouseEnter })); } })); }) })); } }))); };
+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,16 +2,17 @@
 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 drop_down_1 = require("../drop-down");
 var menu_1 = require("../menu");
 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"]);
-    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, onSubmit: props.onSubmit, onCancel: props.onCancel, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.MenuControl, { count: renderProps.items.length, selected: renderProps.selected, onSelect: renderProps.onItemSelect, onKeyDown: renderProps.onItemKeyDown, children: function (menuRenderProps) { return (react_1.default.createElement(pijma_core_1.CardPos, { type: "relative", ref: renderProps.containerRef, width: 1, transition: "box-shadow ".concat(renderProps.focused ? 300 : 200, "ms cubic-bezier(0.4, 0.0, 0.2, 1)"), s: renderProps.focused ? '0 20px 64px 0 rgba(0, 0, 0, 0.16)' : 'none', r: 10 },
+    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, onSubmit: props.onSubmit, onCancel: props.onCancel, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.MenuControl, { count: renderProps.items.length, selected: renderProps.selected, onSelect: renderProps.onItemSelect, onKeyDown: renderProps.onItemKeyDown, children: function (menuRenderProps) { return (react_1.default.createElement(pijma_core_1.CardPos, { type: "relative", ref: renderProps.containerRef, width: 1, transition: "box-shadow " + (renderProps.focused ? 300 : 200) + "ms cubic-bezier(0.4, 0.0, 0.2, 1)", s: renderProps.focused ? '0 20px 64px 0 rgba(0, 0, 0, 0.16)' : 'none', r: 10 },
                 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 || '', tabIndex: props.tabIndex, autoComplete: props.autoComplete, autoFocus: props.autoFocus, placeholder: props.placeholder, maxLength: props.maxLength, ref: renderProps.inputRef, pr: 14, error: !!props.error, focused: renderProps.focused, norb: props.items !== undefined && renderProps.focused && (props.items.length > 0 || props.empty !== undefined || props.loading), hovered: renderProps.hovered, onChange: renderProps.onRequest, onFocus: renderProps.onInputFocus, onBlur: renderProps.onInputBlur, onKeyDown: props.items !== undefined && renderProps.focused && (props.items.length > 0 || props.empty !== undefined) ? (menuRenderProps.onKeyDown) : (renderProps.onItemKeyDown) }),
                     react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", cursor: "pointer", right: 4, top: 3, onClick: renderProps.onSearchClick, children: react_1.default.createElement(pijma_core_1.Icon, { name: "search", color: "#666" }) })),

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/details/Details.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Details = 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 indentDots = {
@@ -17,7 +17,7 @@ var bottomDots = {
 };
 var Details = function (_a) {
     var children = _a.children, dots = _a.dots, titleWidth = _a.titleWidth, contentWidth = _a.contentWidth, _b = _a.size, size = _b === void 0 ? 'm' : _b, _c = _a.stub, stub = _c === void 0 ? false : _c;
-    return (stub ? (react_1.default.createElement(pijma_core_1.Box, { as: "dl", width: "100%", display: "table" }, (Array.isArray(stub) ? stub : [0.4, 0.5, 0.3]).map(function (width, i) { return (react_1.default.createElement(pijma_core_1.Box, { css: { display: 'table-row' }, key: "".concat(i) },
+    return (stub ? (react_1.default.createElement(pijma_core_1.Box, { as: "dl", width: "100%", display: "table" }, (Array.isArray(stub) ? stub : [0.4, 0.5, 0.3]).map(function (width, i) { return (react_1.default.createElement(pijma_core_1.Box, { css: { display: 'table-row' }, key: "" + i },
         react_1.default.createElement(pijma_core_1.Box, { as: "dt", width: titleWidth ? titleWidth : 0.5, pt: i !== 0 ? 4 : undefined, css: {
                 display: 'table-cell',
                 verticalAlign: 'bottom',
@@ -39,7 +39,7 @@ var Details = function (_a) {
                 verticalAlign: 'bottom',
             }, pl: indentDots[size] },
             react_1.default.createElement(pijma_core_1.Box, { width: 1 - width },
-                react_1.default.createElement(typography_1.Text, { display: "block", size: size, stub: true }))))); }))) : (react_1.default.createElement(pijma_core_1.Box, { as: "dl", width: "100%", display: "table" }, children.map(function (item, i) { return ([].concat(item.content).map(function (content, j) { return (react_1.default.createElement(pijma_core_1.Box, { css: { display: 'table-row' }, key: "".concat(i, ".").concat(j) },
+                react_1.default.createElement(typography_1.Text, { display: "block", size: size, stub: true }))))); }))) : (react_1.default.createElement(pijma_core_1.Box, { as: "dl", width: "100%", display: "table" }, children.map(function (item, i) { return ([].concat(item.content).map(function (content, j) { return (react_1.default.createElement(pijma_core_1.Box, { css: { display: 'table-row' }, key: i + "." + j },
         react_1.default.createElement(pijma_core_1.Box, { as: "dt", width: titleWidth, pt: j !== 0 ? 2 : i !== 0 ? 4 : undefined, css: {
                 display: 'table-cell',
                 verticalAlign: 'bottom',
@@ -61,3 +61,4 @@ var Details = function (_a) {
             react_1.default.createElement(typography_1.Text, { bold: false, size: size, children: content })))); })); }))));
 };
 exports.Details = Details;
+exports.Details.displayName = "Details"

package/lib/es5/details/index.js

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

package/lib/es5/drop-down/DropDown.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropDown = 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 transition = function (props) { return react_1.default.createElement(pijma_core_1.SimpleTransition, tslib_1.__assign({}, props)); };
+var transition = function (props) { return react_1.default.createElement(pijma_core_1.SimpleTransition, (0, tslib_1.__assign)({}, props)); };
+transition.displayName = "transition"
 transition.defaultProps = {
     timeout: {
         enter: 300,
@@ -12,11 +13,11 @@ transition.defaultProps = {
     },
     enterClassName: function (timeout) { return (0, pijma_core_1.css)({
         opacity: 1,
-        transition: "opacity ".concat(timeout, "ms cubic-bezier(0.4, 0.0, 0.2, 1)"),
+        transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)",
     }); },
     exitClassName: function (timeout) { return (0, pijma_core_1.css)({
         opacity: 0,
-        transition: "opacity ".concat(timeout, "ms cubic-bezier(0.4, 0.0, 0.2, 1)"),
+        transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)",
     }); },
 };
 var DropDown = function (_a) {
@@ -24,6 +25,7 @@ var DropDown = function (_a) {
     return (stub ? (react_1.default.createElement(pijma_core_1.Box, { display: "none" }, children)) : (react_1.default.createElement(pijma_core_1.Overlay, { show: show, placement: "bottom", target: target, container: container, rootClose: rootClose, onHide: onHide, transition: transition, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", width: width, minWidth: minWidth, maxWidth: maxWidth, zIndex: 999, ref: renderProps.props.ref, mt: offset, css: renderProps.props.style }, children)); } })));
 };
 exports.DropDown = DropDown;
+exports.DropDown.displayName = "DropDown"
 exports.DropDown.defaultProps = {
     rootClose: true,
     stub: false,

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

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./DropDown"), exports);
+(0, tslib_1.__exportStar)(require("./DropDown"), 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, null, (stub ? Array(3).fill(0) : children).map(function (item, i) { return (react_1.default.createElement(pijma_core_1.FlexItem, { key: i, width: 32, height: 10, ml: i > 0 ? 4 : 0, children: react_1.default.createElement(FooterAppLink, tslib_1.__assign({ stub: stub }, item)) })); })));
+    return (react_1.default.createElement(pijma_core_1.Flex, null, (stub ? Array(3).fill(0) : children).map(function (item, i) { return (react_1.default.createElement(pijma_core_1.FlexItem, { key: i, width: 32, height: 10, ml: i > 0 ? 4 : 0, 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' ? [32, 40, 26] : 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"