@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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 10.14.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 10.14.0
4
10
 
5
11
  ### Minor Changes
@@ -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.0",
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.0.0",
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": "^2.0.0",
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.0.0",
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": "^3.2.0",
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;