@atlaskit/side-navigation 11.2.0 → 11.2.2

package/dist/types/components/Section/heading-item.d.ts

@@ -3,6 +3,9 @@
  * @jsx jsx
  */
 import { type HeadingItemProps as MenuHeadingItemProps } from '@atlaskit/menu';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface HeadingItemProps extends MenuHeadingItemProps {
 }
 /**
@@ -10,6 +13,7 @@ export interface HeadingItemProps extends MenuHeadingItemProps {
  *
  * Available for advanced use cases, for most situations providing a `title` to `section` should be enough.
  *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const HeadingItem: (props: HeadingItemProps) => JSX.Element | null;
 export default HeadingItem;

package/dist/types/components/Section/section.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface SectionProps {
     /**
      * The children of the section.
@@ -34,6 +37,8 @@ export interface SectionProps {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#section)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const Section: React.ForwardRefExoticComponent<React.PropsWithoutRef<SectionProps> & React.RefAttributes<HTMLElement>>;
 export default Section;

package/dist/types/components/Section/skeleton-heading-item.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import { type SkeletonHeadingItemProps as MenuSkeletonHeadingItemProps } from '@atlaskit/menu';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface SkeletonHeadingItemProps extends MenuSkeletonHeadingItemProps {
 }
 /**
@@ -8,6 +11,8 @@ export interface SkeletonHeadingItemProps extends MenuSkeletonHeadingItemProps {
  * A skeleton heading item for use in managing loading states.
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const SkeletonHeadingItem: (props: SkeletonHeadingItemProps) => React.JSX.Element | null;
 export default SkeletonHeadingItem;

package/dist/types/components/SideNavigation/index.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface SideNavigationProps {
     /**
      *  Describes the specific role of this navigation component for people viewing the page with assistive technology.
@@ -34,6 +37,8 @@ export interface SideNavigationProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  * - [Usage](https://atlassian.design/components/side-navigation/usage)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const SideNavigation: React.ForwardRefExoticComponent<React.PropsWithoutRef<SideNavigationProps> & React.RefAttributes<HTMLElement>>;
 export default SideNavigation;

package/dist/types-ts4.5/common/constants.d.ts

@@ -1,2 +1,8 @@
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export declare const VAR_SEPARATOR_COLOR = "--ds-menu-seperator-color";
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export declare const VAR_SCROLL_INDICATOR_COLOR = "--ds-menu-scroll-indicator-color";

package/dist/types-ts4.5/components/Footer/index.d.ts

@@ -15,12 +15,17 @@ type FooterFacadeProps = (HeaderProps & {
     component?: never;
     onClick?: never;
 });
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export type FooterProps = HeaderProps | NewFooterProps;
 /**
  * __Footer__
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const FooterFacade: ({ useDeprecatedApi, description, iconBefore, testId, children, component, onClick, }: FooterFacadeProps) => JSX.Element;
 export default FooterFacade;

package/dist/types-ts4.5/components/Header/index.d.ts

@@ -4,6 +4,9 @@
  */
 import React from 'react';
 import { type CustomItemComponentProps } from '@atlaskit/menu';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export type HeaderProps = {
     /**
      * Element to render before the item text.
@@ -42,6 +45,8 @@ export type HeaderProps = {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const Header: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeaderProps> & React.RefAttributes<HTMLElement>>;
 export default Header;

package/dist/types-ts4.5/components/Item/button-item.d.ts

@@ -7,6 +7,8 @@ import { type ButtonItemProps } from '@atlaskit/menu';
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#button-item)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const ButtonItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonItemProps> & React.RefAttributes<HTMLElement>>;
 export default ButtonItem;

package/dist/types-ts4.5/components/Item/custom-item.d.ts

@@ -9,6 +9,8 @@ interface CustomItemPropsHack {
 /**
  * Used to support any custom items needed by products alongside the Header and Footer patterns.
  * Specific implementation of headers and footers are provided in the examples folder.
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const CustomItem: CustomItemPropsHack;
 export default CustomItem;

package/dist/types-ts4.5/components/Item/go-back-item.d.ts

@@ -8,6 +8,8 @@ import type { ButtonItemProps } from '@atlaskit/menu';
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#go-back-item)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const GoBackItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonItemProps> & React.RefAttributes<HTMLElement>>;
 export default GoBackItem;

package/dist/types-ts4.5/components/Item/link-item.d.ts

@@ -9,6 +9,8 @@ import { type LinkItemProps } from '@atlaskit/menu';
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#link-item)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const LinkItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<LinkItemProps> & React.RefAttributes<HTMLElement>>;
 export default LinkItem;

package/dist/types-ts4.5/components/Item/skeleton-item.d.ts

@@ -7,6 +7,8 @@ import { type SkeletonItemProps } from '@atlaskit/menu';
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const SkeletonItem: (props: SkeletonItemProps) => React.JSX.Element | null;
 export default SkeletonItem;

package/dist/types-ts4.5/components/LoadingItems/index.d.ts

@@ -3,6 +3,9 @@
  * @jsx jsx
  */
 import React from 'react';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface LoadingItemsProps {
     /**
      * Child items that will be loaded asynchronously.
@@ -34,6 +37,8 @@ export interface LoadingItemsProps {
  * __Loading items__
  *
  * Loading items conditionally render based on the useShouldNestedElementRender() hook.
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const LoadingItems: ({ children, isLoading, fallback, testId, }: LoadingItemsProps) => JSX.Element;
 export default LoadingItems;

package/dist/types-ts4.5/components/NavigationContent/index.d.ts

@@ -3,6 +3,9 @@
  * @jsx jsx
  */
 import React, { type HTMLAttributes } from 'react';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface NavigationContentProps {
     children: React.ReactNode;
     /**
@@ -23,6 +26,8 @@ export interface NavigationContentProps {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#content)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const NavigationContent: React.ForwardRefExoticComponent<React.PropsWithoutRef<NavigationContentProps & HTMLAttributes<HTMLElement>> & React.RefAttributes<HTMLElement>>;
 export default NavigationContent;

package/dist/types-ts4.5/components/NavigationFooter/index.d.ts

@@ -3,6 +3,9 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface NavigationFooterProps {
     children: ReactNode;
 }
@@ -13,6 +16,8 @@ export interface NavigationFooterProps {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const NavigationFooter: ({ children }: NavigationFooterProps) => JSX.Element;
 export default NavigationFooter;

package/dist/types-ts4.5/components/NavigationHeader/index.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface NavigationHeaderProps {
     children: JSX.Element | JSX.Element[];
 }
@@ -8,6 +11,8 @@ export interface NavigationHeaderProps {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const NavigationHeader: (props: NavigationHeaderProps) => JSX.Element;
 export default NavigationHeader;

package/dist/types-ts4.5/components/NestableNavigationContent/index.d.ts

@@ -4,6 +4,9 @@
  */
 import React from 'react';
 export declare const ROOT_ID = "ATLASKIT_NESTED_ROOT";
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface NestableNavigationContentProps {
     /**
      * The NestableNavigationContent wraps the entire navigation hierarchy of a side navigation.
@@ -84,6 +87,8 @@ export interface NestableNavigationContentProps {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#nested-navigation)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const NestableNavigationContent: (props: NestableNavigationContentProps) => JSX.Element;
 export default NestableNavigationContent;

package/dist/types-ts4.5/components/NestableNavigationContent/use-should-nested-element-render.d.ts

@@ -1,3 +1,8 @@
+/**
+ * __useShouldNestedElementRender__
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export declare const useShouldNestedElementRender: () => {
     shouldRender: boolean;
 };

package/dist/types-ts4.5/components/NestingItem/index.d.ts

@@ -19,6 +19,9 @@ interface NestingItemOverrides {
         }) => React.ReactNode;
     };
 }
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface NestingItemProps<TCustomComponentProps = CustomItemComponentProps> {
     /**
      * A unique identifier for the nesting item.
@@ -91,6 +94,8 @@ export interface NestingItemProps<TCustomComponentProps = CustomItemComponentPro
  * NestingItem will render itself differently depending in what context it is rendered in.
  * When not open - it will render itself as an item.
  * When open - it will render its children.
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const NestingItem: <TCustomComponentProps extends CustomItemComponentProps>(props: NestingItemProps<TCustomComponentProps> & Omit<TCustomComponentProps, keyof CustomItemComponentProps>) => JSX.Element;
 export default NestingItem;

package/dist/types-ts4.5/components/Section/heading-item.d.ts

@@ -3,6 +3,9 @@
  * @jsx jsx
  */
 import { type HeadingItemProps as MenuHeadingItemProps } from '@atlaskit/menu';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface HeadingItemProps extends MenuHeadingItemProps {
 }
 /**
@@ -10,6 +13,7 @@ export interface HeadingItemProps extends MenuHeadingItemProps {
  *
  * Available for advanced use cases, for most situations providing a `title` to `section` should be enough.
  *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const HeadingItem: (props: HeadingItemProps) => JSX.Element | null;
 export default HeadingItem;

package/dist/types-ts4.5/components/Section/section.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface SectionProps {
     /**
      * The children of the section.
@@ -34,6 +37,8 @@ export interface SectionProps {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#section)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const Section: React.ForwardRefExoticComponent<React.PropsWithoutRef<SectionProps> & React.RefAttributes<HTMLElement>>;
 export default Section;

package/dist/types-ts4.5/components/Section/skeleton-heading-item.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import { type SkeletonHeadingItemProps as MenuSkeletonHeadingItemProps } from '@atlaskit/menu';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface SkeletonHeadingItemProps extends MenuSkeletonHeadingItemProps {
 }
 /**
@@ -8,6 +11,8 @@ export interface SkeletonHeadingItemProps extends MenuSkeletonHeadingItemProps {
  * A skeleton heading item for use in managing loading states.
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const SkeletonHeadingItem: (props: SkeletonHeadingItemProps) => React.JSX.Element | null;
 export default SkeletonHeadingItem;

package/dist/types-ts4.5/components/SideNavigation/index.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface SideNavigationProps {
     /**
      *  Describes the specific role of this navigation component for people viewing the page with assistive technology.
@@ -34,6 +37,8 @@ export interface SideNavigationProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  * - [Usage](https://atlassian.design/components/side-navigation/usage)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const SideNavigation: React.ForwardRefExoticComponent<React.PropsWithoutRef<SideNavigationProps> & React.RefAttributes<HTMLElement>>;
 export default SideNavigation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/side-navigation",
-	"version": "11.2.0",
+	"version": "11.2.2",
 	"description": "A highly composable side navigation component that supports nested views.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,17 +29,17 @@
 			"name": "Side navigation",
 			"category": "Navigation",
 			"status": {
-				"type": "intent-to-deprecate",
-				"description": "We are planning on deprecating Side navigation. We recommend using Navigation system instead. [View Navigation system documentation](/components/navigation-system)"
+				"type": "deprecated",
+				"description": "This package is deprecated. Use our new [navigation system](/components/navigation-system)."
 			}
 		}
 	},
 	"dependencies": {
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^34.1.0",
-		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/motion": "^5.6.0",
+		"@atlaskit/icon": "^35.0.0",
+		"@atlaskit/menu": "^8.5.0",
+		"@atlaskit/motion": "^6.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/tokens": "^13.0.0",
@@ -60,14 +60,14 @@
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/logo": "^20.0.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
+		"@atlaskit/logo": "^20.1.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
 		"@atlaskit/pragmatic-drag-and-drop-live-region": "^1.3.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-accessibility": "^2.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.10.0",
-		"@atlaskit/spotlight": "^0.12.0",
+		"@atlaskit/select": "^21.12.0",
+		"@atlaskit/spotlight": "^0.14.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"raf-stub": "^2.0.1",

package/afm-jira/tsconfig.json

@@ -1,51 +0,0 @@
-{
-	"extends": "../../../../tsconfig.local-consumption.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../jira/tsDist/@atlaskit__side-navigation/app",
-		"rootDir": "../",
-		"composite": true,
-		"noCheck": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../css/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../ds-lib/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../icon/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../menu/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../motion/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../primitives/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../tokens/afm-jira/tsconfig.json"
-		}
-	]
-}