@atlaskit/smart-card 30.2.7 → 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.2.7"
+  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/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -8,12 +8,11 @@ exports.AutomationModalHeader = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _manualTriggerIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/manual-trigger-icon"));
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _menuContext = require("../../menu-context");
-var _manualTriggerIcon = require("./manual-trigger-icon");
 var i18n = (0, _reactIntlNext.defineMessages)({
   modalHeaderIconLabel: {
     id: 'automation-menu.modal.header.icon.label',
@@ -46,9 +45,8 @@ var AutomationModalHeader = exports.AutomationModalHeader = function AutomationM
     xcss: iconStyle,
     paddingInline: "space.050",
     paddingBlock: "space.025"
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_manualTriggerIcon.default, {
     size: "small",
-    glyph: _manualTriggerIcon.ManualTriggerGlyph,
     label: formatMessage(i18n.modalHeaderIconLabel),
     primaryColor: "var(--ds-icon-accent-green, ".concat(_colors.G50, ")")
   })), /*#__PURE__*/_react.default.createElement(_heading.default, {

package/dist/cjs/view/FlexibleCard/components/actions/follow-action/goal-icon/index.js

@@ -7,31 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.GoalIcon = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _icon = _interopRequireDefault(require("@atlaskit/icon"));
 var _goal = _interopRequireDefault(require("@atlaskit/icon/core/goal"));
-var LegacyGoalGlyph = function LegacyGoalGlyph(_props) {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12.6667 8C12.6667 10.5773 10.5773 12.6667 8 12.6667C5.42267 12.6667 3.33333 10.5773 3.33333 8C3.33333 5.42267 5.42267 3.33333 8 3.33333C10.5773 3.33333 12.6667 5.42267 12.6667 8ZM14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM9.33333 8C9.33333 8.73638 8.73638 9.33333 8 9.33333C7.26362 9.33333 6.66667 8.73638 6.66667 8C6.66667 7.26362 7.26362 6.66667 8 6.66667C8.73638 6.66667 9.33333 7.26362 9.33333 8ZM10.6667 8C10.6667 9.47276 9.47276 10.6667 8 10.6667C6.52724 10.6667 5.33333 9.47276 5.33333 8C5.33333 6.52724 6.52724 5.33333 8 5.33333C9.47276 5.33333 10.6667 6.52724 10.6667 8Z",
-    fill: "var(--ds-icon, #44546F)"
-  }));
-};
-var LegacyGoalIcon = function LegacyGoalIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
-    glyph: LegacyGoalGlyph
-  }, props));
-};
+var _goalBoldIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/goal-bold-icon"));
 var GoalIcon = exports.GoalIcon = function GoalIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_goal.default, (0, _extends2.default)({
     color: "var(--ds-icon, #44546F)",
-    LEGACY_fallbackIcon: LegacyGoalIcon,
+    LEGACY_fallbackIcon: _goalBoldIcon.default,
     spacing: "spacious"
   }, props));
 };

package/dist/cjs/view/FlexibleCard/components/actions/follow-action/projects-icon/index.js

@@ -7,31 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.ProjectsIcon = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _icon = _interopRequireDefault(require("@atlaskit/icon"));
 var _project = _interopRequireDefault(require("@atlaskit/icon/core/project"));
-var ProjectsGlyph = function ProjectsGlyph(_props) {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M9.88573 4.00002C9.70892 4.00002 9.53935 4.07026 9.41433 4.19528L6.97282 6.63678L4.20525 6.94429C4.05479 6.96101 3.91451 7.02844 3.80746 7.13548L3.60959 7.33335L4.35367 8.07743C4.6791 8.40287 4.6791 8.93051 4.35367 9.25594L3.47152 10.1381C3.21117 10.3984 2.78906 10.3984 2.52871 10.1381C2.26836 9.87774 2.26836 9.45563 2.52871 9.19528L3.0573 8.66669L2.43108 8.04046C2.04055 7.64993 2.04055 7.01677 2.43108 6.62625L2.86465 6.19267C3.18578 5.87154 3.60664 5.66927 4.05801 5.61911L6.36073 5.36326L8.47152 3.25247C8.84659 2.8774 9.3553 2.66669 9.88573 2.66669H12.0001C12.7365 2.66669 13.3334 3.26364 13.3334 4.00002V6.1144C13.3334 6.64483 13.1227 7.15354 12.7477 7.52862L10.6369 9.6394L10.381 11.9421C10.3309 12.3935 10.1286 12.8143 9.80746 13.1355L9.37389 13.5691C8.98336 13.9596 8.3502 13.9596 7.95967 13.5691L7.33345 12.9428L6.80485 13.4714C6.5445 13.7318 6.12239 13.7318 5.86204 13.4714C5.60169 13.2111 5.60169 12.789 5.86204 12.5286L6.74419 11.6465C7.06963 11.321 7.59726 11.321 7.9227 11.6465L8.66678 12.3905L8.86466 12.1927C8.9717 12.0856 9.03912 11.9453 9.05584 11.7949L9.36335 9.02731L11.8049 6.58581C11.9299 6.46078 12.0001 6.29121 12.0001 6.1144V4.00002H9.88573ZM5.80486 10.1953C6.06521 10.4556 6.06521 10.8777 5.80486 11.1381L3.80486 13.1381C3.54451 13.3984 3.1224 13.3984 2.86205 13.1381C2.6017 12.8777 2.6017 12.4556 2.86205 12.1953L4.86205 10.1953C5.1224 9.93493 5.54451 9.93493 5.80486 10.1953ZM10.0001 6.66669C10.3683 6.66669 10.6668 6.36821 10.6668 6.00002C10.6668 5.63183 10.3683 5.33335 10.0001 5.33335C9.63193 5.33335 9.33346 5.63183 9.33346 6.00002C9.33346 6.36821 9.63193 6.66669 10.0001 6.66669Z",
-    fill: "var(--ds-icon, #44546F)"
-  }));
-};
-var LegacyProjectsIcon = function LegacyProjectsIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
-    glyph: ProjectsGlyph
-  }, props));
-};
+var _projectIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/project-icon"));
 var ProjectsIcon = exports.ProjectsIcon = function ProjectsIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_project.default, (0, _extends2.default)({
     color: "var(--ds-icon, #44546F)",
-    LEGACY_fallbackIcon: LegacyProjectsIcon,
+    LEGACY_fallbackIcon: _projectIcon.default,
+    LEGACY_margin: "10px",
     spacing: "spacious"
   }, props));
 };