@atlaskit/smart-card 27.8.3 → 27.9.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @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
+
+- [#117063](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117063)
+  [`5b862e8b58b77`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b862e8b58b77) -
+  Fix AI summary icon partly showing blue colour when redesign feature flag is enabled
+
 ## 27.8.3
 
 ### 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.3"
+  packageVersion: "27.9.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/BlockCard/views/flexible/styled.js

@@ -10,7 +10,7 @@ var _colors = require("@atlaskit/theme/colors");
 
 // in editor prosemirror adds padding-left so we need to overwrite it
 // renderer overwrites the margin-right so we need to add it here
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'span[data-smart-element-avatar-group]': {
@@ -25,7 +25,7 @@ var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)({
     lineHeight: '1rem'
   }
 });
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var titleBlockCss = exports.titleBlockCss = (0, _react.css)({
   gap: "var(--ds-space-100, 0.5em)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -34,7 +34,7 @@ var titleBlockCss = exports.titleBlockCss = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var footerBlockCss = exports.footerBlockCss = (0, _react.css)({
   height: '1.5rem',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -46,7 +46,7 @@ var footerBlockCss = exports.footerBlockCss = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var flexibleBlockCardStyle = exports.flexibleBlockCardStyle = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > div': {

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/EmbedModal/components/link-info/styled.js

@@ -7,7 +7,7 @@ exports.titleCss = exports.iconCss = exports.containerStyles = exports.actionCss
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var containerStyles = exports.containerStyles = (0, _react.css)({
   alignItems: 'center',
   display: 'flex',
@@ -22,7 +22,7 @@ var iconSize = '24px';
 // EDM-7328: CSS Specificity
 // An embed modal icon css for img, span, svg has specificity weight of 0-1-1.
 // Specify flex ui icon selector to increase specificity weight to 0-2-1.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var iconCss = exports.iconCss = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&, [data-smart-element-icon] img, [data-smart-element-icon] span, [data-smart-element-icon] svg, img, span, svg': {
@@ -35,7 +35,7 @@ var iconCss = exports.iconCss = (0, _react.css)({
   }
 });
 var height = '20px';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var titleCss = exports.titleCss = (0, _react.css)({
   flex: '1 1 auto',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -57,7 +57,7 @@ var titleCss = exports.titleCss = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var actionCss = exports.actionCss = (0, _react.css)({
   display: 'flex',
   flex: '0 0 auto',

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -58,17 +58,21 @@ var ActionButton = function ActionButton(_ref) {
     }),
     size: size
   }) : iconOption;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, (0, _extends2.default)({
-    xcss: [buttonStyles, xcss]
-  }, tooltipProps, {
-    onClick: onClick,
-    testId: testId
-  }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    alignBlock: "center",
-    grow: "fill",
-    space: space
-  }, icon, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: contentStyles
-  }, content)));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    _react.default.createElement(_primitives.Pressable, (0, _extends2.default)({
+      xcss: [buttonStyles, xcss]
+    }, tooltipProps, {
+      onClick: onClick,
+      testId: testId
+    }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+      alignBlock: "center",
+      grow: "fill",
+      space: space
+    }, icon, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+      xcss: contentStyles
+    }, content)))
+  );
 };
 var _default = exports.default = ActionButton;

package/dist/cjs/view/FlexibleCard/components/actions/action/index.js

@@ -71,7 +71,9 @@ var Action = function Action(_ref) {
       onClick: onClick,
       size: size,
       testId: testId,
-      tooltipMessage: tooltipMessage || content,
+      tooltipMessage: tooltipMessage || content
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      ,
       xcss: xcss,
       tooltipOnHide: tooltipOnHide,
       hideTooltipOnMouseDown: hideTooltipOnMouseDown,

package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.js

@@ -90,7 +90,7 @@ var ActionBlock = function ActionBlock(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
         ,
         xcss: (0, _primitives.xcss)({
           paddingInline: padding

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-tooltip.js

@@ -36,9 +36,13 @@ var AIIndicatorTooltip = function AIIndicatorTooltip(_ref) {
     content: content,
     tag: "span"
   }, function (tooltipProps) {
-    return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
-      xcss: [triggerStyles, overrideXcss]
-    }, tooltipProps), trigger);
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      _react.default.createElement(_primitives.Box, (0, _extends2.default)({
+        xcss: [triggerStyles, overrideXcss]
+      }, tooltipProps), trigger)
+    );
   });
 };
 var _default = exports.default = AIIndicatorTooltip;

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -38,7 +38,7 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
   var intl = (0, _reactIntlNext.useIntl)();
   return resolvedResults.length > 0 ?
   /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   _react.default.createElement(_primitives.Stack, {
     testId: testId,
     xcss: (0, _primitives.xcss)({

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -29,7 +29,7 @@ var ResolvedResultsStack = function ResolvedResultsStack(_ref) {
     space: "space.050",
     testId: "".concat(testId, "-items-wrapper"),
     as: "ul"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     ,
     xcss: (0, _primitives.xcss)({
       paddingLeft: 'space.0',

package/dist/cjs/view/FlexibleCard/components/blocks/utils.js

@@ -85,7 +85,7 @@ var getBaseStyles = exports.getBaseStyles = function getBaseStyles(direction, si
   });
 };
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var highlightRemoveStyles = exports.highlightRemoveStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\toutline: none !important;\n\toutline-color: inherit;\n\tcolor: inherit;\n\t-webkit-tap-highlight-color: transparent;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n"])));
 var isActionGroup = function isActionGroup(node) {
   return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _actionGroup.default;

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/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js

@@ -9,7 +9,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../../../utils");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var dropdownItemGroupStyles = exports.dropdownItemGroupStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
@@ -30,7 +30,7 @@ var sharedBlockStyles = (0, _react.css)({
   alignItems: 'center'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var contentStyles = exports.contentStyles = (0, _react.css)(sharedBlockStyles, {
   marginTop: "var(--ds-space-025, 2px)",
   alignItems: 'flex-start',
@@ -42,7 +42,7 @@ var contentStyles = exports.contentStyles = (0, _react.css)(sharedBlockStyles, {
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var linkStyles = exports.linkStyles = (0, _react.css)(sharedBlockStyles, {
   cursor: 'pointer',
   fontSize: '0.875rem',

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/styled.js

@@ -7,7 +7,7 @@ exports.triggerLozengeStyles = exports.triggerButtonStyles = exports.dropdownIte
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var triggerButtonStyles = exports.triggerButtonStyles = (0, _react.css)({
   all: 'unset',
   backgroundColor: 'transparent',
@@ -31,7 +31,7 @@ var triggerButtonStyles = exports.triggerButtonStyles = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var triggerLozengeStyles = exports.triggerLozengeStyles = (0, _react.css)({
   alignItems: 'center',
   display: 'flex',
@@ -41,7 +41,7 @@ var triggerLozengeStyles = exports.triggerLozengeStyles = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var dropdownItemGroupStyles = exports.dropdownItemGroupStyles = (0, _react.css)({
   maxHeight: '300px',
   overflowY: 'auto',

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/HoverCard/components/views/forbidden/styled.js

@@ -9,14 +9,14 @@ var _react = require("@emotion/react");
 
 var titleFontWeight = '600';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
   justifyContent: 'center',
   fontWeight: titleFontWeight,
   marginTop: "var(--ds-space-100, 8px)"
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   display: 'inline',
   justifyContent: 'center',
@@ -25,7 +25,7 @@ var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   textAlign: 'center'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var connectButtonStyles = exports.connectButtonStyles = (0, _react.css)({
   justifyContent: 'center',
   marginTop: "var(--ds-space-100, 8px)"

package/dist/cjs/view/HoverCard/components/views/resolved/styled.js

@@ -11,15 +11,15 @@ var _styled = require("../../../styled");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var elementGap = '0.5rem';
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tgap: 0px;\n\t/* primary element group */\n\t[data-smart-element-group]:nth-of-type(1) {\n\t\tflex-grow: 7;\n\n\t\t// a separator between text-based element\n\t\t", "\n\n\t\t/* horizontal spacing between elements in group */\n    > span {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n\t/* secondary element group */\n\t[data-smart-element-group]:nth-of-type(2) {\n\t\tflex-grow: 3;\n\t\t/* horizontal spacing between elements in group */\n\t\t> span {\n\t\t\tmargin-left: ", ";\n\t\t}\n\t}\n\n\t[data-smart-element-group] {\n\t\tline-height: 1rem;\n\t}\n"])), _styled.separatorCss, elementGap, elementGap);
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var footerBlockCss = exports.footerBlockCss = (0, _react.css)({
   height: '1.5rem'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var hiddenSnippetStyles = exports.hiddenSnippetStyles = (0, _react.css)({
   visibility: 'hidden',
   position: 'absolute'

package/dist/cjs/view/HoverCard/components/views/resolving/styled.js

@@ -7,14 +7,14 @@ exports.titleBlockStyles = exports.skeletonContainer = exports.loadingViewContai
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var loadingViewContainer = exports.loadingViewContainer = (0, _react.css)({
   display: 'flex',
   flexDirection: 'column',
   padding: "var(--ds-space-200, 1rem)"
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var skeletonContainer = exports.skeletonContainer = (0, _react.css)({
   display: 'flex',
   flexDirection: 'column',
@@ -34,7 +34,7 @@ var getTitleStyles = exports.getTitleStyles = function getTitleStyles(height) {
   });
 };
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
   width: '100%',
   gap: "var(--ds-space-100, 0.5rem)"

package/dist/cjs/view/HoverCard/components/views/unauthorised/styled.js

@@ -11,13 +11,13 @@ var blockGap = '0.5rem';
 var iconGap = '0.5rem';
 var titleFontWeight = '500';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var connectButtonStyles = exports.connectButtonStyles = (0, _react.css)({
   justifyContent: 'flex-end',
   marginTop: blockGap
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
   gap: "".concat(blockGap, " ").concat(iconGap),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -26,7 +26,7 @@ var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   marginTop: blockGap,
   fontSize: '0.75rem'

package/dist/cjs/view/HoverCard/styled.js

@@ -28,7 +28,7 @@ var CARD_GAP_PX = exports.CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var separatorCss = exports.separatorCss = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '[data-separator] + [data-separator]:before': {
@@ -36,10 +36,10 @@ var separatorCss = exports.separatorCss = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var HoverCardContainer = exports.HoverCardContainer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbackground: none;\n\tborder-width: 0;\n\tbox-sizing: border-box;\n\twidth: ", "rem;\n\n\t.", " {\n\t\tdisplay: none;\n\t}\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, _index.loadingPlaceholderClassName);
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var titleBlockCss = exports.titleBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tgap: ", ";\n\n\t", "\n\n\t// title and subtitle element group\n  [data-smart-element-group] {\n\t\t// gap between title and subtitle\n\t\tgap: 0.06rem;\n\t\tdisplay: flex;\n\t\t/* subtitle element group */\n\t\t> [data-smart-element-group] {\n\t\t\t> span {\n\t\t\t\tmargin-right: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t[data-smart-element='Title'] {\n\t\tfont-weight: 600;\n\t}\n"])), blockGap, separatorCss, elementGap);
 var getTransitionStyles = exports.getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return (0, _react.css)({
@@ -49,7 +49,7 @@ var getTransitionStyles = exports.getTransitionStyles = function getTransitionSt
   });
 };
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var popupContainerStyles = exports.popupContainerStyles = (0, _react.css)({
   borderRadius: "var(--ds-border-radius-200, 8px)",
   backgroundColor: "var(--ds-surface-overlay, white)",

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/LinkWarningModal/styled.js

@@ -7,7 +7,7 @@ exports.breakWordsCss = void 0;
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var breakWordsCss = exports.breakWordsCss = (0, _react.css)({
   whiteSpace: 'pre-line',
   wordBreak: 'break-all'

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.3",
+  packageVersion: "27.9.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/RelatedLinksModal/components/related-links-list/index.js

@@ -22,7 +22,7 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
     testId: testId
   }, (0, _react.jsx)(_primitives.Box, {
     paddingBlockStart: "space.050"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     ,
     xcss: (0, _primitives.xcss)({
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -36,7 +36,7 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
       testId: "".concat(testId, "-item-").concat(idx)
     }));
   })), urls.length === 0 &&
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
   (0, _react.jsx)(_primitives.Box, {
     paddingBlock: "space.100",
     xcss: (0, _primitives.xcss)({