@atlaskit/menu 1.4.7 → 1.4.8

package/dist/es2019/menu-item/heading-item.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { memo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -19,6 +18,7 @@ const headingStyles = css({
   lineHeight: itemHeadingContentHeight / itemHeadingFontSize,
   textTransform: 'uppercase'
 });
+
 /**
  * __Heading item__
  *
@@ -27,7 +27,6 @@ const headingStyles = css({
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/heading-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-
 const HeadingItem = /*#__PURE__*/memo(({
   children,
   testId,
@@ -36,7 +35,8 @@ const HeadingItem = /*#__PURE__*/memo(({
   ...rest
 }) => {
   return jsx("div", _extends({
-    css: [headingStyles, // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    css: [headingStyles,
+    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
     css(cssFn(undefined))],
     "data-testid": testId,
     "data-ds--menu--heading-item": true,

package/dist/es2019/menu-item/link-item.js

@@ -1,14 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { forwardRef, memo } from 'react';
 import { jsx } from '@emotion/react';
 import noop from '@atlaskit/ds-lib/noop';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
-
 const preventEvent = e => {
   e.preventDefault();
 };
+
 /**
  * __Link item__
  *
@@ -17,9 +16,8 @@ const preventEvent = e => {
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/link-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-
-
-const LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef( // Type needed on props to extract types with extract react types.
+const LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
+// Type needed on props to extract types with extract react types.
 (props, ref) => {
   const {
     children,
@@ -39,11 +37,9 @@ const LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef( // Type needed on p
     ...rest
   } = props;
   const onMouseDownHandler = onMouseDown;
-
   if (!children) {
     return null;
   }
-
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -54,7 +50,8 @@ const LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef( // Type needed on p
     description: description,
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap,
-    css: // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    css:
+    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
     cssFn({
       isSelected,
       isDisabled

package/dist/es2019/menu-item/skeleton-heading-item.js

@@ -1,14 +1,15 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import noop from '@atlaskit/ds-lib/noop';
 import { N20A } from '@atlaskit/theme/colors';
 import SkeletonShimmer from '../internal/components/skeleton-shimmer';
 const skeletonStyles = css({
-  padding: `${"var(--ds-scale-0, 0px)"} ${"var(--ds-scale-250, 20px)"}`,
+  padding: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-250, 20px)"}`,
   '::after': {
     display: 'block',
     width: '30%',
-    height: "var(--ds-scale-100, 8px)",
+    height: "var(--ds-space-100, 8px)",
     backgroundColor: `var(--ds-skeleton, ${N20A})`,
     borderRadius: 100,
     content: '""'
@@ -24,6 +25,7 @@ const customWidthStyles = css({
     width: 'var(--width)'
   }
 });
+
 /**
  * __Skeleton heading item__
  *
@@ -32,7 +34,6 @@ const customWidthStyles = css({
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/skeleton-heading-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-
 const SkeletonHeadingItem = ({
   isShimmering = false,
   testId,
@@ -47,10 +48,10 @@ const SkeletonHeadingItem = ({
   style: {
     '--width': width
   },
-  css: [skeletonStyles, width ? customWidthStyles : defaultWidthStyles, // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+  css: [skeletonStyles, width ? customWidthStyles : defaultWidthStyles,
+  // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
   css(cssFn(undefined))],
   "data-ds--menu--skeleton-heading-item": true,
   "data-testid": testId
 }));
-
 export default SkeletonHeadingItem;

package/dist/es2019/menu-item/skeleton-item.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import noop from '@atlaskit/ds-lib/noop';
 import { N20A } from '@atlaskit/theme/colors';
@@ -78,6 +79,7 @@ const iconStyles = css({
     borderRadius
   }
 });
+
 /**
  * __Skeleton item__
  *
@@ -86,7 +88,6 @@ const iconStyles = css({
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/skeleton-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-
 const SkeletonItem = ({
   hasAvatar,
   hasIcon,
@@ -103,9 +104,9 @@ const SkeletonItem = ({
   style: {
     '--width': width
   },
-  css: [skeletonStyles, (hasAvatar || hasIcon) && beforeElementStyles, hasAvatar && avatarStyles, hasIcon && iconStyles, width ? customWidthStyles : defaultWidthStyles, // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+  css: [skeletonStyles, (hasAvatar || hasIcon) && beforeElementStyles, hasAvatar && avatarStyles, hasIcon && iconStyles, width ? customWidthStyles : defaultWidthStyles,
+  // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
   css(cssFn())],
   "data-testid": testId
 }));
-
 export default SkeletonItem;

package/dist/es2019/menu-section/menu-group.js

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { UNSAFE_Box as Box } from '@atlaskit/ds-explorations';
-
 /**
  * __Menu group__
  *
@@ -20,7 +18,8 @@ const MenuGroup = ({
   testId,
   role,
   ...rest
-}) => // @ts-ignore type of rest/children needs to be made stricter to fit in Box -- string shouldn't be allowed
+}) =>
+// @ts-ignore type of rest/children needs to be made stricter to fit in Box -- string shouldn't be allowed
 jsx(Box, _extends({
   UNSAFE_style: {
     minWidth,
@@ -33,8 +32,7 @@ jsx(Box, _extends({
   overflow: "auto",
   testId: testId,
   role: role,
-  position: "static" // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+  position: "static"
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, rest));
-
 export default MenuGroup;

package/dist/es2019/menu-section/popup-menu-group.js

@@ -1,20 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import MenuGroup from './menu-group';
+
 /**
  * @deprecated
  */
-
 const PopupMenuGroup = ({
   maxWidth = 800,
   minWidth = 320,
   ...rest
-}) => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+}) =>
+// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 jsx(MenuGroup, _extends({
   maxWidth: maxWidth,
   minWidth: minWidth
 }, rest));
-
 export default PopupMenuGroup;

package/dist/es2019/menu-section/section.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { forwardRef, Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -9,15 +8,15 @@ import { headingSizes } from '@atlaskit/theme/typography';
 import HeadingItem from '../menu-item/heading-item';
 const gridSize = gridSizeFn();
 const itemHeadingTopMargin = gridSize * 2.5;
-const itemHeadingBottomMargin = gridSize * 0.75; // Skeleton content is slightly shorter than the real content.
+const itemHeadingBottomMargin = gridSize * 0.75;
+// Skeleton content is slightly shorter than the real content.
 // Because of that we slightly increase the top margin to offset this so the
 // containing size both real and skeleton always equal approx 30px.
-
 const itemHeadingContentHeight = headingSizes.h100.lineHeight;
 const skeletonHeadingHeight = gridSize;
 const skeletonHeadingMarginOffset = 3;
-const skeletonHeadingTopMargin = itemHeadingTopMargin + (itemHeadingContentHeight - skeletonHeadingHeight) - skeletonHeadingMarginOffset; // We want to move the entire body up by 3px without affecting the height of the skeleton container.
-
+const skeletonHeadingTopMargin = itemHeadingTopMargin + (itemHeadingContentHeight - skeletonHeadingHeight) - skeletonHeadingMarginOffset;
+// We want to move the entire body up by 3px without affecting the height of the skeleton container.
 const skeletonHeadingBottomMargin = itemHeadingBottomMargin + skeletonHeadingMarginOffset;
 const sectionPaddingTopBottom = gridSize * 0.75;
 const VAR_SEPARATOR_COLOR = '--ds-menu-seperator-color';
@@ -68,6 +67,7 @@ const noSeparatorStyles = css({
     marginTop: -6
   }
 });
+
 /**
  * __Section__
  *
@@ -76,7 +76,6 @@ const noSeparatorStyles = css({
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/section)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-
 const Section = /*#__PURE__*/forwardRef(({
   children,
   overrides,
@@ -87,14 +86,16 @@ const Section = /*#__PURE__*/forwardRef(({
   id,
   ...rest
 }, ref) => {
-  const childrenMarkup = title !== undefined ? jsx(Fragment, null, jsx(HeadingItem // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
+  const childrenMarkup = title !== undefined ? jsx(Fragment, null, jsx(HeadingItem
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
   , {
     cssFn: overrides && overrides.HeadingItem && overrides.HeadingItem.cssFn,
     testId: testId && `${testId}--heading`,
     "aria-hidden": true
   }, title), children) : children;
   return jsx("div", _extends({}, rest, {
-    id: id // NOTE: Firefox allows elements that have "overflow: auto" to gain focus (as if it had tab-index="0")
+    id: id
+    // NOTE: Firefox allows elements that have "overflow: auto" to gain focus (as if it had tab-index="0")
     // We have made a deliberate choice to leave this behaviour as is.
     ,
     css: [sectionStyles, isScrollable ? scrollableStyles : unscrollableStyles, hasSeparator ? separatorStyles : noSeparatorStyles],

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/menu",
-	"version": "1.4.7",
+	"version": "1.4.8",
 	"sideEffects": false
 }

package/dist/esm/internal/components/menu-item-primitive.js

@@ -5,24 +5,23 @@ import FocusRing from '@atlaskit/focus-ring';
 import { N20, N200, N30 } from '@atlaskit/theme/colors';
 import { fontSize as fontSizeFn } from '@atlaskit/theme/constants';
 import { headingSizes } from '@atlaskit/theme/typography';
-
 var defaultRender = function defaultRender(Component, props) {
-  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     jsx(Component, props)
   );
 };
-
 var fontSize = fontSizeFn();
-var itemMinHeight = "var(--ds-scale-500, 40px)";
+var itemMinHeight = "var(--ds-space-500, 40px)";
 var beforeElementStyles = css({
   display: 'flex',
-  marginRight: "var(--ds-scale-150, 12px)",
+  marginRight: "var(--ds-space-150, 12px)",
   alignItems: 'center',
   flexShrink: 0
 });
 var afterElementStyles = css({
   display: 'flex',
-  marginLeft: "var(--ds-scale-150, 12px)",
+  marginLeft: "var(--ds-space-150, 12px)",
   alignItems: 'center',
   flexShrink: 0
 });
@@ -48,7 +47,7 @@ var wordBreakStyles = css({
   wordBreak: 'break-word'
 });
 var descriptionStyles = css({
-  marginTop: "var(--ds-scale-050, 3px)",
+  marginTop: "var(--ds-space-050, 3px)",
   color: "var(--ds-text-subtlest, ".concat(N200, ")"),
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   fontSize: headingSizes.h200.size
@@ -61,10 +60,9 @@ var primitiveStyles = css({
   boxSizing: 'border-box',
   width: '100%',
   minHeight: itemMinHeight,
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
+  margin: "var(--ds-space-0, 0px)",
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
-  padding: "var(--ds-scale-100, 8px)".concat(" ", "var(--ds-scale-250, 20px)"),
+  padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)"),
   alignItems: 'center',
   border: 0,
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
@@ -121,6 +119,7 @@ var selectedStyles = css({
     color: "var(--ds-text-selected, currentColor)"
   }
 });
+
 /**
  * __Menu item primitive__
  *
@@ -135,27 +134,26 @@ var selectedStyles = css({
  * </MenuItemPrimitive>
  * ```
  */
-
 var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
   var children = _ref.children,
-      title = _ref.title,
-      description = _ref.description,
-      iconAfter = _ref.iconAfter,
-      iconBefore = _ref.iconBefore,
-      overrides = _ref.overrides,
-      className = _ref.className,
-      _ref$shouldTitleWrap = _ref.shouldTitleWrap,
-      shouldTitleWrap = _ref$shouldTitleWrap === void 0 ? false : _ref$shouldTitleWrap,
-      _ref$shouldDescriptio = _ref.shouldDescriptionWrap,
-      shouldDescriptionWrap = _ref$shouldDescriptio === void 0 ? false : _ref$shouldDescriptio,
-      _ref$isDisabled = _ref.isDisabled,
-      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-      _ref$isSelected = _ref.isSelected,
-      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected;
+    title = _ref.title,
+    description = _ref.description,
+    iconAfter = _ref.iconAfter,
+    iconBefore = _ref.iconBefore,
+    overrides = _ref.overrides,
+    className = _ref.className,
+    _ref$shouldTitleWrap = _ref.shouldTitleWrap,
+    shouldTitleWrap = _ref$shouldTitleWrap === void 0 ? false : _ref$shouldTitleWrap,
+    _ref$shouldDescriptio = _ref.shouldDescriptionWrap,
+    shouldDescriptionWrap = _ref$shouldDescriptio === void 0 ? false : _ref$shouldDescriptio,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected;
   var renderTitle = overrides && overrides.Title && overrides.Title.render || defaultRender;
   return jsx(ClassNames, null, function (_ref2) {
     var cn = _ref2.css,
-        cx = _ref2.cx;
+      cx = _ref2.cx;
     return jsx(FocusRing, {
       isInset: true
     }, children({
@@ -179,5 +177,4 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
     }));
   });
 };
-
 export default MenuItemPrimitive;

package/dist/esm/internal/components/skeleton-shimmer.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
+
 import { ClassNames, css, jsx, keyframes } from '@emotion/react';
 import { N20A, N30A } from '@atlaskit/theme/colors';
-
 /**
  * These keyframes are mirrored in:
  * packages/design-system/theme/src/constants.tsx
@@ -16,13 +16,13 @@ var shimmerKeyframes = keyframes({
     backgroundColor: "var(--ds-skeleton-subtle, ".concat(N30A, ")")
   }
 });
+
 /**
  * These styles are mirrored in:
  * packages/design-system/theme/src/constants.tsx
  *
  * Please update both.
  */
-
 var shimmerStyles = css({
   '::before, ::after': {
     animationDirection: 'alternate',
@@ -33,6 +33,7 @@ var shimmerStyles = css({
     backgroundColor: "var(--ds-skeleton, ".concat(N20A, ")")
   }
 });
+
 /**
  * __Skeleton shimmer__
  *
@@ -46,11 +47,10 @@ var shimmerStyles = css({
  *
  * @internal
  */
-
 var SkeletonShimmer = function SkeletonShimmer(_ref) {
   var children = _ref.children,
-      _ref$isShimmering = _ref.isShimmering,
-      isShimmering = _ref$isShimmering === void 0 ? false : _ref$isShimmering;
+    _ref$isShimmering = _ref.isShimmering,
+    isShimmering = _ref$isShimmering === void 0 ? false : _ref$isShimmering;
   return jsx(ClassNames, null, function (_ref2) {
     var css = _ref2.css;
     return children({
@@ -58,5 +58,4 @@ var SkeletonShimmer = function SkeletonShimmer(_ref) {
     });
   });
 };
-
 export default SkeletonShimmer;

package/dist/esm/menu-item/button-item.js

@@ -1,13 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "cssFn", "description", "iconAfter", "iconBefore", "isDisabled", "isSelected", "onClick", "testId", "overrides", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap"];
-
 /** @jsx jsx */
 import { forwardRef, memo } from 'react';
 import { jsx } from '@emotion/react';
 import noop from '@atlaskit/ds-lib/noop';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
-
 /**
  * __Button item__
  *
@@ -16,32 +14,30 @@ import MenuItemPrimitive from '../internal/components/menu-item-primitive';
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/button-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-var ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef( // Type needed on props to extract types with extract react types.
+var ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
+// Type needed on props to extract types with extract react types.
 function (props, ref) {
   var children = props.children,
-      _props$cssFn = props.cssFn,
-      cssFn = _props$cssFn === void 0 ? noop : _props$cssFn,
-      description = props.description,
-      iconAfter = props.iconAfter,
-      iconBefore = props.iconBefore,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
-      _props$isSelected = props.isSelected,
-      isSelected = _props$isSelected === void 0 ? false : _props$isSelected,
-      onClick = props.onClick,
-      testId = props.testId,
-      overrides = props.overrides,
-      onMouseDown = props.onMouseDown,
-      shouldTitleWrap = props.shouldTitleWrap,
-      shouldDescriptionWrap = props.shouldDescriptionWrap,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    _props$cssFn = props.cssFn,
+    cssFn = _props$cssFn === void 0 ? noop : _props$cssFn,
+    description = props.description,
+    iconAfter = props.iconAfter,
+    iconBefore = props.iconBefore,
+    _props$isDisabled = props.isDisabled,
+    isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
+    _props$isSelected = props.isSelected,
+    isSelected = _props$isSelected === void 0 ? false : _props$isSelected,
+    onClick = props.onClick,
+    testId = props.testId,
+    overrides = props.overrides,
+    onMouseDown = props.onMouseDown,
+    shouldTitleWrap = props.shouldTitleWrap,
+    shouldDescriptionWrap = props.shouldDescriptionWrap,
+    rest = _objectWithoutProperties(props, _excluded);
   var onMouseDownHandler = onMouseDown;
-
   if (!children) {
     return null;
   }
-
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -53,14 +49,15 @@ function (props, ref) {
     title: children,
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap,
-    css: // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    css:
+    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
     cssFn({
       isSelected: isSelected,
       isDisabled: isDisabled
     })
   }), function (_ref) {
     var children = _ref.children,
-        className = _ref.className;
+      className = _ref.className;
     return jsx("button", _extends({
       "data-testid": testId
     }, rest, {

package/dist/esm/menu-item/custom-item.js

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["component", "cssFn", "isDisabled", "isSelected", "onClick", "testId", "children", "description", "iconAfter", "iconBefore", "overrides", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap"];
-
 /** @jsx jsx */
+
 import { forwardRef, memo } from 'react';
 import { css, jsx } from '@emotion/react';
 import noop from '@atlaskit/ds-lib/noop';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
-
 var preventEvent = function preventEvent(e) {
   e.preventDefault();
-}; // Dirty hack to get generics working with forward ref [1/2]
+};
 
+// Dirty hack to get generics working with forward ref [1/2]
 
 /**
  * __Custom item__
@@ -23,30 +23,27 @@ var preventEvent = function preventEvent(e) {
  */
 var CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
   var Component = _ref.component,
-      _ref$cssFn = _ref.cssFn,
-      cssFn = _ref$cssFn === void 0 ? noop : _ref$cssFn,
-      _ref$isDisabled = _ref.isDisabled,
-      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-      _ref$isSelected = _ref.isSelected,
-      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-      onClick = _ref.onClick,
-      testId = _ref.testId,
-      children = _ref.children,
-      description = _ref.description,
-      iconAfter = _ref.iconAfter,
-      iconBefore = _ref.iconBefore,
-      overrides = _ref.overrides,
-      onMouseDown = _ref.onMouseDown,
-      shouldTitleWrap = _ref.shouldTitleWrap,
-      shouldDescriptionWrap = _ref.shouldDescriptionWrap,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$cssFn = _ref.cssFn,
+    cssFn = _ref$cssFn === void 0 ? noop : _ref$cssFn,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    onClick = _ref.onClick,
+    testId = _ref.testId,
+    children = _ref.children,
+    description = _ref.description,
+    iconAfter = _ref.iconAfter,
+    iconBefore = _ref.iconBefore,
+    overrides = _ref.overrides,
+    onMouseDown = _ref.onMouseDown,
+    shouldTitleWrap = _ref.shouldTitleWrap,
+    shouldDescriptionWrap = _ref.shouldDescriptionWrap,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var onMouseDownHandler = onMouseDown;
-
   if (!Component) {
     return null;
   }
-
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -57,7 +54,8 @@ var CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref)
     isSelected: isSelected,
     isDisabled: isDisabled,
     shouldTitleWrap: shouldTitleWrap,
-    shouldDescriptionWrap: shouldDescriptionWrap // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    shouldDescriptionWrap: shouldDescriptionWrap
+    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
     ,
     css: css(cssFn({
       isDisabled: isDisabled,
@@ -65,7 +63,7 @@ var CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref)
     }))
   }), function (_ref2) {
     var children = _ref2.children,
-        className = _ref2.className;
+      className = _ref2.className;
     return jsx(Component, _extends({
       "data-testid": testId
     }, rest, {
@@ -79,6 +77,8 @@ var CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref)
       "aria-disabled": isDisabled
     }), children);
   });
-}) // Dirty hack to get generics working with forward ref [2/2]
+})
+// Dirty hack to get generics working with forward ref [2/2]
 );
+
 export default CustomItem;

package/dist/esm/menu-item/heading-item.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "testId", "id", "cssFn"];
-
 /** @jsx jsx */
 import { memo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -21,6 +20,7 @@ var headingStyles = css({
   lineHeight: itemHeadingContentHeight / itemHeadingFontSize,
   textTransform: 'uppercase'
 });
+
 /**
  * __Heading item__
  *
@@ -29,17 +29,16 @@ var headingStyles = css({
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/heading-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-
 var HeadingItem = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
-      testId = _ref.testId,
-      id = _ref.id,
-      _ref$cssFn = _ref.cssFn,
-      cssFn = _ref$cssFn === void 0 ? noop : _ref$cssFn,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    testId = _ref.testId,
+    id = _ref.id,
+    _ref$cssFn = _ref.cssFn,
+    cssFn = _ref$cssFn === void 0 ? noop : _ref$cssFn,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
-    css: [headingStyles, // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    css: [headingStyles,
+    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
     css(cssFn(undefined))],
     "data-testid": testId,
     "data-ds--menu--heading-item": true,