@atlaskit/form 8.11.12 → 8.11.13

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 (19) hide show
  1. package/CHANGELOG.md +61 -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 +6 -16
  7. package/dist/cjs/form-section.js +3 -10
  8. package/dist/cjs/form.js +2 -4
  9. package/dist/cjs/label.js +3 -6
  10. package/dist/cjs/messages.js +4 -7
  11. package/dist/cjs/range-field.js +3 -4
  12. package/dist/es2019/form-header.js +2 -8
  13. package/dist/es2019/form-section.js +2 -8
  14. package/dist/esm/checkbox-field.js +2 -2
  15. package/dist/esm/field.js +2 -2
  16. package/dist/esm/form-header.js +2 -8
  17. package/dist/esm/form-section.js +2 -8
  18. package/dist/esm/range-field.js +2 -2
  19. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,83 +1,89 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 8.11.13
4
+
5
+ ### Patch Changes
6
+
7
+ - [#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.
8
+
3
9
  ## 8.11.12
4
10
 
5
11
  ### Patch Changes
6
12
 
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
13
+ - [#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
14
 
9
15
  ## 8.11.11
10
16
 
11
17
  ### Patch Changes
12
18
 
13
- - [`02b609f1447`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02b609f1447) - Form now onboarded onto the product push model for Jira.
19
+ - [#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
20
 
15
21
  ## 8.11.10
16
22
 
17
23
  ### Patch Changes
18
24
 
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.
25
+ - [#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
26
 
21
27
  ## 8.11.9
22
28
 
23
29
  ### Patch Changes
24
30
 
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.
31
+ - [#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
32
 
27
33
  ## 8.11.8
28
34
 
29
35
  ### Patch Changes
30
36
 
31
- - [`421b74bf0f9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/421b74bf0f9) - Combines stylings of label and legend for simpler maintenance.
37
+ - [#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
38
  - [`215b4b5df50`](https://bitbucket.org/atlassian/atlassian-frontend/commits/215b4b5df50) - Removes redundant label from legend in fieldset.
33
39
 
34
40
  ## 8.11.7
35
41
 
36
42
  ### Patch Changes
37
43
 
38
- - [`ddb4e858a79`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ddb4e858a79) - Removes usage of deprecated theme mixins in favor of static token / color usage.
44
+ - [#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
45
 
40
46
  ## 8.11.6
41
47
 
42
48
  ### Patch Changes
43
49
 
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.
50
+ - [#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
51
 
46
52
  ## 8.11.5
47
53
 
48
54
  ### Patch Changes
49
55
 
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.
56
+ - [#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
57
 
52
58
  ## 8.11.4
53
59
 
54
60
  ### Patch Changes
55
61
 
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.
62
+ - [#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
63
 
58
64
  ## 8.11.3
59
65
 
60
66
  ### Patch Changes
61
67
 
62
- - [`e8dbb0a281b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e8dbb0a281b) - add a11y support for alert messages
68
+ - [#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
69
 
64
70
  ## 8.11.2
65
71
 
66
72
  ### Patch Changes
67
73
 
68
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
74
+ - [#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
75
 
70
76
  ## 8.11.1
71
77
 
72
78
  ### Patch Changes
73
79
 
74
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
80
+ - [#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
81
 
76
82
  ## 8.11.0
77
83
 
78
84
  ### Minor Changes
79
85
 
80
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
86
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
81
87
 
82
88
  ### Patch Changes
83
89
 
@@ -87,19 +93,19 @@
87
93
 
88
94
  ### Minor Changes
89
95
 
90
- - [`c71b0ac8222`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c71b0ac8222) - Added testId prop to the Field component for better testing.
96
+ - [#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
97
 
92
98
  ## 8.9.1
93
99
 
94
100
  ### Patch Changes
95
101
 
96
- - [`eb179f0c089`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb179f0c089) - Migrates unit tests from enzyme to RTL.
102
+ - [#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
103
 
98
104
  ## 8.9.0
99
105
 
100
106
  ### Minor Changes
101
107
 
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.
108
+ - [#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
109
 
104
110
  ### Patch Changes
105
111
 
@@ -109,26 +115,26 @@
109
115
 
110
116
  ### Patch Changes
111
117
 
112
- - [`e0460d5d989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0460d5d989) - Usages of `process` are now guarded by a `typeof` check.
118
+ - [#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
119
 
114
120
  ## 8.8.7
115
121
 
116
122
  ### Patch Changes
117
123
 
118
- - [`1c6c493447f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c6c493447f) - [ux] Place label and message fields in correct aria attributes.
124
+ - [#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
125
 
120
126
  ## 8.8.6
121
127
 
122
128
  ### Patch Changes
123
129
 
124
- - [`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) - Upgrades component types to support React 18.
130
+ - [#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
131
  - Updated dependencies
126
132
 
127
133
  ## 8.8.5
128
134
 
129
135
  ### Patch Changes
130
136
 
131
- - [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
137
+ - [#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
138
 
133
139
  ## 8.8.4
134
140
 
@@ -140,7 +146,7 @@
140
146
 
141
147
  ### Patch Changes
142
148
 
143
- - [`1b8e257525f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b8e257525f) - [ux] Message content now preserves whitespace between elements.
149
+ - [#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
150
  - [`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
151
 
146
152
  The props which were removed from the typings are:
@@ -167,7 +173,7 @@
167
173
 
168
174
  ### Minor Changes
169
175
 
170
- - [`f2d39d67a70`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2d39d67a70) - Fixed the issue where field's value was reset on the component re-mount.
176
+ - [#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
177
 
172
178
  ## 8.7.1
173
179
 
@@ -179,7 +185,7 @@
179
185
 
180
186
  ### Minor Changes
181
187
 
182
- - [`500a96aa7de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/500a96aa7de) - Add elementAfterLabel prop to form Field.
188
+ - [#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
189
 
184
190
  ### Patch Changes
185
191
 
@@ -189,7 +195,7 @@
189
195
 
190
196
  ### Minor Changes
191
197
 
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.
198
+ - [#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
199
 
194
200
  ### Patch Changes
195
201
 
@@ -199,13 +205,13 @@
199
205
 
200
206
  ### Patch Changes
201
207
 
202
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
208
+ - [#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
209
 
204
210
  ## 8.5.8
205
211
 
206
212
  ### Patch Changes
207
213
 
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.
214
+ - [#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
215
 
210
216
  This replaces validationState to make Select more consistent like other components that uses isInvalid prop.
211
217
 
@@ -215,13 +221,13 @@
215
221
 
216
222
  ### Patch Changes
217
223
 
218
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
224
+ - [#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
225
 
220
226
  ## 8.5.6
221
227
 
222
228
  ### Patch Changes
223
229
 
224
- - [`f2b8ca863a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2b8ca863a0) - [ux] Updates to slightly darken fallback colors for field messages
230
+ - [#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
231
 
226
232
  ## 8.5.5
227
233
 
@@ -233,7 +239,7 @@
233
239
 
234
240
  ### Patch Changes
235
241
 
236
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
242
+ - [#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
243
 
238
244
  ## 8.5.3
239
245
 
@@ -257,7 +263,7 @@
257
263
 
258
264
  ### Minor Changes
259
265
 
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.
266
+ - [#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
267
 
262
268
  ### Patch Changes
263
269
 
@@ -281,13 +287,13 @@
281
287
 
282
288
  ### Patch Changes
283
289
 
284
- - [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
290
+ - [#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
291
 
286
292
  ## 8.4.5
287
293
 
288
294
  ### Patch Changes
289
295
 
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.
296
+ - [#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
297
  - Updated dependencies
292
298
 
293
299
  ## 8.4.4
@@ -300,25 +306,25 @@
300
306
 
301
307
  ### Patch Changes
302
308
 
303
- - [`2cf338dd802`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2cf338dd802) - Added homepage to package.json
309
+ - [#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
310
 
305
311
  ## 8.4.2
306
312
 
307
313
  ### Patch Changes
308
314
 
309
- - [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
315
+ - [#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
316
 
311
317
  ## 8.4.1
312
318
 
313
319
  ### Patch Changes
314
320
 
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.
321
+ - [#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
322
 
317
323
  ## 8.4.0
318
324
 
319
325
  ### Minor Changes
320
326
 
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.
327
+ - [#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
328
 
323
329
  ### Patch Changes
324
330
 
@@ -335,7 +341,7 @@
335
341
 
336
342
  ### Minor Changes
337
343
 
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.
344
+ - [#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
345
 
340
346
  ### Patch Changes
341
347
 
@@ -345,46 +351,46 @@
345
351
 
346
352
  ### Patch Changes
347
353
 
348
- - [`f701489305f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f701489305f) - Export Field directly for types to be exported explicitly.
354
+ - [#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
355
  - Updated dependencies
350
356
 
351
357
  ## 8.2.3
352
358
 
353
359
  ### Patch Changes
354
360
 
355
- - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
361
+ - [#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
362
 
357
363
  ## 8.2.2
358
364
 
359
365
  ### Patch Changes
360
366
 
361
- - [`c50a63f9f72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c50a63f9f72) - Upgrade `@types/react-select` to `v3.1.2` and fix type breaks
367
+ - [#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
368
  - Updated dependencies
363
369
 
364
370
  ## 8.2.1
365
371
 
366
372
  ### Patch Changes
367
373
 
368
- - [`5af85edf960`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5af85edf960) - Internal code style change of default exports
374
+ - [#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
375
 
370
376
  ## 8.2.0
371
377
 
372
378
  ### Minor Changes
373
379
 
374
- - [`fa4256f9b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fa4256f9b0) - Add getState to FormProps for inspecting internal Form state (errors, values, et al)
380
+ - [#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
381
  - [`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
382
 
377
383
  ## 8.1.7
378
384
 
379
385
  ### Patch Changes
380
386
 
381
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
387
+ - [#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
388
 
383
389
  ## 8.1.6
384
390
 
385
391
  ### Patch Changes
386
392
 
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.
393
+ - [#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
394
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
389
395
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
390
396
 
@@ -398,13 +404,13 @@
398
404
 
399
405
  ### Patch Changes
400
406
 
401
- - [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
407
+ - [#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
408
 
403
409
  ## 8.1.3
404
410
 
405
411
  ### Patch Changes
406
412
 
407
- - [`741e4240d0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/741e4240d0) - Final form dependencies have been upgraded to their latest versions
413
+ - [#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
414
  - [`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
415
  - Updated dependencies
410
416
 
@@ -412,7 +418,7 @@
412
418
 
413
419
  ### Patch Changes
414
420
 
415
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
421
+ - [#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
422
 
417
423
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
418
424
  to prevent duplicates of tslib being bundled.
@@ -421,14 +427,14 @@
421
427
 
422
428
  ### Patch Changes
423
429
 
424
- - [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
430
+ - [#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
431
  - [`e99262c6f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e99262c6f0) - All form elements now have a default font explicitly set
426
432
 
427
433
  ## 8.1.0
428
434
 
429
435
  ### Minor Changes
430
436
 
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
437
+ - [#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
438
 
433
439
  ### Patch Changes
434
440
 
@@ -438,7 +444,7 @@
438
444
 
439
445
  ### Major Changes
440
446
 
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.
447
+ - [#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
448
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
443
449
 
444
450
  ### Patch Changes
@@ -449,25 +455,25 @@
449
455
 
450
456
  ### Patch Changes
451
457
 
452
- - [`2e4000e57b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e4000e57b) - Form now fully supports object and array field names.
458
+ - [#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
459
 
454
460
  ## 7.4.0
455
461
 
456
462
  ### Minor Changes
457
463
 
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.
464
+ - [#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
465
 
460
466
  ## 7.3.1
461
467
 
462
468
  ### Patch Changes
463
469
 
464
- - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
470
+ - [#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
471
 
466
472
  ## 7.3.0
467
473
 
468
474
  ### Minor Changes
469
475
 
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.
476
+ - [#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
477
 
472
478
  ### Patch Changes
473
479
 
@@ -1348,7 +1354,7 @@
1348
1354
 
1349
1355
  ## 4.0.14
1350
1356
 
1351
- - [patch][c8d935f" d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c8d935f"
1357
+ - [patch][c8d935f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c8d935f"
1352
1358
  d):
1353
1359
 
1354
1360
  - 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
@@ -22,15 +22,9 @@ var formHeaderTitleStyles = (0, _react.css)({
22
22
  marginTop: 0,
23
23
  marginRight: "var(--ds-space-400, 32px)",
24
24
  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
25
+ overflow: 'hidden',
25
26
  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
- }
27
+ whiteSpace: 'nowrap'
34
28
  });
35
29
  var formHeaderWrapperStyles = (0, _react.css)({
36
30
  fontFamily: "".concat(fontFamily)
@@ -48,21 +42,19 @@ var lightH700Styles = (0, _react.css)((0, _typography.h700)({
48
42
  mode: 'light'
49
43
  }
50
44
  }));
51
- var FormHeaderContent = function FormHeaderContent(_ref) {
45
+ var FormHeaderContent = exports.FormHeaderContent = function FormHeaderContent(_ref) {
52
46
  var children = _ref.children;
53
47
  return (0, _react.jsx)("div", {
54
48
  css: formHeaderContentStyles
55
49
  }, children);
56
50
  };
57
- exports.FormHeaderContent = FormHeaderContent;
58
- var FormHeaderDescription = function FormHeaderDescription(_ref2) {
51
+ var FormHeaderDescription = exports.FormHeaderDescription = function FormHeaderDescription(_ref2) {
59
52
  var children = _ref2.children;
60
53
  return (0, _react.jsx)("div", {
61
54
  css: formHeaderDescriptionStyles
62
55
  }, children);
63
56
  };
64
- exports.FormHeaderDescription = FormHeaderDescription;
65
- var FormHeaderTitle = function FormHeaderTitle(_ref3) {
57
+ var FormHeaderTitle = exports.FormHeaderTitle = function FormHeaderTitle(_ref3) {
66
58
  var children = _ref3.children;
67
59
  var _useGlobalTheme = (0, _components.useGlobalTheme)(),
68
60
  mode = _useGlobalTheme.mode;
@@ -70,7 +62,6 @@ var FormHeaderTitle = function FormHeaderTitle(_ref3) {
70
62
  css: [mode === 'light' ? lightH700Styles : darkH700Styles, formHeaderTitleStyles]
71
63
  }, children);
72
64
  };
73
- exports.FormHeaderTitle = FormHeaderTitle;
74
65
  var FormHeaderWrapper = function FormHeaderWrapper(_ref4) {
75
66
  var children = _ref4.children;
76
67
  return (0, _react.jsx)("div", {
@@ -94,5 +85,4 @@ var FormHeader = function FormHeader(_ref5) {
94
85
  title = _ref5.title;
95
86
  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
87
  };
97
- var _default = FormHeader;
98
- exports.default = _default;
88
+ var _default = exports.default = FormHeader;
package/dist/cjs/form-section.js CHANGED
@@ -16,15 +16,9 @@ var formSectionTitleStyles = (0, _react.css)({
16
16
  marginTop: 0,
17
17
  marginRight: "var(--ds-space-400, 32px)",
18
18
  lineHeight: "var(--ds-space-400, 32px)",
19
+ overflow: 'hidden',
19
20
  textOverflow: 'ellipsis',
20
- whiteSpace: 'nowrap',
21
- // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
22
- '@supports not (overflow-x: clip)': {
23
- overflow: 'hidden'
24
- },
25
- '@supports (overflow-x: clip)': {
26
- overflowX: 'clip'
27
- }
21
+ whiteSpace: 'nowrap'
28
22
  });
29
23
  var formSectionWrapperStyles = (0, _react.css)({
30
24
  marginTop: "var(--ds-space-300, 24px)"
@@ -79,5 +73,4 @@ var FormSection = function FormSection(_ref4) {
79
73
  title = _ref4.title;
80
74
  return (0, _react.jsx)(FormSectionWrapper, null, title && (0, _react.jsx)(FormSectionTitle, null, title), description && (0, _react.jsx)(FormSectionDescription, null, description), children);
81
75
  };
82
- var _default = FormSection;
83
- exports.default = _default;
76
+ var _default = exports.default = FormSection;
package/dist/cjs/form.js CHANGED
@@ -19,7 +19,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
19
19
  *
20
20
  * A form context creates a context for the field values and allows them to be accessed by the children.
21
21
  */
22
- var FormContext = /*#__PURE__*/(0, _react.createContext)({
22
+ var FormContext = exports.FormContext = /*#__PURE__*/(0, _react.createContext)({
23
23
  registerField: function registerField() {
24
24
  return function () {};
25
25
  },
@@ -33,9 +33,7 @@ var FormContext = /*#__PURE__*/(0, _react.createContext)({
33
33
  *
34
34
  * An is disabled context creates the context for when a value is disabled.
35
35
  */
36
- exports.FormContext = FormContext;
37
- var IsDisabledContext = /*#__PURE__*/(0, _react.createContext)(false);
38
- exports.IsDisabledContext = IsDisabledContext;
36
+ var IsDisabledContext = exports.IsDisabledContext = /*#__PURE__*/(0, _react.createContext)(false);
39
37
  function Form(props) {
40
38
  var formRef = (0, _react.useRef)(null);
41
39
  var onSubmitRef = (0, _react.useRef)(props.onSubmit);
package/dist/cjs/label.js CHANGED
@@ -49,7 +49,7 @@ var darkH200Styles = getFieldsetLabelDynamicStyles('dark');
49
49
  * It's recommended that a label has a `4px` spacing above its associated
50
50
  * control element.
51
51
  */
52
- var Label = function Label(_ref) {
52
+ var Label = exports.Label = function Label(_ref) {
53
53
  var children = _ref.children,
54
54
  htmlFor = _ref.htmlFor,
55
55
  id = _ref.id,
@@ -69,8 +69,7 @@ var Label = function Label(_ref) {
69
69
  *
70
70
  * A Legend represents a caption for a fieldset in a user interface.
71
71
  */
72
- exports.Label = Label;
73
- var Legend = function Legend(_ref2) {
72
+ var Legend = exports.Legend = function Legend(_ref2) {
74
73
  var children = _ref2.children;
75
74
  var _useGlobalTheme2 = (0, _components.useGlobalTheme)(),
76
75
  mode = _useGlobalTheme2.mode;
@@ -78,6 +77,4 @@ var Legend = function Legend(_ref2) {
78
77
  css: [mode === 'light' ? lightH200Styles : darkH200Styles, fieldsetLabelStyles]
79
78
  }, children);
80
79
  };
81
- exports.Legend = Legend;
82
- var _default = Label;
83
- exports.default = _default;
80
+ var _default = exports.default = Label;
package/dist/cjs/messages.js CHANGED
@@ -108,7 +108,7 @@ var Message = function Message(_ref2) {
108
108
  * 'Password should be more than 4 characters'
109
109
  *
110
110
  */
111
- var HelperMessage = function HelperMessage(_ref3) {
111
+ var HelperMessage = exports.HelperMessage = function HelperMessage(_ref3) {
112
112
  var children = _ref3.children,
113
113
  testId = _ref3.testId;
114
114
  return (0, _react.jsx)(_fieldIdContext.FieldId.Consumer, null, function (fieldId) {
@@ -126,8 +126,7 @@ var HelperMessage = function HelperMessage(_ref3) {
126
126
  * 'Invalid username, needs to be more than 4 characters'.
127
127
  *
128
128
  */
129
- exports.HelperMessage = HelperMessage;
130
- var ErrorMessage = function ErrorMessage(_ref4) {
129
+ var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref4) {
131
130
  var children = _ref4.children,
132
131
  testId = _ref4.testId;
133
132
  return (0, _react.jsx)(_fieldIdContext.FieldId.Consumer, null, function (fieldId) {
@@ -146,8 +145,7 @@ var ErrorMessage = function ErrorMessage(_ref4) {
146
145
  * a helper message could be 'Nice one, this username is available'.
147
146
  *
148
147
  */
149
- exports.ErrorMessage = ErrorMessage;
150
- var ValidMessage = function ValidMessage(_ref5) {
148
+ var ValidMessage = exports.ValidMessage = function ValidMessage(_ref5) {
151
149
  var children = _ref5.children,
152
150
  testId = _ref5.testId;
153
151
  return (0, _react.jsx)(_fieldIdContext.FieldId.Consumer, null, function (fieldId) {
@@ -157,5 +155,4 @@ var ValidMessage = function ValidMessage(_ref5) {
157
155
  testId: testId
158
156
  }, children);
159
157
  });
160
- };
161
- exports.ValidMessage = ValidMessage;
158
+ };
package/dist/cjs/range-field.js CHANGED
@@ -13,8 +13,8 @@ var _field = _interopRequireDefault(require("./field"));
13
13
  var _excluded = ["children"],
14
14
  _excluded2 = ["isInvalid", "isRequired"],
15
15
  _excluded3 = ["fieldProps"];
16
- 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; }
17
- 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; }
16
+ 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
+ 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
18
  /**
19
19
  * __Range field__
20
20
  *
@@ -45,5 +45,4 @@ var RangeField = function RangeField(props) {
45
45
  })
46
46
  );
47
47
  };
48
- var _default = RangeField;
49
- exports.default = _default;
48
+ var _default = exports.default = RangeField;
package/dist/es2019/form-header.js CHANGED
@@ -16,15 +16,9 @@ const formHeaderTitleStyles = css({
16
16
  marginTop: 0,
17
17
  marginRight: "var(--ds-space-400, 32px)",
18
18
  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
19
+ overflow: 'hidden',
19
20
  textOverflow: 'ellipsis',
20
- whiteSpace: 'nowrap',
21
- // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
22
- '@supports not (overflow-x: clip)': {
23
- overflow: 'hidden'
24
- },
25
- '@supports (overflow-x: clip)': {
26
- overflowX: 'clip'
27
- }
21
+ whiteSpace: 'nowrap'
28
22
  });
29
23
  const formHeaderWrapperStyles = css({
30
24
  fontFamily: `${fontFamily}`
package/dist/es2019/form-section.js CHANGED
@@ -10,15 +10,9 @@ const formSectionTitleStyles = css({
10
10
  marginTop: 0,
11
11
  marginRight: "var(--ds-space-400, 32px)",
12
12
  lineHeight: "var(--ds-space-400, 32px)",
13
+ overflow: 'hidden',
13
14
  textOverflow: 'ellipsis',
14
- whiteSpace: 'nowrap',
15
- // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
16
- '@supports not (overflow-x: clip)': {
17
- overflow: 'hidden'
18
- },
19
- '@supports (overflow-x: clip)': {
20
- overflowX: 'clip'
21
- }
15
+ whiteSpace: 'nowrap'
22
16
  });
23
17
  const formSectionWrapperStyles = css({
24
18
  marginTop: "var(--ds-space-300, 24px)"
package/dist/esm/checkbox-field.js CHANGED
@@ -7,8 +7,8 @@ var _excluded = ["children", "defaultIsChecked", "value"],
7
7
  _excluded3 = ["fieldProps"],
8
8
  _excluded4 = ["value"],
9
9
  _excluded5 = ["fieldProps"];
10
- 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; }
11
- 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) { _defineProperty(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; }
10
+ 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; }
11
+ 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; }
12
12
  import React, { useCallback } from 'react';
13
13
  import Field from './field';
14
14
  /**
package/dist/esm/field.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _typeof from "@babel/runtime/helpers/typeof";
4
- 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; }
5
- 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) { _defineProperty(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; }
4
+ 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; }
5
+ 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; }
6
6
  /** @jsx jsx */
7
7
  import { useContext, useEffect, useMemo, useRef, useState } from 'react';
8
8
  import { css, jsx } from '@emotion/react';
package/dist/esm/form-header.js CHANGED
@@ -16,15 +16,9 @@ var formHeaderTitleStyles = css({
16
16
  marginTop: 0,
17
17
  marginRight: "var(--ds-space-400, 32px)",
18
18
  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
19
+ overflow: 'hidden',
19
20
  textOverflow: 'ellipsis',
20
- whiteSpace: 'nowrap',
21
- // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
22
- '@supports not (overflow-x: clip)': {
23
- overflow: 'hidden'
24
- },
25
- '@supports (overflow-x: clip)': {
26
- overflowX: 'clip'
27
- }
21
+ whiteSpace: 'nowrap'
28
22
  });
29
23
  var formHeaderWrapperStyles = css({
30
24
  fontFamily: "".concat(fontFamily)
package/dist/esm/form-section.js CHANGED
@@ -10,15 +10,9 @@ var formSectionTitleStyles = css({
10
10
  marginTop: 0,
11
11
  marginRight: "var(--ds-space-400, 32px)",
12
12
  lineHeight: "var(--ds-space-400, 32px)",
13
+ overflow: 'hidden',
13
14
  textOverflow: 'ellipsis',
14
- whiteSpace: 'nowrap',
15
- // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
16
- '@supports not (overflow-x: clip)': {
17
- overflow: 'hidden'
18
- },
19
- '@supports (overflow-x: clip)': {
20
- overflowX: 'clip'
21
- }
15
+ whiteSpace: 'nowrap'
22
16
  });
23
17
  var formSectionWrapperStyles = css({
24
18
  marginTop: "var(--ds-space-300, 24px)"
package/dist/esm/range-field.js CHANGED
@@ -4,8 +4,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
4
4
  var _excluded = ["children"],
5
5
  _excluded2 = ["isInvalid", "isRequired"],
6
6
  _excluded3 = ["fieldProps"];
7
- 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; }
8
- 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) { _defineProperty(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; }
7
+ 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; }
8
+ 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; }
9
9
  import React from 'react';
10
10
  import Field from './field';
11
11
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "8.11.12",
3
+ "version": "8.11.13",
4
4
  "description": "A form allows users to input information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,8 +28,8 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@atlaskit/icon": "^21.12.0",
31
- "@atlaskit/theme": "^12.5.0",
32
- "@atlaskit/tokens": "^1.14.0",
31
+ "@atlaskit/theme": "^12.6.0",
32
+ "@atlaskit/tokens": "^1.26.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@emotion/react": "^11.7.1",
35
35
  "final-form": "^4.20.1",
@@ -44,11 +44,11 @@
44
44
  "devDependencies": {
45
45
  "@af/accessibility-testing": "*",
46
46
  "@af/visual-regression": "*",
47
- "@atlaskit/button": "^16.9.0",
47
+ "@atlaskit/button": "^16.10.0",
48
48
  "@atlaskit/checkbox": "^12.6.0",
49
49
  "@atlaskit/ds-lib": "^2.2.0",
50
50
  "@atlaskit/range": "^7.1.0",
51
- "@atlaskit/select": "^16.5.0",
51
+ "@atlaskit/select": "^16.7.0",
52
52
  "@atlaskit/ssr": "*",
53
53
  "@atlaskit/textfield": "^5.6.0",
54
54
  "@atlaskit/visual-regression": "*",