@atlaskit/smart-card 27.1.0 → 27.2.1

package/dist/esm/state/modal/index.js

@@ -0,0 +1,59 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { Suspense, useCallback, useContext, useMemo, useState } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+var FALLBACK_API = {
+  open: function open() {},
+  close: function close() {}
+};
+export var SmartLinkModalContext = /*#__PURE__*/React.createContext(FALLBACK_API);
+export var SmartLinkModalProvider = function SmartLinkModalProvider(_ref) {
+  var children = _ref.children;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    element = _useState2[0],
+    setElement = _useState2[1];
+  var api = useMemo(function () {
+    return {
+      open: function open(modal) {
+        return setElement( /*#__PURE__*/React.createElement(Suspense, {
+          fallback: null
+        }, modal));
+      },
+      close: function close() {
+        return setElement(null);
+      }
+    };
+  }, []);
+  var fallbackRender = useCallback(function (_ref2) {
+    var resetErrorBoundary = _ref2.resetErrorBoundary;
+    resetErrorBoundary();
+    return null;
+  }, []);
+  var onReset = useCallback(function () {
+    return setElement(null);
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SmartLinkModalContext.Provider, {
+    value: api
+  }, children), /*#__PURE__*/React.createElement(ErrorBoundary, {
+    fallbackRender: fallbackRender,
+    onReset: onReset
+  }, element));
+};
+
+/**
+ * Open (lazy load) modal
+ *
+ * This hook injects the element below Card and standalone HoverCard component.
+ * It is intended to solve the issue where modal triggered by the parent component
+ * disappear when the parent component is unmounted.
+ *
+ * For example, clicking on hover card action to open a modal. Once the modal is opened,
+ * hover card disappears.
+ *
+ * Usage:
+ *   const modal = useSmartLinkModal()
+ *   modal.open(<SomeLazyLoadModal isOpen={true} onClose={() => modal.close()} />);
+ */
+export var useSmartLinkModal = function useSmartLinkModal() {
+  return useContext(SmartLinkModalContext);
+};

package/dist/esm/state/modal/types.js

@@ -0,0 +1 @@
+export {};

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

package/dist/esm/view/BlockCard/components/ActionIcon.js

@@ -21,20 +21,28 @@ export var ActionIcon = function ActionIcon(_ref) {
     case 'loading':
       return null;
     case 'success':
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "check-icon",
-        style: spinnerStyles
-      }, /*#__PURE__*/React.createElement(CheckIcon, {
-        size: "small",
-        label: "check"
-      }));
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        React.createElement("div", {
+          "data-testid": "check-icon",
+          style: spinnerStyles
+        }, /*#__PURE__*/React.createElement(CheckIcon, {
+          size: "small",
+          label: "check"
+        }))
+      );
     case 'failure':
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "cross-icon",
-        style: spinnerStyles
-      }, /*#__PURE__*/React.createElement(CrossIcon, {
-        size: "small",
-        label: "check"
-      }));
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        React.createElement("div", {
+          "data-testid": "cross-icon",
+          style: spinnerStyles
+        }, /*#__PURE__*/React.createElement(CrossIcon, {
+          size: "small",
+          label: "check"
+        }))
+      );
   }
 };

package/dist/esm/view/BlockCard/components/Content.js

@@ -21,7 +21,9 @@ export var Content = function Content(_ref) {
       justifyContent: isCompact ? 'unset' : ['unset', 'space-between'],
       flexGrow: 1
     }),
-    "data-trello-do-not-use-override": "block-card-content",
+    "data-trello-do-not-use-override": "block-card-content"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardContentClassName
   }, children);
 };

package/dist/esm/view/BlockCard/components/ContentFooter.js

@@ -15,7 +15,9 @@ export var ContentFooter = function ContentFooter(_ref) {
       alignItems: ['unset', 'center'],
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       marginTop: [gs(1), gs(1.5)]
-    }),
+    })
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: contentFooterClassName
   }, children);
 };

package/dist/esm/view/BlockCard/components/ContentHeader.js

@@ -25,7 +25,9 @@ export var ContentHeader = function ContentHeader(_ref) {
       // due to HTML its unwrapping behaviour on paste.
       MozUserSelect: 'none'
     },
-    "data-trello-do-not-use-override": "block-card-content-header",
+    "data-trello-do-not-use-override": "block-card-content-header"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardContentHeaderClassName
   }, children);
 };

package/dist/esm/view/BlockCard/components/Frame.js

@@ -41,7 +41,9 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       overflow: 'hidden',
       boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(N50A, ", 0 0 1px 1px ").concat(N40A), ")")
     })),
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className,
     "data-trello-do-not-use-override": testId
   }, children);
@@ -68,7 +70,9 @@ export var CompactFrame = function CompactFrame(_ref2) {
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       padding: ["0px ".concat(gs(1)), '0']
     })),
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className
   }, children);
 };

package/dist/esm/view/BlockCard/components/Link.js

@@ -7,7 +7,9 @@ export var Link = function Link(_ref) {
     testId = _ref$testId === void 0 ? 'block-card' : _ref$testId,
     className = _ref.className;
   return jsx("span", {
-    "data-testid": "".concat(testId, "-link"),
+    "data-testid": "".concat(testId, "-link")
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className,
     css: {
       color: "var(--ds-link, ".concat(B400, ")"),

package/dist/esm/view/BlockCard/components/Name.js

@@ -34,7 +34,9 @@ export var Name = function Name(_ref) {
       maxHeight: gs(6)
     },
     "data-testid": testId,
-    "data-trello-do-not-use-override": "block-card-content-header-name",
+    "data-trello-do-not-use-override": "block-card-content-header-name"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardContentHeaderNameClassName
   }, name);
 };

package/dist/esm/view/BlockCard/components/Provider.js

@@ -8,6 +8,7 @@ export var Provider = function Provider(_ref) {
   var iconToRender = icon || null;
   if (typeof icon === 'string') {
     iconToRender = jsx("img", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "smart-link-icon",
       css: {
         height: gs(1.5),

package/dist/esm/view/BlockCard/views/ErroredView.js

@@ -46,7 +46,9 @@ export var ErroredView = function ErroredView(_ref) {
   }, [onRetry]);
   return jsx(Frame, {
     isSelected: isSelected,
-    testId: testId,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardErroredViewClassName,
     isFluidHeight: true,
     inheritDimensions: inheritDimensions

package/dist/esm/view/BlockCard/views/ForbiddenView.js

@@ -61,7 +61,9 @@ export var ForbiddenView = function ForbiddenView(_ref) {
   var items = action !== undefined && !(buttonDisabled !== null && buttonDisabled !== void 0 ? buttonDisabled : false) ? [].concat(_toConsumableArray(actions), [action]) : actions;
   return jsx(Frame, {
     isSelected: isSelected,
-    testId: testId,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardForbiddenViewClassName,
     isFluidHeight: true
   }, jsx(Content, {
@@ -71,7 +73,9 @@ export var ForbiddenView = function ForbiddenView(_ref) {
     link: link
   }, jsx(Link, {
     url: link,
-    testId: testId,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardForbiddenViewLinkClassName
   })), jsx(Byline, null, jsx(UnresolvedText, {
     icon: jsx(LockIcon, {

package/dist/esm/view/BlockCard/views/NotFoundView.js

@@ -43,7 +43,9 @@ export var NotFoundView = function NotFoundView(_ref) {
   };
   return jsx(Frame, {
     isSelected: isSelected,
-    testId: testId,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardNotFoundViewClassName,
     isFluidHeight: true
   }, jsx(Content, {

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -75,7 +75,9 @@ export var ResolvedView = function ResolvedView(_ref) {
     items: details
   }) : undefined;
   var resolvedByline = jsx(Byline, {
-    testId: testId ? "".concat(testId, "-by") : undefined,
+    testId: testId ? "".concat(testId, "-by") : undefined
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardResolvedViewByClassName
   }, byline);
   var handleClick = function handleClick(event) {
@@ -84,7 +86,9 @@ export var ResolvedView = function ResolvedView(_ref) {
   var hasActions = actions.length > 0;
   return jsx(Frame, {
     isSelected: isSelected,
-    testId: testId,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardResolvedViewClassName
   }, jsx(Content, null, jsx("div", null, jsx("div", {
     css: styles

package/dist/esm/view/BlockCard/views/ResolvingView.js

@@ -24,7 +24,9 @@ export var ResolvingView = function ResolvingView(_ref) {
     inheritDimensions: inheritDimensions,
     compact: true,
     isSelected: isSelected,
-    testId: testId,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: blockCardResolvingViewClassName
   }, jsx(DocumentFilledIcon, {
     size: "small",

package/dist/esm/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -49,6 +49,8 @@ export function LazyIntersectionObserverCard(props) {
   var content = isIntersecting ? /*#__PURE__*/React.createElement(CardWithUrlContent, props) : /*#__PURE__*/React.createElement(ComponentObserver, {
     ref: ref
   }, /*#__PURE__*/React.createElement(LoadingCardLink, props));
+
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   return /*#__PURE__*/React.createElement(Component, {
     className: "loader-wrapper"
   }, content);

package/dist/esm/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.js

@@ -14,7 +14,9 @@ export function LazyLazilyRenderCard(props) {
   });
   return /*#__PURE__*/React.createElement(LazilyRender, {
     offset: offset,
-    component: appearance === 'inline' ? 'span' : 'div',
+    component: appearance === 'inline' ? 'span' : 'div'
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "loader-wrapper",
     placeholder: /*#__PURE__*/React.createElement(LoadingCardLink, props),
     scrollContainer: container,

package/dist/esm/view/CardWithUrl/component-lazy/LoadingCardLink.js

@@ -10,7 +10,9 @@ export var LoadingCardLink = function LoadingCardLink(_ref) {
     testId: 'lazy-render-placeholder',
     "data-trello-do-not-use-override": "lazy-render-placeholder-trello",
     isSelected: isSelected,
-    link: url,
+    link: url
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: loadingPlaceholderClassName,
     placeholder: placeholder
   });

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

@@ -1,6 +1,7 @@
 import React, { useEffect, useCallback, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useFeatureFlag } from '@atlaskit/link-provider';
+import { SmartLinkModalProvider } from '../../state/modal';
 import { combineFrameStyle, isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
 import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct, getCanBeDatasource } from '../../state/helpers';
@@ -268,9 +269,9 @@ function Component(_ref) {
 }
 export var CardWithUrlContent = function CardWithUrlContent(props) {
   var display = isFlexibleUiCard(props.children) ? CardDisplay.Flexible : props.appearance;
-  return /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
+  return /*#__PURE__*/React.createElement(SmartLinkModalProvider, null, /*#__PURE__*/React.createElement(SmartLinkAnalyticsContext, {
     url: props.url,
     id: props.id,
     display: display
-  }, /*#__PURE__*/React.createElement(Component, props));
+  }, /*#__PURE__*/React.createElement(Component, props)));
 };

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -31,35 +31,43 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
   var handleMouseDown = useMouseDownEvent();
   var isFixEmbedCardBlurEnabled = getBooleanFF('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   var renderHeaderOld = function renderHeaderOld() {
-    return /*#__PURE__*/React.createElement(Header, {
-      className: "embed-header",
-      frameStyle: frameStyle
-    }, /*#__PURE__*/React.createElement(IconWrapper, {
-      isPlaceholder: isPlaceholder
-    }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(TextWrapper, {
-      isPlaceholder: isPlaceholder
-    }, !isPlaceholder && /*#__PURE__*/React.createElement("a", {
-      href: href,
-      onClick: handleClick,
-      onMouseDown: handleMouseDown
-    }, text)));
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      React.createElement(Header, {
+        className: "embed-header",
+        frameStyle: frameStyle
+      }, /*#__PURE__*/React.createElement(IconWrapper, {
+        isPlaceholder: isPlaceholder
+      }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(TextWrapper, {
+        isPlaceholder: isPlaceholder
+      }, !isPlaceholder && /*#__PURE__*/React.createElement("a", {
+        href: href,
+        onClick: handleClick,
+        onMouseDown: handleMouseDown
+      }, text)))
+    );
   };
   var renderHeader = function renderHeader() {
-    return /*#__PURE__*/React.createElement(Header, {
-      className: "embed-header",
-      frameStyle: frameStyle
-    }, /*#__PURE__*/React.createElement(IconWrapper, {
-      isPlaceholder: isPlaceholder
-    }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(TooltipWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
-      content: text,
-      hideTooltipOnMouseDown: true
-    }, /*#__PURE__*/React.createElement(TextWrapper, {
-      isPlaceholder: isPlaceholder
-    }, !isPlaceholder && /*#__PURE__*/React.createElement("a", {
-      href: href,
-      onClick: handleClick,
-      onMouseDown: handleMouseDown
-    }, text)))));
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      React.createElement(Header, {
+        className: "embed-header",
+        frameStyle: frameStyle
+      }, /*#__PURE__*/React.createElement(IconWrapper, {
+        isPlaceholder: isPlaceholder
+      }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(TooltipWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
+        content: text,
+        hideTooltipOnMouseDown: true
+      }, /*#__PURE__*/React.createElement(TextWrapper, {
+        isPlaceholder: isPlaceholder
+      }, !isPlaceholder && /*#__PURE__*/React.createElement("a", {
+        href: href,
+        onClick: handleClick,
+        onMouseDown: handleMouseDown
+      }, text)))))
+    );
   };
   var renderContent = function renderContent() {
     return /*#__PURE__*/React.createElement(Content, {
@@ -71,7 +79,9 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     }, children);
   };
   if (!isPlaceholder && href) {
-    return /*#__PURE__*/React.createElement(LinkWrapper, {
+    return /*#__PURE__*/React.createElement(LinkWrapper
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    , {
       className: className,
       isInteractive: isInteractive(),
       isSelected: isSelected,
@@ -86,7 +96,9 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       inheritDimensions: inheritDimensions
     }, getBooleanFF('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   } else {
-    return /*#__PURE__*/React.createElement(Wrapper, {
+    return /*#__PURE__*/React.createElement(Wrapper
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    , {
       className: className,
       isInteractive: isInteractive(),
       isSelected: isSelected,

package/dist/esm/view/EmbedCard/components/ImageIcon.js

@@ -16,7 +16,9 @@ export var ImageIcon = function ImageIcon(_ref) {
   return /*#__PURE__*/React.createElement(ImageLoader, {
     src: src,
     loading: defaultIcon,
-    loaded: /*#__PURE__*/React.createElement(Image, {
+    loaded: /*#__PURE__*/React.createElement(Image
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    , {
       className: "smart-link-icon",
       src: src,
       alt: alt,

package/dist/esm/view/EmbedModal/components/link-info/index.js

@@ -57,14 +57,17 @@ var LinkInfo = function LinkInfo(_ref) {
     }) : jsx(VidFullScreenOnIcon, {
       label: message.defaultMessage
     });
-    return jsx("span", {
-      className: "smart-link-resize-button"
-    }, jsx(LinkInfoButton, {
-      content: jsx(FormattedMessage, message),
-      icon: icon,
-      onClick: onResizeButtonClick,
-      testId: "".concat(testId, "-resize")
-    }));
+    return (
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      jsx("span", {
+        className: "smart-link-resize-button"
+      }, jsx(LinkInfoButton, {
+        content: jsx(FormattedMessage, message),
+        icon: icon,
+        onClick: onResizeButtonClick,
+        testId: "".concat(testId, "-resize")
+      }))
+    );
   }, [onResizeButtonClick, size, testId]);
   return jsx("div", {
     css: containerStyles

package/dist/esm/view/FlexibleCard/components/actions/follow-action/unfollow-icon/index.js

@@ -7,7 +7,9 @@ var UnfollowGlyph = function UnfollowGlyph(props) {
     height: "16",
     viewBox: "0 0 16 16",
     "data-testid": props['data-testid'],
-    "aria-label": props['aria-label'],
+    "aria-label": props['aria-label']
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: props.className,
     role: "presentation",
     xmlns: "http://www.w3.org/2000/svg"

package/dist/esm/view/FlexibleCard/components/blocks/action-group/index.js

@@ -123,7 +123,9 @@ var ActionGroup = function ActionGroup(_ref) {
     return null;
   }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum]);
   return renderableActionItems.length > 0 ? jsx("div", {
-    css: styles,
+    css: styles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "actions-button-group",
     "data-action-open": isOpen
   }, jsx(ButtonGroup, null, actionButtons, moreActionDropdown)) : null;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -62,6 +62,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     direction: SmartLinkDirection.Horizontal,
     align: SmartLinkAlignment.Right
   }, jsx("span", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: hasAction ? 'has-action' : '',
     css: getMessageStyles(size, hasAction),
     onClick: onClick,

package/dist/esm/view/FlexibleCard/components/common/motion-wrapper/index.js

@@ -30,13 +30,16 @@ export var MotionWrapper = function MotionWrapper(_ref) {
     style: {
       height: height,
       minHeight: minHeight,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       lineHeight: 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       overflow: 'hidden',
       // a fit for purpose state variable to control when the 'visible' styles should be appled
       opacity: height > 0 ? 1 : 0,
       // we only want to transition opacity and height when the error message is initially shown
       // not if its to be shown on mount
       transitionProperty: showTransition ? transition : 'none',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       transitionDuration: '0.3s'
     },
     ref: ref

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js

@@ -48,6 +48,7 @@ var LayeredLink = function LayeredLink(_ref) {
     url = _ref.url;
   var onMouseDown = useMouseDownEvent();
   return jsx("a", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "layered-link",
     css: styles,
     "data-testid": "".concat(testId, "-layered-link"),

package/dist/esm/view/FlexibleCard/components/elements/lozenge/index.js

@@ -36,7 +36,9 @@ var Lozenge = function Lozenge(_ref) {
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
   }) : jsx(AtlaskitLozenge, {
-    appearance: appearance,
+    appearance: appearance
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style,
     testId: "".concat(testId, "-lozenge")
   }, text);

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

@@ -48,6 +48,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
     setShowPrism(status === 'loading');
   }, [status]);
   var container = jsx("div", _extends({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: hoverCardClassName,
     css: [HoverCardContainer, !isAIEnabled ? popupContainerStyles : undefined],
     "data-testid": testId
@@ -72,6 +73,7 @@ var ContentContainer = function ContentContainer(_ref2) {
     }, props), children);
   }
   return jsx("div", _extends({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: hoverCardClassName,
     css: HoverCardContainer,
     "data-testid": testId

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

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 import { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';
+import { SmartLinkModalProvider } from '../../state/modal';
 import { HoverCardComponent } from './components/HoverCardComponent';
 import { CardDisplay } from '../../constants';
 import { di } from 'react-magnetic-di';
@@ -23,7 +24,7 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
   return jsx(ErrorBoundary, {
     fallback: children,
     onError: onError
-  }, jsx(HoverCardComponent, props, children));
+  }, jsx(SmartLinkModalProvider, null, jsx(HoverCardComponent, props, children)));
 };
 var HoverCardWithoutAnalyticsContext = withAnalyticsEvents()(HoverCardWithErrorBoundary);
 

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

@@ -42,7 +42,9 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
     onClick: handleClick,
     onMouseDown: handleMouseDown,
     onKeyPress: handleKeyPress,
-    "data-testid": testId,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className,
     ref: ref,
     isHovered: isHovered

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

@@ -42,7 +42,9 @@ export var Shimmer = function Shimmer(_ref) {
     width: 14,
     height: 14,
     borderRadius: 2,
-    testId: testId,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: skeletonCustomStyles
   });
 };