@qiwi/pijma-desktop 1.164.0 → 1.165.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qiwi/pijma-desktop",
-  "version": "1.164.0",
+  "version": "1.165.0",
   "type": "module",
   "main": "./target/es5/index.js",
   "module": "./target/es6/index.js",
@@ -39,27 +39,27 @@
     "target/es6/**/*"
   ],
   "dependencies": {
-    "@qiwi/pijma-core": "1.163.0",
-    "@swc/helpers": "^0.5.1"
+    "@qiwi/pijma-core": "1.163.1",
+    "@swc/helpers": "^0.5.17"
   },
   "devDependencies": {
-    "@qiwi/pijma-infra": "1.11.1",
-    "concurrently": "8.0.1",
+    "@qiwi/pijma-infra": "1.11.2",
+    "concurrently": "8.2.2",
     "css-loader": "6.7.3",
     "eslint": "8.40.0",
     "eslint-config-qiwi": "1.17.6",
-    "fast-glob": "3.2.12",
+    "fast-glob": "3.3.3",
     "file-loader": "6.2.0",
     "prettier": "2.8.8",
     "prettier-config-qiwi": "1.7.2",
     "react-docgen-typescript": "patch:react-docgen-typescript@npm%3A2.2.2#~/.yarn/patches/react-docgen-typescript-npm-2.2.2-afb9698a32.patch",
-    "react-styleguidist": "12.0.0",
+    "react-styleguidist": "12.0.1",
     "react-styleguidist-visual": "patch:react-styleguidist-visual@npm%3A0.9.0#~/.yarn/patches/react-styleguidist-visual-npm-0.9.0-c05bb39789.patch",
     "style-loader": "3.3.2",
     "tsc-esm-fix": "2.20.13",
     "typescript": "4.8.2",
-    "wait-on": "6.0.1",
-    "webpack": "5.82.0"
+    "wait-on": "8.0.3",
+    "webpack": "5.99.6"
   },
   "repository": {
     "type": "git",

package/target/dts/markdown/Markdown.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 export interface MarkdownProps {
+    disableLinks?: boolean;
     size?: 's' | 'm' | 'l';
     children: string;
 }

package/target/es5/{actions → ts/actions}/Actions.js

@@ -49,4 +49,4 @@ var Actions = function(props) {
         children: content
     }));
 };
-Actions.displayName = "Actions";
+Actions.displayName = 'Actions';

package/target/es5/{alert → ts/alert}/Alert.js

@@ -17,26 +17,26 @@ var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _link = require("../link/index.js");
 var _typography = require("../typography/index.js");
 var AlertIconColor = {
-    success: "#4bbd5c",
-    warning: "#ff8c00",
-    failure: "#d0021b",
-    general: "#666666"
+    success: '#4bbd5c',
+    warning: '#ff8c00',
+    failure: '#d0021b',
+    general: '#666666'
 };
 var AlertIconName = {
-    success: "success",
-    warning: "warning",
-    failure: "attention",
-    general: "info"
+    success: 'success',
+    warning: 'warning',
+    failure: 'attention',
+    general: 'info'
 };
-var Alert = function(_param) /*#__PURE__*/ {
-    var _param_type = _param.type, type = _param_type === void 0 ? "general" : _param_type, text = _param.text, action = _param.action, onHide = _param.onHide, onClick = _param.onClick, rest = _object_without_properties_loose._(_param, [
+var Alert = function(_param) {
+    var _param_type = _param.type, type = _param_type === void 0 ? 'general' : _param_type, text = _param.text, action = _param.action, onHide = _param.onHide, onClick = _param.onClick, rest = _object_without_properties_loose._(_param, [
         "type",
         "text",
         "action",
         "onHide",
         "onClick"
     ]);
-    return (0, _jsxruntime.jsx)(_pijmacore.AlertControl, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.AlertControl, {
         onHide: onHide,
         children: function(renderProps) {
             return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
@@ -86,7 +86,7 @@ var Alert = function(_param) /*#__PURE__*/ {
         }
     });
 };
-Alert.displayName = "Alert";
+Alert.displayName = 'Alert';
 Alert.defaultProps = {
-    type: "general"
+    type: 'general'
 };

package/target/es5/{alert-block → ts/alert-block}/AlertBlock.js

@@ -16,43 +16,43 @@ var _pijmacore = require("@qiwi/pijma-core");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _typography = require("../typography/index.js");
 var AlertBlockBackground = {
-    success: "#EDF8EF",
-    waiting: "#FFF8E6",
-    warning: "#FF8C001A",
-    failure: "#FAE6E8",
-    info: "#F5F5F5",
-    promo: "#2D3540"
+    success: '#EDF8EF',
+    waiting: '#FFF8E6',
+    warning: '#FF8C001A',
+    failure: '#FAE6E8',
+    info: '#F5F5F5',
+    promo: '#2D3540'
 };
 var AlertBlockIcon = {
     success: {
-        name: "success",
-        color: "#4BBD5C",
-        bg: "#fff"
+        name: 'success',
+        color: '#4BBD5C',
+        bg: '#fff'
     },
     waiting: {
-        name: "clock-solid",
-        color: "#FFB800",
-        bg: "#fff"
+        name: 'clock-solid',
+        color: '#FFB800',
+        bg: '#fff'
     },
     warning: {
-        name: "attention",
-        color: "#FF8C00",
-        bg: "#fff"
+        name: 'attention',
+        color: '#FF8C00',
+        bg: '#fff'
     },
     failure: {
-        name: "attention",
-        color: "#D0021B",
-        bg: "#fff"
+        name: 'attention',
+        color: '#D0021B',
+        bg: '#fff'
     },
     info: {
-        name: "info",
-        color: "#E6E6E6",
-        bg: "#666666"
+        name: 'info',
+        color: '#E6E6E6',
+        bg: '#666666'
     },
     promo: {
-        name: "success",
-        color: "#4BBD5C",
-        bg: "#fff"
+        name: 'success',
+        color: '#4BBD5C',
+        bg: '#fff'
     }
 };
 var AlertBlock = function(_param) {
@@ -105,7 +105,7 @@ var AlertBlock = function(_param) {
                         /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
                                 bold: true,
-                                color: type === "promo" ? "inverse" : "default",
+                                color: type === 'promo' ? 'inverse' : 'default',
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Breaker, {
                                     children: children
                                 })
@@ -121,7 +121,7 @@ var AlertBlock = function(_param) {
                             onMouseLeave: renderProps.onCloseMouseLeave,
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
                                 size: 6,
-                                color: type === "promo" ? "#999" : "#666",
+                                color: type === 'promo' ? '#999' : '#666',
                                 name: "cross-small"
                             })
                         }) : null
@@ -131,4 +131,4 @@ var AlertBlock = function(_param) {
         }
     });
 };
-AlertBlock.displayName = "AlertBlock";
+AlertBlock.displayName = 'AlertBlock';

package/target/es5/{annotation → ts/annotation}/Annotation.js

@@ -14,11 +14,11 @@ var _object_without_properties_loose = require("@swc/helpers/_/_object_without_p
 var _jsxruntime = require("react/jsx-runtime");
 var _pijmacore = require("@qiwi/pijma-core");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-var Annotation = function(_param) /*#__PURE__*/ {
+var Annotation = function(_param) {
     var children = _param.children, rest = _object_without_properties_loose._(_param, [
         "children"
     ]);
-    return (0, _jsxruntime.jsx)(_pijmacore.Card, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
         px: 11,
         pt: 11,
         pb: 12,
@@ -27,4 +27,4 @@ var Annotation = function(_param) /*#__PURE__*/ {
         children: children
     }));
 };
-Annotation.displayName = "Annotation";
+Annotation.displayName = 'Annotation';

package/target/es5/{block-accordion → ts/block-accordion}/BlockAccordion.js

@@ -20,15 +20,15 @@ var BlockAccordionIndent = {
     m: 11,
     l: 17
 };
-var BlockAccordion = function(_param) /*#__PURE__*/ {
-    var items = _param.items, _param_indent = _param.indent, indent = _param_indent === void 0 ? "m" : _param_indent, _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, opened = _param.opened, onChange = _param.onChange, rest = _object_without_properties_loose._(_param, [
+var BlockAccordion = function(_param) {
+    var items = _param.items, _param_indent = _param.indent, indent = _param_indent === void 0 ? 'm' : _param_indent, _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, opened = _param.opened, onChange = _param.onChange, rest = _object_without_properties_loose._(_param, [
         "items",
         "indent",
         "tabIndex",
         "opened",
         "onChange"
     ]);
-    return (0, _jsxruntime.jsx)(_pijmacore.AccordionControl, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.AccordionControl, {
         items: items,
         opened: opened,
         onChange: onChange,
@@ -37,7 +37,7 @@ var BlockAccordion = function(_param) /*#__PURE__*/ {
                 py: 3,
                 children: renderProps.items.map(function(item, index) {
                     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Card, {
-                        s: item.hovered || item.focused ? "0 0 16px 0 rgba(0, 0, 0, 0.12)" : index > 0 && !(renderProps.items[index - 1].hovered || renderProps.items[index - 1].focused) ? "0 -1px 0 #e6e6e6" : undefined,
+                        s: item.hovered || item.focused ? '0 0 16px 0 rgba(0, 0, 0, 0.12)' : index > 0 && !(renderProps.items[index - 1].hovered || renderProps.items[index - 1].focused) ? '0 -1px 0 #e6e6e6' : undefined,
                         transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
                         onMouseEnter: item.onMouseEnter,
                         onMouseLeave: item.onMouseLeave,
@@ -77,8 +77,8 @@ var BlockAccordion = function(_param) /*#__PURE__*/ {
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
                                 px: BlockAccordionIndent[indent],
                                 pb: 4,
-                                display: item.opened ? "block" : "none",
-                                children: typeof item.content === "string" ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
+                                display: item.opened ? 'block' : 'none',
+                                children: typeof item.content === 'string' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
                                     size: "m",
                                     children: item.content
                                 }) : item.content
@@ -90,8 +90,8 @@ var BlockAccordion = function(_param) /*#__PURE__*/ {
         }
     });
 };
-BlockAccordion.displayName = "BlockAccordion";
+BlockAccordion.displayName = 'BlockAccordion';
 BlockAccordion.defaultProps = {
-    indent: "m",
+    indent: 'm',
     tabIndex: 0
 };

package/target/es5/{block-content → ts/block-content}/BlockContent.js

@@ -16,20 +16,20 @@ var _pijmacore = require("@qiwi/pijma-core");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var BlockContentIdent = {
     s: 8,
-    m: "44px 44px 48px",
-    l: "44px 68px 48px"
+    m: '44px 44px 48px',
+    l: '44px 68px 48px'
 };
-var BlockContent = function(_param) /*#__PURE__*/ {
-    var _param_indent = _param.indent, indent = _param_indent === void 0 ? "m" : _param_indent, children = _param.children, rest = _object_without_properties_loose._(_param, [
+var BlockContent = function(_param) {
+    var _param_indent = _param.indent, indent = _param_indent === void 0 ? 'm' : _param_indent, children = _param.children, rest = _object_without_properties_loose._(_param, [
         "indent",
         "children"
     ]);
-    return (0, _jsxruntime.jsx)(_pijmacore.Box, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
         p: BlockContentIdent[indent],
         children: children
     }));
 };
-BlockContent.displayName = "BlockContent";
+BlockContent.displayName = 'BlockContent';
 BlockContent.defaultProps = {
-    indent: "m"
+    indent: 'm'
 };

package/target/es5/{block-tabs → ts/block-tabs}/BlockTabs.js

@@ -41,18 +41,18 @@ var ContentIndent = {
     l: 6
 };
 var FlexOverflow = (0, _pijmacore.styled)(_pijmacore.Flex)({
-    "&::-webkit-scrollbar": {
-        display: "none"
+    '&::-webkit-scrollbar': {
+        display: 'none'
     },
-    scrollbarWidth: "none",
-    msOverflowStyle: "none",
-    position: "relative"
+    scrollbarWidth: 'none',
+    msOverflowStyle: 'none',
+    position: 'relative'
 });
-FlexOverflow.displayName = "FlexOverflow";
+FlexOverflow.displayName = 'FlexOverflow';
 var TabContent = (0, _pijmacore.styled)(_pijmacore.FlexItem)();
-TabContent.displayName = "TabContent";
+TabContent.displayName = 'TabContent';
 var BlockTabs = function(_param) {
-    var items = _param.items, _param_select = _param.select, select = _param_select === void 0 ? 0 : _param_select, _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, _param_vertical = _param.vertical, vertical = _param_vertical === void 0 ? false : _param_vertical, _param_centered = _param.centered, centered = _param_centered === void 0 ? false : _param_centered, _param_stub = _param.stub, stub = _param_stub === void 0 ? false : _param_stub, _param_hr = _param.hr, hr = _param_hr === void 0 ? true : _param_hr, _param_indent = _param.indent, indent = _param_indent === void 0 ? "m" : _param_indent, pt = _param.pt, pb = _param.pb, onChange = _param.onChange, rest = _object_without_properties_loose._(_param, [
+    var items = _param.items, _param_select = _param.select, select = _param_select === void 0 ? 0 : _param_select, _param_tabIndex = _param.tabIndex, tabIndex = _param_tabIndex === void 0 ? 0 : _param_tabIndex, _param_vertical = _param.vertical, vertical = _param_vertical === void 0 ? false : _param_vertical, _param_centered = _param.centered, centered = _param_centered === void 0 ? false : _param_centered, _param_stub = _param.stub, stub = _param_stub === void 0 ? false : _param_stub, _param_hr = _param.hr, hr = _param_hr === void 0 ? true : _param_hr, _param_indent = _param.indent, indent = _param_indent === void 0 ? 'm' : _param_indent, pt = _param.pt, pb = _param.pb, onChange = _param.onChange, rest = _object_without_properties_loose._(_param, [
         "items",
         "select",
         "tabIndex",
@@ -77,7 +77,7 @@ var BlockTabs = function(_param) {
                 /*#__PURE__*/ (0, _jsxruntime.jsxs)(FlexOverflow, {
                     direction: "row",
                     overflow: "auto",
-                    justify: centered ? "space-between" : "flex-start",
+                    justify: centered ? 'space-between' : 'flex-start',
                     children: [
                         (Array.isArray(stub) ? stub : [
                             true,
@@ -89,7 +89,7 @@ var BlockTabs = function(_param) {
                                 indent: index === arr.length - 1 ? 0 : 5,
                                 wrap: !centered,
                                 tabIndex: -1,
-                                icon: icon ? "qiwi" : undefined,
+                                icon: icon ? 'qiwi' : undefined,
                                 vertical: vertical,
                                 select: false,
                                 width: centered ? 1 : undefined,
@@ -97,7 +97,7 @@ var BlockTabs = function(_param) {
                             }, index);
                         }),
                         /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabBorder, {
-                            width: centered ? "calc(33% - 20px)" : vertical ? 13 : 21,
+                            width: centered ? 'calc(33% - 20px)' : vertical ? 13 : 21,
                             left: 0,
                             radius: hr,
                             stub: true
@@ -143,7 +143,7 @@ var BlockTabs = function(_param) {
                         /*#__PURE__*/ (0, _jsxruntime.jsxs)(FlexOverflow, {
                             direction: "row",
                             overflow: "auto",
-                            justify: centered ? "space-between" : "flex-start",
+                            justify: centered ? 'space-between' : 'flex-start',
                             children: [
                                 renderProps.items.map(function(item, index) {
                                     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabHeader, {
@@ -189,7 +189,7 @@ var BlockTabs = function(_param) {
                         items.map(function(param, index) {
                             var content = param.content;
                             return /*#__PURE__*/ (0, _jsxruntime.jsx)(TabContent, {
-                                display: select === index ? "block" : "none",
+                                display: select === index ? 'block' : 'none',
                                 pt: ContentIndent[indent],
                                 children: content
                             }, index);
@@ -200,7 +200,7 @@ var BlockTabs = function(_param) {
         }
     });
 };
-BlockTabs.displayName = "BlockTabs";
+BlockTabs.displayName = 'BlockTabs';
 BlockTabs.defaultProps = {
     select: 0,
     tabIndex: 0,
@@ -208,5 +208,5 @@ BlockTabs.defaultProps = {
     centered: false,
     stub: false,
     hr: true,
-    indent: "m"
+    indent: 'm'
 };

package/target/es5/{breadcrumbs → ts/breadcrumbs}/Breadcrumbs.js

@@ -50,4 +50,4 @@ var Breadcrumbs = function(_param) {
         })
     }));
 };
-Breadcrumbs.displayName = "Breadcrumbs";
+Breadcrumbs.displayName = 'Breadcrumbs';

package/target/es5/{button → ts/button}/Button.js

@@ -55,7 +55,7 @@ var stubWidth = {
 };
 var Button = function(props) {
     var theme = (0, _pijmacore.useTheme)();
-    var _props_radius, _props_radius1;
+    var _props_radius;
     return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, {
         width: !props.icon || props.text ? 1 : buttonSize[props.size],
         height: buttonSize[props.size],
@@ -98,16 +98,17 @@ var Button = function(props) {
         onFocus: props.onFocus,
         onBlur: props.onBlur,
         children: function(renderProps) {
+            var _props_radius;
             return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Btn, _extends._({}, (0, _pijmacore.getDataProps)(props), {
                 disabled: props.disabled,
                 type: props.type,
                 width: !props.icon || props.text ? 1 : buttonSize[props.size],
                 height: buttonSize[props.size],
                 minWidth: props.text ? buttonMinWith[props.size] : undefined,
-                bg: props.disabled ? "#e6e6e6" : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : props.size === "accent" ? theme.button.bg.accent[props.kind] : theme.button.bg.kind[props.kind],
-                b: props.disabled ? "none" : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind],
-                r: (_props_radius1 = props.radius) != null ? _props_radius1 : buttonRadius[props.size],
-                s: props.disabled ? "none" : (renderProps.hover || renderProps.focus) && props.size === "accent" ? theme.button.shadow.hover[props.kind] : props.size === "accent" ? theme.button.shadow.kind[props.kind] : "none",
+                bg: props.disabled ? '#e6e6e6' : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : props.size === 'accent' ? theme.button.bg.accent[props.kind] : theme.button.bg.kind[props.kind],
+                b: props.disabled ? 'none' : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind],
+                r: (_props_radius = props.radius) != null ? _props_radius : buttonRadius[props.size],
+                s: props.disabled ? 'none' : (renderProps.hover || renderProps.focus) && props.size === 'accent' ? theme.button.shadow.hover[props.kind] : props.size === 'accent' ? theme.button.shadow.kind[props.kind] : 'none',
                 transition: "box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
                 onClick: renderProps.onClick,
                 onFocus: renderProps.onFocus,
@@ -118,7 +119,7 @@ var Button = function(props) {
                     type: "relative",
                     width: 1,
                     height: 1,
-                    cursor: props.disabled ? "not-allowed" : "pointer",
+                    cursor: props.disabled ? 'not-allowed' : 'pointer',
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Flex, {
                         align: "center",
                         justify: "center",
@@ -145,7 +146,7 @@ var Button = function(props) {
                                             paused: !props.loading,
                                             width: 6,
                                             height: 6,
-                                            color: props.disabled ? "#666" : theme.button.text.color[props.kind]
+                                            color: props.disabled ? '#666' : theme.button.text.color[props.kind]
                                         })
                                     })
                                 }),
@@ -158,7 +159,7 @@ var Button = function(props) {
                                     transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
                                     transform: "translateZ(0)",
                                     children: /*#__PURE__*/ (0, _react.cloneElement)(props.icon, {
-                                        color: props.disabled ? "#666" : props.kind === "brand" ? "#fff" : "#000",
+                                        color: props.disabled ? '#666' : props.kind === 'brand' ? '#fff' : '#000',
                                         size: 1
                                     })
                                 }) : null,
@@ -170,7 +171,7 @@ var Button = function(props) {
                                         nowrap: true,
                                         display: "block",
                                         weight: 500,
-                                        color: props.disabled ? "#666" : theme.button.text.color[props.kind],
+                                        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)",
@@ -185,4 +186,4 @@ var Button = function(props) {
         }
     });
 };
-Button.displayName = "Button";
+Button.displayName = 'Button';

package/target/es5/{checkbox → ts/checkbox}/Checkbox.js

@@ -44,7 +44,7 @@ var Checkbox = function(props) {
         }
     });
 };
-Checkbox.displayName = "Checkbox";
+Checkbox.displayName = 'Checkbox';
 Checkbox.defaultProps = {
     tabIndex: 0
 };

package/target/es5/{checkbox-field → ts/checkbox-field}/CheckboxField.js

@@ -103,4 +103,4 @@ var CheckboxField = function(props) {
         }
     });
 };
-CheckboxField.displayName = "CheckboxField";
+CheckboxField.displayName = 'CheckboxField';

package/target/es5/{code-field → ts/code-field}/CodeField.js

@@ -17,24 +17,24 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var animation = function(count) {
     var _obj;
     return (0, _pijmacore.keyframes)((_obj = {
-        "0%": {
-            height: "48px"
+        '0%': {
+            height: '48px'
         }
     }, _obj["" + 1 / count * 50 + "%"] = {
-        height: "40px"
+        height: '40px'
     }, _obj["" + 1 / count * 100 + "%"] = {
-        height: "48px"
+        height: '48px'
     }, _obj));
 };
 var CodeField = function(_param) {
-    var _param_length = _param.length, length = _param_length === void 0 ? 4 : _param_length, _param_autoFocus = _param.autoFocus, autoFocus = _param_autoFocus === void 0 ? false : _param_autoFocus, _param_loading = _param.loading, loading = _param_loading === void 0 ? false : _param_loading, _param_type = _param.type, type = _param_type === void 0 ? "tel" : _param_type, props = _object_without_properties_loose._(_param, [
+    var _param_length = _param.length, length = _param_length === void 0 ? 4 : _param_length, _param_autoFocus = _param.autoFocus, autoFocus = _param_autoFocus === void 0 ? false : _param_autoFocus, _param_loading = _param.loading, loading = _param_loading === void 0 ? false : _param_loading, _param_type = _param.type, type = _param_type === void 0 ? 'tel' : _param_type, props = _object_without_properties_loose._(_param, [
         "length",
         "autoFocus",
         "loading",
         "type"
     ]);
     return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.Fragment, {
-        children: new Array(length).fill("").map(function(_, index) {
+        children: new Array(length).fill('').map(function(_, index) {
             return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
                 ml: index === 0 ? 0 : 3,
                 display: "inline-block",
@@ -67,14 +67,14 @@ var CodeField = function(_param) {
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Input, {
                                     name: props.name,
                                     tabIndex: index === 0 ? 0 : -1,
-                                    cursor: props.disabled ? "not-allowed" : undefined,
+                                    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"
+                                        textAlign: 'center'
                                     },
                                     bg: "#F2F2F2",
-                                    b: item.focused && !loading ? "1px solid #CCCCCC" : undefined,
+                                    b: item.focused && !loading ? '1px solid #CCCCCC' : undefined,
                                     autoComplete: "off",
                                     valueSize: 5,
                                     valueWeight: 400,
@@ -84,7 +84,7 @@ var CodeField = function(_param) {
                                     type: type,
                                     disabled: props.disabled || loading,
                                     ref: item.ref,
-                                    value: loading ? "" : props.value[index],
+                                    value: loading ? '' : props.value[index],
                                     onChange: item.onChange,
                                     onClick: item.onClick,
                                     onFocus: item.onFocus,
@@ -110,4 +110,4 @@ var CodeField = function(_param) {
         }
     });
 };
-CodeField.displayName = "CodeField";
+CodeField.displayName = 'CodeField';

package/target/es5/{content-suggest → ts/content-suggest}/ContentSuggest.js

@@ -19,14 +19,14 @@ var _link = require("../link/index.js");
 var _menu = require("../menu/index.js");
 var _typography = require("../typography/index.js");
 var CardMenuItem = (0, _pijmacore.styled)(_pijmacore.Card)().withComponent(_menu.MenuItem);
-CardMenuItem.displayName = "CardMenuItem";
-var ContentSuggest = function(_param) /*#__PURE__*/ {
+CardMenuItem.displayName = 'CardMenuItem';
+var ContentSuggest = function(_param) {
     var _param_equals = _param.equals, equals = _param_equals === void 0 ? function(a, b) {
         return a === b;
     } : _param_equals, props = _object_without_properties_loose._(_param, [
         "equals"
     ]);
-    return (0, _jsxruntime.jsx)(_pijmacore.SuggestControl, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.SuggestControl, {
         value: props.value,
         suggest: props.suggest,
         items: props.items,
@@ -51,7 +51,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
                         ref: renderProps.containerRef,
                         width: 1,
                         transition: "box-shadow " + (renderProps.focused ? 300 : 200) + "ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-                        s: renderProps.focused ? "0 20px 64px 0 rgba(0, 0, 0, 0.16)" : "none",
+                        s: renderProps.focused ? '0 20px 64px 0 rgba(0, 0, 0, 0.16)' : 'none',
                         r: 10,
                         children: [
                             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Box, {
@@ -60,7 +60,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
                                 onMouseLeave: renderProps.onInputMouseLeave,
                                 children: [
                                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.ContentInput, {
-                                        value: props.suggest || "",
+                                        value: props.suggest || '',
                                         tabIndex: props.tabIndex,
                                         autoComplete: props.autoComplete,
                                         autoFocus: props.autoFocus,
@@ -156,7 +156,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
                                                             props.total.text,
                                                             props.total.link ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
                                                                 children: [
-                                                                    " ",
+                                                                    ' ',
                                                                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.Link, {
                                                                         onClick: renderProps.onTotalClick,
                                                                         children: props.total.link.text
@@ -172,7 +172,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
                                                             props.empty.text,
                                                             props.empty.link ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
                                                                 children: [
-                                                                    " ",
+                                                                    ' ',
                                                                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.Link, {
                                                                         onClick: renderProps.onEmptyClick,
                                                                         children: props.empty.link.text
@@ -194,7 +194,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
         }
     });
 };
-ContentSuggest.displayName = "ContentSuggest";
+ContentSuggest.displayName = 'ContentSuggest';
 ContentSuggest.defaultProps = {
     equals: function(a, b) {
         return a === b;

package/target/es5/{custom-alert → ts/custom-alert}/CustomAlert.js

@@ -58,7 +58,7 @@ var CustomAlert = function(_param) {
                             onMouseLeave: renderProps.onCloseMouseLeave,
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
                                 size: 6,
-                                color: textColor === "inverse" ? "#999" : "#666",
+                                color: textColor === 'inverse' ? '#999' : '#666',
                                 name: "cross-small"
                             })
                         }) : null
@@ -68,4 +68,4 @@ var CustomAlert = function(_param) {
         }
     });
 };
-CustomAlert.displayName = "CustomAlert";
+CustomAlert.displayName = 'CustomAlert';