@atlaskit/navigation-system 5.40.0 → 6.1.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 (212) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/constellation/index/examples.mdx +5 -11
  3. package/constellation/layout/examples.mdx +3 -2
  4. package/constellation/layout/usage.mdx +3 -4
  5. package/constellation/side-nav-items/index.mdx +17 -0
  6. package/constellation/top-nav-items/examples.mdx +5 -5
  7. package/constellation/top-nav-items/usage.mdx +1 -2
  8. package/dist/cjs/components/badge-container.js +1 -1
  9. package/dist/cjs/components/list-item.js +1 -1
  10. package/dist/cjs/components/list.js +1 -1
  11. package/dist/cjs/components/skip-links/skip-link.js +3 -3
  12. package/dist/cjs/components/skip-links/skip-links-container.js +1 -1
  13. package/dist/cjs/index.js +0 -111
  14. package/dist/cjs/ui/page-layout/aside.js +1 -1
  15. package/dist/cjs/ui/page-layout/banner.js +1 -1
  16. package/dist/cjs/ui/page-layout/main/main-sticky-header.js +1 -1
  17. package/dist/cjs/ui/page-layout/main/main.js +1 -1
  18. package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
  19. package/dist/cjs/ui/page-layout/panel.js +1 -1
  20. package/dist/cjs/ui/page-layout/ribbon.js +1 -1
  21. package/dist/cjs/ui/page-layout/root.js +1 -1
  22. package/dist/cjs/ui/page-layout/side-nav/side-nav-content.js +1 -1
  23. package/dist/cjs/ui/page-layout/side-nav/side-nav-footer.js +1 -1
  24. package/dist/cjs/ui/page-layout/side-nav/side-nav-header.js +1 -1
  25. package/dist/cjs/ui/page-layout/side-nav/side-nav.js +1 -1
  26. package/dist/cjs/ui/page-layout/side-nav/toggle-button.js +1 -1
  27. package/dist/cjs/ui/page-layout/top-nav/top-nav-end.js +1 -1
  28. package/dist/cjs/ui/page-layout/top-nav/top-nav-middle.js +1 -1
  29. package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js +1 -1
  30. package/dist/cjs/ui/page-layout/top-nav/top-nav.js +1 -1
  31. package/dist/cjs/ui/top-nav-items/custom-title.js +1 -1
  32. package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js +1 -1
  33. package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +3 -3
  34. package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
  35. package/dist/cjs/ui/top-nav-items/search.js +1 -1
  36. package/dist/cjs/ui/top-nav-items/themed/button.js +1 -1
  37. package/dist/es2019/components/badge-container.js +1 -1
  38. package/dist/es2019/components/list-item.js +1 -1
  39. package/dist/es2019/components/list.js +1 -1
  40. package/dist/es2019/components/skip-links/skip-link.js +2 -2
  41. package/dist/es2019/components/skip-links/skip-links-container.js +1 -1
  42. package/dist/es2019/index.js +0 -9
  43. package/dist/es2019/ui/page-layout/aside.js +1 -1
  44. package/dist/es2019/ui/page-layout/banner.js +1 -1
  45. package/dist/es2019/ui/page-layout/main/main-sticky-header.js +1 -1
  46. package/dist/es2019/ui/page-layout/main/main.js +1 -1
  47. package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
  48. package/dist/es2019/ui/page-layout/panel.js +1 -1
  49. package/dist/es2019/ui/page-layout/ribbon.js +1 -1
  50. package/dist/es2019/ui/page-layout/root.js +1 -1
  51. package/dist/es2019/ui/page-layout/side-nav/side-nav-content.js +1 -1
  52. package/dist/es2019/ui/page-layout/side-nav/side-nav-footer.js +1 -1
  53. package/dist/es2019/ui/page-layout/side-nav/side-nav-header.js +1 -1
  54. package/dist/es2019/ui/page-layout/side-nav/side-nav.js +1 -1
  55. package/dist/es2019/ui/page-layout/side-nav/toggle-button.js +1 -1
  56. package/dist/es2019/ui/page-layout/top-nav/top-nav-end.js +1 -1
  57. package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.js +1 -1
  58. package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js +1 -1
  59. package/dist/es2019/ui/page-layout/top-nav/top-nav.js +1 -1
  60. package/dist/es2019/ui/top-nav-items/custom-title.js +1 -1
  61. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js +1 -1
  62. package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +2 -2
  63. package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
  64. package/dist/es2019/ui/top-nav-items/search.js +1 -1
  65. package/dist/es2019/ui/top-nav-items/themed/button.js +1 -1
  66. package/dist/esm/components/badge-container.js +1 -1
  67. package/dist/esm/components/list-item.js +1 -1
  68. package/dist/esm/components/list.js +1 -1
  69. package/dist/esm/components/skip-links/skip-link.js +2 -2
  70. package/dist/esm/components/skip-links/skip-links-container.js +1 -1
  71. package/dist/esm/index.js +0 -9
  72. package/dist/esm/ui/page-layout/aside.js +1 -1
  73. package/dist/esm/ui/page-layout/banner.js +1 -1
  74. package/dist/esm/ui/page-layout/main/main-sticky-header.js +1 -1
  75. package/dist/esm/ui/page-layout/main/main.js +1 -1
  76. package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
  77. package/dist/esm/ui/page-layout/panel.js +1 -1
  78. package/dist/esm/ui/page-layout/ribbon.js +1 -1
  79. package/dist/esm/ui/page-layout/root.js +1 -1
  80. package/dist/esm/ui/page-layout/side-nav/side-nav-content.js +1 -1
  81. package/dist/esm/ui/page-layout/side-nav/side-nav-footer.js +1 -1
  82. package/dist/esm/ui/page-layout/side-nav/side-nav-header.js +1 -1
  83. package/dist/esm/ui/page-layout/side-nav/side-nav.js +1 -1
  84. package/dist/esm/ui/page-layout/side-nav/toggle-button.js +1 -1
  85. package/dist/esm/ui/page-layout/top-nav/top-nav-end.js +1 -1
  86. package/dist/esm/ui/page-layout/top-nav/top-nav-middle.js +1 -1
  87. package/dist/esm/ui/page-layout/top-nav/top-nav-start.js +1 -1
  88. package/dist/esm/ui/page-layout/top-nav/top-nav.js +1 -1
  89. package/dist/esm/ui/top-nav-items/custom-title.js +1 -1
  90. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js +1 -1
  91. package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +2 -2
  92. package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
  93. package/dist/esm/ui/top-nav-items/search.js +1 -1
  94. package/dist/esm/ui/top-nav-items/themed/button.js +1 -1
  95. package/dist/types/index.d.ts +0 -9
  96. package/dist/types/ui/page-layout/top-nav/top-nav-start.d.ts +1 -4
  97. package/dist/types-ts4.5/index.d.ts +0 -9
  98. package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav-start.d.ts +1 -4
  99. package/package.json +6 -9
  100. package/constellation/side-nav-items/code.mdx +0 -89
  101. package/constellation/side-nav-items/drag-and-drop.mdx +0 -1079
  102. package/constellation/side-nav-items/examples.mdx +0 -235
  103. package/constellation/side-nav-items/images/side-nav-anatomy-1.png +0 -0
  104. package/constellation/side-nav-items/images/side-nav-anatomy-2.png +0 -0
  105. package/constellation/side-nav-items/images/side-nav-do-1.png +0 -0
  106. package/constellation/side-nav-items/images/side-nav-do-2.png +0 -0
  107. package/constellation/side-nav-items/images/side-nav-do-3.png +0 -0
  108. package/constellation/side-nav-items/images/side-nav-do-4.png +0 -0
  109. package/constellation/side-nav-items/images/side-nav-do-5.png +0 -0
  110. package/constellation/side-nav-items/images/side-nav-do-6.png +0 -0
  111. package/constellation/side-nav-items/images/side-nav-do-7.png +0 -0
  112. package/constellation/side-nav-items/images/side-nav-dont-1.png +0 -0
  113. package/constellation/side-nav-items/images/side-nav-dont-10.png +0 -0
  114. package/constellation/side-nav-items/images/side-nav-dont-2.png +0 -0
  115. package/constellation/side-nav-items/images/side-nav-dont-3.png +0 -0
  116. package/constellation/side-nav-items/images/side-nav-dont-4.png +0 -0
  117. package/constellation/side-nav-items/images/side-nav-dont-5.png +0 -0
  118. package/constellation/side-nav-items/images/side-nav-dont-6.png +0 -0
  119. package/constellation/side-nav-items/images/side-nav-dont-7.png +0 -0
  120. package/constellation/side-nav-items/images/side-nav-dont-8.png +0 -0
  121. package/constellation/side-nav-items/images/side-nav-dont-9.png +0 -0
  122. package/constellation/side-nav-items/usage.mdx +0 -328
  123. package/dist/cjs/entry-points/side-nav-items/button-menu-item.js +0 -18
  124. package/dist/cjs/entry-points/side-nav-items/container-avatar.js +0 -12
  125. package/dist/cjs/entry-points/side-nav-items/drag-and-drop/drag-handle.js +0 -12
  126. package/dist/cjs/entry-points/side-nav-items/drag-and-drop/drag-preview.js +0 -12
  127. package/dist/cjs/entry-points/side-nav-items/drag-and-drop/drop-indicator.js +0 -12
  128. package/dist/cjs/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.js +0 -12
  129. package/dist/cjs/entry-points/side-nav-items/drag-and-drop/hitbox.js +0 -18
  130. package/dist/cjs/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.js +0 -12
  131. package/dist/cjs/entry-points/side-nav-items/expandable-menu-item.js +0 -30
  132. package/dist/cjs/entry-points/side-nav-items/flyout-menu-item.js +0 -48
  133. package/dist/cjs/entry-points/side-nav-items/link-menu-item.js +0 -18
  134. package/dist/cjs/entry-points/side-nav-items/menu-list-item.js +0 -12
  135. package/dist/cjs/entry-points/side-nav-items/menu-list.js +0 -12
  136. package/dist/cjs/entry-points/side-nav-items/menu-section.js +0 -24
  137. package/dist/cjs/entry-points/side-nav-items/top-level-spacer.js +0 -12
  138. package/dist/es2019/entry-points/side-nav-items/button-menu-item.js +0 -1
  139. package/dist/es2019/entry-points/side-nav-items/container-avatar.js +0 -1
  140. package/dist/es2019/entry-points/side-nav-items/drag-and-drop/drag-handle.js +0 -1
  141. package/dist/es2019/entry-points/side-nav-items/drag-and-drop/drag-preview.js +0 -1
  142. package/dist/es2019/entry-points/side-nav-items/drag-and-drop/drop-indicator.js +0 -1
  143. package/dist/es2019/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.js +0 -1
  144. package/dist/es2019/entry-points/side-nav-items/drag-and-drop/hitbox.js +0 -1
  145. package/dist/es2019/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.js +0 -1
  146. package/dist/es2019/entry-points/side-nav-items/expandable-menu-item.js +0 -1
  147. package/dist/es2019/entry-points/side-nav-items/flyout-menu-item.js +0 -1
  148. package/dist/es2019/entry-points/side-nav-items/link-menu-item.js +0 -1
  149. package/dist/es2019/entry-points/side-nav-items/menu-list-item.js +0 -1
  150. package/dist/es2019/entry-points/side-nav-items/menu-list.js +0 -1
  151. package/dist/es2019/entry-points/side-nav-items/menu-section.js +0 -1
  152. package/dist/es2019/entry-points/side-nav-items/top-level-spacer.js +0 -1
  153. package/dist/esm/entry-points/side-nav-items/button-menu-item.js +0 -1
  154. package/dist/esm/entry-points/side-nav-items/container-avatar.js +0 -1
  155. package/dist/esm/entry-points/side-nav-items/drag-and-drop/drag-handle.js +0 -1
  156. package/dist/esm/entry-points/side-nav-items/drag-and-drop/drag-preview.js +0 -1
  157. package/dist/esm/entry-points/side-nav-items/drag-and-drop/drop-indicator.js +0 -1
  158. package/dist/esm/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.js +0 -1
  159. package/dist/esm/entry-points/side-nav-items/drag-and-drop/hitbox.js +0 -1
  160. package/dist/esm/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.js +0 -1
  161. package/dist/esm/entry-points/side-nav-items/expandable-menu-item.js +0 -1
  162. package/dist/esm/entry-points/side-nav-items/flyout-menu-item.js +0 -1
  163. package/dist/esm/entry-points/side-nav-items/link-menu-item.js +0 -1
  164. package/dist/esm/entry-points/side-nav-items/menu-list-item.js +0 -1
  165. package/dist/esm/entry-points/side-nav-items/menu-list.js +0 -1
  166. package/dist/esm/entry-points/side-nav-items/menu-section.js +0 -1
  167. package/dist/esm/entry-points/side-nav-items/top-level-spacer.js +0 -1
  168. package/dist/types/entry-points/side-nav-items/button-menu-item.d.ts +0 -1
  169. package/dist/types/entry-points/side-nav-items/container-avatar.d.ts +0 -1
  170. package/dist/types/entry-points/side-nav-items/drag-and-drop/drag-handle.d.ts +0 -1
  171. package/dist/types/entry-points/side-nav-items/drag-and-drop/drag-preview.d.ts +0 -1
  172. package/dist/types/entry-points/side-nav-items/drag-and-drop/drop-indicator.d.ts +0 -1
  173. package/dist/types/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.d.ts +0 -1
  174. package/dist/types/entry-points/side-nav-items/drag-and-drop/hitbox.d.ts +0 -1
  175. package/dist/types/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.d.ts +0 -1
  176. package/dist/types/entry-points/side-nav-items/expandable-menu-item.d.ts +0 -1
  177. package/dist/types/entry-points/side-nav-items/flyout-menu-item.d.ts +0 -1
  178. package/dist/types/entry-points/side-nav-items/link-menu-item.d.ts +0 -1
  179. package/dist/types/entry-points/side-nav-items/menu-list-item.d.ts +0 -1
  180. package/dist/types/entry-points/side-nav-items/menu-list.d.ts +0 -1
  181. package/dist/types/entry-points/side-nav-items/menu-section.d.ts +0 -1
  182. package/dist/types/entry-points/side-nav-items/top-level-spacer.d.ts +0 -1
  183. package/dist/types-ts4.5/entry-points/side-nav-items/button-menu-item.d.ts +0 -1
  184. package/dist/types-ts4.5/entry-points/side-nav-items/container-avatar.d.ts +0 -1
  185. package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/drag-handle.d.ts +0 -1
  186. package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/drag-preview.d.ts +0 -1
  187. package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/drop-indicator.d.ts +0 -1
  188. package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.d.ts +0 -1
  189. package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/hitbox.d.ts +0 -1
  190. package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.d.ts +0 -1
  191. package/dist/types-ts4.5/entry-points/side-nav-items/expandable-menu-item.d.ts +0 -1
  192. package/dist/types-ts4.5/entry-points/side-nav-items/flyout-menu-item.d.ts +0 -1
  193. package/dist/types-ts4.5/entry-points/side-nav-items/link-menu-item.d.ts +0 -1
  194. package/dist/types-ts4.5/entry-points/side-nav-items/menu-list-item.d.ts +0 -1
  195. package/dist/types-ts4.5/entry-points/side-nav-items/menu-list.d.ts +0 -1
  196. package/dist/types-ts4.5/entry-points/side-nav-items/menu-section.d.ts +0 -1
  197. package/dist/types-ts4.5/entry-points/side-nav-items/top-level-spacer.d.ts +0 -1
  198. package/side-nav-items/button-menu-item/package.json +0 -17
  199. package/side-nav-items/container-avatar/package.json +0 -17
  200. package/side-nav-items/drag-and-drop/drag-handle/package.json +0 -17
  201. package/side-nav-items/drag-and-drop/drag-preview/package.json +0 -17
  202. package/side-nav-items/drag-and-drop/drop-indicator/package.json +0 -17
  203. package/side-nav-items/drag-and-drop/group-drop-indicator/package.json +0 -17
  204. package/side-nav-items/drag-and-drop/hitbox/package.json +0 -17
  205. package/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop/package.json +0 -17
  206. package/side-nav-items/expandable-menu-item/package.json +0 -17
  207. package/side-nav-items/flyout-menu-item/package.json +0 -17
  208. package/side-nav-items/link-menu-item/package.json +0 -17
  209. package/side-nav-items/menu-list/package.json +0 -17
  210. package/side-nav-items/menu-list-item/package.json +0 -17
  211. package/side-nav-items/menu-section/package.json +0 -17
  212. package/side-nav-items/top-level-spacer/package.json +0 -17
@@ -1,89 +0,0 @@
1
- ---
2
- title: Side nav items
3
- description: Menu items and elements for the side nav area.
4
- order: 3
5
- props:
6
- packageName: '@atlaskit/navigation-system'
7
- exports:
8
- - LinkMenuItem
9
- - ButtonMenuItem
10
- - ExpandableMenuItem
11
- - ExpandableMenuItemTrigger
12
- - ExpandableMenuItemContent
13
- - FlyoutMenuItem
14
- - FlyoutMenuItemTrigger
15
- - FlyoutMenuItemContent
16
- - MenuSection
17
- - MenuSectionHeading
18
- - ContainerAvatar
19
- ---
20
-
21
- ## Props
22
-
23
- ### LinkMenuItem
24
-
25
- A menu item link.
26
-
27
- <TSMorphProps exportName="LinkMenuItem" packageName="@atlaskit/navigation-system" />
28
-
29
- ### ButtonMenuItem
30
-
31
- A menu item button.
32
-
33
- <TSMorphProps exportName="ButtonMenuItem" packageName="@atlaskit/navigation-system" />
34
-
35
- ### ExpandableMenuItem
36
-
37
- A composable component for nested menu items that can be revealed and hidden by interacting witih
38
- the parent menu item.
39
-
40
- <TSMorphProps exportName="ExpandableMenuItem" packageName="@atlaskit/navigation-system" />
41
-
42
- ### ExpandableMenuItemTrigger
43
-
44
- The trigger component for an `ExpandableMenuItem`.
45
-
46
- <TSMorphProps exportName="ExpandableMenuItemTrigger" packageName="@atlaskit/navigation-system" />
47
-
48
- ### ExpandableMenuItemContent
49
-
50
- The expandable and collapsable section of the expandable menu item.
51
-
52
- <TSMorphProps exportName="ExpandableMenuItemContent" packageName="@atlaskit/navigation-system" />
53
-
54
- ### FlyoutMenuItem
55
-
56
- A composable component for displaying content in a flyout menu, triggered by a button.
57
-
58
- <TSMorphProps exportName="FlyoutMenuItem" packageName="@atlaskit/navigation-system" />
59
-
60
- ### FlyoutMenuItemTrigger
61
-
62
- The trigger component for a `FlyoutMenuItem`.
63
-
64
- <TSMorphProps exportName="FlyoutMenuItemTrigger" packageName="@atlaskit/navigation-system" />
65
-
66
- ### FlyoutMenuItemContent
67
-
68
- The content that appears when the flyout menu is open.
69
-
70
- <TSMorphProps exportName="FlyoutMenuItemContent" packageName="@atlaskit/navigation-system" />
71
-
72
- ### MenuSection
73
-
74
- A composable component for grouping menu items, along with a heading (`MenuSectionHeading`).
75
-
76
- <TSMorphProps exportName="MenuSection" packageName="@atlaskit/navigation-system" />
77
-
78
- ### MenuSectionHeading
79
-
80
- The label for the menu section group.
81
-
82
- <TSMorphProps exportName="MenuSectionHeading" packageName="@atlaskit/navigation-system" />
83
-
84
- ### ContainerAvatar
85
-
86
- A container for displaying images that are styled to look like an avatar, with the correct sizes for
87
- the sidebar menu items.
88
-
89
- <TSMorphProps exportName="ContainerAvatar" packageName="@atlaskit/navigation-system" />