@atlaskit/side-navigation 11.2.1 → 11.2.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/side-navigation
 
+## 11.2.2
+
+### Patch Changes
+
+- [`7aa1eeb7ac2e6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aa1eeb7ac2e6) -
+  Add deprecation notices to code exports
+- Updated dependencies
+
 ## 11.2.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"target": "es5",
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__side-navigation",
 		"rootDir": "../",
 		"composite": true,

package/afm-products/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"target": "es5",
 		"outDir": "../../../../../tsDist/@atlaskit__side-navigation/app",
 		"rootDir": "../",
 		"composite": true,

package/dist/cjs/common/constants.js

@@ -4,5 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VAR_SEPARATOR_COLOR = exports.VAR_SCROLL_INDICATOR_COLOR = void 0;
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 var VAR_SEPARATOR_COLOR = exports.VAR_SEPARATOR_COLOR = '--ds-menu-seperator-color';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 var VAR_SCROLL_INDICATOR_COLOR = exports.VAR_SCROLL_INDICATOR_COLOR = '--ds-menu-scroll-indicator-color';

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

@@ -21,11 +21,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
@@ -87,6 +94,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/cjs/components/Header/index.js

@@ -17,11 +17,18 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_customItem.default, (0, _extends2.default)({}, props, {

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

@@ -30,6 +30,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__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,

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

@@ -27,6 +27,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__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,

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

@@ -22,6 +22,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  *
  * - [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__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,

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

@@ -32,6 +32,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__*/(0, _react.forwardRef)(function (_ref, ref) {
   var href = _ref.href,

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

@@ -16,6 +16,8 @@ var _useShouldNestedElementRender = require("../NestableNavigationContent/use-sh
  *
  * - [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 = (0, _useShouldNestedElementRender.useShouldNestedElementRender)(),

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

@@ -12,6 +12,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _motion = require("@atlaskit/motion");
 var _useShouldNestedElementRender = require("../NestableNavigationContent/use-should-nested-element-render");
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 var baseMotionStyles = null;
 var enteringStyles = null;
 
@@ -19,6 +23,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/cjs/components/NavigationContent/index.js

@@ -13,6 +13,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _useScrollbarWidth = _interopRequireDefault(require("@atlaskit/ds-lib/use-scrollbar-width"));
 var _useShouldNestedElementRender = require("../NestableNavigationContent/use-should-nested-element-render");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+/**
+ * @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",
@@ -30,6 +34,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__*/(0, _react.forwardRef)(function (props, ref) {
   var showTopScrollIndicator = props.showTopScrollIndicator,

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

@@ -14,6 +14,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var styles = {
   navigationFooter: "_kqswh2mm"
 };
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Navigation footer__
  *
@@ -21,6 +26,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/cjs/components/NavigationHeader/index.js

@@ -14,6 +14,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var styles = {
   navigationFooter: "_1e0c1ule _85i5u2gc _1q511ejb _y4tiu2gc _bozgu2gc"
 };
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Navigation header__
  *
@@ -21,6 +26,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/cjs/components/NestableNavigationContent/index.js

@@ -23,6 +23,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // Named so ERT doesn't pick up the override name as a type.
 
 var ROOT_ID = exports.ROOT_ID = 'ATLASKIT_NESTED_ROOT';
+
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 var nestableNavigationContentStyles = null;
 var nestingRootStyles = null;
 
@@ -33,6 +38,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 = (0, _react.useRef)(null);

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

@@ -6,6 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.useShouldNestedElementRender = void 0;
 var _react = require("react");
 var _nestedContext = require("./nested-context");
+/**
+ * __useShouldNestedElementRender__
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 var useShouldNestedElementRender = exports.useShouldNestedElementRender = function useShouldNestedElementRender() {
   var context = (0, _react.useContext)(_nestedContext.NestedContext);
   if (!context) {

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

@@ -36,11 +36,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/cjs/components/Section/heading-item.js

@@ -17,11 +17,17 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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 = (0, _useShouldNestedElementRender.useShouldNestedElementRender)(),

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

@@ -11,6 +11,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _menu = require("@atlaskit/menu");
 var _useShouldNestedElementRender = require("../NestableNavigationContent/use-should-nested-element-render");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 /**
  * __Section__
  *
@@ -19,6 +23,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  *
  * - [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__*/(0, _react.forwardRef)(function (props, ref) {
   var _useShouldNestedEleme = (0, _useShouldNestedElementRender.useShouldNestedElementRender)(),

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

@@ -15,12 +15,19 @@ var _useShouldNestedElementRender = require("../NestableNavigationContent/use-sh
 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 = (0, _useShouldNestedElementRender.useShouldNestedElementRender)(),

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

@@ -12,8 +12,13 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _menu = require("@atlaskit/menu");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
+
 var sidebarMinWidth = '240px';
 var sideNavStyles = null;
 
@@ -25,8 +30,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__*/(0, _react.forwardRef)(function (props, ref) {
+  if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'CI') {
+    (0, _warnOnce.default)('@atlaskit/side-navigation is deprecated. Use @atlaskit/navigation-system instead.');
+  }
   var children = props.children,
     testId = props.testId,
     label = props.label,

package/dist/es2019/common/constants.js

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

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

@@ -13,11 +13,18 @@ const 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.
  */
 const OldFooter = props => {
   // https://stackoverflow.com/a/39333479
@@ -79,6 +86,8 @@ const 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.
  */
 const FooterFacade = ({
   useDeprecatedApi = true,

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

@@ -8,11 +8,18 @@ import HeaderContainer from './header-container';
 const 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.
  */
 const Header = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(CustomItem, _extends({}, props, {

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

@@ -19,6 +19,8 @@ const 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.
  */
 const ButtonItem = /*#__PURE__*/forwardRef(({
   className,

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

@@ -16,6 +16,8 @@ const 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.
  */
 const CustomItem = /*#__PURE__*/forwardRef(({
   className,

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

@@ -11,6 +11,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.
  */
 const GoBackItem = /*#__PURE__*/forwardRef(({
   className,

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

@@ -21,6 +21,8 @@ const 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.
  */
 const LinkItem = /*#__PURE__*/forwardRef(({
   href,

package/dist/es2019/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.
  */
 const SkeletonItem = props => {
   const {

package/dist/es2019/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.
+ */
+
 const baseMotionStyles = null;
 const enteringStyles = null;
 
@@ -12,6 +17,8 @@ const enteringStyles = null;
  * __Loading items__
  *
  * Loading items conditionally render based on the useShouldNestedElementRender() hook.
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 const LoadingItems = ({
   children,

package/dist/es2019/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.
+ */
+
 const outerContainerCSS = null;
 const innerContainerCSS = {
   basic: "_1reo1wug _18m91wug _1e0c1txw _vchhusvi _1bsb1osq _kqswh2mm _2lx21bp4 _14mjlb4i _1ywu1ule _1qdgyh40 _18poh2mm _1bqqcs5v _tua5idpf _1hfk1q2g _aetrb3bt _3mxo1wug",
@@ -21,6 +26,8 @@ const 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.
  */
 const NavigationContent = /*#__PURE__*/forwardRef((props, ref) => {
   const {

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

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

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

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

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

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

package/dist/es2019/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 const useShouldNestedElementRender = () => {
   const context = useContext(NestedContext);
   if (!context) {

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

@@ -20,11 +20,16 @@ const 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.
  */
 const NestingItem = props => {
   const {

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

@@ -8,11 +8,17 @@ import { useShouldNestedElementRender } from '../NestableNavigationContent/use-s
 const 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.
  */
 const HeadingItem = props => {
   const {