@atlaskit/textarea 6.0.0 → 7.0.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 +25 -0
- package/dist/cjs/text-area.compiled.css +3 -3
- package/dist/cjs/text-area.js +4 -4
- package/dist/es2019/text-area.compiled.css +3 -3
- package/dist/es2019/text-area.js +4 -4
- package/dist/esm/text-area.compiled.css +3 -3
- package/dist/esm/text-area.js +4 -4
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/textarea
|
|
2
2
|
|
|
3
|
+
## 7.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 7.0.0
|
|
10
|
+
|
|
11
|
+
### Major Changes
|
|
12
|
+
|
|
13
|
+
- [#113290](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113290)
|
|
14
|
+
[`a8634aba15b6a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a8634aba15b6a) -
|
|
15
|
+
Migrated from `@emotion/react` to `@compiled/react` in order to improve performance, align with
|
|
16
|
+
the rest of the Atlaskit techstack, and support React 18 Streaming SSR. Please note, in order to
|
|
17
|
+
use this version of `@atlaskit/textarea`, you will need to ensure that your bundler is configured
|
|
18
|
+
to handle `.css` imports correctly.
|
|
19
|
+
|
|
20
|
+
Most bundlers come with built-in support for `.css` imports, so you may not need to do anything.
|
|
21
|
+
If you are using a different bundler, please refer to the documentation for that bundler to
|
|
22
|
+
understand how to handle `.css` imports. For more information on the migration, please refer to
|
|
23
|
+
[RFC-73 Migrating our components to Compiled CSS-in-JS](https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/85953).
|
|
24
|
+
|
|
25
|
+
Removed `styles.tsx` and `component-tokens.tsx` and their entry points
|
|
26
|
+
`@atlaskit/textarea/component-tokens` and `@atlaskit/textarea/styles` from `package.json`
|
|
27
|
+
|
|
3
28
|
## 6.0.0
|
|
4
29
|
|
|
5
30
|
### Major Changes
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
._kp821j28:not(:focus){border-color:transparent}
|
|
15
15
|
._12ji1r31{outline-color:currentColor}
|
|
16
16
|
._12y31o36{outline-width:medium}
|
|
17
|
-
._12ym18uv:hover:not(:read-only):not(:focus){background-color:initial}
|
|
18
17
|
._12ym1d5g:hover:not(:read-only):not(:focus){background-color:var(--ds-background-input-hovered,#f7f8f9)}
|
|
18
|
+
._12ym1j28:hover:not(:read-only):not(:focus){background-color:transparent}
|
|
19
19
|
._13xeglyw:invalid{box-shadow:none}
|
|
20
20
|
._14zg1e08{resize:horizontal}
|
|
21
21
|
._14zg1e54{resize:vertical}
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
._1itd12x7:not([data-compact]){padding-top:var(--ds-space-075,6px)}
|
|
44
44
|
._1lephxcb:disabled::-ms-input-placeholder{color:var(--_dnrmjm)}
|
|
45
45
|
._1lephxcb:disabled::placeholder{color:var(--_dnrmjm)}
|
|
46
|
-
.
|
|
46
|
+
._1ltx1j28:not(:focus){background-color:transparent}
|
|
47
47
|
._1ltx1j9a:not(:focus){background-color:var(--ds-background-input,#fff)}
|
|
48
48
|
._1n388sxn:not([data-compact]){line-height:1.4285714285714286}
|
|
49
49
|
._1o9zkb7n{flex-shrink:1}
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
._1vj0119y[data-invalid]:focus{box-shadow:var(--_1n75f5r)}
|
|
82
82
|
._7ehi3sij:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
|
|
83
83
|
._7ehiq049:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
|
|
84
|
-
.
|
|
84
|
+
._jomr1j28:focus{background-color:transparent}
|
|
85
85
|
._jomrr01l:focus{background-color:var(--ds-background-input-pressed,#fff)}
|
|
86
86
|
._ndzbkwt5[data-invalid]:focus{background-color:var(--_t0vtv2)}
|
|
87
87
|
._qu18syzs:disabled:focus{background-color:var(--ds-background-disabled,#091e4208)}
|
package/dist/cjs/text-area.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* text-area.tsx generated by @compiled/babel-plugin v0.36.
|
|
1
|
+
/* text-area.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -23,7 +23,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
23
23
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
24
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
25
|
var packageName = "@atlaskit/textarea";
|
|
26
|
-
var packageVersion = "
|
|
26
|
+
var packageVersion = "7.0.1";
|
|
27
27
|
var analyticsParams = {
|
|
28
28
|
componentName: 'textArea',
|
|
29
29
|
packageName: packageName,
|
|
@@ -38,8 +38,8 @@ var borderWidth = 2;
|
|
|
38
38
|
var baseStyles = null;
|
|
39
39
|
var appearanceStyles = {
|
|
40
40
|
standard: "_1dqonqa1 _kp821elr _1ltx1j9a _1bqs13gt _z1pvsyzs _19wt1elr _12ym1d5g _19qkv77o _1dbiv77o _1etu1v6z _zedr1v6z _1itd12x7 _1a4912x7 _17km1v6z _wg601v6z _858u1p6i _jomrr01l _7ehiq049 _186j1p6i _qu18syzs",
|
|
41
|
-
subtle: "_1dqonqa1 _kp821j28
|
|
42
|
-
none: "_1dqoglyw _kp821j28
|
|
41
|
+
subtle: "_1dqonqa1 _kp821j28 _1ltx1j28 _19wt1elr _12ym1d5g _19qkv77o _1dbiv77o _1etu1v6z _zedr1v6z _1itd12x7 _1a4912x7 _wg601v6z _17km1v6z _858u1p6i _jomrr01l _7ehiq049",
|
|
42
|
+
none: "_1dqoglyw _kp821j28 _1ltx1j28 _19wt1j28 _12ym1j28 _19qkv77o _zedr12x7 _1dbiv77o _1etu12x7 _1itd12x7 _wg6012x7 _1a4912x7 _17km12x7 _858u1j28 _jomr1j28 _7ehi3sij"
|
|
43
43
|
};
|
|
44
44
|
var fontStyles = {
|
|
45
45
|
default: "_ect41sbm",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
._kp821j28:not(:focus){border-color:transparent}
|
|
15
15
|
._12ji1r31{outline-color:currentColor}
|
|
16
16
|
._12y31o36{outline-width:medium}
|
|
17
|
-
._12ym18uv:hover:not(:read-only):not(:focus){background-color:initial}
|
|
18
17
|
._12ym1d5g:hover:not(:read-only):not(:focus){background-color:var(--ds-background-input-hovered,#f7f8f9)}
|
|
18
|
+
._12ym1j28:hover:not(:read-only):not(:focus){background-color:transparent}
|
|
19
19
|
._13xeglyw:invalid{box-shadow:none}
|
|
20
20
|
._14zg1e08{resize:horizontal}
|
|
21
21
|
._14zg1e54{resize:vertical}
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
._1itd12x7:not([data-compact]){padding-top:var(--ds-space-075,6px)}
|
|
44
44
|
._1lep9jg2:disabled::-ms-input-placeholder{color:var(--ds-text-disabled,#a5adba)}
|
|
45
45
|
._1lep9jg2:disabled::placeholder{color:var(--ds-text-disabled,#a5adba)}
|
|
46
|
-
.
|
|
46
|
+
._1ltx1j28:not(:focus){background-color:transparent}
|
|
47
47
|
._1ltx1j9a:not(:focus){background-color:var(--ds-background-input,#fff)}
|
|
48
48
|
._1n388sxn:not([data-compact]){line-height:1.4285714285714286}
|
|
49
49
|
._1o9zkb7n{flex-shrink:1}
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
._1vj01cu8[data-invalid]:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#2684ff)}
|
|
82
82
|
._7ehi3sij:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
|
|
83
83
|
._7ehiq049:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
|
|
84
|
-
.
|
|
84
|
+
._jomr1j28:focus{background-color:transparent}
|
|
85
85
|
._jomrr01l:focus{background-color:var(--ds-background-input-pressed,#fff)}
|
|
86
86
|
._ndzbr01l[data-invalid]:focus{background-color:var(--ds-background-input-pressed,#fff)}
|
|
87
87
|
._qu18syzs:disabled:focus{background-color:var(--ds-background-disabled,#091e4208)}
|
package/dist/es2019/text-area.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* text-area.tsx generated by @compiled/babel-plugin v0.36.
|
|
1
|
+
/* text-area.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./text-area.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -7,7 +7,7 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
8
|
import { B200, N0, N10, N20, N200, N30, N70, N900, R400 } from '@atlaskit/theme/colors';
|
|
9
9
|
const packageName = "@atlaskit/textarea";
|
|
10
|
-
const packageVersion = "
|
|
10
|
+
const packageVersion = "7.0.1";
|
|
11
11
|
const analyticsParams = {
|
|
12
12
|
componentName: 'textArea',
|
|
13
13
|
packageName,
|
|
@@ -22,8 +22,8 @@ const borderWidth = 2;
|
|
|
22
22
|
const baseStyles = null;
|
|
23
23
|
const appearanceStyles = {
|
|
24
24
|
standard: "_1dqonqa1 _kp821elr _1ltx1j9a _1bqs13gt _z1pvsyzs _19wt1elr _12ym1d5g _19qkv77o _1dbiv77o _1etu1v6z _zedr1v6z _1itd12x7 _1a4912x7 _17km1v6z _wg601v6z _858u1p6i _jomrr01l _7ehiq049 _186j1p6i _qu18syzs",
|
|
25
|
-
subtle: "_1dqonqa1 _kp821j28
|
|
26
|
-
none: "_1dqoglyw _kp821j28
|
|
25
|
+
subtle: "_1dqonqa1 _kp821j28 _1ltx1j28 _19wt1elr _12ym1d5g _19qkv77o _1dbiv77o _1etu1v6z _zedr1v6z _1itd12x7 _1a4912x7 _wg601v6z _17km1v6z _858u1p6i _jomrr01l _7ehiq049",
|
|
26
|
+
none: "_1dqoglyw _kp821j28 _1ltx1j28 _19wt1j28 _12ym1j28 _19qkv77o _zedr12x7 _1dbiv77o _1etu12x7 _1itd12x7 _wg6012x7 _1a4912x7 _17km12x7 _858u1j28 _jomr1j28 _7ehi3sij"
|
|
27
27
|
};
|
|
28
28
|
const fontStyles = {
|
|
29
29
|
default: "_ect41sbm",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
._kp821j28:not(:focus){border-color:transparent}
|
|
15
15
|
._12ji1r31{outline-color:currentColor}
|
|
16
16
|
._12y31o36{outline-width:medium}
|
|
17
|
-
._12ym18uv:hover:not(:read-only):not(:focus){background-color:initial}
|
|
18
17
|
._12ym1d5g:hover:not(:read-only):not(:focus){background-color:var(--ds-background-input-hovered,#f7f8f9)}
|
|
18
|
+
._12ym1j28:hover:not(:read-only):not(:focus){background-color:transparent}
|
|
19
19
|
._13xeglyw:invalid{box-shadow:none}
|
|
20
20
|
._14zg1e08{resize:horizontal}
|
|
21
21
|
._14zg1e54{resize:vertical}
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
._1itd12x7:not([data-compact]){padding-top:var(--ds-space-075,6px)}
|
|
44
44
|
._1lephxcb:disabled::-ms-input-placeholder{color:var(--_dnrmjm)}
|
|
45
45
|
._1lephxcb:disabled::placeholder{color:var(--_dnrmjm)}
|
|
46
|
-
.
|
|
46
|
+
._1ltx1j28:not(:focus){background-color:transparent}
|
|
47
47
|
._1ltx1j9a:not(:focus){background-color:var(--ds-background-input,#fff)}
|
|
48
48
|
._1n388sxn:not([data-compact]){line-height:1.4285714285714286}
|
|
49
49
|
._1o9zkb7n{flex-shrink:1}
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
._1vj0119y[data-invalid]:focus{box-shadow:var(--_1n75f5r)}
|
|
82
82
|
._7ehi3sij:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
|
|
83
83
|
._7ehiq049:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
|
|
84
|
-
.
|
|
84
|
+
._jomr1j28:focus{background-color:transparent}
|
|
85
85
|
._jomrr01l:focus{background-color:var(--ds-background-input-pressed,#fff)}
|
|
86
86
|
._ndzbkwt5[data-invalid]:focus{background-color:var(--_t0vtv2)}
|
|
87
87
|
._qu18syzs:disabled:focus{background-color:var(--ds-background-disabled,#091e4208)}
|
package/dist/esm/text-area.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* text-area.tsx generated by @compiled/babel-plugin v0.36.
|
|
1
|
+
/* text-area.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
@@ -13,7 +13,7 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
|
13
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
14
|
import { B200, N0, N10, N20, N200, N30, N70, N900, R400 } from '@atlaskit/theme/colors';
|
|
15
15
|
var packageName = "@atlaskit/textarea";
|
|
16
|
-
var packageVersion = "
|
|
16
|
+
var packageVersion = "7.0.1";
|
|
17
17
|
var analyticsParams = {
|
|
18
18
|
componentName: 'textArea',
|
|
19
19
|
packageName: packageName,
|
|
@@ -28,8 +28,8 @@ var borderWidth = 2;
|
|
|
28
28
|
var baseStyles = null;
|
|
29
29
|
var appearanceStyles = {
|
|
30
30
|
standard: "_1dqonqa1 _kp821elr _1ltx1j9a _1bqs13gt _z1pvsyzs _19wt1elr _12ym1d5g _19qkv77o _1dbiv77o _1etu1v6z _zedr1v6z _1itd12x7 _1a4912x7 _17km1v6z _wg601v6z _858u1p6i _jomrr01l _7ehiq049 _186j1p6i _qu18syzs",
|
|
31
|
-
subtle: "_1dqonqa1 _kp821j28
|
|
32
|
-
none: "_1dqoglyw _kp821j28
|
|
31
|
+
subtle: "_1dqonqa1 _kp821j28 _1ltx1j28 _19wt1elr _12ym1d5g _19qkv77o _1dbiv77o _1etu1v6z _zedr1v6z _1itd12x7 _1a4912x7 _wg601v6z _17km1v6z _858u1p6i _jomrr01l _7ehiq049",
|
|
32
|
+
none: "_1dqoglyw _kp821j28 _1ltx1j28 _19wt1j28 _12ym1j28 _19qkv77o _zedr12x7 _1dbiv77o _1etu12x7 _1itd12x7 _wg6012x7 _1a4912x7 _17km12x7 _858u1j28 _jomr1j28 _7ehi3sij"
|
|
33
33
|
};
|
|
34
34
|
var fontStyles = {
|
|
35
35
|
default: "_ect41sbm",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/textarea",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.1",
|
|
4
4
|
"description": "A text area lets users enter long form text which spans over multiple lines.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -40,9 +40,9 @@
|
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@atlaskit/analytics-next": "^10.3.0",
|
|
43
|
-
"@atlaskit/platform-feature-flags": "^1.
|
|
43
|
+
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
44
44
|
"@atlaskit/primitives": "^13.5.0",
|
|
45
|
-
"@atlaskit/theme": "^
|
|
45
|
+
"@atlaskit/theme": "^16.0.0",
|
|
46
46
|
"@atlaskit/tokens": "^3.3.0",
|
|
47
47
|
"@babel/runtime": "^7.0.0",
|
|
48
48
|
"@compiled/react": "^0.18.1"
|