@atlaskit/form 8.11.12 → 9.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 +67 -55
  2. package/dist/cjs/checkbox-field.js +3 -4
  3. package/dist/cjs/field-id-context.js +1 -2
  4. package/dist/cjs/field.js +2 -2
  5. package/dist/cjs/fieldset.js +1 -2
  6. package/dist/cjs/form-header.js +11 -30
  7. package/dist/cjs/form-section.js +8 -24
  8. package/dist/cjs/form.js +2 -4
  9. package/dist/cjs/label.js +13 -37
  10. package/dist/cjs/messages.js +7 -19
  11. package/dist/cjs/range-field.js +3 -4
  12. package/dist/es2019/form-header.js +7 -23
  13. package/dist/es2019/form-section.js +7 -23
  14. package/dist/es2019/label.js +10 -31
  15. package/dist/es2019/messages.js +3 -13
  16. package/dist/esm/checkbox-field.js +2 -2
  17. package/dist/esm/field.js +2 -2
  18. package/dist/esm/form-header.js +7 -22
  19. package/dist/esm/form-section.js +7 -22
  20. package/dist/esm/label.js +11 -32
  21. package/dist/esm/messages.js +3 -12
  22. package/dist/esm/range-field.js +2 -2
  23. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,83 +1,95 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 9.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#41791](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41791) [`ec7c2a38247`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ec7c2a38247) - Removed all remaining legacy theming logic from the Calendar, Form, InlineDialog, InlineEdit and InlineMessage components.
8
+
9
+ ## 8.11.13
10
+
11
+ ### Patch Changes
12
+
13
+ - [#40650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40650) [`07aa588c8a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07aa588c8a4) - Reverts the fix to text descender cut-off, due to incompatibilities with Firefox and Safari.
14
+
3
15
  ## 8.11.12
4
16
 
5
17
  ### Patch Changes
6
18
 
7
- - [`56b444b56a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b444b56a8) - Fix a bug where text descenders were cut off at high zoom levels on Windows
19
+ - [#38209](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38209) [`56b444b56a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b444b56a8) - Fix a bug where text descenders were cut off at high zoom levels on Windows
8
20
 
9
21
  ## 8.11.11
10
22
 
11
23
  ### Patch Changes
12
24
 
13
- - [`02b609f1447`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02b609f1447) - Form now onboarded onto the product push model for Jira.
25
+ - [#38386](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38386) [`02b609f1447`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02b609f1447) - Form now onboarded onto the product push model for Jira.
14
26
 
15
27
  ## 8.11.10
16
28
 
17
29
  ### Patch Changes
18
30
 
19
- - [`7c7704ad529`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c7704ad529) - Imports from @atlaskit/form/Messages will no longer pull react-final-form and Field in the bundle.
31
+ - [#37900](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37900) [`7c7704ad529`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c7704ad529) - Imports from @atlaskit/form/Messages will no longer pull react-final-form and Field in the bundle.
20
32
 
21
33
  ## 8.11.9
22
34
 
23
35
  ### Patch Changes
24
36
 
25
- - [`85935c8cde4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85935c8cde4) - [ux] Denoting live region of form messages using aria-live attribute instead of alert role.
37
+ - [#37515](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37515) [`85935c8cde4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85935c8cde4) - [ux] Denoting live region of form messages using aria-live attribute instead of alert role.
26
38
 
27
39
  ## 8.11.8
28
40
 
29
41
  ### Patch Changes
30
42
 
31
- - [`421b74bf0f9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/421b74bf0f9) - Combines stylings of label and legend for simpler maintenance.
43
+ - [#35295](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35295) [`421b74bf0f9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/421b74bf0f9) - Combines stylings of label and legend for simpler maintenance.
32
44
  - [`215b4b5df50`](https://bitbucket.org/atlassian/atlassian-frontend/commits/215b4b5df50) - Removes redundant label from legend in fieldset.
33
45
 
34
46
  ## 8.11.7
35
47
 
36
48
  ### Patch Changes
37
49
 
38
- - [`ddb4e858a79`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ddb4e858a79) - Removes usage of deprecated theme mixins in favor of static token / color usage.
50
+ - [#32979](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32979) [`ddb4e858a79`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ddb4e858a79) - Removes usage of deprecated theme mixins in favor of static token / color usage.
39
51
 
40
52
  ## 8.11.6
41
53
 
42
54
  ### Patch Changes
43
55
 
44
- - [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
56
+ - [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652) [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
45
57
 
46
58
  ## 8.11.5
47
59
 
48
60
  ### Patch Changes
49
61
 
50
- - [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
62
+ - [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935) [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
51
63
 
52
64
  ## 8.11.4
53
65
 
54
66
  ### Patch Changes
55
67
 
56
- - [`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.
68
+ - [#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.
57
69
 
58
70
  ## 8.11.3
59
71
 
60
72
  ### Patch Changes
61
73
 
62
- - [`e8dbb0a281b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e8dbb0a281b) - add a11y support for alert messages
74
+ - [#33584](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33584) [`e8dbb0a281b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e8dbb0a281b) - add a11y support for alert messages
63
75
 
64
76
  ## 8.11.2
65
77
 
66
78
  ### Patch Changes
67
79
 
68
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
80
+ - [#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
69
81
 
70
82
  ## 8.11.1
71
83
 
72
84
  ### Patch Changes
73
85
 
74
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
86
+ - [#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`
75
87
 
76
88
  ## 8.11.0
77
89
 
78
90
  ### Minor Changes
79
91
 
80
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
92
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
81
93
 
82
94
  ### Patch Changes
83
95
 
@@ -87,19 +99,19 @@
87
99
 
88
100
  ### Minor Changes
89
101
 
90
- - [`c71b0ac8222`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c71b0ac8222) - Added testId prop to the Field component for better testing.
102
+ - [#32350](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32350) [`c71b0ac8222`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c71b0ac8222) - Added testId prop to the Field component for better testing.
91
103
 
92
104
  ## 8.9.1
93
105
 
94
106
  ### Patch Changes
95
107
 
96
- - [`eb179f0c089`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb179f0c089) - Migrates unit tests from enzyme to RTL.
108
+ - [#32437](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32437) [`eb179f0c089`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb179f0c089) - Migrates unit tests from enzyme to RTL.
97
109
 
98
110
  ## 8.9.0
99
111
 
100
112
  ### Minor Changes
101
113
 
102
- - [`824851f3580`](https://bitbucket.org/atlassian/atlassian-frontend/commits/824851f3580) - [ux] Gives added affordance to sighted users to get information on meaning of asterisk symbol on required fields.
114
+ - [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424) [`824851f3580`](https://bitbucket.org/atlassian/atlassian-frontend/commits/824851f3580) - [ux] Gives added affordance to sighted users to get information on meaning of asterisk symbol on required fields.
103
115
 
104
116
  ### Patch Changes
105
117
 
@@ -109,26 +121,26 @@
109
121
 
110
122
  ### Patch Changes
111
123
 
112
- - [`e0460d5d989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0460d5d989) - Usages of `process` are now guarded by a `typeof` check.
124
+ - [#32294](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32294) [`e0460d5d989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0460d5d989) - Usages of `process` are now guarded by a `typeof` check.
113
125
 
114
126
  ## 8.8.7
115
127
 
116
128
  ### Patch Changes
117
129
 
118
- - [`1c6c493447f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c6c493447f) - [ux] Place label and message fields in correct aria attributes.
130
+ - [#31891](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31891) [`1c6c493447f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c6c493447f) - [ux] Place label and message fields in correct aria attributes.
119
131
 
120
132
  ## 8.8.6
121
133
 
122
134
  ### Patch Changes
123
135
 
124
- - [`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) - Upgrades component types to support React 18.
136
+ - [#31206](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31206) [`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) - Upgrades component types to support React 18.
125
137
  - Updated dependencies
126
138
 
127
139
  ## 8.8.5
128
140
 
129
141
  ### Patch Changes
130
142
 
131
- - [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
143
+ - [#31338](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31338) [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
132
144
 
133
145
  ## 8.8.4
134
146
 
@@ -140,7 +152,7 @@
140
152
 
141
153
  ### Patch Changes
142
154
 
143
- - [`1b8e257525f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b8e257525f) - [ux] Message content now preserves whitespace between elements.
155
+ - [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`1b8e257525f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b8e257525f) - [ux] Message content now preserves whitespace between elements.
144
156
  - [`ea1ad1d867f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ea1ad1d867f) - Message typings have been corrected, removing a number of props. These props existed only in the type and had no effect when used.
145
157
 
146
158
  The props which were removed from the typings are:
@@ -167,7 +179,7 @@
167
179
 
168
180
  ### Minor Changes
169
181
 
170
- - [`f2d39d67a70`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2d39d67a70) - Fixed the issue where field's value was reset on the component re-mount.
182
+ - [#26712](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26712) [`f2d39d67a70`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2d39d67a70) - Fixed the issue where field's value was reset on the component re-mount.
171
183
 
172
184
  ## 8.7.1
173
185
 
@@ -179,7 +191,7 @@
179
191
 
180
192
  ### Minor Changes
181
193
 
182
- - [`500a96aa7de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/500a96aa7de) - Add elementAfterLabel prop to form Field.
194
+ - [#25860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25860) [`500a96aa7de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/500a96aa7de) - Add elementAfterLabel prop to form Field.
183
195
 
184
196
  ### Patch Changes
185
197
 
@@ -189,7 +201,7 @@
189
201
 
190
202
  ### Minor Changes
191
203
 
192
- - [`ae87a1a6d39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae87a1a6d39) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
204
+ - [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`ae87a1a6d39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae87a1a6d39) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
193
205
 
194
206
  ### Patch Changes
195
207
 
@@ -199,13 +211,13 @@
199
211
 
200
212
  ### Patch Changes
201
213
 
202
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
214
+ - [#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`
203
215
 
204
216
  ## 8.5.8
205
217
 
206
218
  ### Patch Changes
207
219
 
208
- - [`0fbb2840aba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fbb2840aba) - Add isInvalid prop to `@atlastkit/Select`. The prop indicates whether if the component is in the error state. If true, it visually shows a red border around the input.
220
+ - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`0fbb2840aba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fbb2840aba) - Add isInvalid prop to `@atlastkit/Select`. The prop indicates whether if the component is in the error state. If true, it visually shows a red border around the input.
209
221
 
210
222
  This replaces validationState to make Select more consistent like other components that uses isInvalid prop.
211
223
 
@@ -215,13 +227,13 @@
215
227
 
216
228
  ### Patch Changes
217
229
 
218
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
230
+ - [#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`.
219
231
 
220
232
  ## 8.5.6
221
233
 
222
234
  ### Patch Changes
223
235
 
224
- - [`f2b8ca863a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2b8ca863a0) - [ux] Updates to slightly darken fallback colors for field messages
236
+ - [#23485](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23485) [`f2b8ca863a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2b8ca863a0) - [ux] Updates to slightly darken fallback colors for field messages
225
237
 
226
238
  ## 8.5.5
227
239
 
@@ -233,7 +245,7 @@
233
245
 
234
246
  ### Patch Changes
235
247
 
236
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
248
+ - [#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
237
249
 
238
250
  ## 8.5.3
239
251
 
@@ -257,7 +269,7 @@
257
269
 
258
270
  ### Minor Changes
259
271
 
260
- - [`c987bb60a89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c987bb60a89) - Exposes an additional Label component in `@atlaskit/form` - this component is designed to be wrapped by the Field component but there are certain use cases that require a Label on its own. This is to fulfill those use cases.
272
+ - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`c987bb60a89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c987bb60a89) - Exposes an additional Label component in `@atlaskit/form` - this component is designed to be wrapped by the Field component but there are certain use cases that require a Label on its own. This is to fulfill those use cases.
261
273
 
262
274
  ### Patch Changes
263
275
 
@@ -281,13 +293,13 @@
281
293
 
282
294
  ### Patch Changes
283
295
 
284
- - [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
296
+ - [#17475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17475) [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
285
297
 
286
298
  ## 8.4.5
287
299
 
288
300
  ### Patch Changes
289
301
 
290
- - [`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.
302
+ - [#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.
291
303
  - Updated dependencies
292
304
 
293
305
  ## 8.4.4
@@ -300,25 +312,25 @@
300
312
 
301
313
  ### Patch Changes
302
314
 
303
- - [`2cf338dd802`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2cf338dd802) - Added homepage to package.json
315
+ - [#15981](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15981) [`2cf338dd802`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2cf338dd802) - Added homepage to package.json
304
316
 
305
317
  ## 8.4.2
306
318
 
307
319
  ### Patch Changes
308
320
 
309
- - [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
321
+ - [#15632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15632) [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
310
322
 
311
323
  ## 8.4.1
312
324
 
313
325
  ### Patch Changes
314
326
 
315
- - [`b9b3ab10494`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9b3ab10494) - There was a bug in 8.4.0 where the props in FormSection were not recognized. This has now been fixed.
327
+ - [#15148](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15148) [`b9b3ab10494`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9b3ab10494) - There was a bug in 8.4.0 where the props in FormSection were not recognized. This has now been fixed.
316
328
 
317
329
  ## 8.4.0
318
330
 
319
331
  ### Minor Changes
320
332
 
321
- - [`4e3c853e85f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e3c853e85f) - This change removes the dependency `styled-components`. It has been refactored to use `@emotion/core` instead and entrypoints have been updated. Some examples have also been updated. There should be no UI or UX change.
333
+ - [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319) [`4e3c853e85f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e3c853e85f) - This change removes the dependency `styled-components`. It has been refactored to use `@emotion/core` instead and entrypoints have been updated. Some examples have also been updated. There should be no UI or UX change.
322
334
 
323
335
  ### Patch Changes
324
336
 
@@ -335,7 +347,7 @@
335
347
 
336
348
  ### Minor Changes
337
349
 
338
- - [`4cab1a3d163`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4cab1a3d163) - Form is now instrumented with the new tokens theme implementation. This change is interoperable with the previous theme implementation.
350
+ - [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`4cab1a3d163`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4cab1a3d163) - Form is now instrumented with the new tokens theme implementation. This change is interoperable with the previous theme implementation.
339
351
 
340
352
  ### Patch Changes
341
353
 
@@ -345,46 +357,46 @@
345
357
 
346
358
  ### Patch Changes
347
359
 
348
- - [`f701489305f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f701489305f) - Export Field directly for types to be exported explicitly.
360
+ - [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`f701489305f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f701489305f) - Export Field directly for types to be exported explicitly.
349
361
  - Updated dependencies
350
362
 
351
363
  ## 8.2.3
352
364
 
353
365
  ### Patch Changes
354
366
 
355
- - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
367
+ - [#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`.
356
368
 
357
369
  ## 8.2.2
358
370
 
359
371
  ### Patch Changes
360
372
 
361
- - [`c50a63f9f72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c50a63f9f72) - Upgrade `@types/react-select` to `v3.1.2` and fix type breaks
373
+ - [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`c50a63f9f72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c50a63f9f72) - Upgrade `@types/react-select` to `v3.1.2` and fix type breaks
362
374
  - Updated dependencies
363
375
 
364
376
  ## 8.2.1
365
377
 
366
378
  ### Patch Changes
367
379
 
368
- - [`5af85edf960`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5af85edf960) - Internal code style change of default exports
380
+ - [#8478](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8478) [`5af85edf960`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5af85edf960) - Internal code style change of default exports
369
381
 
370
382
  ## 8.2.0
371
383
 
372
384
  ### Minor Changes
373
385
 
374
- - [`fa4256f9b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fa4256f9b0) - Add getState to FormProps for inspecting internal Form state (errors, values, et al)
386
+ - [#6930](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6930) [`fa4256f9b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fa4256f9b0) - Add getState to FormProps for inspecting internal Form state (errors, values, et al)
375
387
  - [`9552363cb7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9552363cb7) - [ux] Added a RangeField component to address issues surrounding Range having a different interface to other kinds of inputs. Use a RangeField instead of a Field when using a Range inside of a Form. You must provide a `defaultValue`.
376
388
 
377
389
  ## 8.1.7
378
390
 
379
391
  ### Patch Changes
380
392
 
381
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
393
+ - [#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
382
394
 
383
395
  ## 8.1.6
384
396
 
385
397
  ### Patch Changes
386
398
 
387
- - [`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.
399
+ - [#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.
388
400
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
389
401
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
390
402
 
@@ -398,13 +410,13 @@
398
410
 
399
411
  ### Patch Changes
400
412
 
401
- - [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
413
+ - [#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
402
414
 
403
415
  ## 8.1.3
404
416
 
405
417
  ### Patch Changes
406
418
 
407
- - [`741e4240d0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/741e4240d0) - Final form dependencies have been upgraded to their latest versions
419
+ - [#4424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4424) [`741e4240d0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/741e4240d0) - Final form dependencies have been upgraded to their latest versions
408
420
  - [`3773e0ad4e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3773e0ad4e) - There was an issue where the validate function in Field would return an incorrect value or even go unresponsive when mixing async and sync validators. This has been fixed by updating the version of `final-form`. The test that validates this is working has been re-enabled.
409
421
  - Updated dependencies
410
422
 
@@ -412,7 +424,7 @@
412
424
 
413
425
  ### Patch Changes
414
426
 
415
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
427
+ - [#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
416
428
 
417
429
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
418
430
  to prevent duplicates of tslib being bundled.
@@ -421,14 +433,14 @@
421
433
 
422
434
  ### Patch Changes
423
435
 
424
- - [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
436
+ - [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
425
437
  - [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
426
438
 
427
439
  ## 8.1.0
428
440
 
429
441
  ### Minor Changes
430
442
 
431
- - [`694fee4dcc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/694fee4dcc) - Adding validating status to meta for async validations, and make sure the default value of error in form is a string
443
+ - [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`694fee4dcc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/694fee4dcc) - Adding validating status to meta for async validations, and make sure the default value of error in form is a string
432
444
 
433
445
  ### Patch Changes
434
446
 
@@ -438,7 +450,7 @@
438
450
 
439
451
  ### Major Changes
440
452
 
441
- - [`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.
453
+ - [#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.
442
454
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
443
455
 
444
456
  ### Patch Changes
@@ -449,25 +461,25 @@
449
461
 
450
462
  ### Patch Changes
451
463
 
452
- - [`2e4000e57b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e4000e57b) - Form now fully supports object and array field names.
464
+ - [#2763](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2763) [`2e4000e57b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e4000e57b) - Form now fully supports object and array field names.
453
465
 
454
466
  ## 7.4.0
455
467
 
456
468
  ### Minor Changes
457
469
 
458
- - [`fc690a7dd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc690a7dd4) - HelperMessage, ErrorMessage and ValidMessage now have an optional prop testId that will set the attribute value data-testid.
470
+ - [#2443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2443) [`fc690a7dd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc690a7dd4) - HelperMessage, ErrorMessage and ValidMessage now have an optional prop testId that will set the attribute value data-testid.
459
471
 
460
472
  ## 7.3.1
461
473
 
462
474
  ### Patch Changes
463
475
 
464
- - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
476
+ - [#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
465
477
 
466
478
  ## 7.3.0
467
479
 
468
480
  ### Minor Changes
469
481
 
470
- - [`56d6259cf5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56d6259cf5) - Change FormHeader and FormSection to use h2 and h3 respectively for headings instead of h1 and h2.
482
+ - [#2137](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2137) [`56d6259cf5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56d6259cf5) - Change FormHeader and FormSection to use h2 and h3 respectively for headings instead of h1 and h2.
471
483
 
472
484
  ### Patch Changes
473
485
 
@@ -1348,7 +1360,7 @@
1348
1360
 
1349
1361
  ## 4.0.14
1350
1362
 
1351
- - [patch][c8d935f" d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c8d935f"
1363
+ - [patch][c8d935f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c8d935f"
1352
1364
  d):
1353
1365
 
1354
1366
  - Fixing form header styles
package/dist/cjs/checkbox-field.js CHANGED
@@ -19,8 +19,8 @@ var _excluded = ["children", "defaultIsChecked", "value"],
19
19
  _excluded5 = ["fieldProps"];
20
20
  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); }
21
21
  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; }
22
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
23
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
22
+ 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; }
23
+ 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; }
24
24
  /**
25
25
  * __Checkbox field__
26
26
  *
@@ -83,5 +83,4 @@ var CheckboxField = function CheckboxField(props) {
83
83
  CheckboxField.defaultProps = {
84
84
  defaultIsChecked: false
85
85
  };
86
- var _default = CheckboxField;
87
- exports.default = _default;
86
+ var _default = exports.default = CheckboxField;
package/dist/cjs/field-id-context.js CHANGED
@@ -10,5 +10,4 @@ var _react = require("react");
10
10
  *
11
11
  * A field id uses the context API. It provides the id of the field to message components. This links the message with the field of screenreaders.
12
12
  */
13
- var FieldId = /*#__PURE__*/(0, _react.createContext)(undefined);
14
- exports.FieldId = FieldId;
13
+ var FieldId = exports.FieldId = /*#__PURE__*/(0, _react.createContext)(undefined);
package/dist/cjs/field.js CHANGED
@@ -16,8 +16,8 @@ var _fieldIdContext = require("./field-id-context");
16
16
  var _form = require("./form");
17
17
  var _label = require("./label");
18
18
  var _requiredAsterisk = _interopRequireDefault(require("./required-asterisk"));
19
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
20
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
19
+ 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; }
20
+ 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; } /** @jsx jsx */
21
21
  var fieldWrapperStyles = (0, _react2.css)({
22
22
  marginTop: "var(--ds-space-100, 8px)"
23
23
  });
package/dist/cjs/fieldset.js CHANGED
@@ -29,5 +29,4 @@ var Fieldset = function Fieldset(_ref) {
29
29
  css: fieldSetStyles
30
30
  }, legend && (0, _react.jsx)(_label.Legend, null, legend), children);
31
31
  };
32
- var _default = Fieldset;
33
- exports.default = _default;
32
+ var _default = exports.default = Fieldset;
package/dist/cjs/form-header.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = exports.FormHeaderTitle = exports.FormHeaderDescription = exports.FormHeaderContent = void 0;
7
7
  var _react = require("@emotion/react");
8
- var _components = require("@atlaskit/theme/components");
9
8
  var _constants = require("@atlaskit/theme/constants");
10
9
  var _typography = require("@atlaskit/theme/typography");
11
10
  /** @jsx jsx */
@@ -13,64 +12,47 @@ var _typography = require("@atlaskit/theme/typography");
13
12
  var fontFamily = (0, _constants.fontFamily)();
14
13
  var formHeaderContentStyles = (0, _react.css)({
15
14
  minWidth: '100%',
16
- marginTop: "var(--ds-space-100, 8px)"
15
+ marginBlockStart: "var(--ds-space-100, 8px)"
17
16
  });
18
17
  var formHeaderDescriptionStyles = (0, _react.css)({
19
- marginTop: "var(--ds-space-100, 8px)"
18
+ marginBlockStart: "var(--ds-space-100, 8px)"
20
19
  });
21
20
  var formHeaderTitleStyles = (0, _react.css)({
22
- marginTop: 0,
23
- marginRight: "var(--ds-space-400, 32px)",
24
21
  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
22
+ marginBlockStart: 0,
23
+ marginInlineEnd: "var(--ds-space-400, 32px)",
24
+ overflow: 'hidden',
25
25
  textOverflow: 'ellipsis',
26
- whiteSpace: 'nowrap',
27
- // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
28
- '@supports not (overflow-x: clip)': {
29
- overflow: 'hidden'
30
- },
31
- '@supports (overflow-x: clip)': {
32
- overflowX: 'clip'
33
- }
26
+ whiteSpace: 'nowrap'
34
27
  });
35
28
  var formHeaderWrapperStyles = (0, _react.css)({
36
29
  fontFamily: "".concat(fontFamily)
37
30
  });
38
31
 
39
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
40
- var darkH700Styles = (0, _react.css)((0, _typography.h700)({
41
- theme: {
42
- mode: 'dark'
43
- }
44
- }));
45
32
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
46
33
  var lightH700Styles = (0, _react.css)((0, _typography.h700)({
47
34
  theme: {
48
35
  mode: 'light'
49
36
  }
50
37
  }));
51
- var FormHeaderContent = function FormHeaderContent(_ref) {
38
+ var FormHeaderContent = exports.FormHeaderContent = function FormHeaderContent(_ref) {
52
39
  var children = _ref.children;
53
40
  return (0, _react.jsx)("div", {
54
41
  css: formHeaderContentStyles
55
42
  }, children);
56
43
  };
57
- exports.FormHeaderContent = FormHeaderContent;
58
- var FormHeaderDescription = function FormHeaderDescription(_ref2) {
44
+ var FormHeaderDescription = exports.FormHeaderDescription = function FormHeaderDescription(_ref2) {
59
45
  var children = _ref2.children;
60
46
  return (0, _react.jsx)("div", {
61
47
  css: formHeaderDescriptionStyles
62
48
  }, children);
63
49
  };
64
- exports.FormHeaderDescription = FormHeaderDescription;
65
- var FormHeaderTitle = function FormHeaderTitle(_ref3) {
50
+ var FormHeaderTitle = exports.FormHeaderTitle = function FormHeaderTitle(_ref3) {
66
51
  var children = _ref3.children;
67
- var _useGlobalTheme = (0, _components.useGlobalTheme)(),
68
- mode = _useGlobalTheme.mode;
69
52
  return (0, _react.jsx)("h2", {
70
- css: [mode === 'light' ? lightH700Styles : darkH700Styles, formHeaderTitleStyles]
53
+ css: [lightH700Styles, formHeaderTitleStyles]
71
54
  }, children);
72
55
  };
73
- exports.FormHeaderTitle = FormHeaderTitle;
74
56
  var FormHeaderWrapper = function FormHeaderWrapper(_ref4) {
75
57
  var children = _ref4.children;
76
58
  return (0, _react.jsx)("div", {
@@ -94,5 +76,4 @@ var FormHeader = function FormHeader(_ref5) {
94
76
  title = _ref5.title;
95
77
  return (0, _react.jsx)(FormHeaderWrapper, null, title && (0, _react.jsx)(FormHeaderTitle, null, title), description && (0, _react.jsx)(FormHeaderDescription, null, description), children && (0, _react.jsx)(FormHeaderContent, null, children));
96
78
  };
97
- var _default = FormHeader;
98
- exports.default = _default;
79
+ var _default = exports.default = FormHeader;