@atlaskit/textarea 5.2.0 → 5.4.0
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 +278 -149
- package/dist/cjs/component-tokens.js +1 -2
- package/dist/cjs/styles.js +10 -11
- package/dist/cjs/text-area.js +1 -1
- package/dist/es2019/component-tokens.js +1 -2
- package/dist/es2019/styles.js +10 -11
- package/dist/es2019/text-area.js +1 -1
- package/dist/esm/component-tokens.js +1 -2
- package/dist/esm/styles.js +10 -11
- package/dist/esm/text-area.js +1 -1
- package/package.json +7 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,383 +1,498 @@
|
|
|
1
1
|
# @atlaskit/textarea
|
|
2
2
|
|
|
3
|
+
## 5.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#96186](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96186)
|
|
8
|
+
[`225179567a4c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/225179567a4c) -
|
|
9
|
+
Add support for React 18.
|
|
10
|
+
|
|
11
|
+
## 5.3.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [#94675](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94675)
|
|
16
|
+
[`5d9e1dccacca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5d9e1dccacca) -
|
|
17
|
+
[ux] Update input border color token to meet 3:1 color contrast ratioLight theme:
|
|
18
|
+
color.border.input: #091E4224 → #8590A2Dark mode: color.border.input: #A6C5E229 → #738496
|
|
19
|
+
|
|
20
|
+
### Patch Changes
|
|
21
|
+
|
|
22
|
+
- Updated dependencies
|
|
23
|
+
|
|
3
24
|
## 5.2.0
|
|
4
25
|
|
|
5
26
|
### Minor Changes
|
|
6
27
|
|
|
7
|
-
-
|
|
28
|
+
- [#82028](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82028)
|
|
29
|
+
[`065756e95a09`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/065756e95a09) -
|
|
30
|
+
[ux] This change includes a fix for the TextArea's text color when there is a placeholder and
|
|
31
|
+
isDisabled is true.
|
|
8
32
|
|
|
9
33
|
## 5.1.2
|
|
10
34
|
|
|
11
35
|
### Patch Changes
|
|
12
36
|
|
|
13
|
-
-
|
|
37
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
38
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
39
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
14
40
|
|
|
15
41
|
## 5.1.1
|
|
16
42
|
|
|
17
43
|
### Patch Changes
|
|
18
44
|
|
|
19
|
-
-
|
|
45
|
+
- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644)
|
|
46
|
+
[`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) -
|
|
47
|
+
Revert input border change from the previous version
|
|
20
48
|
|
|
21
49
|
## 5.1.0
|
|
22
50
|
|
|
23
51
|
### Minor Changes
|
|
24
52
|
|
|
25
|
-
-
|
|
53
|
+
- [#80805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80805)
|
|
54
|
+
[`427c2dd9e0d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/427c2dd9e0d6) -
|
|
55
|
+
[ux] Update input border width from 2px to 1px with darker color to meet 3:1 color contrast
|
|
26
56
|
|
|
27
57
|
### Patch Changes
|
|
28
58
|
|
|
29
|
-
-
|
|
59
|
+
- Updated dependencies
|
|
30
60
|
|
|
31
61
|
## 5.0.1
|
|
32
62
|
|
|
33
63
|
### Patch Changes
|
|
34
64
|
|
|
35
|
-
-
|
|
65
|
+
- [#74756](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74756)
|
|
66
|
+
[`8e66f751df96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8e66f751df96) -
|
|
67
|
+
Use feature flag to roll out border width update from 2px to 1px
|
|
36
68
|
|
|
37
69
|
## 5.0.0
|
|
38
70
|
|
|
39
71
|
### Major Changes
|
|
40
72
|
|
|
41
|
-
-
|
|
73
|
+
- [#41866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41866)
|
|
74
|
+
[`ed8b6957789`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed8b6957789) -
|
|
75
|
+
Removes any usage of deprecated legacy theming APIs. These have been superseeded by design
|
|
76
|
+
tokens.
|
|
42
77
|
|
|
43
78
|
## 4.7.7
|
|
44
79
|
|
|
45
80
|
### Patch Changes
|
|
46
81
|
|
|
47
|
-
-
|
|
82
|
+
- [#37613](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37613)
|
|
83
|
+
[`29941aaea33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29941aaea33) - update
|
|
84
|
+
focused fallback color to meet contrast requirement
|
|
48
85
|
|
|
49
86
|
## 4.7.6
|
|
50
87
|
|
|
51
88
|
### Patch Changes
|
|
52
89
|
|
|
53
|
-
-
|
|
90
|
+
- [#38731](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38731)
|
|
91
|
+
[`9af31f3c1ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9af31f3c1ae) - Delete
|
|
92
|
+
version.json
|
|
54
93
|
|
|
55
94
|
## 4.7.5
|
|
56
95
|
|
|
57
96
|
### Patch Changes
|
|
58
97
|
|
|
59
|
-
-
|
|
98
|
+
- [#38201](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38201)
|
|
99
|
+
[`356d6ebed05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6ebed05) - This
|
|
100
|
+
package is now onboarded onto the product push model.
|
|
60
101
|
|
|
61
102
|
## 4.7.4
|
|
62
103
|
|
|
63
104
|
### Patch Changes
|
|
64
105
|
|
|
65
|
-
-
|
|
106
|
+
- [#36662](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36662)
|
|
107
|
+
[`964e8db6c94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/964e8db6c94) - update
|
|
108
|
+
border width to use border spacing token
|
|
66
109
|
|
|
67
110
|
## 4.7.3
|
|
68
111
|
|
|
69
112
|
### Patch Changes
|
|
70
113
|
|
|
71
|
-
-
|
|
114
|
+
- [#35441](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35441)
|
|
115
|
+
[`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) -
|
|
116
|
+
Internal change to use shape tokens. There is no expected visual change.
|
|
72
117
|
|
|
73
118
|
## 4.7.2
|
|
74
119
|
|
|
75
120
|
### Patch Changes
|
|
76
121
|
|
|
77
|
-
-
|
|
122
|
+
- [#35111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35111)
|
|
123
|
+
[`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend
|
|
124
|
+
border contrast feature flag to support confluence
|
|
78
125
|
|
|
79
126
|
## 4.7.1
|
|
80
127
|
|
|
81
128
|
### Patch Changes
|
|
82
129
|
|
|
83
|
-
-
|
|
130
|
+
- [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935)
|
|
131
|
+
[`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) -
|
|
132
|
+
Internal change to enforce token usage for spacing properties. There is no expected visual or
|
|
133
|
+
behaviour change.
|
|
84
134
|
|
|
85
135
|
## 4.7.0
|
|
86
136
|
|
|
87
137
|
### Minor Changes
|
|
88
138
|
|
|
89
|
-
-
|
|
139
|
+
- [#33171](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33171)
|
|
140
|
+
[`5f37caad726`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f37caad726) - [ux]
|
|
141
|
+
reduce border width to 1px and update fallback color of border
|
|
90
142
|
|
|
91
143
|
## 4.6.3
|
|
92
144
|
|
|
93
145
|
### Patch Changes
|
|
94
146
|
|
|
95
|
-
-
|
|
147
|
+
- [#34051](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34051)
|
|
148
|
+
[`49b08bfdf5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49b08bfdf5f) -
|
|
149
|
+
Migrated use of `gridSize` to space tokens where possible. There is no expected visual or
|
|
150
|
+
behaviour change.
|
|
96
151
|
|
|
97
152
|
## 4.6.2
|
|
98
153
|
|
|
99
154
|
### Patch Changes
|
|
100
155
|
|
|
101
|
-
-
|
|
156
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
|
|
157
|
+
[`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
|
|
158
|
+
legacy types are published for TS 4.5-4.8
|
|
102
159
|
|
|
103
160
|
## 4.6.1
|
|
104
161
|
|
|
105
162
|
### Patch Changes
|
|
106
163
|
|
|
107
|
-
-
|
|
164
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
|
|
165
|
+
[`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) -
|
|
166
|
+
Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
108
167
|
|
|
109
168
|
## 4.6.0
|
|
110
169
|
|
|
111
170
|
### Minor Changes
|
|
112
171
|
|
|
113
|
-
-
|
|
172
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
|
|
173
|
+
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
|
|
174
|
+
minor dependency bump
|
|
114
175
|
|
|
115
176
|
### Patch Changes
|
|
116
177
|
|
|
117
|
-
-
|
|
178
|
+
- Updated dependencies
|
|
118
179
|
|
|
119
180
|
## 4.5.7
|
|
120
181
|
|
|
121
182
|
### Patch Changes
|
|
122
183
|
|
|
123
|
-
-
|
|
184
|
+
- [#33004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33004)
|
|
185
|
+
[`e028bee17df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e028bee17df) - [ux]
|
|
186
|
+
fix(style): update fallback color of placeholder to meet contrast requirement
|
|
124
187
|
|
|
125
188
|
## 4.5.6
|
|
126
189
|
|
|
127
190
|
### Patch Changes
|
|
128
191
|
|
|
129
|
-
-
|
|
192
|
+
- Updated dependencies
|
|
130
193
|
|
|
131
194
|
## 4.5.5
|
|
132
195
|
|
|
133
196
|
### Patch Changes
|
|
134
197
|
|
|
135
|
-
-
|
|
198
|
+
- Updated dependencies
|
|
136
199
|
|
|
137
200
|
## 4.5.4
|
|
138
201
|
|
|
139
202
|
### Patch Changes
|
|
140
203
|
|
|
141
|
-
-
|
|
204
|
+
- Updated dependencies
|
|
142
205
|
|
|
143
206
|
## 4.5.3
|
|
144
207
|
|
|
145
208
|
### Patch Changes
|
|
146
209
|
|
|
147
|
-
-
|
|
210
|
+
- Updated dependencies
|
|
148
211
|
|
|
149
212
|
## 4.5.2
|
|
150
213
|
|
|
151
214
|
### Patch Changes
|
|
152
215
|
|
|
153
|
-
-
|
|
216
|
+
- Updated dependencies
|
|
154
217
|
|
|
155
218
|
## 4.5.1
|
|
156
219
|
|
|
157
220
|
### Patch Changes
|
|
158
221
|
|
|
159
|
-
-
|
|
222
|
+
- [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303)
|
|
223
|
+
[`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op
|
|
224
|
+
change to introduce spacing tokens to design system components.
|
|
160
225
|
|
|
161
226
|
## 4.5.0
|
|
162
227
|
|
|
163
228
|
### Minor Changes
|
|
164
229
|
|
|
165
|
-
-
|
|
230
|
+
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710)
|
|
231
|
+
[`6612a236510`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6612a236510) -
|
|
232
|
+
Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
166
233
|
|
|
167
234
|
### Patch Changes
|
|
168
235
|
|
|
169
|
-
-
|
|
236
|
+
- [`32d761cfc1d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/32d761cfc1d) - [ux]
|
|
237
|
+
Fix bug that prevented consumers from rendering a single line textarea
|
|
170
238
|
|
|
171
239
|
## 4.4.0
|
|
172
240
|
|
|
173
241
|
### Minor Changes
|
|
174
242
|
|
|
175
|
-
-
|
|
243
|
+
- [#24968](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24968)
|
|
244
|
+
[`b8841384da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8841384da6) -
|
|
245
|
+
Disabled background and border styles should not be applied to components that have either no
|
|
246
|
+
background or transparent background to begin with. Textfield and textarea variants that do not
|
|
247
|
+
have backgrounds (sublte or none) have no backgrounds or borders applied when disabled. As such,
|
|
248
|
+
any comopnents that consume these will also be affected.
|
|
176
249
|
|
|
177
250
|
## 4.3.11
|
|
178
251
|
|
|
179
252
|
### Patch Changes
|
|
180
253
|
|
|
181
|
-
-
|
|
254
|
+
- [#25314](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25314)
|
|
255
|
+
[`bedbdec0e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bedbdec0e82) - Update
|
|
256
|
+
hover state appearance of subtle Textarea, Textfield and Select components to match the hover
|
|
257
|
+
states of their default counterparts.
|
|
182
258
|
|
|
183
259
|
## 4.3.10
|
|
184
260
|
|
|
185
261
|
### Patch Changes
|
|
186
262
|
|
|
187
|
-
-
|
|
263
|
+
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
|
|
264
|
+
[`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) -
|
|
265
|
+
Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
188
266
|
|
|
189
267
|
## 4.3.9
|
|
190
268
|
|
|
191
269
|
### Patch Changes
|
|
192
270
|
|
|
193
|
-
-
|
|
271
|
+
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
|
|
272
|
+
[`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) -
|
|
273
|
+
Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
194
274
|
|
|
195
275
|
## 4.3.8
|
|
196
276
|
|
|
197
277
|
### Patch Changes
|
|
198
278
|
|
|
199
|
-
-
|
|
200
|
-
|
|
201
|
-
|
|
279
|
+
- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381)
|
|
280
|
+
[`e4abd2c2888`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4abd2c2888) - Update
|
|
281
|
+
token used for background color of subtle text area on hover
|
|
282
|
+
- [`926f9b57c59`](https://bitbucket.org/atlassian/atlassian-frontend/commits/926f9b57c59) -
|
|
283
|
+
Internal code change turning on new linting rules.
|
|
284
|
+
- [`fe575d49d66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe575d49d66) -
|
|
285
|
+
Updated styles to use new input design tokens
|
|
202
286
|
|
|
203
287
|
## 4.3.7
|
|
204
288
|
|
|
205
289
|
### Patch Changes
|
|
206
290
|
|
|
207
|
-
-
|
|
291
|
+
- [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642)
|
|
292
|
+
[`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved
|
|
293
|
+
to using declarative entrypoints internally. Public API is unchanged.
|
|
208
294
|
|
|
209
295
|
## 4.3.6
|
|
210
296
|
|
|
211
297
|
### Patch Changes
|
|
212
298
|
|
|
213
|
-
-
|
|
299
|
+
- [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570)
|
|
300
|
+
[`f63824e8227`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f63824e8227) - [ux]
|
|
301
|
+
Updated input tokens within `@atlaskit/textarea`.
|
|
214
302
|
|
|
215
303
|
## 4.3.5
|
|
216
304
|
|
|
217
305
|
### Patch Changes
|
|
218
306
|
|
|
219
|
-
-
|
|
307
|
+
- Updated dependencies
|
|
220
308
|
|
|
221
309
|
## 4.3.4
|
|
222
310
|
|
|
223
311
|
### Patch Changes
|
|
224
312
|
|
|
225
|
-
-
|
|
313
|
+
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
|
|
314
|
+
[`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) -
|
|
315
|
+
Upgrade to TypeScript 4.2.4
|
|
226
316
|
|
|
227
317
|
## 4.3.3
|
|
228
318
|
|
|
229
319
|
### Patch Changes
|
|
230
320
|
|
|
231
|
-
-
|
|
321
|
+
- Updated dependencies
|
|
232
322
|
|
|
233
323
|
## 4.3.2
|
|
234
324
|
|
|
235
325
|
### Patch Changes
|
|
236
326
|
|
|
237
|
-
-
|
|
327
|
+
- Updated dependencies
|
|
238
328
|
|
|
239
329
|
## 4.3.1
|
|
240
330
|
|
|
241
331
|
### Patch Changes
|
|
242
332
|
|
|
243
|
-
-
|
|
333
|
+
- Updated dependencies
|
|
244
334
|
|
|
245
335
|
## 4.3.0
|
|
246
336
|
|
|
247
337
|
### Minor Changes
|
|
248
338
|
|
|
249
|
-
-
|
|
339
|
+
- [#18526](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18526)
|
|
340
|
+
[`2e56ff8ea50`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e56ff8ea50) - [ux]
|
|
341
|
+
Fixed a bug where smart resize did not work when the value prop was changed
|
|
250
342
|
|
|
251
343
|
## 4.2.6
|
|
252
344
|
|
|
253
345
|
### Patch Changes
|
|
254
346
|
|
|
255
|
-
-
|
|
256
|
-
-
|
|
347
|
+
- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752)
|
|
348
|
+
[`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The
|
|
349
|
+
no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when
|
|
350
|
+
auto-fixing by correctly formatting token ids.
|
|
351
|
+
- Updated dependencies
|
|
257
352
|
|
|
258
353
|
## 4.2.5
|
|
259
354
|
|
|
260
355
|
### Patch Changes
|
|
261
356
|
|
|
262
|
-
-
|
|
357
|
+
- Updated dependencies
|
|
263
358
|
|
|
264
359
|
## 4.2.4
|
|
265
360
|
|
|
266
361
|
### Patch Changes
|
|
267
362
|
|
|
268
|
-
-
|
|
269
|
-
|
|
270
|
-
|
|
363
|
+
- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998)
|
|
364
|
+
[`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds
|
|
365
|
+
for this package now pass through a tokens babel plugin, removing runtime invocations of the
|
|
366
|
+
tokens() function and improving bundle size.
|
|
367
|
+
- [`af7c289395b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af7c289395b) - Fix
|
|
368
|
+
TypeScript issue where text area HTML attributes were not exposed in component prop types.
|
|
369
|
+
- Updated dependencies
|
|
271
370
|
|
|
272
371
|
## 4.2.3
|
|
273
372
|
|
|
274
373
|
### Patch Changes
|
|
275
374
|
|
|
276
|
-
-
|
|
375
|
+
- Updated dependencies
|
|
277
376
|
|
|
278
377
|
## 4.2.2
|
|
279
378
|
|
|
280
379
|
### Patch Changes
|
|
281
380
|
|
|
282
|
-
-
|
|
381
|
+
- Updated dependencies
|
|
283
382
|
|
|
284
383
|
## 4.2.1
|
|
285
384
|
|
|
286
385
|
### Patch Changes
|
|
287
386
|
|
|
288
|
-
-
|
|
387
|
+
- Updated dependencies
|
|
289
388
|
|
|
290
389
|
## 4.2.0
|
|
291
390
|
|
|
292
391
|
### Minor Changes
|
|
293
392
|
|
|
294
|
-
-
|
|
393
|
+
- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302)
|
|
394
|
+
[`ae281b57bcd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae281b57bcd) -
|
|
395
|
+
Instrumented Radio with the new theming package, `@atlaskit/tokens`.
|
|
295
396
|
|
|
296
|
-
|
|
297
|
-
|
|
397
|
+
New tokens will be visible only in applications configured to use the new Tokens API (currently
|
|
398
|
+
in alpha). These changes are intended to be interoperable with the legacy theme implementation.
|
|
399
|
+
Legacy dark mode users should expect no visual or breaking changes
|
|
298
400
|
|
|
299
401
|
### Patch Changes
|
|
300
402
|
|
|
301
|
-
-
|
|
302
|
-
|
|
403
|
+
- [`2d7cc544696`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2d7cc544696) -
|
|
404
|
+
Updates token usage to match the latest token set
|
|
405
|
+
- Updated dependencies
|
|
303
406
|
|
|
304
407
|
## 4.1.3
|
|
305
408
|
|
|
306
409
|
### Patch Changes
|
|
307
410
|
|
|
308
|
-
-
|
|
411
|
+
- [#13728](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13728)
|
|
412
|
+
[`c5785203506`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5785203506) -
|
|
413
|
+
Updated homepage in package.json
|
|
309
414
|
|
|
310
415
|
## 4.1.2
|
|
311
416
|
|
|
312
417
|
### Patch Changes
|
|
313
418
|
|
|
314
|
-
-
|
|
419
|
+
- [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880)
|
|
420
|
+
[`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump
|
|
421
|
+
`@atlaskit/theme` to version `^11.3.0`.
|
|
315
422
|
|
|
316
423
|
## 4.1.1
|
|
317
424
|
|
|
318
425
|
### Patch Changes
|
|
319
426
|
|
|
320
|
-
-
|
|
427
|
+
- [#12167](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12167)
|
|
428
|
+
[`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) -
|
|
429
|
+
Updates to development dependency `storybook-addon-performance`
|
|
321
430
|
|
|
322
431
|
## 4.1.0
|
|
323
432
|
|
|
324
433
|
### Minor Changes
|
|
325
434
|
|
|
326
|
-
-
|
|
435
|
+
- [#11113](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11113)
|
|
436
|
+
[`7af2427f3a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7af2427f3a8) - [ux]
|
|
437
|
+
Update form field examples for validation and add a new prop to RadioGroup component
|
|
327
438
|
|
|
328
439
|
## 4.0.2
|
|
329
440
|
|
|
330
441
|
### Patch Changes
|
|
331
442
|
|
|
332
|
-
-
|
|
443
|
+
- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644)
|
|
444
|
+
[`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use
|
|
445
|
+
injected package name and version for analytics instead of version.json.
|
|
333
446
|
|
|
334
447
|
## 4.0.1
|
|
335
448
|
|
|
336
449
|
### Patch Changes
|
|
337
450
|
|
|
338
|
-
-
|
|
451
|
+
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
|
|
452
|
+
[`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) -
|
|
453
|
+
Transpile packages using babel rather than tsc
|
|
339
454
|
|
|
340
455
|
## 4.0.0
|
|
341
456
|
|
|
342
457
|
### Major Changes
|
|
343
458
|
|
|
344
|
-
-
|
|
459
|
+
- [#5860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5860)
|
|
460
|
+
[`782b6e5182`](https://bitbucket.org/atlassian/atlassian-frontend/commits/782b6e5182) - ###
|
|
461
|
+
Brief
|
|
345
462
|
|
|
346
|
-
|
|
463
|
+
The goal of this major for textarea is to improve the component's performance, by both
|
|
347
464
|
|
|
348
|
-
|
|
465
|
+
reducing static structure and avoiding unnecessary function calls.
|
|
349
466
|
|
|
350
|
-
|
|
351
|
-
|
|
467
|
+
We have made internal refactors and optimizations to improve textarea performance. Some changes
|
|
468
|
+
made are as follows:
|
|
352
469
|
|
|
353
|
-
|
|
470
|
+
- Moving TextArea to a single element (removed an internal wrapping element)
|
|
354
471
|
|
|
355
|
-
|
|
472
|
+
- Replace `styled-components` to `emotion` as styling library
|
|
356
473
|
|
|
357
|
-
|
|
474
|
+
- Moving internal component analytics to a more efficient usePlatformLeafEventHandler hook
|
|
358
475
|
|
|
359
|
-
|
|
476
|
+
- Refactoring styles to recalculate only when theme & certain props change
|
|
360
477
|
|
|
361
|
-
|
|
478
|
+
- Controlling CSS change via attributes instead of props
|
|
362
479
|
|
|
363
|
-
|
|
480
|
+
#### TextArea now has single DOM element
|
|
364
481
|
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
and CSS to that single element.
|
|
482
|
+
DOM element 2 -> 1 Removed div surrounding (wrapper) native textarea element and moved all
|
|
483
|
+
behaviors and CSS to that single element.
|
|
368
484
|
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
but computed height is still the same.
|
|
485
|
+
Measuring the height of the textarea element will now get different raw values because the text
|
|
486
|
+
area is now rendering it’s own padding and border, but computed height is still the same.
|
|
372
487
|
|
|
373
|
-
|
|
488
|
+
#### Upgrading with codemod
|
|
374
489
|
|
|
375
|
-
|
|
490
|
+
```
|
|
376
491
|
|
|
377
|
-
|
|
492
|
+
# You first need to have the latest textarea installed before you can run the codemod
|
|
378
493
|
|
|
379
|
-
|
|
380
|
-
|
|
494
|
+
yarn upgrade @atlaskit/textarea@^4.0.0
|
|
495
|
+
```
|
|
381
496
|
|
|
382
497
|
# Run the codemod cli
|
|
383
498
|
|
|
@@ -652,152 +767,166 @@ withAnalyticsEvents<Props>()(Button);
|
|
|
652
767
|
|
|
653
768
|
### Patch Changes
|
|
654
769
|
|
|
655
|
-
-
|
|
770
|
+
- [patch][29a1f158c1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/29a1f158c1):
|
|
656
771
|
|
|
657
|
-
|
|
772
|
+
Use default react import in typescript files.
|
|
658
773
|
|
|
659
774
|
## 2.1.0
|
|
660
775
|
|
|
661
776
|
### Minor Changes
|
|
662
777
|
|
|
663
|
-
-
|
|
778
|
+
- [minor][2b26a6f408](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/2b26a6f408):
|
|
664
779
|
|
|
665
|
-
|
|
780
|
+
Added placeholder prop for textareas
|
|
666
781
|
|
|
667
782
|
## 2.0.0
|
|
668
783
|
|
|
669
|
-
-
|
|
784
|
+
- [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
|
|
670
785
|
|
|
671
|
-
|
|
786
|
+
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
|
|
787
|
+
this package, please ensure you use at least this version of react and react-dom.
|
|
672
788
|
|
|
673
789
|
## 1.0.0
|
|
674
790
|
|
|
675
|
-
-
|
|
791
|
+
- [major][dd95622388](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dd95622388):
|
|
676
792
|
|
|
677
|
-
|
|
793
|
+
- This major release indicates that this package is no longer under dev preview but is ready
|
|
794
|
+
for use
|
|
678
795
|
|
|
679
796
|
## 0.4.6
|
|
680
797
|
|
|
681
|
-
-
|
|
798
|
+
- [patch][0a4ccaafae](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0a4ccaafae):
|
|
682
799
|
|
|
683
|
-
|
|
800
|
+
- Bump tslib
|
|
684
801
|
|
|
685
802
|
## 0.4.5
|
|
686
803
|
|
|
687
|
-
-
|
|
804
|
+
- [patch][cd67ae87f8](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cd67ae87f8):
|
|
688
805
|
|
|
689
|
-
|
|
690
|
-
|
|
806
|
+
- Stop defaultValue from being omitted from props that are spread onto textarea
|
|
807
|
+
- Constraint type of value and defaultValue to string
|
|
691
808
|
|
|
692
809
|
## 0.4.4
|
|
693
810
|
|
|
694
|
-
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
811
|
+
- Updated dependencies
|
|
812
|
+
[9c0b4744be](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c0b4744be):
|
|
813
|
+
- @atlaskit/docs@7.0.3
|
|
814
|
+
- @atlaskit/button@12.0.3
|
|
815
|
+
- @atlaskit/theme@8.1.7
|
|
698
816
|
|
|
699
817
|
## 0.4.3
|
|
700
818
|
|
|
701
|
-
-
|
|
819
|
+
- [patch][3f28e6443c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3f28e6443c):
|
|
702
820
|
|
|
703
|
-
|
|
821
|
+
- @atlaskit/analytics-next-types is deprecated. Now you can use types for
|
|
822
|
+
@atlaskit/analytics-next supplied from itself.
|
|
704
823
|
|
|
705
824
|
## 0.4.2
|
|
706
825
|
|
|
707
|
-
-
|
|
826
|
+
- [patch][cf018d7630](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cf018d7630):
|
|
708
827
|
|
|
709
|
-
|
|
828
|
+
- Allow RefObject to be passed in as ref (i.e. using React.createRef()) and set inner padding
|
|
829
|
+
to 0
|
|
710
830
|
|
|
711
831
|
## 0.4.1
|
|
712
832
|
|
|
713
|
-
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
833
|
+
- Updated dependencies
|
|
834
|
+
[1e826b2966](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e826b2966):
|
|
835
|
+
- @atlaskit/docs@7.0.2
|
|
836
|
+
- @atlaskit/analytics-next@4.0.3
|
|
837
|
+
- @atlaskit/theme@8.1.6
|
|
838
|
+
- @atlaskit/button@12.0.0
|
|
718
839
|
|
|
719
840
|
## 0.4.0
|
|
720
841
|
|
|
721
|
-
-
|
|
842
|
+
- [minor][f504850fe2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f504850fe2):
|
|
722
843
|
|
|
723
|
-
|
|
844
|
+
- Fix bug: previous size was size for isCompact, and isCompact did not do anything. Now normal
|
|
845
|
+
textarea is slightly larger and isCompact makes it the previous size
|
|
724
846
|
|
|
725
847
|
## 0.3.2
|
|
726
848
|
|
|
727
|
-
-
|
|
849
|
+
- [patch][1bcaa1b991](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1bcaa1b991):
|
|
728
850
|
|
|
729
|
-
|
|
851
|
+
- Add npmignore for index.ts to prevent some jest tests from resolving that instead of
|
|
852
|
+
index.js
|
|
730
853
|
|
|
731
854
|
## 0.3.1
|
|
732
855
|
|
|
733
|
-
-
|
|
856
|
+
- [patch][90a14be594](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/90a14be594):
|
|
734
857
|
|
|
735
|
-
|
|
858
|
+
- Fix broken type-helpers
|
|
736
859
|
|
|
737
860
|
## 0.3.0
|
|
738
861
|
|
|
739
|
-
-
|
|
862
|
+
- [minor][9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
|
|
740
863
|
|
|
741
|
-
|
|
864
|
+
- Dropped ES5 distributables from the typescript packages
|
|
742
865
|
|
|
743
866
|
## 0.2.6
|
|
744
867
|
|
|
745
|
-
-
|
|
868
|
+
- [patch][1b952c437d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1b952c437d):
|
|
746
869
|
|
|
747
|
-
|
|
870
|
+
- Change order of props spread to fix textarea focus glow, and smart resizing when onChange
|
|
871
|
+
passed in
|
|
748
872
|
|
|
749
873
|
## 0.2.5
|
|
750
874
|
|
|
751
|
-
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
875
|
+
- Updated dependencies
|
|
876
|
+
[76299208e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76299208e6):
|
|
877
|
+
- @atlaskit/button@10.1.3
|
|
878
|
+
- @atlaskit/docs@7.0.0
|
|
879
|
+
- @atlaskit/analytics-next@4.0.0
|
|
880
|
+
- @atlaskit/theme@8.0.0
|
|
756
881
|
|
|
757
882
|
## 0.2.4
|
|
758
883
|
|
|
759
|
-
-
|
|
884
|
+
- [patch][aab267bb3a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/aab267bb3a):
|
|
760
885
|
|
|
761
|
-
|
|
886
|
+
- Added test to make sure the props are passed down to hidden input
|
|
762
887
|
|
|
763
888
|
## 0.2.3
|
|
764
889
|
|
|
765
|
-
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
890
|
+
- Updated dependencies [58b84fa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/58b84fa):
|
|
891
|
+
- @atlaskit/analytics-next@3.1.2
|
|
892
|
+
- @atlaskit/button@10.1.1
|
|
893
|
+
- @atlaskit/theme@7.0.1
|
|
894
|
+
- @atlaskit/docs@6.0.0
|
|
770
895
|
|
|
771
896
|
## 0.2.2
|
|
772
897
|
|
|
773
|
-
-
|
|
898
|
+
- [patch][9e6b592](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9e6b592):
|
|
774
899
|
|
|
775
|
-
|
|
900
|
+
- Added tslib import for textarea
|
|
776
901
|
|
|
777
902
|
## 0.2.1
|
|
778
903
|
|
|
779
|
-
-
|
|
904
|
+
- [patch][d13242d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d13242d):
|
|
780
905
|
|
|
781
|
-
|
|
906
|
+
- Change API to experimental theming API to namespace component themes into separate contexts
|
|
907
|
+
and make theming simpler. Update all dependant components.
|
|
782
908
|
|
|
783
909
|
## 0.2.0
|
|
784
910
|
|
|
785
|
-
-
|
|
911
|
+
- [minor][76a8f1c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76a8f1c):
|
|
786
912
|
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
913
|
+
- Convert @atlaskit/textarea to Typescript
|
|
914
|
+
- Dist paths have changed, if you are importing by exact file path you will need to update
|
|
915
|
+
your imports `import '@atlaskit/button/dist/es5/components/ButtonGroup'`
|
|
916
|
+
- Flow types are not present any more, Typescript definitions are shipped instead
|
|
790
917
|
|
|
791
918
|
## 0.1.1
|
|
792
919
|
|
|
793
|
-
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
920
|
+
- Updated dependencies [6998f11](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6998f11):
|
|
921
|
+
- @atlaskit/docs@5.2.1
|
|
922
|
+
- @atlaskit/analytics-next@3.1.1
|
|
923
|
+
- @atlaskit/theme@6.2.1
|
|
924
|
+
- @atlaskit/button@10.0.0
|
|
798
925
|
|
|
799
926
|
## 0.1.0
|
|
800
927
|
|
|
801
|
-
-
|
|
928
|
+
- [minor][9d77c4e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d77c4e):
|
|
802
929
|
|
|
803
|
-
|
|
930
|
+
- New textarea package, meant to be a replacement for field-text-area, normalised component
|
|
931
|
+
architecture, removed dependency on @atlaskit/field-base, updated to use new @atlaskit/theme
|
|
932
|
+
api
|
|
@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.transparent = exports.textColor = exports.subtleBorderColorHover = exports.placeholderTextColor = exports.invalidBorderColor = exports.disabledTextColor = exports.disabledBorder = exports.disabledBackground = exports.defaultBorderColorFocus = exports.defaultBorderColor = exports.defaultBackgroundColorHover = exports.defaultBackgroundColorFocus = exports.defaultBackgroundColor = void 0;
|
|
7
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
8
7
|
var _colors = require("@atlaskit/theme/colors");
|
|
9
8
|
var disabledBackground = exports.disabledBackground = "var(--ds-background-disabled, ".concat(_colors.N20, ")");
|
|
10
9
|
var disabledBorder = exports.disabledBorder = "var(--ds-border-disabled, ".concat(_colors.N40, ")");
|
|
11
10
|
var invalidBorderColor = exports.invalidBorderColor = "var(--ds-border-danger, ".concat(_colors.R400, ")");
|
|
12
|
-
var defaultBorderColor = exports.defaultBorderColor = "var(--ds-border-input, ".concat(
|
|
11
|
+
var defaultBorderColor = exports.defaultBorderColor = "var(--ds-border-input, ".concat(_colors.N100, ")");
|
|
13
12
|
var defaultBorderColorFocus = exports.defaultBorderColorFocus = "var(--ds-border-focused, ".concat(_colors.B200, ")");
|
|
14
13
|
var defaultBackgroundColor = exports.defaultBackgroundColor = "var(--ds-background-input, ".concat(_colors.N10, ")");
|
|
15
14
|
var defaultBackgroundColorHover = exports.defaultBackgroundColorHover = "var(--ds-background-input-hovered, ".concat(_colors.N30, ")");
|
package/dist/cjs/styles.js
CHANGED
|
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.getBaseStyles = exports.dynamicStyles = exports.borderWidth = void 0;
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _react = require("@emotion/react");
|
|
11
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
11
|
var _constants = require("@atlaskit/theme/constants");
|
|
13
12
|
var componentTokens = _interopRequireWildcard(require("./component-tokens"));
|
|
14
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
@@ -91,7 +90,7 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
|
|
|
91
90
|
'&:focus': {
|
|
92
91
|
backgroundColor: backgroundColorFocus[appearance],
|
|
93
92
|
borderColor: borderColorFocus[appearance],
|
|
94
|
-
boxShadow:
|
|
93
|
+
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance])
|
|
95
94
|
},
|
|
96
95
|
'&:not(:focus)': {
|
|
97
96
|
backgroundColor: backgroundColor[appearance],
|
|
@@ -101,13 +100,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
|
|
|
101
100
|
'&[data-invalid]:focus': {
|
|
102
101
|
backgroundColor: invalidRules.backgroundColorFocus,
|
|
103
102
|
borderColor: invalidRules.borderColorFocus,
|
|
104
|
-
boxShadow:
|
|
103
|
+
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColorFocus)
|
|
105
104
|
},
|
|
106
105
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
107
106
|
'&[data-invalid]:not(:focus)': {
|
|
108
107
|
backgroundColor: invalidRules.backgroundColor,
|
|
109
108
|
borderColor: invalidRules.borderColor,
|
|
110
|
-
boxShadow:
|
|
109
|
+
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
|
|
111
110
|
}
|
|
112
111
|
}, appearance === 'standard' ? {
|
|
113
112
|
'&:disabled:focus': {
|
|
@@ -140,7 +139,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(app
|
|
|
140
139
|
'&[data-invalid]': {
|
|
141
140
|
backgroundColor: invalidRules.backgroundColorHover,
|
|
142
141
|
borderColor: invalidRules.borderColor,
|
|
143
|
-
boxShadow:
|
|
142
|
+
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
|
|
144
143
|
}
|
|
145
144
|
}
|
|
146
145
|
});
|
|
@@ -173,7 +172,7 @@ var fontFamilyStyle = function fontFamilyStyle(isMonospaced) {
|
|
|
173
172
|
var borderPaddingAndHeightStyles = function borderPaddingAndHeightStyles() {
|
|
174
173
|
var minimumRows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
175
174
|
var appearance = arguments.length > 1 ? arguments[1] : undefined;
|
|
176
|
-
var borderWidth =
|
|
175
|
+
var borderWidth = appearance !== 'none' ? 1 : 2;
|
|
177
176
|
var horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
|
|
178
177
|
var borderHeight = borderWidth;
|
|
179
178
|
return (0, _react.css)({
|
|
@@ -203,7 +202,7 @@ var staticStyles = (0, _react.css)({
|
|
|
203
202
|
flex: '1 1 100%',
|
|
204
203
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
205
204
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
206
|
-
borderWidth:
|
|
205
|
+
borderWidth: 1,
|
|
207
206
|
fontSize: fontSize,
|
|
208
207
|
outline: 'none',
|
|
209
208
|
overflow: 'auto',
|
|
@@ -227,19 +226,19 @@ var getBaseStyles = exports.getBaseStyles = function getBaseStyles(_ref) {
|
|
|
227
226
|
maxHeight = _ref.maxHeight;
|
|
228
227
|
return (
|
|
229
228
|
// eslint-disable-next-line @repo/internal/styles/no-exported-styles
|
|
230
|
-
(0, _react.css)(
|
|
229
|
+
(0, _react.css)(staticStyles, borderPaddingAndHeightStyles(minimumRows, appearance), resizeStyle(resize), borderStyle(appearance), fontFamilyStyle(isMonospaced), {
|
|
231
230
|
maxHeight: maxHeight
|
|
232
|
-
}
|
|
231
|
+
})
|
|
233
232
|
);
|
|
234
233
|
};
|
|
235
234
|
var dynamicStyles = exports.dynamicStyles = function dynamicStyles(appearance) {
|
|
236
235
|
return (
|
|
237
236
|
// eslint-disable-next-line @repo/internal/styles/no-exported-styles
|
|
238
|
-
(0, _react.css)(
|
|
237
|
+
(0, _react.css)(bgAndBorderColorStyles(appearance), hoverBackgroundAndBorderStyles(appearance), placeholderStyles, {
|
|
239
238
|
color: componentTokens.textColor,
|
|
240
239
|
'&:disabled': {
|
|
241
240
|
color: disabledRules.textColor
|
|
242
241
|
}
|
|
243
|
-
}
|
|
242
|
+
})
|
|
244
243
|
);
|
|
245
244
|
};
|
package/dist/cjs/text-area.js
CHANGED
|
@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
21
21
|
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; }
|
|
22
22
|
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; }
|
|
23
23
|
var packageName = "@atlaskit/textarea";
|
|
24
|
-
var packageVersion = "5.
|
|
24
|
+
var packageVersion = "5.4.0";
|
|
25
25
|
var analyticsParams = {
|
|
26
26
|
componentName: 'textArea',
|
|
27
27
|
packageName: packageName,
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
2
1
|
import { B200, N0, N10, N100, N20, N200, N30, N40, N70, N900, R400 } from '@atlaskit/theme/colors';
|
|
3
2
|
export const disabledBackground = `var(--ds-background-disabled, ${N20})`;
|
|
4
3
|
export const disabledBorder = `var(--ds-border-disabled, ${N40})`;
|
|
5
4
|
export const invalidBorderColor = `var(--ds-border-danger, ${R400})`;
|
|
6
|
-
export const defaultBorderColor = `var(--ds-border-input, ${
|
|
5
|
+
export const defaultBorderColor = `var(--ds-border-input, ${N100})`;
|
|
7
6
|
export const defaultBorderColorFocus = `var(--ds-border-focused, ${B200})`;
|
|
8
7
|
export const defaultBackgroundColor = `var(--ds-background-input, ${N10})`;
|
|
9
8
|
export const defaultBackgroundColorHover = `var(--ds-background-input-hovered, ${N30})`;
|
package/dist/es2019/styles.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { codeFontFamily as getCodeFontFamily, fontFamily as getFontFamily, fontSize as getFontSize,
|
|
5
4
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
6
5
|
gridSize } from '@atlaskit/theme/constants';
|
|
@@ -80,7 +79,7 @@ const bgAndBorderColorStyles = appearance => appearance && css({
|
|
|
80
79
|
'&:focus': {
|
|
81
80
|
backgroundColor: backgroundColorFocus[appearance],
|
|
82
81
|
borderColor: borderColorFocus[appearance],
|
|
83
|
-
boxShadow:
|
|
82
|
+
boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${borderColorFocus[appearance]}`
|
|
84
83
|
},
|
|
85
84
|
'&:not(:focus)': {
|
|
86
85
|
backgroundColor: backgroundColor[appearance],
|
|
@@ -90,13 +89,13 @@ const bgAndBorderColorStyles = appearance => appearance && css({
|
|
|
90
89
|
'&[data-invalid]:focus': {
|
|
91
90
|
backgroundColor: invalidRules.backgroundColorFocus,
|
|
92
91
|
borderColor: invalidRules.borderColorFocus,
|
|
93
|
-
boxShadow:
|
|
92
|
+
boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${invalidRules.borderColorFocus}`
|
|
94
93
|
},
|
|
95
94
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
96
95
|
'&[data-invalid]:not(:focus)': {
|
|
97
96
|
backgroundColor: invalidRules.backgroundColor,
|
|
98
97
|
borderColor: invalidRules.borderColor,
|
|
99
|
-
boxShadow:
|
|
98
|
+
boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${invalidRules.borderColor}`
|
|
100
99
|
},
|
|
101
100
|
// Disabled background and border styles should not be applied to components that
|
|
102
101
|
// have either no background or transparent background to begin with
|
|
@@ -130,7 +129,7 @@ const hoverBackgroundAndBorderStyles = appearance => appearance && css({
|
|
|
130
129
|
'&[data-invalid]': {
|
|
131
130
|
backgroundColor: invalidRules.backgroundColorHover,
|
|
132
131
|
borderColor: invalidRules.borderColor,
|
|
133
|
-
boxShadow:
|
|
132
|
+
boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${invalidRules.borderColor}`
|
|
134
133
|
}
|
|
135
134
|
}
|
|
136
135
|
});
|
|
@@ -156,7 +155,7 @@ const fontFamilyStyle = isMonospaced => css({
|
|
|
156
155
|
fontFamily: isMonospaced ? codeFontFamily : fontFamily
|
|
157
156
|
});
|
|
158
157
|
const borderPaddingAndHeightStyles = (minimumRows = 1, appearance) => {
|
|
159
|
-
const borderWidth =
|
|
158
|
+
const borderWidth = appearance !== 'none' ? 1 : 2;
|
|
160
159
|
const horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
|
|
161
160
|
const borderHeight = borderWidth;
|
|
162
161
|
return css({
|
|
@@ -186,7 +185,7 @@ const staticStyles = css({
|
|
|
186
185
|
flex: '1 1 100%',
|
|
187
186
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
188
187
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
189
|
-
borderWidth:
|
|
188
|
+
borderWidth: 1,
|
|
190
189
|
fontSize: fontSize,
|
|
191
190
|
outline: 'none',
|
|
192
191
|
overflow: 'auto',
|
|
@@ -212,14 +211,14 @@ export const getBaseStyles = ({
|
|
|
212
211
|
maxHeight
|
|
213
212
|
}) =>
|
|
214
213
|
// eslint-disable-next-line @repo/internal/styles/no-exported-styles
|
|
215
|
-
css(
|
|
214
|
+
css(staticStyles, borderPaddingAndHeightStyles(minimumRows, appearance), resizeStyle(resize), borderStyle(appearance), fontFamilyStyle(isMonospaced), {
|
|
216
215
|
maxHeight
|
|
217
|
-
}
|
|
216
|
+
});
|
|
218
217
|
export const dynamicStyles = appearance =>
|
|
219
218
|
// eslint-disable-next-line @repo/internal/styles/no-exported-styles
|
|
220
|
-
css(
|
|
219
|
+
css(bgAndBorderColorStyles(appearance), hoverBackgroundAndBorderStyles(appearance), placeholderStyles, {
|
|
221
220
|
color: componentTokens.textColor,
|
|
222
221
|
'&:disabled': {
|
|
223
222
|
color: disabledRules.textColor
|
|
224
223
|
}
|
|
225
|
-
}
|
|
224
|
+
});
|
package/dist/es2019/text-area.js
CHANGED
|
@@ -5,7 +5,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
5
5
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
6
6
|
import { borderWidth, dynamicStyles, getBaseStyles } from './styles';
|
|
7
7
|
const packageName = "@atlaskit/textarea";
|
|
8
|
-
const packageVersion = "5.
|
|
8
|
+
const packageVersion = "5.4.0";
|
|
9
9
|
const analyticsParams = {
|
|
10
10
|
componentName: 'textArea',
|
|
11
11
|
packageName,
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
2
1
|
import { B200, N0, N10, N100, N20, N200, N30, N40, N70, N900, R400 } from '@atlaskit/theme/colors';
|
|
3
2
|
export var disabledBackground = "var(--ds-background-disabled, ".concat(N20, ")");
|
|
4
3
|
export var disabledBorder = "var(--ds-border-disabled, ".concat(N40, ")");
|
|
5
4
|
export var invalidBorderColor = "var(--ds-border-danger, ".concat(R400, ")");
|
|
6
|
-
export var defaultBorderColor = "var(--ds-border-input, ".concat(
|
|
5
|
+
export var defaultBorderColor = "var(--ds-border-input, ".concat(N100, ")");
|
|
7
6
|
export var defaultBorderColorFocus = "var(--ds-border-focused, ".concat(B200, ")");
|
|
8
7
|
export var defaultBackgroundColor = "var(--ds-background-input, ".concat(N10, ")");
|
|
9
8
|
export var defaultBackgroundColorHover = "var(--ds-background-input-hovered, ".concat(N30, ")");
|
package/dist/esm/styles.js
CHANGED
|
@@ -3,7 +3,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
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) { _defineProperty(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; }
|
|
4
4
|
/** @jsx jsx */
|
|
5
5
|
import { css } from '@emotion/react';
|
|
6
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { codeFontFamily as getCodeFontFamily, fontFamily as getFontFamily, fontSize as getFontSize,
|
|
8
7
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
9
8
|
gridSize } from '@atlaskit/theme/constants';
|
|
@@ -84,7 +83,7 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
|
|
|
84
83
|
'&:focus': {
|
|
85
84
|
backgroundColor: backgroundColorFocus[appearance],
|
|
86
85
|
borderColor: borderColorFocus[appearance],
|
|
87
|
-
boxShadow:
|
|
86
|
+
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance])
|
|
88
87
|
},
|
|
89
88
|
'&:not(:focus)': {
|
|
90
89
|
backgroundColor: backgroundColor[appearance],
|
|
@@ -94,13 +93,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
|
|
|
94
93
|
'&[data-invalid]:focus': {
|
|
95
94
|
backgroundColor: invalidRules.backgroundColorFocus,
|
|
96
95
|
borderColor: invalidRules.borderColorFocus,
|
|
97
|
-
boxShadow:
|
|
96
|
+
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColorFocus)
|
|
98
97
|
},
|
|
99
98
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
100
99
|
'&[data-invalid]:not(:focus)': {
|
|
101
100
|
backgroundColor: invalidRules.backgroundColor,
|
|
102
101
|
borderColor: invalidRules.borderColor,
|
|
103
|
-
boxShadow:
|
|
102
|
+
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
|
|
104
103
|
}
|
|
105
104
|
}, appearance === 'standard' ? {
|
|
106
105
|
'&:disabled:focus': {
|
|
@@ -133,7 +132,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(app
|
|
|
133
132
|
'&[data-invalid]': {
|
|
134
133
|
backgroundColor: invalidRules.backgroundColorHover,
|
|
135
134
|
borderColor: invalidRules.borderColor,
|
|
136
|
-
boxShadow:
|
|
135
|
+
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
|
|
137
136
|
}
|
|
138
137
|
}
|
|
139
138
|
});
|
|
@@ -166,7 +165,7 @@ var fontFamilyStyle = function fontFamilyStyle(isMonospaced) {
|
|
|
166
165
|
var borderPaddingAndHeightStyles = function borderPaddingAndHeightStyles() {
|
|
167
166
|
var minimumRows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
168
167
|
var appearance = arguments.length > 1 ? arguments[1] : undefined;
|
|
169
|
-
var borderWidth =
|
|
168
|
+
var borderWidth = appearance !== 'none' ? 1 : 2;
|
|
170
169
|
var horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
|
|
171
170
|
var borderHeight = borderWidth;
|
|
172
171
|
return css({
|
|
@@ -196,7 +195,7 @@ var staticStyles = css({
|
|
|
196
195
|
flex: '1 1 100%',
|
|
197
196
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
198
197
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
199
|
-
borderWidth:
|
|
198
|
+
borderWidth: 1,
|
|
200
199
|
fontSize: fontSize,
|
|
201
200
|
outline: 'none',
|
|
202
201
|
overflow: 'auto',
|
|
@@ -220,19 +219,19 @@ export var getBaseStyles = function getBaseStyles(_ref) {
|
|
|
220
219
|
maxHeight = _ref.maxHeight;
|
|
221
220
|
return (
|
|
222
221
|
// eslint-disable-next-line @repo/internal/styles/no-exported-styles
|
|
223
|
-
css(
|
|
222
|
+
css(staticStyles, borderPaddingAndHeightStyles(minimumRows, appearance), resizeStyle(resize), borderStyle(appearance), fontFamilyStyle(isMonospaced), {
|
|
224
223
|
maxHeight: maxHeight
|
|
225
|
-
}
|
|
224
|
+
})
|
|
226
225
|
);
|
|
227
226
|
};
|
|
228
227
|
export var dynamicStyles = function dynamicStyles(appearance) {
|
|
229
228
|
return (
|
|
230
229
|
// eslint-disable-next-line @repo/internal/styles/no-exported-styles
|
|
231
|
-
css(
|
|
230
|
+
css(bgAndBorderColorStyles(appearance), hoverBackgroundAndBorderStyles(appearance), placeholderStyles, {
|
|
232
231
|
color: componentTokens.textColor,
|
|
233
232
|
'&:disabled': {
|
|
234
233
|
color: disabledRules.textColor
|
|
235
234
|
}
|
|
236
|
-
}
|
|
235
|
+
})
|
|
237
236
|
);
|
|
238
237
|
};
|
package/dist/esm/text-area.js
CHANGED
|
@@ -11,7 +11,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
11
11
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
12
12
|
import { borderWidth, dynamicStyles, getBaseStyles } from './styles';
|
|
13
13
|
var packageName = "@atlaskit/textarea";
|
|
14
|
-
var packageVersion = "5.
|
|
14
|
+
var packageVersion = "5.4.0";
|
|
15
15
|
var analyticsParams = {
|
|
16
16
|
componentName: 'textArea',
|
|
17
17
|
packageName: packageName,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/textarea",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.4.0",
|
|
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/"
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"homepage": "https://atlassian.design/components/textarea/",
|
|
26
26
|
"atlassian": {
|
|
27
27
|
"team": "Design System Team",
|
|
28
|
+
"runReact18": true,
|
|
28
29
|
"productPushConsumption": [
|
|
29
30
|
"jira"
|
|
30
31
|
],
|
|
@@ -41,20 +42,19 @@
|
|
|
41
42
|
"./text-area": "./src/text-area.tsx"
|
|
42
43
|
},
|
|
43
44
|
"dependencies": {
|
|
44
|
-
"@atlaskit/analytics-next": "^9.
|
|
45
|
-
"@atlaskit/
|
|
46
|
-
"@atlaskit/
|
|
47
|
-
"@atlaskit/tokens": "^1.42.0",
|
|
45
|
+
"@atlaskit/analytics-next": "^9.3.0",
|
|
46
|
+
"@atlaskit/theme": "^12.7.0",
|
|
47
|
+
"@atlaskit/tokens": "^1.45.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"@emotion/react": "^11.7.1"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"react": "^16.8.0"
|
|
52
|
+
"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@af/accessibility-testing": "*",
|
|
56
56
|
"@af/integration-testing": "*",
|
|
57
|
-
"@atlaskit/ds-lib": "^2.
|
|
57
|
+
"@atlaskit/ds-lib": "^2.3.0",
|
|
58
58
|
"@atlaskit/ssr": "*",
|
|
59
59
|
"@atlaskit/visual-regression": "*",
|
|
60
60
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
@@ -93,13 +93,5 @@
|
|
|
93
93
|
"deprecation": "no-deprecated-imports"
|
|
94
94
|
}
|
|
95
95
|
},
|
|
96
|
-
"platform-feature-flags": {
|
|
97
|
-
"platform.design-system-team.border-checkbox_nyoiu": {
|
|
98
|
-
"type": "boolean"
|
|
99
|
-
},
|
|
100
|
-
"platform.design-system-team.update-input-border-wdith_5abwv": {
|
|
101
|
-
"type": "boolean"
|
|
102
|
-
}
|
|
103
|
-
},
|
|
104
96
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
105
97
|
}
|