@atlaskit/side-navigation 11.1.14 → 11.1.15

package/dist/es2019/components/NavigationContent/outer-container-css.js

@@ -0,0 +1,36 @@
+import { VAR_SEPARATOR_COLOR } from '../../common/constants';
+const scrollIndicatorZIndex = 1;
+const scrollIndicatorHeight = 2;
+const scrollIndicatorBorderRadius = '1px';
+const containerPadding = 8;
+export const outerContainerCSS = opts => ({
+  // Flex is needed to ensure the overflow indicators are positioned correctly.
+  display: 'flex',
+  height: '100%',
+  overflow: 'hidden',
+  position: 'relative',
+  '&::before': {
+    content: "''",
+    display: 'block',
+    left: "var(--ds-space-100, 8px)",
+    right: containerPadding + opts.scrollbarWidth,
+    height: scrollIndicatorHeight,
+    borderRadius: `var(--ds-radius-xsmall, ${scrollIndicatorBorderRadius})`,
+    backgroundColor: `var(${VAR_SEPARATOR_COLOR}, ${"var(--ds-border, #0B120E24)"})`,
+    position: 'absolute',
+    zIndex: scrollIndicatorZIndex
+  },
+  '&::after': {
+    content: "''",
+    position: 'absolute',
+    display: 'block',
+    borderRadius: `var(--ds-radius-xsmall, ${scrollIndicatorBorderRadius})`,
+    flexShrink: 0,
+    height: scrollIndicatorHeight,
+    left: "var(--ds-space-100, 8px)",
+    right: containerPadding + opts.scrollbarWidth,
+    bottom: 0,
+    zIndex: scrollIndicatorZIndex,
+    backgroundColor: `var(${VAR_SEPARATOR_COLOR}, ${"var(--ds-border, #0B120E24)"})`
+  }
+});

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

@@ -8,7 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import useChildIds from '../../common/use-child-ids';
 import GoBackButton from '../Item/go-back-item';
 import { default as NestingItem } from '../NestingItem';
-import { NestedContext } from './context';
+import { NestedContext } from './nested-context';
 import { NestingMotion } from './nesting-motion';
 // Named so ERT doesn't pick up the override name as a type.
 

package/dist/es2019/components/NestableNavigationContent/nested-context.js

@@ -0,0 +1,3 @@
+/* eslint-disable @repo/internal/react/require-jsdoc */
+import { createContext } from 'react';
+export const NestedContext = /*#__PURE__*/createContext(undefined);

package/dist/es2019/components/NestableNavigationContent/use-nested-context.js

@@ -0,0 +1,18 @@
+import { useContext } from 'react';
+import { NestedContext } from './nested-context';
+export const useNestedContext = () => {
+  const context = useContext(NestedContext);
+  if (!context) {
+    let error = '';
+    if (process.env.NODE_ENV === 'development') {
+      error = `
+To use a <NestingItem /> it needs to be a descendant of <NestableNavigationContent>.
+You probably need to replace your <NavigationContent> with <NestableNavigationContent>.
+
+import { NestableNavigationContent } from '@atlaskit/side-navigation';
+      `;
+    }
+    throw new Error(error);
+  }
+  return context;
+};

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

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { NestedContext } from './nested-context';
+export const useShouldNestedElementRender = () => {
+  const context = useContext(NestedContext);
+  if (!context) {
+    return {
+      shouldRender: true
+    };
+  }
+  return {
+    shouldRender: context.currentStackId === context.parentId
+  };
+};

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

@@ -11,7 +11,8 @@ 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 { NestedContext } from '../NestableNavigationContent/nested-context';
+import { useNestedContext } from '../NestableNavigationContent/use-nested-context';
 const styles = {
   iconContainer: "_1e0c1nu9",
   nestingItem: "_udl3glyw _kqsfglyw _udrwglyw _13qvglyw _9mqr1kw7 _povs1kw7 _uv2d1kw7 _atks1kw7",

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

@@ -4,11 +4,10 @@ import "./heading-item.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { HeadingItem as MenuHeadingItem } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 const styles = {
   headingItem: "_18zru2gc"
 };
-
 /**
  * __Heading item__
  *

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import { Section as MenuSection } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 /**
  * __Section__
  *

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

@@ -4,11 +4,10 @@ import "./skeleton-heading-item.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { SkeletonHeadingItem as MenuSkeletonHeadingItem } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 const styles = {
   root: "_18zru2gc"
 };
-
 /**
  * __Skeleton heading item__
  *

package/dist/es2019/index.js

@@ -1,5 +1,7 @@
 export { default as SideNavigation } from './components/SideNavigation';
-export { Section, HeadingItem, SkeletonHeadingItem } from './components/Section';
+export { default as Section } from './components/Section/section';
+export { default as HeadingItem } from './components/Section/heading-item';
+export { default as SkeletonHeadingItem } from './components/Section/skeleton-heading-item';
 export { default as NestingItem } from './components/NestingItem';
 export { default as NavigationContent } from './components/NavigationContent';
 export { default as ButtonItem } from './components/Item/button-item';
@@ -13,5 +15,5 @@ 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 { useShouldNestedElementRender } from './components/NestableNavigationContent/use-should-nested-element-render';
 export { VAR_SCROLL_INDICATOR_COLOR, VAR_SEPARATOR_COLOR } from './common/constants';

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

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import { ButtonItem as Button } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 var styles = {
   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.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import { CustomItem as Custom } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 var styles = {
   root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhksm61 _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
   selectedStyles: "_bfhk15s3 _syaz6x5g _10536x5g _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g"

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

@@ -5,6 +5,7 @@ var _excluded = ["className", "iconBefore", "onClick", "isSelected"];
 import React, { forwardRef, useCallback, useState } from 'react';
 import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
 import ButtonItem from './button-item';
+
 /**
  * __Go back item__
  *

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

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import { LinkItem as Link } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 var styles = {
   root: "_2rkofajl _1rjcu2gc _18zru2gc _bfhksm61 _1a391k8s _racp1k8s _30l3azsu _irr31dpa _ppn2azsu _183jfcek",
   selectedStyles: "_bfhk15s3 _syaz6x5g _10536x5g _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g"

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

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { SkeletonItem as SkelItem } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
+
 /**
  * __Skeleton item__
  *

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

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 var baseMotionStyles = null;
 var enteringStyles = null;
 

package/dist/esm/components/NavigationContent/container-css.js

@@ -0,0 +1,27 @@
+var containerPadding = 8;
+var scrollIndicatorHeight = 2;
+var itemHeadingContentHeight = 16; // Originally headingSizes.h100.lineHeight from '@atlaskit/theme/typography'
+var skeletonHeadingHeight = containerPadding;
+var skeletonHeadingMarginOffset = 3;
+var skeletonHeadingTopMargin = containerPadding * 2.5 + (itemHeadingContentHeight - skeletonHeadingHeight) - skeletonHeadingMarginOffset;
+var skeletonHeadingBottomMargin = containerPadding * 0.75 + skeletonHeadingMarginOffset;
+export var containerCSS = function containerCSS(opts) {
+  return {
+    // When the scroll indicator is always shown we need to add some padding
+    // so the spacing between matches what it would be if the indicator was a "block" element.
+    // We use margin here so any child absolutely positioned elements are positioned correctly.
+    marginTop: opts.showTopScrollIndicator ? scrollIndicatorHeight : 0,
+    marginLeft: "var(--ds-space-100, 8px)",
+    marginRight: "var(--ds-space-100, 8px)",
+    // Enables child absolutely positioned elements to be positioned relative to this element.
+    position: 'relative',
+    '& [data-ds--menu--heading-item]': {
+      marginBottom: "var(--ds-space-075, 6px)",
+      marginTop: "var(--ds-space-200, 16px)"
+    },
+    '& [data-ds--menu--skeleton-heading-item]': {
+      marginTop: skeletonHeadingTopMargin,
+      marginBottom: skeletonHeadingBottomMargin
+    }
+  };
+};

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

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 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/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 var outerContainerCSS = null;
 var innerContainerCSS = {
   basic: "_1reo1wug _18m91wug _1e0c1txw _vchhusvi _1bsb1osq _kqswh2mm _2lx21bp4 _14mjlb4i _1ywu1ule _1qdgyh40 _18poh2mm _1bqqcs5v _tua5idpf _1hfk1q2g _aetrb3bt _3mxo1wug",

package/dist/esm/components/NavigationContent/inner-container-css.js

@@ -0,0 +1,44 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { VAR_SCROLL_INDICATOR_COLOR } from '../../common/constants';
+var scrollIndicatorMaskZIndex = 2;
+var scrollIndicatorHeight = 2;
+var scrollIndicatorBorderRadius = '1px';
+export var innerContainerCSS = function innerContainerCSS(opts) {
+  return _objectSpread(_objectSpread({
+    display: 'flex',
+    overflow: 'auto',
+    width: '100%',
+    position: 'relative',
+    boxSizing: 'border-box',
+    flexDirection: 'column'
+  }, !opts.showTopScrollIndicator && {
+    '&::before': {
+      borderRadius: "var(--ds-radius-xsmall, ".concat(scrollIndicatorBorderRadius, ")"),
+      content: "''",
+      left: 0,
+      right: 0,
+      height: scrollIndicatorHeight,
+      backgroundColor: "var(".concat(VAR_SCROLL_INDICATOR_COLOR, ", ", "var(--ds-surface, #FFFFFF)", ")"),
+      position: 'absolute',
+      display: 'block',
+      zIndex: scrollIndicatorMaskZIndex
+    }
+  }), {}, {
+    // This after pseudo element abuses being a flex child and pushes itself down to the
+    // very bottom of the container - doing so ends up "masking" the actual scroll indicator.
+    '&::after': {
+      borderRadius: "var(--ds-radius-xsmall, ".concat(scrollIndicatorBorderRadius, ")"),
+      content: "''",
+      display: 'block',
+      flexShrink: 0,
+      height: scrollIndicatorHeight,
+      // This is used to "push" the element to the bottom of the flex container.
+      marginTop: 'auto',
+      position: 'relative',
+      zIndex: scrollIndicatorMaskZIndex,
+      backgroundColor: "var(".concat(VAR_SCROLL_INDICATOR_COLOR, ", ", "var(--ds-surface, #FFFFFF)", ")")
+    }
+  });
+};

package/dist/esm/components/NavigationContent/outer-container-css.js

@@ -0,0 +1,38 @@
+import { VAR_SEPARATOR_COLOR } from '../../common/constants';
+var scrollIndicatorZIndex = 1;
+var scrollIndicatorHeight = 2;
+var scrollIndicatorBorderRadius = '1px';
+var containerPadding = 8;
+export var outerContainerCSS = function outerContainerCSS(opts) {
+  return {
+    // Flex is needed to ensure the overflow indicators are positioned correctly.
+    display: 'flex',
+    height: '100%',
+    overflow: 'hidden',
+    position: 'relative',
+    '&::before': {
+      content: "''",
+      display: 'block',
+      left: "var(--ds-space-100, 8px)",
+      right: containerPadding + opts.scrollbarWidth,
+      height: scrollIndicatorHeight,
+      borderRadius: "var(--ds-radius-xsmall, ".concat(scrollIndicatorBorderRadius, ")"),
+      backgroundColor: "var(".concat(VAR_SEPARATOR_COLOR, ", ", "var(--ds-border, #0B120E24)", ")"),
+      position: 'absolute',
+      zIndex: scrollIndicatorZIndex
+    },
+    '&::after': {
+      content: "''",
+      position: 'absolute',
+      display: 'block',
+      borderRadius: "var(--ds-radius-xsmall, ".concat(scrollIndicatorBorderRadius, ")"),
+      flexShrink: 0,
+      height: scrollIndicatorHeight,
+      left: "var(--ds-space-100, 8px)",
+      right: containerPadding + opts.scrollbarWidth,
+      bottom: 0,
+      zIndex: scrollIndicatorZIndex,
+      backgroundColor: "var(".concat(VAR_SEPARATOR_COLOR, ", ", "var(--ds-border, #0B120E24)", ")")
+    }
+  };
+};

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

@@ -9,7 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import useChildIds from '../../common/use-child-ids';
 import GoBackButton from '../Item/go-back-item';
 import { default as NestingItem } from '../NestingItem';
-import { NestedContext } from './context';
+import { NestedContext } from './nested-context';
 import { NestingMotion } from './nesting-motion';
 // Named so ERT doesn't pick up the override name as a type.
 

package/dist/esm/components/NestableNavigationContent/nested-context.js

@@ -0,0 +1,3 @@
+/* eslint-disable @repo/internal/react/require-jsdoc */
+import { createContext } from 'react';
+export var NestedContext = /*#__PURE__*/createContext(undefined);

package/dist/esm/components/NestableNavigationContent/use-nested-context.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { NestedContext } from './nested-context';
+export var useNestedContext = function useNestedContext() {
+  var context = useContext(NestedContext);
+  if (!context) {
+    var error = '';
+    if (process.env.NODE_ENV === 'development') {
+      error = "\nTo use a <NestingItem /> it needs to be a descendant of <NestableNavigationContent>.\nYou probably need to replace your <NavigationContent> with <NestableNavigationContent>.\n\nimport { NestableNavigationContent } from '@atlaskit/side-navigation';\n      ";
+    }
+    throw new Error(error);
+  }
+  return context;
+};

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

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { NestedContext } from './nested-context';
+export var useShouldNestedElementRender = function useShouldNestedElementRender() {
+  var context = useContext(NestedContext);
+  if (!context) {
+    return {
+      shouldRender: true
+    };
+  }
+  return {
+    shouldRender: context.currentStackId === context.parentId
+  };
+};

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

@@ -18,7 +18,8 @@ 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 { NestedContext } from '../NestableNavigationContent/nested-context';
+import { useNestedContext } from '../NestableNavigationContent/use-nested-context';
 var styles = {
   iconContainer: "_1e0c1nu9",
   nestingItem: "_udl3glyw _kqsfglyw _udrwglyw _13qvglyw _9mqr1kw7 _povs1kw7 _uv2d1kw7 _atks1kw7",

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

@@ -4,11 +4,10 @@ import "./heading-item.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { HeadingItem as MenuHeadingItem } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 var styles = {
   headingItem: "_18zru2gc"
 };
-
 /**
  * __Heading item__
  *

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import { Section as MenuSection } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 /**
  * __Section__
  *

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

@@ -4,11 +4,10 @@ import "./skeleton-heading-item.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { SkeletonHeadingItem as MenuSkeletonHeadingItem } from '@atlaskit/menu';
-import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
+import { useShouldNestedElementRender } from '../NestableNavigationContent/use-should-nested-element-render';
 var styles = {
   root: "_18zru2gc"
 };
-
 /**
  * __Skeleton heading item__
  *

package/dist/esm/index.js

@@ -1,5 +1,7 @@
 export { default as SideNavigation } from './components/SideNavigation';
-export { Section, HeadingItem, SkeletonHeadingItem } from './components/Section';
+export { default as Section } from './components/Section/section';
+export { default as HeadingItem } from './components/Section/heading-item';
+export { default as SkeletonHeadingItem } from './components/Section/skeleton-heading-item';
 export { default as NestingItem } from './components/NestingItem';
 export { default as NavigationContent } from './components/NavigationContent';
 export { default as ButtonItem } from './components/Item/button-item';
@@ -13,5 +15,5 @@ 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 { useShouldNestedElementRender } from './components/NestableNavigationContent/use-should-nested-element-render';
 export { VAR_SCROLL_INDICATOR_COLOR, VAR_SEPARATOR_COLOR } from './common/constants';

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

@@ -1,5 +1,4 @@
 import { type ButtonItemProps } from '@atlaskit/menu';
-export type { ButtonItemProps } from '@atlaskit/menu';
 /**
  * __Button item__
  *

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

@@ -1,5 +1,6 @@
-import { type CustomItemComponentProps, type CustomItemProps } from '@atlaskit/menu';
-export type { CustomItemComponentProps, CustomItemProps } from '@atlaskit/menu';
+import { type CustomItemProps, type CustomItemComponentProps as MenuCustomItemComponentProps } from '@atlaskit/menu';
+export interface CustomItemComponentProps extends MenuCustomItemComponentProps {
+}
 interface CustomItemPropsHack {
     <TComponentProps extends {}>(props: CustomItemProps<TComponentProps> & {
         ref?: any;

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import type { ButtonItemProps } from '@atlaskit/menu';
-export type { ButtonItemProps as GoBackItemProps } from '@atlaskit/menu';
 /**
  * __Go back item__
  *

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

@@ -1,5 +1,4 @@
 import { type LinkItemProps } from '@atlaskit/menu';
-export type { LinkItemProps } from '@atlaskit/menu';
 /**
  * __Link item__
  *

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { type SkeletonItemProps } from '@atlaskit/menu';
-export type { SkeletonItemProps } from '@atlaskit/menu';
 /**
  * __Skeleton item__
  *

package/dist/types/components/NavigationContent/container-css.d.ts

@@ -0,0 +1,18 @@
+interface StyleOpts {
+    showTopScrollIndicator?: boolean;
+}
+export declare const containerCSS: (opts: StyleOpts) => {
+    readonly marginTop: 0 | 2;
+    readonly marginLeft: "var(--ds-space-100)";
+    readonly marginRight: "var(--ds-space-100)";
+    readonly position: "relative";
+    readonly "& [data-ds--menu--heading-item]": {
+        readonly marginBottom: "var(--ds-space-075)";
+        readonly marginTop: "var(--ds-space-200)";
+    };
+    readonly "& [data-ds--menu--skeleton-heading-item]": {
+        readonly marginTop: number;
+        readonly marginBottom: number;
+    };
+};
+export {};

package/dist/types/components/NavigationContent/inner-container-css.d.ts

@@ -0,0 +1,34 @@
+interface StyleOpts {
+    showTopScrollIndicator?: boolean;
+}
+export declare const innerContainerCSS: (opts: StyleOpts) => {
+    readonly "&::after": {
+        readonly borderRadius: "var(--ds-radius-xsmall)";
+        readonly content: "''";
+        readonly display: "block";
+        readonly flexShrink: 0;
+        readonly height: 2;
+        readonly marginTop: "auto";
+        readonly position: "relative";
+        readonly zIndex: 2;
+        readonly backgroundColor: "var(--ds-menu-scroll-indicator-color, var(--ds-surface))";
+    };
+    readonly "&::before"?: {
+        readonly borderRadius: "var(--ds-radius-xsmall)";
+        readonly content: "''";
+        readonly left: 0;
+        readonly right: 0;
+        readonly height: 2;
+        readonly backgroundColor: "var(--ds-menu-scroll-indicator-color, var(--ds-surface))";
+        readonly position: "absolute";
+        readonly display: "block";
+        readonly zIndex: 2;
+    } | undefined;
+    readonly display: "flex";
+    readonly overflow: "auto";
+    readonly width: "100%";
+    readonly position: "relative";
+    readonly boxSizing: "border-box";
+    readonly flexDirection: "column";
+};
+export {};

package/dist/types/components/NavigationContent/outer-container-css.d.ts

@@ -0,0 +1,36 @@
+interface StyleOpts {
+    showTopScrollIndicator?: boolean;
+}
+export declare const outerContainerCSS: (opts: StyleOpts & {
+    scrollbarWidth: number;
+}) => {
+    readonly display: "flex";
+    readonly height: "100%";
+    readonly overflow: "hidden";
+    readonly position: "relative";
+    readonly "&::before": {
+        readonly content: "''";
+        readonly display: "block";
+        readonly left: "var(--ds-space-100)";
+        readonly right: number;
+        readonly height: 2;
+        readonly borderRadius: "var(--ds-radius-xsmall)";
+        readonly backgroundColor: "var(--ds-menu-seperator-color, var(--ds-border))";
+        readonly position: "absolute";
+        readonly zIndex: 1;
+    };
+    readonly "&::after": {
+        readonly content: "''";
+        readonly position: "absolute";
+        readonly display: "block";
+        readonly borderRadius: "var(--ds-radius-xsmall)";
+        readonly flexShrink: 0;
+        readonly height: 2;
+        readonly left: "var(--ds-space-100)";
+        readonly right: number;
+        readonly bottom: 0;
+        readonly zIndex: 1;
+        readonly backgroundColor: "var(--ds-menu-seperator-color, var(--ds-border))";
+    };
+};
+export {};

package/dist/types/components/NestableNavigationContent/{context.d.ts → nested-context.d.ts}

@@ -1,7 +1,4 @@
 import { type MutableRefObject } from 'react';
-/**
- * @internal
- */
 export interface NestedContextValue {
     currentStackId: string;
     onNest: (id: string) => void;
@@ -16,16 +13,4 @@ export interface NestedContextValue {
     isDefaultFocusControl?: boolean;
     focusGoBackButton?: boolean;
 }
-/**
- * @internal
- */
 export declare const NestedContext: import('react').Context<NestedContextValue | undefined>;
-export declare const useNestedContext: () => NestedContextValue;
-/**
- * Used by children of the NestableNavigationContent component to see if they should render or not.
- * If `shouldRender` returns `true` - return your nodes.
- * If it returns `false` - either return `null` or `children` if you have children.
- */
-export declare const useShouldNestedElementRender: () => {
-    shouldRender: boolean;
-};

package/dist/types/components/NestableNavigationContent/use-nested-context.d.ts

@@ -0,0 +1,2 @@
+import { type NestedContextValue } from './nested-context';
+export declare const useNestedContext: () => NestedContextValue;

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

@@ -0,0 +1,3 @@
+export declare const useShouldNestedElementRender: () => {
+    shouldRender: boolean;
+};

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

@@ -2,8 +2,9 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type HeadingItemProps } from '@atlaskit/menu';
-export type { HeadingItemProps } from '@atlaskit/menu';
+import { type HeadingItemProps as MenuHeadingItemProps } from '@atlaskit/menu';
+export interface HeadingItemProps extends MenuHeadingItemProps {
+}
 /**
  * __Heading item__
  *