@qiwi/pijma-mobile 1.147.0 → 1.148.2

package/README.md

@@ -27,3 +27,6 @@ export const App: React.FC = () => (
   </CacheProvider>
 )
 ```
+
+## License
+[MIT](../../LICENSE)

package/lib/es5/actions/Actions.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Actions = void 0;
 var tslib_1 = require("tslib");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
+var react_1 = (0, tslib_1.__importStar)(require("react"));
 var Actions = function (props) {
     var elements = react_1.Children.toArray(props.children).filter(function (child) { return !!child; });
     if (elements.length === 0) {
         return null;
     }
-    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 })); })) }));
+    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.d.ts

@@ -1 +1 @@
-export * from './Actions';
+export * from './Actions.js';

package/lib/es5/actions/index.js

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

package/lib/es5/alert/Alert.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
 var tslib_1 = require("tslib");
-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");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var link_1 = require("../link/index.js");
+var typography_1 = require("../typography/index.js");
 var AlertIconColor = {
     success: '#4bbd5c',
     warning: '#ff8c00',
@@ -27,9 +27,9 @@ var Alert = function (_a) {
                 react_1.default.createElement(typography_1.Paragraph, { children: text }),
                 action ? (react_1.default.createElement(pijma_core_1.Box, { mt: 1 },
                     react_1.default.createElement(typography_1.Paragraph, null,
-                        react_1.default.createElement(link_1.Link, { bold: true, onClick: onClick, children: action })))) : (null)),
+                        react_1.default.createElement(link_1.Link, { bold: true, onClick: onClick, children: action })))) : null),
             onHide ? (react_1.default.createElement(pijma_core_1.FlexItem, { ml: "auto", cursor: "pointer", opacity: renderProps.hover ? 0.7 : 1, transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", onClick: renderProps.onClick, onMouseMove: renderProps.onMouseEnter, onMouseOut: renderProps.onMouseLeave },
-                react_1.default.createElement(pijma_core_1.Icon, { name: "cross-small", color: "#666666" }))) : (null))); } }));
+                react_1.default.createElement(pijma_core_1.Icon, { name: "cross-small", color: "#666666" }))) : null)); } }));
 };
 exports.Alert = Alert;
 exports.Alert.displayName = "Alert"

package/lib/es5/alert/index.d.ts

@@ -1 +1 @@
-export * from './Alert';
+export * from './Alert.js';

package/lib/es5/alert/index.js

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

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

@@ -2,14 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockAccordion = void 0;
 var tslib_1 = require("tslib");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
-var typography_1 = require("../typography");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var typography_1 = require("../typography/index.js");
 var BlockAccordion = function (_a) {
     var items = _a.items, _b = _a.tabIndex, tabIndex = _b === void 0 ? 0 : _b, opened = _a.opened, onChange = _a.onChange;
-    return (react_1.default.createElement(pijma_core_1.AccordionControl, { items: items, opened: opened, onChange: onChange, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Box, { py: 2 }, renderProps.items.map(function (item, index) { return (react_1.default.createElement(pijma_core_1.Card, { key: index, s: index > 0
-                ? '0 -1px 0 #e6e6e6'
-                : undefined, transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)", onMouseEnter: item.onMouseEnter, onMouseLeave: item.onMouseLeave },
+    return (react_1.default.createElement(pijma_core_1.AccordionControl, { items: items, opened: opened, onChange: onChange, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Box, { py: 2 }, renderProps.items.map(function (item, index) { return (react_1.default.createElement(pijma_core_1.Card, { key: index, s: index > 0 ? '0 -1px 0 #e6e6e6' : 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(" + (item.opened ? 180 : 0) + "deg)", transition: "transform 0.3s ease-in-out" },

package/lib/es5/block-accordion/index.d.ts

@@ -1 +1 @@
-export * from './BlockAccordion';
+export * from './BlockAccordion.js';

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

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

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

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

package/lib/es5/block-content/index.d.ts

@@ -1 +1 @@
-export * from './BlockContent';
+export * from './BlockContent.js';

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

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

package/lib/es5/block-tabs/BlockTabs.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from 'react';
 import { IconProps, Value } from '@qiwi/pijma-core';
+import { FC, ReactNode } from 'react';
 export interface BlockTabsProps {
     items: {
         title: string;

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockTabs = void 0;
 var tslib_1 = require("tslib");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
-var typography_1 = require("../typography");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var typography_1 = require("../typography/index.js");
 var BlockTabsIndent = {
     m: [4, 4, 4, 4],
     l: [6, 6, 6, 6],
@@ -22,13 +22,13 @@ 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" },
+    return stub ? (react_1.default.createElement(pijma_core_1.Pos, { type: "relative" },
         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' },
                 (Array.isArray(stub) ? stub : [true, true, true]).map(function (icon, index, arr) { return (react_1.default.createElement(pijma_core_1.TabHeader, { key: index, title: "stub", indent: index === arr.length - 1 ? 0 : 5, wrap: !centered, tabIndex: -1, icon: icon ? 'qiwi' : undefined, vertical: vertical, select: false, width: centered ? 1 : undefined, stub: true })); }),
                 react_1.default.createElement(pijma_core_1.TabBorder, { width: centered ? 'calc(33% - 20px)' : vertical ? 13 : 21, left: 0, radius: hr, stub: true })),
             react_1.default.createElement(pijma_core_1.FlexItem, null, hr ? (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)),
+                react_1.default.createElement(pijma_core_1.Card, { mt: "-1px", bg: "#e6e6e6", width: 1, height: "1px" }))) : null),
             react_1.default.createElement(pijma_core_1.FlexItem, { mt: 4 },
                 react_1.default.createElement(typography_1.Paragraph, { stub: true }))))) : (react_1.default.createElement(pijma_core_1.TabsControl, { select: select, length: items.length, onChange: onChange, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Pos, { type: "relative" },
             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] },
@@ -37,11 +37,11 @@ var BlockTabs = function (_a) {
                     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),
+                        react_1.default.createElement(pijma_core_1.Card, { mt: "-1px", bg: "#e6e6e6", width: 1, height: "1px" })))) : null,
                 items.map(function (_a, index) {
                     var content = _a.content;
                     return (react_1.default.createElement(TabContent, { key: index, display: select === index ? 'block' : 'none', pt: 4, children: content }));
-                })))); } })));
+                })))); } }));
 };
 exports.BlockTabs = BlockTabs;
 exports.BlockTabs.displayName = "BlockTabs"

package/lib/es5/block-tabs/index.d.ts

@@ -1 +1 @@
-export * from './BlockTabs';
+export * from './BlockTabs.js';

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

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

package/lib/es5/breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavLinkProps } from '../nav-link';
+import { NavLinkProps } from '../nav-link/index.js';
 export interface BreadcrumbsProps {
     children?: NavLinkProps[];
     stub?: boolean;

package/lib/es5/breadcrumbs/Breadcrumbs.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = void 0;
 var tslib_1 = require("tslib");
-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");
+var react_1 = (0, tslib_1.__importStar)(require("react"));
+var nav_link_1 = require("../nav-link/index.js");
+var typography_1 = require("../typography/index.js");
 var Breadcrumbs = function (_a) {
     var _b = _a.children, children = _b === void 0 ? [] : _b, _c = _a.stub, stub = _c === void 0 ? false : _c;
-    return (stub ? (react_1.default.createElement(pijma_core_1.Box, { maxWidth: 12, width: 1 },
+    return stub ? (react_1.default.createElement(pijma_core_1.Box, { maxWidth: 12, width: 1 },
         react_1.default.createElement(nav_link_1.NavLink, { stub: true }))) : (react_1.default.createElement(typography_1.Paragraph, { size: "s", color: "support" }, children.map(function (item, i) { return (react_1.default.createElement(react_1.Fragment, { key: i },
         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, (0, tslib_1.__assign)({}, item)))); }))));
+            "\u00AD")) : null,
+        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.d.ts

@@ -1 +1 @@
-export * from './Breadcrumbs';
+export * from './Breadcrumbs.js';

package/lib/es5/breadcrumbs/index.js

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

package/lib/es5/button/Button.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 var tslib_1 = require("tslib");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
+var react_1 = (0, tslib_1.__importStar)(require("react"));
 var buttonSize = {
     accent: 12,
     normal: 10,
@@ -56,16 +56,50 @@ var Button = function (props) {
         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) {
+                    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) {
             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',
+            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))) })) })) }));
+                                }) })) : 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;

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

@@ -1 +1 @@
-export * from './Button';
+export * from './Button.js';

package/lib/es5/button/index.js

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

package/lib/es5/checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-import CheckboxProps from './CheckboxProps';
+import CheckboxProps from './CheckboxProps.js';
 declare const Checkbox: FunctionComponent<CheckboxProps>;
 export default Checkbox;

package/lib/es5/checkbox/Checkbox.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-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 })) })); } })); };
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+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.d.ts

@@ -1,2 +1,2 @@
-import Checkbox from './Checkbox';
-export { Checkbox, };
+import Checkbox from './Checkbox.js';
+export { Checkbox };

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 = (0, tslib_1.__importDefault)(require("./Checkbox"));
+var Checkbox_1 = (0, tslib_1.__importDefault)(require("./Checkbox.js"));
 exports.Checkbox = Checkbox_1.default;

package/lib/es5/checkbox-field/CheckboxField.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import CheckboxFieldProps from './CheckboxFieldProps';
-import CheckboxFieldOptionModel from './CheckboxFieldOptionModel';
+import CheckboxFieldOptionModel from './CheckboxFieldOptionModel.js';
+import CheckboxFieldProps from './CheckboxFieldProps.js';
 declare const CheckboxField: FunctionComponent<CheckboxFieldProps<CheckboxFieldOptionModel<any>, any>>;
 export default CheckboxField;

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

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-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 }),
-    react_1.default.createElement(pijma_core_1.Spacer, { size: "s" }, [33, 38, 30].map(function (width, id) { return (react_1.default.createElement(pijma_core_1.Flex, { key: id, align: "center" },
-        react_1.default.createElement(pijma_core_1.Stub, { width: 5, height: 5, right: 3, left: 0.5 }),
-        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 })); } })); }) })); } }))); };
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+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 }),
+        react_1.default.createElement(pijma_core_1.Spacer, { size: "s" }, [33, 38, 30].map(function (width, id) { return (react_1.default.createElement(pijma_core_1.Flex, { key: id, align: "center" },
+            react_1.default.createElement(pijma_core_1.Stub, { width: 5, height: 5, right: 3, left: 0.5 }),
+            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/CheckboxFieldOptionModel.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { OptionModel } from '@qiwi/pijma-core';
+import { ReactNode } from 'react';
 export default interface CheckboxFieldOptionModel<V> extends OptionModel<V> {
     label: ReactNode;
     description?: ReactNode;

package/lib/es5/checkbox-field/CheckboxFieldProps.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { OptionModel } from '@qiwi/pijma-core';
+import { ReactNode } from 'react';
 export default interface CheckboxFieldProps<O extends OptionModel<V>, V> {
     title?: ReactNode;
     hint?: ReactNode;

package/lib/es5/checkbox-field/index.d.ts

@@ -1,2 +1,2 @@
-import CheckboxField from './CheckboxField';
-export { CheckboxField, };
+import CheckboxField from './CheckboxField.js';
+export { 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 = (0, tslib_1.__importDefault)(require("./CheckboxField"));
+var CheckboxField_1 = (0, tslib_1.__importDefault)(require("./CheckboxField.js"));
 exports.CheckboxField = CheckboxField_1.default;

package/lib/es5/code-field/CodeField.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { CodeFieldProps } from './CodeFieldProps';
+import { CodeFieldProps } from './CodeFieldProps.js';
 export declare const CodeField: React.FC<CodeFieldProps>;

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodeField = void 0;
 var tslib_1 = require("tslib");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
 var pijma_core_1 = require("@qiwi/pijma-core");
+var react_1 = (0, tslib_1.__importStar)(require("react"));
 var animation = function (count) {
     var _a;
     return (0, pijma_core_1.keyframes)((_a = {
@@ -11,22 +11,24 @@ var animation = function (count) {
                 height: '48px',
             }
         },
-        _a[1 / count * 50 + "%"] = {
+        _a[(1 / count) * 50 + "%"] = {
             height: '40px',
         },
-        _a[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 = (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 },
+    return props.stub ? (react_1.default.createElement(react_1.Fragment, null, new 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 ? 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); } }))); })),
+                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))); } })));
+                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.d.ts

@@ -1,2 +1,2 @@
-export * from './CodeFieldProps';
-export * from './CodeField';
+export * from './CodeFieldProps.js';
+export * from './CodeField.js';

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

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

package/lib/es5/content-suggest/ContentSuggest.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import ContentSuggestProps from './ContentSuggestProps';
-import ContentSuggestOptionModel from './ContentSuggestOptionModel';
+import ContentSuggestOptionModel from './ContentSuggestOptionModel.js';
+import ContentSuggestProps from './ContentSuggestProps.js';
 export declare const ContentSuggest: {
     <V extends {}>({ equals, ...props }: ContentSuggestProps<ContentSuggestOptionModel<V>, V>): JSX.Element;
     defaultProps: {

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

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentSuggest = void 0;
 var tslib_1 = require("tslib");
-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 react_1 = (0, tslib_1.__importStar)(require("react"));
+var input_modal_1 = require("../input-modal/index.js");
+var link_1 = require("../link/index.js");
+var menu_1 = require("../menu/index.js");
+var typography_1 = require("../typography/index.js");
 var CardMenuItem = (0, pijma_core_1.styled)(pijma_core_1.Card)().withComponent(menu_1.MenuItem);
 CardMenuItem.displayName = "CardMenuItem"
 var ContentSuggest = function (_a) {
@@ -17,19 +17,23 @@ var ContentSuggest = function (_a) {
                 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 }),
                 react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", right: 4, top: 3, onClick: renderProps.onShowClick },
                     react_1.default.createElement(pijma_core_1.Icon, { name: "search", color: "#666" }))),
-            react_1.default.createElement(pijma_core_1.MenuControl, { count: renderProps.items.length, selected: renderProps.selected, onSelect: renderProps.onItemSelect, onKeyDown: renderProps.onModalItemKeyDown, children: function (menuRenderProps) { return (react_1.default.createElement(input_modal_1.InputModal, { value: props.suggest || '', tabIndex: props.tabIndex, autoComplete: props.autoComplete, placeholder: props.placeholder, maxLength: props.maxLength, show: renderProps.show, inputRef: renderProps.inputRef, contentRef: menuRenderProps.containerRef, error: props.error, onChange: renderProps.onRequest, onKeyDown: renderProps.show ? menuRenderProps.onKeyDown : renderProps.onModalItemKeyDown, onBlur: renderProps.onModalInputBlur, onSubmit: renderProps.onSearchClick, onShow: renderProps.onShow, onHide: renderProps.onHide, onEscape: renderProps.onEscapeInputModal, onBack: renderProps.onBack }, props.loading ? (Array(4).fill(1).map(function (_item, key) { return (react_1.default.createElement(CardMenuItem, { key: key, icon: true, stub: true, text: "stub", notes: "stub" })); })) : (react_1.default.createElement(pijma_core_1.Spacer, { size: "s" },
-                    menuRenderProps.items.length > 0 ? (react_1.default.createElement(react_1.Fragment, null, menuRenderProps.items.map(function (item, key) { return (react_1.default.createElement(CardMenuItem, { key: key, ref: item.ref, onClick: item.onClick, onMouseEnter: item.onMouseEnter, cursor: "pointer", text: renderProps.items[key].title, notes: renderProps.items[key].description, icon: react_1.default.createElement(pijma_core_1.Image, { width: 6, height: 6, src: renderProps.items[key].logo }), hover: item.focused, active: item.selected, focus: item.selected })); }))) : (null),
+            react_1.default.createElement(pijma_core_1.MenuControl, { count: renderProps.items.length, selected: renderProps.selected, onSelect: renderProps.onItemSelect, onKeyDown: renderProps.onModalItemKeyDown, children: function (menuRenderProps) { return (react_1.default.createElement(input_modal_1.InputModal, { value: props.suggest || '', tabIndex: props.tabIndex, autoComplete: props.autoComplete, placeholder: props.placeholder, maxLength: props.maxLength, show: renderProps.show, inputRef: renderProps.inputRef, contentRef: menuRenderProps.containerRef, error: props.error, onChange: renderProps.onRequest, onKeyDown: renderProps.show
+                        ? menuRenderProps.onKeyDown
+                        : renderProps.onModalItemKeyDown, onBlur: renderProps.onModalInputBlur, onSubmit: renderProps.onSearchClick, onShow: renderProps.onShow, onHide: renderProps.onHide, onEscape: renderProps.onEscapeInputModal, onBack: renderProps.onBack }, props.loading ? (new Array(4)
+                    .fill(1)
+                    .map(function (_item, key) { return (react_1.default.createElement(CardMenuItem, { key: key, icon: true, stub: true, text: "stub", notes: "stub" })); })) : (react_1.default.createElement(pijma_core_1.Spacer, { size: "s" },
+                    menuRenderProps.items.length > 0 ? (react_1.default.createElement(react_1.Fragment, null, menuRenderProps.items.map(function (item, key) { return (react_1.default.createElement(CardMenuItem, { key: key, ref: item.ref, onClick: item.onClick, onMouseEnter: item.onMouseEnter, cursor: "pointer", text: renderProps.items[key].title, notes: renderProps.items[key].description, icon: react_1.default.createElement(pijma_core_1.Image, { width: 6, height: 6, src: renderProps.items[key].logo }), hover: item.focused, active: item.selected, focus: item.selected })); }))) : null,
                     props.total && menuRenderProps.items.length > 0 ? (react_1.default.createElement(pijma_core_1.Box, { px: 4 },
                         react_1.default.createElement(typography_1.Paragraph, null,
                             props.total.text,
                             props.total.link ? (react_1.default.createElement(react_1.Fragment, null,
                                 ' ',
-                                react_1.default.createElement(link_1.Link, { onClick: renderProps.onTotalClick, children: props.total.link.text }))) : (null)))) : props.empty && menuRenderProps.items.length === 0 ? (react_1.default.createElement(pijma_core_1.Box, { px: 4 },
+                                react_1.default.createElement(link_1.Link, { onClick: renderProps.onTotalClick, children: props.total.link.text }))) : null))) : props.empty && menuRenderProps.items.length === 0 ? (react_1.default.createElement(pijma_core_1.Box, { px: 4 },
                         react_1.default.createElement(typography_1.Paragraph, null,
                             props.empty.text,
                             props.empty.link ? (react_1.default.createElement(react_1.Fragment, null,
                                 ' ',
-                                react_1.default.createElement(link_1.Link, { onClick: renderProps.onEmptyClick, children: props.empty.link.text }))) : (null)))) : (null))))); } }))); } }));
+                                react_1.default.createElement(link_1.Link, { onClick: renderProps.onEmptyClick, children: props.empty.link.text }))) : null))) : null)))); } }))); } }));
 };
 exports.ContentSuggest = ContentSuggest;
 exports.ContentSuggest.defaultProps = {

package/lib/es5/content-suggest/ContentSuggestProps.d.ts

@@ -1,5 +1,5 @@
 import { SuggestControlProps } from '@qiwi/pijma-core';
-import ContentSuggestOptionModel from './ContentSuggestOptionModel';
+import ContentSuggestOptionModel from './ContentSuggestOptionModel.js';
 export default interface ContentSuggestProps<O extends ContentSuggestOptionModel<V>, V> {
     value?: SuggestControlProps<O, V>['value'];
     suggest: SuggestControlProps<O, V>['suggest'];

package/lib/es5/content-suggest/index.d.ts

@@ -1 +1 @@
-export * from './ContentSuggest';
+export * from './ContentSuggest.js';