@atlaskit/smart-card 27.8.3 → 27.9.0

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

@@ -21,7 +21,7 @@ export const CARD_GAP_PX = 10;
 const blockGap = '0.5rem';
 const 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
 export const separatorCss = 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': {
@@ -29,7 +29,7 @@ export const separatorCss = 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
 export const HoverCardContainer = css`
 	background: none;
 	border-width: 0;
@@ -41,7 +41,7 @@ export const HoverCardContainer = 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
 export const titleBlockCss = css`
 	gap: ${blockGap};
 
@@ -70,7 +70,7 @@ export const getTransitionStyles = snippetHeight => css({
   height: `${snippetHeight}px`
 });
 
-// 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
 export const popupContainerStyles = css({
   borderRadius: "var(--ds-border-radius-200, 8px)",
   backgroundColor: "var(--ds-surface-overlay, white)",

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

@@ -1,7 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 
-// 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
 export const breakWordsCss = css({
   whiteSpace: 'pre-line',
   wordBreak: 'break-all'

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

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

@@ -15,7 +15,7 @@ const RelatedLinksList = ({
     testId: testId
   }, jsx(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: 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)",
@@ -27,7 +27,7 @@ const RelatedLinksList = ({
     url: url,
     testId: `${testId}-item-${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
   jsx(Box, {
     paddingBlock: "space.100",
     xcss: xcss({

package/dist/es2019/view/common/ai-icon/index.js

@@ -1,113 +1,109 @@
 import React from 'react';
 import SVG from '@atlaskit/icon/svg';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B200, B400 } from '@atlaskit/theme/colors';
 /**
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications
  */
-const AiIcon = props => {
-  const iconColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`;
-  const textColor = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-text-accent-blue, ${B400})`;
-  return /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "ai_icon_lg0",
-    x1: "21",
-    y1: "12",
-    x2: "17.5",
-    y2: "12",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.270833",
-    stopColor: iconColor,
-    color: iconColor
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    stopColor: textColor,
-    color: textColor
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "ai_icon_lg1",
-    x1: "12.5",
-    y1: "3",
-    x2: "12.5",
-    y2: "6.5",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.1875",
-    stopColor: iconColor,
-    color: iconColor
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    stopColor: textColor,
-    color: textColor
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "ai_icon_lg2",
-    x1: "6.82996",
-    y1: "12",
-    x2: "3.32996",
-    y2: "12",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: textColor,
-    color: textColor
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.791667",
-    stopColor: iconColor,
-    color: iconColor
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "ai_icon_lg3",
-    x1: "12.5",
-    y1: "17",
-    x2: "12.5",
-    y2: "21",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: textColor,
-    color: textColor
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.802083",
-    stopColor: iconColor,
-    color: iconColor
-  }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
-    fill: "url(#ai_icon_lg0)"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
-    fill: "url(#ai_icon_lg1)"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
-    fill: "url(#ai_icon_lg2)"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
-    fill: "url(#ai_icon_lg3)"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
-    fill: iconColor
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
-    fill: iconColor
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
-    fill: iconColor
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
-    fill: iconColor
-  })));
-};
+const AiIcon = props => /*#__PURE__*/React.createElement(SVG, props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  id: "ai_icon_lg0",
+  x1: "21",
+  y1: "12",
+  x2: "17.5",
+  y2: "12",
+  gradientUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("stop", {
+  offset: "0.270833",
+  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
+  color: `var(--ds-icon-accent-blue, ${B200})`
+}), /*#__PURE__*/React.createElement("stop", {
+  offset: "1",
+  stopColor: `var(--ds-text-accent-blue, ${B400})`,
+  color: `var(--ds-text-accent-blue, ${B400})`
+})), /*#__PURE__*/React.createElement("linearGradient", {
+  id: "ai_icon_lg1",
+  x1: "12.5",
+  y1: "3",
+  x2: "12.5",
+  y2: "6.5",
+  gradientUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("stop", {
+  offset: "0.1875",
+  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
+  color: `var(--ds-icon-accent-blue, ${B200})`
+}), /*#__PURE__*/React.createElement("stop", {
+  offset: "1",
+  stopColor: `var(--ds-text-accent-blue, ${B400})`,
+  color: `var(--ds-text-accent-blue, ${B400})`
+})), /*#__PURE__*/React.createElement("linearGradient", {
+  id: "ai_icon_lg2",
+  x1: "6.82996",
+  y1: "12",
+  x2: "3.32996",
+  y2: "12",
+  gradientUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: `var(--ds-text-accent-blue, ${B400})`,
+  color: `var(--ds-text-accent-blue, ${B400})`
+}), /*#__PURE__*/React.createElement("stop", {
+  offset: "0.791667",
+  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
+  color: `var(--ds-icon-accent-blue, ${B200})`
+})), /*#__PURE__*/React.createElement("linearGradient", {
+  id: "ai_icon_lg3",
+  x1: "12.5",
+  y1: "17",
+  x2: "12.5",
+  y2: "21",
+  gradientUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: `var(--ds-text-accent-blue, ${B400})`,
+  color: `var(--ds-text-accent-blue, ${B400})`
+}), /*#__PURE__*/React.createElement("stop", {
+  offset: "0.802083",
+  stopColor: `var(--ds-icon-accent-blue, ${B200})`,
+  color: `var(--ds-icon-accent-blue, ${B200})`
+}))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M17.17 12C17.17 11.4477 17.6177 11 18.17 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H18.17C17.6177 13 17.17 12.5523 17.17 12Z",
+  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg0)'
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M12 3C12.5523 3 13 3.44772 13 4V5.83C13 6.38228 12.5523 6.83 12 6.83C11.4477 6.83 11 6.38228 11 5.83V4C11 3.44772 11.4477 3 12 3Z",
+  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg1)'
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M3 12C3 11.4477 3.44772 11 4 11H5.83C6.38228 11 6.83 11.4477 6.83 12C6.83 12.5523 6.38228 13 5.83 13H4C3.44772 13 3 12.5523 3 12Z",
+  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg2)'
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M12 17.17C12.5523 17.17 13 17.6177 13 18.17V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.17C11 17.6177 11.4477 17.17 12 17.17Z",
+  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : 'url(#ai_icon_lg3)'
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M14.2929 14.2929C14.6835 13.9024 15.3166 13.9024 15.7071 14.2929L19.7071 18.2929C20.0977 18.6834 20.0977 19.3166 19.7071 19.7071C19.3166 20.0976 18.6835 20.0976 18.2929 19.7071L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929Z",
+  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M19.7071 4.29289C20.0977 4.68342 20.0977 5.31658 19.7071 5.70711L15.7071 9.70711C15.3166 10.0976 14.6835 10.0976 14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289L18.2929 4.29289C18.6835 3.90237 19.3166 3.90237 19.7071 4.29289Z",
+  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z",
+  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L8.29289 14.2929C8.68342 13.9024 9.31658 13.9024 9.70711 14.2929Z",
+  fill: fg('platform.linking-platform.smart-card.hover-card-action-redesign') ? "var(--ds-icon, #44546F)" : `var(--ds-icon-accent-blue, ${B200})`
+})));
 export default AiIcon;

package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.js

@@ -11,7 +11,7 @@ const borderContainerStyles = css({
   width: 'fit-content'
 });
 
-// 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
 export const borderContentStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: INNER_BORDER_RADIUS,

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.3"
+  packageVersion: "27.9.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -4,7 +4,7 @@ import { N40 } from '@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
 export var metadataBlockCss = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'span[data-smart-element-avatar-group]': {
@@ -19,7 +19,7 @@ export var metadataBlockCss = 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
 export var titleBlockCss = css({
   gap: "var(--ds-space-100, 0.5em)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -28,7 +28,7 @@ export var titleBlockCss = 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
 export var footerBlockCss = css({
   height: '1.5rem',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -40,7 +40,7 @@ export var footerBlockCss = 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
 export var flexibleBlockCardStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > div': {

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

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-// 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
 export var containerStyles = css({
   alignItems: 'center',
   display: 'flex',
@@ -15,7 +15,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
 export var iconCss = 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': {
@@ -28,7 +28,7 @@ export var iconCss = 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
 export var titleCss = css({
   flex: '1 1 auto',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -50,7 +50,7 @@ export var titleCss = 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
 export var actionCss = css({
   display: 'flex',
   flex: '0 0 auto',

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

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

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

@@ -64,7 +64,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/esm/view/FlexibleCard/components/blocks/action-block/index.js

@@ -79,7 +79,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: xcss({
           paddingInline: padding

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

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

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

@@ -27,7 +27,7 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
   var intl = 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.createElement(Stack, {
     testId: testId,
     xcss: xcss({

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

@@ -19,7 +19,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: xcss({
       paddingLeft: 'space.0',

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

@@ -77,7 +77,7 @@ export var getBaseStyles = function getBaseStyles(direction, size) {
   });
 };
 
-// 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
 export var highlightRemoveStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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.isValidElement(node) && node.type === ActionGroup;

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;