@atlaskit/navigation-system 10.14.0 → 10.14.1
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 +6 -0
- package/constellation/layout/examples.mdx +3 -1
- package/constellation/layout/usage.mdx +3 -1
- package/dist/cjs/components/skip-links/focus-element.js +0 -1
- package/dist/es2019/components/skip-links/focus-element.js +0 -1
- package/dist/esm/components/skip-links/focus-element.js +0 -1
- package/package.json +5 -5
- package/navigation-system.docs.tsx +0 -49
package/CHANGELOG.md
CHANGED
|
@@ -218,7 +218,9 @@ expand to fill available space.
|
|
|
218
218
|
|
|
219
219
|
### Panel
|
|
220
220
|
|
|
221
|
-
The panel area is rendered to the right of the main area.
|
|
221
|
+
The panel area is rendered to the right of the main area. Wrap `Panel` in `ExitingPersistence` from
|
|
222
|
+
`@atlaskit/motion/exiting-persistence`. This keeps the panel in the DOM until its exit animation
|
|
223
|
+
completes when you conditionally render it.
|
|
222
224
|
|
|
223
225
|
- The default width of the panel is 365px, which can be modified using the `defaultWidth` prop.
|
|
224
226
|
- The panel is
|
|
@@ -73,7 +73,9 @@ When applying components to the navigational areas,
|
|
|
73
73
|
</li>
|
|
74
74
|
<li>
|
|
75
75
|
<strong>Panel:</strong> Optional. Use to display supporting or supplementary content. Is
|
|
76
|
-
resizable and collapsible.
|
|
76
|
+
resizable and collapsible. Wrap `Panel` in `ExitingPersistence` from
|
|
77
|
+
`@atlaskit/motion/exiting-persistence` so it stays in the DOM until its exit animation
|
|
78
|
+
completes.
|
|
77
79
|
</li>
|
|
78
80
|
</ol>
|
|
79
81
|
|
|
@@ -48,7 +48,6 @@ function focusElement(element) {
|
|
|
48
48
|
element.focus({
|
|
49
49
|
// Forces the focus ring to appear after moving focus to the slot
|
|
50
50
|
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#focusvisible
|
|
51
|
-
// @ts-ignore - new and not in types yet. Can be removed once we adopt ts7.
|
|
52
51
|
focusVisible: true
|
|
53
52
|
});
|
|
54
53
|
}
|
|
@@ -43,7 +43,6 @@ export function focusElement(element) {
|
|
|
43
43
|
element.focus({
|
|
44
44
|
// Forces the focus ring to appear after moving focus to the slot
|
|
45
45
|
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#focusvisible
|
|
46
|
-
// @ts-ignore - new and not in types yet. Can be removed once we adopt ts7.
|
|
47
46
|
focusVisible: true
|
|
48
47
|
});
|
|
49
48
|
}
|
|
@@ -43,7 +43,6 @@ export function focusElement(element) {
|
|
|
43
43
|
element.focus({
|
|
44
44
|
// Forces the focus ring to appear after moving focus to the slot
|
|
45
45
|
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#focusvisible
|
|
46
|
-
// @ts-ignore - new and not in types yet. Can be removed once we adopt ts7.
|
|
47
46
|
focusVisible: true
|
|
48
47
|
});
|
|
49
48
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/navigation-system",
|
|
3
|
-
"version": "10.14.
|
|
3
|
+
"version": "10.14.1",
|
|
4
4
|
"description": "The latest navigation system for Atlassian apps.",
|
|
5
5
|
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
6
6
|
"author": "Atlassian Pty Ltd",
|
|
@@ -62,11 +62,11 @@
|
|
|
62
62
|
"@atlaskit/icon": "^37.3.0",
|
|
63
63
|
"@atlaskit/layering": "^5.0.0",
|
|
64
64
|
"@atlaskit/logo": "^21.4.0",
|
|
65
|
-
"@atlaskit/motion": "^8.
|
|
65
|
+
"@atlaskit/motion": "^8.1.0",
|
|
66
66
|
"@atlaskit/platform-feature-flags": "^2.1.0",
|
|
67
67
|
"@atlaskit/platform-feature-flags-react": "^1.1.0",
|
|
68
68
|
"@atlaskit/popup": "^6.0.0",
|
|
69
|
-
"@atlaskit/pragmatic-drag-and-drop": "^
|
|
69
|
+
"@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
|
|
70
70
|
"@atlaskit/primitives": "^22.2.0",
|
|
71
71
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
72
72
|
"@atlaskit/side-nav-items": "^2.3.0",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"@atlaskit/heading": "^7.0.0",
|
|
97
97
|
"@atlaskit/inline-dialog": "^20.0.0",
|
|
98
98
|
"@atlaskit/link": "^5.0.0",
|
|
99
|
-
"@atlaskit/lozenge": "^15.
|
|
99
|
+
"@atlaskit/lozenge": "^15.1.0",
|
|
100
100
|
"@atlaskit/menu": "^10.0.0",
|
|
101
101
|
"@atlaskit/modal-dialog": "^16.3.0",
|
|
102
102
|
"@atlaskit/onboarding": "^15.1.0",
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"@atlaskit/skeleton": "^4.2.0",
|
|
109
109
|
"@atlaskit/spotlight": "^4.0.0",
|
|
110
110
|
"@atlaskit/textfield": "^10.0.0",
|
|
111
|
-
"@atlaskit/top-layer": "^
|
|
111
|
+
"@atlaskit/top-layer": "^4.2.0",
|
|
112
112
|
"@atlassian/feature-flags-test-utils": "^1.2.0",
|
|
113
113
|
"@atlassian/gemini": "^1.51.0",
|
|
114
114
|
"@atlassian/search-dialog": "^10.9.0",
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Structured MCP docs for `@atlaskit/navigation-system`.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
import path from 'path';
|
|
6
|
-
|
|
7
|
-
import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
|
|
8
|
-
|
|
9
|
-
import packageJson from './package.json';
|
|
10
|
-
|
|
11
|
-
const packagePath = path.resolve(__dirname);
|
|
12
|
-
|
|
13
|
-
const documentation: StructuredContentSource = {
|
|
14
|
-
package: {
|
|
15
|
-
package: '@atlaskit/navigation-system',
|
|
16
|
-
packagePath,
|
|
17
|
-
packageJson,
|
|
18
|
-
overview:
|
|
19
|
-
'The latest navigation system for Atlassian apps. It provides a flexible layout system for top and side navigation, including components for product logos, search, and global actions.',
|
|
20
|
-
},
|
|
21
|
-
components: [
|
|
22
|
-
{
|
|
23
|
-
name: 'TopNav',
|
|
24
|
-
description: 'The horizontal top navigation bar component.',
|
|
25
|
-
status: 'general-availability',
|
|
26
|
-
import: {
|
|
27
|
-
name: 'TopNav',
|
|
28
|
-
package: '@atlaskit/navigation-system/layout/top-nav',
|
|
29
|
-
type: 'named',
|
|
30
|
-
packagePath,
|
|
31
|
-
packageJson,
|
|
32
|
-
},
|
|
33
|
-
usageGuidelines: [
|
|
34
|
-
'Render `TopNav` within the `Root` component to provide global navigation and actions.',
|
|
35
|
-
],
|
|
36
|
-
keywords: ['navigation', 'top-nav', 'header'],
|
|
37
|
-
categories: ['navigation'],
|
|
38
|
-
examples: [
|
|
39
|
-
{
|
|
40
|
-
name: 'Top navigation',
|
|
41
|
-
description: 'Basic usage of the top navigation bar.',
|
|
42
|
-
source: path.resolve(packagePath, './examples/top-navigation.vr.ap.tsx'),
|
|
43
|
-
},
|
|
44
|
-
],
|
|
45
|
-
},
|
|
46
|
-
],
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export default documentation;
|