@atlaskit/smart-card 27.9.0 → 27.9.2

package/dist/cjs/view/FlexibleCard/components/elements/preview/index.js

@@ -1,14 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _react2 = require("@emotion/react");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _constants = require("../../../../../constants");
@@ -16,8 +15,6 @@ var _media = _interopRequireDefault(require("../media"));
 var _excluded = ["overrideUrl"];
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Preview = function Preview(props) {
   var _ref = props !== null && props !== void 0 ? props : {},
     overrideUrl = _ref.overrideUrl,

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,14 +8,12 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react2 = require("react");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _text = _interopRequireDefault(require("../text"));
 var _excluded = ["content", "maxLines", "overrideCss"];
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SNIPPET_DEFAULT_MAX_LINES = 3;
 var getSnippetStyles = function getSnippetStyles(overrideCss) {
   return (0, _react.css)({

package/dist/cjs/view/FlexibleCard/components/elements/text/index.js

@@ -1,19 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _utils = require("../../utils");
 /** @jsx jsx */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var getStyles = function getStyles(maxLines) {
-  return (0, _react2.css)({
+  return (0, _react.css)({
     color: "var(--ds-text-subtlest, #626F86)",
     fontSize: '0.75rem',
     lineHeight: '1rem',
@@ -41,7 +38,7 @@ var Text = function Text(_ref) {
   if (!message && !content) {
     return null;
   }
-  return (0, _react2.jsx)("span", {
+  return (0, _react.jsx)("span", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [getStyles(maxLines), overrideCss],
     "data-separator": true,

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
 var _loadingSkeleton = _interopRequireDefault(require("../../../../FlexibleCard/components/common/loading-skeleton"));
 var _styled = require("../../../styled");
 var _styled2 = require("./styled");

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

@@ -7,12 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _reactIntlNext = require("react-intl-next");
 var _styled = require("./styled");
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _messages = require("../../../messages");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -27,33 +26,33 @@ var WarningModal = function WarningModal(props) {
     onClose = props.onClose,
     onContinue = props.onContinue,
     intl = props.intl;
-  var content = (0, _react2.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _react2.jsx)(_modalDialog.default, {
+  var content = (0, _react.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _react.jsx)(_modalDialog.default, {
     onClose: onClose,
     testId: "link-with-safety-warning"
-  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, {
+  }, (0, _react.jsx)(_modalDialog.ModalHeader, null, (0, _react.jsx)(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)("div", {
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), (0, _react.jsx)(_modalDialog.ModalBody, null, (0, _react.jsx)("div", {
     css: _styled.breakWordsCss
-  }, url && unsafeLinkText && (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.link_safety_warning_message, {
+  }, url && unsafeLinkText && (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.link_safety_warning_message, {
     values: {
       unsafeLinkText: unsafeLinkText,
       a: function a() {
-        return (0, _react2.jsx)("a", {
+        return (0, _react.jsx)("a", {
           href: url,
           target: "_blank",
           rel: "noopener noreferrer"
         }, url);
       }
     }
-  })))), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_standardButton.default, {
+  })))), (0, _react.jsx)(_modalDialog.ModalFooter, null, (0, _react.jsx)(_standardButton.default, {
     appearance: "subtle",
     onClick: onClose
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.go_back)), (0, _react2.jsx)(_standardButton.default, {
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.go_back)), (0, _react.jsx)(_standardButton.default, {
     appearance: "warning",
     onClick: onContinue,
     autoFocus: true
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.continue)))));
-  return intl ? content : (0, _react2.jsx)(_reactIntlNext.IntlProvider, {
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.continue)))));
+  return intl ? content : (0, _react.jsx)(_reactIntlNext.IntlProvider, {
     locale: "en"
   }, content);
 };

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

package/dist/cjs/view/RelatedLinksModal/components/EmptyState.js

@@ -20,8 +20,8 @@ var emptyStateStyles = (0, _primitives.xcss)({
   textAlign: 'center'
 });
 var descriptionStyles = (0, _primitives.xcss)({
-  marginTop: "var(--ds-space-0, 0px)",
-  marginBottom: "var(--ds-space-300, 24px)",
+  marginTop: 'space.0',
+  marginBottom: 'space.300',
   color: 'color.text'
 });
 var EmptyState = exports.EmptyState = function EmptyState(_ref) {

package/dist/cjs/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

@@ -1,15 +1,12 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react2 = require("react");
 var _constants = require("../constants");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.borderContentStyles = void 0;
 var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
 var _animatedSvgContainer = _interopRequireDefault(require("./animated-svg-container"));
 var _constants = require("../constants");
 /** @jsx jsx */

package/dist/cjs/view/common/ai-summary/index.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _aiStateIndicator = _interopRequireDefault(require("../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator"));
 var _ulist = _interopRequireDefault(require("./ulist"));
 /** @jsx jsx */
@@ -15,13 +14,13 @@ var _ulist = _interopRequireDefault(require("./ulist"));
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var AITooltipIcon = function AITooltipIcon() {
-  return (0, _react2.jsx)(_aiStateIndicator.default, {
+  return (0, _react.jsx)(_aiStateIndicator.default, {
     appearance: "icon-only",
     state: "done",
     testId: "ai-tooltip"
   });
 };
-var AISummaryCSSStyles = (0, _react2.css)({
+var AISummaryCSSStyles = (0, _react.css)({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   wordWrap: 'break-word',
@@ -52,7 +51,7 @@ var AISummary = function AISummary(_ref) {
   if (!content && minHeight === 0) {
     return null;
   }
-  return (0, _react2.jsx)(_markdownToJsx.default, {
+  return (0, _react.jsx)(_markdownToJsx.default, {
     "data-testid": testId,
     css: [AISummaryCSSStyles, overrideCss],
     children: showIcon ? "".concat(content, "&nbsp;<Icon />") : content,

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

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

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { getExtensionKey } from '../../state/helpers';
 import { extractBlockProps } from '../../extractors/block';

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

@@ -3,7 +3,7 @@ import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, Tool
 import { handleClickCommon } from '../../BlockCard/utils/handlers';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import Tooltip from '@atlaskit/tooltip';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const ExpandedFrame = ({
   isPlaceholder = false,
   children,
@@ -17,12 +17,12 @@ export const ExpandedFrame = ({
   maxWidth,
   testId = 'expanded-frame',
   inheritDimensions,
-  allowScrollBar = false
+  allowScrollBar = false,
+  setOverflow = true
 }) => {
   const isInteractive = () => !isPlaceholder && (Boolean(href) || Boolean(onClick));
   const handleClick = event => handleClickCommon(event, onClick);
   const handleMouseDown = useMouseDownEvent();
-  const isFixEmbedCardBlurEnabled = getBooleanFF('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   const renderHeaderOld = () =>
   /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -59,7 +59,7 @@ export const ExpandedFrame = ({
   const renderContent = () => /*#__PURE__*/React.createElement(Content, {
     "data-testid": "embed-content-wrapper",
     allowScrollBar: allowScrollBar,
-    removeOverflow: isFixEmbedCardBlurEnabled,
+    removeOverflow: fg('platform.linking-platform.smart-card.fix-embed-card-blurring') && !setOverflow,
     isInteractive: isInteractive(),
     frameStyle: frameStyle
     // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
@@ -84,7 +84,7 @@ export const ExpandedFrame = ({
       ,
       "data-is-selected": isSelected,
       inheritDimensions: inheritDimensions
-    }, getBooleanFF('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, fg('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   } else {
     return /*#__PURE__*/React.createElement(Wrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -100,6 +100,6 @@ export const ExpandedFrame = ({
       "data-is-selected": isSelected,
       "data-wrapper-type": "default",
       "data-is-interactive": isInteractive()
-    }, getBooleanFF('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, fg('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   }
 };

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -53,7 +53,8 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     icon: icon,
     text: text,
     onClick: onClick,
-    inheritDimensions: inheritDimensions
+    inheritDimensions: inheritDimensions,
+    setOverflow: false
   }, jsx(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,

package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js

@@ -80,8 +80,11 @@ const UnresolvedView = ({
       "data-testid": imageTestId
     }, imageUrlOrElement);
   }, [imageUrlOrElement, testId]);
-  return jsx(ExpandedFrame, {
-    allowScrollBar: true
+  return jsx(ExpandedFrame
+  // Scroll bar must be shown for unresolved views to display the connect account button
+  , {
+    allowScrollBar: true,
+    setOverflow: true
     // EDM-9259: Fix embed frame showing on unresolved views when frameStyle is set to hide.
     // Set fallback to 'show' here to maintain the current behaviour when platform.editor.show-embed-card-frame-renderer is OFF.
     // Remove 'show' on platform.editor.show-embed-card-frame-renderer cleanup as frameStyle will be set to 'show' both in renderer and editor.

package/dist/es2019/view/EmbedModal/components/embed-content/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-
 import { di } from 'react-magnetic-di';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/es2019/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../../constants';

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

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/actions/preview-action/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import VidFullScreenOnIcon from '@atlaskit/icon/glyph/vid-full-screen-on';
 import MediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -11,8 +11,8 @@ import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-
 import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
 import Action from '../action';
 const getIconFF = () => {
-  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-    if (getBooleanFF('platform.linking-platform.smart-card.action-icon-redesign')) {
+  if (fg('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    if (fg('platform.linking-platform.smart-card.action-icon-redesign')) {
       return MediaServicesActualSizeIcon;
     }
   }

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import * as Actions from '../../../actions';
 const ActionGroupItem = ({
   item,

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js

@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
 import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
 import Lozenge from '@atlaskit/lozenge';
 import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../../../../messages';
 import AIIcon from '../../../../../common/ai-icon';
 import AIIndicatorTooltip from './ai-indicator-tooltip';
@@ -57,7 +57,7 @@ const AIStateDone = ({
     size: "small",
     testId: `${testId}-done-icon`
   });
-  const title = getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable') ? jsx(Box, {
+  const title = fg('platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable') ? jsx(Box, {
     testId: `${testId}-done-message`
   }, jsx(FormattedMessage, messages.ai_summarized)) : jsx(React.Fragment, null, jsx(Box, {
     testId: `${testId}-done-message`

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/index.js

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React from 'react';
 import AIStateLoading from './ai-state-loading';
 import AIStateDone from './ai-state-done';
 import AIStateError from './ai-state-error';

package/dist/es2019/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { SmartLinkStatus } from '../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { MediaPlacement } from '../../../../../../constants';

package/dist/es2019/view/FlexibleCard/components/blocks/snippet-block/index.js

@@ -11,7 +11,7 @@ const MINIMUM_MAX_LINES = 1;
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
  * @public
- * @param {SnippetBlock} SnippetBlock
+ * @param {SnippetBlockProps} SnippetBlockProps
  * @see Block
  */
 const SnippetBlock = ({

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

package/dist/es2019/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, keyframes } from '@emotion/react';

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

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';

package/dist/es2019/view/FlexibleCard/components/elements/atlaskit-badge/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 import AKBadge from '@atlaskit/badge';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/es2019/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';

package/dist/es2019/view/FlexibleCard/components/elements/date-time/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

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

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitLozenge from '@atlaskit/lozenge';

package/dist/es2019/view/FlexibleCard/components/elements/media/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import ImageIcon from '../../common/image-icon';

package/dist/es2019/view/FlexibleCard/components/elements/preview/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import Text from '../text';
 const SNIPPET_DEFAULT_MAX_LINES = 3;

package/dist/es2019/view/FlexibleCard/components/elements/text/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { getFormattedMessage, getTruncateStyles } from '../../utils';

package/dist/es2019/view/HoverCard/components/views/resolving/index.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import React from 'react';
 import LoadingSkeleton from '../../../../FlexibleCard/components/common/loading-skeleton';
 import { CARD_WIDTH_REM } from '../../../styled';
 import { getTitleStyles, loadingViewContainer, skeletonContainer, titleBlockStyles } from './styled';

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React from 'react';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl-next';

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

package/dist/es2019/view/RelatedLinksModal/components/EmptyState.js

@@ -13,8 +13,8 @@ const emptyStateStyles = xcss({
   textAlign: 'center'
 });
 const descriptionStyles = xcss({
-  marginTop: "var(--ds-space-0, 0px)",
-  marginBottom: "var(--ds-space-300, 24px)",
+  marginTop: 'space.0',
+  marginBottom: 'space.300',
   color: 'color.text'
 });
 export const EmptyState = ({

package/dist/es2019/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { OUTER_BORDER_RADIUS } from '../constants';
 let namespaceUUID = 0;
 const svgStyles = css({

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

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import React from 'react';
 import AnimatedSvgContainer from './animated-svg-container';
 import { INNER_BORDER_RADIUS } from '../constants';
 const borderContainerStyles = css({

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

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 import Markdown from 'markdown-to-jsx';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';