@qiwi/pijma-mobile 1.163.1 → 1.164.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 (103) hide show
  1. package/package.json +11 -11
  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 +11 -11
  5. package/target/es5/alert-block/AlertBlock.js +27 -27
  6. package/target/es5/block-accordion/BlockAccordion.js +4 -4
  7. package/target/es5/block-content/BlockContent.js +3 -3
  8. package/target/es5/block-tabs/BlockTabs.js +15 -15
  9. package/target/es5/breadcrumbs/Breadcrumbs.js +1 -1
  10. package/target/es5/button/Button.js +10 -9
  11. package/target/es5/checkbox/Checkbox.js +1 -1
  12. package/target/es5/checkbox-field/CheckboxField.js +1 -1
  13. package/target/es5/code-field/CodeField.js +11 -11
  14. package/target/es5/content-suggest/ContentSuggest.js +8 -8
  15. package/target/es5/custom-alert/CustomAlert.js +2 -2
  16. package/target/es5/details/Details.js +25 -25
  17. package/target/es5/drop-up/DropUp.js +10 -10
  18. package/target/es5/extended-progress-bar/ExtendedProgressBar.js +6 -6
  19. package/target/es5/footer-app/FooterApp.js +2 -2
  20. package/target/es5/footer-nav/FooterNav.js +2 -2
  21. package/target/es5/footer-out/FooterOut.js +7 -7
  22. package/target/es5/glossary/Glossary.js +1 -1
  23. package/target/es5/header/Header.js +3 -3
  24. package/target/es5/header/HeaderMenu.js +16 -16
  25. package/target/es5/hint/Hint.js +1 -1
  26. package/target/es5/index.js +3 -3
  27. package/target/es5/input-modal/InputModal.js +7 -7
  28. package/target/es5/link/BlockLink.js +2 -2
  29. package/target/es5/link/FileLink.js +3 -3
  30. package/target/es5/link/Link.js +1 -1
  31. package/target/es5/link/SectionLink.js +2 -2
  32. package/target/es5/list/List.js +10 -10
  33. package/target/es5/logo-block-link/LogoBlockLink.js +4 -4
  34. package/target/es5/logo-link/LogoLink.js +5 -5
  35. package/target/es5/markdown/Markdown.js +28 -20
  36. package/target/es5/menu/MenuCaption.js +1 -1
  37. package/target/es5/menu/MenuContainer.js +1 -1
  38. package/target/es5/menu/MenuItem.js +8 -8
  39. package/target/es5/menu/MenuLink.js +2 -2
  40. package/target/es5/modal/SimpleModal.js +5 -5
  41. package/target/es5/nav-link/NavLink.js +2 -2
  42. package/target/es5/notice/Notice.js +1 -1
  43. package/target/es5/oops/Oops.js +8 -8
  44. package/target/es5/pagination/Pagination.js +5 -5
  45. package/target/es5/pagination/PaginationLink.js +3 -3
  46. package/target/es5/password-field/PasswordField.js +4 -4
  47. package/target/es5/phone-field/PhoneField.js +5 -5
  48. package/target/es5/progress-bar/ProgressBar.js +2 -2
  49. package/target/es5/radio-field/RadioField.js +1 -1
  50. package/target/es5/rating/Rating.js +4 -4
  51. package/target/es5/select-field/SelectField.js +3 -3
  52. package/target/es5/status/Status.js +2 -2
  53. package/target/es5/suggest-field/SuggestField.js +10 -10
  54. package/target/es5/switch/Switch.js +3 -3
  55. package/target/es5/switch-field/SwitchField.js +3 -3
  56. package/target/es5/tabs/Tabs.js +12 -12
  57. package/target/es5/text-area-field/TextAreaField.js +3 -3
  58. package/target/es5/text-field/TextField.js +1 -1
  59. package/target/es5/typography/Caption.js +7 -7
  60. package/target/es5/typography/Heading.js +11 -11
  61. package/target/es5/typography/Paragraph.js +8 -8
  62. package/target/es5/typography/Text.js +7 -7
  63. package/target/es5/typography/Title.js +9 -9
  64. package/target/es6/alert/Alert.js +1 -1
  65. package/target/es6/alert-block/AlertBlock.js +1 -1
  66. package/target/es6/block-accordion/BlockAccordion.js +1 -1
  67. package/target/es6/block-content/BlockContent.js +1 -1
  68. package/target/es6/block-tabs/BlockTabs.js +2 -2
  69. package/target/es6/breadcrumbs/Breadcrumbs.js +2 -2
  70. package/target/es6/code-field/CodeField.js +1 -1
  71. package/target/es6/content-suggest/ContentSuggest.js +1 -1
  72. package/target/es6/custom-alert/CustomAlert.js +1 -1
  73. package/target/es6/details/Details.js +1 -1
  74. package/target/es6/extended-progress-bar/ExtendedProgressBar.js +1 -1
  75. package/target/es6/footer-app/FooterApp.js +1 -1
  76. package/target/es6/footer-nav/FooterNav.js +1 -1
  77. package/target/es6/footer-out/FooterOut.js +1 -1
  78. package/target/es6/glossary/Glossary.js +1 -1
  79. package/target/es6/header/Header.js +1 -1
  80. package/target/es6/header/HeaderMenu.js +1 -1
  81. package/target/es6/hint/Hint.js +1 -1
  82. package/target/es6/list/List.js +1 -1
  83. package/target/es6/logo-block-link/LogoBlockLink.js +1 -1
  84. package/target/es6/logo-link/LogoLink.js +1 -1
  85. package/target/es6/markdown/Markdown.js +24 -14
  86. package/target/es6/menu/MenuCaption.js +1 -1
  87. package/target/es6/menu/MenuContainer.js +1 -1
  88. package/target/es6/menu/MenuItem.js +1 -1
  89. package/target/es6/modal/SimpleModal.js +1 -1
  90. package/target/es6/notice/Notice.js +1 -1
  91. package/target/es6/oops/Oops.js +1 -1
  92. package/target/es6/pagination/Pagination.js +3 -3
  93. package/target/es6/phone-field/PhoneField.js +1 -1
  94. package/target/es6/progress-bar/ProgressBar.js +1 -1
  95. package/target/es6/rating/Rating.js +1 -1
  96. package/target/es6/status/Status.js +1 -1
  97. package/target/es6/suggest-field/SuggestField.js +1 -1
  98. package/target/es6/tabs/Tabs.js +2 -2
  99. package/target/es6/typography/Caption.js +1 -1
  100. package/target/es6/typography/Heading.js +1 -1
  101. package/target/es6/typography/Paragraph.js +1 -1
  102. package/target/es6/typography/Text.js +1 -1
  103. package/target/es6/typography/Title.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qiwi/pijma-mobile",
3
- "version": "1.163.1",
3
+ "version": "1.164.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,13 +34,13 @@
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",
@@ -48,7 +48,7 @@
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",
@@ -58,8 +58,8 @@
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
  }
@@ -31,4 +31,4 @@ var Actions = function(props) {
31
31
  })
32
32
  });
33
33
  };
34
- Actions.displayName = "Actions";
34
+ Actions.displayName = 'Actions';
@@ -15,19 +15,19 @@ var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
15
15
  var _link = require("../link/index.js");
16
16
  var _typography = require("../typography/index.js");
17
17
  var AlertIconColor = {
18
- success: "#4bbd5c",
19
- warning: "#ff8c00",
20
- failure: "#d0021b",
21
- general: "#666666"
18
+ success: '#4bbd5c',
19
+ warning: '#ff8c00',
20
+ failure: '#d0021b',
21
+ general: '#666666'
22
22
  };
23
23
  var AlertIconName = {
24
- success: "success",
25
- warning: "warning",
26
- failure: "attention",
27
- general: "info"
24
+ success: 'success',
25
+ warning: 'warning',
26
+ failure: 'attention',
27
+ general: 'info'
28
28
  };
29
29
  var Alert = function(param) {
30
- 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;
30
+ 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;
31
31
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.AlertControl, {
32
32
  onHide: onHide,
33
33
  children: function(renderProps) {
@@ -80,7 +80,7 @@ var Alert = function(param) {
80
80
  }
81
81
  });
82
82
  };
83
- Alert.displayName = "Alert";
83
+ Alert.displayName = 'Alert';
84
84
  Alert.defaultProps = {
85
- type: "general"
85
+ type: 'general'
86
86
  };
@@ -14,43 +14,43 @@ var _pijmacore = require("@qiwi/pijma-core");
14
14
  var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
15
15
  var _typography = require("../typography/index.js");
16
16
  var AlertBlockBackground = {
17
- success: "#EDF8EF",
18
- waiting: "#FFF8E6",
19
- warning: "#FF8C001A",
20
- failure: "#FAE6E8",
21
- info: "#F5F5F5",
22
- promo: "#2D3540"
17
+ success: '#EDF8EF',
18
+ waiting: '#FFF8E6',
19
+ warning: '#FF8C001A',
20
+ failure: '#FAE6E8',
21
+ info: '#F5F5F5',
22
+ promo: '#2D3540'
23
23
  };
24
24
  var AlertBlockIcon = {
25
25
  success: {
26
- name: "success",
27
- color: "#4BBD5C",
28
- bg: "#fff"
26
+ name: 'success',
27
+ color: '#4BBD5C',
28
+ bg: '#fff'
29
29
  },
30
30
  waiting: {
31
- name: "clock-solid",
32
- color: "#FFB800",
33
- bg: "#fff"
31
+ name: 'clock-solid',
32
+ color: '#FFB800',
33
+ bg: '#fff'
34
34
  },
35
35
  warning: {
36
- name: "attention",
37
- color: "#FF8C00",
38
- bg: "#fff"
36
+ name: 'attention',
37
+ color: '#FF8C00',
38
+ bg: '#fff'
39
39
  },
40
40
  failure: {
41
- name: "attention",
42
- color: "#D0021B",
43
- bg: "#fff"
41
+ name: 'attention',
42
+ color: '#D0021B',
43
+ bg: '#fff'
44
44
  },
45
45
  info: {
46
- name: "info",
47
- color: "#E6E6E6",
48
- bg: "#666666"
46
+ name: 'info',
47
+ color: '#E6E6E6',
48
+ bg: '#666666'
49
49
  },
50
50
  promo: {
51
- name: "success",
52
- color: "#4BBD5C",
53
- bg: "#fff"
51
+ name: 'success',
52
+ color: '#4BBD5C',
53
+ bg: '#fff'
54
54
  }
55
55
  };
56
56
  var AlertBlock = function(param) {
@@ -100,7 +100,7 @@ var AlertBlock = function(param) {
100
100
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
101
101
  size: "s",
102
102
  bold: true,
103
- color: type === "promo" ? "inverse" : "default",
103
+ color: type === 'promo' ? 'inverse' : 'default',
104
104
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Breaker, {
105
105
  children: children
106
106
  })
@@ -115,7 +115,7 @@ var AlertBlock = function(param) {
115
115
  onMouseEnter: renderProps.onCloseMouseEnter,
116
116
  onMouseLeave: renderProps.onCloseMouseLeave,
117
117
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
118
- color: type === "promo" ? "#999" : "#666",
118
+ color: type === 'promo' ? '#999' : '#666',
119
119
  size: 6,
120
120
  name: "cross-small"
121
121
  })
@@ -126,4 +126,4 @@ var AlertBlock = function(param) {
126
126
  }
127
127
  });
128
128
  };
129
- AlertBlock.displayName = "AlertBlock";
129
+ AlertBlock.displayName = 'AlertBlock';
@@ -24,7 +24,7 @@ var BlockAccordion = function(param) {
24
24
  py: 2,
25
25
  children: renderProps.items.map(function(item, index) {
26
26
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Card, {
27
- s: index > 0 ? "0 -1px 0 #e6e6e6" : undefined,
27
+ s: index > 0 ? '0 -1px 0 #e6e6e6' : undefined,
28
28
  transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
29
29
  onMouseEnter: item.onMouseEnter,
30
30
  onMouseLeave: item.onMouseLeave,
@@ -64,8 +64,8 @@ var BlockAccordion = function(param) {
64
64
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
65
65
  px: 4,
66
66
  pb: 4,
67
- display: item.opened ? "block" : "none",
68
- children: typeof item.content === "string" ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
67
+ display: item.opened ? 'block' : 'none',
68
+ children: typeof item.content === 'string' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_typography.Paragraph, {
69
69
  size: "s",
70
70
  children: item.content
71
71
  }) : item.content
@@ -77,7 +77,7 @@ var BlockAccordion = function(param) {
77
77
  }
78
78
  });
79
79
  };
80
- BlockAccordion.displayName = "BlockAccordion";
80
+ BlockAccordion.displayName = 'BlockAccordion';
81
81
  BlockAccordion.defaultProps = {
82
82
  tabIndex: 0
83
83
  };
@@ -17,13 +17,13 @@ var BlockContentIdent = {
17
17
  l: 6
18
18
  };
19
19
  var BlockContent = function(param) {
20
- var _param_indent = param.indent, indent = _param_indent === void 0 ? "m" : _param_indent, children = param.children;
20
+ var _param_indent = param.indent, indent = _param_indent === void 0 ? 'm' : _param_indent, children = param.children;
21
21
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
22
22
  p: BlockContentIdent[indent],
23
23
  children: children
24
24
  });
25
25
  };
26
- BlockContent.displayName = "BlockContent";
26
+ BlockContent.displayName = 'BlockContent';
27
27
  BlockContent.defaultProps = {
28
- indent: "m"
28
+ indent: 'm'
29
29
  };
@@ -28,18 +28,18 @@ var BlockTabsIndent = {
28
28
  ]
29
29
  };
30
30
  var FlexOverflow = (0, _pijmacore.styled)(_pijmacore.Flex)({
31
- "&::-webkit-scrollbar": {
32
- display: "none"
31
+ '&::-webkit-scrollbar': {
32
+ display: 'none'
33
33
  },
34
- scrollbarWidth: "none",
35
- msOverflowStyle: "none",
36
- position: "relative"
34
+ scrollbarWidth: 'none',
35
+ msOverflowStyle: 'none',
36
+ position: 'relative'
37
37
  });
38
- FlexOverflow.displayName = "FlexOverflow";
38
+ FlexOverflow.displayName = 'FlexOverflow';
39
39
  var TabContent = (0, _pijmacore.styled)(_pijmacore.FlexItem)();
40
- TabContent.displayName = "TabContent";
40
+ TabContent.displayName = 'TabContent';
41
41
  var BlockTabs = function(param) {
42
- 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;
42
+ 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;
43
43
  return stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Pos, {
44
44
  type: "relative",
45
45
  children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Flex, {
@@ -52,7 +52,7 @@ var BlockTabs = function(param) {
52
52
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(FlexOverflow, {
53
53
  direction: "row",
54
54
  overflow: "auto",
55
- justify: centered ? "space-between" : "flex-start",
55
+ justify: centered ? 'space-between' : 'flex-start',
56
56
  children: [
57
57
  (Array.isArray(stub) ? stub : [
58
58
  true,
@@ -64,7 +64,7 @@ var BlockTabs = function(param) {
64
64
  indent: index === arr.length - 1 ? 0 : 5,
65
65
  wrap: !centered,
66
66
  tabIndex: -1,
67
- icon: icon ? "qiwi" : undefined,
67
+ icon: icon ? 'qiwi' : undefined,
68
68
  vertical: vertical,
69
69
  select: false,
70
70
  width: centered ? 1 : undefined,
@@ -72,7 +72,7 @@ var BlockTabs = function(param) {
72
72
  }, index);
73
73
  }),
74
74
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabBorder, {
75
- width: centered ? "calc(33% - 20px)" : vertical ? 13 : 21,
75
+ width: centered ? 'calc(33% - 20px)' : vertical ? 13 : 21,
76
76
  left: 0,
77
77
  radius: hr,
78
78
  stub: true
@@ -118,7 +118,7 @@ var BlockTabs = function(param) {
118
118
  /*#__PURE__*/ (0, _jsxruntime.jsxs)(FlexOverflow, {
119
119
  direction: "row",
120
120
  overflow: "auto",
121
- justify: centered ? "space-between" : "flex-start",
121
+ justify: centered ? 'space-between' : 'flex-start',
122
122
  children: [
123
123
  renderProps.items.map(function(item, index) {
124
124
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.TabHeader, {
@@ -164,7 +164,7 @@ var BlockTabs = function(param) {
164
164
  items.map(function(param, index) {
165
165
  var content = param.content;
166
166
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(TabContent, {
167
- display: select === index ? "block" : "none",
167
+ display: select === index ? 'block' : 'none',
168
168
  pt: 4,
169
169
  children: content
170
170
  }, index);
@@ -175,7 +175,7 @@ var BlockTabs = function(param) {
175
175
  }
176
176
  });
177
177
  };
178
- BlockTabs.displayName = "BlockTabs";
178
+ BlockTabs.displayName = 'BlockTabs';
179
179
  BlockTabs.defaultProps = {
180
180
  select: 0,
181
181
  tabIndex: 0,
@@ -183,5 +183,5 @@ BlockTabs.defaultProps = {
183
183
  centered: false,
184
184
  stub: false,
185
185
  hr: true,
186
- indent: "m"
186
+ indent: 'm'
187
187
  };
@@ -46,4 +46,4 @@ var Breadcrumbs = function(param) {
46
46
  })
47
47
  });
48
48
  };
49
- Breadcrumbs.displayName = "Breadcrumbs";
49
+ Breadcrumbs.displayName = 'Breadcrumbs';
@@ -59,7 +59,7 @@ var stubWidth = {
59
59
  };
60
60
  var Button = function(props) {
61
61
  var theme = (0, _pijmacore.useTheme)();
62
- var _props_radius, _props_radius1;
62
+ var _props_radius;
63
63
  return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Card, {
64
64
  width: !props.icon || props.text ? 1 : buttonSize[props.size],
65
65
  height: buttonSize[props.size],
@@ -101,14 +101,15 @@ var Button = function(props) {
101
101
  onFocus: props.onFocus,
102
102
  onBlur: props.onBlur,
103
103
  children: function(renderProps) {
104
+ var _props_radius;
104
105
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Btn, {
105
106
  disabled: props.disabled,
106
107
  type: props.type,
107
108
  width: !props.icon || props.text ? 1 : buttonSize[props.size],
108
109
  height: buttonSize[props.size],
109
- bg: props.disabled ? "#e6e6e6" : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : theme.button.bg.kind[props.kind],
110
- b: props.disabled ? "none" : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind],
111
- r: (_props_radius1 = props.radius) != null ? _props_radius1 : buttonRadius[props.size],
110
+ bg: props.disabled ? '#e6e6e6' : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : theme.button.bg.kind[props.kind],
111
+ b: props.disabled ? 'none' : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind],
112
+ r: (_props_radius = props.radius) != null ? _props_radius : buttonRadius[props.size],
112
113
  transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
113
114
  onClick: renderProps.onClick,
114
115
  onFocus: renderProps.onFocus,
@@ -119,7 +120,7 @@ var Button = function(props) {
119
120
  type: "relative",
120
121
  width: 1,
121
122
  height: 1,
122
- cursor: props.disabled ? "not-allowed" : "pointer",
123
+ cursor: props.disabled ? 'not-allowed' : 'pointer',
123
124
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Flex, {
124
125
  align: "center",
125
126
  justify: "center",
@@ -146,7 +147,7 @@ var Button = function(props) {
146
147
  paused: !props.loading,
147
148
  width: iconSize[props.size],
148
149
  height: iconSize[props.size],
149
- color: props.disabled ? "#666" : theme.button.text.color[props.kind]
150
+ color: props.disabled ? '#666' : theme.button.text.color[props.kind]
150
151
  })
151
152
  })
152
153
  }),
@@ -159,7 +160,7 @@ var Button = function(props) {
159
160
  transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
160
161
  transform: "translateZ(0)",
161
162
  children: /*#__PURE__*/ (0, _react.cloneElement)(props.icon, {
162
- color: props.disabled ? "#666" : props.kind === "brand" ? "#fff" : "#000",
163
+ color: props.disabled ? '#666' : props.kind === 'brand' ? '#fff' : '#000',
163
164
  size: 1
164
165
  })
165
166
  }) : null,
@@ -171,7 +172,7 @@ var Button = function(props) {
171
172
  nowrap: true,
172
173
  display: "block",
173
174
  weight: 500,
174
- color: props.disabled ? "#666" : theme.button.text.color[props.kind],
175
+ color: props.disabled ? '#666' : theme.button.text.color[props.kind],
175
176
  size: textSize[props.size],
176
177
  height: textHeight[props.size],
177
178
  transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
@@ -186,4 +187,4 @@ var Button = function(props) {
186
187
  }
187
188
  });
188
189
  };
189
- Button.displayName = "Button";
190
+ Button.displayName = 'Button';
@@ -43,7 +43,7 @@ var Checkbox = function(props) {
43
43
  }
44
44
  });
45
45
  };
46
- Checkbox.displayName = "Checkbox";
46
+ Checkbox.displayName = 'Checkbox';
47
47
  Checkbox.defaultProps = {
48
48
  tabIndex: 0
49
49
  };
@@ -102,4 +102,4 @@ var CheckboxField = function(props) {
102
102
  }
103
103
  });
104
104
  };
105
- CheckboxField.displayName = "CheckboxField";
105
+ CheckboxField.displayName = 'CheckboxField';
@@ -16,24 +16,24 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
16
16
  var animation = function(count) {
17
17
  var _obj;
18
18
  return (0, _pijmacore.keyframes)((_obj = {
19
- "0%": {
20
- height: "48px"
19
+ '0%': {
20
+ height: '48px'
21
21
  }
22
22
  }, _obj["" + 1 / count * 50 + "%"] = {
23
- height: "40px"
23
+ height: '40px'
24
24
  }, _obj["" + 1 / count * 100 + "%"] = {
25
- height: "48px"
25
+ height: '48px'
26
26
  }, _obj));
27
27
  };
28
28
  var CodeField = function(_param) {
29
- 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, [
29
+ 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
30
  "length",
31
31
  "autoFocus",
32
32
  "loading",
33
33
  "type"
34
34
  ]);
35
35
  return props.stub ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.Fragment, {
36
- children: new Array(length).fill("").map(function(_, index) {
36
+ children: new Array(length).fill('').map(function(_, index) {
37
37
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
38
38
  ml: index === 0 ? 0 : 3,
39
39
  display: "inline-block",
@@ -66,14 +66,14 @@ var CodeField = function(_param) {
66
66
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Input, {
67
67
  name: props.name,
68
68
  tabIndex: index === 0 ? 0 : -1,
69
- cursor: props.disabled ? "not-allowed" : undefined,
69
+ cursor: props.disabled ? 'not-allowed' : undefined,
70
70
  animation: loading ? animation(props.value.length) + " " + 450 * props.value.length + "ms ease-in-out " + 450 * index + "ms infinite" : undefined,
71
71
  autoFocus: autoFocus && index === 0,
72
72
  css: {
73
- textAlign: "center"
73
+ textAlign: 'center'
74
74
  },
75
75
  bg: "#F2F2F2",
76
- b: item.focused && !loading ? "1px solid #CCCCCC" : undefined,
76
+ b: item.focused && !loading ? '1px solid #CCCCCC' : undefined,
77
77
  autoComplete: "off",
78
78
  valueSize: 5,
79
79
  valueWeight: 400,
@@ -83,7 +83,7 @@ var CodeField = function(_param) {
83
83
  type: type,
84
84
  disabled: props.disabled || loading,
85
85
  ref: item.ref,
86
- value: loading ? "" : props.value[index],
86
+ value: loading ? '' : props.value[index],
87
87
  onChange: item.onChange,
88
88
  onClick: item.onClick,
89
89
  onFocus: item.onFocus,
@@ -109,4 +109,4 @@ var CodeField = function(_param) {
109
109
  }
110
110
  });
111
111
  };
112
- CodeField.displayName = "CodeField";
112
+ CodeField.displayName = 'CodeField';
@@ -18,14 +18,14 @@ var _link = require("../link/index.js");
18
18
  var _menu = require("../menu/index.js");
19
19
  var _typography = require("../typography/index.js");
20
20
  var CardMenuItem = (0, _pijmacore.styled)(_pijmacore.Card)().withComponent(_menu.MenuItem);
21
- CardMenuItem.displayName = "CardMenuItem";
22
- var ContentSuggest = function(_param) /*#__PURE__*/ {
21
+ CardMenuItem.displayName = 'CardMenuItem';
22
+ var ContentSuggest = function(_param) {
23
23
  var _param_equals = _param.equals, equals = _param_equals === void 0 ? function(a, b) {
24
24
  return a === b;
25
25
  } : _param_equals, props = _object_without_properties_loose._(_param, [
26
26
  "equals"
27
27
  ]);
28
- return (0, _jsxruntime.jsx)(_pijmacore.SuggestControl, {
28
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.SuggestControl, {
29
29
  value: props.value,
30
30
  suggest: props.suggest,
31
31
  items: props.items,
@@ -48,7 +48,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
48
48
  onMouseLeave: renderProps.onInputMouseLeave,
49
49
  children: [
50
50
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.ContentInput, {
51
- value: props.suggest || "",
51
+ value: props.suggest || '',
52
52
  type: "search",
53
53
  error: false,
54
54
  tabIndex: props.tabIndex,
@@ -81,7 +81,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
81
81
  onKeyDown: renderProps.onModalItemKeyDown,
82
82
  children: function(menuRenderProps) {
83
83
  return /*#__PURE__*/ (0, _jsxruntime.jsx)(_inputmodal.InputModal, {
84
- value: props.suggest || "",
84
+ value: props.suggest || '',
85
85
  tabIndex: props.tabIndex,
86
86
  autoComplete: props.autoComplete,
87
87
  placeholder: props.placeholder,
@@ -135,7 +135,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
135
135
  props.total.text,
136
136
  props.total.link ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
137
137
  children: [
138
- " ",
138
+ ' ',
139
139
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.Link, {
140
140
  onClick: renderProps.onTotalClick,
141
141
  children: props.total.link.text
@@ -151,7 +151,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
151
151
  props.empty.text,
152
152
  props.empty.link ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
153
153
  children: [
154
- " ",
154
+ ' ',
155
155
  /*#__PURE__*/ (0, _jsxruntime.jsx)(_link.Link, {
156
156
  onClick: renderProps.onEmptyClick,
157
157
  children: props.empty.link.text
@@ -171,7 +171,7 @@ var ContentSuggest = function(_param) /*#__PURE__*/ {
171
171
  }
172
172
  });
173
173
  };
174
- ContentSuggest.displayName = "ContentSuggest";
174
+ ContentSuggest.displayName = 'ContentSuggest';
175
175
  ContentSuggest.defaultProps = {
176
176
  equals: function(a, b) {
177
177
  return a === b;
@@ -58,7 +58,7 @@ var CustomAlert = function(_param) {
58
58
  onMouseLeave: renderProps.onCloseMouseLeave,
59
59
  children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
60
60
  size: 6,
61
- color: textColor === "inverse" ? "#999" : "#666",
61
+ color: textColor === 'inverse' ? '#999' : '#666',
62
62
  name: "cross-small"
63
63
  })
64
64
  }) : null
@@ -68,4 +68,4 @@ var CustomAlert = function(_param) {
68
68
  }
69
69
  });
70
70
  };
71
- CustomAlert.displayName = "CustomAlert";
71
+ CustomAlert.displayName = 'CustomAlert';