@atlaskit/side-navigation 2.0.4 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/CHANGELOG.md +95 -65
  2. package/constellation/index/examples.mdx +19 -10
  3. package/constellation/index/props.mdx +12 -12
  4. package/constellation/index/usage.mdx +5 -5
  5. package/dist/cjs/common/constants.js +2 -4
  6. package/dist/cjs/common/styles.js +4 -7
  7. package/dist/cjs/components/Footer/index.js +1 -2
  8. package/dist/cjs/components/Header/index.js +2 -4
  9. package/dist/cjs/components/Item/button-item.js +1 -2
  10. package/dist/cjs/components/Item/custom-item.js +1 -2
  11. package/dist/cjs/components/Item/go-back-item.js +1 -2
  12. package/dist/cjs/components/Item/link-item.js +1 -2
  13. package/dist/cjs/components/Item/skeleton-item.js +1 -2
  14. package/dist/cjs/components/LoadingItems/index.js +1 -2
  15. package/dist/cjs/components/NavigationContent/index.js +1 -2
  16. package/dist/cjs/components/NavigationContent/styles.js +4 -7
  17. package/dist/cjs/components/NavigationFooter/index.js +1 -2
  18. package/dist/cjs/components/NavigationHeader/index.js +1 -2
  19. package/dist/cjs/components/NestableNavigationContent/context.js +4 -7
  20. package/dist/cjs/components/NestableNavigationContent/index.js +2 -4
  21. package/dist/cjs/components/NestableNavigationContent/nesting-motion.js +2 -3
  22. package/dist/cjs/components/NestingItem/index.js +1 -2
  23. package/dist/cjs/components/NestingItem/styles.js +3 -5
  24. package/dist/cjs/components/Section/heading-item.js +1 -2
  25. package/dist/cjs/components/Section/section.js +1 -2
  26. package/dist/cjs/components/Section/skeleton-heading-item.js +1 -2
  27. package/dist/cjs/components/SideNavigation/index.js +1 -2
  28. package/dist/cjs/components/utils/hooks.js +3 -5
  29. package/package.json +12 -17
  30. package/dist/types-ts4.5/common/constants.d.ts +0 -2
  31. package/dist/types-ts4.5/common/styles.d.ts +0 -11
  32. package/dist/types-ts4.5/components/Footer/index.d.ts +0 -28
  33. package/dist/types-ts4.5/components/Header/index.d.ts +0 -56
  34. package/dist/types-ts4.5/components/Item/button-item.d.ts +0 -14
  35. package/dist/types-ts4.5/components/Item/custom-item.d.ts +0 -14
  36. package/dist/types-ts4.5/components/Item/go-back-item.d.ts +0 -14
  37. package/dist/types-ts4.5/components/Item/index.d.ts +0 -10
  38. package/dist/types-ts4.5/components/Item/link-item.d.ts +0 -16
  39. package/dist/types-ts4.5/components/Item/skeleton-item.d.ts +0 -13
  40. package/dist/types-ts4.5/components/LoadingItems/index.d.ts +0 -35
  41. package/dist/types-ts4.5/components/NavigationContent/index.d.ts +0 -25
  42. package/dist/types-ts4.5/components/NavigationContent/styles.d.ts +0 -91
  43. package/dist/types-ts4.5/components/NavigationFooter/index.d.ts +0 -14
  44. package/dist/types-ts4.5/components/NavigationHeader/index.d.ts +0 -16
  45. package/dist/types-ts4.5/components/NestableNavigationContent/context.d.ts +0 -27
  46. package/dist/types-ts4.5/components/NestableNavigationContent/index.d.ts +0 -79
  47. package/dist/types-ts4.5/components/NestableNavigationContent/nesting-motion.d.ts +0 -22
  48. package/dist/types-ts4.5/components/NestingItem/hack-for-ert.d.ts +0 -2
  49. package/dist/types-ts4.5/components/NestingItem/index.d.ts +0 -91
  50. package/dist/types-ts4.5/components/NestingItem/styles.d.ts +0 -28
  51. package/dist/types-ts4.5/components/Section/heading-item.d.ts +0 -11
  52. package/dist/types-ts4.5/components/Section/index.d.ts +0 -6
  53. package/dist/types-ts4.5/components/Section/section.d.ts +0 -39
  54. package/dist/types-ts4.5/components/Section/skeleton-heading-item.d.ts +0 -12
  55. package/dist/types-ts4.5/components/SideNavigation/index.d.ts +0 -32
  56. package/dist/types-ts4.5/components/index.d.ts +0 -22
  57. package/dist/types-ts4.5/components/utils/hooks.d.ts +0 -5
  58. package/dist/types-ts4.5/index.d.ts +0 -4
  59. package/tmp/api-report-tmp.d.ts +0 -230
package/CHANGELOG.md CHANGED
@@ -1,41 +1,71 @@
1
1
  # @atlaskit/side-navigation
2
2
 
3
+ ## 3.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#41355](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41355) [`cd1c813da18`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cd1c813da18) - Menu items now have a secondary selected state (border or notch), this was previously feature flagged for Atlassian experiences and is now available for everyone.
8
+
9
+ This change makes all menu items are now relatively positioned, if you had any child elements that leaned on this behaviour your experiences will now be broken!
10
+
11
+ For example the below code code previously the `div` would be positioned relatively to the menu group element. Now, it is positioned relatively to the button item element.
12
+
13
+ ```jsx
14
+ <MenuGroup>
15
+ <ButtonItem>
16
+ <div style={{ position: 'absolute', top: '100%' }} />
17
+ </ButtonItem>
18
+ </MenuGroup>
19
+ ```
20
+
21
+ As a path forward you should not be leaning on this behaviour. If you need a popup experience use `@atlaskit/dropdown-menu` or `@atlaskit/popup`.
22
+
23
+ ### Patch Changes
24
+
25
+ - Updated dependencies
26
+
27
+ ## 2.0.5
28
+
29
+ ### Patch Changes
30
+
31
+ - Updated dependencies
32
+
3
33
  ## 2.0.4
4
34
 
5
35
  ### Patch Changes
6
36
 
7
- - [`879275819ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/879275819ed) - Fix for `data-testid` not being applied to Header.
37
+ - [#39812](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39812) [`879275819ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/879275819ed) - Fix for `data-testid` not being applied to Header.
8
38
 
9
39
  ## 2.0.3
10
40
 
11
41
  ### Patch Changes
12
42
 
13
- - [`e3b28897c5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3b28897c5f) - Internal code changes. There is no expected change in behaviour.
43
+ - [#39264](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39264) [`e3b28897c5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3b28897c5f) - Internal code changes. There is no expected change in behaviour.
14
44
  - Updated dependencies
15
45
 
16
46
  ## 2.0.2
17
47
 
18
48
  ### Patch Changes
19
49
 
20
- - [`bff06efcf86`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bff06efcf86) - Fix a bug where `className` was not being applied to Header.
50
+ - [#39419](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39419) [`bff06efcf86`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bff06efcf86) - Fix a bug where `className` was not being applied to Header.
21
51
 
22
52
  ## 2.0.1
23
53
 
24
54
  ### Patch Changes
25
55
 
26
- - [`cac6bbb702d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cac6bbb702d) - The internal composition of this component has changed. There is no expected change in behavior.
56
+ - [#38751](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38751) [`cac6bbb702d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cac6bbb702d) - The internal composition of this component has changed. There is no expected change in behavior.
27
57
 
28
58
  ## 2.0.0
29
59
 
30
60
  ### Major Changes
31
61
 
32
- - [`cf66b43d67a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf66b43d67a) - Updated spacing of Side Navigation components to ensure token values and fallbacks are matching. When used with space tokens enabled, there is no visual difference with the previous release of Side Navigation. When used without space tokens enabled there will be a slight visual difference; we recommend enabling space tokens if they are not already enabled to resolve this.
62
+ - [#38561](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38561) [`cf66b43d67a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf66b43d67a) - Updated spacing of Side Navigation components to ensure token values and fallbacks are matching. When used with space tokens enabled, there is no visual difference with the previous release of Side Navigation. When used without space tokens enabled there will be a slight visual difference; we recommend enabling space tokens if they are not already enabled to resolve this.
33
63
 
34
64
  ## 1.10.4
35
65
 
36
66
  ### Patch Changes
37
67
 
38
- - [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
68
+ - [#37533](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37533) [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
39
69
 
40
70
  ## 1.10.3
41
71
 
@@ -59,13 +89,13 @@
59
89
 
60
90
  ### Minor Changes
61
91
 
62
- - [`ee296a14a87`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ee296a14a87) - Adds the `showTopScrollIndicator` prop to the nestable navigation content component. This prop should be used only when needed to distinctly separate the side navigation header from the side navigation content.
92
+ - [#36118](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36118) [`ee296a14a87`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ee296a14a87) - Adds the `showTopScrollIndicator` prop to the nestable navigation content component. This prop should be used only when needed to distinctly separate the side navigation header from the side navigation content.
63
93
 
64
94
  ## 1.9.0
65
95
 
66
96
  ### Minor Changes
67
97
 
68
- - [`0af122e7d0f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0af122e7d0f) - [ux] Prop isList in Section component allows to add `<ul>` and `<li>` elements around the items to better semantic markup if it is a list of items
98
+ - [#35164](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35164) [`0af122e7d0f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0af122e7d0f) - [ux] Prop isList in Section component allows to add `<ul>` and `<li>` elements around the items to better semantic markup if it is a list of items
69
99
 
70
100
  ### Patch Changes
71
101
 
@@ -87,14 +117,14 @@
87
117
 
88
118
  ### Patch Changes
89
119
 
90
- - [`967dd926bfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/967dd926bfc) - Updates all navigation components to use border/shape tokens. This is a no-op as these tokens are not enabled in product.
120
+ - [#35385](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35385) [`967dd926bfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/967dd926bfc) - Updates all navigation components to use border/shape tokens. This is a no-op as these tokens are not enabled in product.
91
121
  - Updated dependencies
92
122
 
93
123
  ## 1.8.7
94
124
 
95
125
  ### Patch Changes
96
126
 
97
- - [`4757acc0f98`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4757acc0f98) - Internal change to use space tokens for spacing properties. There is no visual change.
127
+ - [#35460](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35460) [`4757acc0f98`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4757acc0f98) - Internal change to use space tokens for spacing properties. There is no visual change.
98
128
 
99
129
  ## 1.8.6
100
130
 
@@ -118,25 +148,25 @@
118
148
 
119
149
  ### Patch Changes
120
150
 
121
- - [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
151
+ - [#34881](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34881) [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
122
152
 
123
153
  ## 1.8.2
124
154
 
125
155
  ### Patch Changes
126
156
 
127
- - [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
157
+ - [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652) [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
128
158
 
129
159
  ## 1.8.1
130
160
 
131
161
  ### Patch Changes
132
162
 
133
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
163
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
134
164
 
135
165
  ## 1.8.0
136
166
 
137
167
  ### Minor Changes
138
168
 
139
- - [`d518f0e34b9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d518f0e34b9) - [ux] We are testing a selected indicator change to menu, dropdown-menu, and side-navigation packages behind an internal feature flag. If successful this will be released in a later minor release.
169
+ - [#33349](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33349) [`d518f0e34b9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d518f0e34b9) - [ux] We are testing a selected indicator change to menu, dropdown-menu, and side-navigation packages behind an internal feature flag. If successful this will be released in a later minor release.
140
170
 
141
171
  ### Patch Changes
142
172
 
@@ -146,13 +176,13 @@
146
176
 
147
177
  ### Patch Changes
148
178
 
149
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
179
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
150
180
 
151
181
  ## 1.7.0
152
182
 
153
183
  ### Minor Changes
154
184
 
155
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
185
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
156
186
 
157
187
  ### Patch Changes
158
188
 
@@ -162,13 +192,13 @@
162
192
 
163
193
  ### Patch Changes
164
194
 
165
- - [`65e4baeea85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65e4baeea85) - Internal changes.
195
+ - [#32211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32211) [`65e4baeea85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65e4baeea85) - Internal changes.
166
196
 
167
197
  ## 1.6.7
168
198
 
169
199
  ### Patch Changes
170
200
 
171
- - [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
201
+ - [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424) [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
172
202
 
173
203
  ## 1.6.6
174
204
 
@@ -180,7 +210,7 @@
180
210
 
181
211
  ### Patch Changes
182
212
 
183
- - [`f7f852b0a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7f852b0a4f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
213
+ - [#32173](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32173) [`f7f852b0a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7f852b0a4f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
184
214
 
185
215
  ## 1.6.4
186
216
 
@@ -204,14 +234,14 @@
204
234
 
205
235
  ### Patch Changes
206
236
 
207
- - [`3ca97be0c06`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ca97be0c06) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
237
+ - [#31378](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31378) [`3ca97be0c06`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ca97be0c06) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
208
238
  - Updated dependencies
209
239
 
210
240
  ## 1.6.0
211
241
 
212
242
  ### Minor Changes
213
243
 
214
- - [`62c9d42799c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62c9d42799c) - [ux] The `Footer` component will now warn a user if they are relying on a deprecated API. The `cssFn`, `onClick` and `component` are all considered deprecated APIs for `Footer`.
244
+ - [#30362](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30362) [`62c9d42799c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62c9d42799c) - [ux] The `Footer` component will now warn a user if they are relying on a deprecated API. The `cssFn`, `onClick` and `component` are all considered deprecated APIs for `Footer`.
215
245
 
216
246
  Additionally, the space between icons and content has been shifted form `16px` to `12px`. This matches `@atlaskit/menu`.
217
247
 
@@ -231,20 +261,20 @@
231
261
 
232
262
  ### Patch Changes
233
263
 
234
- - [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
264
+ - [#29390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29390) [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
235
265
 
236
266
  ## 1.5.1
237
267
 
238
268
  ### Patch Changes
239
269
 
240
- - [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
270
+ - [#27891](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27891) [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
241
271
  - Updated dependencies
242
272
 
243
273
  ## 1.5.0
244
274
 
245
275
  ### Minor Changes
246
276
 
247
- - [`caa68aad0fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/caa68aad0fd) - Internal changes around styles:
277
+ - [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`caa68aad0fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/caa68aad0fd) - Internal changes around styles:
248
278
 
249
279
  - Application of primitives for more declarative code
250
280
  - Application of spacing tokens to internal styles
@@ -276,19 +306,19 @@
276
306
 
277
307
  ### Minor Changes
278
308
 
279
- - [`5c065ba2010`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c065ba2010) - Improve state management to allow detection of invalid stack state. Add prop `onUnknownNest` to allow handling of invalid stack state.
309
+ - [#26817](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26817) [`5c065ba2010`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c065ba2010) - Improve state management to allow detection of invalid stack state. Add prop `onUnknownNest` to allow handling of invalid stack state.
280
310
 
281
311
  ## 1.3.1
282
312
 
283
313
  ### Patch Changes
284
314
 
285
- - [`5f36f2ce46d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f36f2ce46d) - Adds a defensive `css()` function wrapping to many of the style calls in the side-navigation package. This is expected to help fix an issue with certain styles in side navigation not appearing if consumed when different versions of `@emotion` are present on the page.
315
+ - [#26390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26390) [`5f36f2ce46d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f36f2ce46d) - Adds a defensive `css()` function wrapping to many of the style calls in the side-navigation package. This is expected to help fix an issue with certain styles in side navigation not appearing if consumed when different versions of `@emotion` are present on the page.
286
316
 
287
317
  ## 1.3.0
288
318
 
289
319
  ### Minor Changes
290
320
 
291
- - [`02e2f7aacef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02e2f7aacef) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
321
+ - [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`02e2f7aacef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02e2f7aacef) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
292
322
 
293
323
  ### Patch Changes
294
324
 
@@ -298,19 +328,19 @@
298
328
 
299
329
  ### Patch Changes
300
330
 
301
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
331
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
302
332
 
303
333
  ## 1.2.14
304
334
 
305
335
  ### Patch Changes
306
336
 
307
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
337
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
308
338
 
309
339
  ## 1.2.13
310
340
 
311
341
  ### Patch Changes
312
342
 
313
- - [`b2767947029`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2767947029) - Internal code change turning on new linting rules.
343
+ - [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`b2767947029`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2767947029) - Internal code change turning on new linting rules.
314
344
  - Updated dependencies
315
345
 
316
346
  ## 1.2.12
@@ -323,7 +353,7 @@
323
353
 
324
354
  ### Patch Changes
325
355
 
326
- - [`efa50ac72ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efa50ac72ba) - Adjusts jsdoc strings to improve prop documentation
356
+ - [#21545](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21545) [`efa50ac72ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efa50ac72ba) - Adjusts jsdoc strings to improve prop documentation
327
357
 
328
358
  ## 1.2.10
329
359
 
@@ -335,13 +365,13 @@
335
365
 
336
366
  ### Patch Changes
337
367
 
338
- - [`85ca75319b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85ca75319b1) - Move side-navigation docs to Constellation (atlassian.design)
368
+ - [#21309](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21309) [`85ca75319b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85ca75319b1) - Move side-navigation docs to Constellation (atlassian.design)
339
369
 
340
370
  ## 1.2.8
341
371
 
342
372
  ### Patch Changes
343
373
 
344
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
374
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
345
375
 
346
376
  ## 1.2.7
347
377
 
@@ -353,7 +383,7 @@
353
383
 
354
384
  ### Patch Changes
355
385
 
356
- - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
386
+ - [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
357
387
  - Updated dependencies
358
388
 
359
389
  ## 1.2.5
@@ -366,14 +396,14 @@
366
396
 
367
397
  ### Patch Changes
368
398
 
369
- - [`0f8fe0b80aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0f8fe0b80aa) - Adds deprecated status to `cssFn` prop. Please avoid using this prop as we intend to remove the prop completely in a future release.
399
+ - [#18526](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18526) [`0f8fe0b80aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0f8fe0b80aa) - Adds deprecated status to `cssFn` prop. Please avoid using this prop as we intend to remove the prop completely in a future release.
370
400
  - Updated dependencies
371
401
 
372
402
  ## 1.2.3
373
403
 
374
404
  ### Patch Changes
375
405
 
376
- - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
406
+ - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
377
407
  - Updated dependencies
378
408
 
379
409
  ## 1.2.2
@@ -386,14 +416,14 @@
386
416
 
387
417
  ### Patch Changes
388
418
 
389
- - [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
419
+ - [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
390
420
  - Updated dependencies
391
421
 
392
422
  ## 1.2.0
393
423
 
394
424
  ### Minor Changes
395
425
 
396
- - [`213bfd77e61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/213bfd77e61) - The DOM structure of menu item components has been flattened.
426
+ - [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777) [`213bfd77e61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/213bfd77e61) - The DOM structure of menu item components has been flattened.
397
427
  If you used CSS hacks (via className or cssFn) that targetted specific DOM nodes you may be broken.
398
428
 
399
429
  Previously the structure looked like:
@@ -440,7 +470,7 @@
440
470
 
441
471
  ### Minor Changes
442
472
 
443
- - [`0e1894c8eb0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0e1894c8eb0) - Instrumented side navigation with the new theming package, `@atlaskit/tokens`.
473
+ - [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864) [`0e1894c8eb0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0e1894c8eb0) - Instrumented side navigation with the new theming package, `@atlaskit/tokens`.
444
474
 
445
475
  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
446
476
  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -453,13 +483,13 @@
453
483
 
454
484
  ### Patch Changes
455
485
 
456
- - [`7c843858398`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c843858398) - [ux] LinkItem and CustomItem now have correct blue text color when selected and the href has visited
486
+ - [#11491](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11491) [`7c843858398`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c843858398) - [ux] LinkItem and CustomItem now have correct blue text color when selected and the href has visited
457
487
 
458
488
  ## 1.0.0
459
489
 
460
490
  ### Major Changes
461
491
 
462
- - [`7727f723965`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7727f723965) - Internal change to the release model from continous to scheduled release. There are **NO API CHANGES** in this release.
492
+ - [#10609](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10609) [`7727f723965`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7727f723965) - Internal change to the release model from continous to scheduled release. There are **NO API CHANGES** in this release.
463
493
 
464
494
  ### Patch Changes
465
495
 
@@ -469,7 +499,7 @@
469
499
 
470
500
  ### Patch Changes
471
501
 
472
- - [`4e72825fa89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e72825fa89) - JET-1156:
502
+ - [#10255](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10255) [`4e72825fa89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e72825fa89) - JET-1156:
473
503
 
474
504
  - Export `VAR_SEPARATOR_COLOR` to override separator color when using custom backrounds in side navigation.
475
505
  - Export `VAR_SCROLL_INDICATOR_COLOR` to override menu scroll indicator color when using custom backrounds in side navigation.
@@ -478,32 +508,32 @@
478
508
 
479
509
  ### Patch Changes
480
510
 
481
- - [`240c4120435`](https://bitbucket.org/atlassian/atlassian-frontend/commits/240c4120435) - Side navigation now uses the new common utility to calculate scrollbar width for offsetting keylines.
511
+ - [#9756](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9756) [`240c4120435`](https://bitbucket.org/atlassian/atlassian-frontend/commits/240c4120435) - Side navigation now uses the new common utility to calculate scrollbar width for offsetting keylines.
482
512
  - Updated dependencies
483
513
 
484
514
  ## 0.8.3
485
515
 
486
516
  ### Patch Changes
487
517
 
488
- - [`e6f96e8d782`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6f96e8d782) - Fix styling for hover and active states for disabled items
518
+ - [#8875](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8875) [`e6f96e8d782`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6f96e8d782) - Fix styling for hover and active states for disabled items
489
519
 
490
520
  ## 0.8.2
491
521
 
492
522
  ### Patch Changes
493
523
 
494
- - [`101b102ed33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/101b102ed33) - Fix disabled state; menu items with icons after the text should have height of 40px
524
+ - [#8637](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8637) [`101b102ed33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/101b102ed33) - Fix disabled state; menu items with icons after the text should have height of 40px
495
525
 
496
526
  ## 0.8.1
497
527
 
498
528
  ### Patch Changes
499
529
 
500
- - [`0b2f7e76803`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b2f7e76803) - Codemods will only format a file if it is mutated.
530
+ - [#8404](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8404) [`0b2f7e76803`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b2f7e76803) - Codemods will only format a file if it is mutated.
501
531
 
502
532
  ## 0.8.0
503
533
 
504
534
  ### Minor Changes
505
535
 
506
- - [`79a40dec30`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79a40dec30) - **Breaking** Adjusts the API of the cssFn prop used in both menu and side-navigation. The prop now no longer exposes the currentStyles to the user in the callback and instead only provides the current state. Users no longer need to spread the currentStyles into their components when overriding. This change also resolves a bug where cssFn overrides did not always take precedence correctly over the default component styles.
536
+ - [#6194](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6194) [`79a40dec30`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79a40dec30) - **Breaking** Adjusts the API of the cssFn prop used in both menu and side-navigation. The prop now no longer exposes the currentStyles to the user in the callback and instead only provides the current state. Users no longer need to spread the currentStyles into their components when overriding. This change also resolves a bug where cssFn overrides did not always take precedence correctly over the default component styles.
507
537
 
508
538
  ### Patch Changes
509
539
 
@@ -513,13 +543,13 @@
513
543
 
514
544
  ### Patch Changes
515
545
 
516
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
546
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
517
547
 
518
548
  ## 0.7.9
519
549
 
520
550
  ### Patch Changes
521
551
 
522
- - [`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.
552
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
523
553
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
524
554
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
525
555
 
@@ -527,7 +557,7 @@
527
557
 
528
558
  ### Patch Changes
529
559
 
530
- - [`e55c4eb5a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e55c4eb5a8) - [ux] Earlier left sidebar was getting focus while clicking on it. We have removed focus ring to fix this issue.
560
+ - [#5419](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5419) [`e55c4eb5a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e55c4eb5a8) - [ux] Earlier left sidebar was getting focus while clicking on it. We have removed focus ring to fix this issue.
531
561
 
532
562
  ## 0.7.7
533
563
 
@@ -539,7 +569,7 @@
539
569
 
540
570
  ### Patch Changes
541
571
 
542
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
572
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
543
573
 
544
574
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
545
575
  to prevent duplicates of tslib being bundled.
@@ -548,13 +578,13 @@
548
578
 
549
579
  ### Patch Changes
550
580
 
551
- - [`a3c91f82f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3c91f82f6) - Add tabindex=0 to nested container which makes it focusable when interacting with keyboard.
581
+ - [#4272](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4272) [`a3c91f82f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3c91f82f6) - Add tabindex=0 to nested container which makes it focusable when interacting with keyboard.
552
582
 
553
583
  ## 0.7.4
554
584
 
555
585
  ### Patch Changes
556
586
 
557
- - [`308ad47024`](https://bitbucket.org/atlassian/atlassian-frontend/commits/308ad47024) - Passes `cssFn` throught to NestingItem so that its styles can be customised
587
+ - [#4198](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4198) [`308ad47024`](https://bitbucket.org/atlassian/atlassian-frontend/commits/308ad47024) - Passes `cssFn` throught to NestingItem so that its styles can be customised
558
588
 
559
589
  ## 0.7.3
560
590
 
@@ -566,32 +596,32 @@
566
596
 
567
597
  ### Patch Changes
568
598
 
569
- - [`159e0808a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/159e0808a5) - Updates the background color of NestingItem, ButtonItem and LinkItem so that it can work with the Onboarding component.
599
+ - [#3980](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3980) [`159e0808a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/159e0808a5) - Updates the background color of NestingItem, ButtonItem and LinkItem so that it can work with the Onboarding component.
570
600
  Hover and selected states will appear darker and they provide better contrast against normal items.
571
601
 
572
602
  ## 0.7.1
573
603
 
574
604
  ### Patch Changes
575
605
 
576
- - [`5b3383fe67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b3383fe67) - Nesting transitions will no longer occur if a modifier key such as Shift or Control is detected while clicking on a nesting item in the side-navigation.
606
+ - [#3532](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3532) [`5b3383fe67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b3383fe67) - Nesting transitions will no longer occur if a modifier key such as Shift or Control is detected while clicking on a nesting item in the side-navigation.
577
607
 
578
608
  ## 0.7.0
579
609
 
580
610
  ### Minor Changes
581
611
 
582
- - [`c7e637753f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c7e637753f) - Removed unused export of SIDEBAR_DEFAULT_WIDTH. It was added when page-layout wasn’t complete. Now page-layout is fairly mature, that’s why this export isn’t required anymore.
612
+ - [#3569](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3569) [`c7e637753f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c7e637753f) - Removed unused export of SIDEBAR_DEFAULT_WIDTH. It was added when page-layout wasn’t complete. Now page-layout is fairly mature, that’s why this export isn’t required anymore.
583
613
 
584
614
  ## 0.6.1
585
615
 
586
616
  ### Patch Changes
587
617
 
588
- - [`01e279bdcd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01e279bdcd) - Restyled footer - align with new design
618
+ - [#3469](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3469) [`01e279bdcd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01e279bdcd) - Restyled footer - align with new design
589
619
 
590
620
  ## 0.6.0
591
621
 
592
622
  ### Minor Changes
593
623
 
594
- - [`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.
624
+ - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
595
625
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
596
626
 
597
627
  ### Patch Changes
@@ -608,19 +638,19 @@
608
638
 
609
639
  ### Patch Changes
610
640
 
611
- - [`cc14956821`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cc14956821) - Update all the theme imports to a path thats tree shakable
641
+ - [#2889](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2889) [`cc14956821`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cc14956821) - Update all the theme imports to a path thats tree shakable
612
642
 
613
643
  ## 0.5.5
614
644
 
615
645
  ### Patch Changes
616
646
 
617
- - [`5217dcfa4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5217dcfa4d) - Remove opacity from side-navigation seperators that appear when the container scrolls. The color is the same, just without the alpha channel.
647
+ - [#2775](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2775) [`5217dcfa4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5217dcfa4d) - Remove opacity from side-navigation seperators that appear when the container scrolls. The color is the same, just without the alpha channel.
618
648
 
619
649
  ## 0.5.4
620
650
 
621
651
  ### Patch Changes
622
652
 
623
- - [`d674e203b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d674e203b3) - Previously Menu items controlled their own margin spacing which caused issues when trying to use them outside of Menu.
653
+ - [#2537](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2537) [`d674e203b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d674e203b3) - Previously Menu items controlled their own margin spacing which caused issues when trying to use them outside of Menu.
624
654
  Now we have moved Menu item margin styles into the Section component so now the Section dictates the spacing around child items.
625
655
  We had to update Side Navigation to control its child item margins as well.
626
656
 
@@ -628,25 +658,25 @@
628
658
 
629
659
  ### Patch Changes
630
660
 
631
- - [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all packages that are used by confluence that have a broken es2019 dist
661
+ - [#2430](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2430) [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all packages that are used by confluence that have a broken es2019 dist
632
662
 
633
663
  ## 0.5.2
634
664
 
635
665
  ### Patch Changes
636
666
 
637
- - [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add missing tslib dependency
667
+ - [#2099](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2099) [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add missing tslib dependency
638
668
 
639
669
  ## 0.5.1
640
670
 
641
671
  ### Patch Changes
642
672
 
643
- - [`6ef13297b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ef13297b2) - Fixes scroll indicator not being the correct width when lazy loading large amounts of nav items.
673
+ - [#2098](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2098) [`6ef13297b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ef13297b2) - Fixes scroll indicator not being the correct width when lazy loading large amounts of nav items.
644
674
 
645
675
  ## 0.5.0
646
676
 
647
677
  ### Minor Changes
648
678
 
649
- - [`07b2d8c491`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07b2d8c491) - FIX: NestedItem `iconAfter` will now display always and right arrow will show up and replace it on hover
679
+ - [#2008](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2008) [`07b2d8c491`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07b2d8c491) - FIX: NestedItem `iconAfter` will now display always and right arrow will show up and replace it on hover
650
680
 
651
681
  ## 0.4.0
652
682
 
@@ -27,31 +27,34 @@ A side navigation example showing all [components](#side-navigation-components)
27
27
  Uses 100% of its parent's height and width, so make sure to place it into an element with explicit values set.<br />
28
28
  **Minimum width of 240px.**
29
29
 
30
- <Example Component={ContainerExample} packageName="@atlaskit/side-navigation"/>
30
+ <Example Component={ContainerExample} packageName="@atlaskit/side-navigation" />
31
31
 
32
32
  ### Header and footer
33
33
 
34
34
  You can customise header and footer using `NavigationHeader` and `NavigationFooter`.
35
35
 
36
- <Example Component={HeaderAndFooterExample} packageName="@atlaskit/side-navigation"/>
36
+ <Example
37
+ Component={HeaderAndFooterExample}
38
+ packageName="@atlaskit/side-navigation"
39
+ />
37
40
 
38
41
  ### Content
39
42
 
40
43
  Used as the container for [navigation items](#side-navigation-items). For nested views see the following example.
41
44
 
42
- <Example Component={ContentExample} packageName="@atlaskit/side-navigation"/>
45
+ <Example Component={ContentExample} packageName="@atlaskit/side-navigation" />
43
46
 
44
47
  ### Section
45
48
 
46
49
  Used to separate items into sections. Using the `title` prop makes a section implicitly group the items for screen readers with no additional work required.
47
50
 
48
- <Example Component={SectionExample} packageName="@atlaskit/side-navigation"/>
51
+ <Example Component={SectionExample} packageName="@atlaskit/side-navigation" />
49
52
 
50
53
  ### Nested navigation
51
54
 
52
55
  The container for navigation items with nested views is `NestableNavigationContent`.
53
56
 
54
- <Example Component={NestedExample} packageName="@atlaskit/side-navigation"/>
57
+ <Example Component={NestedExample} packageName="@atlaskit/side-navigation" />
55
58
 
56
59
  ## Side navigation items
57
60
 
@@ -62,7 +65,7 @@ The `Section` component **must** be used to ensure consistent spacing around blo
62
65
 
63
66
  This item is used to provide a customized "go back" button in nested navigations.
64
67
 
65
- <Example Component={GoBackExample} packageName="@atlaskit/side-navigation"/>
68
+ <Example Component={GoBackExample} packageName="@atlaskit/side-navigation" />
66
69
 
67
70
  ### Link item
68
71
 
@@ -70,7 +73,7 @@ Renders an item wrapped in an anchor tag, useful when you have an item that shou
70
73
 
71
74
  For custom SPA transitions use a custom item with the respective router logic, following the next example.
72
75
 
73
- <Example Component={LinkItemExample} packageName="@atlaskit/side-navigation"/>
76
+ <Example Component={LinkItemExample} packageName="@atlaskit/side-navigation" />
74
77
 
75
78
  ### Custom item
76
79
 
@@ -78,13 +81,19 @@ Handles use cases where a custom router link component is needed.
78
81
 
79
82
  The custom component receives all overflow props passed to the custom item component, as well as when using TypeScript will add the custom component props to the root component props type for type safety.
80
83
 
81
- <Example Component={CustomItemExample} packageName="@atlaskit/side-navigation"/>
84
+ <Example
85
+ Component={CustomItemExample}
86
+ packageName="@atlaskit/side-navigation"
87
+ />
82
88
 
83
89
  ### Button item
84
90
 
85
91
  Renders an item wrapped in a button tag, used primarily when an action does something other than changing routes.
86
92
 
87
- <Example Component={ButtonItemExample} packageName="@atlaskit/side-navigation"/>
93
+ <Example
94
+ Component={ButtonItemExample}
95
+ packageName="@atlaskit/side-navigation"
96
+ />
88
97
 
89
98
  ### Heading item
90
99
 
@@ -94,4 +103,4 @@ Available for advanced use cases, for most situations providing a `title` to `Se
94
103
 
95
104
  Use loading skeletons to reduce the perceived loading time.
96
105
 
97
- <Example Component={LoadingExample} packageName="@atlaskit/side-navigation"/>
106
+ <Example Component={LoadingExample} packageName="@atlaskit/side-navigation" />