@atlaskit/smart-card 30.3.0 → 30.3.1

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: "30.3.0"
+  packageVersion: "30.3.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -385,77 +385,15 @@ export var uiCardClickedEvent = function uiCardClickedEvent(_ref14) {
     })
   };
 };
-
-/**
- * @deprecated
- */
-export var uiIframeDwelledEvent = function uiIframeDwelledEvent(_ref15) {
+export var 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
- */
-export var 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
-    })
-  };
-};
-export var 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',
@@ -473,13 +411,13 @@ export var uiActionClickedEvent = function uiActionClickedEvent(_ref17) {
     })
   };
 };
-export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref18) {
-  var display = _ref18.display,
-    extensionKey = _ref18.extensionKey,
-    definitionId = _ref18.definitionId,
-    destinationProduct = _ref18.destinationProduct,
-    destinationSubproduct = _ref18.destinationSubproduct,
-    location = _ref18.location;
+export var 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',
@@ -494,12 +432,12 @@ export var uiClosedAuthEvent = function uiClosedAuthEvent(_ref18) {
     })
   };
 };
-export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref19) {
-  var extensionKey = _ref19.extensionKey,
-    definitionId = _ref19.definitionId,
-    destinationProduct = _ref19.destinationProduct,
-    destinationSubproduct = _ref19.destinationSubproduct,
-    location = _ref19.location;
+export var 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',
@@ -512,15 +450,15 @@ export var screenAuthPopupEvent = function screenAuthPopupEvent(_ref19) {
     })
   };
 };
-export var 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;
+export var 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',
@@ -537,15 +475,15 @@ export var uiRenderSuccessEvent = function uiRenderSuccessEvent(_ref20) {
     })
   };
 };
-export var 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;
+export var 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',
@@ -562,16 +500,16 @@ export var uiRenderFailedEvent = function uiRenderFailedEvent(_ref21) {
     })
   };
 };
-export var 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;
+export var 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',
@@ -589,17 +527,17 @@ export var uiHoverCardViewedEvent = function uiHoverCardViewedEvent(_ref22) {
     })
   };
 };
-export var 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;
+export var 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',
@@ -618,15 +556,15 @@ export var uiHoverCardDismissedEvent = function uiHoverCardDismissedEvent(_ref23
     })
   };
 };
-export var 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;
+export var 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',
@@ -653,15 +591,15 @@ export var uiLearnMoreLinkClickedEvent = function uiLearnMoreLinkClickedEvent()
     attributes: _objectSpread({}, context)
   };
 };
-export var 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;
+export var 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',
@@ -705,9 +643,9 @@ export var uiSmartLinkStatusOpenPreviewButtonClicked = function uiSmartLinkStatu
     attributes: _objectSpread({}, context)
   };
 };
-export var uiServerActionClicked = function uiServerActionClicked(_ref26) {
+export var uiServerActionClicked = function uiServerActionClicked(_ref24) {
   var _SmartLinkActionTypeU2;
-  var smartLinkActionType = _ref26.smartLinkActionType;
+  var smartLinkActionType = _ref24.smartLinkActionType;
   return {
     action: 'clicked',
     actionSubject: 'button',

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

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getMeasure } from '../performance';
 import { resolvedEvent, unresolvedEvent } from './analytics';
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiIframeDwelledEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from './analytics';
 export var instrumentEvent = function instrumentEvent(_ref) {
   var id = _ref.id,
     status = _ref.status,

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

@@ -4,7 +4,6 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fontSize } from '@atlaskit/theme/constants';
 import { gs } from '../../common/utils';
 /**
  * Class name for selecting non-flexible block card header name
@@ -14,8 +13,7 @@ import { gs } from '../../common/utils';
  */
 export var blockCardContentHeaderNameClassName = 'block-card-content-header-name';
 var baseStyles = css({
-  fontSize: "".concat(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: gs(2.5),
   // Spec: show max two lines.

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

@@ -7,7 +7,6 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import DocumentFilledIcon from '@atlaskit/icon/core/migration/file--editor-file';
 import { N50, N90 } from '@atlaskit/theme/colors';
-import { fontSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../messages';
 import { gs } from '../../common/utils';
 import { Frame } from '../components/Frame';
@@ -19,7 +18,7 @@ import { Frame } from '../components/Frame';
  */
 export var blockCardResolvingViewClassName = 'block-card-resolving-view';
 var messageStyles = css({
-  fontSize: "".concat(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(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: gs(0.5)

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

@@ -1,6 +1,5 @@
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
@@ -150,47 +149,21 @@ function Component(_ref) {
     }
   }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource]);
   var onIframeDwell = useCallback(function (dwellTime, dwellPercentVisible) {
-    if (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 = useCallback(function () {
-    if (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/esm/view/EmbedCard/components/styled.js

@@ -131,8 +131,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'));
@@ -180,9 +179,7 @@ export var ContentWrapper = styled.div({
 export var Title = styled.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'
 });
@@ -192,9 +189,7 @@ export var Byline = styled.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%'));
@@ -204,9 +199,7 @@ export var Description = styled.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/esm/view/EmbedCard/views/ErroredView.js

@@ -8,12 +8,12 @@ import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { R300 } from '@atlaskit/theme/colors';
-import { fontSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../messages';
 import { Frame } from '../../BlockCard/components/Frame';
 import { gs } from '../../common/utils';
 var messageStyles = css({
-  fontSize: "".concat(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: 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/esm/view/EmbedCard/views/unresolved-view/index.js

@@ -26,7 +26,7 @@ var contentStyles = css({
   maxWidth: gs(50)
 });
 var descriptionStyles = 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 = css({

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

@@ -34,9 +34,8 @@ export var titleCss = 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/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -17,12 +17,7 @@ var buttonStyles = xcss({
 });
 var contentStyles = 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/esm/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -23,10 +23,7 @@ var errorContentStyles = xcss({
 });
 var titleStyles = 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/esm/view/FlexibleCard/components/elements/link/index.js

@@ -30,7 +30,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/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "30.3.0",
+  packageVersion: "30.3.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts

@@ -1,6 +1,6 @@
 import { type SmartLinkActionType } from '@atlaskit/linking-types';
 import { type TrackQuickActionFailureReason, type TrackQuickActionType } from '../../utils/analytics/analytics';
-import { type ConnectFailedEventProps, type ConnectSucceededEventProps, type InstrumentEventProps, type InvokeFailedEventProps, type InvokeSucceededEventProps, type ScreenAuthPopupEventProps, type TrackAppAccountConnectedProps, type UiActionClickedEventProps, type UiAuthAlternateAccountEventProps, type UiAuthEventProps, type UiCardClickedEventProps, type UiClosedAuthEventProps, type UiHoverCardDismissedEventProps, type UiHoverCardOpenLinkClickedEventProps, type UiHoverCardViewedEventProps, type UiIframeDwelledEventProps, type UiIframeFocusedEventProps, type UiRenderFailedEventProps, type UiRenderSuccessEventProps, type UiServerActionClickedEventProps } from '../../utils/analytics/types';
+import { type ConnectFailedEventProps, type ConnectSucceededEventProps, type InstrumentEventProps, type InvokeFailedEventProps, type InvokeSucceededEventProps, type ScreenAuthPopupEventProps, type TrackAppAccountConnectedProps, type UiActionClickedEventProps, type UiAuthAlternateAccountEventProps, type UiAuthEventProps, type UiCardClickedEventProps, type UiClosedAuthEventProps, type UiHoverCardDismissedEventProps, type UiHoverCardOpenLinkClickedEventProps, type UiHoverCardViewedEventProps, type UiRenderFailedEventProps, type UiRenderSuccessEventProps, type UiServerActionClickedEventProps } from '../../utils/analytics/types';
 import { type AnalyticsName, type AnalyticsPayload } from '../../utils/types';
 /**
  * This hook provides usage of Smart Link analytics outside of the Card component.
@@ -52,34 +52,6 @@ export declare const useSmartLinkAnalytics: (url: string, id?: string, defaultLo
          * @returns
          */
         cardClickedEvent: ({ id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId, }: UiCardClickedEventProps) => void;
-        /**
-         * 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, }: UiIframeDwelledEventProps) => void;
-        /**
-         * 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, }: UiIframeFocusedEventProps) => void;
         /**
          * 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.

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -16,8 +16,6 @@ export declare function useSmartLink(id: string, url: string): {
                 actionSubjectId: string;
             }) => void;
             cardClickedEvent: ({ id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId, }: import("../../utils/analytics/types").UiCardClickedEventProps) => void;
-            iframeDwelledEvent: ({ id, display, status, definitionId, extensionKey, location, destinationProduct, destinationSubproduct, dwellTime, dwellPercentVisible, }: import("../../utils/analytics/types").UiIframeDwelledEventProps) => void;
-            iframeFocusedEvent: ({ id, display, status, definitionId, extensionKey, location, destinationProduct, destinationSubproduct, }: import("../../utils/analytics/types").UiIframeFocusedEventProps) => void;
             actionClickedEvent: ({ id, actionType, display, extensionKey: overrideExtensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiActionClickedEventProps) => void;
             hoverCardOpenLinkClickedEvent: ({ previewDisplay, definitionId, extensionKey, destinationProduct, destinationSubproduct, location, previewInvokeMethod, }: import("../../utils/analytics/types").UiHoverCardOpenLinkClickedEventProps) => void;
             closedAuthEvent: ({ display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiClosedAuthEventProps) => void;

package/dist/types/utils/analytics/analytics.d.ts

@@ -2,7 +2,7 @@ import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { SmartLinkActionType } from '@atlaskit/linking-types';
 import { type CardInnerAppearance } from '../../view/Card/types';
 import { type AnalyticsPayload } from '../types';
-import { type CommonEventProps, type ConnectFailedEventProps, type ConnectSucceededEventProps, type InvokeFailedEventProps, type InvokeSucceededEventProps, type ResolvedEventProps, type ScreenAuthPopupEventProps, type TrackAppAccountConnectedProps, type UiActionClickedEventProps, type UiAuthAlternateAccountEventProps, type UiAuthEventProps, type UiCardClickedEventProps, type UiClosedAuthEventProps, type UiHoverCardDismissedEventProps, type UiHoverCardOpenLinkClickedEventProps, type UiHoverCardViewedEventProps, type UiIframeDwelledEventProps, type UiIframeFocusedEventProps, type UiRenderFailedEventProps, type UiRenderSuccessEventProps, type UiServerActionClickedEventProps, type UnresolvedEventProps } from './types';
+import { type CommonEventProps, type ConnectFailedEventProps, type ConnectSucceededEventProps, type InvokeFailedEventProps, type InvokeSucceededEventProps, type ResolvedEventProps, type ScreenAuthPopupEventProps, type TrackAppAccountConnectedProps, type UiActionClickedEventProps, type UiAuthAlternateAccountEventProps, type UiAuthEventProps, type UiCardClickedEventProps, type UiClosedAuthEventProps, type UiHoverCardDismissedEventProps, type UiHoverCardOpenLinkClickedEventProps, type UiHoverCardViewedEventProps, type UiRenderFailedEventProps, type UiRenderSuccessEventProps, type UiServerActionClickedEventProps, type UnresolvedEventProps } from './types';
 export declare const ANALYTICS_CHANNEL = "media";
 export declare const context: {
     componentName: string;
@@ -62,14 +62,6 @@ export declare const trackHoverCardResolutionStarted: ({ display, ...attributes
 export declare const uiAuthEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, display, }: UiAuthEventProps) => AnalyticsPayload;
 export declare const uiAuthAlternateAccountEvent: ({ definitionId, extensionKey, destinationProduct, destinationSubproduct, location, display, }: UiAuthAlternateAccountEventProps) => AnalyticsPayload;
 export declare const uiCardClickedEvent: ({ id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId, }: UiCardClickedEventProps) => AnalyticsPayload;
-/**
- * @deprecated
- */
-export declare const uiIframeDwelledEvent: ({ id, display, status, definitionId, extensionKey, location, destinationProduct, destinationSubproduct, dwellTime, dwellPercentVisible, }: UiIframeDwelledEventProps) => AnalyticsPayload;
-/**
- * @deprecated
- */
-export declare const uiIframeFocusedEvent: ({ id, display, status, definitionId, extensionKey, location, destinationProduct, destinationSubproduct, }: UiIframeFocusedEventProps) => AnalyticsPayload;
 export declare const uiActionClickedEvent: ({ id, actionType, extensionKey, display, definitionId, destinationProduct, destinationSubproduct, location, }: UiActionClickedEventProps) => AnalyticsPayload;
 export declare const uiClosedAuthEvent: ({ display, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiClosedAuthEventProps) => AnalyticsPayload;
 export declare const screenAuthPopupEvent: ({ extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: ScreenAuthPopupEventProps) => AnalyticsPayload;

package/dist/types/utils/analytics/index.d.ts

@@ -1,4 +1,4 @@
 import { type AnalyticsPayload } from '../types';
 import { type InstrumentEventProps } from './types';
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiIframeDwelledEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked, } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, chunkloadFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountAuthStarted, trackAppAccountConnected, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, screenAuthPopupEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked, } from './analytics';
 export declare const instrumentEvent: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: InstrumentEventProps) => AnalyticsPayload | undefined;