@atlaskit/side-navigation 11.2.0 → 11.2.2

package/dist/es2019/components/Section/section.js

@@ -2,6 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import { Section as MenuSection } from '@atlaskit/menu';
 import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Section__
  *
@@ -10,6 +15,8 @@ import { useShouldNestedElementRender } from '../NestableNavigationContent/use-s
  *
  * - [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.
  */
 const Section = /*#__PURE__*/forwardRef((props, ref) => {
   const {

package/dist/es2019/components/Section/skeleton-heading-item.js

@@ -8,12 +8,19 @@ import { useShouldNestedElementRender } from '../NestableNavigationContent/use-s
 const styles = {
   root: "_18zru2gc"
 };
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Skeleton heading item__
  *
  * 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.
  */
 const SkeletonHeadingItem = props => {
   const {

package/dist/es2019/components/SideNavigation/index.js

@@ -4,7 +4,13 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
+import warnOnce from '@atlaskit/ds-lib/warn-once';
 import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 const sidebarMinWidth = '240px';
 const sideNavStyles = null;
 
@@ -16,8 +22,13 @@ const sideNavStyles = null;
  * - [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.
  */
 const SideNavigation = /*#__PURE__*/forwardRef((props, ref) => {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'CI') {
+    warnOnce('@atlaskit/side-navigation is deprecated. Use @atlaskit/navigation-system instead.');
+  }
   const {
     children,
     testId,

package/dist/esm/common/constants.js

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

package/dist/esm/components/Footer/index.js

@@ -13,11 +13,18 @@ var styles = {
   iconContainer: "_1e0c1o8l _1bsb1k8s _4t3i1k8s",
   oldFooter: "_uizt1wug _1e0c1ule _y3gn1h6o _1tke1tcg _4cvr1h6o _1bsb1osq _vrjtwadc _16vx1h6o _bek6ze3t _rh04u2gc _76zj1o8l _13e21h6o _14bw1o8l _xosk12x7 _wte412x7 _ou5312x7 _1jo512x7 _11kjsm61 _jl2n73ad _1et6sm61 _1v6jazsu"
 };
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __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.
  */
 var OldFooter = function OldFooter(props) {
   // https://stackoverflow.com/a/39333479
@@ -79,6 +86,8 @@ var Footer = function Footer(_ref2) {
  *
  * - [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.
  */
 var FooterFacade = function FooterFacade(_ref3) {
   var _ref3$useDeprecatedAp = _ref3.useDeprecatedApi,

package/dist/esm/components/Header/index.js

@@ -8,11 +8,18 @@ import HeaderContainer from './header-container';
 var styles = {
   header: "_uizt1wug _vrjt1qyo _1cmdi7uo _11kjsm61 _jl2n73ad _1et6sm61 _1v6ji7uo"
 };
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Header__
  *
  * - [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.
  */
 var Header = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(CustomItem, _extends({}, props, {

package/dist/esm/components/Item/button-item.js

@@ -21,6 +21,8 @@ var styles = {
  *
  * - [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.
  */
 var ButtonItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,

package/dist/esm/components/Item/custom-item.js

@@ -18,6 +18,8 @@ var styles = {
 /**
  * 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.
  */
 var CustomItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,

package/dist/esm/components/Item/go-back-item.js

@@ -14,6 +14,8 @@ import ButtonItem from './button-item';
  *
  * - [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.
  */
 var GoBackItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,

package/dist/esm/components/Item/link-item.js

@@ -23,6 +23,8 @@ var styles = {
  *
  * - [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.
  */
 var LinkItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var href = _ref.href,

package/dist/esm/components/Item/skeleton-item.js

@@ -10,6 +10,8 @@ import { useShouldNestedElementRender } from '../NestableNavigationContent/use-s
  *
  * - [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.
  */
 var SkeletonItem = function SkeletonItem(props) {
   var _useShouldNestedEleme = useShouldNestedElementRender(),

package/dist/esm/components/LoadingItems/index.js

@@ -5,6 +5,11 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 var baseMotionStyles = null;
 var enteringStyles = null;
 
@@ -12,6 +17,8 @@ var enteringStyles = null;
  * __Loading items__
  *
  * Loading items conditionally render based on the useShouldNestedElementRender() hook.
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 var LoadingItems = function LoadingItems(_ref) {
   var children = _ref.children,

package/dist/esm/components/NavigationContent/index.js

@@ -4,6 +4,11 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import useScrollbarWidth from '@atlaskit/ds-lib/use-scrollbar-width';
 import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 var outerContainerCSS = null;
 var innerContainerCSS = {
   basic: "_1reo1wug _18m91wug _1e0c1txw _vchhusvi _1bsb1osq _kqswh2mm _2lx21bp4 _14mjlb4i _1ywu1ule _1qdgyh40 _18poh2mm _1bqqcs5v _tua5idpf _1hfk1q2g _aetrb3bt _3mxo1wug",
@@ -21,6 +26,8 @@ var containerCSS = {
  *
  * - [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.
  */
 var NavigationContent = /*#__PURE__*/forwardRef(function (props, ref) {
   var showTopScrollIndicator = props.showTopScrollIndicator,

package/dist/esm/components/NavigationFooter/index.js

@@ -6,6 +6,11 @@ import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
   navigationFooter: "_kqswh2mm"
 };
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Navigation footer__
  *
@@ -13,6 +18,8 @@ var styles = {
  *
  * - [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.
  */
 var NavigationFooter = function NavigationFooter(_ref) {
   var children = _ref.children;

package/dist/esm/components/NavigationHeader/index.js

@@ -6,6 +6,11 @@ import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
   navigationFooter: "_1e0c1ule _85i5u2gc _1q511ejb _y4tiu2gc _bozgu2gc"
 };
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Navigation header__
  *
@@ -13,6 +18,8 @@ var styles = {
  *
  * - [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.
  */
 var NavigationHeader = function NavigationHeader(props) {
   var children = props.children;

package/dist/esm/components/NestableNavigationContent/index.js

@@ -14,6 +14,11 @@ import { NestingMotion } from './nesting-motion';
 // Named so ERT doesn't pick up the override name as a type.
 
 export var ROOT_ID = 'ATLASKIT_NESTED_ROOT';
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 var nestableNavigationContentStyles = null;
 var nestingRootStyles = null;
 
@@ -24,6 +29,8 @@ var nestingRootStyles = null;
  *
  * - [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.
  */
 var NestableNavigationContent = function NestableNavigationContent(props) {
   var containerRef = useRef(null);

package/dist/esm/components/NestableNavigationContent/use-should-nested-element-render.js

@@ -1,5 +1,11 @@
 import { useContext } from 'react';
 import { NestedContext } from './nested-context';
+
+/**
+ * __useShouldNestedElementRender__
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export var useShouldNestedElementRender = function useShouldNestedElementRender() {
   var context = useContext(NestedContext);
   if (!context) {

package/dist/esm/components/NestingItem/index.js

@@ -27,11 +27,16 @@ var styles = {
 };
 
 // Doesn't extend from ButtonItemProps because it blows ERT up.
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 
 /**
  * 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.
  */
 var NestingItem = function NestingItem(props) {
   var children = props.children,

package/dist/esm/components/Section/heading-item.js

@@ -8,11 +8,17 @@ import { useShouldNestedElementRender } from '../NestableNavigationContent/use-s
 var styles = {
   headingItem: "_18zru2gc"
 };
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Heading item__
  *
  * 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.
  */
 var HeadingItem = function HeadingItem(props) {
   var _useShouldNestedEleme = useShouldNestedElementRender(),

package/dist/esm/components/Section/section.js

@@ -2,6 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import { Section as MenuSection } from '@atlaskit/menu';
 import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Section__
  *
@@ -10,6 +15,8 @@ import { useShouldNestedElementRender } from '../NestableNavigationContent/use-s
  *
  * - [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.
  */
 var Section = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useShouldNestedEleme = useShouldNestedElementRender(),

package/dist/esm/components/Section/skeleton-heading-item.js

@@ -8,12 +8,19 @@ import { useShouldNestedElementRender } from '../NestableNavigationContent/use-s
 var styles = {
   root: "_18zru2gc"
 };
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Skeleton heading item__
  *
  * 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.
  */
 var SkeletonHeadingItem = function SkeletonHeadingItem(props) {
   var _useShouldNestedEleme = useShouldNestedElementRender(),

package/dist/esm/components/SideNavigation/index.js

@@ -4,7 +4,13 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
+import warnOnce from '@atlaskit/ds-lib/warn-once';
 import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 var sidebarMinWidth = '240px';
 var sideNavStyles = null;
 
@@ -16,8 +22,13 @@ var sideNavStyles = null;
  * - [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.
  */
 var SideNavigation = /*#__PURE__*/forwardRef(function (props, ref) {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'CI') {
+    warnOnce('@atlaskit/side-navigation is deprecated. Use @atlaskit/navigation-system instead.');
+  }
   var children = props.children,
     testId = props.testId,
     label = props.label,

package/dist/types/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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;