@atlaskit/smart-card 30.3.0 → 30.3.1

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unresolvedEvent = exports.uiSmartLinkStatusOpenPreviewButtonClicked = exports.uiSmartLinkStatusLozengeButtonClicked = exports.uiSmartLinkStatusListItemButtonClicked = exports.uiServerActionClicked = exports.uiRenderSuccessEvent = exports.uiRenderFailedEvent = exports.uiLearnMoreLinkClickedEvent = exports.uiIframeFocusedEvent = exports.uiIframeDwelledEvent = exports.uiHoverCardViewedEvent = exports.uiHoverCardOpenLinkClickedEvent = exports.uiHoverCardDismissedEvent = exports.uiClosedAuthEvent = exports.uiCardClickedEvent = exports.uiAuthEvent = exports.uiAuthAlternateAccountEvent = exports.uiActionClickedEvent = exports.trackSmartLinkQuickActionSuccess = exports.trackSmartLinkQuickActionStarted = exports.trackSmartLinkQuickActionFailed = exports.trackHoverCardResolutionStarted = exports.trackAppAccountConnected = exports.trackAppAccountAuthStarted = exports.screenAuthPopupEvent = exports.resolvedEvent = exports.invokeSucceededEvent = exports.invokeFailedEvent = exports.fireSmartLinkEvent = exports.context = exports.connectSucceededEvent = exports.connectFailedEvent = exports.chunkloadFailedEvent = exports.TrackQuickActionType = exports.TrackQuickActionFailureReason = exports.SmartLinkEvents = exports.SmartLinkActionTypeUiEventMapper = exports.SmartLinkActionTypeTrackingEventMapper = exports.ANALYTICS_CHANNEL = void 0;
+exports.unresolvedEvent = exports.uiSmartLinkStatusOpenPreviewButtonClicked = exports.uiSmartLinkStatusLozengeButtonClicked = exports.uiSmartLinkStatusListItemButtonClicked = exports.uiServerActionClicked = exports.uiRenderSuccessEvent = exports.uiRenderFailedEvent = exports.uiLearnMoreLinkClickedEvent = exports.uiHoverCardViewedEvent = exports.uiHoverCardOpenLinkClickedEvent = exports.uiHoverCardDismissedEvent = exports.uiClosedAuthEvent = exports.uiCardClickedEvent = exports.uiAuthEvent = exports.uiAuthAlternateAccountEvent = exports.uiActionClickedEvent = exports.trackSmartLinkQuickActionSuccess = exports.trackSmartLinkQuickActionStarted = exports.trackSmartLinkQuickActionFailed = exports.trackHoverCardResolutionStarted = exports.trackAppAccountConnected = exports.trackAppAccountAuthStarted = exports.screenAuthPopupEvent = exports.resolvedEvent = exports.invokeSucceededEvent = exports.invokeFailedEvent = exports.fireSmartLinkEvent = exports.context = exports.connectSucceededEvent = exports.connectFailedEvent = exports.chunkloadFailedEvent = exports.TrackQuickActionType = exports.TrackQuickActionFailureReason = exports.SmartLinkEvents = exports.SmartLinkActionTypeUiEventMapper = exports.SmartLinkActionTypeTrackingEventMapper = exports.ANALYTICS_CHANNEL = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.3.0"
+  packageVersion: "30.3.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -392,77 +392,15 @@ var uiCardClickedEvent = exports.uiCardClickedEvent = function uiCardClickedEven
     })
   };
 };
-
-/**
- * @deprecated
- */
-var uiIframeDwelledEvent = exports.uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref15) {
+var uiActionClickedEvent = exports.uiActionClickedEvent = function uiActionClickedEvent(_ref15) {
   var id = _ref15.id,
+    actionType = _ref15.actionType,
+    extensionKey = _ref15.extensionKey,
     display = _ref15.display,
-    status = _ref15.status,
     definitionId = _ref15.definitionId,
-    extensionKey = _ref15.extensionKey,
-    location = _ref15.location,
     destinationProduct = _ref15.destinationProduct,
     destinationSubproduct = _ref15.destinationSubproduct,
-    dwellTime = _ref15.dwellTime,
-    dwellPercentVisible = _ref15.dwellPercentVisible;
-  return {
-    action: 'dwelled',
-    actionSubject: 'smartLinkIframe',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      status: status,
-      definitionId: definitionId,
-      extensionKey: extensionKey,
-      display: display,
-      location: location,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct,
-      dwellTime: dwellTime,
-      dwellPercentVisible: dwellPercentVisible
-    })
-  };
-};
-
-/**
- * @deprecated
- */
-var uiIframeFocusedEvent = exports.uiIframeFocusedEvent = function uiIframeFocusedEvent(_ref16) {
-  var id = _ref16.id,
-    display = _ref16.display,
-    status = _ref16.status,
-    definitionId = _ref16.definitionId,
-    extensionKey = _ref16.extensionKey,
-    location = _ref16.location,
-    destinationProduct = _ref16.destinationProduct,
-    destinationSubproduct = _ref16.destinationSubproduct;
-  return {
-    action: 'focused',
-    actionSubject: 'smartLinkIframe',
-    eventType: 'ui',
-    attributes: _objectSpread(_objectSpread({}, context), {}, {
-      id: id,
-      status: status,
-      definitionId: definitionId,
-      extensionKey: extensionKey,
-      display: display,
-      location: location,
-      destinationProduct: destinationProduct,
-      destinationSubproduct: destinationSubproduct
-    })
-  };
-};
-var uiActionClickedEvent = exports.uiActionClickedEvent = function uiActionClickedEvent(_ref17) {
-  var id = _ref17.id,
-    actionType = _ref17.actionType,
-    extensionKey = _ref17.extensionKey,
-    display = _ref17.display,
-    definitionId = _ref17.definitionId,
-    destinationProduct = _ref17.destinationProduct,
-    destinationSubproduct = _ref17.destinationSubproduct,
-    location = _ref17.location;
+    location = _ref15.location;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -480,13 +418,13 @@ var uiActionClickedEvent = exports.uiActionClickedEvent = function uiActionClick
     })
   };
 };
-var uiClosedAuthEvent = exports.uiClosedAuthEvent = function uiClosedAuthEvent(_ref18) {
-  var display = _ref18.display,
-    extensionKey = _ref18.extensionKey,
-    definitionId = _ref18.definitionId,
-    destinationProduct = _ref18.destinationProduct,
-    destinationSubproduct = _ref18.destinationSubproduct,
-    location = _ref18.location;
+var uiClosedAuthEvent = exports.uiClosedAuthEvent = function uiClosedAuthEvent(_ref16) {
+  var display = _ref16.display,
+    extensionKey = _ref16.extensionKey,
+    definitionId = _ref16.definitionId,
+    destinationProduct = _ref16.destinationProduct,
+    destinationSubproduct = _ref16.destinationSubproduct,
+    location = _ref16.location;
   return {
     action: 'closed',
     actionSubject: 'consentModal',
@@ -501,12 +439,12 @@ var uiClosedAuthEvent = exports.uiClosedAuthEvent = function uiClosedAuthEvent(_
     })
   };
 };
-var screenAuthPopupEvent = exports.screenAuthPopupEvent = function screenAuthPopupEvent(_ref19) {
-  var extensionKey = _ref19.extensionKey,
-    definitionId = _ref19.definitionId,
-    destinationProduct = _ref19.destinationProduct,
-    destinationSubproduct = _ref19.destinationSubproduct,
-    location = _ref19.location;
+var screenAuthPopupEvent = exports.screenAuthPopupEvent = function screenAuthPopupEvent(_ref17) {
+  var extensionKey = _ref17.extensionKey,
+    definitionId = _ref17.definitionId,
+    destinationProduct = _ref17.destinationProduct,
+    destinationSubproduct = _ref17.destinationSubproduct,
+    location = _ref17.location;
   return {
     actionSubject: 'consentModal',
     eventType: 'screen',
@@ -519,15 +457,15 @@ var screenAuthPopupEvent = exports.screenAuthPopupEvent = function screenAuthPop
     })
   };
 };
-var uiRenderSuccessEvent = exports.uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
-  var display = _ref20.display,
-    status = _ref20.status,
-    extensionKey = _ref20.extensionKey,
-    definitionId = _ref20.definitionId,
-    destinationProduct = _ref20.destinationProduct,
-    destinationSubproduct = _ref20.destinationSubproduct,
-    location = _ref20.location,
-    canBeDatasource = _ref20.canBeDatasource;
+var uiRenderSuccessEvent = exports.uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref18) {
+  var display = _ref18.display,
+    status = _ref18.status,
+    extensionKey = _ref18.extensionKey,
+    definitionId = _ref18.definitionId,
+    destinationProduct = _ref18.destinationProduct,
+    destinationSubproduct = _ref18.destinationSubproduct,
+    location = _ref18.location,
+    canBeDatasource = _ref18.canBeDatasource;
   return {
     action: 'renderSuccess',
     actionSubject: 'smartLink',
@@ -544,15 +482,15 @@ var uiRenderSuccessEvent = exports.uiRenderSuccessEvent = function uiRenderSucce
     })
   };
 };
-var uiRenderFailedEvent = exports.uiRenderFailedEvent = function uiRenderFailedEvent(_ref21) {
-  var display = _ref21.display,
-    error = _ref21.error,
-    errorInfo = _ref21.errorInfo,
-    extensionKey = _ref21.extensionKey,
-    definitionId = _ref21.definitionId,
-    destinationProduct = _ref21.destinationProduct,
-    destinationSubproduct = _ref21.destinationSubproduct,
-    location = _ref21.location;
+var uiRenderFailedEvent = exports.uiRenderFailedEvent = function uiRenderFailedEvent(_ref19) {
+  var display = _ref19.display,
+    error = _ref19.error,
+    errorInfo = _ref19.errorInfo,
+    extensionKey = _ref19.extensionKey,
+    definitionId = _ref19.definitionId,
+    destinationProduct = _ref19.destinationProduct,
+    destinationSubproduct = _ref19.destinationSubproduct,
+    location = _ref19.location;
   return {
     actionSubject: 'smartLink',
     action: 'renderFailed',
@@ -569,16 +507,16 @@ var uiRenderFailedEvent = exports.uiRenderFailedEvent = function uiRenderFailedE
     })
   };
 };
-var uiHoverCardViewedEvent = exports.uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref22) {
-  var id = _ref22.id,
-    previewDisplay = _ref22.previewDisplay,
-    extensionKey = _ref22.extensionKey,
-    definitionId = _ref22.definitionId,
-    destinationProduct = _ref22.destinationProduct,
-    destinationSubproduct = _ref22.destinationSubproduct,
-    location = _ref22.location,
-    previewInvokeMethod = _ref22.previewInvokeMethod,
-    status = _ref22.status;
+var uiHoverCardViewedEvent = exports.uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref20) {
+  var id = _ref20.id,
+    previewDisplay = _ref20.previewDisplay,
+    extensionKey = _ref20.extensionKey,
+    definitionId = _ref20.definitionId,
+    destinationProduct = _ref20.destinationProduct,
+    destinationSubproduct = _ref20.destinationSubproduct,
+    location = _ref20.location,
+    previewInvokeMethod = _ref20.previewInvokeMethod,
+    status = _ref20.status;
   return {
     action: 'viewed',
     actionSubject: 'hoverCard',
@@ -596,17 +534,17 @@ var uiHoverCardViewedEvent = exports.uiHoverCardViewedEvent = function uiHoverCa
     })
   };
 };
-var uiHoverCardDismissedEvent = exports.uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref23) {
-  var id = _ref23.id,
-    previewDisplay = _ref23.previewDisplay,
-    hoverTime = _ref23.hoverTime,
-    extensionKey = _ref23.extensionKey,
-    definitionId = _ref23.definitionId,
-    destinationProduct = _ref23.destinationProduct,
-    destinationSubproduct = _ref23.destinationSubproduct,
-    location = _ref23.location,
-    previewInvokeMethod = _ref23.previewInvokeMethod,
-    status = _ref23.status;
+var uiHoverCardDismissedEvent = exports.uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref21) {
+  var id = _ref21.id,
+    previewDisplay = _ref21.previewDisplay,
+    hoverTime = _ref21.hoverTime,
+    extensionKey = _ref21.extensionKey,
+    definitionId = _ref21.definitionId,
+    destinationProduct = _ref21.destinationProduct,
+    destinationSubproduct = _ref21.destinationSubproduct,
+    location = _ref21.location,
+    previewInvokeMethod = _ref21.previewInvokeMethod,
+    status = _ref21.status;
   return {
     action: 'dismissed',
     actionSubject: 'hoverCard',
@@ -625,15 +563,15 @@ var uiHoverCardDismissedEvent = exports.uiHoverCardDismissedEvent = function uiH
     })
   };
 };
-var uiHoverCardOpenLinkClickedEvent = exports.uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref24) {
-  var id = _ref24.id,
-    previewDisplay = _ref24.previewDisplay,
-    extensionKey = _ref24.extensionKey,
-    definitionId = _ref24.definitionId,
-    destinationProduct = _ref24.destinationProduct,
-    destinationSubproduct = _ref24.destinationSubproduct,
-    location = _ref24.location,
-    previewInvokeMethod = _ref24.previewInvokeMethod;
+var uiHoverCardOpenLinkClickedEvent = exports.uiHoverCardOpenLinkClickedEvent = function uiHoverCardOpenLinkClickedEvent(_ref22) {
+  var id = _ref22.id,
+    previewDisplay = _ref22.previewDisplay,
+    extensionKey = _ref22.extensionKey,
+    definitionId = _ref22.definitionId,
+    destinationProduct = _ref22.destinationProduct,
+    destinationSubproduct = _ref22.destinationSubproduct,
+    location = _ref22.location,
+    previewInvokeMethod = _ref22.previewInvokeMethod;
   return {
     action: 'clicked',
     actionSubject: 'button',
@@ -660,15 +598,15 @@ var uiLearnMoreLinkClickedEvent = exports.uiLearnMoreLinkClickedEvent = function
     attributes: _objectSpread({}, context)
   };
 };
-var chunkloadFailedEvent = exports.chunkloadFailedEvent = function chunkloadFailedEvent(_ref25) {
-  var display = _ref25.display,
-    error = _ref25.error,
-    errorInfo = _ref25.errorInfo,
-    extensionKey = _ref25.extensionKey,
-    definitionId = _ref25.definitionId,
-    destinationProduct = _ref25.destinationProduct,
-    destinationSubproduct = _ref25.destinationSubproduct,
-    location = _ref25.location;
+var chunkloadFailedEvent = exports.chunkloadFailedEvent = function chunkloadFailedEvent(_ref23) {
+  var display = _ref23.display,
+    error = _ref23.error,
+    errorInfo = _ref23.errorInfo,
+    extensionKey = _ref23.extensionKey,
+    definitionId = _ref23.definitionId,
+    destinationProduct = _ref23.destinationProduct,
+    destinationSubproduct = _ref23.destinationSubproduct,
+    location = _ref23.location;
   return {
     action: 'chunkLoadFailed',
     actionSubject: 'smartLink',
@@ -712,9 +650,9 @@ var uiSmartLinkStatusOpenPreviewButtonClicked = exports.uiSmartLinkStatusOpenPre
     attributes: _objectSpread({}, context)
   };
 };
-var uiServerActionClicked = exports.uiServerActionClicked = function uiServerActionClicked(_ref26) {
+var uiServerActionClicked = exports.uiServerActionClicked = function uiServerActionClicked(_ref24) {
   var _SmartLinkActionTypeU2;
-  var smartLinkActionType = _ref26.smartLinkActionType;
+  var smartLinkActionType = _ref24.smartLinkActionType;
   return {
     action: 'clicked',
     actionSubject: 'button',

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

@@ -125,12 +125,6 @@ Object.defineProperty(exports, "uiHoverCardViewedEvent", {
     return _analytics.uiHoverCardViewedEvent;
   }
 });
-Object.defineProperty(exports, "uiIframeDwelledEvent", {
-  enumerable: true,
-  get: function get() {
-    return _analytics.uiIframeDwelledEvent;
-  }
-});
 Object.defineProperty(exports, "uiLearnMoreLinkClickedEvent", {
   enumerable: true,
   get: function get() {

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockCardContentHeaderNameClassName = exports.Name = void 0;
 var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
 var _utils = require("../../common/utils");
 /**
  * @jsxRuntime classic
@@ -21,8 +20,7 @@ var _utils = require("../../common/utils");
  */
 var blockCardContentHeaderNameClassName = exports.blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 var baseStyles = (0, _react.css)({
-  fontSize: "".concat((0, _constants.fontSize)(), "px"),
-  fontWeight: 500,
+  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: (0, _utils.gs)(2.5),
   // Spec: show max two lines.

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

@@ -9,7 +9,6 @@ var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _fileEditorFile = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--editor-file"));
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _messages = require("../../../messages");
 var _utils = require("../../common/utils");
 var _Frame = require("../components/Frame");
@@ -27,7 +26,7 @@ var _Frame = require("../components/Frame");
  */
 var blockCardResolvingViewClassName = exports.blockCardResolvingViewClassName = 'block-card-resolving-view';
 var messageStyles = (0, _react.css)({
-  fontSize: "".concat((0, _constants.fontSize)(), "px"),
+  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   color: "var(--ds-text-subtlest, ".concat(_colors.N90, ")"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   marginLeft: (0, _utils.gs)(0.5)

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardWithUrlContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _state = require("../../state");
@@ -160,47 +159,21 @@ function Component(_ref) {
     }
   }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource]);
   var onIframeDwell = (0, _react.useCallback)(function (dwellTime, dwellPercentVisible) {
-    if ((0, _platformFeatureFlags.fg)('smart-card-migrate-smartlinkiframe-analytics')) {
-      fireEvent('ui.smartLinkIframe.dwelled', {
-        id: id,
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-        display: isFlexibleUi ? 'flexible' : appearance,
-        dwellPercentVisible: dwellPercentVisible,
-        dwellTime: dwellTime
-      });
-    } else {
-      analytics.ui.iframeDwelledEvent({
-        id: id,
-        display: isFlexibleUi ? 'flexible' : appearance,
-        status: state.status,
-        definitionId: definitionId,
-        extensionKey: extensionKey,
-        destinationProduct: product,
-        destinationSubproduct: subproduct,
-        dwellTime: dwellTime,
-        dwellPercentVisible: dwellPercentVisible
-      });
-    }
-  }, [id, state.status, analytics.ui, appearance, definitionId, extensionKey, isFlexibleUi, product, subproduct, fireEvent]);
+    fireEvent('ui.smartLinkIframe.dwelled', {
+      id: id,
+      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+      display: isFlexibleUi ? 'flexible' : appearance,
+      dwellPercentVisible: dwellPercentVisible,
+      dwellTime: dwellTime
+    });
+  }, [id, appearance, definitionId, isFlexibleUi, fireEvent]);
   var onIframeFocus = (0, _react.useCallback)(function () {
-    if ((0, _platformFeatureFlags.fg)('smart-card-migrate-smartlinkiframe-analytics')) {
-      fireEvent('ui.smartLinkIframe.focus', {
-        id: id,
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-        display: isFlexibleUi ? 'flexible' : appearance
-      });
-    } else {
-      analytics.ui.iframeFocusedEvent({
-        id: id,
-        display: isFlexibleUi ? 'flexible' : appearance,
-        status: state.status,
-        definitionId: definitionId,
-        extensionKey: extensionKey,
-        destinationProduct: product,
-        destinationSubproduct: subproduct
-      });
-    }
-  }, [id, state.status, analytics.ui, appearance, definitionId, extensionKey, isFlexibleUi, product, subproduct, fireEvent]);
+    fireEvent('ui.smartLinkIframe.focus', {
+      id: id,
+      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+      display: isFlexibleUi ? 'flexible' : appearance
+    });
+  }, [id, appearance, definitionId, isFlexibleUi, fireEvent]);
   if (isFlexibleUi) {
     var cardState = state;
     if (error) {

package/dist/cjs/view/EmbedCard/components/styled.js

@@ -140,8 +140,7 @@ function (_ref10) {
 }, {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
-  fontSize: '12px',
-  lineHeight: '16px'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 ellipsis('none'));
@@ -189,9 +188,7 @@ var ContentWrapper = exports.ContentWrapper = _styled.default.div({
 var Title = exports.Title = _styled.default.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text, ".concat(colors.N900, ")"),
-  fontSize: '16px',
-  fontWeight: 500,
-  lineHeight: 20 / 16,
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   maxHeight: "".concat(20 * 4, "px"),
   overflow: 'hidden'
 });
@@ -201,9 +198,7 @@ var Byline = exports.Byline = _styled.default.div({
   marginTop: "var(--ds-space-050, 4px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
-  fontSize: '12px',
-  fontWeight: 'normal',
-  lineHeight: 16 / 12
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 ellipsis('100%'));
@@ -213,9 +208,7 @@ var Description = exports.Description = _styled.default.div({
   marginTop: "calc(".concat("var(--ds-space-100, 8px)", " - 1px)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text, ".concat(colors.N800, ")"),
-  fontSize: '12px',
-  fontWeight: 'normal',
-  lineHeight: 18 / 12,
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   maxHeight: "".concat(18 * 3, "px"),
   overflow: 'hidden'
 });

package/dist/cjs/view/EmbedCard/views/ErroredView.js

@@ -10,7 +10,6 @@ var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _messages = require("../../../messages");
 var _Frame = require("../../BlockCard/components/Frame");
 var _utils = require("../../common/utils");
@@ -21,7 +20,8 @@ var _utils = require("../../common/utils");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var messageStyles = (0, _react.css)({
-  fontSize: "".concat((0, _constants.fontSize)(), "px"),
+  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-regular, 400)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   marginLeft: (0, _utils.gs)(0.5),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -37,7 +37,7 @@ var contentStyles = (0, _react2.css)({
   maxWidth: (0, _utils.gs)(50)
 });
 var descriptionStyles = (0, _react2.css)({
-  fontSize: '1em',
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   textAlign: 'center'
 });
 var imageStyles = (0, _react2.css)({

package/dist/cjs/view/EmbedModal/components/link-info/styled.js

@@ -41,9 +41,8 @@ var titleCss = exports.titleCss = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   h3: {
     flex: '1 1 auto',
-    fontSize: '16px',
-    fontWeight: 400,
-    lineHeight: height,
+    font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+    fontWeight: "var(--ds-font-weight-regular, 400)",
     display: '-webkit-box',
     marginBottom: 0,
     overflow: 'hidden',

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

@@ -27,12 +27,7 @@ var buttonStyles = (0, _primitives.xcss)({
 });
 var contentStyles = (0, _primitives.xcss)({
   color: 'color.text',
-  // Replace with font token once it becomes stable (currently alpha)
-  // font: 'font.body.small',
-  fontSize: '12px',
-  fontStyle: 'normal',
-  fontWeight: '400',
-  lineHeight: '20px'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var ActionButton = function ActionButton(_ref) {
   var content = _ref.content,

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

@@ -30,10 +30,7 @@ var errorContentStyles = (0, _primitives.xcss)({
 });
 var titleStyles = (0, _primitives.xcss)({
   color: 'color.text.subtle',
-  fontSize: '12px',
-  fontStyle: 'normal',
-  fontWeight: '400',
-  lineHeight: '16px'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var getIcon = function getIcon(appearance) {
   switch (appearance) {

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

@@ -41,7 +41,7 @@ var getThemeStyles = function getThemeStyles(theme) {
             color: "var(--ds-text-subtlest, #626F86)",
             textDecoration: 'underline'
           },
-          fontSize: '12px'
+          font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
         }
       });
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage

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

package/dist/es2019/state/analytics/useSmartLinkAnalytics.js

@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { getUrl } from '@atlaskit/linking-common';
 import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, context, instrumentEvent, invokeFailedEvent, invokeSucceededEvent, screenAuthPopupEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiActionClickedEvent, uiAuthAlternateAccountEvent, uiAuthEvent, uiCardClickedEvent, uiClosedAuthEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiHoverCardViewedEvent, uiLearnMoreLinkClickedEvent, uiRenderFailedEvent, uiRenderSuccessEvent, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from '../../utils/analytics';
-import { trackHoverCardResolutionStarted, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent, uiServerActionClicked } from '../../utils/analytics/analytics';
+import { trackHoverCardResolutionStarted, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiServerActionClicked } from '../../utils/analytics/analytics';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getStatusDetails, getSubproduct } from '../helpers';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
@@ -157,74 +157,6 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
       destinationSubproduct,
       actionSubjectId
     }), commonAttributes)),
-    /**
-     * This fires an event that represents when a user dwells their cursor on a Smart Link's iframe.
-     * @param id The unique ID for this Smart Link.
-     * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
-     * @param status What status the Smart Link is currently in (e.g. resolved, unresolved)
-     * @param definitionId The definitionId of the Smart Link resolver invoked.
-     * @param extensionKey The extensionKey of the Smart Link resovler invoked.
-     * @param location Where the Smart Link is currently rendered.
-     * @param destinationProduct The product the Smart Link is linked to.
-     * @param dwellTime Total seconds that the user has dwelled on this iframe
-     * @param dwellPercentVisible Percentage element was visible at end of dwell
-     * @returns
-     * @deprecated
-     */
-    iframeDwelledEvent: ({
-      id,
-      display,
-      status,
-      definitionId,
-      extensionKey,
-      location,
-      destinationProduct,
-      destinationSubproduct,
-      dwellTime,
-      dwellPercentVisible
-    }) => dispatchAnalytics(applyCommonAttributes(uiIframeDwelledEvent({
-      id,
-      display,
-      status,
-      definitionId,
-      extensionKey,
-      location,
-      destinationProduct,
-      destinationSubproduct,
-      dwellTime,
-      dwellPercentVisible
-    }), commonAttributes)),
-    /**
-     * This fires an event that represents when a user clicks or tabs into a Smart Link's iframe.
-     * @param id The unique ID for this Smart Link.
-     * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
-     * @param status What status the Smart Link is currently in (e.g. resolved, unresolved)
-     * @param definitionId The definitionId of the Smart Link resolver invoked.
-     * @param extensionKey The extensionKey of the Smart Link resovler invoked.
-     * @param location Where the Smart Link is currently rendered.
-     * @param destinationProduct The product the Smart Link is linked to.
-     * @returns
-     * @deprecated
-     */
-    iframeFocusedEvent: ({
-      id,
-      display,
-      status,
-      definitionId,
-      extensionKey,
-      location,
-      destinationProduct,
-      destinationSubproduct
-    }) => dispatchAnalytics(applyCommonAttributes(uiIframeFocusedEvent({
-      id,
-      display,
-      status,
-      definitionId,
-      extensionKey,
-      location,
-      destinationProduct,
-      destinationSubproduct
-    }), commonAttributes)),
     /**
      * This fires an event that represents when a user clicks on a Smart Link action.
      * Note: This also starts the UFO smart-link-action-invocation experience.