@atlaskit/checkbox 17.2.3 → 17.3.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.
- package/CHANGELOG.md +13 -0
- package/dist/cjs/checkbox.js +1 -1
- package/dist/cjs/internal/checkbox-icon.js +13 -39
- package/dist/cjs/internal/label.compiled.css +1 -1
- package/dist/cjs/internal/label.js +1 -1
- package/dist/es2019/checkbox.js +1 -1
- package/dist/es2019/internal/checkbox-icon.js +13 -39
- package/dist/es2019/internal/label.compiled.css +1 -1
- package/dist/es2019/internal/label.js +1 -1
- package/dist/esm/checkbox.js +1 -1
- package/dist/esm/internal/checkbox-icon.js +13 -39
- package/dist/esm/internal/label.compiled.css +1 -1
- package/dist/esm/internal/label.js +1 -1
- package/package.json +9 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/checkbox
|
|
2
2
|
|
|
3
|
+
## 17.3.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 17.3.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
|
|
14
|
+
Clean up and removal of the `platform-visual-refresh-icons` feature flag.
|
|
15
|
+
|
|
3
16
|
## 17.2.3
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/dist/cjs/checkbox.js
CHANGED
|
@@ -77,7 +77,7 @@ var Checkbox = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
77
77
|
analyticsData: analyticsContext,
|
|
78
78
|
componentName: 'checkbox',
|
|
79
79
|
packageName: "@atlaskit/checkbox",
|
|
80
|
-
packageVersion: "17.
|
|
80
|
+
packageVersion: "17.3.0"
|
|
81
81
|
});
|
|
82
82
|
var internalRef = (0, _react.useRef)(null);
|
|
83
83
|
var mergedRefs = (0, _mergeRefs.default)([internalRef, ref]);
|
|
@@ -10,43 +10,24 @@ require("./checkbox-icon.compiled.css");
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var React = _react;
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
14
|
var svgStyles = null;
|
|
16
15
|
function getIcon(isIndeterminate, isChecked) {
|
|
17
16
|
if (isIndeterminate) {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
});
|
|
25
|
-
} else {
|
|
26
|
-
return /*#__PURE__*/React.createElement("rect", {
|
|
27
|
-
fill: "inherit",
|
|
28
|
-
x: "8",
|
|
29
|
-
y: "11",
|
|
30
|
-
width: "8",
|
|
31
|
-
height: "2",
|
|
32
|
-
rx: "1"
|
|
33
|
-
});
|
|
34
|
-
}
|
|
17
|
+
return /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
clipRule: "evenodd",
|
|
20
|
+
d: "M7.75 12.75H16.25V11.25H7.75V12.75Z",
|
|
21
|
+
fill: "inherit"
|
|
22
|
+
});
|
|
35
23
|
}
|
|
36
24
|
if (isChecked) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
});
|
|
44
|
-
} else {
|
|
45
|
-
return /*#__PURE__*/React.createElement("path", {
|
|
46
|
-
d: "M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
|
|
47
|
-
fill: "inherit"
|
|
48
|
-
});
|
|
49
|
-
}
|
|
25
|
+
return /*#__PURE__*/React.createElement("path", {
|
|
26
|
+
fillRule: "evenodd",
|
|
27
|
+
clipRule: "evenodd",
|
|
28
|
+
d: "M16.3262 9.48011L15.1738 8.51984L10.75 13.8284L8.82616 11.5198L7.67383 12.4801L10.1738 15.4801C10.3163 15.6511 10.5274 15.75 10.75 15.75C10.9726 15.75 11.1837 15.6511 11.3262 15.4801L16.3262 9.48011Z",
|
|
29
|
+
fill: "inherit"
|
|
30
|
+
});
|
|
50
31
|
}
|
|
51
32
|
|
|
52
33
|
// No icon
|
|
@@ -81,20 +62,13 @@ var CheckboxIcon = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
81
62
|
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
|
|
82
63
|
}, /*#__PURE__*/React.createElement("g", {
|
|
83
64
|
fillRule: "evenodd"
|
|
84
|
-
},
|
|
65
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
85
66
|
fill: "currentColor",
|
|
86
67
|
x: "5.5",
|
|
87
68
|
y: "5.5",
|
|
88
69
|
width: "13",
|
|
89
70
|
height: "13",
|
|
90
71
|
rx: "1.5"
|
|
91
|
-
}) : /*#__PURE__*/React.createElement("rect", {
|
|
92
|
-
fill: "currentColor",
|
|
93
|
-
x: "6",
|
|
94
|
-
y: "6",
|
|
95
|
-
width: "12",
|
|
96
|
-
height: "12",
|
|
97
|
-
rx: "2"
|
|
98
72
|
}), icon));
|
|
99
73
|
});
|
|
100
74
|
var _default = exports.default = CheckboxIcon;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._zulp1nu5{gap:var(--ds-space-0,0) var(--ds-space-050,4px)}
|
|
3
3
|
._13hr1j28{--local-tick-rest:transparent}
|
|
4
4
|
._18q0snw8{--local-tick-disabled:var(--_1xmcmw9)}
|
|
@@ -23,7 +23,7 @@ function Label(_ref) {
|
|
|
23
23
|
id = _ref.id,
|
|
24
24
|
xcss = _ref.xcss;
|
|
25
25
|
return /*#__PURE__*/React.createElement("label", {
|
|
26
|
-
className: (0, _runtime.ax)(["
|
|
26
|
+
className: (0, _runtime.ax)(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _syazovqm _80om73ad", label && "_zulp1nu5 _yv0ey09t", isDisabled && "_syaz7wap _80om13gf", "_h5e31kd8 _1nzs1kc0 _1esz1j4g _yp0j1ehr _ay2w1ouc _d51u12ci _phftddza _1g1fe69j _l6wk1j4g _1dik1ehr _1sfg1380 _fpdj1ouc _1yjc3zdg _oaj1ddza _1j3h1380 _eawbxz7c _1rdaeh7q _18q0snw8 _13hr1j28", xcss]),
|
|
27
27
|
"data-testid": testId,
|
|
28
28
|
"data-disabled": isDisabled || undefined,
|
|
29
29
|
id: id,
|
package/dist/es2019/checkbox.js
CHANGED
|
@@ -59,7 +59,7 @@ const Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox({
|
|
|
59
59
|
analyticsData: analyticsContext,
|
|
60
60
|
componentName: 'checkbox',
|
|
61
61
|
packageName: "@atlaskit/checkbox",
|
|
62
|
-
packageVersion: "17.
|
|
62
|
+
packageVersion: "17.3.0"
|
|
63
63
|
});
|
|
64
64
|
const internalRef = useRef(null);
|
|
65
65
|
const mergedRefs = mergeRefs([internalRef, ref]);
|
|
@@ -3,42 +3,23 @@ import "./checkbox-icon.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { memo, useMemo } from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
const svgStyles = null;
|
|
8
7
|
function getIcon(isIndeterminate, isChecked) {
|
|
9
8
|
if (isIndeterminate) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
});
|
|
17
|
-
} else {
|
|
18
|
-
return /*#__PURE__*/React.createElement("rect", {
|
|
19
|
-
fill: "inherit",
|
|
20
|
-
x: "8",
|
|
21
|
-
y: "11",
|
|
22
|
-
width: "8",
|
|
23
|
-
height: "2",
|
|
24
|
-
rx: "1"
|
|
25
|
-
});
|
|
26
|
-
}
|
|
9
|
+
return /*#__PURE__*/React.createElement("path", {
|
|
10
|
+
fillRule: "evenodd",
|
|
11
|
+
clipRule: "evenodd",
|
|
12
|
+
d: "M7.75 12.75H16.25V11.25H7.75V12.75Z",
|
|
13
|
+
fill: "inherit"
|
|
14
|
+
});
|
|
27
15
|
}
|
|
28
16
|
if (isChecked) {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
});
|
|
36
|
-
} else {
|
|
37
|
-
return /*#__PURE__*/React.createElement("path", {
|
|
38
|
-
d: "M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
|
|
39
|
-
fill: "inherit"
|
|
40
|
-
});
|
|
41
|
-
}
|
|
17
|
+
return /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
clipRule: "evenodd",
|
|
20
|
+
d: "M16.3262 9.48011L15.1738 8.51984L10.75 13.8284L8.82616 11.5198L7.67383 12.4801L10.1738 15.4801C10.3163 15.6511 10.5274 15.75 10.75 15.75C10.9726 15.75 11.1837 15.6511 11.3262 15.4801L16.3262 9.48011Z",
|
|
21
|
+
fill: "inherit"
|
|
22
|
+
});
|
|
42
23
|
}
|
|
43
24
|
|
|
44
25
|
// No icon
|
|
@@ -72,20 +53,13 @@ const CheckboxIcon = /*#__PURE__*/memo(({
|
|
|
72
53
|
className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
|
|
73
54
|
}, /*#__PURE__*/React.createElement("g", {
|
|
74
55
|
fillRule: "evenodd"
|
|
75
|
-
},
|
|
56
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
76
57
|
fill: "currentColor",
|
|
77
58
|
x: "5.5",
|
|
78
59
|
y: "5.5",
|
|
79
60
|
width: "13",
|
|
80
61
|
height: "13",
|
|
81
62
|
rx: "1.5"
|
|
82
|
-
}) : /*#__PURE__*/React.createElement("rect", {
|
|
83
|
-
fill: "currentColor",
|
|
84
|
-
x: "6",
|
|
85
|
-
y: "6",
|
|
86
|
-
width: "12",
|
|
87
|
-
height: "12",
|
|
88
|
-
rx: "2"
|
|
89
63
|
}), icon));
|
|
90
64
|
});
|
|
91
65
|
export default CheckboxIcon;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._zulp1nu5{gap:var(--ds-space-0,0) var(--ds-space-050,4px)}
|
|
3
3
|
._13hr1j28{--local-tick-rest:transparent}
|
|
4
4
|
._18q015t7{--local-tick-disabled:var(--ds-icon-disabled,#a5adba)}
|
|
@@ -16,7 +16,7 @@ export default function Label({
|
|
|
16
16
|
xcss
|
|
17
17
|
}) {
|
|
18
18
|
return /*#__PURE__*/React.createElement("label", {
|
|
19
|
-
className: ax(["
|
|
19
|
+
className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _syazj3m3 _80om73ad", label && "_zulp1nu5 _yv0ey09t", isDisabled && "_syaz1tvo _80om13gf", "_h5e3mag2 _1nzs11d3 _1eszzyvw _yp0jhh5a _ay2w1y1w _d51u10ko _phft1fmg _1g1funzk _l6wkzyvw _1dikhh5a _1sfg1q3k _fpdj1y1w _1yjc194a _oaj11fmg _1j3h1q3k _eawb1dzn _1rda1qbb _18q015t7 _13hr1j28", xcss]),
|
|
20
20
|
"data-testid": testId,
|
|
21
21
|
"data-disabled": isDisabled || undefined,
|
|
22
22
|
id: id
|
package/dist/esm/checkbox.js
CHANGED
|
@@ -68,7 +68,7 @@ var Checkbox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Checkbox(_ref
|
|
|
68
68
|
analyticsData: analyticsContext,
|
|
69
69
|
componentName: 'checkbox',
|
|
70
70
|
packageName: "@atlaskit/checkbox",
|
|
71
|
-
packageVersion: "17.
|
|
71
|
+
packageVersion: "17.3.0"
|
|
72
72
|
});
|
|
73
73
|
var internalRef = useRef(null);
|
|
74
74
|
var mergedRefs = mergeRefs([internalRef, ref]);
|
|
@@ -3,42 +3,23 @@ import "./checkbox-icon.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { memo, useMemo } from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
var svgStyles = null;
|
|
8
7
|
function getIcon(isIndeterminate, isChecked) {
|
|
9
8
|
if (isIndeterminate) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
});
|
|
17
|
-
} else {
|
|
18
|
-
return /*#__PURE__*/React.createElement("rect", {
|
|
19
|
-
fill: "inherit",
|
|
20
|
-
x: "8",
|
|
21
|
-
y: "11",
|
|
22
|
-
width: "8",
|
|
23
|
-
height: "2",
|
|
24
|
-
rx: "1"
|
|
25
|
-
});
|
|
26
|
-
}
|
|
9
|
+
return /*#__PURE__*/React.createElement("path", {
|
|
10
|
+
fillRule: "evenodd",
|
|
11
|
+
clipRule: "evenodd",
|
|
12
|
+
d: "M7.75 12.75H16.25V11.25H7.75V12.75Z",
|
|
13
|
+
fill: "inherit"
|
|
14
|
+
});
|
|
27
15
|
}
|
|
28
16
|
if (isChecked) {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
});
|
|
36
|
-
} else {
|
|
37
|
-
return /*#__PURE__*/React.createElement("path", {
|
|
38
|
-
d: "M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
|
|
39
|
-
fill: "inherit"
|
|
40
|
-
});
|
|
41
|
-
}
|
|
17
|
+
return /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
clipRule: "evenodd",
|
|
20
|
+
d: "M16.3262 9.48011L15.1738 8.51984L10.75 13.8284L8.82616 11.5198L7.67383 12.4801L10.1738 15.4801C10.3163 15.6511 10.5274 15.75 10.75 15.75C10.9726 15.75 11.1837 15.6511 11.3262 15.4801L16.3262 9.48011Z",
|
|
21
|
+
fill: "inherit"
|
|
22
|
+
});
|
|
42
23
|
}
|
|
43
24
|
|
|
44
25
|
// No icon
|
|
@@ -73,20 +54,13 @@ var CheckboxIcon = /*#__PURE__*/memo(function (_ref) {
|
|
|
73
54
|
className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
|
|
74
55
|
}, /*#__PURE__*/React.createElement("g", {
|
|
75
56
|
fillRule: "evenodd"
|
|
76
|
-
},
|
|
57
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
77
58
|
fill: "currentColor",
|
|
78
59
|
x: "5.5",
|
|
79
60
|
y: "5.5",
|
|
80
61
|
width: "13",
|
|
81
62
|
height: "13",
|
|
82
63
|
rx: "1.5"
|
|
83
|
-
}) : /*#__PURE__*/React.createElement("rect", {
|
|
84
|
-
fill: "currentColor",
|
|
85
|
-
x: "6",
|
|
86
|
-
y: "6",
|
|
87
|
-
width: "12",
|
|
88
|
-
height: "12",
|
|
89
|
-
rx: "2"
|
|
90
64
|
}), icon));
|
|
91
65
|
});
|
|
92
66
|
export default CheckboxIcon;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._zulp1nu5{gap:var(--ds-space-0,0) var(--ds-space-050,4px)}
|
|
3
3
|
._13hr1j28{--local-tick-rest:transparent}
|
|
4
4
|
._18q0snw8{--local-tick-disabled:var(--_1xmcmw9)}
|
|
@@ -15,7 +15,7 @@ export default function Label(_ref) {
|
|
|
15
15
|
id = _ref.id,
|
|
16
16
|
xcss = _ref.xcss;
|
|
17
17
|
return /*#__PURE__*/React.createElement("label", {
|
|
18
|
-
className: ax(["
|
|
18
|
+
className: ax(["_11c8fhey _1e0c11p5 _1ejihkll _umai184x _syazovqm _80om73ad", label && "_zulp1nu5 _yv0ey09t", isDisabled && "_syaz7wap _80om13gf", "_h5e31kd8 _1nzs1kc0 _1esz1j4g _yp0j1ehr _ay2w1ouc _d51u12ci _phftddza _1g1fe69j _l6wk1j4g _1dik1ehr _1sfg1380 _fpdj1ouc _1yjc3zdg _oaj1ddza _1j3h1380 _eawbxz7c _1rdaeh7q _18q0snw8 _13hr1j28", xcss]),
|
|
19
19
|
"data-testid": testId,
|
|
20
20
|
"data-disabled": isDisabled || undefined,
|
|
21
21
|
id: id,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/checkbox",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.3.1",
|
|
4
4
|
"description": "A checkbox is an input control that allows a user to select one or more options from a number of choices.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@atlaskit/ds-lib": "^5.3.0",
|
|
38
38
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
39
39
|
"@atlaskit/theme": "^21.0.0",
|
|
40
|
-
"@atlaskit/tokens": "^
|
|
40
|
+
"@atlaskit/tokens": "^10.0.0",
|
|
41
41
|
"@babel/runtime": "^7.0.0",
|
|
42
42
|
"@compiled/react": "^0.18.6"
|
|
43
43
|
},
|
|
@@ -47,15 +47,16 @@
|
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@af/accessibility-testing": "workspace:^",
|
|
49
49
|
"@af/integration-testing": "workspace:^",
|
|
50
|
+
"@af/suppress-react-warnings": "workspace:^",
|
|
50
51
|
"@af/visual-regression": "workspace:^",
|
|
51
52
|
"@atlaskit/button": "^23.9.0",
|
|
52
|
-
"@atlaskit/docs": "^11.
|
|
53
|
-
"@atlaskit/form": "^15.
|
|
54
|
-
"@atlaskit/link": "^3.
|
|
55
|
-
"@atlaskit/primitives": "^17.
|
|
56
|
-
"@atlaskit/section-message": "^8.
|
|
53
|
+
"@atlaskit/docs": "^11.3.0",
|
|
54
|
+
"@atlaskit/form": "^15.3.0",
|
|
55
|
+
"@atlaskit/link": "^3.3.0",
|
|
56
|
+
"@atlaskit/primitives": "^17.1.0",
|
|
57
|
+
"@atlaskit/section-message": "^8.12.0",
|
|
57
58
|
"@atlassian/ssr-tests": "workspace:^",
|
|
58
|
-
"@testing-library/react": "^
|
|
59
|
+
"@testing-library/react": "^16.3.0",
|
|
59
60
|
"jscodeshift": "^17.0.0",
|
|
60
61
|
"react-dom": "^18.2.0",
|
|
61
62
|
"storybook-addon-performance": "^0.17.3"
|