@atlaskit/modal-dialog 12.0.2

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 (127) hide show
  1. package/CHANGELOG.md +2111 -0
  2. package/LICENSE +13 -0
  3. package/README.md +13 -0
  4. package/__perf__/default.tsx +42 -0
  5. package/__perf__/interactions.tsx +136 -0
  6. package/__perf__/scroll.tsx +98 -0
  7. package/codemods/12.0.0-lite-mode.ts +51 -0
  8. package/codemods/__tests__/12.0.0-lite-mode.test.ts +493 -0
  9. package/codemods/__tests__/handle-prop-spread.tsx +276 -0
  10. package/codemods/__tests__/inline-WidthNames-declaration.test.ts +260 -0
  11. package/codemods/__tests__/map-actions-prop.tsx +436 -0
  12. package/codemods/__tests__/map-body-from-props.test.ts +645 -0
  13. package/codemods/__tests__/map-container-from-props.test.ts +323 -0
  14. package/codemods/__tests__/map-footer-from-props.test.ts +544 -0
  15. package/codemods/__tests__/map-header-from-props.test.ts +559 -0
  16. package/codemods/__tests__/map-heading-prop.tsx +438 -0
  17. package/codemods/__tests__/remove-appearance-prop.test.ts +79 -0
  18. package/codemods/__tests__/remove-component-override-props.test.ts +153 -0
  19. package/codemods/__tests__/remove-is-chromeless.tsx +182 -0
  20. package/codemods/__tests__/rename-appearance-type.test.ts +52 -0
  21. package/codemods/__tests__/rename-inner-component-prop-types.test.ts +82 -0
  22. package/codemods/__tests__/rename-scrollBehavior-to-shouldScrollInViewport.test.ts +237 -0
  23. package/codemods/internal/constants.tsx +41 -0
  24. package/codemods/internal/utils.tsx +223 -0
  25. package/codemods/migrations/handle-prop-spread.tsx +51 -0
  26. package/codemods/migrations/inline-WidthNames-declaration.ts +92 -0
  27. package/codemods/migrations/map-actions-prop.tsx +430 -0
  28. package/codemods/migrations/map-body-from-props.ts +147 -0
  29. package/codemods/migrations/map-container-from-props.ts +72 -0
  30. package/codemods/migrations/map-footer-from-props.ts +107 -0
  31. package/codemods/migrations/map-header-from-props.ts +101 -0
  32. package/codemods/migrations/map-heading-prop.tsx +193 -0
  33. package/codemods/migrations/remove-appearance-prop.ts +27 -0
  34. package/codemods/migrations/remove-component-override-props.ts +84 -0
  35. package/codemods/migrations/remove-is-chromeless.tsx +42 -0
  36. package/codemods/migrations/rename-appearance-type.ts +9 -0
  37. package/codemods/migrations/rename-inner-component-prop-types.ts +28 -0
  38. package/codemods/migrations/rename-scrollBehavior-to-shouldScrollInViewport.ts +82 -0
  39. package/dist/cjs/hooks.js +22 -0
  40. package/dist/cjs/index.js +63 -0
  41. package/dist/cjs/internal/components/modal-dialog.js +155 -0
  42. package/dist/cjs/internal/components/positioner.js +89 -0
  43. package/dist/cjs/internal/components/scroll-container.js +138 -0
  44. package/dist/cjs/internal/constants.js +48 -0
  45. package/dist/cjs/internal/context.js +13 -0
  46. package/dist/cjs/internal/hooks/use-modal-stack.js +110 -0
  47. package/dist/cjs/internal/hooks/use-on-motion-finish.js +24 -0
  48. package/dist/cjs/internal/hooks/use-prevent-programmatic-scroll.js +55 -0
  49. package/dist/cjs/internal/hooks/use-scroll.js +20 -0
  50. package/dist/cjs/internal/utils.js +35 -0
  51. package/dist/cjs/modal-body.js +66 -0
  52. package/dist/cjs/modal-footer.js +40 -0
  53. package/dist/cjs/modal-header.js +43 -0
  54. package/dist/cjs/modal-title.js +108 -0
  55. package/dist/cjs/modal-transition.js +21 -0
  56. package/dist/cjs/modal-wrapper.js +126 -0
  57. package/dist/cjs/types.js +5 -0
  58. package/dist/cjs/version.json +5 -0
  59. package/dist/es2019/hooks.js +11 -0
  60. package/dist/es2019/index.js +7 -0
  61. package/dist/es2019/internal/components/modal-dialog.js +120 -0
  62. package/dist/es2019/internal/components/positioner.js +78 -0
  63. package/dist/es2019/internal/components/scroll-container.js +97 -0
  64. package/dist/es2019/internal/constants.js +27 -0
  65. package/dist/es2019/internal/context.js +3 -0
  66. package/dist/es2019/internal/hooks/use-modal-stack.js +85 -0
  67. package/dist/es2019/internal/hooks/use-on-motion-finish.js +17 -0
  68. package/dist/es2019/internal/hooks/use-prevent-programmatic-scroll.js +39 -0
  69. package/dist/es2019/internal/hooks/use-scroll.js +11 -0
  70. package/dist/es2019/internal/utils.js +22 -0
  71. package/dist/es2019/modal-body.js +50 -0
  72. package/dist/es2019/modal-footer.js +30 -0
  73. package/dist/es2019/modal-header.js +30 -0
  74. package/dist/es2019/modal-title.js +94 -0
  75. package/dist/es2019/modal-transition.js +10 -0
  76. package/dist/es2019/modal-wrapper.js +88 -0
  77. package/dist/es2019/types.js +1 -0
  78. package/dist/es2019/version.json +5 -0
  79. package/dist/esm/hooks.js +11 -0
  80. package/dist/esm/index.js +7 -0
  81. package/dist/esm/internal/components/modal-dialog.js +131 -0
  82. package/dist/esm/internal/components/positioner.js +76 -0
  83. package/dist/esm/internal/components/scroll-container.js +114 -0
  84. package/dist/esm/internal/constants.js +27 -0
  85. package/dist/esm/internal/context.js +3 -0
  86. package/dist/esm/internal/hooks/use-modal-stack.js +96 -0
  87. package/dist/esm/internal/hooks/use-on-motion-finish.js +16 -0
  88. package/dist/esm/internal/hooks/use-prevent-programmatic-scroll.js +44 -0
  89. package/dist/esm/internal/hooks/use-scroll.js +11 -0
  90. package/dist/esm/internal/utils.js +22 -0
  91. package/dist/esm/modal-body.js +49 -0
  92. package/dist/esm/modal-footer.js +29 -0
  93. package/dist/esm/modal-header.js +29 -0
  94. package/dist/esm/modal-title.js +93 -0
  95. package/dist/esm/modal-transition.js +10 -0
  96. package/dist/esm/modal-wrapper.js +96 -0
  97. package/dist/esm/types.js +1 -0
  98. package/dist/esm/version.json +5 -0
  99. package/dist/types/hooks.d.ts +1 -0
  100. package/dist/types/index.d.ts +8 -0
  101. package/dist/types/internal/components/modal-dialog.d.ts +3 -0
  102. package/dist/types/internal/components/positioner.d.ts +10 -0
  103. package/dist/types/internal/components/scroll-container.d.ts +20 -0
  104. package/dist/types/internal/constants.d.ts +25 -0
  105. package/dist/types/internal/context.d.ts +20 -0
  106. package/dist/types/internal/hooks/use-modal-stack.d.ts +13 -0
  107. package/dist/types/internal/hooks/use-on-motion-finish.d.ts +4 -0
  108. package/dist/types/internal/hooks/use-prevent-programmatic-scroll.d.ts +7 -0
  109. package/dist/types/internal/hooks/use-scroll.d.ts +1 -0
  110. package/dist/types/internal/utils.d.ts +3 -0
  111. package/dist/types/modal-body.d.ts +16 -0
  112. package/dist/types/modal-footer.d.ts +16 -0
  113. package/dist/types/modal-header.d.ts +16 -0
  114. package/dist/types/modal-title.d.ts +26 -0
  115. package/dist/types/modal-transition.d.ts +3 -0
  116. package/dist/types/modal-wrapper.d.ts +5 -0
  117. package/dist/types/types.d.ts +90 -0
  118. package/extract-react-types/modal-attributes.tsx +5 -0
  119. package/hooks/package.json +7 -0
  120. package/modal-body/package.json +7 -0
  121. package/modal-dialog/package.json +7 -0
  122. package/modal-footer/package.json +7 -0
  123. package/modal-header/package.json +7 -0
  124. package/modal-title/package.json +7 -0
  125. package/modal-transition/package.json +7 -0
  126. package/package.json +113 -0
  127. package/types/package.json +7 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,2111 @@
1
+ # @atlaskit/modal-dialog
2
+
3
+ ## 12.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 12.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 12.0.0
16
+
17
+ ### Major Changes
18
+
19
+ - [`07ad26948a1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07ad26948a1) - In this version we made modal dialog dramatically faster and lighter with a new composable API.
20
+ This is a large change and we have provided a codemod to help you upgrade.
21
+ Once you have run the codemod there may be manual change required so read below for all the changes in
22
+ this release.
23
+
24
+ **Running the codemod cli**
25
+
26
+ To run the codemod: **You first need to have the latest version installed**
27
+
28
+ ```bash
29
+ yarn upgrade @atlaskit/modal-dialog@^12.0.0
30
+ ```
31
+
32
+ Once upgraded, use `@atlaskit/codemod-cli`:
33
+
34
+ ```bash
35
+ npx @atlaskit/codemod-cli --parser {tsx|babylon} --extensions ts,tsx,js [relativePath]
36
+ ```
37
+
38
+ The CLI will show a list of components and versions so select `@atlaskit/modal-dialog@^12.0.0` and you will automatically be upgraded.
39
+ If your usage of `@atlaskit/modal-dialog` cannot be upgraded a comment will be left that a manual change is required.
40
+
41
+ Run `npx @atlaskit/codemod-cli -h` for more details on usage.
42
+ For Atlassians,
43
+ refer to the [documentation](https://developer.atlassian.com/cloud/framework/atlassian-frontend/codemods/01-atlassian-codemods/) for more details on the codemod CLI.
44
+
45
+ ### Visual changes
46
+
47
+ The primary button in the footer is now on the right. This has changed from being on the left
48
+ to match the [design documentation](https://atlassian.design/components/modal-dialog/usage).
49
+
50
+ The codemod will automatically reverse the order of your actions for this to happen.
51
+ You could previously achieve this behaviour by adding an `appearance` key to your actions. The
52
+ codemod will detect this and not reverse the array in this case.
53
+
54
+ ### Composable API
55
+
56
+ The old version of modal dialog had three props that mapped into components.
57
+
58
+ - `heading` was the text for the header.
59
+ - `children` was the React node that ended up in the modal body.
60
+ - `actions` was an array of objects that mapped into buttons in the footer.
61
+
62
+ The new composable API exposes these components so that you can use them directly as
63
+ a child of modal dialog. This creates a clear parallel between what is given as children and what
64
+ the modal dialog renders. It also allows you to use any valid React node as a child of modal
65
+ dialog.
66
+
67
+ ```
68
+ // Before
69
+ import Modal, { ModalTransition } from '@atlaskit/modal-dialog';
70
+
71
+ ...
72
+
73
+ <ModalTransition>
74
+ {isOpen && (
75
+ <Modal
76
+ onClose={close}
77
+ heading="Modal Title"
78
+ actions={[
79
+ { text: 'Secondary Action', onClick: secondaryAction },
80
+ { text: 'Close', onClick: close },
81
+ ]}
82
+ >
83
+ <Lorem count={2} />
84
+ </Modal>
85
+ )}
86
+ </ModalTransition>
87
+
88
+ // After
89
+ import Modal, {
90
+ ModalBody,
91
+ ModalFooter,
92
+ ModalHeader,
93
+ ModalTitle,
94
+ ModalTransition,
95
+ } from '@atlaskit/modal-dialog';
96
+ import Button from '@atlaskit/button/standard-button';
97
+
98
+ ...
99
+
100
+ <ModalTransition>
101
+ {isOpen && (
102
+ <Modal onClose={close}>
103
+ <ModalHeader>
104
+ <ModalTitle>Modal Title</ModalTitle>
105
+ </ModalHeader>
106
+ <ModalBody>
107
+ <Lorem count={2} />
108
+ </ModalBody>
109
+ <ModalFooter>
110
+ <Button appearance="subtle" onClick={secondaryAction}>
111
+ Secondary Action
112
+ </Button>
113
+ <Button appearance="primary" autoFocus onClick={close}>
114
+ Close
115
+ </Button>
116
+ </ModalFooter>
117
+ </Modal>
118
+ )}
119
+ </ModalTransition>
120
+ ```
121
+
122
+ #### Children
123
+
124
+ The original children need to be wrapped in a `ModalBody`.
125
+
126
+ ```
127
+ // Before
128
+ <Modal>
129
+ <Lorem count={2} />
130
+ </Modal>
131
+
132
+ // After
133
+ <Modal>
134
+ <ModalBody>
135
+ <Lorem count={2} />
136
+ </ModalBody>
137
+ </Modal>
138
+ ```
139
+
140
+ #### Heading
141
+
142
+ The `heading` prop turns into a `ModalHeader` and `ModalTitle`.
143
+
144
+ ```
145
+ // Before
146
+ <Modal heading="Modal Title">
147
+ <Lorem count={2} />
148
+ </Modal>
149
+
150
+ // After
151
+ <Modal>
152
+ <ModalHeader>
153
+ <ModalTitle>Modal Title</ModalTitle>
154
+ </ModalHeader>
155
+ <ModalBody>
156
+ <Lorem count={2} />
157
+ </ModalBody>
158
+ </Modal>
159
+ ```
160
+
161
+ #### Actions
162
+
163
+ The `actions` prop turns into `Button`'s in a `ModalFooter`.
164
+
165
+ ```
166
+ // Before
167
+ <Modal
168
+ actions={[
169
+ { text: 'Secondary Action', onClick: secondaryAction },
170
+ { text: 'Close', onClick: close },
171
+ ]}
172
+ heading="Modal Title"
173
+ >
174
+ <Lorem count={2} />
175
+ </Modal>
176
+
177
+ // After
178
+ <Modal>
179
+ <ModalHeader>
180
+ <ModalTitle>Modal Title</ModalTitle>
181
+ </ModalHeader>
182
+ <ModalBody>
183
+ <Lorem count={2} />
184
+ </ModalBody>
185
+ <ModalFooter>
186
+ <Button appearance="subtle" onClick={secondaryAction}>
187
+ Secondary Action
188
+ </Button>
189
+ <Button appearance="primary" autoFocus onClick={close}>
190
+ Close
191
+ </Button>
192
+ </ModalFooter>
193
+ </Modal>
194
+ ```
195
+
196
+ Previously in the examples the primary button was on the left, we’ve updated the
197
+ documentation to match our design documentation so that the primary button is on the right.
198
+ You could previously achieve this behaviour by adding an `appearance` key to your actions.
199
+ The codemod will reverse the order of your actions if you have not set the `appearance` in the actions.
200
+
201
+ ### Components prop
202
+
203
+ The `components` prop has been entirely replaced with the composable API.
204
+ The philosophy of creating a custom component that receive modal's props has been replaced with
205
+ custom components where the user can define their own props.
206
+
207
+ #### Container
208
+
209
+ To replace using the `Container` prop you can wrap `Modal`'s children in the container component.
210
+ Note that unless you are using a `form` you will need to add the style `all: inherit;` to ensure scrolling
211
+ works.
212
+
213
+ ```
214
+ // Before
215
+ <Modal
216
+ components={{
217
+ Container: (props) => (
218
+ <form {...props} onSubmit={onSubmit}>
219
+ {props.children}
220
+ </form>
221
+ ),
222
+ }}
223
+ >
224
+ {children}
225
+ </Modal>
226
+
227
+ // After
228
+ <Modal>
229
+ <form onSubmit={onSubmit}>
230
+ {children}
231
+ </form>
232
+ </Modal>
233
+ ```
234
+
235
+ #### Header
236
+
237
+ To replace using the `Header` prop you can use your custom header as the first child.
238
+
239
+ ```
240
+ // Before
241
+ <Modal
242
+ components={{
243
+ Header: CustomHeader,
244
+ }}
245
+ >
246
+ {children}
247
+ </Modal>
248
+
249
+ // After
250
+ <Modal>
251
+ <CustomHeader />
252
+ {children}
253
+ </Modal>
254
+ ```
255
+
256
+ If you are creating a custom header you should call the new hook `useModal` to get the
257
+ title id so the content and the title can be linked. You can also access the `onClose`
258
+ function this way.
259
+
260
+ ```
261
+ import { useModal } from '@atlaskit/modal-dialog';
262
+
263
+ const CustomHeader = () => {
264
+ const { onClose, titleId } = useModal();
265
+ return (
266
+ <div css={headerStyles}>
267
+ <h1 css={headingStyles} id={titleId}>
268
+ Custom modal header
269
+ </h1>
270
+ <Button onClick={onClose}>
271
+ Close
272
+ </Button>
273
+ </div>
274
+ );
275
+ };
276
+ ```
277
+
278
+ If you are doing something simple like adding a button you can continue to use `ModalHeader`.
279
+
280
+ ```
281
+ <ModalHeader>
282
+ <ModalTitle>Custom modal header</ModalTitle>
283
+ <Button appearance="link" onClick={closeModal}>
284
+ Close
285
+ </Button>
286
+ </ModalHeader>
287
+ ```
288
+
289
+ #### Footer and body
290
+
291
+ Similar to `Header`, if you were using the `Footer` or `Body` prop,
292
+ you can replace `ModalFooter` and `ModalBody` with any valid React node.
293
+ `ModalFooter` and `ModalBody` also accept any valid React node as children.
294
+ `useModal` works in any of `Modal`'s children if you wish to use it.
295
+
296
+ ### Scroll behaviour
297
+
298
+ The `scrollBehavior` prop has changed from strings 'inside', 'inside-wide' and 'outside'
299
+ to a boolean `shouldScrollInViewport`. 'inside' and 'inside-wide' have consolidated to
300
+ be `shouldScrollInViewport={false}` and 'outside' is `shouldScrollInViewport={true}`.
301
+
302
+ ### Appearance
303
+
304
+ The `appearance` prop has been removed from `Modal` and is now set on `ModalTitle` and
305
+ the primary `Button`.
306
+
307
+ ```
308
+ // Before
309
+ <ModalTransition>
310
+ {isOpen && (
311
+ <Modal
312
+ appearance="danger"
313
+ onClose={close}
314
+ heading="Modal Title"
315
+ actions={[
316
+ { text: 'Secondary Action', onClick: secondaryAction },
317
+ { text: 'Close', onClick: close },
318
+ ]}
319
+ >
320
+ <Lorem count={2} />
321
+ </Modal>
322
+ )}
323
+ </ModalTransition>
324
+
325
+ // After
326
+ <ModalTransition>
327
+ {isOpen && (
328
+ <Modal onClose={close}>
329
+ <ModalHeader>
330
+ <ModalTitle appearance="danger">Modal Title</ModalTitle>
331
+ </ModalHeader>
332
+ <ModalBody>
333
+ <Lorem count={2} />
334
+ </ModalBody>
335
+ <ModalFooter>
336
+ <Button appearance="subtle" onClick={secondaryAction}>
337
+ Secondary Action
338
+ </Button>
339
+ <Button appearance="danger" autoFocus onClick={close}>
340
+ Close
341
+ </Button>
342
+ </ModalFooter>
343
+ </Modal>
344
+ )}
345
+ </ModalTransition>;
346
+ ```
347
+
348
+ ### isChromeless
349
+
350
+ The `isChromeless` is no longer supported as you can any valid React node in `Modal`
351
+ and choose not to use `ModalHeader`, `ModalBody` and `ModalFooter`. The only change to
352
+ this behaviour is that there is no way to turn off the box shadow and border radius,
353
+ which used to happen when `isChromeless={true}`. You only need to change your usage if
354
+ `Modal`'s children set their own background and don’t have a border radius of 3 px.
355
+ In this case set the border radius to 3px.
356
+
357
+ ### Test IDs
358
+
359
+ The mapping for test IDs have changed.
360
+
361
+ Modal: `{testId}` -> `{testId}`
362
+
363
+ Modal content: `{testId}-dialog-content` -> DOM node removed
364
+
365
+ Modal header: `{testId}-dialog-content--header` -> `{testId}--header`
366
+
367
+ Modal title: `{testId}-dialog-content--heading` -> `{testId}--title`
368
+
369
+ Modal body: `{testId}-dialog-content--body` -> `{testId}--body`
370
+
371
+ Modal footer: `{testId}-dialog-content--footer` -> `{testId}--footer`
372
+
373
+ Scrollable body content: `{testId}-dialog-content--scrollable` -> `{testId}--scrollable`
374
+
375
+ Blanket: `{testId}--blanket` -> `{testId}--blanket`
376
+
377
+ Modal actions: `{testId}-dialog-content--action-{index}` -> Removed, can set on Button
378
+
379
+ ### Miscallaneous changes
380
+
381
+ - `ModalFooter` now uses `flex-end` instead of `space-between` to justify its contents.
382
+ - Inner components `ModalFooter`, `ModalHeader` and `ModalBody` no longer accepts style prop.
383
+ If you wish to modify the styles, you have to build your own component.
384
+ - `ContainerComponentProps` and `ScrollBehavior` types are now removed with no replacements.
385
+ - `(Header|Body|Footer|Title)ComponentProps` types are now aliased to
386
+ `Modal(Header|Body|Footer|Title)Props`, however most props are not used anymore as state is
387
+ shared via the `useModal` hook.
388
+
389
+ ### Patch Changes
390
+
391
+ - [`1efbaebfbf3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1efbaebfbf3) - Fixes a bug in the appearance of the modal focus state which is now consistent with other elements in the Design System.
392
+ - Updated dependencies
393
+
394
+ ## 11.7.4
395
+
396
+ ### Patch Changes
397
+
398
+ - [`adad0d75402`](https://bitbucket.org/atlassian/atlassian-frontend/commits/adad0d75402) - Internal test fix.
399
+ - Updated dependencies
400
+
401
+ ## 11.7.3
402
+
403
+ ### Patch Changes
404
+
405
+ - [`f75544b8b57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f75544b8b57) - [ux] As a part of DSP-895, a 0px margin was applied to button to fix a regression in Safari. This has been reverted as the 0px margin will be moved to css-reset instead. As a part of that same ticket, the specificity of the footer buttons in modal dialog was updated. This has also been reverted now that the 0px margin is being moved to css-reset.
406
+ - Updated dependencies
407
+
408
+ ## 11.7.2
409
+
410
+ ### Patch Changes
411
+
412
+ - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
413
+
414
+ ## 11.7.1
415
+
416
+ ### Patch Changes
417
+
418
+ - Updated dependencies
419
+
420
+ ## 11.7.0
421
+
422
+ ### Minor Changes
423
+
424
+ - [`6679c172f59`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6679c172f59) - Trap the virtual cursor within the modal for screen reader
425
+
426
+ ### Patch Changes
427
+
428
+ - [`0f7fd3e7c0d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0f7fd3e7c0d) - FIX: content focus and keylines only applied when the target DOM node exists
429
+ - Updated dependencies
430
+
431
+ ## 11.6.3
432
+
433
+ ### Patch Changes
434
+
435
+ - [`95f500da676`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95f500da676) - [ux] Fixes a bug introduced in 11.4.0 – CSS property `left` is put back to the styles of modal dialog container so it doesn't push out floated elements in the background.
436
+
437
+ ## 11.6.2
438
+
439
+ ### Patch Changes
440
+
441
+ - [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
442
+
443
+ ## 11.6.1
444
+
445
+ ### Patch Changes
446
+
447
+ - [`e3a6469c8e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3a6469c8e5) - [ux] FIX: fixes a bug introduced in 11.5.0 – now modal dialog is correctly positioned when relative sizing is used as width
448
+
449
+ ## 11.6.0
450
+
451
+ ### Minor Changes
452
+
453
+ - [`e1dc82f2825`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e1dc82f2825) - Fix Modal header and footer tags
454
+
455
+ ### Patch Changes
456
+
457
+ - Updated dependencies
458
+
459
+ ## 11.5.0
460
+
461
+ ### Minor Changes
462
+
463
+ - [`c9cca93180b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c9cca93180b) - [ux] Removes unnecessary dom nodes and refactors styles in modal dialog.
464
+
465
+ ### Patch Changes
466
+
467
+ - [`e48c323dd75`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e48c323dd75) - [ux] Fixed `outside` scrolling offset positioning when multiple modals are open.
468
+ - [`78803694b8c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78803694b8c) - [ux] Fixes display of focus ring on modal dialog content – now only shown when triggered by keyboard.
469
+
470
+ ## 11.4.1
471
+
472
+ ### Patch Changes
473
+
474
+ - Updated dependencies
475
+
476
+ ## 11.4.0
477
+
478
+ ### Minor Changes
479
+
480
+ - [`c0dbb6425f7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0dbb6425f7) - [ux] Changed ModalDialog html tag from "div" to "section", changed ModalDialog heading from "h4" to "h1"
481
+ - [`7e3e3e16b55`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e3e3e16b55) - Entry points are now defined using the declarative format.
482
+ - [`441b1eded91`](https://bitbucket.org/atlassian/atlassian-frontend/commits/441b1eded91) - [ux] Modal dialog no longer attaches keylines in its header/footer – it now shows and hides keylines in its body during scroll when the content overflows.
483
+ - [`96f56104518`](https://bitbucket.org/atlassian/atlassian-frontend/commits/96f56104518) - Adds ability to pass a element ref to the `autoFocus` prop to specifically focus on an element during initial mount.
484
+ - [`6ebee3d941d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ebee3d941d) - Internal refactor converting to hooks.
485
+ - [`e100d801223`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e100d801223) - [ux] Modal dialog now uses @atlaskit/motion for its entering/exiting animations.
486
+ - [`8a22ca5357b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a22ca5357b) - Event handler types are now exposed in the primary and types entrypoints.
487
+
488
+ ### Patch Changes
489
+
490
+ - [`8db8f3a22cb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8db8f3a22cb) - Modal dialog now uses css props for styling.
491
+ - [`022ec2307a9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/022ec2307a9) - The `onClose` callback now correctly has its second argument types as an analytic event.
492
+ - [`d7d64aac39d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d7d64aac39d) - Fixed `onStackChange` from firing on inital mount. It will now only fire after the initial mount and its stack position has changed.
493
+ - [`1195a2abbbf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1195a2abbbf) - Modal dialog now uses new utility from ds-lib to merge refs.
494
+ - Updated dependencies
495
+
496
+ ## 11.3.0
497
+
498
+ ### Minor Changes
499
+
500
+ - [`0e0b2148d48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0e0b2148d48) - Modal dialog now attaches data-testid to its header and footer.
501
+
502
+ ### Patch Changes
503
+
504
+ - [`a9dc147612a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a9dc147612a) - [litemode] Internal nested modal components have been re-written as hooks.
505
+ - [`910c7744256`](https://bitbucket.org/atlassian/atlassian-frontend/commits/910c7744256) - Internal restructure of files and folders.
506
+ - Updated dependencies
507
+
508
+ ## 11.2.9
509
+
510
+ ### Patch Changes
511
+
512
+ - [`624d33651cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/624d33651cf) - Fix content remounts in version >= 11.1.3
513
+ - Updated dependencies
514
+
515
+ ## 11.2.8
516
+
517
+ ### Patch Changes
518
+
519
+ - [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
520
+ - Updated dependencies
521
+
522
+ ## 11.2.7
523
+
524
+ ### Patch Changes
525
+
526
+ - [`5af85edf960`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5af85edf960) - Internal code style change of default exports
527
+
528
+ ## 11.2.6
529
+
530
+ ### Patch Changes
531
+
532
+ - [`7490717bdd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7490717bdd4) - Fix overflow issue present in Safari 14.0.3
533
+
534
+ ## 11.2.5
535
+
536
+ ### Patch Changes
537
+
538
+ - [`d94d90714b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d94d90714b) - Modal will retain full-width at viewports < 320px. This makes it consistent with < 480px beahviour.
539
+
540
+ ## 11.2.4
541
+
542
+ ### Patch Changes
543
+
544
+ - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
545
+
546
+ ## 11.2.3
547
+
548
+ ### Patch Changes
549
+
550
+ - [`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.
551
+ This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
552
+ Also add `typescript` to `devDependencies` to denote version that the package was built with.
553
+
554
+ ## 11.2.2
555
+
556
+ ### Patch Changes
557
+
558
+ - Updated dependencies
559
+
560
+ ## 11.2.1
561
+
562
+ ### Patch Changes
563
+
564
+ - [`2ac834240e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ac834240e) - Undo analytics-next file restructure to allow external ts definitions to continue working
565
+
566
+ ## 11.2.0
567
+
568
+ ### Minor Changes
569
+
570
+ - [`9d5d1ab37f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d5d1ab37f) - Allow for non tinted blanket background
571
+
572
+ ### Patch Changes
573
+
574
+ - [`c48024293c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c48024293c) - Fixed an issue when using `scrollBehavior="outside"` would cause Firefox to not allow scrolling of modal
575
+ - Updated dependencies
576
+
577
+ ## 11.1.6
578
+
579
+ ### Patch Changes
580
+
581
+ - [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
582
+
583
+ ## 11.1.5
584
+
585
+ ### Patch Changes
586
+
587
+ - [`8598d0bd13`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8598d0bd13) - Remove unnecessary code and tests for IE11.
588
+ - [`6ac737558f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ac737558f) - Remove non-standard CSS property [-ms-high-contrast](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/-ms-high-contrast). The `-ms-high-contrast` CSS media feature is a Microsoft extension that describes whether the application is being displayed in high contrast mode, and with what color variation.
589
+ - Updated dependencies
590
+
591
+ ## 11.1.4
592
+
593
+ ### Patch Changes
594
+
595
+ - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
596
+
597
+ Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
598
+ to prevent duplicates of tslib being bundled.
599
+
600
+ ## 11.1.3
601
+
602
+ ### Patch Changes
603
+
604
+ - [`c1b8d0e897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c1b8d0e897) - You can now scroll using a touchscreen in the body of `modal-dialog` content
605
+
606
+ ## 11.1.2
607
+
608
+ ### Patch Changes
609
+
610
+ - [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
611
+
612
+ ## 11.1.1
613
+
614
+ ### Patch Changes
615
+
616
+ - [`810f11aaab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/810f11aaab) - Custom body styles have been added back. They will be removed in the next major version - if you're customizing the body of the modal dialog please make sure to spread props onto your custom component.
617
+
618
+ ## 11.1.0
619
+
620
+ ### Minor Changes
621
+
622
+ - [`727776fa32`](https://bitbucket.org/atlassian/atlassian-frontend/commits/727776fa32) - Missing types for component overrides are now exposed - you can access them through the root entrypoint.
623
+
624
+ ```js
625
+ import {
626
+ BodyComponentProps,
627
+ TitleComponentProps,
628
+ ContainerComponentProps,
629
+ FooterComponentProps,
630
+ HeaderComponentProps,
631
+ ScrollBehavior,
632
+ } from '@atlaskit/modal-dialog';
633
+ ```
634
+
635
+ ## 11.0.3
636
+
637
+ ### Patch Changes
638
+
639
+ - [`5b5e7b6323`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b5e7b6323) - The previous hotfix (https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3781) didn't fix the appearance override issue.
640
+
641
+ This change will be re-introduced in a future major version, please follow this ticket for updates https://product-fabric.atlassian.net/browse/DST-660.
642
+
643
+ ## 11.0.2
644
+
645
+ ### Patch Changes
646
+
647
+ - [`9796654bab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9796654bab) - The button sequence correction has been reverted as it was causing unintended regressions for some use cases. Affected versions include: @atlaskit/modal-dialog@11.0.1.
648
+
649
+ This change will be re-introduced in a future major version, please follow this ticket for updates https://product-fabric.atlassian.net/browse/DST-660.
650
+
651
+ ## 11.0.1
652
+
653
+ ### Patch Changes
654
+
655
+ - [`95261cf7b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95261cf7b0) - Fixed modal dialog focus issue
656
+ - [`3414523d6f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3414523d6f) - Rearange buttons order to align with design guidelines
657
+ - [`30f8909177`](https://bitbucket.org/atlassian/atlassian-frontend/commits/30f8909177) - fixed the layering between header, content, and footer
658
+ - [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
659
+
660
+ ## 11.0.0
661
+
662
+ ### Major Changes
663
+
664
+ - [`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.
665
+ For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
666
+
667
+ ### Patch Changes
668
+
669
+ - Updated dependencies
670
+
671
+ ## 10.6.4
672
+
673
+ ### Patch Changes
674
+
675
+ - [`5be257c6f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5be257c6f6) - Fix issue with the way that tabIndex was applied to dialog content. Now the check looks at whether the container is scrollable, rather than the shouldScroll prop.
676
+ - [`057d870973`](https://bitbucket.org/atlassian/atlassian-frontend/commits/057d870973) - Fix keyboard scrolling of modal dialog content
677
+
678
+ ## 10.6.3
679
+
680
+ ### Patch Changes
681
+
682
+ - [`fddc283495`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fddc283495) - Added aria-labelledby to dialog and point it to the real heading
683
+ - [`b2b0b94079`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2b0b94079) - Reverts breaking test id change.
684
+
685
+ ## 10.6.2
686
+
687
+ ### Patch Changes
688
+
689
+ - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
690
+
691
+ ## 10.6.1
692
+
693
+ ### Patch Changes
694
+
695
+ - [`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade react-transition-group to latest
696
+
697
+ ## 10.6.0
698
+
699
+ ### Minor Changes
700
+
701
+ - [`98e93d93ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/98e93d93ec) - ActionProps.text now accepts React.ReactNode instead of just string
702
+
703
+ ### Patch Changes
704
+
705
+ - [`16ccd817d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16ccd817d8) - Export types
706
+ - Updated dependencies
707
+
708
+ ## 10.5.9
709
+
710
+ ### Patch Changes
711
+
712
+ - Updated dependencies
713
+
714
+ ## 10.5.8
715
+
716
+ ### Patch Changes
717
+
718
+ - [`53d09bdb5d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53d09bdb5d) - Reverts scrolling fix which introduced a layering regression.
719
+
720
+ ## 10.5.7
721
+
722
+ ### Patch Changes
723
+
724
+ - [patch][9a534d6a74](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a534d6a74):
725
+
726
+ Change imports to comply with Atlassian conventions- Updated dependencies [6b8e60827e](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b8e60827e):
727
+
728
+ - Updated dependencies [449ef134b3](https://bitbucket.org/atlassian/atlassian-frontend/commits/449ef134b3):
729
+ - Updated dependencies [167a55fd7a](https://bitbucket.org/atlassian/atlassian-frontend/commits/167a55fd7a):
730
+ - Updated dependencies [3a09573b4e](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a09573b4e):
731
+ - Updated dependencies [57c0487a02](https://bitbucket.org/atlassian/atlassian-frontend/commits/57c0487a02):
732
+ - Updated dependencies [68ff159118](https://bitbucket.org/atlassian/atlassian-frontend/commits/68ff159118):
733
+ - Updated dependencies [6efb12e06d](https://bitbucket.org/atlassian/atlassian-frontend/commits/6efb12e06d):
734
+ - Updated dependencies [6d744d3ff1](https://bitbucket.org/atlassian/atlassian-frontend/commits/6d744d3ff1):
735
+ - Updated dependencies [0059d26429](https://bitbucket.org/atlassian/atlassian-frontend/commits/0059d26429):
736
+ - Updated dependencies [fd41d77c29](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd41d77c29):
737
+ - @atlaskit/button@13.3.11
738
+ - @atlaskit/icon@20.1.1
739
+ - @atlaskit/select@11.0.10
740
+ - @atlaskit/avatar@17.1.10
741
+ - @atlaskit/inline-dialog@12.1.12
742
+ - @atlaskit/checkbox@10.1.11
743
+ - @atlaskit/blanket@10.0.18
744
+ - @atlaskit/form@7.2.1
745
+ - @atlaskit/webdriver-runner@0.3.4
746
+
747
+ ## 10.5.6
748
+
749
+ ### Patch Changes
750
+
751
+ - [patch][f5b654c328](https://bitbucket.org/atlassian/atlassian-frontend/commits/f5b654c328):
752
+
753
+ Added a new `ScrollBehavior` value `inside-wide` to support showing modals on pages with body wider than viewport width.- [patch][89bf723567](https://bitbucket.org/atlassian/atlassian-frontend/commits/89bf723567):
754
+
755
+ FIX: `scrollBehavior: outside` Firefox scroll issue- Updated dependencies [603413f530](https://bitbucket.org/atlassian/atlassian-frontend/commits/603413f530):
756
+
757
+ - Updated dependencies [168b5f90e5](https://bitbucket.org/atlassian/atlassian-frontend/commits/168b5f90e5):
758
+ - Updated dependencies [0c270847cb](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c270847cb):
759
+ - Updated dependencies [109004a98e](https://bitbucket.org/atlassian/atlassian-frontend/commits/109004a98e):
760
+ - Updated dependencies [b9903e773a](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9903e773a):
761
+ - @atlaskit/portal@3.1.7
762
+ - @atlaskit/docs@8.5.1
763
+ - @atlaskit/theme@9.5.3
764
+ - @atlaskit/analytics-next@6.3.6
765
+ - @atlaskit/button@13.3.10
766
+
767
+ ## 10.5.5
768
+
769
+ ### Patch Changes
770
+
771
+ - [patch][4d3749c9e6](https://bitbucket.org/atlassian/atlassian-frontend/commits/4d3749c9e6):
772
+
773
+ Upgraded react-scrolllock package- Updated dependencies [294c05bcdf](https://bitbucket.org/atlassian/atlassian-frontend/commits/294c05bcdf):
774
+
775
+ - Updated dependencies [dae900bf82](https://bitbucket.org/atlassian/atlassian-frontend/commits/dae900bf82):
776
+ - Updated dependencies [8c9e4f1ec6](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c9e4f1ec6):
777
+ - @atlaskit/form@7.2.0
778
+ - @atlaskit/build-utils@2.6.4
779
+ - @atlaskit/docs@8.5.0
780
+
781
+ ## 10.5.4
782
+
783
+ ### Patch Changes
784
+
785
+ - Updated dependencies [66dcced7a0](https://bitbucket.org/atlassian/atlassian-frontend/commits/66dcced7a0):
786
+ - Updated dependencies [fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
787
+ - Updated dependencies [64fb94fb1e](https://bitbucket.org/atlassian/atlassian-frontend/commits/64fb94fb1e):
788
+ - Updated dependencies [fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
789
+ - Updated dependencies [eea5e9bd8c](https://bitbucket.org/atlassian/atlassian-frontend/commits/eea5e9bd8c):
790
+ - Updated dependencies [fd5292fd5a](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd5292fd5a):
791
+ - Updated dependencies [109c1a2c0a](https://bitbucket.org/atlassian/atlassian-frontend/commits/109c1a2c0a):
792
+ - Updated dependencies [c57bb32f6d](https://bitbucket.org/atlassian/atlassian-frontend/commits/c57bb32f6d):
793
+ - @atlaskit/docs@8.4.0
794
+ - @atlaskit/icon@20.1.0
795
+ - @atlaskit/webdriver-runner@0.3.0
796
+ - @atlaskit/field-radio-group@7.0.2
797
+ - @atlaskit/avatar@17.1.9
798
+ - @atlaskit/button@13.3.9
799
+ - @atlaskit/checkbox@10.1.10
800
+ - @atlaskit/form@7.1.5
801
+ - @atlaskit/inline-dialog@12.1.11
802
+ - @atlaskit/select@11.0.9
803
+ - @atlaskit/textfield@3.1.9
804
+
805
+ ## 10.5.3
806
+
807
+ ### Patch Changes
808
+
809
+ - Updated dependencies [e3f01787dd](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3f01787dd):
810
+ - @atlaskit/webdriver-runner@0.2.0
811
+ - @atlaskit/avatar@17.1.8
812
+ - @atlaskit/button@13.3.8
813
+ - @atlaskit/checkbox@10.1.9
814
+ - @atlaskit/form@7.1.4
815
+ - @atlaskit/inline-dialog@12.1.10
816
+ - @atlaskit/select@11.0.8
817
+ - @atlaskit/textfield@3.1.8
818
+
819
+ ## 10.5.2
820
+
821
+ ### Patch Changes
822
+
823
+ - [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
824
+
825
+ Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
826
+
827
+ - @atlaskit/docs@8.3.2
828
+ - @atlaskit/visual-regression@0.1.9
829
+ - @atlaskit/analytics-next@6.3.5
830
+ - @atlaskit/avatar@17.1.7
831
+ - @atlaskit/blanket@10.0.17
832
+ - @atlaskit/button@13.3.7
833
+ - @atlaskit/checkbox@10.1.7
834
+ - @atlaskit/field-radio-group@7.0.1
835
+ - @atlaskit/form@7.1.2
836
+ - @atlaskit/icon@20.0.1
837
+ - @atlaskit/inline-dialog@12.1.9
838
+ - @atlaskit/portal@3.1.6
839
+ - @atlaskit/select@11.0.7
840
+ - @atlaskit/textfield@3.1.6
841
+ - @atlaskit/theme@9.5.1
842
+
843
+ ## 10.5.1
844
+
845
+ ### Patch Changes
846
+
847
+ - Updated dependencies [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
848
+ - Updated dependencies [b9dc265bc9](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9dc265bc9):
849
+ - @atlaskit/field-radio-group@7.0.0
850
+ - @atlaskit/icon@20.0.0
851
+ - @atlaskit/avatar@17.1.6
852
+ - @atlaskit/form@7.1.1
853
+ - @atlaskit/docs@8.3.1
854
+ - @atlaskit/button@13.3.6
855
+ - @atlaskit/checkbox@10.1.6
856
+ - @atlaskit/inline-dialog@12.1.8
857
+ - @atlaskit/portal@3.1.5
858
+ - @atlaskit/select@11.0.6
859
+ - @atlaskit/textfield@3.1.5
860
+
861
+ ## 10.5.0
862
+
863
+ ### Minor Changes
864
+
865
+ - [minor][24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
866
+
867
+ Allowing support for using with new react-beautiful-dnd 12.x API
868
+
869
+ ### Patch Changes
870
+
871
+ - [patch][24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
872
+
873
+ Form has been converted to Typescript. TypeScript consumers will now get static type safety. Flow types are no longer provided. No API changes.- Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
874
+
875
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
876
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
877
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
878
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
879
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
880
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
881
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
882
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
883
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
884
+ - Updated dependencies [24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
885
+ - @atlaskit/analytics-next@6.3.3
886
+ - @atlaskit/select@11.0.3
887
+ - @atlaskit/form@7.0.0
888
+ - @atlaskit/checkbox@10.1.4
889
+ - @atlaskit/field-text@9.0.14
890
+ - @atlaskit/textfield@3.1.4
891
+ - @atlaskit/avatar@17.1.5
892
+ - @atlaskit/inline-dialog@12.1.6
893
+
894
+ ## 10.4.0
895
+
896
+ ### Minor Changes
897
+
898
+ - [minor][1ed27f5f85](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1ed27f5f85):
899
+
900
+ Adds prop types for Header / Footer render props.
901
+
902
+ ## 10.3.6
903
+
904
+ - Updated dependencies [30acc30979](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/30acc30979):
905
+ - @atlaskit/form@6.3.2
906
+ - @atlaskit/inline-dialog@12.1.5
907
+ - @atlaskit/select@11.0.0
908
+ - @atlaskit/button@13.3.4
909
+
910
+ ## 10.3.5
911
+
912
+ ### Patch Changes
913
+
914
+ - [patch][b39742b616](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b39742b616):
915
+
916
+ fixed type for the actions props
917
+
918
+ ## 10.3.4
919
+
920
+ ### Patch Changes
921
+
922
+ - [patch][f86839ca4e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f86839ca4e):
923
+
924
+ @atlaskit/portal had an issue in IE11 and this is fixed in 3.1.2
925
+
926
+ ## 10.3.3
927
+
928
+ ### Patch Changes
929
+
930
+ - [patch][35d2229b2a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/35d2229b2a):
931
+
932
+ Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.
933
+
934
+ ## 10.3.2
935
+
936
+ ### Patch Changes
937
+
938
+ - [patch][a2d0043716](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a2d0043716):
939
+
940
+ Updated version of analytics-next to fix potential incompatibilities with TS 3.6
941
+
942
+ ## 10.3.1
943
+
944
+ - Updated dependencies [97bab7fd28](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/97bab7fd28):
945
+ - @atlaskit/button@13.3.1
946
+ - @atlaskit/form@6.2.3
947
+ - @atlaskit/select@10.1.1
948
+ - @atlaskit/checkbox@10.0.0
949
+ - @atlaskit/docs@8.1.7
950
+
951
+ ## 10.3.0
952
+
953
+ ### Minor Changes
954
+
955
+ - [minor][66e147e6a1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/66e147e6a1):
956
+
957
+ Adding an optional prop `testId` that will set the attribute value `data-testid`. It will help products to write better integration and end to end tests.
958
+
959
+ ## 10.2.1
960
+
961
+ - Updated dependencies [8d0f37c23e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8d0f37c23e):
962
+ - @atlaskit/textfield@3.0.6
963
+ - @atlaskit/avatar@17.0.0
964
+ - @atlaskit/theme@9.2.2
965
+
966
+ ## 10.2.0
967
+
968
+ ### Minor Changes
969
+
970
+ - [minor][c6efb2f5b6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c6efb2f5b6):
971
+
972
+ Prefix the legacy lifecycle methods with UNSAFE\_\* to avoid warning in React 16.9+
973
+
974
+ More information about the deprecation of lifecycles methods can be found here:
975
+ https://reactjs.org/blog/2018/03/29/react-v-16-3.html#component-lifecycle-changes
976
+
977
+ ## 10.1.9
978
+
979
+ ### Patch Changes
980
+
981
+ - [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
982
+
983
+ Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports
984
+
985
+ ## 10.1.8
986
+
987
+ ### Patch Changes
988
+
989
+ - [patch][0d7d459f1a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0d7d459f1a):
990
+
991
+ Fixes type errors which were incompatible with TS 3.6
992
+
993
+ ## 10.1.7
994
+
995
+ ### Patch Changes
996
+
997
+ - [patch][f4ba40109f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f4ba40109f):
998
+
999
+ Refactors modal-dialog's styled component props
1000
+
1001
+ ## 10.1.6
1002
+
1003
+ ### Patch Changes
1004
+
1005
+ - [patch][ecca4d1dbb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ecca4d1dbb):
1006
+
1007
+ Upgraded Typescript to 3.3.x
1008
+
1009
+ ## 10.1.5
1010
+
1011
+ ### Patch Changes
1012
+
1013
+ - [patch][708028db86](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/708028db86):
1014
+
1015
+ Change all the imports to theme in Core to use multi entry points
1016
+
1017
+ ## 10.1.4
1018
+
1019
+ ### Patch Changes
1020
+
1021
+ - [patch][de35ce8c67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/de35ce8c67):
1022
+
1023
+ Updates component maintainers
1024
+
1025
+ ## 10.1.3
1026
+
1027
+ ### Patch Changes
1028
+
1029
+ - [patch][926b43142b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/926b43142b):
1030
+
1031
+ Analytics-next has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No behavioural changes.
1032
+
1033
+ **Breaking changes**
1034
+
1035
+ - `withAnalyticsForSumTypeProps` alias has been removed, please use `withAnalyticsEvents`
1036
+ - `AnalyticsContextWrappedComp` alias has been removed, please use `withAnalyticsContext`
1037
+
1038
+ **Breaking changes to TypeScript annotations**
1039
+
1040
+ - `withAnalyticsEvents` now infers proptypes automatically, consumers no longer need to provide props as a generic type.
1041
+ - `withAnalyticsContext` now infers proptypes automatically, consumers no longer need to provide props as a generic type.
1042
+ - Type `WithAnalyticsEventProps` has been renamed to `WithAnalyticsEventsProps` to match source code
1043
+ - Type `CreateUIAnalyticsEventSignature` has been renamed to `CreateUIAnalyticsEvent` to match source code
1044
+ - Type `UIAnalyticsEventHandlerSignature` has been renamed to `UIAnalyticsEventHandler` to match source code
1045
+ - Type `AnalyticsEventsPayload` has been renamed to `AnalyticsEventPayload`
1046
+ - Type `ObjectType` has been removed, please use `Record<string, any>` or `[key: string]: any`
1047
+ - Type `UIAnalyticsEventInterface` has been removed, please use `UIAnalyticsEvent`
1048
+ - Type `AnalyticsEventInterface` has been removed, please use `AnalyticsEvent`
1049
+ - Type `CreateAndFireEventFunction` removed and should now be inferred by TypeScript
1050
+ - Type `AnalyticsEventUpdater` removed and should now be inferred by TypeScript
1051
+
1052
+ ## 10.1.2
1053
+
1054
+ - Updated dependencies [84887b940c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/84887b940c):
1055
+ - @atlaskit/form@6.1.7
1056
+ - @atlaskit/icon@19.0.2
1057
+ - @atlaskit/textfield@3.0.0
1058
+
1059
+ ## 10.1.1
1060
+
1061
+ ### Patch Changes
1062
+
1063
+ - [patch][688f2957ca](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/688f2957ca):
1064
+
1065
+ Fixes various TypeScript errors which were previously failing silently
1066
+
1067
+ ## 10.1.0
1068
+
1069
+ ### Minor Changes
1070
+
1071
+ - [minor][eb7b748d59](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/eb7b748d59):
1072
+
1073
+ Modal-dialog padding now matches AGD and GUI pack
1074
+
1075
+ ## 10.0.14
1076
+
1077
+ ### Patch Changes
1078
+
1079
+ - [patch][9f8ab1084b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9f8ab1084b):
1080
+
1081
+ Consume analytics-next ts type definitions as an ambient declaration.
1082
+
1083
+ ## 10.0.13
1084
+
1085
+ ### Patch Changes
1086
+
1087
+ - [patch][bbff8a7d87](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/bbff8a7d87):
1088
+
1089
+ Fixes bug, missing version.json file
1090
+
1091
+ ## 10.0.12
1092
+
1093
+ ### Patch Changes
1094
+
1095
+ - [patch][18dfac7332](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/18dfac7332):
1096
+
1097
+ In this PR, we are:
1098
+
1099
+ - Re-introducing dist build folders
1100
+ - Adding back cjs
1101
+ - Replacing es5 by cjs and es2015 by esm
1102
+ - Creating folders at the root for entry-points
1103
+ - Removing the generation of the entry-points at the root
1104
+ Please see this [ticket](https://product-fabric.atlassian.net/browse/BUILDTOOLS-118) or this [page](https://hello.atlassian.net/wiki/spaces/FED/pages/452325500/Finishing+Atlaskit+multiple+entry+points) for further details
1105
+
1106
+ ## 10.0.11
1107
+
1108
+ ### Patch Changes
1109
+
1110
+ - [patch][d0db01b410](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d0db01b410):
1111
+
1112
+ TypeScript users of withAnalyticsEvents and withAnalyticsContext are now required to provide props as a generic type. This is so that TypeScript can correctly calculate the props and defaultProps of the returned component.
1113
+
1114
+ Before:
1115
+
1116
+ ```typescript
1117
+ withAnalyticsEvents()(Button) as ComponentClass<Props>;
1118
+ ```
1119
+
1120
+ After:
1121
+
1122
+ ```typescript
1123
+ withAnalyticsEvents<Props>()(Button);
1124
+ ```
1125
+
1126
+ ## 10.0.10
1127
+
1128
+ - Updated dependencies [790e66bece](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/790e66bece):
1129
+ - @atlaskit/button@13.0.11
1130
+ - @atlaskit/form@6.1.4
1131
+ - @atlaskit/inline-dialog@12.0.5
1132
+ - @atlaskit/select@10.0.0
1133
+
1134
+ ## 10.0.9
1135
+
1136
+ ### Patch Changes
1137
+
1138
+ - [patch][0342746c45](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0342746c45):
1139
+
1140
+ Closing a dialog in IE11 specific event key
1141
+
1142
+ ## 10.0.8
1143
+
1144
+ - Updated dependencies [87a2638655](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/87a2638655):
1145
+ - @atlaskit/button@13.0.10
1146
+ - @atlaskit/form@6.1.2
1147
+ - @atlaskit/select@9.1.10
1148
+ - @atlaskit/checkbox@9.0.0
1149
+
1150
+ ## 10.0.7
1151
+
1152
+ - Updated dependencies [06326ef3f7](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06326ef3f7):
1153
+ - @atlaskit/docs@8.1.3
1154
+ - @atlaskit/avatar@16.0.6
1155
+ - @atlaskit/button@13.0.9
1156
+ - @atlaskit/checkbox@8.0.5
1157
+ - @atlaskit/field-radio-group@6.0.4
1158
+ - @atlaskit/form@6.1.1
1159
+ - @atlaskit/inline-dialog@12.0.3
1160
+ - @atlaskit/portal@3.0.7
1161
+ - @atlaskit/select@9.1.8
1162
+ - @atlaskit/textfield@2.0.3
1163
+ - @atlaskit/icon@19.0.0
1164
+
1165
+ ## 10.0.6
1166
+
1167
+ ### Patch Changes
1168
+
1169
+ - [patch][4615439434](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4615439434):
1170
+
1171
+ index.ts will now be ignored when publishing to npm
1172
+
1173
+ ## 10.0.5
1174
+
1175
+ ### Patch Changes
1176
+
1177
+ - [patch][02f1f73671](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/02f1f73671):
1178
+
1179
+ `heading` prop type changed from string to React.ReactNode. This provides more flexibility for consumers to provide i18n components like FormattedMessage.
1180
+
1181
+ ## 10.0.4
1182
+
1183
+ - Updated dependencies [cfc3c8adb3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cfc3c8adb3):
1184
+ - @atlaskit/docs@8.1.2
1185
+ - @atlaskit/avatar@16.0.3
1186
+ - @atlaskit/button@13.0.8
1187
+ - @atlaskit/checkbox@8.0.2
1188
+ - @atlaskit/field-radio-group@6.0.2
1189
+ - @atlaskit/form@6.0.5
1190
+ - @atlaskit/inline-dialog@12.0.1
1191
+ - @atlaskit/portal@3.0.3
1192
+ - @atlaskit/select@9.1.5
1193
+ - @atlaskit/textfield@2.0.1
1194
+ - @atlaskit/icon@18.0.0
1195
+
1196
+ ## 10.0.3
1197
+
1198
+ - Updated dependencies [181209d135](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/181209d135):
1199
+ - @atlaskit/portal@3.0.2
1200
+ - @atlaskit/inline-dialog@12.0.0
1201
+
1202
+ ## 10.0.2
1203
+
1204
+ - Updated dependencies [70862830d6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/70862830d6):
1205
+ - @atlaskit/button@13.0.6
1206
+ - @atlaskit/form@6.0.4
1207
+ - @atlaskit/select@9.1.4
1208
+ - @atlaskit/checkbox@8.0.0
1209
+ - @atlaskit/icon@17.2.0
1210
+ - @atlaskit/theme@9.1.0
1211
+
1212
+ ## 10.0.1
1213
+
1214
+ - [patch][b0ef06c685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b0ef06c685):
1215
+
1216
+ - This is just a safety release in case anything strange happened in in the previous one. See Pull Request #5942 for details
1217
+
1218
+ ## 10.0.0
1219
+
1220
+ - [major][06c5cccf9d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06c5cccf9d):
1221
+
1222
+ - modal-dialog has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.
1223
+
1224
+ - [patch][c3ab82ed42](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c3ab82ed42):
1225
+
1226
+ - Bump react-focus-lock to latest 1.19.1, it will fix a bug with document.activeElement
1227
+
1228
+ - Updated dependencies [dacfb81ca1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dacfb81ca1):
1229
+ - @atlaskit/portal@3.0.0
1230
+
1231
+ ## 9.0.0
1232
+
1233
+ - [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
1234
+
1235
+ - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.
1236
+
1237
+ ## 8.0.9
1238
+
1239
+ - Updated dependencies [6cdf11238d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6cdf11238d):
1240
+ - Updated dependencies [5b6b4d6a0f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/5b6b4d6a0f):
1241
+ - @atlaskit/form@5.2.10
1242
+ - @atlaskit/textfield@1.0.0
1243
+ - @atlaskit/portal@1.0.0
1244
+
1245
+ ## 8.0.8
1246
+
1247
+ - Updated dependencies [38dab947e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/38dab947e6):
1248
+ - @atlaskit/blanket@9.0.0
1249
+
1250
+ ## 8.0.7
1251
+
1252
+ - Updated dependencies [9c0b4744be](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c0b4744be):
1253
+ - @atlaskit/docs@7.0.3
1254
+ - @atlaskit/avatar@15.0.4
1255
+ - @atlaskit/blanket@8.0.3
1256
+ - @atlaskit/button@12.0.3
1257
+ - @atlaskit/checkbox@6.0.4
1258
+ - @atlaskit/field-radio-group@5.0.3
1259
+ - @atlaskit/field-text@8.0.3
1260
+ - @atlaskit/form@5.2.7
1261
+ - @atlaskit/icon@16.0.9
1262
+ - @atlaskit/inline-dialog@10.0.4
1263
+ - @atlaskit/select@8.1.1
1264
+ - @atlaskit/textfield@0.4.4
1265
+ - @atlaskit/theme@8.1.7
1266
+
1267
+ ## 8.0.6
1268
+
1269
+ - Updated dependencies [1e826b2966](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e826b2966):
1270
+ - @atlaskit/docs@7.0.2
1271
+ - @atlaskit/analytics-next@4.0.3
1272
+ - @atlaskit/avatar@15.0.3
1273
+ - @atlaskit/blanket@8.0.2
1274
+ - @atlaskit/checkbox@6.0.3
1275
+ - @atlaskit/field-radio-group@5.0.2
1276
+ - @atlaskit/field-text@8.0.2
1277
+ - @atlaskit/form@5.2.5
1278
+ - @atlaskit/icon@16.0.8
1279
+ - @atlaskit/inline-dialog@10.0.3
1280
+ - @atlaskit/portal@0.3.1
1281
+ - @atlaskit/select@8.0.5
1282
+ - @atlaskit/textfield@0.4.3
1283
+ - @atlaskit/theme@8.1.6
1284
+ - @atlaskit/button@12.0.0
1285
+
1286
+ ## 8.0.5
1287
+
1288
+ - [patch][cc8378fcd4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cc8378fcd4):
1289
+
1290
+ - Modal-dialog has been migrated from styled-components to Emotion (v10)
1291
+ - styled-components is no longer a peer-dependency
1292
+ - Render props Body, Header, Footer and Container continue to get styles applied via className
1293
+ - Fixes an issue with modal contents that re-rendered on resize
1294
+ - Fixes an issue with forms losing state
1295
+ - SSR now works out of the box
1296
+
1297
+ ### Warning
1298
+
1299
+ Emotion 10 does not provide support for [Enzyme shallow rendering](https://airbnb.io/enzyme/docs/api/shallow.html). This is due to the fact that uses it's own [JSX pragma](https://emotion.sh/docs/css-prop#jsx-pragma) to support the [CSS prop](https://emotion.sh/docs/css-prop). The pragma internally wraps components and attaches a sibling style tag. Consequently, these implementation details may now be visible as conflicts in your snapshot tests and may be the cause of test failures for cases that reach into modal-dialog.
1300
+
1301
+ If you are using Enzyme to test components dependent on Modal-Dialog, you may need to replace calls to [shallow()](https://airbnb.io/enzyme/docs/api/shallow.html) with a call to [mount()](https://airbnb.io/enzyme/docs/api/mount.html) instead.
1302
+
1303
+ For more information please see: [Migrating to Emotion 10](https://emotion.sh/docs/migrating-to-emotion-10)
1304
+
1305
+ ## 8.0.4
1306
+
1307
+ - Updated dependencies [ce4e1b4780](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ce4e1b4780):
1308
+ - @atlaskit/portal@0.3.0
1309
+
1310
+ ## 8.0.3
1311
+
1312
+ - Updated dependencies [8eff47cacb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8eff47cacb):
1313
+ - @atlaskit/form@5.2.3
1314
+ - @atlaskit/textfield@0.4.0
1315
+
1316
+ ## 8.0.2
1317
+
1318
+ - Updated dependencies [9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
1319
+ - @atlaskit/docs@7.0.1
1320
+ - @atlaskit/analytics-next@4.0.1
1321
+ - @atlaskit/avatar@15.0.1
1322
+ - @atlaskit/blanket@8.0.1
1323
+ - @atlaskit/checkbox@6.0.1
1324
+ - @atlaskit/field-radio-group@5.0.1
1325
+ - @atlaskit/field-text@8.0.1
1326
+ - @atlaskit/form@5.2.1
1327
+ - @atlaskit/icon@16.0.5
1328
+ - @atlaskit/inline-dialog@10.0.1
1329
+ - @atlaskit/portal@0.2.1
1330
+ - @atlaskit/select@8.0.3
1331
+ - @atlaskit/textfield@0.3.1
1332
+ - @atlaskit/theme@8.0.1
1333
+ - @atlaskit/button@11.0.0
1334
+
1335
+ ## 8.0.1
1336
+
1337
+ - [patch][0f764dbd7c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0f764dbd7c):
1338
+
1339
+ - Modal-dialog no longer shows unnecessary scrollbars in modern browsers
1340
+
1341
+ ## 8.0.0
1342
+
1343
+ - [major][76299208e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76299208e6):
1344
+
1345
+ - Drop ES5 from all the flow modules
1346
+
1347
+ ### Dropping CJS support in all @atlaskit packages
1348
+
1349
+ As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only distribute esm. This means all distributed code will be transpiled, but will still contain `import` and
1350
+ `export` declarations.
1351
+
1352
+ The major reason for doing this is to allow us to support multiple entry points in packages, e.g:
1353
+
1354
+ ```js
1355
+ import colors from `@atlaskit/theme/colors`;
1356
+ ```
1357
+
1358
+ Previously this was sort of possible for consumers by doing something like:
1359
+
1360
+ ```js
1361
+ import colors from `@atlaskit/theme/dist/esm/colors`;
1362
+ ```
1363
+
1364
+ This has a couple of issues. 1, it treats the file system as API making internal refactors harder, we have to worry about how consumers might be using things that aren't _actually_ supposed to be used. 2. We are unable to do this _internally_ in @atlaskit packages. This leads to lots of packages bundling all of theme, just to use a single color, especially in situations where tree shaking fails.
1365
+
1366
+ To support being able to use multiple entrypoints internally, we unfortunately cannot have multiple distributions as they would need to have very different imports from of their own internal dependencies.
1367
+
1368
+ ES Modules are widely supported by all modern bundlers and can be worked around in node environments.
1369
+
1370
+ We may choose to revisit this solution in the future if we find any unintended condequences, but we see this as a pretty sane path forward which should lead to some major bundle size decreases, saner API's and simpler package architecture.
1371
+
1372
+ Please reach out to #fabric-build (if in Atlassian) or create an issue in [Design System Support](https://ecosystem.atlassian.net/secure/CreateIssue.jspa?pid=24670) (for external) if you have any questions or queries about this.
1373
+
1374
+ ## 7.3.0
1375
+
1376
+ - [minor][f26a3d0235](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f26a3d0235):
1377
+
1378
+ - Added media queries to make Modal Dialogs Responsive
1379
+
1380
+ ## 7.2.4
1381
+
1382
+ - Updated dependencies [e9b824bf86](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e9b824bf86):
1383
+ - @atlaskit/form@5.1.7
1384
+ - @atlaskit/textfield@0.2.0
1385
+
1386
+ ## 7.2.3
1387
+
1388
+ - [patch][06713e0a0c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06713e0a0c):
1389
+
1390
+ - popup select "target" is now a function that must resolve to a node
1391
+
1392
+ ## 7.2.2
1393
+
1394
+ - [patch][a7670c1488](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a7670c1488):
1395
+
1396
+ - Enabling handling focus in model-dialog by rendering component in model-dialog only after portal in model-dialog is attached to DOM.
1397
+
1398
+ - Updated dependencies [27cacd44ab](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/27cacd44ab):
1399
+ - @atlaskit/portal@0.1.0
1400
+
1401
+ ## 7.2.1
1402
+
1403
+ - Updated dependencies [d7ef59d432](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d7ef59d432):
1404
+ - @atlaskit/docs@6.0.1
1405
+ - @atlaskit/avatar@14.1.8
1406
+ - @atlaskit/button@10.1.2
1407
+ - @atlaskit/checkbox@5.0.11
1408
+ - @atlaskit/field-radio-group@4.0.15
1409
+ - @atlaskit/form@5.1.2
1410
+ - @atlaskit/inline-dialog@9.0.14
1411
+ - @atlaskit/portal@0.0.18
1412
+ - @atlaskit/select@6.1.19
1413
+ - @atlaskit/icon@16.0.0
1414
+
1415
+ ## 7.2.0
1416
+
1417
+ - [minor][07c4cd1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/07c4cd1):
1418
+
1419
+ - **Feature**: `components` prop now has an optional `container` entry that is wrapped around the header, body and footer. This provides compatibility for forms with fields in the body, and submit buttons in the footer
1420
+ - **API changes:**
1421
+ - The `header`, `body` and `footer` props have been deprecated; such custom components should be passed within the `components` prop instead.
1422
+ - Custom `Body` components passed in using the new method must contain a `ref` element; this can be done using forwardRef, as seen in the `custom` example.
1423
+ - **Documentation:** Examples have been updated to demonstrate the new container prop, as well as utilise the new composition method for custom header/body/footers.
1424
+
1425
+ ## 7.1.2
1426
+
1427
+ - [patch][2686f21](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/2686f21):
1428
+
1429
+ - Removed example demonstrating deprecated reference behaviour
1430
+
1431
+ ## 7.1.1
1432
+
1433
+ - Updated dependencies [58b84fa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/58b84fa):
1434
+ - @atlaskit/analytics-next@3.1.2
1435
+ - @atlaskit/avatar@14.1.7
1436
+ - @atlaskit/blanket@7.0.12
1437
+ - @atlaskit/button@10.1.1
1438
+ - @atlaskit/checkbox@5.0.9
1439
+ - @atlaskit/field-radio-group@4.0.14
1440
+ - @atlaskit/field-text@7.0.18
1441
+ - @atlaskit/icon@15.0.2
1442
+ - @atlaskit/inline-dialog@9.0.13
1443
+ - @atlaskit/portal@0.0.17
1444
+ - @atlaskit/select@6.1.13
1445
+ - @atlaskit/theme@7.0.1
1446
+ - @atlaskit/docs@6.0.0
1447
+
1448
+ ## 7.1.0
1449
+
1450
+ - [minor][7f99dec](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7f99dec):
1451
+
1452
+ - Fix usage of PopupSelect inside ModalDialog
1453
+
1454
+ ## 7.0.14
1455
+
1456
+ - Updated dependencies [d13242d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d13242d):
1457
+ - @atlaskit/docs@5.2.3
1458
+ - @atlaskit/blanket@7.0.11
1459
+ - @atlaskit/button@10.0.4
1460
+ - @atlaskit/checkbox@5.0.8
1461
+ - @atlaskit/field-radio-group@4.0.13
1462
+ - @atlaskit/field-text@7.0.16
1463
+ - @atlaskit/icon@15.0.1
1464
+ - @atlaskit/inline-dialog@9.0.12
1465
+ - @atlaskit/theme@7.0.0
1466
+ - @atlaskit/avatar@14.1.6
1467
+
1468
+ ## 7.0.13
1469
+
1470
+ - Updated dependencies [ab9b69c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ab9b69c):
1471
+ - @atlaskit/docs@5.2.2
1472
+ - @atlaskit/avatar@14.1.5
1473
+ - @atlaskit/button@10.0.1
1474
+ - @atlaskit/checkbox@5.0.7
1475
+ - @atlaskit/field-radio-group@4.0.12
1476
+ - @atlaskit/inline-dialog@9.0.11
1477
+ - @atlaskit/portal@0.0.16
1478
+ - @atlaskit/icon@15.0.0
1479
+
1480
+ ## 7.0.12
1481
+
1482
+ - Updated dependencies [6998f11](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6998f11):
1483
+ - @atlaskit/docs@5.2.1
1484
+ - @atlaskit/analytics-next@3.1.1
1485
+ - @atlaskit/avatar@14.1.4
1486
+ - @atlaskit/blanket@7.0.10
1487
+ - @atlaskit/checkbox@5.0.6
1488
+ - @atlaskit/field-radio-group@4.0.11
1489
+ - @atlaskit/field-text@7.0.15
1490
+ - @atlaskit/icon@14.6.1
1491
+ - @atlaskit/inline-dialog@9.0.10
1492
+ - @atlaskit/portal@0.0.15
1493
+ - @atlaskit/theme@6.2.1
1494
+ - @atlaskit/button@10.0.0
1495
+
1496
+ ## 7.0.11
1497
+
1498
+ - [patch][abd3a39](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/abd3a39):
1499
+
1500
+ - Bump react-beautiful-dnd dependency to v10.0.2
1501
+
1502
+ ## 7.0.10
1503
+
1504
+ - [patch][e151c1a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e151c1a):
1505
+
1506
+ - Removes dependency on @atlaskit/layer-manager
1507
+
1508
+ As of component versions:
1509
+
1510
+ - \`@atlaskit/modal-dialog@7.0.0\`
1511
+ - \`@atlaskit/tooltip@12.0.2\`
1512
+ - \`@atlaskit/flag@9.0.6\`
1513
+ - \`@atlaskit/onboarding@6.0.0\`
1514
+
1515
+ No component requires \`LayerManager\` to layer correctly.
1516
+
1517
+ You can safely remove this dependency and stop rendering \`LayerManager\` in your apps.
1518
+
1519
+ ## 7.0.9
1520
+
1521
+ - [patch][1fb2c2a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1fb2c2a):
1522
+
1523
+ - Fixed issue where tooltips and modals would initially render in the wrong location
1524
+
1525
+ ## 7.0.8
1526
+
1527
+ - Updated dependencies [3f5a4dd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3f5a4dd):
1528
+ - @atlaskit/portal@0.0.13
1529
+
1530
+ ## 7.0.7
1531
+
1532
+ - [patch][a637f5e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a637f5e):
1533
+
1534
+ - Refine and fix some flow type errors found by fixing @atlaskit/analytics-next HOCs to allow flow to type check properly
1535
+
1536
+ ## 7.0.6
1537
+
1538
+ - [patch][7cbd729](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7cbd729):
1539
+
1540
+ - Fixes visual bug where header and footer keylines appeared below textboxes and other components
1541
+
1542
+ ## 7.0.5
1543
+
1544
+ - [patch][72bc8da](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/72bc8da):
1545
+
1546
+ - Removes reference to window in initial state to properly support ssr
1547
+
1548
+ - [patch][b332c91](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b332c91):
1549
+
1550
+ - upgrades verison of react-scrolllock to SSR safe version
1551
+
1552
+ ## 7.0.4
1553
+
1554
+ - [patch] Updated dependencies [aaab348](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/aaab348)
1555
+ - @atlaskit/portal@0.0.12
1556
+
1557
+ ## 7.0.3
1558
+
1559
+ - [patch] Adds missing implicit @babel/runtime dependency [b71751b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b71751b)
1560
+
1561
+ ## 7.0.2
1562
+
1563
+ - [patch] Updated dependencies [65c6514](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/65c6514)
1564
+ - @atlaskit/docs@5.0.8
1565
+ - @atlaskit/avatar@14.0.11
1566
+ - @atlaskit/button@9.0.13
1567
+ - @atlaskit/checkbox@5.0.2
1568
+ - @atlaskit/field-radio-group@4.0.8
1569
+ - @atlaskit/inline-dialog@9.0.6
1570
+ - @atlaskit/layer-manager@5.0.13
1571
+ - @atlaskit/portal@0.0.10
1572
+ - @atlaskit/icon@14.0.0
1573
+
1574
+ ## 7.0.1
1575
+
1576
+ - [patch] Updated dependencies [80e1925](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/80e1925)
1577
+ - @atlaskit/button@9.0.9
1578
+ - @atlaskit/checkbox@5.0.0
1579
+
1580
+ ## 7.0.0
1581
+
1582
+ - [patch] Updates dependency on portal [b46385f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b46385f)
1583
+ - [major] Changes the pattern for using dialogs. Adds ModalTransition component to @atlaskit/modal-dialog. See the [migration guide](http://atlaskit.atlassian.com/packages/core/modal-dialog/docs/migration) for more information. [d5a043a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d5a043a)
1584
+
1585
+ ## 6.0.12
1586
+
1587
+ - [patch] Bump react-focus-lock to fix issues with selecting text in Safari. [62dc9fc](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/62dc9fc)
1588
+
1589
+ ## 6.0.11
1590
+
1591
+ - [patch] Adds sideEffects: false to allow proper tree shaking [b5d6d04](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b5d6d04)
1592
+
1593
+ ## 6.0.9
1594
+
1595
+ - [patch] Updated dependencies [df22ad8](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/df22ad8)
1596
+ - @atlaskit/theme@6.0.0
1597
+ - @atlaskit/layer-manager@5.0.6
1598
+ - @atlaskit/inline-dialog@9.0.2
1599
+ - @atlaskit/icon@13.2.5
1600
+ - @atlaskit/field-text@7.0.6
1601
+ - @atlaskit/field-radio-group@4.0.5
1602
+ - @atlaskit/checkbox@4.0.4
1603
+ - @atlaskit/button@9.0.6
1604
+ - @atlaskit/blanket@7.0.5
1605
+ - @atlaskit/avatar@14.0.8
1606
+ - @atlaskit/docs@5.0.6
1607
+
1608
+ ## 6.0.8
1609
+
1610
+ - [patch] Updated dependencies [1d9e75a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1d9e75a)
1611
+ - @atlaskit/inline-dialog@9.0.0
1612
+ - [none] Updated dependencies [a3109d3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a3109d3)
1613
+ - @atlaskit/inline-dialog@9.0.0
1614
+ - [none] Updated dependencies [87d45d3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/87d45d3)
1615
+ - @atlaskit/inline-dialog@9.0.0
1616
+ - [none] Updated dependencies [a08b0c2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a08b0c2)
1617
+ - @atlaskit/inline-dialog@9.0.0
1618
+
1619
+ ## 6.0.7
1620
+
1621
+ - [patch] Bumping react-beautiful-dnd to version 9. Making use of use onBeforeDragStart for dynamic table [9cbd494](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9cbd494)
1622
+ - [none] Updated dependencies [9cbd494](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9cbd494)
1623
+
1624
+ ## 6.0.6
1625
+
1626
+ - [patch] update the dependency of react-dom to 16.4.2 due to vulnerability in previous versions read https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html for details [a4bd557](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a4bd557)
1627
+ - [none] Updated dependencies [a4bd557](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a4bd557)
1628
+ - @atlaskit/inline-dialog@8.0.4
1629
+ - @atlaskit/field-text@7.0.4
1630
+ - @atlaskit/analytics-next@3.0.4
1631
+ - @atlaskit/checkbox@4.0.3
1632
+ - @atlaskit/button@9.0.5
1633
+ - @atlaskit/theme@5.1.3
1634
+ - @atlaskit/blanket@7.0.4
1635
+ - @atlaskit/field-radio-group@4.0.4
1636
+ - @atlaskit/layer-manager@5.0.5
1637
+ - @atlaskit/icon@13.2.4
1638
+ - @atlaskit/avatar@14.0.6
1639
+
1640
+ ## 6.0.5
1641
+
1642
+ - [patch] Updated dependencies [acd86a1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/acd86a1)
1643
+ - @atlaskit/inline-dialog@8.0.3
1644
+ - @atlaskit/layer-manager@5.0.4
1645
+ - @atlaskit/icon@13.2.2
1646
+ - @atlaskit/field-radio-group@4.0.3
1647
+ - @atlaskit/checkbox@4.0.2
1648
+ - @atlaskit/button@9.0.4
1649
+ - @atlaskit/theme@5.1.2
1650
+ - @atlaskit/field-text@7.0.3
1651
+ - @atlaskit/blanket@7.0.3
1652
+ - @atlaskit/analytics-next@3.0.3
1653
+ - @atlaskit/docs@5.0.2
1654
+ - @atlaskit/avatar@14.0.5
1655
+
1656
+ ## 6.0.4
1657
+
1658
+ - [patch] Add a SSR test for every package, add react-dom and build-utils in devDependencies [7e331b5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7e331b5)
1659
+ - [none] Updated dependencies [7e331b5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7e331b5)
1660
+ - @atlaskit/inline-dialog@8.0.2
1661
+ - @atlaskit/field-text@7.0.2
1662
+ - @atlaskit/analytics-next@3.0.2
1663
+ - @atlaskit/checkbox@4.0.1
1664
+ - @atlaskit/button@9.0.3
1665
+ - @atlaskit/theme@5.1.1
1666
+ - @atlaskit/blanket@7.0.2
1667
+ - @atlaskit/field-radio-group@4.0.2
1668
+ - @atlaskit/layer-manager@5.0.3
1669
+ - @atlaskit/icon@13.2.1
1670
+ - @atlaskit/avatar@14.0.4
1671
+
1672
+ ## 6.0.3
1673
+
1674
+ - [patch] Upgrading react-beautiful-dnd to 8.0.1 [87cd977](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/87cd977)
1675
+ - [patch] Upgrading react-beautiful-dnd to 8.0.0 [22efc08](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/22efc08)
1676
+ - [none] Updated dependencies [87cd977](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/87cd977)
1677
+ - [none] Updated dependencies [22efc08](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/22efc08)
1678
+
1679
+ ## 6.0.2
1680
+
1681
+ - [patch] Upgrading react-beautiful-dnd to 8.0.5 [6052132](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6052132)
1682
+ - [none] Updated dependencies [6052132](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6052132)
1683
+
1684
+ ## 6.0.1
1685
+
1686
+ - [patch] Move analytics tests and replace elements to core [49d4ab4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/49d4ab4)
1687
+ - [none] Updated dependencies [49d4ab4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/49d4ab4)
1688
+ - @atlaskit/inline-dialog@8.0.1
1689
+ - @atlaskit/field-text@7.0.1
1690
+ - @atlaskit/analytics-next@3.0.1
1691
+ - @atlaskit/button@9.0.2
1692
+ - @atlaskit/docs@5.0.1
1693
+ - @atlaskit/blanket@7.0.1
1694
+ - @atlaskit/field-radio-group@4.0.1
1695
+ - @atlaskit/avatar@14.0.2
1696
+
1697
+ ## 6.0.0
1698
+
1699
+ - [major] Provides analytics for common component interations. See the [Instrumented Components](https://atlaskit.atlassian.com/packages/core/analytics-next) section for more details. If you are using enzyme for testing you will have to use [our forked version of the library](https://atlaskit.atlassian.com/docs/guides/testing#we-use-a-forked-version-of-enzyme). [563a7eb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/563a7eb)
1700
+ - [major] Updates to React ^16.4.0 [7edb866](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7edb866)
1701
+ - [major] Updated dependencies [563a7eb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/563a7eb)
1702
+ - @atlaskit/inline-dialog@8.0.0
1703
+ - @atlaskit/field-text@7.0.0
1704
+ - @atlaskit/analytics-next@3.0.0
1705
+ - @atlaskit/checkbox@4.0.0
1706
+ - @atlaskit/button@9.0.0
1707
+ - @atlaskit/theme@5.0.0
1708
+ - @atlaskit/docs@5.0.0
1709
+ - @atlaskit/blanket@7.0.0
1710
+ - @atlaskit/field-radio-group@4.0.0
1711
+ - @atlaskit/layer-manager@5.0.0
1712
+ - @atlaskit/icon@13.0.0
1713
+ - @atlaskit/avatar@14.0.0
1714
+ - [major] Updated dependencies [7edb866](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7edb866)
1715
+ - @atlaskit/inline-dialog@8.0.0
1716
+ - @atlaskit/field-text@7.0.0
1717
+ - @atlaskit/analytics-next@3.0.0
1718
+ - @atlaskit/checkbox@4.0.0
1719
+ - @atlaskit/button@9.0.0
1720
+ - @atlaskit/theme@5.0.0
1721
+ - @atlaskit/docs@5.0.0
1722
+ - @atlaskit/blanket@7.0.0
1723
+ - @atlaskit/field-radio-group@4.0.0
1724
+ - @atlaskit/layer-manager@5.0.0
1725
+ - @atlaskit/icon@13.0.0
1726
+ - @atlaskit/avatar@14.0.0
1727
+
1728
+ ## 5.2.8
1729
+
1730
+ - [none] Updated dependencies [da63331](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/da63331)
1731
+ - @atlaskit/button@8.2.5
1732
+ - @atlaskit/avatar@13.0.0
1733
+ - [patch] Updated dependencies [7724115](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7724115)
1734
+ - @atlaskit/avatar@13.0.0
1735
+ - @atlaskit/button@8.2.5
1736
+
1737
+ ## 5.2.7
1738
+
1739
+ - [patch] Updated dependencies [8a01bcd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8a01bcd)
1740
+ - @atlaskit/avatar@12.0.0
1741
+
1742
+ ## 5.2.6
1743
+
1744
+ - [patch] Remove or update \$FlowFixMe [e8ad98a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e8ad98a)
1745
+ - [none] Updated dependencies [e8ad98a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e8ad98a)
1746
+ - @atlaskit/field-text@6.1.1
1747
+ - @atlaskit/button@8.2.4
1748
+ - @atlaskit/field-radio-group@3.1.3
1749
+ - @atlaskit/icon@12.6.1
1750
+ - @atlaskit/avatar@11.2.2
1751
+
1752
+ ## 5.2.5
1753
+
1754
+ - [patch] Fix \$FlowFixMe and release packages [25d0b2d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/25d0b2d)
1755
+ - [none] Updated dependencies [25d0b2d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/25d0b2d)
1756
+ - @atlaskit/inline-dialog@7.1.3
1757
+ - @atlaskit/button@8.2.2
1758
+ - @atlaskit/checkbox@3.1.2
1759
+ - @atlaskit/field-radio-group@3.1.2
1760
+ - @atlaskit/icon@12.3.1
1761
+ - @atlaskit/avatar@11.2.1
1762
+
1763
+ ## 5.2.4
1764
+
1765
+ - [patch] Replaces implementation of ScrollLock with [react-scrolllock](https://github.com/jossmac/react-scrolllock). Deprecates ScrollLock export in @atlaskit/layer-manager. [497d50d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/497d50d)
1766
+ - [none] Updated dependencies [497d50d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/497d50d)
1767
+ - @atlaskit/layer-manager@4.3.1
1768
+
1769
+ ## 5.2.3
1770
+
1771
+ - [patch] Upgrading react-beautiful-dnd dependency to ^7.1.3 [024b7fb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/024b7fb)
1772
+ - [patch] Updated dependencies [024b7fb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/024b7fb)
1773
+
1774
+ ## 5.2.2
1775
+
1776
+ - [patch] Clean Changelogs - remove duplicates and empty entries [e7756cd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e7756cd)
1777
+ - [none] Updated dependencies [e7756cd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e7756cd)
1778
+ - @atlaskit/inline-dialog@7.1.2
1779
+ - @atlaskit/field-text@6.0.4
1780
+ - @atlaskit/button@8.1.2
1781
+ - @atlaskit/theme@4.0.4
1782
+ - @atlaskit/checkbox@3.0.6
1783
+ - @atlaskit/field-radio-group@3.0.4
1784
+ - @atlaskit/layer-manager@4.2.1
1785
+ - @atlaskit/icon@12.1.2
1786
+
1787
+ ## 5.2.1
1788
+
1789
+ - [patch] Removes tabbable and focusin dependencies [274e773](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/274e773)
1790
+ - [none] Updated dependencies [274e773](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/274e773)
1791
+
1792
+ ## 5.2.0
1793
+
1794
+ - [minor] Deprecates the ability to pass a function to the autoFocus prop. Changes implementation of FocusLock to use [react-focus-lock](https://github.com/theKashey/react-focus-lock). [5b1ab0b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/5b1ab0b)
1795
+
1796
+ - [none] Updated dependencies [5b1ab0b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/5b1ab0b)
1797
+ - @atlaskit/layer-manager@4.2.0
1798
+ - [none] Updated dependencies [de9690b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/de9690b)
1799
+ - @atlaskit/layer-manager@4.2.0
1800
+
1801
+ ## 5.1.1
1802
+
1803
+ - [patch] Update changelogs to remove duplicate [cc58e17](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cc58e17)
1804
+ - [none] Updated dependencies [cc58e17](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cc58e17)
1805
+ - @atlaskit/theme@4.0.3
1806
+ - @atlaskit/layer-manager@4.1.1
1807
+ - @atlaskit/inline-dialog@7.1.1
1808
+ - @atlaskit/icon@12.1.1
1809
+ - @atlaskit/field-radio-group@3.0.3
1810
+ - @atlaskit/checkbox@3.0.5
1811
+ - @atlaskit/button@8.1.1
1812
+ - @atlaskit/blanket@6.0.3
1813
+ - @atlaskit/avatar@11.1.1
1814
+ - @atlaskit/docs@4.1.1
1815
+
1816
+ ## 5.1.0
1817
+
1818
+ - [none] Updated dependencies [9d20f54](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d20f54)
1819
+ - @atlaskit/inline-dialog@7.1.0
1820
+ - @atlaskit/layer-manager@4.1.0
1821
+ - @atlaskit/avatar@11.1.0
1822
+ - @atlaskit/icon@12.1.0
1823
+ - @atlaskit/field-radio-group@3.0.2
1824
+ - @atlaskit/checkbox@3.0.4
1825
+ - @atlaskit/docs@4.1.0
1826
+ - @atlaskit/theme@4.0.2
1827
+ - @atlaskit/field-text@6.0.2
1828
+ - @atlaskit/blanket@6.0.2
1829
+ - @atlaskit/button@8.1.0
1830
+
1831
+ ## 5.0.1
1832
+
1833
+ - [patch] Update readme's [223cd67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/223cd67)
1834
+ - [patch] Updated dependencies [223cd67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/223cd67)
1835
+ - @atlaskit/layer-manager@4.0.1
1836
+ - @atlaskit/icon@12.0.1
1837
+ - @atlaskit/inline-dialog@7.0.1
1838
+ - @atlaskit/field-radio-group@3.0.1
1839
+ - @atlaskit/field-text@6.0.1
1840
+ - @atlaskit/checkbox@3.0.1
1841
+ - @atlaskit/button@8.0.1
1842
+ - @atlaskit/theme@4.0.1
1843
+ - @atlaskit/blanket@6.0.1
1844
+ - @atlaskit/docs@4.0.1
1845
+ - @atlaskit/avatar@11.0.1
1846
+
1847
+ ## 5.0.0
1848
+
1849
+ - [major] makes styled-components a peer dependency and upgrades version range from 1.4.6 - 3 to ^3.2.6 [1e80619](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e80619)
1850
+ - [patch] Updated dependencies [1e80619](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e80619)
1851
+ - @atlaskit/layer-manager@4.0.0
1852
+ - @atlaskit/icon@12.0.0
1853
+ - @atlaskit/inline-dialog@7.0.0
1854
+ - @atlaskit/field-radio-group@3.0.0
1855
+ - @atlaskit/field-text@6.0.0
1856
+ - @atlaskit/checkbox@3.0.0
1857
+ - @atlaskit/button@8.0.0
1858
+ - @atlaskit/theme@4.0.0
1859
+ - @atlaskit/blanket@6.0.0
1860
+ - @atlaskit/docs@4.0.0
1861
+ - @atlaskit/avatar@11.0.0
1862
+
1863
+ ## 4.0.5
1864
+
1865
+ - [patch] Updated dependencies [d662caa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d662caa)
1866
+ - @atlaskit/icon@11.3.0
1867
+ - @atlaskit/layer-manager@3.0.4
1868
+ - @atlaskit/inline-dialog@6.0.2
1869
+ - @atlaskit/field-radio-group@2.0.3
1870
+ - @atlaskit/field-text@5.0.3
1871
+ - @atlaskit/checkbox@2.0.2
1872
+ - @atlaskit/button@7.2.5
1873
+ - @atlaskit/theme@3.2.2
1874
+ - @atlaskit/blanket@5.0.2
1875
+ - @atlaskit/avatar@10.0.6
1876
+ - @atlaskit/docs@3.0.4
1877
+
1878
+ ## 4.0.2
1879
+
1880
+ - [patch] AK-4416 changes meaning of autofocus prop values [c831a3d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c831a3d)
1881
+
1882
+ ## 4.0.1
1883
+
1884
+ - [patch] Add possibility to display heading in modal in one line (with ellipsis if content is wider than modal) [30883b4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/30883b4)
1885
+
1886
+ ## 4.0.0
1887
+
1888
+ - [major] Bump to React 16.3. [4251858](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4251858)
1889
+
1890
+ ## 3.5.1
1891
+
1892
+ - [patch] Re-releasing due to potentially broken babel release [9ed0bba](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9ed0bba)
1893
+
1894
+ ## 3.5.0
1895
+
1896
+ - [minor] Updated website to use iframe to load examples. Example loader now in a separate react app. Webpack config refactored to compile separate example loader, chunking refactored to be more performant with the new website changes. Updated modal-dialog to use new component structure to optionally specify a Body wrapping component. [e1fdfd8](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e1fdfd8)
1897
+
1898
+ ## 3.4.0
1899
+
1900
+ - [minor] Update styled-components dependency to support versions 1.4.6 - 3 [ceccf30](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ceccf30)
1901
+
1902
+ ## 3.3.15
1903
+
1904
+ - [patch] updated the repository url to https://bitbucket.org/atlassian/atlaskit-mk-2 [1e57e5a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e57e5a)
1905
+
1906
+ ## 3.3.14
1907
+
1908
+ - [patch] Fix react-beautiful-dnd position issues when used inside a modal dialog [cfda546](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cfda546)
1909
+
1910
+ ## 3.3.12
1911
+
1912
+ - [patch] Remove babel-plugin-react-flow-props-to-prop-types [06c1f08](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06c1f08)
1913
+
1914
+ ## 3.3.11
1915
+
1916
+ - [patch] Packages Flow types for elements components [3111e74](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3111e74)
1917
+
1918
+ ## 3.3.9
1919
+
1920
+ - [patch] Updated inline-dialog to include boundaries element prop, updated Layer to have dynamic boolean escapeWithReference property, updated modal-dialog Content component with overflow-x:hidden' [cb72752](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cb72752)
1921
+
1922
+ ## 3.3.8
1923
+
1924
+ - [patch] Prevent window from being scrolled programmatically [3e3085c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3e3085c)
1925
+
1926
+ ## 3.3.5
1927
+
1928
+ - [patch] Migrate Navigation from Ak repo to ak mk 2 repo, Fixed flow typing inconsistencies in ak mk 2 [bdeef5b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/bdeef5b)
1929
+
1930
+ ## 3.3.4
1931
+
1932
+ - [patch] Fix modal appearing behind navigation's drawer blanket when layer manager is not used [a6c6e5e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a6c6e5e)
1933
+
1934
+ ## 3.3.3
1935
+
1936
+ - [patch] Resolved low hanging flow errors in field-base field-text comment icon item and website, \$ [007de27](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/007de27)
1937
+
1938
+ ## 3.3.2
1939
+
1940
+ - [patch] Fix modal height being clipped by destination parent [c30e7b0](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c30e7b0)
1941
+
1942
+ ## 3.3.1
1943
+
1944
+ - [patch] Migration of Blanket to mk2 repo [1c55d97](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1c55d97)
1945
+
1946
+ ## 3.3.0
1947
+
1948
+ - [minor] Add React 16 support. [12ea6e4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/12ea6e4)
1949
+
1950
+ ## 3.2.5
1951
+
1952
+ - [patch] Migrate modal-dialog to ak mk 2 update deps and add flow types [a91cefe](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a91cefe)
1953
+
1954
+ ## 3.2.4 (2017-11-30)
1955
+
1956
+ - bug fix; fix modal dialog not shrinking to viewport height in IE11 (issues closed: ak-3879) ([d3bb5cd](https://bitbucket.org/atlassian/atlaskit/commits/d3bb5cd))
1957
+
1958
+ ## 3.2.3 (2017-11-30)
1959
+
1960
+ - bug fix; release stories with fixed console errors ([3321c2b](https://bitbucket.org/atlassian/atlaskit/commits/3321c2b))
1961
+
1962
+ ## 3.2.2 (2017-11-17)
1963
+
1964
+ - bug fix; bumping internal dependencies to latest major version ([3aefbce](https://bitbucket.org/atlassian/atlaskit/commits/3aefbce))
1965
+
1966
+ ## 3.2.1 (2017-11-13)
1967
+
1968
+ - bug fix; remove chrome from the wrapping dialog (issues closed: #67) ([21f3a0e](https://bitbucket.org/atlassian/atlaskit/commits/21f3a0e))
1969
+
1970
+ ## 3.2.0 (2017-10-26)
1971
+
1972
+ - bug fix; add deprecation warning to spotlight package ([3ea2312](https://bitbucket.org/atlassian/atlaskit/commits/3ea2312))
1973
+ - feature; cleanup layer-manager and modal-dialog in preparation for onboarding ([02a516b](https://bitbucket.org/atlassian/atlaskit/commits/02a516b))
1974
+
1975
+ ## 3.1.3 (2017-10-26)
1976
+
1977
+ - bug fix; fix to rebuild stories ([793b2a7](https://bitbucket.org/atlassian/atlaskit/commits/793b2a7))
1978
+
1979
+ ## 3.1.2 (2017-10-22)
1980
+
1981
+ - bug fix; update styled-components dep and react peerDep ([6a67bf8](https://bitbucket.org/atlassian/atlaskit/commits/6a67bf8))
1982
+
1983
+ ## 3.1.1 (2017-10-12)
1984
+
1985
+ - bug fix; bumps version of Page (issues closed: ak-3680) ([8713649](https://bitbucket.org/atlassian/atlaskit/commits/8713649))
1986
+
1987
+ ## 3.1.0 (2017-10-11)
1988
+
1989
+ - feature; add chromeless option to modal to support Connect JSAPI ([5ca6a65](https://bitbucket.org/atlassian/atlaskit/commits/5ca6a65))
1990
+
1991
+ ## 3.0.2 (2017-10-05)
1992
+
1993
+ - bug fix; resolve error in modal dialog (issues closed: ak-3623) ([2052679](https://bitbucket.org/atlassian/atlaskit/commits/2052679))
1994
+
1995
+ ## 3.0.1 (2017-09-26)
1996
+
1997
+ - bug fix; update webpack raw path (issues closed: ak-3589) ([0aa9737](https://bitbucket.org/atlassian/atlaskit/commits/0aa9737))
1998
+
1999
+ ## 3.0.0 (2017-09-13)
2000
+
2001
+ - breaking; onDialogDismissed = onClose, isOpen prop removed, just render the modal to display it ([3819bac](https://bitbucket.org/atlassian/atlaskit/commits/3819bac))
2002
+ - breaking; major overhaul to modal implementation and behaviour (issues closed: ak-2972, ak-3343) ([3819bac](https://bitbucket.org/atlassian/atlaskit/commits/3819bac))
2003
+
2004
+ ## 2.6.0 (2017-08-07)
2005
+
2006
+ - feature; Added support for custom modal heights, with the new `ModalDialog.height` prop. It accepts a number (converted to `px`) or string (not converted to `px`, so you can use any unit you like such as `%`, `vh`, etc). (issues closed: ak-1723) ([3c1f537](https://bitbucket.org/atlassian/atlaskit/commits/3c1f537))
2007
+
2008
+ ## 2.5.2 (2017-07-27)
2009
+
2010
+ - fix; rename jsnext:main to jsnext:experimental:main temporarily ([c7508e0](https://bitbucket.org/atlassian/atlaskit/commits/c7508e0))
2011
+
2012
+ ## 2.5.1 (2017-07-25)
2013
+
2014
+ - fix; use class transform in loose mode in babel to improve load performance in apps ([fde719a](https://bitbucket.org/atlassian/atlaskit/commits/fde719a))
2015
+
2016
+ ## 2.2.0 (2017-07-17)
2017
+
2018
+ - fix; rerelease, failed prepublish scripts ([5fd82f8](https://bitbucket.org/atlassian/atlaskit/commits/5fd82f8))
2019
+
2020
+ ## 2.2.0 (2017-07-17)
2021
+
2022
+ - feature; added ES module builds to dist and add jsnext:main to most ADG packages ([ea76507](https://bitbucket.org/atlassian/atlaskit/commits/ea76507))
2023
+
2024
+ ## 2.1.2 (2017-06-15)
2025
+
2026
+ - fix; avoid unwanted re-render of modal children when state/props change ([7ae6324](https://bitbucket.org/atlassian/atlaskit/commits/7ae6324))
2027
+
2028
+ ## 2.1.1 (2017-05-26)
2029
+
2030
+ - fix; add prop-types as a dependency to avoid React 15.x warnings ([92598eb](https://bitbucket.org/atlassian/atlaskit/commits/92598eb))
2031
+ - fix; pin react-lorem-component version to avoid newly released broken version ([6f3d9c6](https://bitbucket.org/atlassian/atlaskit/commits/6f3d9c6))
2032
+
2033
+ ## 2.1.0 (2017-05-06)
2034
+
2035
+ - feature; animated entry/exit of modal dialog ([e721aaa](https://bitbucket.org/atlassian/atlaskit/commits/e721aaa))
2036
+
2037
+ ## 2.0.0 (2017-05-05)
2038
+
2039
+ - switch modal styling to styled-components ([f9510b4](https://bitbucket.org/atlassian/atlaskit/commits/f9510b4))
2040
+ - breaking; Modal dialog now has a peerDependency on the styled-components package.
2041
+ - ISSUES CLOSED: AK-2290
2042
+
2043
+ ## 1.3.3 (2017-05-03)
2044
+
2045
+ - fix; Fix child position:fixed elements being clipped ([fc0a894](https://bitbucket.org/atlassian/atlaskit/commits/fc0a894))
2046
+
2047
+ ## 1.3.2 (2017-04-27)
2048
+
2049
+ - fix; update legal copy to be more clear. Not all modules include ADG license. ([f3a945e](https://bitbucket.org/atlassian/atlaskit/commits/f3a945e))
2050
+
2051
+ ## 1.3.1 (2017-04-26)
2052
+
2053
+ - fix; update legal copy and fix broken links for component README on npm. New contribution and ([0b3e454](https://bitbucket.org/atlassian/atlaskit/commits/0b3e454))
2054
+
2055
+ ## 1.3.0 (2017-04-20)
2056
+
2057
+ - feature; removed explicit style! imports, set style-loader in webpack config ([891fc3c](https://bitbucket.org/atlassian/atlaskit/commits/891fc3c))
2058
+
2059
+ ## 1.2.15 (2017-03-31)
2060
+
2061
+ - fix; update modal story to use latest navigation devDep ([5ed9946](https://bitbucket.org/atlassian/atlaskit/commits/5ed9946))
2062
+ - fix; update modal story to use latest navigation devDep ([c074080](https://bitbucket.org/atlassian/atlaskit/commits/c074080))
2063
+
2064
+ ## 1.2.14 (2017-03-29)
2065
+
2066
+ - fix; only show scrolling keylines when header or footer shown ([fd1c68a](https://bitbucket.org/atlassian/atlaskit/commits/fd1c68a))
2067
+
2068
+ ## 1.2.13 (2017-03-29)
2069
+
2070
+ - fix; fire onDialogDismissed when clicking on blanket directly below modal ([1c9efb0](https://bitbucket.org/atlassian/atlaskit/commits/1c9efb0))
2071
+
2072
+ ## 1.2.10 (2017-03-21)
2073
+
2074
+ - fix; render rounded corners correctly when header/footer omitted ([724480d](https://bitbucket.org/atlassian/atlaskit/commits/724480d))
2075
+ - fix; maintainers for all the packages were added ([261d00a](https://bitbucket.org/atlassian/atlaskit/commits/261d00a))
2076
+
2077
+ ## 1.2.9 (2017-02-28)
2078
+
2079
+ - fix; dummy commit to release stories ([3df5d9f](https://bitbucket.org/atlassian/atlaskit/commits/3df5d9f))
2080
+
2081
+ ## 1.2.7 (2017-02-28)
2082
+
2083
+ - fix; dummy commit to fix broken stories and missing registry pages ([a31e92a](https://bitbucket.org/atlassian/atlaskit/commits/a31e92a))
2084
+
2085
+ ## 1.2.7 (2017-02-28)
2086
+
2087
+ - fix; dummy commit to release stories for components ([a105c02](https://bitbucket.org/atlassian/atlaskit/commits/a105c02))
2088
+
2089
+ ## 1.2.6 (2017-02-28)
2090
+
2091
+ - fix; removes jsdoc annotations and moves content to usage.md ([14f941a](https://bitbucket.org/atlassian/atlaskit/commits/14f941a))
2092
+
2093
+ ## 1.2.5 (2017-02-27)
2094
+
2095
+ - empty commit to make components release themselves ([5511fbe](https://bitbucket.org/atlassian/atlaskit/commits/5511fbe))
2096
+
2097
+ ## 1.2.4 (2017-02-13)
2098
+
2099
+ - Fix types for modal-dialog typescript declaration file ([533adea](https://bitbucket.org/atlassian/atlaskit/commits/533adea))
2100
+
2101
+ ## 1.2.3 (2017-02-08)
2102
+
2103
+ - fix; trigger modal close handler on esc key in older browsers ([a692683](https://bitbucket.org/atlassian/atlaskit/commits/a692683))
2104
+
2105
+ ## 1.2.2 (2017-02-07)
2106
+
2107
+ - fix; render dropdown in modal above footer ([2b76812](https://bitbucket.org/atlassian/atlaskit/commits/2b76812))
2108
+
2109
+ ## 1.2.1 (2017-02-06)
2110
+
2111
+ - fix; layer navigation at correct level so it works with modal ([5bef9db](https://bitbucket.org/atlassian/atlaskit/commits/5bef9db))