@atlaskit/side-navigation 3.1.2 → 3.2.0

package/afm-cc/tsconfig.json

@@ -30,6 +30,9 @@
         {
             "path": "../../motion/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../primitives/afm-cc/tsconfig.json"
         },

package/afm-jira/tsconfig.json

@@ -0,0 +1,43 @@
+{
+  "extends": "../../../../tsconfig.products.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__side-navigation/app",
+    "composite": true,
+    "rootDir": "../",
+    "baseUrl": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ],
+  "references": [
+    {
+      "path": "../../ds-lib/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../icon/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../menu/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../motion/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../primitives/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../theme/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../tokens/afm-jira/tsconfig.json"
+    }
+  ]
+}

package/codemods/0.8.0-change-css-fn-prop.tsx

@@ -1,11 +1,12 @@
-import { NodePath } from 'ast-types/lib/node-path';
-import core, {
-  API,
-  ASTPath,
-  FileInfo,
-  ImportDeclaration,
-  ImportSpecifier,
-  Options,
+import { type NodePath } from 'ast-types/lib/node-path';
+import {
+  type API,
+  type ASTPath,
+  type default as core,
+  type FileInfo,
+  type ImportDeclaration,
+  type ImportSpecifier,
+  type Options,
 } from 'jscodeshift';
 
 import {

package/codemods/helpers/generic.tsx

@@ -1,15 +1,16 @@
-import { NodePath } from 'ast-types/lib/node-path';
-import core, {
-  ASTPath,
-  ImportDeclaration,
-  ImportDefaultSpecifier,
-  ImportSpecifier,
-  JSXAttribute,
-  JSXElement,
-  Node,
-  Program,
+import { type NodePath } from 'ast-types/lib/node-path';
+import {
+  type ASTPath,
+  type default as core,
+  type ImportDeclaration,
+  type ImportDefaultSpecifier,
+  type ImportSpecifier,
+  type JSXAttribute,
+  type JSXElement,
+  type Node,
+  type Program,
 } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import { type Collection } from 'jscodeshift/src/Collection';
 
 export type Nullable<T> = T | null;
 

package/constellation/index/props.mdx

@@ -1,30 +1,35 @@
-import SideNavigationProps from '!!extract-react-types-loader!../../src/components/SideNavigation';
-import HeaderProps from '!!extract-react-types-loader!../../src/components/Header';
-import FooterProps from '!!extract-react-types-loader!../../docs/ert/footer';
-import NavigationContentProps from '!!extract-react-types-loader!../../src/components/NavigationContent';
-import NestableNavigationContentProps from '!!extract-react-types-loader!../../src/components/NestableNavigationContent';
-import SectionProps from '!!extract-react-types-loader!../../src/components/Section';
+---
+props:
+    packageName: '@atlaskit/side-navigation'
+    exports:
+        - SideNavigation
+        - Header
+        - Footer
+        - NavigationContent
+        - NestableNavigationContent
+        - Section
+---
 
 ### Navigation props
 
-<PropsTable heading="" props={SideNavigationProps} />
+<TSMorphProps exportName="SideNavigation" packageName="@atlaskit/side-navigation" />
 
 ### Header props
 
-<PropsTable heading="" props={HeaderProps} />
+<TSMorphProps exportName="Header" packageName="@atlaskit/side-navigation" />
 
 ### Footer props
 
-<PropsTable heading="" props={FooterProps} />
+<TSMorphProps exportName="Footer" packageName="@atlaskit/side-navigation" />
 
 ### Content props
 
-<PropsTable heading="" props={NavigationContentProps} />
+<TSMorphProps exportName="NavigationContent" packageName="@atlaskit/side-navigation" />
 
 ### Nestable content props
 
-<PropsTable heading="" props={NestableNavigationContentProps} />
+<TSMorphProps exportName="NestableNavigationContent" packageName="@atlaskit/side-navigation" />
 
 ### Section props
 
-<PropsTable heading="" props={SectionProps} />
+<TSMorphProps exportName="Section" packageName="@atlaskit/side-navigation" />

package/dist/cjs/common/styles.js

@@ -63,8 +63,8 @@ var baseSideNavItemStyle = exports.baseSideNavItemStyle = function baseSideNavIt
     // See: https://product-fabric.atlassian.net/browse/DSP-1684
     backgroundColor: "var(--ds-background-neutral-subtle, transparent)"
   }, !isDisabled && !isSelected && defaultStyles), !isDisabled && isSelected && selectedStyles), {}, (0, _defineProperty2.default)({}, '& [data-item-elem-before]', {
-    height: "var(--ds-space-300, 24px)",
-    width: "var(--ds-space-300, 24px)"
+    height: '1.5rem',
+    width: '1.5rem'
   }));
 };
 var sectionHeaderSpacingStyles = exports.sectionHeaderSpacingStyles = function sectionHeaderSpacingStyles() {

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

@@ -17,8 +17,8 @@ var _Item = require("../Item");
 
 var iconContainerStyles = (0, _primitives.xcss)({
   display: 'inline-block',
-  width: 'size.200',
-  height: 'size.200'
+  width: '1.5rem',
+  height: '1.5rem'
 });
 /**
  * __Footer__
@@ -42,7 +42,7 @@ var OldFooter = function OldFooter(props) {
       },
       '[data-item-title]': {
         textAlign: 'center',
-        fontSize: 12
+        font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
       },
       '[data-item-description]': {
         textAlign: 'center',

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

@@ -10,13 +10,15 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
-var _typography = require("@atlaskit/theme/typography");
 var _styles = require("../../common/styles");
 var _Item = require("../Item");
 var _excluded = ["children", "data-testid"],
   _excluded2 = ["children"];
 /** @jsx jsx */
+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) { (0, _defineProperty2.default)(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; }
 var containerStyles = (0, _react2.css)({
   display: 'block',
   position: 'relative'
@@ -68,12 +70,15 @@ var Header = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _ref3;
     return _ref3 = {
       userSelect: 'auto'
-    }, (0, _defineProperty2.default)(_ref3, '[data-item-title]', {
-      fontSize: _typography.headingSizes.h400.size,
+    }, (0, _defineProperty2.default)(_ref3, '[data-item-title]', _objectSpread(_objectSpread({}, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.side-navigation-tokenised-typography-styles') ? {
+      font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+    } : {
+      fontSize: '0.875rem',
       letterSpacing: '-0.003em',
-      fontWeight: 600,
+      fontWeight: "var(--ds-font-weight-semibold, 600)"
+    }), {}, {
       color: "var(--ds-text, ".concat(_colors.N500, ")")
-    }), (0, _defineProperty2.default)(_ref3, 'div&:hover', {
+    })), (0, _defineProperty2.default)(_ref3, 'div&:hover', {
       backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
       cursor: 'default'
     }), (0, _defineProperty2.default)(_ref3, 'div&:active', {

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

@@ -34,9 +34,9 @@ var SkeletonItem = function SkeletonItem(props) {
       return _objectSpread(_objectSpread({}, (0, _styles.sectionHeaderSpacingStyles)()), {}, {
         // This doubles up & to get a higher specificity as well as to not overwite the base styles.
         '&&::before': {
-          height: "var(--ds-space-300, 24px)",
+          height: '1.5rem',
           marginRight: "var(--ds-space-200, 16px)",
-          width: "var(--ds-space-300, 24px)"
+          width: '1.5rem'
         }
       });
     }

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

@@ -11,7 +11,7 @@ var _primitives = require("@atlaskit/primitives");
 var navigationFooterStyles = (0, _primitives.xcss)({
   display: 'block',
   padding: 'space.100',
-  paddingTop: 'space.300'
+  paddingBlockStart: 'space.300'
 });
 /**
  * __Navigation header__

package/dist/es2019/common/styles.js

@@ -55,8 +55,8 @@ export const baseSideNavItemStyle = ({
     // -- END TODO --------------------------------------------------------------
 
     ['& [data-item-elem-before]']: {
-      height: "var(--ds-space-300, 24px)",
-      width: "var(--ds-space-300, 24px)"
+      height: '1.5rem',
+      width: '1.5rem'
     }
   };
 };

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

@@ -9,8 +9,8 @@ import { Container } from '../Header';
 import { CustomItem } from '../Item';
 const iconContainerStyles = xcss({
   display: 'inline-block',
-  width: 'size.200',
-  height: 'size.200'
+  width: '1.5rem',
+  height: '1.5rem'
 });
 /**
  * __Footer__
@@ -33,7 +33,7 @@ const OldFooter = props => {
     },
     '[data-item-title]': {
       textAlign: 'center',
-      fontSize: 12
+      font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
     },
     '[data-item-description]': {
       textAlign: 'center',

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N500 } from '@atlaskit/theme/colors';
-import { headingSizes } from '@atlaskit/theme/typography';
 import { overrideStyleFunction } from '../../common/styles';
 import { CustomItem } from '../Item';
 const containerStyles = css({
@@ -56,9 +56,13 @@ const Header = /*#__PURE__*/forwardRef((props, ref) => {
   const cssFn = overrideStyleFunction(() => ({
     userSelect: 'auto',
     ['[data-item-title]']: {
-      fontSize: headingSizes.h400.size,
-      letterSpacing: '-0.003em',
-      fontWeight: 600,
+      ...(getBooleanFF('platform.design-system-team.side-navigation-tokenised-typography-styles') ? {
+        font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+      } : {
+        fontSize: '0.875rem',
+        letterSpacing: '-0.003em',
+        fontWeight: "var(--ds-font-weight-semibold, 600)"
+      }),
       color: `var(--ds-text, ${N500})`
     },
     // Will look interactive if the `component` is anything other than a div.

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

@@ -25,9 +25,9 @@ const SkeletonItem = props => {
       ...sectionHeaderSpacingStyles(),
       // This doubles up & to get a higher specificity as well as to not overwite the base styles.
       '&&::before': {
-        height: "var(--ds-space-300, 24px)",
+        height: '1.5rem',
         marginRight: "var(--ds-space-200, 16px)",
-        width: "var(--ds-space-300, 24px)"
+        width: '1.5rem'
       }
     })
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

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

@@ -4,7 +4,7 @@ import { Box, xcss } from '@atlaskit/primitives';
 const navigationFooterStyles = xcss({
   display: 'block',
   padding: 'space.100',
-  paddingTop: 'space.300'
+  paddingBlockStart: 'space.300'
 });
 /**
  * __Navigation header__

package/dist/esm/common/styles.js

@@ -56,8 +56,8 @@ export var baseSideNavItemStyle = function baseSideNavItemStyle(_ref) {
     // See: https://product-fabric.atlassian.net/browse/DSP-1684
     backgroundColor: "var(--ds-background-neutral-subtle, transparent)"
   }, !isDisabled && !isSelected && defaultStyles), !isDisabled && isSelected && selectedStyles), {}, _defineProperty({}, '& [data-item-elem-before]', {
-    height: "var(--ds-space-300, 24px)",
-    width: "var(--ds-space-300, 24px)"
+    height: '1.5rem',
+    width: '1.5rem'
   }));
 };
 export var sectionHeaderSpacingStyles = function sectionHeaderSpacingStyles() {

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

@@ -9,8 +9,8 @@ import { Container } from '../Header';
 import { CustomItem } from '../Item';
 var iconContainerStyles = xcss({
   display: 'inline-block',
-  width: 'size.200',
-  height: 'size.200'
+  width: '1.5rem',
+  height: '1.5rem'
 });
 /**
  * __Footer__
@@ -34,7 +34,7 @@ var OldFooter = function OldFooter(props) {
       },
       '[data-item-title]': {
         textAlign: 'center',
-        fontSize: 12
+        font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
       },
       '[data-item-description]': {
         textAlign: 'center',

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

@@ -3,11 +3,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "data-testid"],
   _excluded2 = ["children"];
+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; }
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N500 } from '@atlaskit/theme/colors';
-import { headingSizes } from '@atlaskit/theme/typography';
 import { overrideStyleFunction } from '../../common/styles';
 import { CustomItem } from '../Item';
 var containerStyles = css({
@@ -61,12 +63,15 @@ var Header = /*#__PURE__*/forwardRef(function (props, ref) {
     var _ref3;
     return _ref3 = {
       userSelect: 'auto'
-    }, _defineProperty(_ref3, '[data-item-title]', {
-      fontSize: headingSizes.h400.size,
+    }, _defineProperty(_ref3, '[data-item-title]', _objectSpread(_objectSpread({}, getBooleanFF('platform.design-system-team.side-navigation-tokenised-typography-styles') ? {
+      font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+    } : {
+      fontSize: '0.875rem',
       letterSpacing: '-0.003em',
-      fontWeight: 600,
+      fontWeight: "var(--ds-font-weight-semibold, 600)"
+    }), {}, {
       color: "var(--ds-text, ".concat(N500, ")")
-    }), _defineProperty(_ref3, 'div&:hover', {
+    })), _defineProperty(_ref3, 'div&:hover', {
       backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
       cursor: 'default'
     }), _defineProperty(_ref3, 'div&:active', {

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

@@ -27,9 +27,9 @@ var SkeletonItem = function SkeletonItem(props) {
       return _objectSpread(_objectSpread({}, sectionHeaderSpacingStyles()), {}, {
         // This doubles up & to get a higher specificity as well as to not overwite the base styles.
         '&&::before': {
-          height: "var(--ds-space-300, 24px)",
+          height: '1.5rem',
           marginRight: "var(--ds-space-200, 16px)",
-          width: "var(--ds-space-300, 24px)"
+          width: '1.5rem'
         }
       });
     }

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

@@ -4,7 +4,7 @@ import { Box, xcss } from '@atlaskit/primitives';
 var navigationFooterStyles = xcss({
   display: 'block',
   padding: 'space.100',
-  paddingTop: 'space.300'
+  paddingBlockStart: 'space.300'
 });
 /**
  * __Navigation header__

package/dist/types/common/styles.d.ts

@@ -1,4 +1,4 @@
-import { CSSFn, StatelessCSSFn } from '@atlaskit/menu';
+import { type CSSFn, type StatelessCSSFn } from '@atlaskit/menu';
 /**
  * Allows chaining of style functions on top of base style functions
  * @param baseStyle the base custom cssFn

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import { CSSFn, CustomItemComponentProps } from '@atlaskit/menu';
+import { type CSSFn, type CustomItemComponentProps } from '@atlaskit/menu';
 /**
  * __Container__
  *

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonItemProps } from '@atlaskit/menu';
+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,5 @@
 /// <reference types="react" />
-import { CustomItemComponentProps, CustomItemProps } from '@atlaskit/menu';
+import { type CustomItemComponentProps, type CustomItemProps } from '@atlaskit/menu';
 export type { CustomItemComponentProps, CustomItemProps } from '@atlaskit/menu';
 interface CustomItemPropsHack {
     <TComponentProps extends {}>(props: CustomItemProps<TComponentProps> & {

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SkeletonItemProps } from '@atlaskit/menu';
+import { type SkeletonItemProps } from '@atlaskit/menu';
 export type { SkeletonItemProps } from '@atlaskit/menu';
 /**
  * __Skeleton item__

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export interface NavigationContentProps {
     children: React.ReactNode;
     /**

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export interface NavigationFooterProps {
     children: ReactNode;
 }

package/dist/types/components/NestableNavigationContent/context.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import { type MutableRefObject } from 'react';
 /**
  * @internal
  */

package/dist/types/components/NestableNavigationContent/nesting-motion.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { Ref } from 'react';
+import { type Ref } from 'react';
 import { jsx } from '@emotion/react';
-import { Direction } from '@atlaskit/motion';
+import { type Direction } from '@atlaskit/motion';
 interface ChildrenAsFunctionProps {
     'data-enter-from': string;
     'data-exit-to': string;

package/dist/types/components/NestingItem/hack-for-ert.d.ts

@@ -1,2 +1,2 @@
-import { NestingItemProps } from './index';
+import { type NestingItemProps } from './index';
 export default function (_: NestingItemProps): void;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { CSSFn, CustomItemComponentProps, Overrides } from '@atlaskit/menu';
+import { type CSSFn, type CustomItemComponentProps, type Overrides } from '@atlaskit/menu';
 interface NestingItemOverrides extends Overrides {
     /**
      * Use this to override the back button displayed when navigation is nested.

package/dist/types/components/NestingItem/styles.d.ts

@@ -1,4 +1,4 @@
-import { CSSFn } from '@atlaskit/menu';
+import { type CSSFn } from '@atlaskit/menu';
 export declare const enabledCSS: {
     "&:hover [data-custom-icon]": {
         display: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { HeadingItemProps } from '@atlaskit/menu';
+import { type HeadingItemProps } from '@atlaskit/menu';
 export type { HeadingItemProps } from '@atlaskit/menu';
 /**
  * __Heading item__

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SkeletonHeadingItemProps } from '@atlaskit/menu';
+import { type SkeletonHeadingItemProps } from '@atlaskit/menu';
 export type { SkeletonHeadingItemProps } from '@atlaskit/menu';
 /**
  * __Skeleton heading item__

package/dist/types/components/utils/hooks.d.ts

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

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

@@ -1,4 +1,4 @@
-import { CSSFn, StatelessCSSFn } from '@atlaskit/menu';
+import { type CSSFn, type StatelessCSSFn } from '@atlaskit/menu';
 /**
  * Allows chaining of style functions on top of base style functions
  * @param baseStyle the base custom cssFn

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import { CSSFn, CustomItemComponentProps } from '@atlaskit/menu';
+import { type CSSFn, type CustomItemComponentProps } from '@atlaskit/menu';
 /**
  * __Container__
  *

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CustomItemComponentProps, CustomItemProps } from '@atlaskit/menu';
+import { type CustomItemComponentProps, type CustomItemProps } from '@atlaskit/menu';
 export type { CustomItemComponentProps, CustomItemProps } from '@atlaskit/menu';
 interface CustomItemPropsHack {
     <TComponentProps extends {}>(props: CustomItemProps<TComponentProps> & {

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SkeletonItemProps } from '@atlaskit/menu';
+import { type SkeletonItemProps } from '@atlaskit/menu';
 export type { SkeletonItemProps } from '@atlaskit/menu';
 /**
  * __Skeleton item__

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export interface NavigationContentProps {
     children: React.ReactNode;
     /**

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export interface NavigationFooterProps {
     children: ReactNode;
 }

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

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import { type MutableRefObject } from 'react';
 /**
  * @internal
  */