@atlaskit/smart-card 38.10.1 → 38.11.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/smart-card
 
+## 38.11.0
+
+### Minor Changes
+
+- [#172309](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172309)
+  [`2277073f3598c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2277073f3598c) -
+  EDM-12975 use entity data to render google document links
+
+### Patch Changes
+
+- Updated dependencies
+
+## 38.10.2
+
+### Patch Changes
+
+- [#172989](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172989)
+  [`41bb7602f58e3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/41bb7602f58e3) -
+  Refactor and clean up types for external elements
+- Updated dependencies
+
 ## 38.10.1
 
 ### Patch Changes

package/dist/cjs/extractors/action/extract-invoke-copy-link-action.js

@@ -8,6 +8,7 @@ exports.extractInvokeCopyLinkAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _index = require("../../index");
 var _helpers = require("../../state/helpers");
 var _canShowAction = require("../../utils/actions/can-show-action");
@@ -20,7 +21,7 @@ var extractInvokeCopyLinkAction = exports.extractInvokeCopyLinkAction = function
     return;
   }
   var data = response.data;
-  var url = (0, _linkExtractors.extractLink)(data);
+  var url = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkUrl)(response) : (0, _linkExtractors.extractLink)(data);
   if (!url) {
     return;
   }

package/dist/cjs/extractors/action/extract-invoke-download-action.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.extractInvokeDownloadAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _index = require("../../index");
 var _helpers = require("../../state/helpers");
 var _utils = require("../../utils");
@@ -26,7 +28,7 @@ var extractInvokeDownloadAction = exports.extractInvokeDownloadAction = function
     return action['@type'] === 'DownloadAction';
   });
   if (downloadActionExists) {
-    var downloadUrl = (0, _extractDownloadUrl.extractDownloadUrl)(data);
+    var downloadUrl = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkDownloadUrl)(response) : (0, _extractDownloadUrl.extractDownloadUrl)(data);
     return {
       actionFn: function () {
         var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {

package/dist/cjs/extractors/action/extract-invoke-preview-action.js

@@ -8,6 +8,7 @@ exports.extractInvokePreviewAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _index = require("../../index");
 var _helpers = require("../../state/helpers");
 var _canShowAction = require("../../utils/actions/can-show-action");
@@ -38,7 +39,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
     return {
       actionFn: function () {
         var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-          var _extractProvider;
+          var _extractSmartLinkProv, _extractProvider, _extractSmartLinkEmbe;
           return _regenerator.default.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
@@ -51,12 +52,12 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                   isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta),
                   isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta),
                   linkIcon: (0, _icon.extractLinkIcon)(response),
-                  providerName: (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
+                  providerName: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (_extractSmartLinkProv = (0, _linkExtractors.extractSmartLinkProvider)(response)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
                   onClose: onClose,
                   origin: origin,
-                  src: src,
-                  title: (0, _linkExtractors.extractTitle)(data),
-                  url: url
+                  src: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : src,
+                  title: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkTitle)(response) : (0, _linkExtractors.extractTitle)(data),
+                  url: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkUrl)(response) : url
                 }));
               case 1:
               case "end":

package/dist/cjs/extractors/common/primitives/extractSummary.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractSummary = void 0;
+exports.extractSummary = exports.extractSmartLinkSummary = void 0;
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * Return link summary
  */
@@ -12,4 +14,17 @@ var extractSummary = exports.extractSummary = function extractSummary(jsonLd) {
     var summary = jsonLd.summary.trim();
     return Boolean(summary) ? summary : undefined;
   }
+};
+
+/**
+ * Return link summary
+ */
+var extractSmartLinkSummary = exports.extractSmartLinkSummary = function extractSmartLinkSummary(response) {
+  if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
+    if ((0, _linkExtractors.isEntityPresent)(response)) {
+      var _extractEntity;
+      return (_extractEntity = (0, _linkExtractors.extractEntity)(response)) === null || _extractEntity === void 0 ? void 0 : _extractEntity.description;
+    }
+  }
+  return (response === null || response === void 0 ? void 0 : response.data) && extractSummary(response.data);
 };

package/dist/cjs/extractors/flexible/actions/extract-view-related-links-action.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractViewRelatedLinksAction = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var extractViewRelatedLinksAction = exports.extractViewRelatedLinksAction = function extractViewRelatedLinksAction(response) {
   var _response$meta;
   if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta = _response$meta.supportedFeature) !== null && _response$meta !== void 0 && _response$meta.includes('RelatedLinks'))) {
     return;
   }
-  var ari = (0, _linkExtractors.extractAri)(response.data);
+  var ari = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkAri)(response) : (0, _linkExtractors.extractAri)(response.data);
   if (!ari) {
     return;
   }

package/dist/cjs/extractors/flexible/index.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("../common/primitives");
+var _extractSummary = require("../common/primitives/extractSummary");
 var _actions = require("./actions");
 var _collaboratorGroup = require("./collaboratorGroup");
 var _extractLinkTitle = _interopRequireDefault(require("./extract-link-title"));
@@ -57,7 +57,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     appliedToComponentsCount: (0, _utils.extractAppliedToComponentsCount)(data),
     assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
     attachmentCount: (0, _utils.extractAttachmentCount)(data),
-    authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),
+    authorGroup: (0, _linkExtractors.extractSmartLinkAuthorGroup)(response),
     ownedByGroup: (0, _linkExtractors.extractPersonOwnedBy)(data),
     collaboratorGroup: (0, _collaboratorGroup.extractPersonsUpdatedBy)(data),
     commentCount: (0, _utils.extractCommentCount)(data),
@@ -84,7 +84,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     programmingLanguage: (0, _utils.extractProgrammingLanguage)(data),
     readTime: (0, _utils.extractReadTime)(data),
     sentOn: (0, _utils.extractSentOn)(data),
-    snippet: (0, _primitives.extractSummary)(data) || undefined,
+    snippet: (0, _extractSummary.extractSmartLinkSummary)(response) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: (0, _utils.extractSourceBranch)(data),
     state: (0, _extractState.default)(response, actionOptions, id, appearance, origin, fireEvent, resolve),

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

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.10.1"
+  packageVersion: "38.10.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/mocks.js

@@ -104,6 +104,7 @@ var entityDataResponse = {
   entityData: {
     id: 'I love cheese',
     displayName: 'I love cheese',
+    description: 'Here is your serving of cheese: 🧀',
     url: 'https://some.url',
     lastUpdatedAt: '2025-01-08T22:26:52.501Z',
     thumbnail: {

package/dist/cjs/view/FlexibleCard/external.js

@@ -20,7 +20,7 @@ var _elements = require("./components/elements");
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 
-// ---- EXPORTED METADATA COMPONENT ---- //
+// ---- EXPORTED METADATA COMPONENTS ---- //
 var AssignedToElement = exports.AssignedToElement = function AssignedToElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.AssignedTo, null);
 };
@@ -128,8 +128,8 @@ var SentOnElement = exports.SentOnElement = function SentOnElement() {
 };
 var SnippetElement = exports.SnippetElement = function SnippetElement(props) {
   return /*#__PURE__*/_react.default.createElement(_elements.Snippet, {
-    maxLines: props.maxLines,
-    content: props.text
+    maxLines: props === null || props === void 0 ? void 0 : props.maxLines,
+    content: props === null || props === void 0 ? void 0 : props.text
   });
 };
 var SourceBranchElement = exports.SourceBranchElement = function SourceBranchElement() {
@@ -180,8 +180,8 @@ var CopyLinkAction = exports.CopyLinkAction = function CopyLinkAction(props) {
 };
 var CustomAction = exports.CustomAction = function CustomAction(props) {
   return /*#__PURE__*/_react.default.createElement(_actions.CustomAction, (0, _extends2.default)({}, toActionProps(props), {
-    content: props === null || props === void 0 ? void 0 : props.children,
-    onClick: props === null || props === void 0 ? void 0 : props.onClick
+    content: props.children,
+    onClick: props.onClick
   }));
 };
 var DownloadAction = exports.DownloadAction = function DownloadAction(props) {

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

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.10.1",
+  packageVersion: "38.10.2",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/action/extract-invoke-copy-link-action.js

@@ -1,4 +1,5 @@
-import { extractLink } from '@atlaskit/link-extractors';
+import { extractLink, extractSmartLinkUrl } from '@atlaskit/link-extractors';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
@@ -12,7 +13,7 @@ export const extractInvokeCopyLinkAction = ({
     return;
   }
   const data = response.data;
-  const url = extractLink(data);
+  const url = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
   if (!url) {
     return;
   }

package/dist/es2019/extractors/action/extract-invoke-download-action.js

@@ -1,3 +1,5 @@
+import { extractSmartLinkDownloadUrl } from "@atlaskit/link-extractors";
+import { fg } from "@atlaskit/platform-feature-flags";
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { downloadUrl as download } from '../../utils';
@@ -16,7 +18,7 @@ export const extractInvokeDownloadAction = ({
   const data = response.data;
   const downloadActionExists = getActionsFromJsonLd(data).find(action => action['@type'] === 'DownloadAction');
   if (downloadActionExists) {
-    const downloadUrl = extractDownloadUrl(data);
+    const downloadUrl = fg('smart_links_noun_support') ? extractSmartLinkDownloadUrl(response) : extractDownloadUrl(data);
     return {
       actionFn: async () => download(downloadUrl),
       actionSubjectId: 'downloadDocument',

package/dist/es2019/extractors/action/extract-invoke-preview-action.js

@@ -1,4 +1,5 @@
-import { extractLink, extractPreview as extractPreviewData, extractProvider, extractTitle } from '@atlaskit/link-extractors';
+import { extractLink, extractPreview as extractPreviewData, extractProvider, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle } from '@atlaskit/link-extractors';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
@@ -30,7 +31,7 @@ export const extractInvokePreviewAction = param => {
     const extensionKey = getExtensionKey(response);
     return {
       actionFn: async () => {
-        var _extractProvider;
+        var _extractSmartLinkProv, _extractProvider, _extractSmartLinkEmbe;
         return openEmbedModal({
           fireEvent,
           extensionKey,
@@ -40,12 +41,12 @@ export const extractInvokePreviewAction = param => {
           isSupportTheming: extractIsSupportTheming(meta),
           isTrusted: extractIsTrusted(meta),
           linkIcon: extractLinkIcon(response),
-          providerName: (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
+          providerName: fg('smart_links_noun_support') ? (_extractSmartLinkProv = extractSmartLinkProvider(response)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
           onClose,
           origin,
-          src,
-          title: extractTitle(data),
-          url
+          src: fg('smart_links_noun_support') ? (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : src,
+          title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) : extractTitle(data),
+          url: fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : url
         });
       },
       actionSubjectId: 'invokePreviewScreen',

package/dist/es2019/extractors/common/primitives/extractSummary.js

@@ -1,3 +1,6 @@
+import { extractEntity, isEntityPresent } from "@atlaskit/link-extractors";
+import { fg } from "@atlaskit/platform-feature-flags";
+
 /**
  * Return link summary
  */
@@ -6,4 +9,17 @@ export const extractSummary = jsonLd => {
     const summary = jsonLd.summary.trim();
     return Boolean(summary) ? summary : undefined;
   }
+};
+
+/**
+ * Return link summary
+ */
+export const extractSmartLinkSummary = response => {
+  if (fg('smart_links_noun_support')) {
+    if (isEntityPresent(response)) {
+      var _extractEntity;
+      return (_extractEntity = extractEntity(response)) === null || _extractEntity === void 0 ? void 0 : _extractEntity.description;
+    }
+  }
+  return (response === null || response === void 0 ? void 0 : response.data) && extractSummary(response.data);
 };

package/dist/es2019/extractors/flexible/actions/extract-view-related-links-action.js

@@ -1,10 +1,11 @@
-import { extractAri } from '@atlaskit/link-extractors';
+import { extractAri, extractSmartLinkAri } from '@atlaskit/link-extractors';
+import { fg } from "@atlaskit/platform-feature-flags";
 export const extractViewRelatedLinksAction = response => {
   var _response$meta, _response$meta$suppor;
   if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta$suppor = _response$meta.supportedFeature) !== null && _response$meta$suppor !== void 0 && _response$meta$suppor.includes('RelatedLinks'))) {
     return;
   }
-  const ari = extractAri(response.data);
+  const ari = fg('smart_links_noun_support') ? extractSmartLinkAri(response) : extractAri(response.data);
   if (!ari) {
     return;
   }

package/dist/es2019/extractors/flexible/index.js

@@ -1,6 +1,6 @@
-import { extractPersonCreatedBy, extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
+import { extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkAuthorGroup, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { extractSummary } from '../common/primitives';
+import { extractSmartLinkSummary } from "../common/primitives/extractSummary";
 import { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import extractLinkTitle from './extract-link-title';
@@ -45,7 +45,7 @@ const extractFlexibleUiContext = ({
     appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
-    authorGroup: extractPersonCreatedBy(data),
+    authorGroup: extractSmartLinkAuthorGroup(response),
     ownedByGroup: extractPersonOwnedBy(data),
     collaboratorGroup: extractPersonsUpdatedBy(data),
     commentCount: extractCommentCount(data),
@@ -72,7 +72,7 @@ const extractFlexibleUiContext = ({
     programmingLanguage: extractProgrammingLanguage(data),
     readTime: extractReadTime(data),
     sentOn: extractSentOn(data),
-    snippet: extractSummary(data) || undefined,
+    snippet: extractSmartLinkSummary(response) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
     state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve),

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

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

package/dist/es2019/utils/mocks.js

@@ -86,6 +86,7 @@ const entityDataResponse = {
   entityData: {
     id: 'I love cheese',
     displayName: 'I love cheese',
+    description: 'Here is your serving of cheese: 🧀',
     url: 'https://some.url',
     lastUpdatedAt: '2025-01-08T22:26:52.501Z',
     thumbnail: {

package/dist/es2019/view/FlexibleCard/external.js

@@ -12,7 +12,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../constants';
 import { CopyLinkAction as CopyLinkActionComponent, CustomAction as CustomActionComponent, DownloadAction as DownloadActionComponent, FollowAction as FollowActionComponent, PreviewAction as PreviewActionComponent, UnresolvedAction as UnresolvedActionComponent } from './components/actions';
 import { AssignedTo, AssignedToGroup, AttachmentCount, AuthorGroup, ChecklistProgress, CollaboratorGroup, CommentCount, CreatedBy, CreatedOn, DueOn, LatestCommit, LinkIcon, Location, ModifiedBy, ModifiedOn, OwnedBy, OwnedByGroup, Preview, Priority, ProgrammingLanguage, Provider, ReactCount, ReadTime, SentOn, Snippet, SourceBranch, State, StoryPoints, SubscriberCount, SubTasksProgress, TargetBranch, Title, ViewCount, VoteCount } from './components/elements';
-// ---- EXPORTED METADATA COMPONENT ---- //
+
+// ---- EXPORTED METADATA COMPONENTS ---- //
 export const AssignedToElement = () => /*#__PURE__*/React.createElement(AssignedTo, null);
 export const AssignedToGroupElement = () => /*#__PURE__*/React.createElement(AssignedToGroup, null);
 export const AttachmentCountElement = () => /*#__PURE__*/React.createElement(AttachmentCount, null);
@@ -83,8 +84,8 @@ export const ReactCountElement = props => {
 export const ReadTimeElement = () => /*#__PURE__*/React.createElement(ReadTime, null);
 export const SentOnElement = () => /*#__PURE__*/React.createElement(SentOn, null);
 export const SnippetElement = props => /*#__PURE__*/React.createElement(Snippet, {
-  maxLines: props.maxLines,
-  content: props.text
+  maxLines: props === null || props === void 0 ? void 0 : props.maxLines,
+  content: props === null || props === void 0 ? void 0 : props.text
 });
 export const SourceBranchElement = () => /*#__PURE__*/React.createElement(SourceBranch, null);
 export const StateElement = () => /*#__PURE__*/React.createElement(State, null);
@@ -113,8 +114,8 @@ export const toActionProps = props => {
 };
 export const CopyLinkAction = props => /*#__PURE__*/React.createElement(CopyLinkActionComponent, toActionProps(props));
 export const CustomAction = props => /*#__PURE__*/React.createElement(CustomActionComponent, _extends({}, toActionProps(props), {
-  content: props === null || props === void 0 ? void 0 : props.children,
-  onClick: props === null || props === void 0 ? void 0 : props.onClick
+  content: props.children,
+  onClick: props.onClick
 }));
 export const DownloadAction = props => /*#__PURE__*/React.createElement(DownloadActionComponent, toActionProps(props));
 export const FollowAction = props => /*#__PURE__*/React.createElement(FollowActionComponent, toActionProps(props));

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

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

package/dist/esm/extractors/action/extract-invoke-copy-link-action.js

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { extractLink } from '@atlaskit/link-extractors';
+import { extractLink, extractSmartLinkUrl } from '@atlaskit/link-extractors';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
@@ -13,7 +14,7 @@ export var extractInvokeCopyLinkAction = function extractInvokeCopyLinkAction(_r
     return;
   }
   var data = response.data;
-  var url = extractLink(data);
+  var url = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
   if (!url) {
     return;
   }

package/dist/esm/extractors/action/extract-invoke-download-action.js

@@ -1,5 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { extractSmartLinkDownloadUrl } from "@atlaskit/link-extractors";
+import { fg } from "@atlaskit/platform-feature-flags";
 import { ActionName, CardAction } from '../../index';
 import { getDefinitionId, getExtensionKey, getResourceType } from '../../state/helpers';
 import { downloadUrl as download } from '../../utils';
@@ -19,7 +21,7 @@ export var extractInvokeDownloadAction = function extractInvokeDownloadAction(_r
     return action['@type'] === 'DownloadAction';
   });
   if (downloadActionExists) {
-    var downloadUrl = extractDownloadUrl(data);
+    var downloadUrl = fg('smart_links_noun_support') ? extractSmartLinkDownloadUrl(response) : extractDownloadUrl(data);
     return {
       actionFn: function () {
         var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {

package/dist/esm/extractors/action/extract-invoke-preview-action.js

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { extractLink, extractPreview as extractPreviewData, extractProvider, extractTitle } from '@atlaskit/link-extractors';
+import { extractLink, extractPreview as extractPreviewData, extractProvider, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl, extractTitle } from '@atlaskit/link-extractors';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
@@ -31,7 +32,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
     return {
       actionFn: function () {
         var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-          var _extractProvider;
+          var _extractSmartLinkProv, _extractProvider, _extractSmartLinkEmbe;
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
@@ -44,12 +45,12 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                   isSupportTheming: extractIsSupportTheming(meta),
                   isTrusted: extractIsTrusted(meta),
                   linkIcon: extractLinkIcon(response),
-                  providerName: (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
+                  providerName: fg('smart_links_noun_support') ? (_extractSmartLinkProv = extractSmartLinkProvider(response)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text,
                   onClose: onClose,
                   origin: origin,
-                  src: src,
-                  title: extractTitle(data),
-                  url: url
+                  src: fg('smart_links_noun_support') ? (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : src,
+                  title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) : extractTitle(data),
+                  url: fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : url
                 }));
               case 1:
               case "end":

package/dist/esm/extractors/common/primitives/extractSummary.js

@@ -1,3 +1,6 @@
+import { extractEntity, isEntityPresent } from "@atlaskit/link-extractors";
+import { fg } from "@atlaskit/platform-feature-flags";
+
 /**
  * Return link summary
  */
@@ -6,4 +9,17 @@ export var extractSummary = function extractSummary(jsonLd) {
     var summary = jsonLd.summary.trim();
     return Boolean(summary) ? summary : undefined;
   }
+};
+
+/**
+ * Return link summary
+ */
+export var extractSmartLinkSummary = function extractSmartLinkSummary(response) {
+  if (fg('smart_links_noun_support')) {
+    if (isEntityPresent(response)) {
+      var _extractEntity;
+      return (_extractEntity = extractEntity(response)) === null || _extractEntity === void 0 ? void 0 : _extractEntity.description;
+    }
+  }
+  return (response === null || response === void 0 ? void 0 : response.data) && extractSummary(response.data);
 };

package/dist/esm/extractors/flexible/actions/extract-view-related-links-action.js

@@ -1,10 +1,11 @@
-import { extractAri } from '@atlaskit/link-extractors';
+import { extractAri, extractSmartLinkAri } from '@atlaskit/link-extractors';
+import { fg } from "@atlaskit/platform-feature-flags";
 export var extractViewRelatedLinksAction = function extractViewRelatedLinksAction(response) {
   var _response$meta;
   if (!(response !== null && response !== void 0 && (_response$meta = response.meta) !== null && _response$meta !== void 0 && (_response$meta = _response$meta.supportedFeature) !== null && _response$meta !== void 0 && _response$meta.includes('RelatedLinks'))) {
     return;
   }
-  var ari = extractAri(response.data);
+  var ari = fg('smart_links_noun_support') ? extractSmartLinkAri(response) : extractAri(response.data);
   if (!ari) {
     return;
   }

package/dist/esm/extractors/flexible/index.js

@@ -3,9 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["appearance", "fireEvent", "id", "onClick", "origin", "renderers", "resolve", "actionOptions", "response", "status", "aiSummaryConfig"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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 { extractPersonCreatedBy, extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
+import { extractPersonOwnedBy, extractSmartLinkAri, extractSmartLinkAuthorGroup, extractSmartLinkCreatedBy, extractSmartLinkCreatedOn, extractSmartLinkModifiedBy, extractSmartLinkModifiedOn, extractSmartLinkTitle, extractSmartLinkUrl, extractType } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { extractSummary } from '../common/primitives';
+import { extractSmartLinkSummary } from "../common/primitives/extractSummary";
 import { extractFlexibleCardActions } from './actions';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import extractLinkTitle from './extract-link-title';
@@ -50,7 +50,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     appliedToComponentsCount: extractAppliedToComponentsCount(data),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
-    authorGroup: extractPersonCreatedBy(data),
+    authorGroup: extractSmartLinkAuthorGroup(response),
     ownedByGroup: extractPersonOwnedBy(data),
     collaboratorGroup: extractPersonsUpdatedBy(data),
     commentCount: extractCommentCount(data),
@@ -77,7 +77,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     programmingLanguage: extractProgrammingLanguage(data),
     readTime: extractReadTime(data),
     sentOn: extractSentOn(data),
-    snippet: extractSummary(data) || undefined,
+    snippet: extractSmartLinkSummary(response) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
     state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve),

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

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

package/dist/esm/utils/mocks.js

@@ -97,6 +97,7 @@ var entityDataResponse = {
   entityData: {
     id: 'I love cheese',
     displayName: 'I love cheese',
+    description: 'Here is your serving of cheese: 🧀',
     url: 'https://some.url',
     lastUpdatedAt: '2025-01-08T22:26:52.501Z',
     thumbnail: {

package/dist/esm/view/FlexibleCard/external.js

@@ -12,7 +12,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../constants';
 import { CopyLinkAction as CopyLinkActionComponent, CustomAction as CustomActionComponent, DownloadAction as DownloadActionComponent, FollowAction as FollowActionComponent, PreviewAction as PreviewActionComponent, UnresolvedAction as UnresolvedActionComponent } from './components/actions';
 import { AssignedTo, AssignedToGroup, AttachmentCount, AuthorGroup, ChecklistProgress, CollaboratorGroup, CommentCount, CreatedBy, CreatedOn, DueOn, LatestCommit, LinkIcon, Location, ModifiedBy, ModifiedOn, OwnedBy, OwnedByGroup, Preview, Priority, ProgrammingLanguage, Provider, ReactCount, ReadTime, SentOn, Snippet, SourceBranch, State, StoryPoints, SubscriberCount, SubTasksProgress, TargetBranch, Title, ViewCount, VoteCount } from './components/elements';
-// ---- EXPORTED METADATA COMPONENT ---- //
+
+// ---- EXPORTED METADATA COMPONENTS ---- //
 export var AssignedToElement = function AssignedToElement() {
   return /*#__PURE__*/React.createElement(AssignedTo, null);
 };
@@ -120,8 +121,8 @@ export var SentOnElement = function SentOnElement() {
 };
 export var SnippetElement = function SnippetElement(props) {
   return /*#__PURE__*/React.createElement(Snippet, {
-    maxLines: props.maxLines,
-    content: props.text
+    maxLines: props === null || props === void 0 ? void 0 : props.maxLines,
+    content: props === null || props === void 0 ? void 0 : props.text
   });
 };
 export var SourceBranchElement = function SourceBranchElement() {
@@ -172,8 +173,8 @@ export var CopyLinkAction = function CopyLinkAction(props) {
 };
 export var CustomAction = function CustomAction(props) {
   return /*#__PURE__*/React.createElement(CustomActionComponent, _extends({}, toActionProps(props), {
-    content: props === null || props === void 0 ? void 0 : props.children,
-    onClick: props === null || props === void 0 ? void 0 : props.onClick
+    content: props.children,
+    onClick: props.onClick
   }));
 };
 export var DownloadAction = function DownloadAction(props) {

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

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

package/dist/types/__fixtures__/document-entity.d.ts

@@ -0,0 +1,3 @@
+import { SmartLinkResponse } from "@atlaskit/linking-types";
+declare const _default: SmartLinkResponse;
+export default _default;

package/dist/types/extractors/common/primitives/extractSummary.d.ts

@@ -1,5 +1,10 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
+import type { SmartLinkResponse } from "@atlaskit/linking-types";
 /**
  * Return link summary
  */
 export declare const extractSummary: (jsonLd: JsonLd.Data.BaseData) => string | undefined;
+/**
+ * Return link summary
+ */
+export declare const extractSmartLinkSummary: (response?: SmartLinkResponse) => string | undefined;

package/dist/types/view/FlexibleCard/external.d.ts

@@ -7,53 +7,54 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import type { BaseBadgeElementProps, BaseDateTimeElementProps, BaseIconElementProps, BaseLinkElementProps, BaseTextElementProps } from './components/elements/common';
-import type { PreviewElementProps } from './components/elements/preview-element';
+import { Prettify } from '@atlaskit/linking-common';
+import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, Preview, ReactCount, Snippet, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
 export declare const AttachmentCountElement: () => React.JSX.Element;
 export declare const AuthorGroupElement: () => React.JSX.Element;
 export declare const ChecklistProgressElement: () => React.JSX.Element;
 export declare const CollaboratorGroupElement: () => React.JSX.Element;
-type CommentCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
+type CommentCountElementProps = Pick<React.ComponentProps<typeof CommentCount>, 'color'>;
 export declare const CommentCountElement: (props?: CommentCountElementProps) => React.JSX.Element;
 export declare const CreatedOnElement: () => React.JSX.Element;
 export declare const CreatedByElement: () => React.JSX.Element;
 export declare const DueOnElement: () => React.JSX.Element;
 export declare const LatestCommitElement: () => React.JSX.Element;
-type LinkIconElementProps = Pick<BaseIconElementProps, 'render'> & {
+type LinkIconElementProps = Prettify<Pick<React.ComponentProps<typeof LinkIcon>, 'render'> & {
     iconTileSize?: 16 | 24;
-};
+}>;
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<BaseDateTimeElementProps, 'hideDatePrefix' | 'color'>;
+type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<BaseTextElementProps, 'hideFormat' | 'color'>;
+type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 export declare const OwnedByGroupElement: () => React.JSX.Element;
-export declare const PreviewElement: (props: Omit<PreviewElementProps, 'overrideUrl'> & {
-    url?: PreviewElementProps['overrideUrl'];
-}) => React.JSX.Element;
+type PreviewElementProps = {
+    url?: React.ComponentProps<typeof Preview>['overrideUrl'];
+};
+export declare const PreviewElement: (props?: PreviewElementProps) => React.JSX.Element;
 export declare const PriorityElement: () => React.JSX.Element;
 export declare const ProgrammingLanguageElement: () => React.JSX.Element;
 export declare const ProviderElement: () => React.JSX.Element;
-type ReactCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
+type ReactCountElementProps = Pick<React.ComponentProps<typeof ReactCount>, 'color'>;
 export declare const ReactCountElement: (props?: ReactCountElementProps) => React.JSX.Element;
 export declare const ReadTimeElement: () => React.JSX.Element;
 export declare const SentOnElement: () => React.JSX.Element;
-export type SnippetElementProps = Pick<BaseTextElementProps, 'maxLines'> & {
-    text?: BaseTextElementProps['content'];
-};
-export declare const SnippetElement: (props: SnippetElementProps) => React.JSX.Element;
+export type SnippetElementProps = Prettify<Pick<React.ComponentProps<typeof Snippet>, 'maxLines'> & {
+    text?: React.ComponentProps<typeof Snippet>['content'];
+}>;
+export declare const SnippetElement: (props?: SnippetElementProps) => React.JSX.Element;
 export declare const SourceBranchElement: () => React.JSX.Element;
 export declare const StateElement: () => React.JSX.Element;
 export declare const StoryPointsElement: () => React.JSX.Element;
 export declare const SubscriberCountElement: () => React.JSX.Element;
 export declare const SubTasksProgressElement: () => React.JSX.Element;
 export declare const TargetBranchElement: () => React.JSX.Element;
-export type TitleElementProps = Pick<BaseLinkElementProps, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
-export declare const TitleElement: (props: TitleElementProps) => React.JSX.Element;
+export type TitleElementProps = Pick<React.ComponentProps<typeof Title>, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
+export declare const TitleElement: (props?: TitleElementProps) => React.JSX.Element;
 export declare const ViewCountElement: () => React.JSX.Element;
 export declare const VoteCountElement: () => React.JSX.Element;
 type BaseActionProps = {
@@ -65,10 +66,10 @@ export declare const toActionProps: (props?: BaseActionProps) => {
 };
 export type CopyLinkActionProps = BaseActionProps;
 export declare const CopyLinkAction: (props: CopyLinkActionProps) => React.JSX.Element;
-export type CustomActionProps = BaseActionProps & {
+export type CustomActionProps = Prettify<BaseActionProps & {
     children: React.ReactNode;
     onClick: () => void;
-};
+}>;
 export declare const CustomAction: (props: CustomActionProps) => React.JSX.Element;
 export type DownloadActionProps = BaseActionProps;
 export declare const DownloadAction: (props: DownloadActionProps) => React.JSX.Element;

package/dist/types-ts4.5/__fixtures__/document-entity.d.ts

@@ -0,0 +1,3 @@
+import { SmartLinkResponse } from "@atlaskit/linking-types";
+declare const _default: SmartLinkResponse;
+export default _default;

package/dist/types-ts4.5/extractors/common/primitives/extractSummary.d.ts

@@ -1,5 +1,10 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
+import type { SmartLinkResponse } from "@atlaskit/linking-types";
 /**
  * Return link summary
  */
 export declare const extractSummary: (jsonLd: JsonLd.Data.BaseData) => string | undefined;
+/**
+ * Return link summary
+ */
+export declare const extractSmartLinkSummary: (response?: SmartLinkResponse) => string | undefined;

package/dist/types-ts4.5/view/FlexibleCard/external.d.ts

@@ -7,53 +7,54 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import type { BaseBadgeElementProps, BaseDateTimeElementProps, BaseIconElementProps, BaseLinkElementProps, BaseTextElementProps } from './components/elements/common';
-import type { PreviewElementProps } from './components/elements/preview-element';
+import { Prettify } from '@atlaskit/linking-common';
+import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, Preview, ReactCount, Snippet, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
 export declare const AttachmentCountElement: () => React.JSX.Element;
 export declare const AuthorGroupElement: () => React.JSX.Element;
 export declare const ChecklistProgressElement: () => React.JSX.Element;
 export declare const CollaboratorGroupElement: () => React.JSX.Element;
-type CommentCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
+type CommentCountElementProps = Pick<React.ComponentProps<typeof CommentCount>, 'color'>;
 export declare const CommentCountElement: (props?: CommentCountElementProps) => React.JSX.Element;
 export declare const CreatedOnElement: () => React.JSX.Element;
 export declare const CreatedByElement: () => React.JSX.Element;
 export declare const DueOnElement: () => React.JSX.Element;
 export declare const LatestCommitElement: () => React.JSX.Element;
-type LinkIconElementProps = Pick<BaseIconElementProps, 'render'> & {
+type LinkIconElementProps = Prettify<Pick<React.ComponentProps<typeof LinkIcon>, 'render'> & {
     iconTileSize?: 16 | 24;
-};
+}>;
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<BaseDateTimeElementProps, 'hideDatePrefix' | 'color'>;
+type ModifiedOnElementProps = Pick<React.ComponentProps<typeof ModifiedOn>, 'hideDatePrefix' | 'color'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<BaseTextElementProps, 'hideFormat' | 'color'>;
+type OwnedByElementProps = Pick<React.ComponentProps<typeof OwnedBy>, 'hideFormat' | 'color'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 export declare const OwnedByGroupElement: () => React.JSX.Element;
-export declare const PreviewElement: (props: Omit<PreviewElementProps, 'overrideUrl'> & {
-    url?: PreviewElementProps['overrideUrl'];
-}) => React.JSX.Element;
+type PreviewElementProps = {
+    url?: React.ComponentProps<typeof Preview>['overrideUrl'];
+};
+export declare const PreviewElement: (props?: PreviewElementProps) => React.JSX.Element;
 export declare const PriorityElement: () => React.JSX.Element;
 export declare const ProgrammingLanguageElement: () => React.JSX.Element;
 export declare const ProviderElement: () => React.JSX.Element;
-type ReactCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
+type ReactCountElementProps = Pick<React.ComponentProps<typeof ReactCount>, 'color'>;
 export declare const ReactCountElement: (props?: ReactCountElementProps) => React.JSX.Element;
 export declare const ReadTimeElement: () => React.JSX.Element;
 export declare const SentOnElement: () => React.JSX.Element;
-export type SnippetElementProps = Pick<BaseTextElementProps, 'maxLines'> & {
-    text?: BaseTextElementProps['content'];
-};
-export declare const SnippetElement: (props: SnippetElementProps) => React.JSX.Element;
+export type SnippetElementProps = Prettify<Pick<React.ComponentProps<typeof Snippet>, 'maxLines'> & {
+    text?: React.ComponentProps<typeof Snippet>['content'];
+}>;
+export declare const SnippetElement: (props?: SnippetElementProps) => React.JSX.Element;
 export declare const SourceBranchElement: () => React.JSX.Element;
 export declare const StateElement: () => React.JSX.Element;
 export declare const StoryPointsElement: () => React.JSX.Element;
 export declare const SubscriberCountElement: () => React.JSX.Element;
 export declare const SubTasksProgressElement: () => React.JSX.Element;
 export declare const TargetBranchElement: () => React.JSX.Element;
-export type TitleElementProps = Pick<BaseLinkElementProps, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
-export declare const TitleElement: (props: TitleElementProps) => React.JSX.Element;
+export type TitleElementProps = Pick<React.ComponentProps<typeof Title>, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
+export declare const TitleElement: (props?: TitleElementProps) => React.JSX.Element;
 export declare const ViewCountElement: () => React.JSX.Element;
 export declare const VoteCountElement: () => React.JSX.Element;
 type BaseActionProps = {
@@ -65,10 +66,10 @@ export declare const toActionProps: (props?: BaseActionProps) => {
 };
 export type CopyLinkActionProps = BaseActionProps;
 export declare const CopyLinkAction: (props: CopyLinkActionProps) => React.JSX.Element;
-export type CustomActionProps = BaseActionProps & {
+export type CustomActionProps = Prettify<BaseActionProps & {
     children: React.ReactNode;
     onClick: () => void;
-};
+}>;
 export declare const CustomAction: (props: CustomActionProps) => React.JSX.Element;
 export type DownloadActionProps = BaseActionProps;
 export declare const DownloadAction: (props: DownloadActionProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.10.1",
+	"version": "38.11.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
 		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/css": "^0.10.0",
+		"@atlaskit/css": "^0.11.0",
 		"@atlaskit/dropdown-menu": "^16.1.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/frontend-utilities": "^3.0.0",
@@ -50,9 +50,9 @@
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-analytics": "^10.0.0",
 		"@atlaskit/link-client-extension": "^5.0.0",
-		"@atlaskit/link-extractors": "^2.3.0",
-		"@atlaskit/linking-common": "^9.0.0",
-		"@atlaskit/linking-types": "^12.0.0",
+		"@atlaskit/link-extractors": "^2.4.0",
+		"@atlaskit/linking-common": "^9.1.0",
+		"@atlaskit/linking-types": "^12.1.0",
 		"@atlaskit/logo": "^19.1.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/menu": "^8.0.0",
@@ -60,14 +60,14 @@
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.3.0",
-		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/select": "^20.7.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.2.0",
+		"@atlaskit/tokens": "^5.3.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -96,7 +96,7 @@
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
-		"@atlaskit/media-test-helpers": "^36.1.0",
+		"@atlaskit/media-test-helpers": "^37.0.0",
 		"@atlaskit/react-ufo": "^3.13.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/visual-regression": "workspace:^",