@atlaskit/menu 1.7.5 → 1.7.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/menu
 
+## 1.7.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.7.6
+
+### Patch Changes
+
+- [`4b76c41be8e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4b76c41be8e) - Added prop deprecation warnings for cssFn and overrides props. These warnings are displayed in the console in development environments only.
+
 ## 1.7.5
 
 ### Patch Changes

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
@@ -190,6 +191,9 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected;
+  (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu", 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   var spacing = (0, _react.useContext)(_menuContext.SpacingContext);
   var selectionStyle = (0, _react.useContext)(_menuContext.SELECTION_STYLE_CONTEXT_DO_NOT_USE);
   var renderTitle = overrides && overrides.Title && overrides.Title.render || defaultRender;

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

@@ -9,6 +9,7 @@ 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 _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 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"];
@@ -45,6 +46,9 @@ function (props, ref) {
   if (!children) {
     return null;
   }
+  (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu", 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return (0, _react2.jsx)(_menuItemPrimitive.default, (0, _extends2.default)({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -57,7 +61,7 @@ function (props, ref) {
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap,
     css:
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     cssFn({
       isSelected: isSelected,
       isDisabled: isDisabled

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

@@ -9,6 +9,7 @@ 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 _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 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"];
@@ -50,6 +51,9 @@ var CustomItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
   if (!Component) {
     return null;
   }
+  (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu", 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return (0, _react2.jsx)(_menuItemPrimitive.default, (0, _extends2.default)({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -61,7 +65,7 @@ var CustomItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
     isDisabled: isDisabled,
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
     css: (0, _react2.css)(cssFn({
       isDisabled: isDisabled,

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

@@ -9,6 +9,7 @@ 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 _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
@@ -41,9 +42,12 @@ var HeadingItem = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     _ref$cssFn = _ref.cssFn,
     cssFn = _ref$cssFn === void 0 ? _noop.default : _ref$cssFn,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu", 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     css: [headingStyles,
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     (0, _react2.css)(cssFn(undefined))],
     "data-testid": testId,
     "data-ds--menu--heading-item": true,

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

@@ -9,6 +9,7 @@ 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 _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _menuItemPrimitive = _interopRequireDefault(require("../internal/components/menu-item-primitive"));
 var _excluded = ["children", "href", "cssFn", "description", "iconAfter", "iconBefore", "isDisabled", "isSelected", "onClick", "testId", "overrides", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap"];
@@ -50,6 +51,9 @@ function (props, ref) {
   if (!children) {
     return null;
   }
+  (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu", 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return (0, _react2.jsx)(_menuItemPrimitive.default, (0, _extends2.default)({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -61,7 +65,7 @@ function (props, ref) {
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap,
     css:
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     cssFn({
       isSelected: isSelected,
       isDisabled: isDisabled

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
+var _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _colors = require("@atlaskit/theme/colors");
 var _skeletonShimmer = _interopRequireDefault(require("../internal/components/skeleton-shimmer"));
@@ -49,6 +50,9 @@ var SkeletonHeadingItem = function SkeletonHeadingItem(_ref) {
     width = _ref.width,
     _ref$cssFn = _ref.cssFn,
     cssFn = _ref$cssFn === void 0 ? _noop.default : _ref$cssFn;
+  (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu", 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return (0, _react.jsx)(_skeletonShimmer.default, {
     isShimmering: isShimmering
   }, function (_ref2) {
@@ -59,7 +63,7 @@ var SkeletonHeadingItem = function SkeletonHeadingItem(_ref) {
         '--width': width
       },
       css: [skeletonStyles, width ? customWidthStyles : defaultWidthStyles,
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       (0, _react.css)(cssFn(undefined))],
       "data-ds--menu--skeleton-heading-item": true,
       "data-testid": testId

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
+var _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
@@ -106,6 +107,9 @@ var SkeletonItem = function SkeletonItem(_ref) {
     width = _ref.width,
     _ref$cssFn = _ref.cssFn,
     cssFn = _ref$cssFn === void 0 ? _noop.default : _ref$cssFn;
+  (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu", 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return (0, _react.jsx)(_skeletonShimmer.default, {
     isShimmering: isShimmering
   }, function (_ref2) {
@@ -116,7 +120,7 @@ var SkeletonItem = function SkeletonItem(_ref) {
         '--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
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       (0, _react.css)(cssFn())],
       "data-testid": testId
     });

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

@@ -9,6 +9,7 @@ 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 _deprecationWarning = require("@atlaskit/ds-lib/deprecation-warning");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _typography = require("@atlaskit/theme/typography");
@@ -96,6 +97,9 @@ var Section = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     hasSeparator = _ref.hasSeparator,
     id = _ref.id,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu", 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   var childrenMarkup = title !== undefined ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_headingItem.default
   // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
   , {

package/dist/cjs/version.json

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

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import { useContext } from 'react';
 import { ClassNames, css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import FocusRing from '@atlaskit/focus-ring';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Inline from '@atlaskit/primitives/inline';
@@ -176,6 +177,9 @@ const MenuItemPrimitive = ({
   isDisabled = false,
   isSelected = false
 }) => {
+  propDeprecationWarning("@atlaskit/menu", 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   const spacing = useContext(SpacingContext);
   const selectionStyle = useContext(SELECTION_STYLE_CONTEXT_DO_NOT_USE);
   const renderTitle = overrides && overrides.Title && overrides.Title.render || defaultRender;

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef, memo } from 'react';
 import { jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
 /**
@@ -35,6 +36,9 @@ const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
   if (!children) {
     return null;
   }
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -47,7 +51,7 @@ const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap,
     css:
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     cssFn({
       isSelected,
       isDisabled

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

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 import { forwardRef, memo } from 'react';
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
 const preventEvent = e => {
@@ -40,6 +41,9 @@ const CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!Component) {
     return null;
   }
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -51,7 +55,7 @@ const CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     isDisabled: isDisabled,
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
     css: css(cssFn({
       isDisabled,

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { memo } from 'react';
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import { N300 } from '@atlaskit/theme/colors';
 import { headingSizes } from '@atlaskit/theme/typography';
@@ -32,9 +33,12 @@ const HeadingItem = /*#__PURE__*/memo(({
   cssFn = noop,
   ...rest
 }) => {
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx("div", _extends({
     css: [headingStyles,
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css(cssFn(undefined))],
     "data-testid": testId,
     "data-ds--menu--heading-item": true,

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef, memo } from 'react';
 import { jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
 const preventEvent = e => {
@@ -40,6 +41,9 @@ const LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
   if (!children) {
     return null;
   }
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -51,7 +55,7 @@ const LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap,
     css:
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     cssFn({
       isSelected,
       isDisabled

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import { N20A } from '@atlaskit/theme/colors';
 import SkeletonShimmer from '../internal/components/skeleton-shimmer';
@@ -40,19 +41,24 @@ const SkeletonHeadingItem = ({
   testId,
   width,
   cssFn = noop
-}) => jsx(SkeletonShimmer, {
-  isShimmering: isShimmering
-}, ({
-  className
-}) => jsx("div", {
-  className: className,
-  style: {
-    '--width': width
-  },
-  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
-}));
+}) => {
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
+  return jsx(SkeletonShimmer, {
+    isShimmering: isShimmering
+  }, ({
+    className
+  }) => jsx("div", {
+    className: className,
+    style: {
+      '--width': width
+    },
+    css: [skeletonStyles, width ? customWidthStyles : defaultWidthStyles,
+    // eslint-disable-next-line @atlaskit/design-system/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,6 +1,7 @@
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import { N20A } from '@atlaskit/theme/colors';
 import { borderRadius as borderRadiusFn,
@@ -99,18 +100,23 @@ const SkeletonItem = ({
   testId,
   width,
   cssFn = noop
-}) => jsx(SkeletonShimmer, {
-  isShimmering: isShimmering
-}, ({
-  className
-}) => jsx("div", {
-  className: className,
-  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(cssFn())],
-  "data-testid": testId
-}));
+}) => {
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
+  return jsx(SkeletonShimmer, {
+    isShimmering: isShimmering
+  }, ({
+    className
+  }) => jsx("div", {
+    className: className,
+    style: {
+      '--width': width
+    },
+    css: [skeletonStyles, (hasAvatar || hasIcon) && beforeElementStyles, hasAvatar && avatarStyles, hasIcon && iconStyles, width ? customWidthStyles : defaultWidthStyles,
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    css(cssFn())],
+    "data-testid": testId
+  }));
+};
 export default SkeletonItem;

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

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { forwardRef, Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import { N30A } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize as gridSizeFn } from '@atlaskit/theme/constants';
@@ -88,6 +89,9 @@ const Section = /*#__PURE__*/forwardRef(({
   id,
   ...rest
 }, ref) => {
+  propDeprecationWarning("@atlaskit/menu", 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   const childrenMarkup = title !== undefined ? jsx(Fragment, null, jsx(HeadingItem
   // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
   , {

package/dist/es2019/version.json

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

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import { useContext } from 'react';
 import { ClassNames, css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import FocusRing from '@atlaskit/focus-ring';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Inline from '@atlaskit/primitives/inline';
@@ -182,6 +183,9 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected;
+  propDeprecationWarning("@atlaskit/menu", 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   var spacing = useContext(SpacingContext);
   var selectionStyle = useContext(SELECTION_STYLE_CONTEXT_DO_NOT_USE);
   var renderTitle = overrides && overrides.Title && overrides.Title.render || defaultRender;

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

@@ -4,6 +4,7 @@ var _excluded = ["children", "cssFn", "description", "iconAfter", "iconBefore",
 /** @jsx jsx */
 import { forwardRef, memo } from 'react';
 import { jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
 /**
@@ -38,6 +39,9 @@ function (props, ref) {
   if (!children) {
     return null;
   }
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -50,7 +54,7 @@ function (props, ref) {
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap,
     css:
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     cssFn({
       isSelected: isSelected,
       isDisabled: isDisabled

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

@@ -5,6 +5,7 @@ var _excluded = ["component", "cssFn", "isDisabled", "isSelected", "onClick", "t
 
 import { forwardRef, memo } from 'react';
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
 var preventEvent = function preventEvent(e) {
@@ -44,6 +45,9 @@ var CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref)
   if (!Component) {
     return null;
   }
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -55,7 +59,7 @@ var CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref)
     isDisabled: isDisabled,
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
     css: css(cssFn({
       isDisabled: isDisabled,

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

@@ -4,6 +4,7 @@ var _excluded = ["children", "testId", "id", "cssFn"];
 /** @jsx jsx */
 import { memo } from 'react';
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import { N300 } from '@atlaskit/theme/colors';
 import { headingSizes } from '@atlaskit/theme/typography';
@@ -34,9 +35,12 @@ var HeadingItem = /*#__PURE__*/memo(function (_ref) {
     _ref$cssFn = _ref.cssFn,
     cssFn = _ref$cssFn === void 0 ? noop : _ref$cssFn,
     rest = _objectWithoutProperties(_ref, _excluded);
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx("div", _extends({
     css: [headingStyles,
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css(cssFn(undefined))],
     "data-testid": testId,
     "data-ds--menu--heading-item": true,

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

@@ -4,6 +4,7 @@ var _excluded = ["children", "href", "cssFn", "description", "iconAfter", "iconB
 /** @jsx jsx */
 import { forwardRef, memo } from 'react';
 import { jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import MenuItemPrimitive from '../internal/components/menu-item-primitive';
 var preventEvent = function preventEvent(e) {
@@ -43,6 +44,9 @@ function (props, ref) {
   if (!children) {
     return null;
   }
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
     overrides: overrides,
@@ -54,7 +58,7 @@ function (props, ref) {
     shouldTitleWrap: shouldTitleWrap,
     shouldDescriptionWrap: shouldDescriptionWrap,
     css:
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     cssFn({
       isSelected: isSelected,
       isDisabled: isDisabled

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import { N20A } from '@atlaskit/theme/colors';
 import SkeletonShimmer from '../internal/components/skeleton-shimmer';
@@ -42,6 +43,9 @@ var SkeletonHeadingItem = function SkeletonHeadingItem(_ref) {
     width = _ref.width,
     _ref$cssFn = _ref.cssFn,
     cssFn = _ref$cssFn === void 0 ? noop : _ref$cssFn;
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx(SkeletonShimmer, {
     isShimmering: isShimmering
   }, function (_ref2) {
@@ -52,7 +56,7 @@ var SkeletonHeadingItem = function SkeletonHeadingItem(_ref) {
         '--width': width
       },
       css: [skeletonStyles, width ? customWidthStyles : defaultWidthStyles,
-      // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       css(cssFn(undefined))],
       "data-ds--menu--skeleton-heading-item": true,
       "data-testid": testId

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import noop from '@atlaskit/ds-lib/noop';
 import { N20A } from '@atlaskit/theme/colors';
 import { borderRadius as borderRadiusFn,
@@ -101,6 +102,9 @@ var SkeletonItem = function SkeletonItem(_ref) {
     width = _ref.width,
     _ref$cssFn = _ref.cssFn,
     cssFn = _ref$cssFn === void 0 ? noop : _ref$cssFn;
+  propDeprecationWarning("@atlaskit/menu", 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   return jsx(SkeletonShimmer, {
     isShimmering: isShimmering
   }, function (_ref2) {
@@ -111,7 +115,7 @@ var SkeletonItem = function SkeletonItem(_ref) {
         '--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
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       css(cssFn())],
       "data-testid": testId
     });

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

@@ -5,6 +5,7 @@ var _excluded = ["children", "overrides", "title", "testId", "isScrollable", "ha
 /** @jsx jsx */
 import { forwardRef, Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
+import { propDeprecationWarning } from '@atlaskit/ds-lib/deprecation-warning';
 import { N30A } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize as gridSizeFn } from '@atlaskit/theme/constants';
@@ -89,6 +90,9 @@ var Section = /*#__PURE__*/forwardRef(function (_ref, ref) {
     hasSeparator = _ref.hasSeparator,
     id = _ref.id,
     rest = _objectWithoutProperties(_ref, _excluded);
+  propDeprecationWarning("@atlaskit/menu", 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
+  );
+
   var childrenMarkup = title !== undefined ? jsx(Fragment, null, jsx(HeadingItem
   // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
   , {

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/menu",
-  "version": "1.7.5",
+  "version": "1.7.7",
   "description": "A collection of composable menu components that can be used anywhere.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/focus-ring": "^1.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^0.9.0",
+    "@atlaskit/primitives": "^0.10.0",
     "@atlaskit/theme": "^12.5.0",
     "@atlaskit/tokens": "^1.5.0",
     "@babel/runtime": "^7.0.0",