@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.
- package/CHANGELOG.md +34 -0
- package/constellation/index/examples.mdx +5 -11
- package/constellation/layout/examples.mdx +3 -2
- package/constellation/layout/usage.mdx +3 -4
- package/constellation/side-nav-items/index.mdx +17 -0
- package/constellation/top-nav-items/examples.mdx +5 -5
- package/constellation/top-nav-items/usage.mdx +1 -2
- package/dist/cjs/components/badge-container.js +1 -1
- package/dist/cjs/components/list-item.js +1 -1
- package/dist/cjs/components/list.js +1 -1
- package/dist/cjs/components/skip-links/skip-link.js +3 -3
- package/dist/cjs/components/skip-links/skip-links-container.js +1 -1
- package/dist/cjs/index.js +0 -111
- package/dist/cjs/ui/page-layout/aside.js +1 -1
- package/dist/cjs/ui/page-layout/banner.js +1 -1
- package/dist/cjs/ui/page-layout/main/main-sticky-header.js +1 -1
- package/dist/cjs/ui/page-layout/main/main.js +1 -1
- package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/cjs/ui/page-layout/panel.js +1 -1
- package/dist/cjs/ui/page-layout/ribbon.js +1 -1
- package/dist/cjs/ui/page-layout/root.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-content.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-footer.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-header.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/toggle-button.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav-end.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav-middle.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav.js +1 -1
- package/dist/cjs/ui/top-nav-items/custom-title.js +1 -1
- package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js +1 -1
- package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +3 -3
- package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
- package/dist/cjs/ui/top-nav-items/search.js +1 -1
- package/dist/cjs/ui/top-nav-items/themed/button.js +1 -1
- package/dist/es2019/components/badge-container.js +1 -1
- package/dist/es2019/components/list-item.js +1 -1
- package/dist/es2019/components/list.js +1 -1
- package/dist/es2019/components/skip-links/skip-link.js +2 -2
- package/dist/es2019/components/skip-links/skip-links-container.js +1 -1
- package/dist/es2019/index.js +0 -9
- package/dist/es2019/ui/page-layout/aside.js +1 -1
- package/dist/es2019/ui/page-layout/banner.js +1 -1
- package/dist/es2019/ui/page-layout/main/main-sticky-header.js +1 -1
- package/dist/es2019/ui/page-layout/main/main.js +1 -1
- package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/es2019/ui/page-layout/panel.js +1 -1
- package/dist/es2019/ui/page-layout/ribbon.js +1 -1
- package/dist/es2019/ui/page-layout/root.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-content.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-footer.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-header.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/toggle-button.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav-end.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav.js +1 -1
- package/dist/es2019/ui/top-nav-items/custom-title.js +1 -1
- package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js +1 -1
- package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +2 -2
- package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
- package/dist/es2019/ui/top-nav-items/search.js +1 -1
- package/dist/es2019/ui/top-nav-items/themed/button.js +1 -1
- package/dist/esm/components/badge-container.js +1 -1
- package/dist/esm/components/list-item.js +1 -1
- package/dist/esm/components/list.js +1 -1
- package/dist/esm/components/skip-links/skip-link.js +2 -2
- package/dist/esm/components/skip-links/skip-links-container.js +1 -1
- package/dist/esm/index.js +0 -9
- package/dist/esm/ui/page-layout/aside.js +1 -1
- package/dist/esm/ui/page-layout/banner.js +1 -1
- package/dist/esm/ui/page-layout/main/main-sticky-header.js +1 -1
- package/dist/esm/ui/page-layout/main/main.js +1 -1
- package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/esm/ui/page-layout/panel.js +1 -1
- package/dist/esm/ui/page-layout/ribbon.js +1 -1
- package/dist/esm/ui/page-layout/root.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-content.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-footer.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-header.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/toggle-button.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav-end.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav-middle.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav-start.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav.js +1 -1
- package/dist/esm/ui/top-nav-items/custom-title.js +1 -1
- package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js +1 -1
- package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +2 -2
- package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
- package/dist/esm/ui/top-nav-items/search.js +1 -1
- package/dist/esm/ui/top-nav-items/themed/button.js +1 -1
- package/dist/types/index.d.ts +0 -9
- package/dist/types/ui/page-layout/top-nav/top-nav-start.d.ts +1 -4
- package/dist/types-ts4.5/index.d.ts +0 -9
- package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav-start.d.ts +1 -4
- package/package.json +6 -9
- package/constellation/side-nav-items/code.mdx +0 -89
- package/constellation/side-nav-items/drag-and-drop.mdx +0 -1079
- package/constellation/side-nav-items/examples.mdx +0 -235
- package/constellation/side-nav-items/images/side-nav-anatomy-1.png +0 -0
- package/constellation/side-nav-items/images/side-nav-anatomy-2.png +0 -0
- package/constellation/side-nav-items/images/side-nav-do-1.png +0 -0
- package/constellation/side-nav-items/images/side-nav-do-2.png +0 -0
- package/constellation/side-nav-items/images/side-nav-do-3.png +0 -0
- package/constellation/side-nav-items/images/side-nav-do-4.png +0 -0
- package/constellation/side-nav-items/images/side-nav-do-5.png +0 -0
- package/constellation/side-nav-items/images/side-nav-do-6.png +0 -0
- package/constellation/side-nav-items/images/side-nav-do-7.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-1.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-10.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-2.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-3.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-4.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-5.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-6.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-7.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-8.png +0 -0
- package/constellation/side-nav-items/images/side-nav-dont-9.png +0 -0
- package/constellation/side-nav-items/usage.mdx +0 -328
- package/dist/cjs/entry-points/side-nav-items/button-menu-item.js +0 -18
- package/dist/cjs/entry-points/side-nav-items/container-avatar.js +0 -12
- package/dist/cjs/entry-points/side-nav-items/drag-and-drop/drag-handle.js +0 -12
- package/dist/cjs/entry-points/side-nav-items/drag-and-drop/drag-preview.js +0 -12
- package/dist/cjs/entry-points/side-nav-items/drag-and-drop/drop-indicator.js +0 -12
- package/dist/cjs/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.js +0 -12
- package/dist/cjs/entry-points/side-nav-items/drag-and-drop/hitbox.js +0 -18
- package/dist/cjs/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.js +0 -12
- package/dist/cjs/entry-points/side-nav-items/expandable-menu-item.js +0 -30
- package/dist/cjs/entry-points/side-nav-items/flyout-menu-item.js +0 -48
- package/dist/cjs/entry-points/side-nav-items/link-menu-item.js +0 -18
- package/dist/cjs/entry-points/side-nav-items/menu-list-item.js +0 -12
- package/dist/cjs/entry-points/side-nav-items/menu-list.js +0 -12
- package/dist/cjs/entry-points/side-nav-items/menu-section.js +0 -24
- package/dist/cjs/entry-points/side-nav-items/top-level-spacer.js +0 -12
- package/dist/es2019/entry-points/side-nav-items/button-menu-item.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/container-avatar.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/drag-and-drop/drag-handle.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/drag-and-drop/drag-preview.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/drag-and-drop/drop-indicator.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/drag-and-drop/hitbox.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/expandable-menu-item.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/flyout-menu-item.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/link-menu-item.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/menu-list-item.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/menu-list.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/menu-section.js +0 -1
- package/dist/es2019/entry-points/side-nav-items/top-level-spacer.js +0 -1
- package/dist/esm/entry-points/side-nav-items/button-menu-item.js +0 -1
- package/dist/esm/entry-points/side-nav-items/container-avatar.js +0 -1
- package/dist/esm/entry-points/side-nav-items/drag-and-drop/drag-handle.js +0 -1
- package/dist/esm/entry-points/side-nav-items/drag-and-drop/drag-preview.js +0 -1
- package/dist/esm/entry-points/side-nav-items/drag-and-drop/drop-indicator.js +0 -1
- package/dist/esm/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.js +0 -1
- package/dist/esm/entry-points/side-nav-items/drag-and-drop/hitbox.js +0 -1
- package/dist/esm/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.js +0 -1
- package/dist/esm/entry-points/side-nav-items/expandable-menu-item.js +0 -1
- package/dist/esm/entry-points/side-nav-items/flyout-menu-item.js +0 -1
- package/dist/esm/entry-points/side-nav-items/link-menu-item.js +0 -1
- package/dist/esm/entry-points/side-nav-items/menu-list-item.js +0 -1
- package/dist/esm/entry-points/side-nav-items/menu-list.js +0 -1
- package/dist/esm/entry-points/side-nav-items/menu-section.js +0 -1
- package/dist/esm/entry-points/side-nav-items/top-level-spacer.js +0 -1
- package/dist/types/entry-points/side-nav-items/button-menu-item.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/container-avatar.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/drag-and-drop/drag-handle.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/drag-and-drop/drag-preview.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/drag-and-drop/drop-indicator.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/drag-and-drop/hitbox.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/expandable-menu-item.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/flyout-menu-item.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/link-menu-item.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/menu-list-item.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/menu-list.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/menu-section.d.ts +0 -1
- package/dist/types/entry-points/side-nav-items/top-level-spacer.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/button-menu-item.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/container-avatar.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/drag-handle.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/drag-preview.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/drop-indicator.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/group-drop-indicator.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/hitbox.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/expandable-menu-item.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/flyout-menu-item.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/link-menu-item.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/menu-list-item.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/menu-list.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/menu-section.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/side-nav-items/top-level-spacer.d.ts +0 -1
- package/side-nav-items/button-menu-item/package.json +0 -17
- package/side-nav-items/container-avatar/package.json +0 -17
- package/side-nav-items/drag-and-drop/drag-handle/package.json +0 -17
- package/side-nav-items/drag-and-drop/drag-preview/package.json +0 -17
- package/side-nav-items/drag-and-drop/drop-indicator/package.json +0 -17
- package/side-nav-items/drag-and-drop/group-drop-indicator/package.json +0 -17
- package/side-nav-items/drag-and-drop/hitbox/package.json +0 -17
- package/side-nav-items/drag-and-drop/use-menu-item-drag-and-drop/package.json +0 -17
- package/side-nav-items/expandable-menu-item/package.json +0 -17
- package/side-nav-items/flyout-menu-item/package.json +0 -17
- package/side-nav-items/link-menu-item/package.json +0 -17
- package/side-nav-items/menu-list/package.json +0 -17
- package/side-nav-items/menu-list-item/package.json +0 -17
- package/side-nav-items/menu-section/package.json +0 -17
- 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" />
|