@qiwi/pijma-desktop 1.164.1 → 1.165.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/package.json +13 -13
  2. package/target/dts/markdown/Markdown.d.ts +1 -0
  3. package/target/es5/actions/Actions.js +1 -1
  4. package/target/es5/alert/Alert.js +13 -13
  5. package/target/es5/alert-block/AlertBlock.js +27 -27
  6. package/target/es5/annotation/Annotation.js +3 -3
  7. package/target/es5/block-accordion/BlockAccordion.js +8 -8
  8. package/target/es5/block-content/BlockContent.js +7 -7
  9. package/target/es5/block-tabs/BlockTabs.js +15 -15
  10. package/target/es5/breadcrumbs/Breadcrumbs.js +1 -1
  11. package/target/es5/button/Button.js +11 -10
  12. package/target/es5/checkbox/Checkbox.js +1 -1
  13. package/target/es5/checkbox-field/CheckboxField.js +1 -1
  14. package/target/es5/code-field/CodeField.js +11 -11
  15. package/target/es5/content-suggest/ContentSuggest.js +8 -8
  16. package/target/es5/custom-alert/CustomAlert.js +2 -2
  17. package/target/es5/details/Details.js +27 -27
  18. package/target/es5/drop-down/DropDown.js +4 -4
  19. package/target/es5/extended-progress-bar/ExtendedProgressBar.js +4 -4
  20. package/target/es5/footer-app/FooterApp.js +4 -4
  21. package/target/es5/footer-nav/FooterNav.js +4 -4
  22. package/target/es5/footer-out/FooterOut.js +9 -9
  23. package/target/es5/glossary/Glossary.js +1 -1
  24. package/target/es5/header/Header.js +2 -2
  25. package/target/es5/header-bank-card-link/HeaderBankCardLink.js +4 -4
  26. package/target/es5/header-drop-down/HeaderDropDown.js +5 -5
  27. package/target/es5/header-menu/HeaderMenu.js +2 -2
  28. package/target/es5/header-menu/HeaderMenuItem.js +4 -4
  29. package/target/es5/header-suggest/HeaderSuggest.js +16 -16
  30. package/target/es5/hint/Hint.js +34 -34
  31. package/target/es5/index.js +3 -3
  32. package/target/es5/link/BlockLink.js +2 -2
  33. package/target/es5/link/FileLink.js +3 -3
  34. package/target/es5/link/Link.js +1 -1
  35. package/target/es5/link/SectionLink.js +2 -2
  36. package/target/es5/list/List.js +12 -12
  37. package/target/es5/logo-block-link/LogoBlockLink.js +4 -4
  38. package/target/es5/logo-link/LogoLink.js +5 -5
  39. package/target/es5/markdown/Markdown.js +29 -21
  40. package/target/es5/menu/MenuItem.js +5 -5
  41. package/target/es5/menu/MenuLink.js +3 -3
  42. package/target/es5/modal/SimpleModal.js +12 -12
  43. package/target/es5/nav-link/NavLink.js +2 -2
  44. package/target/es5/notice/Notice.js +3 -3
  45. package/target/es5/oops/Oops.js +10 -10
  46. package/target/es5/pagination/Pagination.js +9 -9
  47. package/target/es5/pagination/PaginationLink.js +5 -5
  48. package/target/es5/password-field/PasswordField.js +4 -4
  49. package/target/es5/phone-field/PhoneField.js +5 -5
  50. package/target/es5/progress-bar/ProgressBar.js +2 -2
  51. package/target/es5/radio-field/RadioField.js +1 -1
  52. package/target/es5/rating/Rating.js +5 -5
  53. package/target/es5/select-field/SelectField.js +5 -5
  54. package/target/es5/status/Status.js +4 -4
  55. package/target/es5/suggest-field/SuggestField.js +4 -4
  56. package/target/es5/switch/Switch.js +3 -3
  57. package/target/es5/switch-field/SwitchField.js +3 -3
  58. package/target/es5/tabs/Tabs.js +13 -13
  59. package/target/es5/text-area-field/TextAreaField.js +3 -3
  60. package/target/es5/text-field/TextField.js +1 -1
  61. package/target/es5/typography/Caption.js +8 -8
  62. package/target/es5/typography/Heading.js +12 -12
  63. package/target/es5/typography/Paragraph.js +8 -8
  64. package/target/es5/typography/Text.js +7 -7
  65. package/target/es5/typography/Title.js +9 -9
  66. package/target/es6/alert/Alert.js +1 -1
  67. package/target/es6/alert-block/AlertBlock.js +1 -1
  68. package/target/es6/annotation/Annotation.js +1 -1
  69. package/target/es6/block-accordion/BlockAccordion.js +1 -1
  70. package/target/es6/block-content/BlockContent.js +1 -1
  71. package/target/es6/block-tabs/BlockTabs.js +2 -2
  72. package/target/es6/breadcrumbs/Breadcrumbs.js +2 -2
  73. package/target/es6/code-field/CodeField.js +1 -1
  74. package/target/es6/content-suggest/ContentSuggest.js +1 -1
  75. package/target/es6/custom-alert/CustomAlert.js +1 -1
  76. package/target/es6/details/Details.js +1 -1
  77. package/target/es6/drop-down/DropDown.js +1 -1
  78. package/target/es6/extended-progress-bar/ExtendedProgressBar.js +1 -1
  79. package/target/es6/footer-app/FooterApp.js +1 -1
  80. package/target/es6/footer-nav/FooterNav.js +1 -1
  81. package/target/es6/footer-out/FooterOut.js +1 -1
  82. package/target/es6/glossary/Glossary.js +1 -1
  83. package/target/es6/header-drop-down/HeaderDropDown.js +1 -1
  84. package/target/es6/header-suggest/HeaderSuggest.js +1 -1
  85. package/target/es6/hint/Hint.js +1 -1
  86. package/target/es6/list/List.js +1 -1
  87. package/target/es6/logo-block-link/LogoBlockLink.js +2 -2
  88. package/target/es6/logo-link/LogoLink.js +1 -1
  89. package/target/es6/markdown/Markdown.js +25 -15
  90. package/target/es6/menu/MenuItem.js +1 -1
  91. package/target/es6/notice/Notice.js +1 -1
  92. package/target/es6/oops/Oops.js +1 -1
  93. package/target/es6/pagination/Pagination.js +5 -5
  94. package/target/es6/phone-field/PhoneField.js +1 -1
  95. package/target/es6/progress-bar/ProgressBar.js +1 -1
  96. package/target/es6/rating/Rating.js +1 -1
  97. package/target/es6/status/Status.js +1 -1
  98. package/target/es6/suggest-field/SuggestField.js +1 -1
  99. package/target/es6/tabs/Tabs.js +2 -2
  100. package/target/es6/typography/Caption.js +1 -1
  101. package/target/es6/typography/Heading.js +1 -1
  102. package/target/es6/typography/Paragraph.js +1 -1
  103. package/target/es6/typography/Text.js +1 -1
  104. package/target/es6/typography/Title.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qiwi/pijma-desktop",
3
- "version": "1.164.1",
3
+ "version": "1.165.1",
4
4
  "type": "module",
5
5
  "main": "./target/es5/index.js",
6
6
  "module": "./target/es6/index.js",
@@ -21,8 +21,8 @@
21
21
  "build": "concurrently 'npm:build:*' 'npm:guide:build'",
22
22
  "start": "concurrently --kill-others --kill-others-on-fail 'npm:guide:start' 'npm:chrome:start'",
23
23
  "test": "concurrently --kill-others --kill-others-on-fail --success first 'npm:test:start' 'npm:static:start' 'npm:chrome:start'",
24
- "build:es5": "cd src/main && swc ts -d ../../target/es5 --config-file ../../swc.es5.json && cd ../.. && tsc-esm-fix --target=target/es5 --fillBlank",
25
- "build:es6": "cd src/main && swc ts -d ../../target/es6 --config-file ../../swc.es6.json && cd ../.. && tsc-esm-fix --target=target/es6 --fillBlank",
24
+ "build:es5": "cd src/main/ts && swc . -d ../../../target/es5 --config-file ../../../swc.es5.json && cd ../../.. && tsc-esm-fix --target=target/es5 --fillBlank",
25
+ "build:es6": "cd src/main/ts && swc . -d ../../../target/es6 --config-file ../../../swc.es6.json && cd ../../.. && tsc-esm-fix --target=target/es6 --fillBlank",
26
26
  "build:dts": "tsc --project tsconfig.dts.json",
27
27
  "guide:build": "styleguidist --config styleguide.config.cjs build",
28
28
  "guide:start": "styleguidist --config styleguide.config.cjs server",
@@ -34,32 +34,32 @@
34
34
  "lint": "eslint src"
35
35
  },
36
36
  "files": [
37
- "target/dts/**/*",
38
- "target/es5/**/*",
39
- "target/es6/**/*"
37
+ "target/dts",
38
+ "target/es5",
39
+ "target/es6"
40
40
  ],
41
41
  "dependencies": {
42
- "@qiwi/pijma-core": "1.163.1",
43
- "@swc/helpers": "^0.5.1"
42
+ "@qiwi/pijma-core": "1.163.2",
43
+ "@swc/helpers": "^0.5.17"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@qiwi/pijma-infra": "1.11.2",
47
- "concurrently": "8.0.1",
47
+ "concurrently": "8.2.2",
48
48
  "css-loader": "6.7.3",
49
49
  "eslint": "8.40.0",
50
50
  "eslint-config-qiwi": "1.17.6",
51
- "fast-glob": "3.2.12",
51
+ "fast-glob": "3.3.3",
52
52
  "file-loader": "6.2.0",
53
53
  "prettier": "2.8.8",
54
54
  "prettier-config-qiwi": "1.7.2",
55
55
  "react-docgen-typescript": "patch:react-docgen-typescript@npm%3A2.2.2#~/.yarn/patches/react-docgen-typescript-npm-2.2.2-afb9698a32.patch",
56
- "react-styleguidist": "12.0.0",
56
+ "react-styleguidist": "12.0.1",
57
57
  "react-styleguidist-visual": "patch:react-styleguidist-visual@npm%3A0.9.0#~/.yarn/patches/react-styleguidist-visual-npm-0.9.0-c05bb39789.patch",
58
58
  "style-loader": "3.3.2",
59
59
  "tsc-esm-fix": "2.20.13",
60
60
  "typescript": "4.8.2",
61
- "wait-on": "6.0.1",
62
- "webpack": "5.82.0"
61
+ "wait-on": "8.0.3",
62
+ "webpack": "5.99.6"
63
63
  },
64
64
  "repository": {
65
65
  "type": "git",
@@ -1,5 +1,6 @@
1
1
  import { FC } from 'react';
2
2
  export interface MarkdownProps {
3
+ disableLinks?: boolean;
3
4
  size?: 's' | 'm' | 'l';
4
5
  children: string;
5
6
  }
@@ -49,4 +49,4 @@ var Actions = function(props) {
49
49
  children: content
50
50
  }));
51
51
  };
52
- Actions.displayName = "Actions";
52
+ Actions.displayName = 'Actions';
@@ -17,26 +17,26 @@ var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
17
17
  var _link = require("../link/index.js");
18
18
  var _typography = require("../typography/index.js");
19
19
  var AlertIconColor = {
20
- success: "#4bbd5c",
21
- warning: "#ff8c00",
22
- failure: "#d0021b",
23
- general: "#666666"
20
+ success: '#4bbd5c',
21
+ warning: '#ff8c00',
22
+ failure: '#d0021b',
23
+ general: '#666666'
24
24
  };
25
25
  var AlertIconName = {
26
- success: "success",
27
- warning: "warning",
28
- failure: "attention",
29
- general: "info"
26
+ success: 'success',
27
+ warning: 'warning',
28
+ failure: 'attention',
29
+ general: 'info'
30
30
  };
31
- var Alert = function(_param) /*#__PURE__*/ {
32
- 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, [
31
+ var Alert = function(_param) {
32
+ 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, [
33
33
  "type",
34
34
  "text",
35
35
  "action",
36
36
  "onHide",
37
37
  "onClick"
38
38
  ]);
39
- return (0, _jsxruntime.jsx)(_pijmacore.AlertControl, {
39
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.AlertControl, {
40
40
  onHide: onHide,
41
41
  children: function(renderProps) {
42
42
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
@@ -86,7 +86,7 @@ var Alert = function(_param) /*#__PURE__*/ {
86
86
  }
87
87
  });
88
88
  };
89
- Alert.displayName = "Alert";
89
+ Alert.displayName = 'Alert';
90
90
  Alert.defaultProps = {
91
- type: "general"
91
+ type: 'general'
92
92
  };
@@ -16,43 +16,43 @@ var _pijmacore = require("@qiwi/pijma-core");
16
16
  var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
17
17
  var _typography = require("../typography/index.js");
18
18
  var AlertBlockBackground = {
19
- success: "#EDF8EF",
20
- waiting: "#FFF8E6",
21
- warning: "#FF8C001A",
22
- failure: "#FAE6E8",
23
- info: "#F5F5F5",
24
- promo: "#2D3540"
19
+ success: '#EDF8EF',
20
+ waiting: '#FFF8E6',
21
+ warning: '#FF8C001A',
22
+ failure: '#FAE6E8',
23
+ info: '#F5F5F5',
24
+ promo: '#2D3540'
25
25
  };
26
26
  var AlertBlockIcon = {
27
27
  success: {
28
- name: "success",
29
- color: "#4BBD5C",
30
- bg: "#fff"
28
+ name: 'success',
29
+ color: '#4BBD5C',
30
+ bg: '#fff'
31
31
  },
32
32
  waiting: {
33
- name: "clock-solid",
34
- color: "#FFB800",
35
- bg: "#fff"
33
+ name: 'clock-solid',
34
+ color: '#FFB800',
35
+ bg: '#fff'
36
36
  },
37
37
  warning: {
38
- name: "attention",
39
- color: "#FF8C00",
40
- bg: "#fff"
38
+ name: 'attention',
39
+ color: '#FF8C00',
40
+ bg: '#fff'
41
41
  },
42
42
  failure: {
43
- name: "attention",
44
- color: "#D0021B",
45
- bg: "#fff"
43
+ name: 'attention',
44
+ color: '#D0021B',
45
+ bg: '#fff'
46
46
  },
47
47
  info: {
48
- name: "info",
49
- color: "#E6E6E6",
50
- bg: "#666666"
48
+ name: 'info',
49
+ color: '#E6E6E6',
50
+ bg: '#666666'
51
51
  },
52
52
  promo: {
53
- name: "success",
54
- color: "#4BBD5C",
55
- bg: "#fff"
53
+ name: 'success',
54
+ color: '#4BBD5C',
55
+ bg: '#fff'
56
56
  }
57
57
  };
58
58
  var AlertBlock = function(_param) {
@@ -105,7 +105,7 @@ var AlertBlock = function(_param) {
105
105
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.FlexItem, {
106
106
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
107
107
  bold: true,
108
- color: type === "promo" ? "inverse" : "default",
108
+ color: type === 'promo' ? 'inverse' : 'default',
109
109
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Breaker, {
110
110
  children: children
111
111
  })
@@ -121,7 +121,7 @@ var AlertBlock = function(_param) {
121
121
  onMouseLeave: renderProps.onCloseMouseLeave,
122
122
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
123
123
  size: 6,
124
- color: type === "promo" ? "#999" : "#666",
124
+ color: type === 'promo' ? '#999' : '#666',
125
125
  name: "cross-small"
126
126
  })
127
127
  }) : null
@@ -131,4 +131,4 @@ var AlertBlock = function(_param) {
131
131
  }
132
132
  });
133
133
  };
134
- AlertBlock.displayName = "AlertBlock";
134
+ AlertBlock.displayName = 'AlertBlock';
@@ -14,11 +14,11 @@ var _object_without_properties_loose = require("@swc/helpers/_/_object_without_p
14
14
  var _jsxruntime = require("react/jsx-runtime");
15
15
  var _pijmacore = require("@qiwi/pijma-core");
16
16
  var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
17
- var Annotation = function(_param) /*#__PURE__*/ {
17
+ var Annotation = function(_param) {
18
18
  var children = _param.children, rest = _object_without_properties_loose._(_param, [
19
19
  "children"
20
20
  ]);
21
- return (0, _jsxruntime.jsx)(_pijmacore.Card, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
21
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
22
22
  px: 11,
23
23
  pt: 11,
24
24
  pb: 12,
@@ -27,4 +27,4 @@ var Annotation = function(_param) /*#__PURE__*/ {
27
27
  children: children
28
28
  }));
29
29
  };
30
- Annotation.displayName = "Annotation";
30
+ Annotation.displayName = 'Annotation';
@@ -20,15 +20,15 @@ var BlockAccordionIndent = {
20
20
  m: 11,
21
21
  l: 17
22
22
  };
23
- var BlockAccordion = function(_param) /*#__PURE__*/ {
24
- 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, [
23
+ var BlockAccordion = function(_param) {
24
+ 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, [
25
25
  "items",
26
26
  "indent",
27
27
  "tabIndex",
28
28
  "opened",
29
29
  "onChange"
30
30
  ]);
31
- return (0, _jsxruntime.jsx)(_pijmacore.AccordionControl, {
31
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.AccordionControl, {
32
32
  items: items,
33
33
  opened: opened,
34
34
  onChange: onChange,
@@ -37,7 +37,7 @@ var BlockAccordion = function(_param) /*#__PURE__*/ {
37
37
  py: 3,
38
38
  children: renderProps.items.map(function(item, index) {
39
39
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Card, {
40
- 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,
40
+ 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,
41
41
  transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
42
42
  onMouseEnter: item.onMouseEnter,
43
43
  onMouseLeave: item.onMouseLeave,
@@ -77,8 +77,8 @@ var BlockAccordion = function(_param) /*#__PURE__*/ {
77
77
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
78
78
  px: BlockAccordionIndent[indent],
79
79
  pb: 4,
80
- display: item.opened ? "block" : "none",
81
- children: typeof item.content === "string" ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
80
+ display: item.opened ? 'block' : 'none',
81
+ children: typeof item.content === 'string' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
82
82
  size: "m",
83
83
  children: item.content
84
84
  }) : item.content
@@ -90,8 +90,8 @@ var BlockAccordion = function(_param) /*#__PURE__*/ {
90
90
  }
91
91
  });
92
92
  };
93
- BlockAccordion.displayName = "BlockAccordion";
93
+ BlockAccordion.displayName = 'BlockAccordion';
94
94
  BlockAccordion.defaultProps = {
95
- indent: "m",
95
+ indent: 'm',
96
96
  tabIndex: 0
97
97
  };
@@ -16,20 +16,20 @@ var _pijmacore = require("@qiwi/pijma-core");
16
16
  var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
17
17
  var BlockContentIdent = {
18
18
  s: 8,
19
- m: "44px 44px 48px",
20
- l: "44px 68px 48px"
19
+ m: '44px 44px 48px',
20
+ l: '44px 68px 48px'
21
21
  };
22
- var BlockContent = function(_param) /*#__PURE__*/ {
23
- var _param_indent = _param.indent, indent = _param_indent === void 0 ? "m" : _param_indent, children = _param.children, rest = _object_without_properties_loose._(_param, [
22
+ var BlockContent = function(_param) {
23
+ var _param_indent = _param.indent, indent = _param_indent === void 0 ? 'm' : _param_indent, children = _param.children, rest = _object_without_properties_loose._(_param, [
24
24
  "indent",
25
25
  "children"
26
26
  ]);
27
- return (0, _jsxruntime.jsx)(_pijmacore.Box, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
27
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, _extends._({}, (0, _pijmacore.getDataProps)(rest), {
28
28
  p: BlockContentIdent[indent],
29
29
  children: children
30
30
  }));
31
31
  };
32
- BlockContent.displayName = "BlockContent";
32
+ BlockContent.displayName = 'BlockContent';
33
33
  BlockContent.defaultProps = {
34
- indent: "m"
34
+ indent: 'm'
35
35
  };
@@ -41,18 +41,18 @@ var ContentIndent = {
41
41
  l: 6
42
42
  };
43
43
  var FlexOverflow = (0, _pijmacore.styled)(_pijmacore.Flex)({
44
- "&::-webkit-scrollbar": {
45
- display: "none"
44
+ '&::-webkit-scrollbar': {
45
+ display: 'none'
46
46
  },
47
- scrollbarWidth: "none",
48
- msOverflowStyle: "none",
49
- position: "relative"
47
+ scrollbarWidth: 'none',
48
+ msOverflowStyle: 'none',
49
+ position: 'relative'
50
50
  });
51
- FlexOverflow.displayName = "FlexOverflow";
51
+ FlexOverflow.displayName = 'FlexOverflow';
52
52
  var TabContent = (0, _pijmacore.styled)(_pijmacore.FlexItem)();
53
- TabContent.displayName = "TabContent";
53
+ TabContent.displayName = 'TabContent';
54
54
  var BlockTabs = function(_param) {
55
- 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, [
55
+ 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, [
56
56
  "items",
57
57
  "select",
58
58
  "tabIndex",
@@ -77,7 +77,7 @@ var BlockTabs = function(_param) {
77
77
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(FlexOverflow, {
78
78
  direction: "row",
79
79
  overflow: "auto",
80
- justify: centered ? "space-between" : "flex-start",
80
+ justify: centered ? 'space-between' : 'flex-start',
81
81
  children: [
82
82
  (Array.isArray(stub) ? stub : [
83
83
  true,
@@ -89,7 +89,7 @@ var BlockTabs = function(_param) {
89
89
  indent: index === arr.length - 1 ? 0 : 5,
90
90
  wrap: !centered,
91
91
  tabIndex: -1,
92
- icon: icon ? "qiwi" : undefined,
92
+ icon: icon ? 'qiwi' : undefined,
93
93
  vertical: vertical,
94
94
  select: false,
95
95
  width: centered ? 1 : undefined,
@@ -97,7 +97,7 @@ var BlockTabs = function(_param) {
97
97
  }, index);
98
98
  }),
99
99
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabBorder, {
100
- width: centered ? "calc(33% - 20px)" : vertical ? 13 : 21,
100
+ width: centered ? 'calc(33% - 20px)' : vertical ? 13 : 21,
101
101
  left: 0,
102
102
  radius: hr,
103
103
  stub: true
@@ -143,7 +143,7 @@ var BlockTabs = function(_param) {
143
143
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(FlexOverflow, {
144
144
  direction: "row",
145
145
  overflow: "auto",
146
- justify: centered ? "space-between" : "flex-start",
146
+ justify: centered ? 'space-between' : 'flex-start',
147
147
  children: [
148
148
  renderProps.items.map(function(item, index) {
149
149
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabHeader, {
@@ -189,7 +189,7 @@ var BlockTabs = function(_param) {
189
189
  items.map(function(param, index) {
190
190
  var content = param.content;
191
191
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(TabContent, {
192
- display: select === index ? "block" : "none",
192
+ display: select === index ? 'block' : 'none',
193
193
  pt: ContentIndent[indent],
194
194
  children: content
195
195
  }, index);
@@ -200,7 +200,7 @@ var BlockTabs = function(_param) {
200
200
  }
201
201
  });
202
202
  };
203
- BlockTabs.displayName = "BlockTabs";
203
+ BlockTabs.displayName = 'BlockTabs';
204
204
  BlockTabs.defaultProps = {
205
205
  select: 0,
206
206
  tabIndex: 0,
@@ -208,5 +208,5 @@ BlockTabs.defaultProps = {
208
208
  centered: false,
209
209
  stub: false,
210
210
  hr: true,
211
- indent: "m"
211
+ indent: 'm'
212
212
  };
@@ -50,4 +50,4 @@ var Breadcrumbs = function(_param) {
50
50
  })
51
51
  }));
52
52
  };
53
- Breadcrumbs.displayName = "Breadcrumbs";
53
+ Breadcrumbs.displayName = 'Breadcrumbs';
@@ -55,7 +55,7 @@ var stubWidth = {
55
55
  };
56
56
  var Button = function(props) {
57
57
  var theme = (0, _pijmacore.useTheme)();
58
- var _props_radius, _props_radius1;
58
+ var _props_radius;
59
59
  return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, {
60
60
  width: !props.icon || props.text ? 1 : buttonSize[props.size],
61
61
  height: buttonSize[props.size],
@@ -98,16 +98,17 @@ var Button = function(props) {
98
98
  onFocus: props.onFocus,
99
99
  onBlur: props.onBlur,
100
100
  children: function(renderProps) {
101
+ var _props_radius;
101
102
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Btn, _extends._({}, (0, _pijmacore.getDataProps)(props), {
102
103
  disabled: props.disabled,
103
104
  type: props.type,
104
105
  width: !props.icon || props.text ? 1 : buttonSize[props.size],
105
106
  height: buttonSize[props.size],
106
107
  minWidth: props.text ? buttonMinWith[props.size] : undefined,
107
- 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],
108
- b: props.disabled ? "none" : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind],
109
- r: (_props_radius1 = props.radius) != null ? _props_radius1 : buttonRadius[props.size],
110
- 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",
108
+ 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],
109
+ b: props.disabled ? 'none' : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind],
110
+ r: (_props_radius = props.radius) != null ? _props_radius : buttonRadius[props.size],
111
+ 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',
111
112
  transition: "box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
112
113
  onClick: renderProps.onClick,
113
114
  onFocus: renderProps.onFocus,
@@ -118,7 +119,7 @@ var Button = function(props) {
118
119
  type: "relative",
119
120
  width: 1,
120
121
  height: 1,
121
- cursor: props.disabled ? "not-allowed" : "pointer",
122
+ cursor: props.disabled ? 'not-allowed' : 'pointer',
122
123
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Flex, {
123
124
  align: "center",
124
125
  justify: "center",
@@ -145,7 +146,7 @@ var Button = function(props) {
145
146
  paused: !props.loading,
146
147
  width: 6,
147
148
  height: 6,
148
- color: props.disabled ? "#666" : theme.button.text.color[props.kind]
149
+ color: props.disabled ? '#666' : theme.button.text.color[props.kind]
149
150
  })
150
151
  })
151
152
  }),
@@ -158,7 +159,7 @@ var Button = function(props) {
158
159
  transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
159
160
  transform: "translateZ(0)",
160
161
  children: /*#__PURE__*/ (0, _react.cloneElement)(props.icon, {
161
- color: props.disabled ? "#666" : props.kind === "brand" ? "#fff" : "#000",
162
+ color: props.disabled ? '#666' : props.kind === 'brand' ? '#fff' : '#000',
162
163
  size: 1
163
164
  })
164
165
  }) : null,
@@ -170,7 +171,7 @@ var Button = function(props) {
170
171
  nowrap: true,
171
172
  display: "block",
172
173
  weight: 500,
173
- color: props.disabled ? "#666" : theme.button.text.color[props.kind],
174
+ color: props.disabled ? '#666' : theme.button.text.color[props.kind],
174
175
  size: textSize[props.size],
175
176
  height: textHeight[props.size],
176
177
  transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
@@ -185,4 +186,4 @@ var Button = function(props) {
185
186
  }
186
187
  });
187
188
  };
188
- Button.displayName = "Button";
189
+ Button.displayName = 'Button';
@@ -44,7 +44,7 @@ var Checkbox = function(props) {
44
44
  }
45
45
  });
46
46
  };
47
- Checkbox.displayName = "Checkbox";
47
+ Checkbox.displayName = 'Checkbox';
48
48
  Checkbox.defaultProps = {
49
49
  tabIndex: 0
50
50
  };
@@ -103,4 +103,4 @@ var CheckboxField = function(props) {
103
103
  }
104
104
  });
105
105
  };
106
- CheckboxField.displayName = "CheckboxField";
106
+ CheckboxField.displayName = 'CheckboxField';
@@ -17,24 +17,24 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
17
17
  var animation = function(count) {
18
18
  var _obj;
19
19
  return (0, _pijmacore.keyframes)((_obj = {
20
- "0%": {
21
- height: "48px"
20
+ '0%': {
21
+ height: '48px'
22
22
  }
23
23
  }, _obj["" + 1 / count * 50 + "%"] = {
24
- height: "40px"
24
+ height: '40px'
25
25
  }, _obj["" + 1 / count * 100 + "%"] = {
26
- height: "48px"
26
+ height: '48px'
27
27
  }, _obj));
28
28
  };
29
29
  var CodeField = function(_param) {
30
- 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, [
30
+ 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, [
31
31
  "length",
32
32
  "autoFocus",
33
33
  "loading",
34
34
  "type"
35
35
  ]);
36
36
  return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.Fragment, {
37
- children: new Array(length).fill("").map(function(_, index) {
37
+ children: new Array(length).fill('').map(function(_, index) {
38
38
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
39
39
  ml: index === 0 ? 0 : 3,
40
40
  display: "inline-block",
@@ -67,14 +67,14 @@ var CodeField = function(_param) {
67
67
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Input, {
68
68
  name: props.name,
69
69
  tabIndex: index === 0 ? 0 : -1,
70
- cursor: props.disabled ? "not-allowed" : undefined,
70
+ cursor: props.disabled ? 'not-allowed' : undefined,
71
71
  animation: loading ? animation(props.value.length) + " " + 450 * props.value.length + "ms ease-in-out " + 450 * index + "ms infinite" : undefined,
72
72
  autoFocus: autoFocus && index === 0,
73
73
  css: {
74
- textAlign: "center"
74
+ textAlign: 'center'
75
75
  },
76
76
  bg: "#F2F2F2",
77
- b: item.focused && !loading ? "1px solid #CCCCCC" : undefined,
77
+ b: item.focused && !loading ? '1px solid #CCCCCC' : undefined,
78
78
  autoComplete: "off",
79
79
  valueSize: 5,
80
80
  valueWeight: 400,
@@ -84,7 +84,7 @@ var CodeField = function(_param) {
84
84
  type: type,
85
85
  disabled: props.disabled || loading,
86
86
  ref: item.ref,
87
- value: loading ? "" : props.value[index],
87
+ value: loading ? '' : props.value[index],
88
88
  onChange: item.onChange,
89
89
  onClick: item.onClick,
90
90
  onFocus: item.onFocus,
@@ -110,4 +110,4 @@ var CodeField = function(_param) {
110
110
  }
111
111
  });
112
112
  };
113
- CodeField.displayName = "CodeField";
113
+ CodeField.displayName = 'CodeField';
@@ -19,14 +19,14 @@ var _link = require("../link/index.js");
19
19
  var _menu = require("../menu/index.js");
20
20
  var _typography = require("../typography/index.js");
21
21
  var CardMenuItem = (0, _pijmacore.styled)(_pijmacore.Card)().withComponent(_menu.MenuItem);
22
- CardMenuItem.displayName = "CardMenuItem";
23
- var ContentSuggest = function(_param) /*#__PURE__*/ {
22
+ CardMenuItem.displayName = 'CardMenuItem';
23
+ var ContentSuggest = function(_param) {
24
24
  var _param_equals = _param.equals, equals = _param_equals === void 0 ? function(a, b) {
25
25
  return a === b;
26
26
  } : _param_equals, props = _object_without_properties_loose._(_param, [
27
27
  "equals"
28
28
  ]);
29
- return (0, _jsxruntime.jsx)(_pijmacore.SuggestControl, {
29
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.SuggestControl, {
30
30
  value: props.value,
31
31
  suggest: props.suggest,
32
32
  items: props.items,
@@ -51,7 +51,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
51
51
  ref: renderProps.containerRef,
52
52
  width: 1,
53
53
  transition: "box-shadow " + (renderProps.focused ? 300 : 200) + "ms cubic-bezier(0.4, 0.0, 0.2, 1)",
54
- s: renderProps.focused ? "0 20px 64px 0 rgba(0, 0, 0, 0.16)" : "none",
54
+ s: renderProps.focused ? '0 20px 64px 0 rgba(0, 0, 0, 0.16)' : 'none',
55
55
  r: 10,
56
56
  children: [
57
57
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Box, {
@@ -60,7 +60,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
60
60
  onMouseLeave: renderProps.onInputMouseLeave,
61
61
  children: [
62
62
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.ContentInput, {
63
- value: props.suggest || "",
63
+ value: props.suggest || '',
64
64
  tabIndex: props.tabIndex,
65
65
  autoComplete: props.autoComplete,
66
66
  autoFocus: props.autoFocus,
@@ -156,7 +156,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
156
156
  props.total.text,
157
157
  props.total.link ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
158
158
  children: [
159
- " ",
159
+ ' ',
160
160
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.Link, {
161
161
  onClick: renderProps.onTotalClick,
162
162
  children: props.total.link.text
@@ -172,7 +172,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
172
172
  props.empty.text,
173
173
  props.empty.link ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
174
174
  children: [
175
- " ",
175
+ ' ',
176
176
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.Link, {
177
177
  onClick: renderProps.onEmptyClick,
178
178
  children: props.empty.link.text
@@ -194,7 +194,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
194
194
  }
195
195
  });
196
196
  };
197
- ContentSuggest.displayName = "ContentSuggest";
197
+ ContentSuggest.displayName = 'ContentSuggest';
198
198
  ContentSuggest.defaultProps = {
199
199
  equals: function(a, b) {
200
200
  return a === b;