@atlaskit/navigation-system 10.14.0 → 10.15.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlassian/navigation-system
 
+## 10.15.0
+
+### Minor Changes
+
+- [`0075efb228821`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0075efb228821) -
+  Autofix: barrel removal (imports + exports)
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.14.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.14.0
 
 ### Minor Changes

package/constellation/layout/examples.mdx

@@ -218,7 +218,9 @@ expand to fill available space.
 
 ### Panel
 
-The panel area is rendered to the right of the main area.
+The panel area is rendered to the right of the main area. Wrap `Panel` in `ExitingPersistence` from
+`@atlaskit/motion/exiting-persistence`. This keeps the panel in the DOM until its exit animation
+completes when you conditionally render it.
 
 - The default width of the panel is 365px, which can be modified using the `defaultWidth` prop.
 - The panel is

package/constellation/layout/usage.mdx

@@ -73,7 +73,9 @@ When applying components to the navigational areas,
 	</li>
 	<li>
 		<strong>Panel:</strong> Optional. Use to display supporting or supplementary content. Is
-		resizable and collapsible.
+		resizable and collapsible. Wrap `Panel` in `ExitingPersistence` from
+		`@atlaskit/motion/exiting-persistence` so it stays in the DOM until its exit animation
+		completes.
 	</li>
 </ol>
 

package/dist/cjs/components/skip-links/focus-element.js

@@ -48,7 +48,6 @@ function focusElement(element) {
   element.focus({
     // Forces the focus ring to appear after moving focus to the slot
     // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#focusvisible
-    // @ts-ignore - new and not in types yet. Can be removed once we adopt ts7.
     focusVisible: true
   });
 }

package/dist/cjs/ui/page-layout/panel.js

@@ -15,7 +15,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react2 = require("@compiled/react");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
-var _useMotion2 = require("@atlaskit/motion/use-motion");
+var _useMotion2 = require("@atlaskit/motion/entering/use-motion");
+var _reanimate = require("@atlaskit/motion/reanimate");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _responsive = require("@atlaskit/primitives/responsive");
 var _useSkipLinkInternal = require("../../context/skip-links/use-skip-link-internal");
@@ -136,12 +137,12 @@ function Panel(_ref) {
     }
     if (isMotionUpliftEnabled) {
       if (defaultWidth === 0) {
-        reanimate(_useMotion2.Reanimate.exit);
+        reanimate(_reanimate.Reanimate.exit);
         defaultWidthRef.current = defaultWidth;
         // Set width to 0 once the exit animation is complete
         return;
       } else if (defaultWidthRef.current === 0) {
-        reanimate(_useMotion2.Reanimate.enter);
+        reanimate(_reanimate.Reanimate.enter);
       }
     }
     defaultWidthRef.current = defaultWidth;

package/dist/es2019/components/skip-links/focus-element.js

@@ -43,7 +43,6 @@ export function focusElement(element) {
   element.focus({
     // Forces the focus ring to appear after moving focus to the slot
     // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#focusvisible
-    // @ts-ignore - new and not in types yet. Can be removed once we adopt ts7.
     focusVisible: true
   });
 }

package/dist/es2019/ui/page-layout/panel.js

@@ -5,7 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { cx } from '@compiled/react';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
-import { useMotion, Reanimate } from '@atlaskit/motion/use-motion';
+import { useMotion } from '@atlaskit/motion/entering/use-motion';
+import { Reanimate } from '@atlaskit/motion/reanimate';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
 import { media } from '@atlaskit/primitives/responsive';

package/dist/esm/components/skip-links/focus-element.js

@@ -43,7 +43,6 @@ export function focusElement(element) {
   element.focus({
     // Forces the focus ring to appear after moving focus to the slot
     // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#focusvisible
-    // @ts-ignore - new and not in types yet. Can be removed once we adopt ts7.
     focusVisible: true
   });
 }

package/dist/esm/ui/page-layout/panel.js

@@ -7,7 +7,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { cx } from '@compiled/react';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
-import { useMotion, Reanimate } from '@atlaskit/motion/use-motion';
+import { useMotion } from '@atlaskit/motion/entering/use-motion';
+import { Reanimate } from '@atlaskit/motion/reanimate';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
 import { media } from '@atlaskit/primitives/responsive';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "10.14.0",
+	"version": "10.15.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -56,22 +56,22 @@
 		"@atlaskit/analytics-next": "^12.3.0",
 		"@atlaskit/app-provider": "^5.3.0",
 		"@atlaskit/avatar": "^27.0.0",
-		"@atlaskit/button": "^25.0.0",
+		"@atlaskit/button": "^25.1.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^37.3.0",
+		"@atlaskit/icon": "^37.4.0",
 		"@atlaskit/layering": "^5.0.0",
 		"@atlaskit/logo": "^21.4.0",
-		"@atlaskit/motion": "^8.0.0",
+		"@atlaskit/motion": "^8.2.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
-		"@atlaskit/popup": "^6.0.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
-		"@atlaskit/primitives": "^22.2.0",
+		"@atlaskit/popup": "^6.1.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
+		"@atlaskit/primitives": "^22.3.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/side-nav-items": "^2.3.0",
 		"@atlaskit/tokens": "^16.7.0",
-		"@atlaskit/tooltip": "^24.0.0",
+		"@atlaskit/tooltip": "^24.1.0",
 		"@atlaskit/visually-hidden": "^4.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -90,27 +90,27 @@
 		"@atlaskit/badge": "^21.0.0",
 		"@atlaskit/banner": "^15.1.0",
 		"@atlaskit/breadcrumbs": "^17.5.0",
-		"@atlaskit/dropdown-menu": "^18.0.0",
-		"@atlaskit/flag": "^18.2.0",
+		"@atlaskit/dropdown-menu": "^18.1.0",
+		"@atlaskit/flag": "^18.3.0",
 		"@atlaskit/form": "^17.0.0",
 		"@atlaskit/heading": "^7.0.0",
-		"@atlaskit/inline-dialog": "^20.0.0",
+		"@atlaskit/inline-dialog": "^20.1.0",
 		"@atlaskit/link": "^5.0.0",
-		"@atlaskit/lozenge": "^15.0.0",
+		"@atlaskit/lozenge": "^15.2.0",
 		"@atlaskit/menu": "^10.0.0",
-		"@atlaskit/modal-dialog": "^16.3.0",
-		"@atlaskit/onboarding": "^15.1.0",
+		"@atlaskit/modal-dialog": "^16.4.0",
+		"@atlaskit/onboarding": "^15.2.0",
 		"@atlaskit/page-header": "^13.1.0",
-		"@atlaskit/page-layout": "^5.2.0",
-		"@atlaskit/popper": "^9.1.0",
-		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
-		"@atlaskit/select": "^22.6.0",
+		"@atlaskit/page-layout": "^5.3.0",
+		"@atlaskit/popper": "^9.2.0",
+		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.1.0",
+		"@atlaskit/select": "^22.7.0",
 		"@atlaskit/skeleton": "^4.2.0",
-		"@atlaskit/spotlight": "^4.0.0",
+		"@atlaskit/spotlight": "^4.1.0",
 		"@atlaskit/textfield": "^10.0.0",
-		"@atlaskit/top-layer": "^3.2.0",
+		"@atlaskit/top-layer": "^4.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
-		"@atlassian/gemini": "^1.51.0",
+		"@atlassian/gemini": "^1.52.0",
 		"@atlassian/search-dialog": "^10.9.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/test-utils": "^1.1.0",

package/navigation-system.docs.tsx

@@ -1,49 +0,0 @@
-/**
- * Structured MCP docs for `@atlaskit/navigation-system`.
- */
-
-import path from 'path';
-
-import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
-
-import packageJson from './package.json';
-
-const packagePath = path.resolve(__dirname);
-
-const documentation: StructuredContentSource = {
-	package: {
-		package: '@atlaskit/navigation-system',
-		packagePath,
-		packageJson,
-		overview:
-			'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.',
-	},
-	components: [
-		{
-			name: 'TopNav',
-			description: 'The horizontal top navigation bar component.',
-			status: 'general-availability',
-			import: {
-				name: 'TopNav',
-				package: '@atlaskit/navigation-system/layout/top-nav',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Render `TopNav` within the `Root` component to provide global navigation and actions.',
-			],
-			keywords: ['navigation', 'top-nav', 'header'],
-			categories: ['navigation'],
-			examples: [
-				{
-					name: 'Top navigation',
-					description: 'Basic usage of the top navigation bar.',
-					source: path.resolve(packagePath, './examples/top-navigation.vr.ap.tsx'),
-				},
-			],
-		},
-	],
-};
-
-export default documentation;