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