@atlaskit/side-navigation 11.1.11 → 11.1.13

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

@@ -3,51 +3,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { CustomItem } from '../Item';
+import CustomItem from '../Item/custom-item';
+import HeaderContainer from './header-container';
 const styles = {
-  header: "_uizt1wug _vrjt1qyo _1cmdi7uo _11kjqtfy _jl2n73ad _1et6qtfy _1v6ji7uo"
-};
-
-/**
- * __Container__
- *
- * A container for Header and Footer that safely handles props to the child component
- */
-export const Container = ({
-  children,
-  'data-testid': testId,
-  ...props
-}) => {
-  // https://stackoverflow.com/a/39333479
-  const safeProps = (({
-    className,
-    onClick,
-    onMouseDown,
-    onDragStart,
-    draggable,
-    ref,
-    tabIndex,
-    disabled
-  }) => ({
-    className,
-    onClick,
-    onMouseDown,
-    onDragStart,
-    draggable,
-    ref,
-    tabIndex,
-    disabled
-  }))(props);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    React.createElement("div", _extends({
-      "data-testid": testId,
-      style: {
-        position: 'relative'
-      }
-    }, safeProps), children)
-  );
+  header: "_uizt1wug _vrjt1qyo _1cmdi7uo _11kjsm61 _jl2n73ad _1et6sm61 _1v6ji7uo"
 };
 /**
  * __Header__
@@ -58,7 +17,7 @@ export const Container = ({
 const Header = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(CustomItem, _extends({}, props, {
     ref: ref,
-    component: props.component || Container,
+    component: props.component || HeaderContainer,
     isTitleHeading: true,
     className: ax([styles.header])
   }));

package/dist/es2019/components/Item/button-item.compiled.css

@@ -4,7 +4,7 @@
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
 ._1a391k8s [data-item-elem-before]{height:1.5rem}
 ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
-._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._racp1k8s [data-item-elem-before]{width:1.5rem}
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}._10536x5g:visited{color:var(--ds-text-selected,#1868db)}
 ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}

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

@@ -7,7 +7,7 @@ import { forwardRef } from 'react';
 import { ButtonItem as Button } from '@atlaskit/menu';
 import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
 const styles = {
-  root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhkqtfy _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
+  root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhksm61 _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
   selectedStyles: "_bfhk15s3 _syaz6x5g _10536x5g _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g"
 };
 

package/dist/es2019/components/Item/custom-item.compiled.css

@@ -4,7 +4,7 @@
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
 ._1a391k8s [data-item-elem-before]{height:1.5rem}
 ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
-._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._racp1k8s [data-item-elem-before]{width:1.5rem}
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}._10536x5g:visited{color:var(--ds-text-selected,#1868db)}
 ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}

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

@@ -7,7 +7,7 @@ import { forwardRef } from 'react';
 import { CustomItem as Custom } from '@atlaskit/menu';
 import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
 const styles = {
-  root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhkqtfy _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
+  root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhksm61 _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
   selectedStyles: "_bfhk15s3 _syaz6x5g _10536x5g _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g"
 };
 

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

@@ -5,9 +5,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { ExitingPersistence } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { GoBackItem as GoBackButton } from '../Item';
+import useChildIds from '../../common/use-child-ids';
+import GoBackButton from '../Item/go-back-item';
 import { default as NestingItem } from '../NestingItem';
-import { useChildIds } from '../utils/hooks';
 import { NestedContext } from './context';
 import { NestingMotion } from './nesting-motion';
 // Named so ERT doesn't pick up the override name as a type.

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

@@ -6,10 +6,12 @@ import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } fr
 import ArrowRightIcon from '@atlaskit/icon/core/arrow-right';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
-import { ButtonItem, CustomItem, NavigationContent } from '../index';
+import useChildIdsEffect from '../../common/use-child-ids-effect';
+import ButtonItem from '../Item/button-item';
+import CustomItem from '../Item/custom-item';
+import NavigationContent from '../NavigationContent';
 import { ROOT_ID } from '../NestableNavigationContent';
 import { NestedContext, useNestedContext } from '../NestableNavigationContent/context';
-import { useChildIdsEffect } from '../utils/hooks';
 const styles = {
   iconContainer: "_1e0c1nu9",
   nestingItem: "_udl3glyw _kqsfglyw _udrwglyw _13qvglyw _9mqr1kw7 _povs1kw7 _uv2d1kw7 _atks1kw7",

package/dist/es2019/index.js

@@ -1,3 +1,17 @@
-export { SideNavigation, Header, NavigationHeader, NavigationContent, Section, HeadingItem, SkeletonHeadingItem, NestableNavigationContent, NestingItem, ButtonItem, LinkItem, GoBackItem, CustomItem, SkeletonItem, Footer, NavigationFooter, LoadingItems } from './components';
+export { default as SideNavigation } from './components/SideNavigation';
+export { Section, HeadingItem, SkeletonHeadingItem } from './components/Section';
+export { default as NestingItem } from './components/NestingItem';
+export { default as NavigationContent } from './components/NavigationContent';
+export { default as ButtonItem } from './components/Item/button-item';
+export { default as GoBackItem } from './components/Item/go-back-item';
+export { default as LinkItem } from './components/Item/link-item';
+export { default as CustomItem } from './components/Item/custom-item';
+export { default as SkeletonItem } from './components/Item/skeleton-item';
+export { default as Footer } from './components/Footer';
+export { default as Header } from './components/Header';
+export { default as NavigationHeader } from './components/NavigationHeader';
+export { default as NavigationFooter } from './components/NavigationFooter';
+export { default as LoadingItems } from './components/LoadingItems';
+export { default as NestableNavigationContent } from './components/NestableNavigationContent';
 export { useShouldNestedElementRender } from './components/NestableNavigationContent/context';
 export { VAR_SCROLL_INDICATOR_COLOR, VAR_SEPARATOR_COLOR } from './common/constants';

package/dist/esm/common/use-child-ids-effect.js

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+var useChildIdsEffect = function useChildIdsEffect(childIds, id) {
+  useEffect(function () {
+    if (!childIds || !childIds.current) {
+      return;
+    }
+    if (!childIds.current.has(id)) {
+      childIds.current.add(id);
+    }
+    return function () {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      childIds.current.delete(id);
+    };
+    // childIds shouldn't change as it's a ref
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [id]);
+};
+export default useChildIdsEffect;

package/dist/esm/common/use-child-ids.js

@@ -0,0 +1,17 @@
+import { useEffect, useRef } from 'react';
+import { ROOT_ID } from '../components/NestableNavigationContent';
+var useChildIds = function useChildIds(currentStackId, committedStack, onUnknownNest) {
+  var childIdsRef = useRef(new Set());
+  useEffect(function () {
+    // we are holding navigation item IDs in childIdsRef
+    // check if the current displayed nav item (currentStackId) is in childIdsRef. if it's not, this means it's undefined
+    if (currentStackId === ROOT_ID || !childIdsRef.current.size || childIdsRef.current.has(currentStackId) || !onUnknownNest) {
+      return;
+    }
+    onUnknownNest(committedStack || [currentStackId]);
+  }, [currentStackId, committedStack, onUnknownNest]);
+  return {
+    childIdsRef: childIdsRef
+  };
+};
+export default useChildIds;

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

@@ -7,8 +7,8 @@ import { ax, ix } from "@compiled/react/runtime";
 
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import { Box, Stack, Text } from '@atlaskit/primitives/compiled';
-import { Container } from '../Header';
-import { CustomItem } from '../Item';
+import HeaderContainer from '../Header/header-container';
+import CustomItem from '../Item/custom-item';
 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"
@@ -36,7 +36,7 @@ var OldFooter = function OldFooter(props) {
     };
   }(props);
   return /*#__PURE__*/React.createElement(CustomItem, _extends({}, safeProps, {
-    component: props.component || Container,
+    component: props.component || HeaderContainer,
     className: ax([styles.oldFooter])
   }));
 };

package/dist/esm/components/Header/header-container.js

@@ -0,0 +1,46 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "data-testid"];
+import React from 'react';
+/**
+ * __Container__
+ *
+ * A container for Header and Footer that safely handles props to the child component
+ */
+var HeaderContainer = function HeaderContainer(_ref) {
+  var children = _ref.children,
+    testId = _ref['data-testid'],
+    props = _objectWithoutProperties(_ref, _excluded);
+  // https://stackoverflow.com/a/39333479
+  var safeProps = function (_ref2) {
+    var className = _ref2.className,
+      onClick = _ref2.onClick,
+      onMouseDown = _ref2.onMouseDown,
+      onDragStart = _ref2.onDragStart,
+      draggable = _ref2.draggable,
+      ref = _ref2.ref,
+      tabIndex = _ref2.tabIndex,
+      disabled = _ref2.disabled;
+    return {
+      className: className,
+      onClick: onClick,
+      onMouseDown: onMouseDown,
+      onDragStart: onDragStart,
+      draggable: draggable,
+      ref: ref,
+      tabIndex: tabIndex,
+      disabled: disabled
+    };
+  }(props);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    React.createElement("div", _extends({
+      "data-testid": testId,
+      style: {
+        position: 'relative'
+      }
+    }, safeProps), children)
+  );
+};
+export default HeaderContainer;

package/dist/esm/components/Header/index.compiled.css

@@ -1,7 +1,7 @@
 
 ._vrjt1qyo [data-item-title]{font:var(--ds-font-heading-xsmall,normal 653 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._1cmdi7uo [data-item-title]{color:var(--ds-text,#292a2e)}
 ._uizt1wug{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}
-div._11kjqtfy:hover{background-color:var(--ds-background-neutral-subtle,transparent)}
+div._11kjsm61:hover{background-color:var(--ds-background-neutral-subtle,#00000000)}
 div._jl2n73ad:hover{cursor:default}
-div._1et6qtfy:active{background-color:var(--ds-background-neutral-subtle,transparent)}
+div._1et6sm61:active{background-color:var(--ds-background-neutral-subtle,#00000000)}
 div._1v6ji7uo:active{color:var(--ds-text,#292a2e)}

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

@@ -1,55 +1,12 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "data-testid"];
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { CustomItem } from '../Item';
+import CustomItem from '../Item/custom-item';
+import HeaderContainer from './header-container';
 var styles = {
-  header: "_uizt1wug _vrjt1qyo _1cmdi7uo _11kjqtfy _jl2n73ad _1et6qtfy _1v6ji7uo"
-};
-
-/**
- * __Container__
- *
- * A container for Header and Footer that safely handles props to the child component
- */
-export var Container = function Container(_ref) {
-  var children = _ref.children,
-    testId = _ref['data-testid'],
-    props = _objectWithoutProperties(_ref, _excluded);
-  // https://stackoverflow.com/a/39333479
-  var safeProps = function (_ref2) {
-    var className = _ref2.className,
-      onClick = _ref2.onClick,
-      onMouseDown = _ref2.onMouseDown,
-      onDragStart = _ref2.onDragStart,
-      draggable = _ref2.draggable,
-      ref = _ref2.ref,
-      tabIndex = _ref2.tabIndex,
-      disabled = _ref2.disabled;
-    return {
-      className: className,
-      onClick: onClick,
-      onMouseDown: onMouseDown,
-      onDragStart: onDragStart,
-      draggable: draggable,
-      ref: ref,
-      tabIndex: tabIndex,
-      disabled: disabled
-    };
-  }(props);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    React.createElement("div", _extends({
-      "data-testid": testId,
-      style: {
-        position: 'relative'
-      }
-    }, safeProps), children)
-  );
+  header: "_uizt1wug _vrjt1qyo _1cmdi7uo _11kjsm61 _jl2n73ad _1et6sm61 _1v6ji7uo"
 };
 /**
  * __Header__
@@ -60,7 +17,7 @@ export var Container = function Container(_ref) {
 var Header = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(CustomItem, _extends({}, props, {
     ref: ref,
-    component: props.component || Container,
+    component: props.component || HeaderContainer,
     isTitleHeading: true,
     className: ax([styles.header])
   }));

package/dist/esm/components/Item/button-item.compiled.css

@@ -4,7 +4,7 @@
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
 ._1a391k8s [data-item-elem-before]{height:1.5rem}
 ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
-._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._racp1k8s [data-item-elem-before]{width:1.5rem}
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}._10536x5g:visited{color:var(--ds-text-selected,#1868db)}
 ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}

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

@@ -9,7 +9,7 @@ import { forwardRef } from 'react';
 import { ButtonItem as Button } from '@atlaskit/menu';
 import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
 var styles = {
-  root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhkqtfy _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
+  root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhksm61 _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
   selectedStyles: "_bfhk15s3 _syaz6x5g _10536x5g _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g"
 };
 

package/dist/esm/components/Item/custom-item.compiled.css

@@ -4,7 +4,7 @@
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
 ._1a391k8s [data-item-elem-before]{height:1.5rem}
 ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
-._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._racp1k8s [data-item-elem-before]{width:1.5rem}
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}._10536x5g:visited{color:var(--ds-text-selected,#1868db)}
 ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}

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

@@ -9,7 +9,7 @@ import { forwardRef } from 'react';
 import { CustomItem as Custom } from '@atlaskit/menu';
 import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
 var styles = {
-  root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhkqtfy _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
+  root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhksm61 _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
   selectedStyles: "_bfhk15s3 _syaz6x5g _10536x5g _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g"
 };
 

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

@@ -6,9 +6,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { ExitingPersistence } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { GoBackItem as GoBackButton } from '../Item';
+import useChildIds from '../../common/use-child-ids';
+import GoBackButton from '../Item/go-back-item';
 import { default as NestingItem } from '../NestingItem';
-import { useChildIds } from '../utils/hooks';
 import { NestedContext } from './context';
 import { NestingMotion } from './nesting-motion';
 // Named so ERT doesn't pick up the override name as a type.

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

@@ -13,10 +13,12 @@ import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } fr
 import ArrowRightIcon from '@atlaskit/icon/core/arrow-right';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
-import { ButtonItem, CustomItem, NavigationContent } from '../index';
+import useChildIdsEffect from '../../common/use-child-ids-effect';
+import ButtonItem from '../Item/button-item';
+import CustomItem from '../Item/custom-item';
+import NavigationContent from '../NavigationContent';
 import { ROOT_ID } from '../NestableNavigationContent';
 import { NestedContext, useNestedContext } from '../NestableNavigationContent/context';
-import { useChildIdsEffect } from '../utils/hooks';
 var styles = {
   iconContainer: "_1e0c1nu9",
   nestingItem: "_udl3glyw _kqsfglyw _udrwglyw _13qvglyw _9mqr1kw7 _povs1kw7 _uv2d1kw7 _atks1kw7",

package/dist/esm/index.js

@@ -1,3 +1,17 @@
-export { SideNavigation, Header, NavigationHeader, NavigationContent, Section, HeadingItem, SkeletonHeadingItem, NestableNavigationContent, NestingItem, ButtonItem, LinkItem, GoBackItem, CustomItem, SkeletonItem, Footer, NavigationFooter, LoadingItems } from './components';
+export { default as SideNavigation } from './components/SideNavigation';
+export { Section, HeadingItem, SkeletonHeadingItem } from './components/Section';
+export { default as NestingItem } from './components/NestingItem';
+export { default as NavigationContent } from './components/NavigationContent';
+export { default as ButtonItem } from './components/Item/button-item';
+export { default as GoBackItem } from './components/Item/go-back-item';
+export { default as LinkItem } from './components/Item/link-item';
+export { default as CustomItem } from './components/Item/custom-item';
+export { default as SkeletonItem } from './components/Item/skeleton-item';
+export { default as Footer } from './components/Footer';
+export { default as Header } from './components/Header';
+export { default as NavigationHeader } from './components/NavigationHeader';
+export { default as NavigationFooter } from './components/NavigationFooter';
+export { default as LoadingItems } from './components/LoadingItems';
+export { default as NestableNavigationContent } from './components/NestableNavigationContent';
 export { useShouldNestedElementRender } from './components/NestableNavigationContent/context';
 export { VAR_SCROLL_INDICATOR_COLOR, VAR_SEPARATOR_COLOR } from './common/constants';

package/dist/types/common/use-child-ids-effect.d.ts

@@ -0,0 +1,3 @@
+import { type MutableRefObject } from 'react';
+declare const useChildIdsEffect: (childIds: MutableRefObject<Set<string>>, id: string) => void;
+export default useChildIdsEffect;

package/dist/types/common/use-child-ids.d.ts

@@ -0,0 +1,5 @@
+import { type MutableRefObject } from 'react';
+declare const useChildIds: (currentStackId: string, committedStack: string[], onUnknownNest?: (stack: string[]) => void) => {
+    childIdsRef: MutableRefObject<Set<string>>;
+};
+export default useChildIds;

package/dist/types/components/Header/header-container.d.ts

@@ -0,0 +1,8 @@
+import { type CustomItemComponentProps } from '@atlaskit/menu';
+/**
+ * __Container__
+ *
+ * A container for Header and Footer that safely handles props to the child component
+ */
+declare const HeaderContainer: (props: CustomItemComponentProps) => JSX.Element;
+export default HeaderContainer;

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

@@ -4,12 +4,6 @@
  */
 import React from 'react';
 import { type CustomItemComponentProps } from '@atlaskit/menu';
-/**
- * __Container__
- *
- * A container for Header and Footer that safely handles props to the child component
- */
-export declare const Container: (props: CustomItemComponentProps) => JSX.Element;
 export type HeaderProps = {
     /**
      * Element to render before the item text.

package/dist/types/index.d.ts

@@ -1,4 +1,32 @@
-export { SideNavigation, Header, NavigationHeader, NavigationContent, Section, HeadingItem, SkeletonHeadingItem, NestableNavigationContent, NestingItem, ButtonItem, LinkItem, GoBackItem, CustomItem, SkeletonItem, Footer, NavigationFooter, LoadingItems, } from './components';
-export type { CustomItemComponentProps, CustomItemProps, LoadingItemsProps, ButtonItemProps, FooterProps, GoBackItemProps, HeaderProps, HeadingItemProps, LinkItemProps, NavigationContentProps, NavigationFooterProps, NavigationHeaderProps, NestableNavigationContentProps, NestingItemProps, SectionProps, SideNavigationProps, SkeletonHeadingItemProps, SkeletonItemProps, } from './components';
+export { default as SideNavigation } from './components/SideNavigation';
+export type { SideNavigationProps } from './components/SideNavigation';
+export { Section, HeadingItem, SkeletonHeadingItem } from './components/Section';
+export type { HeadingItemProps, SectionProps, SkeletonHeadingItemProps, } from './components/Section';
+export { default as NestingItem } from './components/NestingItem';
+export type { NestingItemProps } from './components/NestingItem';
+export { default as NavigationContent } from './components/NavigationContent';
+export type { NavigationContentProps } from './components/NavigationContent';
+export { default as ButtonItem } from './components/Item/button-item';
+export { default as GoBackItem } from './components/Item/go-back-item';
+export { default as LinkItem } from './components/Item/link-item';
+export { default as CustomItem } from './components/Item/custom-item';
+export { default as SkeletonItem } from './components/Item/skeleton-item';
+export type { CustomItemComponentProps, CustomItemProps } from './components/Item/custom-item';
+export type { ButtonItemProps } from './components/Item/button-item';
+export type { GoBackItemProps } from './components/Item/go-back-item';
+export type { LinkItemProps } from './components/Item/link-item';
+export type { SkeletonItemProps } from './components/Item/skeleton-item';
+export { default as Footer } from './components/Footer';
+export type { FooterProps } from './components/Footer';
+export { default as Header } from './components/Header';
+export type { HeaderProps } from './components/Header';
+export { default as NavigationHeader } from './components/NavigationHeader';
+export type { NavigationHeaderProps } from './components/NavigationHeader';
+export { default as NavigationFooter } from './components/NavigationFooter';
+export type { NavigationFooterProps } from './components/NavigationFooter';
+export { default as LoadingItems } from './components/LoadingItems';
+export type { LoadingItemsProps } from './components/LoadingItems';
+export { default as NestableNavigationContent } from './components/NestableNavigationContent';
+export type { NestableNavigationContentProps } from './components/NestableNavigationContent';
 export { useShouldNestedElementRender } from './components/NestableNavigationContent/context';
 export { VAR_SCROLL_INDICATOR_COLOR, VAR_SEPARATOR_COLOR } from './common/constants';

package/dist/types-ts4.5/common/use-child-ids-effect.d.ts

@@ -0,0 +1,3 @@
+import { type MutableRefObject } from 'react';
+declare const useChildIdsEffect: (childIds: MutableRefObject<Set<string>>, id: string) => void;
+export default useChildIdsEffect;

package/dist/types-ts4.5/common/use-child-ids.d.ts

@@ -0,0 +1,5 @@
+import { type MutableRefObject } from 'react';
+declare const useChildIds: (currentStackId: string, committedStack: string[], onUnknownNest?: (stack: string[]) => void) => {
+    childIdsRef: MutableRefObject<Set<string>>;
+};
+export default useChildIds;

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

@@ -0,0 +1,8 @@
+import { type CustomItemComponentProps } from '@atlaskit/menu';
+/**
+ * __Container__
+ *
+ * A container for Header and Footer that safely handles props to the child component
+ */
+declare const HeaderContainer: (props: CustomItemComponentProps) => JSX.Element;
+export default HeaderContainer;

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

@@ -4,12 +4,6 @@
  */
 import React from 'react';
 import { type CustomItemComponentProps } from '@atlaskit/menu';
-/**
- * __Container__
- *
- * A container for Header and Footer that safely handles props to the child component
- */
-export declare const Container: (props: CustomItemComponentProps) => JSX.Element;
 export type HeaderProps = {
     /**
      * Element to render before the item text.

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

@@ -1,4 +1,32 @@
-export { SideNavigation, Header, NavigationHeader, NavigationContent, Section, HeadingItem, SkeletonHeadingItem, NestableNavigationContent, NestingItem, ButtonItem, LinkItem, GoBackItem, CustomItem, SkeletonItem, Footer, NavigationFooter, LoadingItems, } from './components';
-export type { CustomItemComponentProps, CustomItemProps, LoadingItemsProps, ButtonItemProps, FooterProps, GoBackItemProps, HeaderProps, HeadingItemProps, LinkItemProps, NavigationContentProps, NavigationFooterProps, NavigationHeaderProps, NestableNavigationContentProps, NestingItemProps, SectionProps, SideNavigationProps, SkeletonHeadingItemProps, SkeletonItemProps, } from './components';
+export { default as SideNavigation } from './components/SideNavigation';
+export type { SideNavigationProps } from './components/SideNavigation';
+export { Section, HeadingItem, SkeletonHeadingItem } from './components/Section';
+export type { HeadingItemProps, SectionProps, SkeletonHeadingItemProps, } from './components/Section';
+export { default as NestingItem } from './components/NestingItem';
+export type { NestingItemProps } from './components/NestingItem';
+export { default as NavigationContent } from './components/NavigationContent';
+export type { NavigationContentProps } from './components/NavigationContent';
+export { default as ButtonItem } from './components/Item/button-item';
+export { default as GoBackItem } from './components/Item/go-back-item';
+export { default as LinkItem } from './components/Item/link-item';
+export { default as CustomItem } from './components/Item/custom-item';
+export { default as SkeletonItem } from './components/Item/skeleton-item';
+export type { CustomItemComponentProps, CustomItemProps } from './components/Item/custom-item';
+export type { ButtonItemProps } from './components/Item/button-item';
+export type { GoBackItemProps } from './components/Item/go-back-item';
+export type { LinkItemProps } from './components/Item/link-item';
+export type { SkeletonItemProps } from './components/Item/skeleton-item';
+export { default as Footer } from './components/Footer';
+export type { FooterProps } from './components/Footer';
+export { default as Header } from './components/Header';
+export type { HeaderProps } from './components/Header';
+export { default as NavigationHeader } from './components/NavigationHeader';
+export type { NavigationHeaderProps } from './components/NavigationHeader';
+export { default as NavigationFooter } from './components/NavigationFooter';
+export type { NavigationFooterProps } from './components/NavigationFooter';
+export { default as LoadingItems } from './components/LoadingItems';
+export type { LoadingItemsProps } from './components/LoadingItems';
+export { default as NestableNavigationContent } from './components/NestableNavigationContent';
+export type { NestableNavigationContentProps } from './components/NestableNavigationContent';
 export { useShouldNestedElementRender } from './components/NestableNavigationContent/context';
 export { VAR_SCROLL_INDICATOR_COLOR, VAR_SEPARATOR_COLOR } from './common/constants';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/side-navigation",
-	"version": "11.1.11",
+	"version": "11.1.13",
 	"description": "A highly composable side navigation component that supports nested views.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 	"dependencies": {
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^6.0.0",
-		"@atlaskit/icon": "^33.1.0",
+		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/motion": "^5.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",

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

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ButtonItem", {
-  enumerable: true,
-  get: function get() {
-    return _buttonItem.default;
-  }
-});
-Object.defineProperty(exports, "CustomItem", {
-  enumerable: true,
-  get: function get() {
-    return _customItem.default;
-  }
-});
-Object.defineProperty(exports, "GoBackItem", {
-  enumerable: true,
-  get: function get() {
-    return _goBackItem.default;
-  }
-});
-Object.defineProperty(exports, "LinkItem", {
-  enumerable: true,
-  get: function get() {
-    return _linkItem.default;
-  }
-});
-Object.defineProperty(exports, "SkeletonItem", {
-  enumerable: true,
-  get: function get() {
-    return _skeletonItem.default;
-  }
-});
-var _buttonItem = _interopRequireDefault(require("./button-item"));
-var _customItem = _interopRequireDefault(require("./custom-item"));
-var _goBackItem = _interopRequireDefault(require("./go-back-item"));
-var _linkItem = _interopRequireDefault(require("./link-item"));
-var _skeletonItem = _interopRequireDefault(require("./skeleton-item"));