@atlaskit/textarea 5.2.0 → 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 +270 -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 +5 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,383 +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
|
+
|
|
3
16
|
## 5.2.0
|
|
4
17
|
|
|
5
18
|
### Minor Changes
|
|
6
19
|
|
|
7
|
-
-
|
|
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.
|
|
8
24
|
|
|
9
25
|
## 5.1.2
|
|
10
26
|
|
|
11
27
|
### Patch Changes
|
|
12
28
|
|
|
13
|
-
-
|
|
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`
|
|
14
32
|
|
|
15
33
|
## 5.1.1
|
|
16
34
|
|
|
17
35
|
### Patch Changes
|
|
18
36
|
|
|
19
|
-
-
|
|
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
|
|
20
40
|
|
|
21
41
|
## 5.1.0
|
|
22
42
|
|
|
23
43
|
### Minor Changes
|
|
24
44
|
|
|
25
|
-
-
|
|
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
|
|
26
48
|
|
|
27
49
|
### Patch Changes
|
|
28
50
|
|
|
29
|
-
-
|
|
51
|
+
- Updated dependencies
|
|
30
52
|
|
|
31
53
|
## 5.0.1
|
|
32
54
|
|
|
33
55
|
### Patch Changes
|
|
34
56
|
|
|
35
|
-
-
|
|
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
|
|
36
60
|
|
|
37
61
|
## 5.0.0
|
|
38
62
|
|
|
39
63
|
### Major Changes
|
|
40
64
|
|
|
41
|
-
-
|
|
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.
|
|
42
69
|
|
|
43
70
|
## 4.7.7
|
|
44
71
|
|
|
45
72
|
### Patch Changes
|
|
46
73
|
|
|
47
|
-
-
|
|
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
|
|
48
77
|
|
|
49
78
|
## 4.7.6
|
|
50
79
|
|
|
51
80
|
### Patch Changes
|
|
52
81
|
|
|
53
|
-
-
|
|
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
|
|
54
85
|
|
|
55
86
|
## 4.7.5
|
|
56
87
|
|
|
57
88
|
### Patch Changes
|
|
58
89
|
|
|
59
|
-
-
|
|
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.
|
|
60
93
|
|
|
61
94
|
## 4.7.4
|
|
62
95
|
|
|
63
96
|
### Patch Changes
|
|
64
97
|
|
|
65
|
-
-
|
|
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
|
|
66
101
|
|
|
67
102
|
## 4.7.3
|
|
68
103
|
|
|
69
104
|
### Patch Changes
|
|
70
105
|
|
|
71
|
-
-
|
|
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.
|
|
72
109
|
|
|
73
110
|
## 4.7.2
|
|
74
111
|
|
|
75
112
|
### Patch Changes
|
|
76
113
|
|
|
77
|
-
-
|
|
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
|
|
78
117
|
|
|
79
118
|
## 4.7.1
|
|
80
119
|
|
|
81
120
|
### Patch Changes
|
|
82
121
|
|
|
83
|
-
-
|
|
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.
|
|
84
126
|
|
|
85
127
|
## 4.7.0
|
|
86
128
|
|
|
87
129
|
### Minor Changes
|
|
88
130
|
|
|
89
|
-
-
|
|
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
|
|
90
134
|
|
|
91
135
|
## 4.6.3
|
|
92
136
|
|
|
93
137
|
### Patch Changes
|
|
94
138
|
|
|
95
|
-
-
|
|
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.
|
|
96
143
|
|
|
97
144
|
## 4.6.2
|
|
98
145
|
|
|
99
146
|
### Patch Changes
|
|
100
147
|
|
|
101
|
-
-
|
|
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
|
|
102
151
|
|
|
103
152
|
## 4.6.1
|
|
104
153
|
|
|
105
154
|
### Patch Changes
|
|
106
155
|
|
|
107
|
-
-
|
|
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`
|
|
108
159
|
|
|
109
160
|
## 4.6.0
|
|
110
161
|
|
|
111
162
|
### Minor Changes
|
|
112
163
|
|
|
113
|
-
-
|
|
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
|
|
114
167
|
|
|
115
168
|
### Patch Changes
|
|
116
169
|
|
|
117
|
-
-
|
|
170
|
+
- Updated dependencies
|
|
118
171
|
|
|
119
172
|
## 4.5.7
|
|
120
173
|
|
|
121
174
|
### Patch Changes
|
|
122
175
|
|
|
123
|
-
-
|
|
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
|
|
124
179
|
|
|
125
180
|
## 4.5.6
|
|
126
181
|
|
|
127
182
|
### Patch Changes
|
|
128
183
|
|
|
129
|
-
-
|
|
184
|
+
- Updated dependencies
|
|
130
185
|
|
|
131
186
|
## 4.5.5
|
|
132
187
|
|
|
133
188
|
### Patch Changes
|
|
134
189
|
|
|
135
|
-
-
|
|
190
|
+
- Updated dependencies
|
|
136
191
|
|
|
137
192
|
## 4.5.4
|
|
138
193
|
|
|
139
194
|
### Patch Changes
|
|
140
195
|
|
|
141
|
-
-
|
|
196
|
+
- Updated dependencies
|
|
142
197
|
|
|
143
198
|
## 4.5.3
|
|
144
199
|
|
|
145
200
|
### Patch Changes
|
|
146
201
|
|
|
147
|
-
-
|
|
202
|
+
- Updated dependencies
|
|
148
203
|
|
|
149
204
|
## 4.5.2
|
|
150
205
|
|
|
151
206
|
### Patch Changes
|
|
152
207
|
|
|
153
|
-
-
|
|
208
|
+
- Updated dependencies
|
|
154
209
|
|
|
155
210
|
## 4.5.1
|
|
156
211
|
|
|
157
212
|
### Patch Changes
|
|
158
213
|
|
|
159
|
-
-
|
|
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.
|
|
160
217
|
|
|
161
218
|
## 4.5.0
|
|
162
219
|
|
|
163
220
|
### Minor Changes
|
|
164
221
|
|
|
165
|
-
-
|
|
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.
|
|
166
225
|
|
|
167
226
|
### Patch Changes
|
|
168
227
|
|
|
169
|
-
-
|
|
228
|
+
- [`32d761cfc1d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/32d761cfc1d) - [ux]
|
|
229
|
+
Fix bug that prevented consumers from rendering a single line textarea
|
|
170
230
|
|
|
171
231
|
## 4.4.0
|
|
172
232
|
|
|
173
233
|
### Minor Changes
|
|
174
234
|
|
|
175
|
-
-
|
|
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.
|
|
176
241
|
|
|
177
242
|
## 4.3.11
|
|
178
243
|
|
|
179
244
|
### Patch Changes
|
|
180
245
|
|
|
181
|
-
-
|
|
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.
|
|
182
250
|
|
|
183
251
|
## 4.3.10
|
|
184
252
|
|
|
185
253
|
### Patch Changes
|
|
186
254
|
|
|
187
|
-
-
|
|
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`
|
|
188
258
|
|
|
189
259
|
## 4.3.9
|
|
190
260
|
|
|
191
261
|
### Patch Changes
|
|
192
262
|
|
|
193
|
-
-
|
|
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`.
|
|
194
266
|
|
|
195
267
|
## 4.3.8
|
|
196
268
|
|
|
197
269
|
### Patch Changes
|
|
198
270
|
|
|
199
|
-
-
|
|
200
|
-
|
|
201
|
-
|
|
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
|
|
202
278
|
|
|
203
279
|
## 4.3.7
|
|
204
280
|
|
|
205
281
|
### Patch Changes
|
|
206
282
|
|
|
207
|
-
-
|
|
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.
|
|
208
286
|
|
|
209
287
|
## 4.3.6
|
|
210
288
|
|
|
211
289
|
### Patch Changes
|
|
212
290
|
|
|
213
|
-
-
|
|
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`.
|
|
214
294
|
|
|
215
295
|
## 4.3.5
|
|
216
296
|
|
|
217
297
|
### Patch Changes
|
|
218
298
|
|
|
219
|
-
-
|
|
299
|
+
- Updated dependencies
|
|
220
300
|
|
|
221
301
|
## 4.3.4
|
|
222
302
|
|
|
223
303
|
### Patch Changes
|
|
224
304
|
|
|
225
|
-
-
|
|
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
|
|
226
308
|
|
|
227
309
|
## 4.3.3
|
|
228
310
|
|
|
229
311
|
### Patch Changes
|
|
230
312
|
|
|
231
|
-
-
|
|
313
|
+
- Updated dependencies
|
|
232
314
|
|
|
233
315
|
## 4.3.2
|
|
234
316
|
|
|
235
317
|
### Patch Changes
|
|
236
318
|
|
|
237
|
-
-
|
|
319
|
+
- Updated dependencies
|
|
238
320
|
|
|
239
321
|
## 4.3.1
|
|
240
322
|
|
|
241
323
|
### Patch Changes
|
|
242
324
|
|
|
243
|
-
-
|
|
325
|
+
- Updated dependencies
|
|
244
326
|
|
|
245
327
|
## 4.3.0
|
|
246
328
|
|
|
247
329
|
### Minor Changes
|
|
248
330
|
|
|
249
|
-
-
|
|
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
|
|
250
334
|
|
|
251
335
|
## 4.2.6
|
|
252
336
|
|
|
253
337
|
### Patch Changes
|
|
254
338
|
|
|
255
|
-
-
|
|
256
|
-
-
|
|
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
|
|
257
344
|
|
|
258
345
|
## 4.2.5
|
|
259
346
|
|
|
260
347
|
### Patch Changes
|
|
261
348
|
|
|
262
|
-
-
|
|
349
|
+
- Updated dependencies
|
|
263
350
|
|
|
264
351
|
## 4.2.4
|
|
265
352
|
|
|
266
353
|
### Patch Changes
|
|
267
354
|
|
|
268
|
-
-
|
|
269
|
-
|
|
270
|
-
|
|
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
|
|
271
362
|
|
|
272
363
|
## 4.2.3
|
|
273
364
|
|
|
274
365
|
### Patch Changes
|
|
275
366
|
|
|
276
|
-
-
|
|
367
|
+
- Updated dependencies
|
|
277
368
|
|
|
278
369
|
## 4.2.2
|
|
279
370
|
|
|
280
371
|
### Patch Changes
|
|
281
372
|
|
|
282
|
-
-
|
|
373
|
+
- Updated dependencies
|
|
283
374
|
|
|
284
375
|
## 4.2.1
|
|
285
376
|
|
|
286
377
|
### Patch Changes
|
|
287
378
|
|
|
288
|
-
-
|
|
379
|
+
- Updated dependencies
|
|
289
380
|
|
|
290
381
|
## 4.2.0
|
|
291
382
|
|
|
292
383
|
### Minor Changes
|
|
293
384
|
|
|
294
|
-
-
|
|
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`.
|
|
295
388
|
|
|
296
|
-
|
|
297
|
-
|
|
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
|
|
298
392
|
|
|
299
393
|
### Patch Changes
|
|
300
394
|
|
|
301
|
-
-
|
|
302
|
-
|
|
395
|
+
- [`2d7cc544696`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2d7cc544696) -
|
|
396
|
+
Updates token usage to match the latest token set
|
|
397
|
+
- Updated dependencies
|
|
303
398
|
|
|
304
399
|
## 4.1.3
|
|
305
400
|
|
|
306
401
|
### Patch Changes
|
|
307
402
|
|
|
308
|
-
-
|
|
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
|
|
309
406
|
|
|
310
407
|
## 4.1.2
|
|
311
408
|
|
|
312
409
|
### Patch Changes
|
|
313
410
|
|
|
314
|
-
-
|
|
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`.
|
|
315
414
|
|
|
316
415
|
## 4.1.1
|
|
317
416
|
|
|
318
417
|
### Patch Changes
|
|
319
418
|
|
|
320
|
-
-
|
|
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`
|
|
321
422
|
|
|
322
423
|
## 4.1.0
|
|
323
424
|
|
|
324
425
|
### Minor Changes
|
|
325
426
|
|
|
326
|
-
-
|
|
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
|
|
327
430
|
|
|
328
431
|
## 4.0.2
|
|
329
432
|
|
|
330
433
|
### Patch Changes
|
|
331
434
|
|
|
332
|
-
-
|
|
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.
|
|
333
438
|
|
|
334
439
|
## 4.0.1
|
|
335
440
|
|
|
336
441
|
### Patch Changes
|
|
337
442
|
|
|
338
|
-
-
|
|
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
|
|
339
446
|
|
|
340
447
|
## 4.0.0
|
|
341
448
|
|
|
342
449
|
### Major Changes
|
|
343
450
|
|
|
344
|
-
-
|
|
451
|
+
- [#5860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5860)
|
|
452
|
+
[`782b6e5182`](https://bitbucket.org/atlassian/atlassian-frontend/commits/782b6e5182) - ###
|
|
453
|
+
Brief
|
|
345
454
|
|
|
346
|
-
|
|
455
|
+
The goal of this major for textarea is to improve the component's performance, by both
|
|
347
456
|
|
|
348
|
-
|
|
457
|
+
reducing static structure and avoiding unnecessary function calls.
|
|
349
458
|
|
|
350
|
-
|
|
351
|
-
|
|
459
|
+
We have made internal refactors and optimizations to improve textarea performance. Some changes
|
|
460
|
+
made are as follows:
|
|
352
461
|
|
|
353
|
-
|
|
462
|
+
- Moving TextArea to a single element (removed an internal wrapping element)
|
|
354
463
|
|
|
355
|
-
|
|
464
|
+
- Replace `styled-components` to `emotion` as styling library
|
|
356
465
|
|
|
357
|
-
|
|
466
|
+
- Moving internal component analytics to a more efficient usePlatformLeafEventHandler hook
|
|
358
467
|
|
|
359
|
-
|
|
468
|
+
- Refactoring styles to recalculate only when theme & certain props change
|
|
360
469
|
|
|
361
|
-
|
|
470
|
+
- Controlling CSS change via attributes instead of props
|
|
362
471
|
|
|
363
|
-
|
|
472
|
+
#### TextArea now has single DOM element
|
|
364
473
|
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
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.
|
|
368
476
|
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
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.
|
|
372
479
|
|
|
373
|
-
|
|
480
|
+
#### Upgrading with codemod
|
|
374
481
|
|
|
375
|
-
|
|
482
|
+
```
|
|
376
483
|
|
|
377
|
-
|
|
484
|
+
# You first need to have the latest textarea installed before you can run the codemod
|
|
378
485
|
|
|
379
|
-
|
|
380
|
-
|
|
486
|
+
yarn upgrade @atlaskit/textarea@^4.0.0
|
|
487
|
+
```
|
|
381
488
|
|
|
382
489
|
# Run the codemod cli
|
|
383
490
|
|
|
@@ -652,152 +759,166 @@ withAnalyticsEvents<Props>()(Button);
|
|
|
652
759
|
|
|
653
760
|
### Patch Changes
|
|
654
761
|
|
|
655
|
-
-
|
|
762
|
+
- [patch][29a1f158c1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/29a1f158c1):
|
|
656
763
|
|
|
657
|
-
|
|
764
|
+
Use default react import in typescript files.
|
|
658
765
|
|
|
659
766
|
## 2.1.0
|
|
660
767
|
|
|
661
768
|
### Minor Changes
|
|
662
769
|
|
|
663
|
-
-
|
|
770
|
+
- [minor][2b26a6f408](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/2b26a6f408):
|
|
664
771
|
|
|
665
|
-
|
|
772
|
+
Added placeholder prop for textareas
|
|
666
773
|
|
|
667
774
|
## 2.0.0
|
|
668
775
|
|
|
669
|
-
-
|
|
776
|
+
- [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
|
|
670
777
|
|
|
671
|
-
|
|
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.
|
|
672
780
|
|
|
673
781
|
## 1.0.0
|
|
674
782
|
|
|
675
|
-
-
|
|
783
|
+
- [major][dd95622388](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dd95622388):
|
|
676
784
|
|
|
677
|
-
|
|
785
|
+
- This major release indicates that this package is no longer under dev preview but is ready
|
|
786
|
+
for use
|
|
678
787
|
|
|
679
788
|
## 0.4.6
|
|
680
789
|
|
|
681
|
-
-
|
|
790
|
+
- [patch][0a4ccaafae](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0a4ccaafae):
|
|
682
791
|
|
|
683
|
-
|
|
792
|
+
- Bump tslib
|
|
684
793
|
|
|
685
794
|
## 0.4.5
|
|
686
795
|
|
|
687
|
-
-
|
|
796
|
+
- [patch][cd67ae87f8](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cd67ae87f8):
|
|
688
797
|
|
|
689
|
-
|
|
690
|
-
|
|
798
|
+
- Stop defaultValue from being omitted from props that are spread onto textarea
|
|
799
|
+
- Constraint type of value and defaultValue to string
|
|
691
800
|
|
|
692
801
|
## 0.4.4
|
|
693
802
|
|
|
694
|
-
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
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
|
|
698
808
|
|
|
699
809
|
## 0.4.3
|
|
700
810
|
|
|
701
|
-
-
|
|
811
|
+
- [patch][3f28e6443c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3f28e6443c):
|
|
702
812
|
|
|
703
|
-
|
|
813
|
+
- @atlaskit/analytics-next-types is deprecated. Now you can use types for
|
|
814
|
+
@atlaskit/analytics-next supplied from itself.
|
|
704
815
|
|
|
705
816
|
## 0.4.2
|
|
706
817
|
|
|
707
|
-
-
|
|
818
|
+
- [patch][cf018d7630](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cf018d7630):
|
|
708
819
|
|
|
709
|
-
|
|
820
|
+
- Allow RefObject to be passed in as ref (i.e. using React.createRef()) and set inner padding
|
|
821
|
+
to 0
|
|
710
822
|
|
|
711
823
|
## 0.4.1
|
|
712
824
|
|
|
713
|
-
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
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
|
|
718
831
|
|
|
719
832
|
## 0.4.0
|
|
720
833
|
|
|
721
|
-
-
|
|
834
|
+
- [minor][f504850fe2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f504850fe2):
|
|
722
835
|
|
|
723
|
-
|
|
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
|
|
724
838
|
|
|
725
839
|
## 0.3.2
|
|
726
840
|
|
|
727
|
-
-
|
|
841
|
+
- [patch][1bcaa1b991](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1bcaa1b991):
|
|
728
842
|
|
|
729
|
-
|
|
843
|
+
- Add npmignore for index.ts to prevent some jest tests from resolving that instead of
|
|
844
|
+
index.js
|
|
730
845
|
|
|
731
846
|
## 0.3.1
|
|
732
847
|
|
|
733
|
-
-
|
|
848
|
+
- [patch][90a14be594](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/90a14be594):
|
|
734
849
|
|
|
735
|
-
|
|
850
|
+
- Fix broken type-helpers
|
|
736
851
|
|
|
737
852
|
## 0.3.0
|
|
738
853
|
|
|
739
|
-
-
|
|
854
|
+
- [minor][9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
|
|
740
855
|
|
|
741
|
-
|
|
856
|
+
- Dropped ES5 distributables from the typescript packages
|
|
742
857
|
|
|
743
858
|
## 0.2.6
|
|
744
859
|
|
|
745
|
-
-
|
|
860
|
+
- [patch][1b952c437d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1b952c437d):
|
|
746
861
|
|
|
747
|
-
|
|
862
|
+
- Change order of props spread to fix textarea focus glow, and smart resizing when onChange
|
|
863
|
+
passed in
|
|
748
864
|
|
|
749
865
|
## 0.2.5
|
|
750
866
|
|
|
751
|
-
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
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
|
|
756
873
|
|
|
757
874
|
## 0.2.4
|
|
758
875
|
|
|
759
|
-
-
|
|
876
|
+
- [patch][aab267bb3a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/aab267bb3a):
|
|
760
877
|
|
|
761
|
-
|
|
878
|
+
- Added test to make sure the props are passed down to hidden input
|
|
762
879
|
|
|
763
880
|
## 0.2.3
|
|
764
881
|
|
|
765
|
-
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
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
|
|
770
887
|
|
|
771
888
|
## 0.2.2
|
|
772
889
|
|
|
773
|
-
-
|
|
890
|
+
- [patch][9e6b592](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9e6b592):
|
|
774
891
|
|
|
775
|
-
|
|
892
|
+
- Added tslib import for textarea
|
|
776
893
|
|
|
777
894
|
## 0.2.1
|
|
778
895
|
|
|
779
|
-
-
|
|
896
|
+
- [patch][d13242d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d13242d):
|
|
780
897
|
|
|
781
|
-
|
|
898
|
+
- Change API to experimental theming API to namespace component themes into separate contexts
|
|
899
|
+
and make theming simpler. Update all dependant components.
|
|
782
900
|
|
|
783
901
|
## 0.2.0
|
|
784
902
|
|
|
785
|
-
-
|
|
903
|
+
- [minor][76a8f1c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76a8f1c):
|
|
786
904
|
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
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
|
|
790
909
|
|
|
791
910
|
## 0.1.1
|
|
792
911
|
|
|
793
|
-
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
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
|
|
798
917
|
|
|
799
918
|
## 0.1.0
|
|
800
919
|
|
|
801
|
-
-
|
|
920
|
+
- [minor][9d77c4e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d77c4e):
|
|
802
921
|
|
|
803
|
-
|
|
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': {
|
|
@@ -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.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
|
|
@@ -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.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': {
|
|
@@ -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.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
|
}
|