@atlaskit/smart-card 27.8.4 → 27.9.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 27.9.0
+
+### Minor Changes
+
+- [#117451](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117451)
+  [`0ecc0082a92e6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0ecc0082a92e6) -
+  Add hover card configs prop, with an option to control fade in delay
+
 ## 27.8.4
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4"
+  packageVersion: "27.9.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/CardWithUrl/component.js

@@ -49,6 +49,7 @@ function Component(_ref) {
     ui = _ref.ui,
     children = _ref.children,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
     analyticsEvents = _ref.analyticsEvents,
     useLegacyBlockCard = _ref.useLegacyBlockCard;
@@ -198,6 +199,7 @@ function Component(_ref) {
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
       showAuthTooltip: showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
@@ -229,6 +231,7 @@ function Component(_ref) {
         testId: testId,
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         showAuthTooltip: showAuthTooltip,
         actionOptions: actionOptions
       });

package/dist/cjs/view/CardWithUrl/loader.js

@@ -59,6 +59,7 @@ function CardWithURLRenderer(props) {
     children = props.children,
     ui = props.ui,
     showHoverPreview = props.showHoverPreview,
+    hoverPreviewOptions = props.hoverPreviewOptions,
     showAuthTooltip = props.showAuthTooltip,
     analyticsEvents = props.analyticsEvents,
     placeholder = props.placeholder,
@@ -129,6 +130,7 @@ function CardWithURLRenderer(props) {
     inlinePreloaderStyle: inlinePreloaderStyle,
     ui: ui,
     showHoverPreview: showHoverPreview,
+    hoverPreviewOptions: hoverPreviewOptions,
     showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
     placeholder: placeholder,

package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -22,7 +22,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
     testId = _ref.testId,
     url = _ref.url,
     _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY : _ref$delay;
+    delay = _ref$delay === void 0 ? FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY : _ref$delay,
+    hoverPreviewOptions = _ref.hoverPreviewOptions;
   var _useState = (0, _react.useState)(true),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     canOpen = _useState2[0],
@@ -69,7 +70,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
     closeOnChildClick: true,
     hidePreviewButton: hideHoverCardPreviewButton,
     actionOptions: actionOptions,
-    url: url
+    url: url,
+    hoverPreviewOptions: hoverPreviewOptions
   }, /*#__PURE__*/_react.default.createElement("span", {
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -187,6 +187,7 @@ var Container = function Container(_ref3) {
     showAuthTooltip = _ref3$showAuthTooltip === void 0 ? false : _ref3$showAuthTooltip,
     _ref3$showHoverPrevie = _ref3.showHoverPreview,
     showHoverPreview = _ref3$showHoverPrevie === void 0 ? false : _ref3$showHoverPrevie,
+    hoverPreviewOptions = _ref3.hoverPreviewOptions,
     actionOptions = _ref3.actionOptions,
     _ref3$size = _ref3.size,
     size = _ref3$size === void 0 ? _constants.SmartLinkSize.Medium : _ref3$size,
@@ -214,7 +215,8 @@ var Container = function Container(_ref3) {
       isAuthTooltip: canShowAuthTooltip,
       actionOptions: actionOptions,
       testId: testId,
-      url: context.url
+      url: context.url,
+      hoverPreviewOptions: hoverPreviewOptions
     }, container);
   }
   return container;

package/dist/cjs/view/FlexibleCard/index.js

@@ -39,6 +39,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     renderers = _ref.renderers,
     showAuthTooltip = _ref.showAuthTooltip,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     actionOptions = _ref.actionOptions,
     testId = _ref.testId,
     ui = _ref.ui,
@@ -104,6 +105,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     onClick: onClick,
     retry: retry,
     showHoverPreview: showHoverPreview,
+    hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
     showAuthTooltip: showAuthTooltip,
     status: status

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -33,6 +33,7 @@ var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
 var RESOLVE_DELAY = 100;
 var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponent(_ref) {
+  var _hoverPreviewOptions$;
   var children = _ref.children,
     url = _ref.url,
     _ref$id = _ref.id,
@@ -51,7 +52,9 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     _ref$zIndex = _ref.zIndex,
     zIndex = _ref$zIndex === void 0 ? _styled.HOVER_CARD_Z_INDEX : _ref$zIndex,
     _ref$noFadeDelay = _ref.noFadeDelay,
-    noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay;
+    noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay,
+    hoverPreviewOptions = _ref.hoverPreviewOptions;
+  var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   var _React$useState = _react2.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -161,10 +164,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       } else {
         fadeInTimeoutId.current = setTimeout(function () {
           setIsOpen(true);
-        }, FADE_IN_DELAY);
+        }, fadeInDelay);
       }
     }
-  }, [initResolve, isOpen, setMousePosition, noFadeDelay]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
   var linkActions = (0, _useSmartLinkActions.useSmartLinkActions)({
     url: url,
     appearance: _constants.CardDisplay.HoverCardPreview,

package/dist/cjs/view/InlineCard/ResolvedView/index.js

@@ -60,6 +60,7 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
         titlePrefix = _this$props.titlePrefix,
         _this$props$showHover = _this$props.showHoverPreview,
         showHoverPreview = _this$props$showHover === void 0 ? false : _this$props$showHover,
+        hoverPreviewOptions = _this$props.hoverPreviewOptions,
         actionOptions = _this$props.actionOptions;
       var inlineCardResolvedView = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
         testId: testId,
@@ -77,7 +78,8 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
         return /*#__PURE__*/_react.default.createElement(_index.HoverCard, {
           id: id,
           url: link,
-          actionOptions: actionOptions
+          actionOptions: actionOptions,
+          hoverPreviewOptions: hoverPreviewOptions
         }, inlineCardResolvedView);
       }
       return inlineCardResolvedView;

package/dist/cjs/view/InlineCard/index.js

@@ -70,6 +70,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
     testId = _ref.testId,
     inlinePreloaderStyle = _ref.inlinePreloaderStyle,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
     actionOptions = _ref.actionOptions;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
@@ -120,6 +121,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
       return /*#__PURE__*/_react.default.createElement(_ResolvedView.InlineCardResolvedView, (0, _extends2.default)({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         actionOptions: actionOptions,
         link: url,
         isSelected: isSelected,

package/dist/cjs/view/LinkUrl/index.js

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4",
+  packageVersion: "27.9.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4"
+  packageVersion: "27.9.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/CardWithUrl/component.js

@@ -39,6 +39,7 @@ function Component({
   ui,
   children,
   showHoverPreview,
+  hoverPreviewOptions,
   showAuthTooltip,
   analyticsEvents,
   useLegacyBlockCard
@@ -185,6 +186,7 @@ function Component({
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
       showAuthTooltip: showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
@@ -216,6 +218,7 @@ function Component({
         testId: testId,
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         showAuthTooltip: showAuthTooltip,
         actionOptions: actionOptions
       });

package/dist/es2019/view/CardWithUrl/loader.js

@@ -39,6 +39,7 @@ export function CardWithURLRenderer(props) {
     children,
     ui,
     showHoverPreview,
+    hoverPreviewOptions,
     showAuthTooltip,
     analyticsEvents,
     placeholder,
@@ -108,6 +109,7 @@ export function CardWithURLRenderer(props) {
     inlinePreloaderStyle,
     ui,
     showHoverPreview,
+    hoverPreviewOptions,
     showAuthTooltip,
     analyticsEvents,
     placeholder,

package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -10,7 +10,8 @@ const HoverCardControl = ({
   actionOptions,
   testId,
   url,
-  delay = FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY
+  delay = FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY,
+  hoverPreviewOptions
 }) => {
   const [canOpen, setCanOpen] = useState(true);
   const mouseStopTimer = useRef();
@@ -55,7 +56,8 @@ const HoverCardControl = ({
     closeOnChildClick: true,
     hidePreviewButton: hideHoverCardPreviewButton,
     actionOptions: actionOptions,
-    url: url
+    url: url,
+    hoverPreviewOptions: hoverPreviewOptions
   }, /*#__PURE__*/React.createElement("span", {
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -189,6 +189,7 @@ const Container = ({
   retry,
   showAuthTooltip = false,
   showHoverPreview = false,
+  hoverPreviewOptions,
   actionOptions,
   size = SmartLinkSize.Medium,
   status,
@@ -214,7 +215,8 @@ const Container = ({
       isAuthTooltip: canShowAuthTooltip,
       actionOptions: actionOptions,
       testId: testId,
-      url: context.url
+      url: context.url,
+      hoverPreviewOptions: hoverPreviewOptions
     }, container);
   }
   return container;

package/dist/es2019/view/FlexibleCard/index.js

@@ -25,6 +25,7 @@ const FlexibleCard = ({
   renderers,
   showAuthTooltip,
   showHoverPreview,
+  hoverPreviewOptions,
   actionOptions,
   testId,
   ui,
@@ -94,6 +95,7 @@ const FlexibleCard = ({
     onClick: onClick,
     retry: retry,
     showHoverPreview: showHoverPreview,
+    hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
     showAuthTooltip: showAuthTooltip,
     status: status

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -31,8 +31,11 @@ export const HoverCardComponent = ({
   actionOptions: actionOptionsProp,
   allowEventPropagation = false,
   zIndex = HOVER_CARD_Z_INDEX,
-  noFadeDelay = false
+  noFadeDelay = false,
+  hoverPreviewOptions
 }) => {
+  var _hoverPreviewOptions$;
+  const fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   const [isOpen, setIsOpen] = React.useState(false);
   const fadeOutTimeoutId = useRef();
   const fadeInTimeoutId = useRef();
@@ -139,10 +142,10 @@ export const HoverCardComponent = ({
       } else {
         fadeInTimeoutId.current = setTimeout(() => {
           setIsOpen(true);
-        }, FADE_IN_DELAY);
+        }, fadeInDelay);
       }
     }
-  }, [initResolve, isOpen, setMousePosition, noFadeDelay]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
   const linkActions = useSmartLinkActions({
     url,
     appearance: CardDisplay.HoverCardPreview,

package/dist/es2019/view/InlineCard/ResolvedView/index.js

@@ -35,6 +35,7 @@ export class InlineCardResolvedView extends React.Component {
       titleTextColor,
       titlePrefix,
       showHoverPreview = false,
+      hoverPreviewOptions,
       actionOptions
     } = this.props;
     const inlineCardResolvedView = /*#__PURE__*/React.createElement(Frame, {
@@ -53,7 +54,8 @@ export class InlineCardResolvedView extends React.Component {
       return /*#__PURE__*/React.createElement(HoverCard, {
         id: id,
         url: link,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        hoverPreviewOptions: hoverPreviewOptions
       }, inlineCardResolvedView);
     }
     return inlineCardResolvedView;

package/dist/es2019/view/InlineCard/index.js

@@ -30,6 +30,7 @@ export const InlineCard = ({
   testId,
   inlinePreloaderStyle,
   showHoverPreview,
+  hoverPreviewOptions,
   showAuthTooltip,
   actionOptions
 }) => {
@@ -85,6 +86,7 @@ export const InlineCard = ({
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         actionOptions: actionOptions,
         link: url,
         isSelected: isSelected,

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4",
+  packageVersion: "27.9.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4"
+  packageVersion: "27.9.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/CardWithUrl/component.js

@@ -39,6 +39,7 @@ function Component(_ref) {
     ui = _ref.ui,
     children = _ref.children,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
     analyticsEvents = _ref.analyticsEvents,
     useLegacyBlockCard = _ref.useLegacyBlockCard;
@@ -188,6 +189,7 @@ function Component(_ref) {
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
       showAuthTooltip: showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
@@ -219,6 +221,7 @@ function Component(_ref) {
         testId: testId,
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         showAuthTooltip: showAuthTooltip,
         actionOptions: actionOptions
       });

package/dist/esm/view/CardWithUrl/loader.js

@@ -47,6 +47,7 @@ export function CardWithURLRenderer(props) {
     children = props.children,
     ui = props.ui,
     showHoverPreview = props.showHoverPreview,
+    hoverPreviewOptions = props.hoverPreviewOptions,
     showAuthTooltip = props.showAuthTooltip,
     analyticsEvents = props.analyticsEvents,
     placeholder = props.placeholder,
@@ -117,6 +118,7 @@ export function CardWithURLRenderer(props) {
     inlinePreloaderStyle: inlinePreloaderStyle,
     ui: ui,
     showHoverPreview: showHoverPreview,
+    hoverPreviewOptions: hoverPreviewOptions,
     showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
     placeholder: placeholder,

package/dist/esm/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -12,7 +12,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
     testId = _ref.testId,
     url = _ref.url,
     _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY : _ref$delay;
+    delay = _ref$delay === void 0 ? FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY : _ref$delay,
+    hoverPreviewOptions = _ref.hoverPreviewOptions;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     canOpen = _useState2[0],
@@ -59,7 +60,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
     closeOnChildClick: true,
     hidePreviewButton: hideHoverCardPreviewButton,
     actionOptions: actionOptions,
-    url: url
+    url: url,
+    hoverPreviewOptions: hoverPreviewOptions
   }, /*#__PURE__*/React.createElement("span", {
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -177,6 +177,7 @@ var Container = function Container(_ref3) {
     showAuthTooltip = _ref3$showAuthTooltip === void 0 ? false : _ref3$showAuthTooltip,
     _ref3$showHoverPrevie = _ref3.showHoverPreview,
     showHoverPreview = _ref3$showHoverPrevie === void 0 ? false : _ref3$showHoverPrevie,
+    hoverPreviewOptions = _ref3.hoverPreviewOptions,
     actionOptions = _ref3.actionOptions,
     _ref3$size = _ref3.size,
     size = _ref3$size === void 0 ? SmartLinkSize.Medium : _ref3$size,
@@ -204,7 +205,8 @@ var Container = function Container(_ref3) {
       isAuthTooltip: canShowAuthTooltip,
       actionOptions: actionOptions,
       testId: testId,
-      url: context.url
+      url: context.url,
+      hoverPreviewOptions: hoverPreviewOptions
     }, container);
   }
   return container;

package/dist/esm/view/FlexibleCard/index.js

@@ -30,6 +30,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     renderers = _ref.renderers,
     showAuthTooltip = _ref.showAuthTooltip,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     actionOptions = _ref.actionOptions,
     testId = _ref.testId,
     ui = _ref.ui,
@@ -95,6 +96,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     onClick: onClick,
     retry: retry,
     showHoverPreview: showHoverPreview,
+    hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
     showAuthTooltip: showAuthTooltip,
     status: status

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -21,6 +21,7 @@ var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
 var RESOLVE_DELAY = 100;
 export var HoverCardComponent = function HoverCardComponent(_ref) {
+  var _hoverPreviewOptions$;
   var children = _ref.children,
     url = _ref.url,
     _ref$id = _ref.id,
@@ -39,7 +40,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     _ref$zIndex = _ref.zIndex,
     zIndex = _ref$zIndex === void 0 ? HOVER_CARD_Z_INDEX : _ref$zIndex,
     _ref$noFadeDelay = _ref.noFadeDelay,
-    noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay;
+    noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay,
+    hoverPreviewOptions = _ref.hoverPreviewOptions;
+  var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -149,10 +152,10 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       } else {
         fadeInTimeoutId.current = setTimeout(function () {
           setIsOpen(true);
-        }, FADE_IN_DELAY);
+        }, fadeInDelay);
       }
     }
-  }, [initResolve, isOpen, setMousePosition, noFadeDelay]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
   var linkActions = useSmartLinkActions({
     url: url,
     appearance: CardDisplay.HoverCardPreview,

package/dist/esm/view/InlineCard/ResolvedView/index.js

@@ -53,6 +53,7 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
         titlePrefix = _this$props.titlePrefix,
         _this$props$showHover = _this$props.showHoverPreview,
         showHoverPreview = _this$props$showHover === void 0 ? false : _this$props$showHover,
+        hoverPreviewOptions = _this$props.hoverPreviewOptions,
         actionOptions = _this$props.actionOptions;
       var inlineCardResolvedView = /*#__PURE__*/React.createElement(Frame, {
         testId: testId,
@@ -70,7 +71,8 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/React.createElement(HoverCard, {
           id: id,
           url: link,
-          actionOptions: actionOptions
+          actionOptions: actionOptions,
+          hoverPreviewOptions: hoverPreviewOptions
         }, inlineCardResolvedView);
       }
       return inlineCardResolvedView;

package/dist/esm/view/InlineCard/index.js

@@ -31,6 +31,7 @@ export var InlineCard = function InlineCard(_ref) {
     testId = _ref.testId,
     inlinePreloaderStyle = _ref.inlinePreloaderStyle,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
     actionOptions = _ref.actionOptions;
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -81,6 +82,7 @@ export var InlineCard = function InlineCard(_ref) {
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         actionOptions: actionOptions,
         link: url,
         isSelected: isSelected,

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4",
+  packageVersion: "27.9.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type CardAppearance, type CardPlatform, type CardProps } from './types';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/Card/types.d.ts

@@ -6,6 +6,7 @@ import { type AnalyticsFacade } from '../../state/analytics';
 import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 import { type FrameStyle } from '../EmbedCard/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type { CardAppearance, CardPlatform };
 export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
 export type EmbedIframeUrlType = 'href' | 'interactiveHref';
@@ -96,6 +97,7 @@ export interface CardProps extends WithAnalyticsEventsProps {
     ui?: FlexibleUiOptions;
     children?: React.ReactNode;
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     showAuthTooltip?: boolean;
     /**
      * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}

package/dist/types/view/CardWithUrl/types.d.ts

@@ -5,6 +5,7 @@ import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 import { type AnalyticsFacade } from '../../state/analytics';
 import { type FrameStyle } from '../EmbedCard/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type CardWithUrlContentProps = {
     id: string;
     url: string;
@@ -44,6 +45,7 @@ export type CardWithUrlContentProps = {
     ui?: FlexibleUiOptions;
     children?: React.ReactNode;
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     showAuthTooltip?: boolean;
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;

package/dist/types/view/FlexibleCard/components/container/hover-card-control/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type HoverCardDelayProps } from './types';
-declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, }: HoverCardDelayProps) => JSX.Element;
+declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, hoverPreviewOptions, }: HoverCardDelayProps) => JSX.Element;
 export default HoverCardControl;

package/dist/types/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from 'react';
 import { type ContainerProps } from '../types';
-export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
+export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions' | 'hoverPreviewOptions'> & {
     isHoverPreview?: boolean;
     isAuthTooltip?: boolean;
     testId?: string;

package/dist/types/view/FlexibleCard/components/container/index.d.ts

@@ -10,5 +10,5 @@ export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: b
  * @internal
  * @see Block
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hideHoverCardPreviewButton, hidePadding, onClick, retry, showAuthTooltip, showHoverPreview, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hideHoverCardPreviewButton, hidePadding, onClick, retry, showAuthTooltip, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
 export default Container;

package/dist/types/view/FlexibleCard/components/container/types.d.ts

@@ -1,7 +1,7 @@
 import { type PropsWithChildren } from 'react';
 import { type SmartLinkStatus } from '../../../../constants';
 import { type FlexibleCardProps, type FlexibleUiOptions, type RetryOptions } from '../../types';
-export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
+export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'hoverPreviewOptions' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
     /**
      * The options that determine the retry behaviour when a Smart Link errors.
      */

package/dist/types/view/FlexibleCard/types.d.ts

@@ -8,6 +8,7 @@ import type { CardInnerAppearance, OnResolveCallback, CardActionOptions } from '
 import { type OnErrorCallback } from '../types';
 import { type AnalyticsFacade } from '../../state/analytics';
 import { type AISummaryConfig } from '../../state/hooks/use-ai-summary-config/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type FlexibleCardProps = {
     /**
      * @internal A unique ID for a Smart Link.
@@ -81,6 +82,10 @@ export type FlexibleCardProps = {
      * over the smartlink. Default value is false.
      */
     showHoverPreview?: boolean;
+    /**
+     * Configuration options for hover preview
+     */
+    hoverPreviewOptions?: HoverPreviewOptions;
     /**
      * Determines whether to show an unauthorised view of the hover card
      * when a user hovers over a smartlink.

package/dist/types/view/HoverCard/types.d.ts

@@ -55,6 +55,7 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * This is passed to the portal component.
      */
     zIndex?: number;
+    hoverPreviewOptions?: HoverPreviewOptions;
 }
 /**
  * An internal props that internal smart-card components can use to configure
@@ -103,3 +104,9 @@ export type ImagePreviewProps = {
     data: JsonLd.Data.BaseData;
     fallbackElementHeight: number;
 };
+export interface HoverPreviewOptions {
+    /**
+     * Delay (in milliseconds) between hovering over the trigger element and the hover card opening. Defaults to 500ms.
+     */
+    fadeInDelay?: number;
+}

package/dist/types/view/InlineCard/ResolvedView/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type LozengeProps } from '../../../types';
 import type { CardActionOptions } from '../../Card/types';
+import { type HoverPreviewOptions } from '../../HoverCard/types';
 export interface InlineCardResolvedViewProps {
     /** A unique ID for a Smart Link. */
     id?: string;
@@ -26,6 +27,7 @@ export interface InlineCardResolvedViewProps {
     titlePrefix?: React.ReactNode;
     /** Enables showing a custom preview on hover of link */
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     /** Configure visibility of server and client actions */
     actionOptions?: CardActionOptions;
 }

package/dist/types/view/InlineCard/types.d.ts

@@ -4,6 +4,7 @@ import { type CardState } from '../../state/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 import { type AnalyticsFacade } from '../../state/analytics';
 import type { CardActionOptions } from '../Card/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type InlineCardProps = {
     id: string;
     url: string;
@@ -21,6 +22,7 @@ export type InlineCardProps = {
     inlinePreloaderStyle?: InlinePreloaderStyle;
     renderers?: CardProviderRenderers;
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     showAuthTooltip?: boolean;
     actionOptions?: CardActionOptions;
     analytics: AnalyticsFacade;

package/dist/types-ts4.5/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type CardAppearance, type CardPlatform, type CardProps } from './types';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "appearance" | "container" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "actionOptions" | "onResolve" | "ui" | "showHoverPreview" | "hoverPreviewOptions" | "showAuthTooltip" | "platform" | "isHovered" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "showServerActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "useLegacyBlockCard" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types-ts4.5/view/Card/types.d.ts

@@ -6,6 +6,7 @@ import { type AnalyticsFacade } from '../../state/analytics';
 import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 import { type FrameStyle } from '../EmbedCard/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type { CardAppearance, CardPlatform };
 export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
 export type EmbedIframeUrlType = 'href' | 'interactiveHref';
@@ -96,6 +97,7 @@ export interface CardProps extends WithAnalyticsEventsProps {
     ui?: FlexibleUiOptions;
     children?: React.ReactNode;
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     showAuthTooltip?: boolean;
     /**
      * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}

package/dist/types-ts4.5/view/CardWithUrl/types.d.ts

@@ -5,6 +5,7 @@ import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 import { type AnalyticsFacade } from '../../state/analytics';
 import { type FrameStyle } from '../EmbedCard/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type CardWithUrlContentProps = {
     id: string;
     url: string;
@@ -44,6 +45,7 @@ export type CardWithUrlContentProps = {
     ui?: FlexibleUiOptions;
     children?: React.ReactNode;
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     showAuthTooltip?: boolean;
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;

package/dist/types-ts4.5/view/FlexibleCard/components/container/hover-card-control/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type HoverCardDelayProps } from './types';
-declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, }: HoverCardDelayProps) => JSX.Element;
+declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, hoverPreviewOptions, }: HoverCardDelayProps) => JSX.Element;
 export default HoverCardControl;

package/dist/types-ts4.5/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from 'react';
 import { type ContainerProps } from '../types';
-export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
+export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions' | 'hoverPreviewOptions'> & {
     isHoverPreview?: boolean;
     isAuthTooltip?: boolean;
     testId?: string;

package/dist/types-ts4.5/view/FlexibleCard/components/container/index.d.ts

@@ -10,5 +10,5 @@ export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: b
  * @internal
  * @see Block
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hideHoverCardPreviewButton, hidePadding, onClick, retry, showAuthTooltip, showHoverPreview, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hideHoverCardPreviewButton, hidePadding, onClick, retry, showAuthTooltip, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
 export default Container;

package/dist/types-ts4.5/view/FlexibleCard/components/container/types.d.ts

@@ -1,7 +1,7 @@
 import { type PropsWithChildren } from 'react';
 import { type SmartLinkStatus } from '../../../../constants';
 import { type FlexibleCardProps, type FlexibleUiOptions, type RetryOptions } from '../../types';
-export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
+export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'hoverPreviewOptions' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
     /**
      * The options that determine the retry behaviour when a Smart Link errors.
      */

package/dist/types-ts4.5/view/FlexibleCard/types.d.ts

@@ -8,6 +8,7 @@ import type { CardInnerAppearance, OnResolveCallback, CardActionOptions } from '
 import { type OnErrorCallback } from '../types';
 import { type AnalyticsFacade } from '../../state/analytics';
 import { type AISummaryConfig } from '../../state/hooks/use-ai-summary-config/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type FlexibleCardProps = {
     /**
      * @internal A unique ID for a Smart Link.
@@ -81,6 +82,10 @@ export type FlexibleCardProps = {
      * over the smartlink. Default value is false.
      */
     showHoverPreview?: boolean;
+    /**
+     * Configuration options for hover preview
+     */
+    hoverPreviewOptions?: HoverPreviewOptions;
     /**
      * Determines whether to show an unauthorised view of the hover card
      * when a user hovers over a smartlink.

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -55,6 +55,7 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * This is passed to the portal component.
      */
     zIndex?: number;
+    hoverPreviewOptions?: HoverPreviewOptions;
 }
 /**
  * An internal props that internal smart-card components can use to configure
@@ -103,3 +104,9 @@ export type ImagePreviewProps = {
     data: JsonLd.Data.BaseData;
     fallbackElementHeight: number;
 };
+export interface HoverPreviewOptions {
+    /**
+     * Delay (in milliseconds) between hovering over the trigger element and the hover card opening. Defaults to 500ms.
+     */
+    fadeInDelay?: number;
+}

package/dist/types-ts4.5/view/InlineCard/ResolvedView/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type LozengeProps } from '../../../types';
 import type { CardActionOptions } from '../../Card/types';
+import { type HoverPreviewOptions } from '../../HoverCard/types';
 export interface InlineCardResolvedViewProps {
     /** A unique ID for a Smart Link. */
     id?: string;
@@ -26,6 +27,7 @@ export interface InlineCardResolvedViewProps {
     titlePrefix?: React.ReactNode;
     /** Enables showing a custom preview on hover of link */
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     /** Configure visibility of server and client actions */
     actionOptions?: CardActionOptions;
 }

package/dist/types-ts4.5/view/InlineCard/types.d.ts

@@ -4,6 +4,7 @@ import { type CardState } from '../../state/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 import { type AnalyticsFacade } from '../../state/analytics';
 import type { CardActionOptions } from '../Card/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type InlineCardProps = {
     id: string;
     url: string;
@@ -21,6 +22,7 @@ export type InlineCardProps = {
     inlinePreloaderStyle?: InlinePreloaderStyle;
     renderers?: CardProviderRenderers;
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     showAuthTooltip?: boolean;
     actionOptions?: CardActionOptions;
     analytics: AnalyticsFacade;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "27.8.4",
+	"version": "27.9.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
 		"@atlaskit/badge": "^16.3.0",
 		"@atlaskit/button": "^18.1.0",
 		"@atlaskit/checkbox": "^13.5.0",
-		"@atlaskit/dropdown-menu": "^12.13.0",
+		"@atlaskit/dropdown-menu": "^12.14.0",
 		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
 		"@atlaskit/heading": "^2.4.0",
@@ -50,7 +50,7 @@
 		"@atlaskit/linking-types": "^8.9.0",
 		"@atlaskit/logo": "^14.1.0",
 		"@atlaskit/lozenge": "^11.8.0",
-		"@atlaskit/menu": "^2.6.0",
+		"@atlaskit/menu": "^2.7.0",
 		"@atlaskit/modal-dialog": "^12.14.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -98,7 +98,7 @@
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/analytics-tooling": "*",
 		"@atlassian/feature-flags-test-utils": "^0.2.0",
-		"@testing-library/dom": "^8.17.1",
+		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/react-hooks": "^8.0.1",
@@ -112,9 +112,10 @@
 		"brace": "^0.11.1",
 		"fetch-mock": "^8.0.0",
 		"jest-emotion": "^10.0.32",
-		"jest-extended": "^0.11.2",
+		"jest-extended": "^4.0.2",
 		"jest-fetch-mock": "^3.0.3",
-		"jsdom": "^17.0.0",
+		"jest-mock": "^29.7.0",
+		"jsdom": "^22.0.0",
 		"lorem-ipsum": "^1.0.6",
 		"react": "^16.8.0",
 		"react-ace": "^6.1.0",
@@ -122,7 +123,7 @@
 		"react-dom": "^16.8.0",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-test-renderer": "^16.8.0",
-		"ts-jest": "26.5.6",
+		"ts-jest": "29.1.2",
 		"typescript": "~5.4.2",
 		"xhr-mock": "^2.4.0"
 	},