@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es5/typography/Paragraph.js

@@ -1,67 +1,100 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paragraph = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Paragraph", {
+    enumerable: true,
+    get: function() {
+        return Paragraph;
+    }
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var ParagraphSize = {
     s: 3.5,
     m: 4,
-    l: 5,
+    l: 5
 };
 var ParagraphHeight = {
     s: 5,
     m: 6,
-    l: 8,
+    l: 8
 };
 var ParagraphHeightCompact = {
     s: 4,
     m: 5,
-    l: 7,
+    l: 7
 };
 var StubOffsetTop = {
     s: 2,
     m: 1,
-    l: 3,
+    l: 3
 };
 var StubOffsetBottom = {
     s: 1,
     m: 2,
-    l: 2,
+    l: 2
 };
 var StubOffsetCompactTop = {
     s: 1,
     m: 1,
-    l: 3,
+    l: 3
 };
 var StubOffsetCompactBottom = {
     s: 1,
     m: 1,
-    l: 1,
+    l: 1
 };
 var StubHeight = {
     s: 2,
     m: 3,
-    l: 3,
+    l: 3
 };
 var ParagraphColor = {
-    default: '#000',
-    support: '#666',
-    inverse: '#fff',
+    default: "#000",
+    support: "#666",
+    inverse: "#fff"
 };
-var Paragraph = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'm' : _b, _c = _a.bold, bold = _c === void 0 ? false : _c, _d = _a.compact, compact = _d === void 0 ? false : _d, _e = _a.color, color = _e === void 0 ? 'default' : _e, transform = _a.transform, align = _a.align, stub = _a.stub, clamp = _a.clamp, children = _a.children;
-    return stub ? (react_1.default.createElement(react_1.Fragment, null, new Array(clamp === undefined ? 3 : clamp)
-        .fill(0)
-        .map(function (_, i) { return (i % 3 === 0 ? 0.8 : i % 3 === 1 ? 0.9 : 0.7); })
-        .map(function (width, id) { return (react_1.default.createElement(pijma_core_1.Box, { key: id, width: width, ml: align === 'center' || align === 'right' ? 'auto' : undefined, mr: align === 'center' || align === 'left' ? 'auto' : undefined },
-        react_1.default.createElement(pijma_core_1.Stub, { top: compact ? StubOffsetCompactTop[size] : StubOffsetTop[size], bottom: compact ? StubOffsetCompactBottom[size] : StubOffsetBottom[size], height: StubHeight[size], width: 1, inverse: color === 'inverse' }))); }))) : (react_1.default.createElement(pijma_core_1.Typo, { as: "p", display: "block", size: ParagraphSize[size], height: compact ? ParagraphHeightCompact[size] : ParagraphHeight[size], weight: bold ? 500 : 300, color: ParagraphColor[color], transform: transform, align: align, clamp: clamp, children: react_1.default.createElement(pijma_core_1.Breaker, { children: children }) }));
+var Paragraph = function(param) {
+    var _size = param.size, size = _size === void 0 ? "m" : _size, _bold = param.bold, bold = _bold === void 0 ? false : _bold, _compact = param.compact, compact = _compact === void 0 ? false : _compact, _color = param.color, color = _color === void 0 ? "default" : _color, transform = param.transform, align = param.align, stub = param.stub, clamp = param.clamp, children = param.children;
+    return stub ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_react.Fragment, {
+        children: new Array(clamp === undefined ? 3 : clamp).fill(0).map(function(_, i) {
+            return i % 3 === 0 ? 0.8 : i % 3 === 1 ? 0.9 : 0.7;
+        }).map(function(width, id) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                width: width,
+                ml: align === "center" || align === "right" ? "auto" : undefined,
+                mr: align === "center" || align === "left" ? "auto" : undefined,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                    top: compact ? StubOffsetCompactTop[size] : StubOffsetTop[size],
+                    bottom: compact ? StubOffsetCompactBottom[size] : StubOffsetBottom[size],
+                    height: StubHeight[size],
+                    width: 1,
+                    inverse: color === "inverse"
+                })
+            }, id);
+        })
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Typo, {
+        as: "p",
+        display: "block",
+        size: ParagraphSize[size],
+        height: compact ? ParagraphHeightCompact[size] : ParagraphHeight[size],
+        weight: bold ? 500 : 300,
+        color: ParagraphColor[color],
+        transform: transform,
+        align: align,
+        clamp: clamp,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Breaker, {
+            children: children
+        })
+    });
 };
-exports.Paragraph = Paragraph;
-exports.Paragraph.displayName = "Paragraph"
-exports.Paragraph.defaultProps = {
-    size: 'm',
+Paragraph.displayName = "Paragraph";
+Paragraph.defaultProps = {
+    size: "m",
     bold: false,
     compact: false,
-    color: 'default',
+    color: "default"
 };

package/lib/es5/typography/Text.js

@@ -1,66 +1,93 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Text", {
+    enumerable: true,
+    get: function() {
+        return Text;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var TextSize = {
     s: 3.5,
     m: 4,
-    l: 5,
+    l: 5
 };
 var TextHeight = {
     s: 5,
     m: 6,
-    l: 8,
+    l: 8
 };
 var TextHeightCompact = {
     s: 4,
     m: 5,
-    l: 7,
+    l: 7
 };
 var StubHeight = {
     s: 2,
     m: 3,
-    l: 3,
+    l: 3
 };
 var StubOffsetTop = {
     s: 1.5,
     m: 1.5,
-    l: 2.5,
+    l: 2.5
 };
 var StubOffsetBottom = {
     s: 1.5,
     m: 1.5,
-    l: 2.5,
+    l: 2.5
 };
 var StubOffsetCompactTop = {
     s: 1,
     m: 1,
-    l: 2,
+    l: 2
 };
 var StubOffsetCompactBottom = {
     s: 1,
     m: 1,
-    l: 2,
+    l: 2
 };
 var TextColor = {
-    default: '#000',
-    support: '#666',
-    inverse: '#fff',
-    success: '#4bbd5c',
-    failure: '#d0021b',
-    warning: '#ff8c00',
+    default: "#000",
+    support: "#666",
+    inverse: "#fff",
+    success: "#4bbd5c",
+    failure: "#d0021b",
+    warning: "#ff8c00"
 };
-var Text = function (_a) {
-    var display = _a.display, compact = _a.compact, size = _a.size, bold = _a.bold, color = _a.color, decoration = _a.decoration, transform = _a.transform, transition = _a.transition, align = _a.align, clamp = _a.clamp, children = _a.children, _b = _a.stub, stub = _b === void 0 ? false : _b;
-    return stub ? (size === undefined || display === undefined ? null : (react_1.default.createElement(pijma_core_1.Box, { as: "span", display: display }, new Array(clamp === undefined ? 1 : clamp)
-        .fill(1)
-        .map(function (width, index) { return (react_1.default.createElement(pijma_core_1.Stub, { key: index, height: StubHeight[size], width: width, top: compact ? StubOffsetCompactTop[size] : StubOffsetTop[size], bottom: compact ? StubOffsetCompactBottom[size] : StubOffsetBottom[size] })); })))) : (react_1.default.createElement(pijma_core_1.Typo, { as: "span", display: display, size: size === undefined ? undefined : TextSize[size], height: size === undefined
-            ? undefined
-            : compact
-                ? TextHeightCompact[size]
-                : TextHeight[size], weight: bold === undefined ? undefined : bold ? 500 : 300, color: color === undefined ? undefined : TextColor[color], decoration: decoration, transform: transform, transition: transition, align: align, clamp: clamp, children: react_1.default.createElement(pijma_core_1.Breaker, { children: children }) }));
+var Text = function(param) {
+    var display = param.display, compact = param.compact, size = param.size, bold = param.bold, color = param.color, decoration = param.decoration, transform = param.transform, transition = param.transition, align = param.align, clamp = param.clamp, children = param.children, _stub = param.stub, stub = _stub === void 0 ? false : _stub;
+    return stub ? size === undefined || display === undefined ? null : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+        as: "span",
+        display: display,
+        children: new Array(clamp === undefined ? 1 : clamp).fill(1).map(function(width, index) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                height: StubHeight[size],
+                width: width,
+                top: compact ? StubOffsetCompactTop[size] : StubOffsetTop[size],
+                bottom: compact ? StubOffsetCompactBottom[size] : StubOffsetBottom[size]
+            }, index);
+        })
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Typo, {
+        as: "span",
+        display: display,
+        size: size === undefined ? undefined : TextSize[size],
+        height: size === undefined ? undefined : compact ? TextHeightCompact[size] : TextHeight[size],
+        weight: bold === undefined ? undefined : bold ? 500 : 300,
+        color: color === undefined ? undefined : TextColor[color],
+        decoration: decoration,
+        transform: transform,
+        transition: transition,
+        align: align,
+        clamp: clamp,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Breaker, {
+            children: children
+        })
+    });
 };
-exports.Text = Text;
-exports.Text.displayName = "Text"
+Text.displayName = "Text";

package/lib/es5/typography/Title.js

@@ -1,48 +1,77 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Title", {
+    enumerable: true,
+    get: function() {
+        return Title;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var TitleSize = {
     1: 11,
-    2: 9,
+    2: 9
 };
 var TitleHeight = {
     1: 13,
-    2: 10,
+    2: 10
 };
 var TitleTag = {
-    1: 'h1',
-    2: 'h2',
+    1: "h1",
+    2: "h2"
 };
 var TitleWeight = {
     1: 900,
-    2: 900,
+    2: 900
 };
 var StubOffsetTop = {
     1: 4,
-    2: 3,
+    2: 3
 };
 var StubOffsetBottom = {
     1: 3,
-    2: 2,
+    2: 2
 };
 var StubHeight = {
     1: 6,
-    2: 5,
+    2: 5
 };
 var TitleColor = {
-    default: '#000',
-    inverse: '#fff',
-};
-var Title = function (_a) {
-    var tag = _a.tag, size = _a.size, _b = _a.color, color = _b === void 0 ? 'default' : _b, align = _a.align, stub = _a.stub, clamp = _a.clamp, children = _a.children;
-    return stub ? (react_1.default.createElement(pijma_core_1.Box, { ml: align === 'center' || align === 'right' ? 'auto' : 'none', mr: align === 'center' ? 'auto' : 'none', width: 50 },
-        react_1.default.createElement(pijma_core_1.Stub, { top: StubOffsetTop[size], bottom: StubOffsetBottom[size], height: StubHeight[size], width: 50, inverse: color === 'inverse' }))) : (react_1.default.createElement(pijma_core_1.Typo, { as: tag || TitleTag[size], display: "block", size: TitleSize[size], height: TitleHeight[size], weight: TitleWeight[size], color: TitleColor[color], align: align, clamp: clamp, children: react_1.default.createElement(pijma_core_1.Breaker, { children: children }) }));
-};
-exports.Title = Title;
-exports.Title.displayName = "Title"
-exports.Title.defaultProps = {
-    color: 'default',
+    default: "#000",
+    inverse: "#fff"
+};
+var Title = function(param) {
+    var tag = param.tag, size = param.size, _color = param.color, color = _color === void 0 ? "default" : _color, align = param.align, stub = param.stub, clamp = param.clamp, children = param.children;
+    return stub ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+        ml: align === "center" || align === "right" ? "auto" : "none",
+        mr: align === "center" ? "auto" : "none",
+        width: 50,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+            top: StubOffsetTop[size],
+            bottom: StubOffsetBottom[size],
+            height: StubHeight[size],
+            width: 50,
+            inverse: color === "inverse"
+        })
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Typo, {
+        as: tag || TitleTag[size],
+        display: "block",
+        size: TitleSize[size],
+        height: TitleHeight[size],
+        weight: TitleWeight[size],
+        color: TitleColor[color],
+        align: align,
+        clamp: clamp,
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Breaker, {
+            children: children
+        })
+    });
+};
+Title.displayName = "Title";
+Title.defaultProps = {
+    color: "default"
 };

package/lib/es5/typography/index.js

@@ -1,8 +1,10 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./Text.js"), exports);
-(0, tslib_1.__exportStar)(require("./Paragraph.js"), exports);
-(0, tslib_1.__exportStar)(require("./Heading.js"), exports);
-(0, tslib_1.__exportStar)(require("./Title.js"), exports);
-(0, tslib_1.__exportStar)(require("./Caption.js"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Text.js"), exports);
+_exportStar(require("./Paragraph.js"), exports);
+_exportStar(require("./Heading.js"), exports);
+_exportStar(require("./Title.js"), exports);
+_exportStar(require("./Caption.js"), exports);

package/lib/es6/actions/Actions.js

@@ -1,20 +1,19 @@
-"use strict";
-import { Box } from "@qiwi/pijma-core";
-import React, { Children } from "react";
-export const Actions = (props) => {
-  const elements = Children.toArray(props.children).filter((child) => !!child);
-  if (elements.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Box, {
-    width: 1,
-    children: Children.map(elements, (child, key) => /* @__PURE__ */ React.createElement(Box, {
-      key,
-      width: 1,
-      maxWidth: 1,
-      mt: key === 0 ? void 0 : 4,
-      children: child
-    }))
-  });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@qiwi/pijma-core';
+import React, { Children } from 'react';
+export const Actions = (props)=>{
+    const elements = Children.toArray(props.children).filter((child)=>!!child);
+    if (elements.length === 0) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(Box, {
+        width: 1,
+        children: Children.map(elements, (child, key)=>/*#__PURE__*/ _jsx(Box, {
+                width: 1,
+                maxWidth: 1,
+                mt: key === 0 ? undefined : 4,
+                children: child
+            }, key))
+    });
 };
-Actions.displayName = "Actions";
+Actions.displayName = 'Actions';

package/lib/es6/actions/index.js

@@ -1,2 +1 @@
-"use strict";
-export * from "./Actions.js";
+export * from './Actions.js';

package/lib/es6/alert/Alert.js

@@ -1,68 +1,70 @@
-"use strict";
-import {
-  AlertControl,
-  Box,
-  Flex,
-  FlexItem,
-  Icon
-} from "@qiwi/pijma-core";
-import React from "react";
-import { Link } from "../link/index.js";
-import { Paragraph } from "../typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertControl, Box, Flex, FlexItem, Icon } from '@qiwi/pijma-core';
+import React from 'react';
+import { Link } from '../link/index.js';
+import { Paragraph } from '../typography/index.js';
 const AlertIconColor = {
-  success: "#4bbd5c",
-  warning: "#ff8c00",
-  failure: "#d0021b",
-  general: "#666666"
+    success: '#4bbd5c',
+    warning: '#ff8c00',
+    failure: '#d0021b',
+    general: '#666666'
 };
 const AlertIconName = {
-  success: "success",
-  warning: "warning",
-  failure: "attention",
-  general: "info"
+    success: 'success',
+    warning: 'warning',
+    failure: 'attention',
+    general: 'info'
 };
-export const Alert = ({
-  type = "general",
-  text,
-  action,
-  onHide,
-  onClick
-}) => /* @__PURE__ */ React.createElement(AlertControl, {
-  onHide,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(Flex, {
-    minHeight: 14,
-    justify: "flex-start",
-    p: 4
-  }, /* @__PURE__ */ React.createElement(FlexItem, {
-    mr: 3
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: AlertIconName[type],
-    color: AlertIconColor[type]
-  })), /* @__PURE__ */ React.createElement(FlexItem, {
-    mr: onHide ? 4 : 0,
-    overflow: "hidden"
-  }, /* @__PURE__ */ React.createElement(Paragraph, {
-    children: text
-  }), action ? /* @__PURE__ */ React.createElement(Box, {
-    mt: 1
-  }, /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement(Link, {
-    bold: true,
-    onClick,
-    children: action
-  }))) : null), onHide ? /* @__PURE__ */ React.createElement(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
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "cross-small",
-    color: "#666666"
-  })) : null)
-});
+export const Alert = ({ type ='general' , text , action , onHide , onClick ,  })=>/*#__PURE__*/ _jsx(AlertControl, {
+        onHide: onHide,
+        children: (renderProps)=>/*#__PURE__*/ _jsxs(Flex, {
+                minHeight: 14,
+                justify: "flex-start",
+                p: 4,
+                children: [
+                    /*#__PURE__*/ _jsx(FlexItem, {
+                        mr: 3,
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            name: AlertIconName[type],
+                            color: AlertIconColor[type]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(FlexItem, {
+                        mr: onHide ? 4 : 0,
+                        overflow: "hidden",
+                        children: [
+                            /*#__PURE__*/ _jsx(Paragraph, {
+                                children: text
+                            }),
+                            action ? /*#__PURE__*/ _jsx(Box, {
+                                mt: 1,
+                                children: /*#__PURE__*/ _jsx(Paragraph, {
+                                    children: /*#__PURE__*/ _jsx(Link, {
+                                        bold: true,
+                                        onClick: onClick,
+                                        children: action
+                                    })
+                                })
+                            }) : null
+                        ]
+                    }),
+                    onHide ? /*#__PURE__*/ _jsx(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,
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            name: "cross-small",
+                            color: "#666666"
+                        })
+                    }) : null
+                ]
+            })
+    });
+Alert.displayName = 'Alert';
 Alert.defaultProps = {
-  type: "general"
+    type: 'general'
 };
-Alert.displayName = "Alert";

package/lib/es6/alert/index.js

@@ -1,2 +1 @@
-"use strict";
-export * from "./Alert.js";
+export * from './Alert.js';