@atlaskit/menu 1.4.7 → 1.4.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/menu
 
+## 1.4.9
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.4.8
+
+### Patch Changes
+
+- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+
 ## 1.4.7
 
 ### Patch Changes

package/dist/cjs/entry-points/menu-item/button-item.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _buttonItem.default;
   }
 });
-
 var _buttonItem = _interopRequireDefault(require("../../menu-item/button-item"));

package/dist/cjs/entry-points/menu-item/custom-item.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _customItem.default;
   }
 });
-
 var _customItem = _interopRequireDefault(require("../../menu-item/custom-item"));

package/dist/cjs/entry-points/menu-item/heading-item.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _headingItem.default;
   }
 });
-
 var _headingItem = _interopRequireDefault(require("../../menu-item/heading-item"));

package/dist/cjs/entry-points/menu-item/link-item.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _linkItem.default;
   }
 });
-
 var _linkItem = _interopRequireDefault(require("../../menu-item/link-item"));

package/dist/cjs/entry-points/menu-item/skeleton-heading-item.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _skeletonHeadingItem.default;
   }
 });
-
 var _skeletonHeadingItem = _interopRequireDefault(require("../../menu-item/skeleton-heading-item"));

package/dist/cjs/entry-points/menu-item/skeleton-item.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _skeletonItem.default;
   }
 });
-
 var _skeletonItem = _interopRequireDefault(require("../../menu-item/skeleton-item"));

package/dist/cjs/entry-points/menu-section/menu-group.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _menuGroup.default;
   }
 });
-
 var _menuGroup = _interopRequireDefault(require("../../menu-section/menu-group"));

package/dist/cjs/entry-points/menu-section/popup-menu-group.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _popupMenuGroup.default;
   }
 });
-
 var _popupMenuGroup = _interopRequireDefault(require("../../menu-section/popup-menu-group"));

package/dist/cjs/entry-points/menu-section/section.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _section.default;
   }
 });
-
 var _section = _interopRequireDefault(require("../../menu-section/section"));

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -59,21 +58,12 @@ Object.defineProperty(exports, "SkeletonItem", {
     return _skeletonItem.default;
   }
 });
-
 var _buttonItem = _interopRequireDefault(require("./menu-item/button-item"));
-
 var _linkItem = _interopRequireDefault(require("./menu-item/link-item"));
-
 var _customItem = _interopRequireDefault(require("./menu-item/custom-item"));
-
 var _skeletonItem = _interopRequireDefault(require("./menu-item/skeleton-item"));
-
 var _headingItem = _interopRequireDefault(require("./menu-item/heading-item"));
-
 var _skeletonHeadingItem = _interopRequireDefault(require("./menu-item/skeleton-heading-item"));
-
 var _section = _interopRequireDefault(require("./menu-section/section"));
-
 var _menuGroup = _interopRequireDefault(require("./menu-section/menu-group"));
-
 var _popupMenuGroup = _interopRequireDefault(require("./menu-section/popup-menu-group"));

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

@@ -1,42 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _typography = require("@atlaskit/theme/typography");
-
 /** @jsx jsx */
+
 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
     (0, _react2.jsx)(Component, props)
   );
 };
-
 var fontSize = (0, _constants.fontSize)();
-var itemMinHeight = "var(--ds-scale-500, 40px)";
+var itemMinHeight = "var(--ds-space-500, 40px)";
 var beforeElementStyles = (0, _react2.css)({
   display: 'flex',
-  marginRight: "var(--ds-scale-150, 12px)",
+  marginRight: "var(--ds-space-150, 12px)",
   alignItems: 'center',
   flexShrink: 0
 });
 var afterElementStyles = (0, _react2.css)({
   display: 'flex',
-  marginLeft: "var(--ds-scale-150, 12px)",
+  marginLeft: "var(--ds-space-150, 12px)",
   alignItems: 'center',
   flexShrink: 0
 });
@@ -62,7 +55,7 @@ var wordBreakStyles = (0, _react2.css)({
   wordBreak: 'break-word'
 });
 var descriptionStyles = (0, _react2.css)({
-  marginTop: "var(--ds-scale-050, 3px)",
+  marginTop: "var(--ds-space-050, 3px)",
   color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
   fontSize: _typography.headingSizes.h200.size
@@ -75,10 +68,9 @@ var primitiveStyles = (0, _react2.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
@@ -135,6 +127,7 @@ var selectedStyles = (0, _react2.css)({
     color: "var(--ds-text-selected, currentColor)"
   }
 });
+
 /**
  * __Menu item primitive__
  *
@@ -149,27 +142,26 @@ var selectedStyles = (0, _react2.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 (0, _react2.jsx)(_react2.ClassNames, null, function (_ref2) {
     var cn = _ref2.css,
-        cx = _ref2.cx;
+      cx = _ref2.cx;
     return (0, _react2.jsx)(_focusRing.default, {
       isInset: true
     }, children({
@@ -193,6 +185,5 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
     }));
   });
 };
-
 var _default = MenuItemPrimitive;
 exports.default = _default;

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 /** @jsx jsx */
 
 /**
@@ -25,13 +22,13 @@ var shimmerKeyframes = (0, _react.keyframes)({
     backgroundColor: "var(--ds-skeleton-subtle, ".concat(_colors.N30A, ")")
   }
 });
+
 /**
  * These styles are mirrored in:
  * packages/design-system/theme/src/constants.tsx
  *
  * Please update both.
  */
-
 var shimmerStyles = (0, _react.css)({
   '::before, ::after': {
     animationDirection: 'alternate',
@@ -42,6 +39,7 @@ var shimmerStyles = (0, _react.css)({
     backgroundColor: "var(--ds-skeleton, ".concat(_colors.N20A, ")")
   }
 });
+
 /**
  * __Skeleton shimmer__
  *
@@ -55,11 +53,10 @@ var shimmerStyles = (0, _react.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 (0, _react.jsx)(_react.ClassNames, null, function (_ref2) {
     var css = _ref2.css;
     return children({
@@ -67,6 +64,5 @@ var SkeletonShimmer = function SkeletonShimmer(_ref) {
     });
   });
 };
-
 var _default = SkeletonShimmer;
 exports.default = _default;

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _menuItemPrimitive = _interopRequireDefault(require("../internal/components/menu-item-primitive"));
-
 var _excluded = ["children", "cssFn", "description", "iconAfter", "iconBefore", "isDisabled", "isSelected", "onClick", "testId", "overrides", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap"];
-
 /**
  * __Button item__
  *
@@ -29,31 +20,30 @@ var _excluded = ["children", "cssFn", "description", "iconAfter", "iconBefore",
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/button-item)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
  */
-var ButtonItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)( // Type needed on props to extract types with extract react types.
+var ButtonItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.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.default : _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 = (0, _objectWithoutProperties2.default)(props, _excluded);
+    _props$cssFn = props.cssFn,
+    cssFn = _props$cssFn === void 0 ? _noop.default : _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 = (0, _objectWithoutProperties2.default)(props, _excluded);
   var onMouseDownHandler = onMouseDown;
-
   if (!children) {
     return null;
   }
-
   return (0, _react2.jsx)(_menuItemPrimitive.default, (0, _extends2.default)({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -65,14 +55,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 (0, _react2.jsx)("button", (0, _extends2.default)({
       "data-testid": testId
     }, rest, {

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

@@ -1,30 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _menuItemPrimitive = _interopRequireDefault(require("../internal/components/menu-item-primitive"));
-
 var _excluded = ["component", "cssFn", "isDisabled", "isSelected", "onClick", "testId", "children", "description", "iconAfter", "iconBefore", "overrides", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap"];
-
 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__
@@ -36,29 +28,27 @@ var preventEvent = function preventEvent(e) {
  */
 var CustomItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var Component = _ref.component,
-      _ref$cssFn = _ref.cssFn,
-      cssFn = _ref$cssFn === void 0 ? _noop.default : _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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    _ref$cssFn = _ref.cssFn,
+    cssFn = _ref$cssFn === void 0 ? _noop.default : _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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var onMouseDownHandler = onMouseDown;
-
   if (!Component) {
     return null;
   }
-
   return (0, _react2.jsx)(_menuItemPrimitive.default, (0, _extends2.default)({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -69,7 +59,8 @@ var CustomItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
     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: (0, _react2.css)(cssFn({
       isDisabled: isDisabled,
@@ -77,7 +68,7 @@ var CustomItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
     }))
   }), function (_ref2) {
     var children = _ref2.children,
-        className = _ref2.className;
+      className = _ref2.className;
     return (0, _react2.jsx)(Component, (0, _extends2.default)({
       "data-testid": testId
     }, rest, {
@@ -91,7 +82,8 @@ var CustomItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
       "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]
 );
 var _default = CustomItem;
 exports.default = _default;

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

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _typography = require("@atlaskit/theme/typography");
-
 var _excluded = ["children", "testId", "id", "cssFn"];
 var gridSize = (0, _constants.gridSize)();
 var itemSidePadding = gridSize * 2.5;
@@ -36,6 +26,7 @@ var headingStyles = (0, _react2.css)({
   lineHeight: itemHeadingContentHeight / itemHeadingFontSize,
   textTransform: 'uppercase'
 });
+
 /**
  * __Heading item__
  *
@@ -44,16 +35,16 @@ var headingStyles = (0, _react2.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__*/(0, _react.memo)(function (_ref) {
   var children = _ref.children,
-      testId = _ref.testId,
-      id = _ref.id,
-      _ref$cssFn = _ref.cssFn,
-      cssFn = _ref$cssFn === void 0 ? _noop.default : _ref$cssFn,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    testId = _ref.testId,
+    id = _ref.id,
+    _ref$cssFn = _ref.cssFn,
+    cssFn = _ref$cssFn === void 0 ? _noop.default : _ref$cssFn,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
-    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
     (0, _react2.css)(cssFn(undefined))],
     "data-testid": testId,
     "data-ds--menu--heading-item": true,