@atlaskit/textfield 5.6.7 → 6.0.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.
Files changed (23) hide show
  1. package/CHANGELOG.md +59 -47
  2. package/codemods/migrations/utils.tsx +2 -1
  3. package/dist/cjs/index.js +1 -8
  4. package/dist/cjs/styles.js +44 -101
  5. package/dist/cjs/text-field.js +40 -34
  6. package/dist/es2019/index.js +1 -2
  7. package/dist/es2019/styles.js +44 -95
  8. package/dist/es2019/text-field.js +34 -26
  9. package/dist/esm/index.js +1 -2
  10. package/dist/esm/styles.js +43 -94
  11. package/dist/esm/text-field.js +38 -31
  12. package/dist/types/index.d.ts +0 -1
  13. package/dist/types/styles.d.ts +2 -127
  14. package/dist/types-ts4.5/index.d.ts +0 -1
  15. package/dist/types-ts4.5/styles.d.ts +2 -127
  16. package/package.json +4 -3
  17. package/report.api.md +0 -126
  18. package/tmp/api-report-tmp.d.ts +0 -126
  19. package/dist/cjs/component-tokens.js +0 -63
  20. package/dist/es2019/component-tokens.js +0 -46
  21. package/dist/esm/component-tokens.js +0 -46
  22. package/dist/types/component-tokens.d.ts +0 -44
  23. package/dist/types-ts4.5/component-tokens.d.ts +0 -44
package/CHANGELOG.md CHANGED
@@ -1,52 +1,64 @@
1
1
  # @atlaskit/textfield
2
2
 
3
+ ## 6.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#42569](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42569) [`df6d526f3c8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df6d526f3c8) - Removed all remaining legacy theming logic from the TextField component.
8
+
9
+ ## 5.6.8
10
+
11
+ ### Patch Changes
12
+
13
+ - [#40987](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40987) [`3039d60a810`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3039d60a810) - Make spread props present in types explicit.
14
+
3
15
  ## 5.6.7
4
16
 
5
17
  ### Patch Changes
6
18
 
7
- - [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
19
+ - [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787) [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
8
20
 
9
21
  ## 5.6.6
10
22
 
11
23
  ### Patch Changes
12
24
 
13
- - [`29941aaea33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29941aaea33) - update focused fallback color to meet contrast requirement
25
+ - [#37613](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37613) [`29941aaea33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29941aaea33) - update focused fallback color to meet contrast requirement
14
26
 
15
27
  ## 5.6.5
16
28
 
17
29
  ### Patch Changes
18
30
 
19
- - [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`.
31
+ - [#39128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39128) [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`.
20
32
 
21
33
  ## 5.6.4
22
34
 
23
35
  ### Patch Changes
24
36
 
25
- - [`356d6ebed05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6ebed05) - This package is now onboarded onto the product push model.
37
+ - [#38201](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38201) [`356d6ebed05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6ebed05) - This package is now onboarded onto the product push model.
26
38
 
27
39
  ## 5.6.3
28
40
 
29
41
  ### Patch Changes
30
42
 
31
- - [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
43
+ - [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
32
44
 
33
45
  ## 5.6.2
34
46
 
35
47
  ### Patch Changes
36
48
 
37
- - [`a01cf0168b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a01cf0168b8) - update border width with border spacing token
49
+ - [#36661](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36661) [`a01cf0168b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a01cf0168b8) - update border width with border spacing token
38
50
 
39
51
  ## 5.6.1
40
52
 
41
53
  ### Patch Changes
42
54
 
43
- - [`3a8d6f61240`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a8d6f61240) - [ux] Adds `text-overflow: ellipsis` to placeholder text.
55
+ - [#36066](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36066) [`3a8d6f61240`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a8d6f61240) - [ux] Adds `text-overflow: ellipsis` to placeholder text.
44
56
 
45
57
  ## 5.6.0
46
58
 
47
59
  ### Minor Changes
48
60
 
49
- - [`a90730ddb33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a90730ddb33) - Disallow use of unused prop `disabled`. Disabled textfields should use
61
+ - [#35766](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35766) [`a90730ddb33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a90730ddb33) - Disallow use of unused prop `disabled`. Disabled textfields should use
50
62
  `isDisabled`. This change includes a codemod for transitioning existing code
51
63
  over to the proper usage.
52
64
 
@@ -54,43 +66,43 @@
54
66
 
55
67
  ### Patch Changes
56
68
 
57
- - [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
69
+ - [#35111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35111) [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
58
70
 
59
71
  ## 5.5.1
60
72
 
61
73
  ### Patch Changes
62
74
 
63
- - [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
75
+ - [#34881](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34881) [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
64
76
 
65
77
  ## 5.5.0
66
78
 
67
79
  ### Minor Changes
68
80
 
69
- - [`c9c3a3f43af`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c9c3a3f43af) - [ux] reduce border width to 1px and update fallback color of border
81
+ - [#33167](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33167) [`c9c3a3f43af`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c9c3a3f43af) - [ux] reduce border width to 1px and update fallback color of border
70
82
 
71
83
  ## 5.4.3
72
84
 
73
85
  ### Patch Changes
74
86
 
75
- - [`49b08bfdf5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49b08bfdf5f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
87
+ - [#34051](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34051) [`49b08bfdf5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49b08bfdf5f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
76
88
 
77
89
  ## 5.4.2
78
90
 
79
91
  ### Patch Changes
80
92
 
81
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
93
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
82
94
 
83
95
  ## 5.4.1
84
96
 
85
97
  ### Patch Changes
86
98
 
87
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
99
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
88
100
 
89
101
  ## 5.4.0
90
102
 
91
103
  ### Minor Changes
92
104
 
93
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
105
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
94
106
 
95
107
  ### Patch Changes
96
108
 
@@ -100,7 +112,7 @@
100
112
 
101
113
  ### Patch Changes
102
114
 
103
- - [`e028bee17df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e028bee17df) - [ux] fix(style): update fallback color of placeholder to meet contrast requirement
115
+ - [#33004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33004) [`e028bee17df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e028bee17df) - [ux] fix(style): update fallback color of placeholder to meet contrast requirement
104
116
 
105
117
  ## 5.3.6
106
118
 
@@ -136,31 +148,31 @@
136
148
 
137
149
  ### Patch Changes
138
150
 
139
- - [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
151
+ - [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303) [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
140
152
 
141
153
  ## 5.3.0
142
154
 
143
155
  ### Minor Changes
144
156
 
145
- - [`b8841384da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8841384da6) - Disabled background and border styles should not be applied to components that have either no background or transparent background to begin with. Textfield and textarea variants that do not have backgrounds (sublte or none) have no backgrounds or borders applied when disabled. As such, any comopnents that consume these will also be affected.
157
+ - [#24968](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24968) [`b8841384da6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8841384da6) - Disabled background and border styles should not be applied to components that have either no background or transparent background to begin with. Textfield and textarea variants that do not have backgrounds (sublte or none) have no backgrounds or borders applied when disabled. As such, any comopnents that consume these will also be affected.
146
158
 
147
159
  ## 5.2.2
148
160
 
149
161
  ### Patch Changes
150
162
 
151
- - [`bedbdec0e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bedbdec0e82) - Update hover state appearance of subtle Textarea, Textfield and Select components to match the hover states of their default counterparts.
163
+ - [#25314](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25314) [`bedbdec0e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bedbdec0e82) - Update hover state appearance of subtle Textarea, Textfield and Select components to match the hover states of their default counterparts.
152
164
 
153
165
  ## 5.2.1
154
166
 
155
167
  ### Patch Changes
156
168
 
157
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
169
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
158
170
 
159
171
  ## 5.2.0
160
172
 
161
173
  ### Minor Changes
162
174
 
163
- - [`acf974e717c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/acf974e717c) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
175
+ - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`acf974e717c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/acf974e717c) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
164
176
 
165
177
  ### Patch Changes
166
178
 
@@ -170,13 +182,13 @@
170
182
 
171
183
  ### Patch Changes
172
184
 
173
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
185
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
174
186
 
175
187
  ## 5.1.12
176
188
 
177
189
  ### Patch Changes
178
190
 
179
- - [`7c14ea36248`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c14ea36248) - [ux] Updated input tokens within `@atlaskit/textfield`.
191
+ - [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`7c14ea36248`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c14ea36248) - [ux] Updated input tokens within `@atlaskit/textfield`.
180
192
 
181
193
  ## 5.1.11
182
194
 
@@ -188,7 +200,7 @@
188
200
 
189
201
  ### Patch Changes
190
202
 
191
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
203
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
192
204
 
193
205
  ## 5.1.9
194
206
 
@@ -200,7 +212,7 @@
200
212
 
201
213
  ### Patch Changes
202
214
 
203
- - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
215
+ - [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
204
216
  - Updated dependencies
205
217
 
206
218
  ## 5.1.7
@@ -213,7 +225,7 @@
213
225
 
214
226
  ### Patch Changes
215
227
 
216
- - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
228
+ - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
217
229
  - Updated dependencies
218
230
 
219
231
  ## 5.1.5
@@ -226,7 +238,7 @@
226
238
 
227
239
  ### Patch Changes
228
240
 
229
- - [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
241
+ - [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
230
242
  - Updated dependencies
231
243
 
232
244
  ## 5.1.3
@@ -251,7 +263,7 @@
251
263
 
252
264
  ### Minor Changes
253
265
 
254
- - [`78ba9e045b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78ba9e045b8) - Internal refactor to align to the design system techstack.
266
+ - [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`78ba9e045b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78ba9e045b8) - Internal refactor to align to the design system techstack.
255
267
  - [`4d34d35270e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4d34d35270e) - Instrumented text field with the new theming package, `@atlaskit/tokens`.
256
268
 
257
269
  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
@@ -268,38 +280,38 @@
268
280
 
269
281
  ### Patch Changes
270
282
 
271
- - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
283
+ - [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
272
284
 
273
285
  ## 5.0.4
274
286
 
275
287
  ### Patch Changes
276
288
 
277
- - [`a7d1415e5e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7d1415e5e6) - [ux] add high contrast mode supporting for Textfield
289
+ - [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328) [`a7d1415e5e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7d1415e5e6) - [ux] add high contrast mode supporting for Textfield
278
290
  - Updated dependencies
279
291
 
280
292
  ## 5.0.3
281
293
 
282
294
  ### Patch Changes
283
295
 
284
- - [`6f0bbf09744`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f0bbf09744) - [ux] Fix disabled TextField text contrast on Safari/WebKit browsers
296
+ - [#11649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11649) [`6f0bbf09744`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f0bbf09744) - [ux] Fix disabled TextField text contrast on Safari/WebKit browsers
285
297
 
286
298
  ## 5.0.2
287
299
 
288
300
  ### Patch Changes
289
301
 
290
- - [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
302
+ - [#12167](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12167) [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
291
303
 
292
304
  ## 5.0.1
293
305
 
294
306
  ### Patch Changes
295
307
 
296
- - [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
308
+ - [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
297
309
 
298
310
  ## 5.0.0
299
311
 
300
312
  ### Major Changes
301
313
 
302
- - [`9d0f54a809`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d0f54a809)
314
+ - [#7170](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7170) [`9d0f54a809`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d0f54a809)
303
315
 
304
316
  **Summary**
305
317
 
@@ -399,13 +411,13 @@
399
411
 
400
412
  ### Patch Changes
401
413
 
402
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
414
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
403
415
 
404
416
  ## 4.0.9
405
417
 
406
418
  ### Patch Changes
407
419
 
408
- - [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
420
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
409
421
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
410
422
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
411
423
 
@@ -419,26 +431,26 @@
419
431
 
420
432
  ### Patch Changes
421
433
 
422
- - [`2ac834240e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ac834240e) - Undo analytics-next file restructure to allow external ts definitions to continue working
434
+ - [#5164](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5164) [`2ac834240e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ac834240e) - Undo analytics-next file restructure to allow external ts definitions to continue working
423
435
 
424
436
  ## 4.0.6
425
437
 
426
438
  ### Patch Changes
427
439
 
428
- - [`6529a49064`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6529a49064) - Removed IE11 and outdated browser-prefixed styles targeting the placeholder attribute
440
+ - [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749) [`6529a49064`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6529a49064) - Removed IE11 and outdated browser-prefixed styles targeting the placeholder attribute
429
441
  - Updated dependencies
430
442
 
431
443
  ## 4.0.5
432
444
 
433
445
  ### Patch Changes
434
446
 
435
- - [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
447
+ - [#4707](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4707) [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
436
448
 
437
449
  ## 4.0.4
438
450
 
439
451
  ### Patch Changes
440
452
 
441
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
453
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
442
454
 
443
455
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
444
456
  to prevent duplicates of tslib being bundled.
@@ -447,25 +459,25 @@
447
459
 
448
460
  ### Patch Changes
449
461
 
450
- - [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release
462
+ - [#4393](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4393) [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release
451
463
 
452
464
  ## 4.0.2
453
465
 
454
466
  ### Patch Changes
455
467
 
456
- - [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
468
+ - [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
457
469
 
458
470
  ## 4.0.1
459
471
 
460
472
  ### Patch Changes
461
473
 
462
- - [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
474
+ - [#3293](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3293) [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
463
475
 
464
476
  ## 4.0.0
465
477
 
466
478
  ### Major Changes
467
479
 
468
- - [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
480
+ - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
469
481
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
470
482
 
471
483
  ### Patch Changes
@@ -476,13 +488,13 @@
476
488
 
477
489
  ### Patch Changes
478
490
 
479
- - [`088c636cbd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/088c636cbd) - Updated disabled state border-color to match the ADG spec. It now appears as if there is no border on a disabled textfield.
491
+ - [#2763](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2763) [`088c636cbd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/088c636cbd) - Updated disabled state border-color to match the ADG spec. It now appears as if there is no border on a disabled textfield.
480
492
 
481
493
  ## 3.1.12
482
494
 
483
495
  ### Patch Changes
484
496
 
485
- - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
497
+ - [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
486
498
 
487
499
  ## 3.1.11
488
500
 
@@ -494,7 +506,7 @@
494
506
 
495
507
  ### Patch Changes
496
508
 
497
- - [`83f4f94df3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83f4f94df3) - Change imports to comply with Atlassian conventions- Updated dependencies
509
+ - [#1868](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/1868) [`83f4f94df3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83f4f94df3) - Change imports to comply with Atlassian conventions- Updated dependencies
498
510
 
499
511
  ## 3.1.9
500
512
 
package/codemods/migrations/utils.tsx CHANGED
@@ -5,6 +5,7 @@ import core, {
5
5
  Identifier,
6
6
  ImportDeclaration,
7
7
  ImportSpecifier,
8
+ JSXAttribute,
8
9
  Options,
9
10
  Program,
10
11
  } from 'jscodeshift';
@@ -58,7 +59,7 @@ export function getJSXAttributesByName(
58
59
  j: core.JSCodeshift,
59
60
  element: ASTPath<any>,
60
61
  attributeName: string,
61
- ) {
62
+ ): Collection<JSXAttribute> {
62
63
  return j(element)
63
64
  .find(j.JSXOpeningElement)
64
65
  .find(j.JSXAttribute)
package/dist/cjs/index.js CHANGED
@@ -4,17 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- Object.defineProperty(exports, "TextFieldColors", {
8
- enumerable: true,
9
- get: function get() {
10
- return _styles.textFieldColors;
11
- }
12
- });
13
7
  Object.defineProperty(exports, "default", {
14
8
  enumerable: true,
15
9
  get: function get() {
16
10
  return _textField.default;
17
11
  }
18
12
  });
19
- var _textField = _interopRequireDefault(require("./text-field"));
20
- var _styles = require("./styles");
13
+ var _textField = _interopRequireDefault(require("./text-field"));
package/dist/cjs/styles.js CHANGED
@@ -1,116 +1,78 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
- exports.textFieldColors = exports.inputStyles = exports.containerStyles = void 0;
7
+ exports.inputStyles = exports.containerStyles = void 0;
9
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
9
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
10
  var _colors = require("@atlaskit/theme/colors");
12
11
  var _constants = require("@atlaskit/theme/constants");
13
- var componentTokens = _interopRequireWildcard(require("./component-tokens"));
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
12
  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; }
17
13
  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; }
18
14
  var fontSize = (0, _constants.fontSize)();
19
15
  var gridSize = (0, _constants.gridSize)();
20
- var disabledRules = {
21
- light: {
22
- backgroundColor: componentTokens.disabledBackgroundColor.light,
23
- backgroundColorHover: componentTokens.disabledBackgroundColor.light,
24
- borderColor: componentTokens.disabledBackgroundColor.light,
25
- textColor: componentTokens.disabledTextColor.light
26
- },
27
- dark: {
28
- backgroundColor: componentTokens.disabledBackgroundColor.dark,
29
- backgroundColorHover: componentTokens.disabledBackgroundColor.dark,
30
- borderColor: componentTokens.disabledBackgroundColor.dark,
31
- textColor: componentTokens.disabledTextColor.dark
32
- }
33
- };
34
- var invalidRules = {
35
- light: {
36
- // ----
37
- backgroundColor: componentTokens.defaultBackgroundColor.light,
38
- backgroundColorHover: componentTokens.defaultBackgroundColorHover.light,
39
- // ^--- the above values aren't used directly they remain because its exposed by the `textFieldColors` export
40
- backgroundColorFocus: componentTokens.defaultBackgroundColorFocus.light,
41
- borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")"),
42
- borderColorFocus: componentTokens.defaultBorderColorFocus.light
43
- },
44
- dark: {
45
- // ----
46
- backgroundColor: componentTokens.defaultBackgroundColor.dark,
47
- backgroundColorHover: componentTokens.defaultBackgroundColorHover.dark,
48
- // ^--- the above values aren't used directly they remain because its exposed by the `textFieldColors` export
49
- backgroundColorFocus: componentTokens.defaultBackgroundColorFocus.dark,
50
- borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")"),
51
- borderColorFocus: componentTokens.defaultBorderColorFocus.dark
52
- }
53
- };
54
16
  var backgroundColor = {
55
- standard: componentTokens.defaultBackgroundColor,
56
- subtle: componentTokens.transparent,
57
- none: componentTokens.transparent
17
+ standard: "var(--ds-background-input, ".concat(_colors.N10, ")"),
18
+ subtle: 'transparent',
19
+ none: 'transparent'
58
20
  };
59
21
  var backgroundColorFocus = {
60
- standard: componentTokens.defaultBackgroundColorFocus,
61
- subtle: componentTokens.defaultBackgroundColorFocus,
62
- none: componentTokens.transparent
22
+ standard: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")"),
23
+ subtle: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")"),
24
+ none: 'transparent'
63
25
  };
64
26
  var backgroundColorHover = {
65
- standard: componentTokens.defaultBackgroundColorHover,
66
- subtle: componentTokens.defaultBackgroundColorHover,
67
- none: componentTokens.transparent
27
+ standard: "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
28
+ subtle: "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
29
+ none: 'transparent'
68
30
  };
69
31
  var borderColor = {
70
- standard: componentTokens.defaultBorderColor,
71
- subtle: componentTokens.transparent,
72
- none: componentTokens.transparent
32
+ standard: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
33
+ subtle: 'transparent',
34
+ none: 'transparent'
73
35
  };
74
36
  var borderColorFocus = {
75
- standard: componentTokens.defaultBorderColorFocus,
76
- subtle: componentTokens.defaultBorderColorFocus,
77
- none: componentTokens.transparent
37
+ standard: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
38
+ subtle: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
39
+ none: 'transparent'
78
40
  };
79
41
  var borderColorHover = {
80
- standard: componentTokens.defaultBorderColor,
81
- subtle: componentTokens.subtleBorderColorHover,
82
- none: componentTokens.transparent
42
+ standard: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
43
+ subtle: "var(--ds-border-input, transparent)",
44
+ none: 'transparent'
83
45
  };
84
- var getContainerTextBgAndBorderColor = function getContainerTextBgAndBorderColor(appearance, mode) {
46
+ var getContainerTextBgAndBorderColor = function getContainerTextBgAndBorderColor(appearance) {
85
47
  return {
86
- backgroundColor: backgroundColor[appearance][mode],
87
- borderColor: borderColor[appearance][mode],
88
- color: componentTokens.textColor[mode],
48
+ backgroundColor: backgroundColor[appearance],
49
+ borderColor: borderColor[appearance],
50
+ color: "var(--ds-text, ".concat(_colors.N900, ")"),
89
51
  cursor: 'text',
90
52
  '&:hover:not([data-disabled])': {
91
- backgroundColor: backgroundColorHover[appearance][mode],
92
- borderColor: borderColorHover[appearance][mode]
53
+ backgroundColor: backgroundColorHover[appearance],
54
+ borderColor: borderColorHover[appearance]
93
55
  },
94
56
  '&:focus-within:not([data-disabled])': {
95
- backgroundColor: backgroundColorFocus[appearance][mode],
96
- borderColor: borderColorFocus[appearance][mode],
97
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance][mode]) : undefined
57
+ backgroundColor: backgroundColorFocus[appearance],
58
+ borderColor: borderColorFocus[appearance],
59
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance]) : undefined
98
60
  },
99
61
  '&[data-disabled]': _objectSpread({
100
- color: disabledRules[mode].textColor,
62
+ color: "var(--ds-text-disabled, ".concat(_colors.N70, ")"),
101
63
  cursor: 'not-allowed'
102
64
  }, appearance === 'standard' && {
103
- backgroundColor: disabledRules[mode].backgroundColor,
104
- borderColor: disabledRules[mode].borderColor
65
+ backgroundColor: "var(--ds-background-disabled, ".concat(_colors.N10, ")"),
66
+ borderColor: "var(--ds-background-disabled, ".concat(_colors.N10, ")")
105
67
  }),
106
68
  '&[data-invalid], &[data-invalid]:hover': {
107
- borderColor: invalidRules[mode].borderColor,
108
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules[mode].borderColor) : undefined
69
+ borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")"),
70
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, ".concat(_colors.R400, ")")) : undefined
109
71
  },
110
72
  '&[data-invalid]:focus-within': {
111
- backgroundColor: invalidRules[mode].backgroundColorFocus,
112
- borderColor: invalidRules[mode].borderColorFocus,
113
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules[mode].borderColorFocus) : undefined
73
+ backgroundColor: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")"),
74
+ borderColor: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
75
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(_colors.B200, ")")) : undefined
114
76
  },
115
77
  '@media screen and (-ms-high-contrast: active)': {
116
78
  '&[data-invalid]:focus-within': {
@@ -135,15 +97,13 @@ var widthMap = {
135
97
  var getMaxWidth = function getMaxWidth(width) {
136
98
  return !width ? "100%" : width in widthMap ? widthMap[width] : +width;
137
99
  };
138
- var containerStyles = function containerStyles(appearance, mode, width) {
100
+ var containerStyles = exports.containerStyles = function containerStyles(appearance, width) {
139
101
  return _objectSpread(_objectSpread(_objectSpread({
140
102
  alignItems: 'center'
141
- }, getContainerTextBgAndBorderColor(appearance, mode)), {}, {
103
+ }, getContainerTextBgAndBorderColor(appearance)), {}, {
142
104
  borderRadius: 3,
143
105
  borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 2
144
- }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ?
145
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
146
- {
106
+ }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? {
147
107
  padding: "var(--ds-border-width, 1px)".concat(" 0")
148
108
  } : {}), {}, {
149
109
  borderStyle: appearance === 'none' ? 'none' : 'solid',
@@ -160,8 +120,7 @@ var containerStyles = function containerStyles(appearance, mode, width) {
160
120
  pointerEvents: 'auto'
161
121
  });
162
122
  };
163
- exports.containerStyles = containerStyles;
164
- var inputStyles = function inputStyles(mode) {
123
+ var inputStyles = exports.inputStyles = function inputStyles() {
165
124
  return {
166
125
  backgroundColor: 'transparent',
167
126
  border: 0,
@@ -189,7 +148,7 @@ var inputStyles = function inputStyles(mode) {
189
148
  // Safari (WebKit) adds a -webkit-text-fill-color style to disabled inputs
190
149
  // which takes priority over color and makes the text unreadable. Need to
191
150
  // override it with the color we want.
192
- WebkitTextFillColor: disabledRules[mode].textColor
151
+ WebkitTextFillColor: "var(--ds-text-disabled, ".concat(_colors.N70, ")")
193
152
  },
194
153
  // Hide the clear indicator on Edge (Windows only)
195
154
  '&::-ms-clear': {
@@ -202,9 +161,9 @@ var inputStyles = function inputStyles(mode) {
202
161
  textOverflow: 'ellipsis'
203
162
  },
204
163
  '&::placeholder': {
205
- color: componentTokens.placeholderTextColor[mode],
164
+ color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
206
165
  '&:disabled': {
207
- color: disabledRules[mode].textColor
166
+ color: "var(--ds-text-disabled, ".concat(_colors.N70, ")")
208
167
  }
209
168
  },
210
169
  '@media screen and (-ms-high-contrast: active)': {
@@ -213,20 +172,4 @@ var inputStyles = function inputStyles(mode) {
213
172
  }
214
173
  }
215
174
  };
216
- };
217
-
218
- // TODO: Remove when removing legacy theming.
219
- exports.inputStyles = inputStyles;
220
- var textFieldColors = {
221
- backgroundColor: backgroundColor,
222
- backgroundColorFocus: backgroundColorFocus,
223
- backgroundColorHover: backgroundColorHover,
224
- borderColor: borderColor,
225
- borderColorFocus: borderColorFocus,
226
- borderColorHover: borderColorHover,
227
- placeholderTextColor: componentTokens.placeholderTextColor,
228
- textColor: componentTokens.textColor,
229
- invalidRules: invalidRules,
230
- disabledRules: disabledRules
231
- };
232
- exports.textFieldColors = textFieldColors;
175
+ };