@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es6/typography/Caption.js

@@ -1,43 +1,38 @@
-"use strict";
-import { Box, Breaker, Stub, Typo } from "@qiwi/pijma-core";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Breaker, Stub, Typo } from '@qiwi/pijma-core';
+import React from 'react';
 const CaptionColor = {
-  default: "#000",
-  support: "#666",
-  inverse: "#fff"
+    default: '#000',
+    support: '#666',
+    inverse: '#fff'
 };
-export const Caption = ({
-  color = "support",
-  align,
-  stub,
-  clamp,
-  children
-}) => stub ? /* @__PURE__ */ React.createElement(Box, {
-  ml: align === "center" || align === "right" ? "auto" : void 0,
-  mr: align === "center" ? "auto" : void 0,
-  width: 50,
-  maxWidth: 1
-}, /* @__PURE__ */ React.createElement(Stub, {
-  top: 1,
-  bottom: 1,
-  width: 50,
-  height: 3
-})) : /* @__PURE__ */ React.createElement(Typo, {
-  as: "h6",
-  display: "block",
-  size: 3.5,
-  height: 5,
-  weight: 500,
-  color: CaptionColor[color],
-  transform: "uppercase",
-  spacing: 1.5,
-  align,
-  clamp,
-  children: /* @__PURE__ */ React.createElement(Breaker, {
-    children
-  })
-});
+export const Caption = ({ color ='support' , align , stub , clamp , children ,  })=>stub ? /*#__PURE__*/ _jsx(Box, {
+        ml: align === 'center' || align === 'right' ? 'auto' : undefined,
+        mr: align === 'center' ? 'auto' : undefined,
+        width: 50,
+        maxWidth: 1,
+        children: /*#__PURE__*/ _jsx(Stub, {
+            top: 1,
+            bottom: 1,
+            width: 50,
+            height: 3
+        })
+    }) : /*#__PURE__*/ _jsx(Typo, {
+        as: "h6",
+        display: "block",
+        size: 3.5,
+        height: 5,
+        weight: 500,
+        color: CaptionColor[color],
+        transform: "uppercase",
+        spacing: 1.5,
+        align: align,
+        clamp: clamp,
+        children: /*#__PURE__*/ _jsx(Breaker, {
+            children: children
+        })
+    });
+Caption.displayName = 'Caption';
 Caption.defaultProps = {
-  color: "support"
+    color: 'support'
 };
-Caption.displayName = "Caption";

package/lib/es6/typography/Heading.js

@@ -1,86 +1,80 @@
-"use strict";
-import { Box, Breaker, Stub, Typo } from "@qiwi/pijma-core";
-import React, { Fragment } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Breaker, Stub, Typo } from '@qiwi/pijma-core';
+import React, { Fragment } from 'react';
 const HeadingSize = {
-  1: 7,
-  2: 6,
-  3: 5,
-  4: 4
+    1: 7,
+    2: 6,
+    3: 5,
+    4: 4
 };
 const HeadingHeight = {
-  1: 8,
-  2: 7,
-  3: 6,
-  4: 5
+    1: 8,
+    2: 7,
+    3: 6,
+    4: 5
 };
 const HeadingTag = {
-  1: "h1",
-  2: "h2",
-  3: "h3",
-  4: "h4"
+    1: 'h1',
+    2: 'h2',
+    3: 'h3',
+    4: 'h4'
 };
 const HeadingWeight = {
-  1: 900,
-  2: 900,
-  3: 900,
-  4: 700
+    1: 900,
+    2: 900,
+    3: 900,
+    4: 700
 };
 const StubOffsetTop = {
-  1: 2,
-  2: 2,
-  3: 2,
-  4: 1
+    1: 2,
+    2: 2,
+    3: 2,
+    4: 1
 };
 const StubOffsetBottom = {
-  1: 1,
-  2: 1,
-  3: 1,
-  4: 1
+    1: 1,
+    2: 1,
+    3: 1,
+    4: 1
 };
 const StubHeight = {
-  1: 5,
-  2: 4,
-  3: 3,
-  4: 3
+    1: 5,
+    2: 4,
+    3: 3,
+    4: 3
 };
 const HeadingColor = {
-  default: "#000",
-  inverse: "#fff"
+    default: '#000',
+    inverse: '#fff'
 };
-export const Heading = ({
-  tag,
-  size,
-  color = "default",
-  align,
-  stub,
-  clamp,
-  children
-}) => stub ? /* @__PURE__ */ React.createElement(Fragment, null, new Array(clamp === void 0 ? 1 : clamp).fill(0).map((_, i) => i % 3 === 0 ? 0.5 : i % 3 === 1 ? 0.6 : 0.4).map((width, id) => /* @__PURE__ */ React.createElement(Box, {
-  key: id,
-  ml: align === "center" || align === "right" ? "auto" : "none",
-  mr: align === "center" ? "auto" : "none",
-  width,
-  maxWidth: 1
-}, /* @__PURE__ */ React.createElement(Stub, {
-  top: StubOffsetTop[size],
-  bottom: StubOffsetBottom[size],
-  width: 1,
-  height: StubHeight[size],
-  inverse: color === "inverse"
-})))) : /* @__PURE__ */ React.createElement(Typo, {
-  as: tag || HeadingTag[size],
-  display: "block",
-  size: HeadingSize[size],
-  height: HeadingHeight[size],
-  weight: HeadingWeight[size],
-  color: HeadingColor[color],
-  align,
-  clamp,
-  children: /* @__PURE__ */ React.createElement(Breaker, {
-    children
-  })
-});
+export const Heading = ({ tag , size , color ='default' , align , stub , clamp , children ,  })=>stub ? /*#__PURE__*/ _jsx(Fragment, {
+        children: new Array(clamp === undefined ? 1 : clamp).fill(0).map((_, i)=>i % 3 === 0 ? 0.5 : i % 3 === 1 ? 0.6 : 0.4).map((width, id)=>/*#__PURE__*/ _jsx(Box, {
+                ml: align === 'center' || align === 'right' ? 'auto' : 'none',
+                mr: align === 'center' ? 'auto' : 'none',
+                width: width,
+                maxWidth: 1,
+                children: /*#__PURE__*/ _jsx(Stub, {
+                    top: StubOffsetTop[size],
+                    bottom: StubOffsetBottom[size],
+                    width: 1,
+                    height: StubHeight[size],
+                    inverse: color === 'inverse'
+                })
+            }, id))
+    }) : /*#__PURE__*/ _jsx(Typo, {
+        as: tag || HeadingTag[size],
+        display: "block",
+        size: HeadingSize[size],
+        height: HeadingHeight[size],
+        weight: HeadingWeight[size],
+        color: HeadingColor[color],
+        align: align,
+        clamp: clamp,
+        children: /*#__PURE__*/ _jsx(Breaker, {
+            children: children
+        })
+    });
+Heading.displayName = 'Heading';
 Heading.defaultProps = {
-  color: "default"
+    color: 'default'
 };
-Heading.displayName = "Heading";

package/lib/es6/typography/Paragraph.js

@@ -1,90 +1,82 @@
-"use strict";
-import { Box, Breaker, Stub, Typo } from "@qiwi/pijma-core";
-import React, { Fragment } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Breaker, Stub, Typo } from '@qiwi/pijma-core';
+import React, { Fragment } from 'react';
 const ParagraphSize = {
-  s: 3.5,
-  m: 4,
-  l: 5
+    s: 3.5,
+    m: 4,
+    l: 5
 };
 const ParagraphHeight = {
-  s: 5,
-  m: 6,
-  l: 8
+    s: 5,
+    m: 6,
+    l: 8
 };
 const ParagraphHeightCompact = {
-  s: 4,
-  m: 5,
-  l: 7
+    s: 4,
+    m: 5,
+    l: 7
 };
 const StubOffsetTop = {
-  s: 2,
-  m: 1,
-  l: 3
+    s: 2,
+    m: 1,
+    l: 3
 };
 const StubOffsetBottom = {
-  s: 1,
-  m: 2,
-  l: 2
+    s: 1,
+    m: 2,
+    l: 2
 };
 const StubOffsetCompactTop = {
-  s: 1,
-  m: 1,
-  l: 3
+    s: 1,
+    m: 1,
+    l: 3
 };
 const StubOffsetCompactBottom = {
-  s: 1,
-  m: 1,
-  l: 1
+    s: 1,
+    m: 1,
+    l: 1
 };
 const StubHeight = {
-  s: 2,
-  m: 3,
-  l: 3
+    s: 2,
+    m: 3,
+    l: 3
 };
 const ParagraphColor = {
-  default: "#000",
-  support: "#666",
-  inverse: "#fff"
+    default: '#000',
+    support: '#666',
+    inverse: '#fff'
 };
-export const Paragraph = ({
-  size = "m",
-  bold = false,
-  compact = false,
-  color = "default",
-  transform,
-  align,
-  stub,
-  clamp,
-  children
-}) => stub ? /* @__PURE__ */ React.createElement(Fragment, null, new Array(clamp === void 0 ? 3 : clamp).fill(0).map((_, i) => i % 3 === 0 ? 0.8 : i % 3 === 1 ? 0.9 : 0.7).map((width, id) => /* @__PURE__ */ React.createElement(Box, {
-  key: id,
-  width,
-  ml: align === "center" || align === "right" ? "auto" : void 0,
-  mr: align === "center" || align === "left" ? "auto" : void 0
-}, /* @__PURE__ */ React.createElement(Stub, {
-  top: compact ? StubOffsetCompactTop[size] : StubOffsetTop[size],
-  bottom: compact ? StubOffsetCompactBottom[size] : StubOffsetBottom[size],
-  height: StubHeight[size],
-  width: 1,
-  inverse: color === "inverse"
-})))) : /* @__PURE__ */ React.createElement(Typo, {
-  as: "p",
-  display: "block",
-  size: ParagraphSize[size],
-  height: compact ? ParagraphHeightCompact[size] : ParagraphHeight[size],
-  weight: bold ? 500 : 300,
-  color: ParagraphColor[color],
-  transform,
-  align,
-  clamp,
-  children: /* @__PURE__ */ React.createElement(Breaker, {
-    children
-  })
-});
+export const Paragraph = ({ size ='m' , bold =false , compact =false , color ='default' , transform , align , stub , clamp , children ,  })=>stub ? /*#__PURE__*/ _jsx(Fragment, {
+        children: new Array(clamp === undefined ? 3 : clamp).fill(0).map((_, i)=>i % 3 === 0 ? 0.8 : i % 3 === 1 ? 0.9 : 0.7).map((width, id)=>/*#__PURE__*/ _jsx(Box, {
+                width: width,
+                ml: align === 'center' || align === 'right' ? 'auto' : undefined,
+                mr: align === 'center' || align === 'left' ? 'auto' : undefined,
+                children: /*#__PURE__*/ _jsx(Stub, {
+                    top: compact ? StubOffsetCompactTop[size] : StubOffsetTop[size],
+                    bottom: compact ? StubOffsetCompactBottom[size] : StubOffsetBottom[size],
+                    height: StubHeight[size],
+                    width: 1,
+                    inverse: color === 'inverse'
+                })
+            }, id))
+    }) : /*#__PURE__*/ _jsx(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__*/ _jsx(Breaker, {
+            children: children
+        })
+    });
+Paragraph.displayName = 'Paragraph';
 Paragraph.defaultProps = {
-  size: "m",
-  bold: false,
-  compact: false,
-  color: "default"
+    size: 'm',
+    bold: false,
+    compact: false,
+    color: 'default'
 };
-Paragraph.displayName = "Paragraph";

package/lib/es6/typography/Text.js

@@ -1,90 +1,77 @@
-"use strict";
-import { Box, Breaker, Stub, Typo } from "@qiwi/pijma-core";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Breaker, Stub, Typo } from '@qiwi/pijma-core';
+import React from 'react';
 const TextSize = {
-  s: 3.5,
-  m: 4,
-  l: 5
+    s: 3.5,
+    m: 4,
+    l: 5
 };
 const TextHeight = {
-  s: 5,
-  m: 6,
-  l: 8
+    s: 5,
+    m: 6,
+    l: 8
 };
 const TextHeightCompact = {
-  s: 4,
-  m: 5,
-  l: 7
+    s: 4,
+    m: 5,
+    l: 7
 };
 const StubHeight = {
-  s: 2,
-  m: 3,
-  l: 3
+    s: 2,
+    m: 3,
+    l: 3
 };
 const StubOffsetTop = {
-  s: 1.5,
-  m: 1.5,
-  l: 2.5
+    s: 1.5,
+    m: 1.5,
+    l: 2.5
 };
 const StubOffsetBottom = {
-  s: 1.5,
-  m: 1.5,
-  l: 2.5
+    s: 1.5,
+    m: 1.5,
+    l: 2.5
 };
 const StubOffsetCompactTop = {
-  s: 1,
-  m: 1,
-  l: 2
+    s: 1,
+    m: 1,
+    l: 2
 };
 const StubOffsetCompactBottom = {
-  s: 1,
-  m: 1,
-  l: 2
+    s: 1,
+    m: 1,
+    l: 2
 };
 const 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'
 };
-export const Text = ({
-  display,
-  compact,
-  size,
-  bold,
-  color,
-  decoration,
-  transform,
-  transition,
-  align,
-  clamp,
-  children,
-  stub = false
-}) => stub ? size === void 0 || display === void 0 ? null : /* @__PURE__ */ React.createElement(Box, {
-  as: "span",
-  display
-}, new Array(clamp === void 0 ? 1 : clamp).fill(1).map((width, index) => /* @__PURE__ */ React.createElement(Stub, {
-  key: index,
-  height: StubHeight[size],
-  width,
-  top: compact ? StubOffsetCompactTop[size] : StubOffsetTop[size],
-  bottom: compact ? StubOffsetCompactBottom[size] : StubOffsetBottom[size]
-}))) : /* @__PURE__ */ React.createElement(Typo, {
-  as: "span",
-  display,
-  size: size === void 0 ? void 0 : TextSize[size],
-  height: size === void 0 ? void 0 : compact ? TextHeightCompact[size] : TextHeight[size],
-  weight: bold === void 0 ? void 0 : bold ? 500 : 300,
-  color: color === void 0 ? void 0 : TextColor[color],
-  decoration,
-  transform,
-  transition,
-  align,
-  clamp,
-  children: /* @__PURE__ */ React.createElement(Breaker, {
-    children
-  })
-});
-Text.displayName = "Text";
+export const Text = ({ display , compact , size , bold , color , decoration , transform , transition , align , clamp , children , stub =false ,  })=>stub ? size === undefined || display === undefined ? null : /*#__PURE__*/ _jsx(Box, {
+        as: "span",
+        display: display,
+        children: new Array(clamp === undefined ? 1 : clamp).fill(1).map((width, index)=>/*#__PURE__*/ _jsx(Stub, {
+                height: StubHeight[size],
+                width: width,
+                top: compact ? StubOffsetCompactTop[size] : StubOffsetTop[size],
+                bottom: compact ? StubOffsetCompactBottom[size] : StubOffsetBottom[size]
+            }, index))
+    }) : /*#__PURE__*/ _jsx(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__*/ _jsx(Breaker, {
+            children: children
+        })
+    });
+Text.displayName = 'Text';

package/lib/es6/typography/Title.js

@@ -1,70 +1,63 @@
-"use strict";
-import { Box, Breaker, Stub, Typo } from "@qiwi/pijma-core";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Breaker, Stub, Typo } from '@qiwi/pijma-core';
+import React from 'react';
 const TitleSize = {
-  1: 11,
-  2: 9
+    1: 11,
+    2: 9
 };
 const TitleHeight = {
-  1: 13,
-  2: 10
+    1: 13,
+    2: 10
 };
 const TitleTag = {
-  1: "h1",
-  2: "h2"
+    1: 'h1',
+    2: 'h2'
 };
 const TitleWeight = {
-  1: 900,
-  2: 900
+    1: 900,
+    2: 900
 };
 const StubOffsetTop = {
-  1: 4,
-  2: 3
+    1: 4,
+    2: 3
 };
 const StubOffsetBottom = {
-  1: 3,
-  2: 2
+    1: 3,
+    2: 2
 };
 const StubHeight = {
-  1: 6,
-  2: 5
+    1: 6,
+    2: 5
 };
 const TitleColor = {
-  default: "#000",
-  inverse: "#fff"
-};
-export const Title = ({
-  tag,
-  size,
-  color = "default",
-  align,
-  stub,
-  clamp,
-  children
-}) => stub ? /* @__PURE__ */ React.createElement(Box, {
-  ml: align === "center" || align === "right" ? "auto" : "none",
-  mr: align === "center" ? "auto" : "none",
-  width: 50
-}, /* @__PURE__ */ React.createElement(Stub, {
-  top: StubOffsetTop[size],
-  bottom: StubOffsetBottom[size],
-  height: StubHeight[size],
-  width: 50,
-  inverse: color === "inverse"
-})) : /* @__PURE__ */ React.createElement(Typo, {
-  as: tag || TitleTag[size],
-  display: "block",
-  size: TitleSize[size],
-  height: TitleHeight[size],
-  weight: TitleWeight[size],
-  color: TitleColor[color],
-  align,
-  clamp,
-  children: /* @__PURE__ */ React.createElement(Breaker, {
-    children
-  })
-});
+    default: '#000',
+    inverse: '#fff'
+};
+export const Title = ({ tag , size , color ='default' , align , stub , clamp , children ,  })=>stub ? /*#__PURE__*/ _jsx(Box, {
+        ml: align === 'center' || align === 'right' ? 'auto' : 'none',
+        mr: align === 'center' ? 'auto' : 'none',
+        width: 50,
+        children: /*#__PURE__*/ _jsx(Stub, {
+            top: StubOffsetTop[size],
+            bottom: StubOffsetBottom[size],
+            height: StubHeight[size],
+            width: 50,
+            inverse: color === 'inverse'
+        })
+    }) : /*#__PURE__*/ _jsx(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__*/ _jsx(Breaker, {
+            children: children
+        })
+    });
+Title.displayName = 'Title';
 Title.defaultProps = {
-  color: "default"
+    color: 'default'
 };
-Title.displayName = "Title";

package/lib/es6/typography/index.js

@@ -1,6 +1,5 @@
-"use strict";
-export * from "./Text.js";
-export * from "./Paragraph.js";
-export * from "./Heading.js";
-export * from "./Title.js";
-export * from "./Caption.js";
+export * from './Text.js';
+export * from './Paragraph.js';
+export * from './Heading.js';
+export * from './Title.js';
+export * from './Caption.js';