@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es6/link/Link.js

@@ -1,74 +1,74 @@
-"use strict";
-import { LinkControl, Stub, TypoLnk, useTheme } from "@qiwi/pijma-core";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LinkControl, Stub, TypoLnk, useTheme } from '@qiwi/pijma-core';
+import React from 'react';
 const LinkSize = {
-  s: 3.5,
-  m: 4,
-  l: 5
+    s: 3.5,
+    m: 4,
+    l: 5
 };
 const StubLinkSize = {
-  s: 2,
-  m: 3,
-  l: 3
+    s: 2,
+    m: 3,
+    l: 3
 };
 const StubOffSet = {
-  s: 1.5,
-  m: 1.5,
-  l: 2.5
+    s: 1.5,
+    m: 1.5,
+    l: 2.5
 };
 const StubOffSetCompact = {
-  s: 1,
-  m: 1,
-  l: 2
+    s: 1,
+    m: 1,
+    l: 2
 };
 const LinkHeight = {
-  s: 5,
-  m: 6,
-  l: 8
+    s: 5,
+    m: 6,
+    l: 8
 };
 const LinkHeightCompact = {
-  s: 4,
-  m: 5,
-  l: 7
+    s: 4,
+    m: 5,
+    l: 7
 };
-export const Link = (props) => {
-  const theme = useTheme();
-  return props.stub ? props.size === void 0 ? null : /* @__PURE__ */ React.createElement(Stub, {
-    top: props.compact ? StubOffSetCompact[props.size] : StubOffSet[props.size],
-    bottom: props.compact ? StubOffSetCompact[props.size] : StubOffSet[props.size],
-    height: StubLinkSize[props.size],
-    width: 1
-  }) : /* @__PURE__ */ React.createElement(LinkControl, {
-    onClick: props.onClick,
-    onFocus: props.onFocus,
-    onBlur: props.onBlur,
-    href: props.href,
-    target: props.target,
-    download: props.download,
-    rel: props.rel,
-    children: (renderProps) => /* @__PURE__ */ React.createElement(TypoLnk, {
-      tabIndex: props.tabIndex,
-      href: props.href,
-      onClick: renderProps.onClick,
-      onFocus: renderProps.onFocus,
-      onBlur: renderProps.onBlur,
-      onMouseEnter: renderProps.onMouseEnter,
-      onMouseLeave: renderProps.onMouseLeave,
-      onMouseUp: renderProps.onMouseUp,
-      onMouseDown: renderProps.onMouseDown,
-      color: renderProps.hover || renderProps.focus ? props.inverse ? theme.link.color.inverse.hover : theme.link.color.brand.hover : props.inverse ? theme.link.color.inverse.default : theme.link.color.brand.default,
-      transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-      cursor: "pointer",
-      decoration: "none",
-      target: props.target,
-      download: props.download,
-      rel: props.rel,
-      title: props.title,
-      size: props.size === void 0 ? void 0 : props.compact ? LinkHeightCompact[props.size] : LinkSize[props.size],
-      height: props.size === void 0 ? void 0 : LinkHeight[props.size],
-      weight: props.bold === void 0 ? void 0 : props.bold ? 500 : 300,
-      children: props.children
-    })
-  });
+export const Link = (props)=>{
+    const theme = useTheme();
+    return props.stub ? props.size === undefined ? null : /*#__PURE__*/ _jsx(Stub, {
+        top: props.compact ? StubOffSetCompact[props.size] : StubOffSet[props.size],
+        bottom: props.compact ? StubOffSetCompact[props.size] : StubOffSet[props.size],
+        height: StubLinkSize[props.size],
+        width: 1
+    }) : /*#__PURE__*/ _jsx(LinkControl, {
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        href: props.href,
+        target: props.target,
+        download: props.download,
+        rel: props.rel,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(TypoLnk, {
+                tabIndex: props.tabIndex,
+                href: props.href,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                color: renderProps.hover || renderProps.focus ? props.inverse ? theme.link.color.inverse.hover : theme.link.color.brand.hover : props.inverse ? theme.link.color.inverse.default : theme.link.color.brand.default,
+                transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                cursor: "pointer",
+                decoration: "none",
+                target: props.target,
+                download: props.download,
+                rel: props.rel,
+                title: props.title,
+                size: props.size === undefined ? undefined : props.compact ? LinkHeightCompact[props.size] : LinkSize[props.size],
+                height: props.size === undefined ? undefined : LinkHeight[props.size],
+                weight: props.bold === undefined ? undefined : props.bold ? 500 : 300,
+                children: props.children
+            })
+    });
 };
-Link.displayName = "Link";
+Link.displayName = 'Link';

package/lib/es6/link/SectionLink.js

@@ -1,45 +1,40 @@
-"use strict";
-import {
-  LinkControl,
-  Lnk,
-  Section,
-  styled
-} from "@qiwi/pijma-core";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LinkControl, Lnk, Section, styled } from '@qiwi/pijma-core';
+import React from 'react';
 const SectionLnk = styled(Lnk)().withComponent(Section);
-export const SectionLink = (props) => /* @__PURE__ */ React.createElement(LinkControl, {
-  href: props.href,
-  target: props.target,
-  download: props.download,
-  rel: props.rel,
-  onClick: props.onClick,
-  onFocus: props.onFocus,
-  onBlur: props.onBlur,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(SectionLnk, {
-    tag: "a",
-    flat: props.flat,
-    active: props.active ? props.active : renderProps.active,
-    hover: renderProps.hover,
-    focus: renderProps.focus,
-    tabIndex: props.tabIndex,
-    href: props.href,
-    target: props.target,
-    download: props.download,
-    rel: props.rel,
-    title: props.title,
-    onClick: renderProps.onClick,
-    onFocus: renderProps.onFocus,
-    onBlur: renderProps.onBlur,
-    onMouseEnter: renderProps.onMouseEnter,
-    onMouseLeave: renderProps.onMouseLeave,
-    onMouseUp: renderProps.onMouseUp,
-    onMouseDown: renderProps.onMouseDown,
-    children: props.children({
-      active: renderProps.active,
-      focus: renderProps.focus,
-      hover: renderProps.hover
-    })
-  })
-});
-SectionLnk.displayName = "SectionLnk";
-SectionLink.displayName = "SectionLink";
+SectionLnk.displayName = 'SectionLnk';
+export const SectionLink = (props)=>/*#__PURE__*/ _jsx(LinkControl, {
+        href: props.href,
+        target: props.target,
+        download: props.download,
+        rel: props.rel,
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(SectionLnk, {
+                tag: "a",
+                flat: props.flat,
+                active: props.active ? props.active : renderProps.active,
+                hover: renderProps.hover,
+                focus: renderProps.focus,
+                tabIndex: props.tabIndex,
+                href: props.href,
+                target: props.target,
+                download: props.download,
+                rel: props.rel,
+                title: props.title,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                children: props.children({
+                    active: renderProps.active,
+                    focus: renderProps.focus,
+                    hover: renderProps.hover
+                })
+            })
+    });
+SectionLink.displayName = 'SectionLink';

package/lib/es6/link/index.js

@@ -1,5 +1,4 @@
-"use strict";
-export * from "./Link.js";
-export * from "./BlockLink.js";
-export * from "./FileLink.js";
-export * from "./SectionLink.js";
+export * from './Link.js';
+export * from './BlockLink.js';
+export * from './FileLink.js';
+export * from './SectionLink.js';

package/lib/es6/list/List.js

@@ -1,135 +1,156 @@
-"use strict";
-import { Box, Card, Flex, FlexItem, Stub } from "@qiwi/pijma-core";
-import React from "react";
-import { Paragraph, Text } from "../typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Card, Flex, FlexItem, Stub } from '@qiwi/pijma-core';
+import React from 'react';
+import { Paragraph, Text } from '../typography/index.js';
 const ListType = {
-  step: "ol",
-  number: "ol",
-  bullet: "ul"
+    step: 'ol',
+    number: 'ol',
+    bullet: 'ul'
 };
 const ListItemYMargin = {
-  step: 2,
-  number: 0,
-  bullet: 0
+    step: 2,
+    number: 0,
+    bullet: 0
 };
 const ItemIndent = {
-  step: 2,
-  number: 4,
-  bullet: 4
+    step: 2,
+    number: 4,
+    bullet: 4
 };
 const SpaceSize = {
-  s: 2,
-  m: 3,
-  l: 4
+    s: 2,
+    m: 3,
+    l: 4
 };
 const LetterSize = {
-  s: 2,
-  m: 2.5,
-  l: 3
+    s: 2,
+    m: 2.5,
+    l: 3
 };
 const StubNumberWidth = {
-  s: 2,
-  m: 3,
-  l: 3
+    s: 2,
+    m: 3,
+    l: 3
 };
 const StubNumberHeight = {
-  s: 2,
-  m: 3,
-  l: 3
+    s: 2,
+    m: 3,
+    l: 3
 };
 const StubNumberIndent = {
-  s: 1.5,
-  m: 1.5,
-  l: 2.5
+    s: 1.5,
+    m: 1.5,
+    l: 2.5
 };
 const StubBulletIndent = {
-  s: 1.5,
-  m: 2,
-  l: 3
+    s: 1.5,
+    m: 2,
+    l: 3
 };
-export const List = ({
-  stub = false,
-  type,
-  size = "m",
-  children
-}) => /* @__PURE__ */ React.createElement(Box, {
-  as: ListType[type]
-}, (stub ? [0, 0] : children).map((item, index, array) => /* @__PURE__ */ React.createElement(Flex, {
-  key: index,
-  as: "li",
-  mt: index > 0 ? ItemIndent[type] : 0
-}, type === "number" ? /* @__PURE__ */ React.createElement(FlexItem, {
-  width: String(children.length).length * LetterSize[size] + SpaceSize[size],
-  shrink: 0
-}, stub ? /* @__PURE__ */ React.createElement(Stub, {
-  height: StubNumberWidth[size],
-  width: StubNumberHeight[size],
-  top: StubNumberIndent[size],
-  bottom: StubNumberIndent[size]
-}) : /* @__PURE__ */ React.createElement(Text, {
-  size,
-  bold: false
-}, index + 1, ".")) : type === "bullet" ? /* @__PURE__ */ React.createElement(FlexItem, {
-  width: 5,
-  shrink: 0
-}, stub ? /* @__PURE__ */ React.createElement(Stub, {
-  height: 2,
-  width: 2,
-  top: StubBulletIndent[size],
-  bottom: StubNumberIndent[size]
-}) : /* @__PURE__ */ React.createElement(Text, {
-  size,
-  bold: false
-}, "\u2022")) : type === "step" ? /* @__PURE__ */ React.createElement(Flex, {
-  direction: "column",
-  height: "auto",
-  mr: 4
-}, /* @__PURE__ */ React.createElement(FlexItem, {
-  shrink: 0
-}, stub ? /* @__PURE__ */ React.createElement(Stub, {
-  height: 10,
-  width: 10,
-  r: 20
-}) : /* @__PURE__ */ React.createElement(Card, {
-  bg: "#F5F5F5",
-  r: "50%",
-  height: 10,
-  width: 10
-}, /* @__PURE__ */ React.createElement(Flex, {
-  align: "center",
-  justify: "center",
-  height: 1,
-  width: 1
-}, /* @__PURE__ */ React.createElement(Text, {
-  size,
-  bold: true
-}, index + 1)))), index + 1 === array.length ? null : /* @__PURE__ */ React.createElement(FlexItem, {
-  height: 1,
-  minHeight: 2,
-  align: "center",
-  justify: "center",
-  mt: 2
-}, stub ? /* @__PURE__ */ React.createElement(Stub, {
-  height: 1,
-  width: "4px"
-}) : /* @__PURE__ */ React.createElement(Card, {
-  bg: "#F5F5F5",
-  height: 1,
-  width: "4px"
-}))) : null, /* @__PURE__ */ React.createElement(FlexItem, {
-  mt: ListItemYMargin[type],
-  width: 1
-}, stub ? type === "step" ? /* @__PURE__ */ React.createElement(Paragraph, {
-  size,
-  stub: true
-}) : /* @__PURE__ */ React.createElement(Box, {
-  width: 1,
-  maxWidth: 33
-}, /* @__PURE__ */ React.createElement(Text, {
-  display: "block",
-  size,
-  stub: true
-})) : typeof item === "string" ? /* @__PURE__ */ React.createElement(Paragraph, {
-  size
-}, item) : item))));
-List.displayName = "List";
+export const List = ({ stub =false , type , size ='m' , children ,  })=>/*#__PURE__*/ _jsx(Box, {
+        as: ListType[type],
+        children: (stub ? [
+            0,
+            0
+        ] : children).map((item, index, array)=>/*#__PURE__*/ _jsxs(Flex, {
+                as: "li",
+                mt: index > 0 ? ItemIndent[type] : 0,
+                children: [
+                    type === 'number' ? /*#__PURE__*/ _jsx(FlexItem, {
+                        width: String(children.length).length * LetterSize[size] + SpaceSize[size],
+                        shrink: 0,
+                        children: stub ? /*#__PURE__*/ _jsx(Stub, {
+                            height: StubNumberWidth[size],
+                            width: StubNumberHeight[size],
+                            top: StubNumberIndent[size],
+                            bottom: StubNumberIndent[size]
+                        }) : /*#__PURE__*/ _jsxs(Text, {
+                            size: size,
+                            bold: false,
+                            children: [
+                                index + 1,
+                                "."
+                            ]
+                        })
+                    }) : type === 'bullet' ? /*#__PURE__*/ _jsx(FlexItem, {
+                        width: 5,
+                        shrink: 0,
+                        children: stub ? /*#__PURE__*/ _jsx(Stub, {
+                            height: 2,
+                            width: 2,
+                            top: StubBulletIndent[size],
+                            bottom: StubNumberIndent[size]
+                        }) : /*#__PURE__*/ _jsx(Text, {
+                            size: size,
+                            bold: false,
+                            children: "•"
+                        })
+                    }) : type === 'step' ? /*#__PURE__*/ _jsxs(Flex, {
+                        direction: "column",
+                        height: "auto",
+                        mr: 4,
+                        children: [
+                            /*#__PURE__*/ _jsx(FlexItem, {
+                                shrink: 0,
+                                children: stub ? /*#__PURE__*/ _jsx(Stub, {
+                                    height: 10,
+                                    width: 10,
+                                    r: 20
+                                }) : /*#__PURE__*/ _jsx(Card, {
+                                    bg: "#F5F5F5",
+                                    r: "50%",
+                                    height: 10,
+                                    width: 10,
+                                    children: /*#__PURE__*/ _jsx(Flex, {
+                                        align: "center",
+                                        justify: "center",
+                                        height: 1,
+                                        width: 1,
+                                        children: /*#__PURE__*/ _jsx(Text, {
+                                            size: size,
+                                            bold: true,
+                                            children: index + 1
+                                        })
+                                    })
+                                })
+                            }),
+                            index + 1 === array.length ? null : /*#__PURE__*/ _jsx(FlexItem, {
+                                height: 1,
+                                minHeight: 2,
+                                align: "center",
+                                justify: "center",
+                                mt: 2,
+                                children: stub ? /*#__PURE__*/ _jsx(Stub, {
+                                    height: 1,
+                                    width: "4px"
+                                }) : /*#__PURE__*/ _jsx(Card, {
+                                    bg: "#F5F5F5",
+                                    height: 1,
+                                    width: "4px"
+                                })
+                            })
+                        ]
+                    }) : null,
+                    /*#__PURE__*/ _jsx(FlexItem, {
+                        mt: ListItemYMargin[type],
+                        width: 1,
+                        children: stub ? type === 'step' ? /*#__PURE__*/ _jsx(Paragraph, {
+                            size: size,
+                            stub: true
+                        }) : /*#__PURE__*/ _jsx(Box, {
+                            width: 1,
+                            maxWidth: 33,
+                            children: /*#__PURE__*/ _jsx(Text, {
+                                display: "block",
+                                size: size,
+                                stub: true
+                            })
+                        }) : typeof item === 'string' ? /*#__PURE__*/ _jsx(Paragraph, {
+                            size: size,
+                            children: item
+                        }) : item
+                    })
+                ]
+            }, index))
+    });
+List.displayName = 'List';

package/lib/es6/list/index.js

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