@atlaskit/smart-card 38.0.0 → 38.1.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 38.1.1
+
+### Patch Changes
+
+- [#154969](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154969)
+  [`b495a5c681f5b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b495a5c681f5b) -
+  Update flexible card extractor to allow noun support
+
+## 38.1.0
+
+### Minor Changes
+
+- [#154319](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154319)
+  [`f9f36cfaadb03`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f9f36cfaadb03) -
+  Add color props to elements to override the default color
+
 ## 38.0.0
 
 ### Major Changes

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

@@ -25,7 +25,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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) { (0, _defineProperty2.default)(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; }
-var extractFlexibleUiContextFromJsonLd = function extractFlexibleUiContextFromJsonLd() {
+var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var appearance = _ref.appearance,
     fireEvent = _ref.fireEvent,
@@ -41,7 +41,7 @@ var extractFlexibleUiContextFromJsonLd = function extractFlexibleUiContextFromJs
     return undefined;
   }
   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);
   return _objectSpread({
     actions: (0, _actions.extractFlexibleCardActions)({
       actionOptions: actionOptions,
@@ -64,19 +64,19 @@ var extractFlexibleUiContextFromJsonLd = function extractFlexibleUiContextFromJs
     reactCount: (0, _utils.extractReactCount)(data),
     voteCount: (0, _utils.extractVoteCount)(data),
     checklistProgress: (0, _utils.extractChecklistProgress)(data),
-    createdBy: (0, _utils.extractCreatedBy)(data),
+    createdBy: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkCreatedBy)(response) : (0, _utils.extractCreatedBy)(data),
     ownedBy: (0, _utils.extractOwnedBy)(data),
     assignedTo: (0, _utils.extractAssignedTo)(data),
-    createdOn: (0, _linkExtractors.extractDateCreated)(data),
+    createdOn: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkCreatedOn)(response) : (0, _linkExtractors.extractDateCreated)(data),
     dueOn: (0, _utils.extractDueOn)(data),
     latestCommit: (0, _latestCommit.extractLatestCommit)(data),
-    linkIcon: (0, _icon.extractLinkIcon)(response, renderers),
+    linkIcon: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _icon.extractSmartLinkIcon)(response) : (0, _icon.extractLinkIcon)(response, renderers),
     location: (0, _utils.extractLocation)(data),
-    modifiedBy: (0, _utils.extractModifiedBy)(data),
-    modifiedOn: (0, _linkExtractors.extractDateUpdated)(data),
-    preview: (0, _extractPreview.default)(data),
+    modifiedBy: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkModifiedBy)(response) : (0, _utils.extractModifiedBy)(data),
+    modifiedOn: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkModifiedOn)(response) : (0, _linkExtractors.extractDateUpdated)(data),
+    preview: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _extractPreview.extractSmartLinkPreviewImage)(response) : (0, _extractPreview.default)(data),
     priority: (0, _extractPriority.default)(data),
-    provider: (0, _extractProviderIcon.default)(data),
+    provider: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _extractProviderIcon.extractSmartLinkProviderIcon)(response) : (0, _extractProviderIcon.default)(data),
     programmingLanguage: (0, _utils.extractProgrammingLanguage)(data),
     readTime: (0, _utils.extractReadTime)(data),
     sentOn: (0, _utils.extractSentOn)(data),
@@ -88,83 +88,11 @@ var extractFlexibleUiContextFromJsonLd = function extractFlexibleUiContextFromJs
     subTasksProgress: (0, _utils.extractSubTasksProgress)(data),
     storyPoints: (0, _utils.extractStoryPoints)(data),
     targetBranch: (0, _utils.extractTargetBranch)(data),
-    title: (0, _linkExtractors.extractTitle)(data) || url,
+    title: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkTitle)(response) || url : (0, _linkExtractors.extractTitle)(data) || url,
     url: url,
-    ari: (0, _linkExtractors.extractAri)(data)
+    ari: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkAri)(response) : (0, _linkExtractors.extractAri)(data)
   }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {
     type: (0, _linkExtractors.extractType)(data)
   });
 };
-var extractFlexibleUiContextFromEntity = function extractFlexibleUiContextFromEntity() {
-  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    actionOptions = _ref2.actionOptions,
-    appearance = _ref2.appearance,
-    fireEvent = _ref2.fireEvent,
-    id = _ref2.id,
-    origin = _ref2.origin,
-    resolve = _ref2.resolve,
-    response = _ref2.response;
-  if (!response) {
-    return undefined;
-  }
-  var data = response.data;
-  var url = (0, _linkExtractors.extractSmartLinkUrl)(response);
-  return _objectSpread({
-    actions: (0, _actions.extractFlexibleCardActions)({
-      response: response,
-      actionOptions: actionOptions,
-      id: id,
-      appearance: appearance,
-      fireEvent: fireEvent
-    }),
-    url: url,
-    ari: (0, _linkExtractors.extractSmartLinkAri)(response),
-    title: (0, _linkExtractors.extractSmartLinkTitle)(response) || url,
-    linkIcon: (0, _icon.extractSmartLinkIcon)(response),
-    preview: (0, _extractPreview.extractSmartLinkPreviewImage)(response),
-    provider: (0, _extractProviderIcon.extractSmartLinkProviderIcon)(response),
-    modifiedOn: (0, _linkExtractors.extractSmartLinkModifiedOn)(response),
-    createdOn: (0, _linkExtractors.extractSmartLinkCreatedOn)(response),
-    createdBy: (0, _linkExtractors.extractSmartLinkCreatedBy)(response),
-    modifiedBy: (0, _linkExtractors.extractSmartLinkModifiedBy)(response),
-    // We need to add/remove these as we support new entity types
-    assignedToGroup: (0, _utils.extractPersonAssignedToAsArray)(data),
-    appliedToComponentsCount: (0, _utils.extractAppliedToComponentsCount)(data),
-    attachmentCount: (0, _utils.extractAttachmentCount)(data),
-    authorGroup: (0, _linkExtractors.extractPersonCreatedBy)(data),
-    ownedByGroup: (0, _linkExtractors.extractPersonOwnedBy)(data),
-    collaboratorGroup: (0, _collaboratorGroup.extractPersonsUpdatedBy)(data),
-    commentCount: (0, _utils.extractCommentCount)(data),
-    viewCount: (0, _utils.extractViewCount)(data),
-    reactCount: (0, _utils.extractReactCount)(data),
-    voteCount: (0, _utils.extractVoteCount)(data),
-    checklistProgress: (0, _utils.extractChecklistProgress)(data),
-    ownedBy: (0, _utils.extractOwnedBy)(data),
-    assignedTo: (0, _utils.extractAssignedTo)(data),
-    dueOn: (0, _utils.extractDueOn)(data),
-    latestCommit: (0, _latestCommit.extractLatestCommit)(data),
-    location: (0, _utils.extractLocation)(data),
-    priority: (0, _extractPriority.default)(data),
-    programmingLanguage: (0, _utils.extractProgrammingLanguage)(data),
-    readTime: (0, _utils.extractReadTime)(data),
-    sentOn: (0, _utils.extractSentOn)(data),
-    snippet: (0, _primitives.extractSummary)(data) || 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),
-    subscriberCount: (0, _utils.extractSubscriberCount)(data),
-    subTasksProgress: (0, _utils.extractSubTasksProgress)(data),
-    storyPoints: (0, _utils.extractStoryPoints)(data),
-    targetBranch: (0, _utils.extractTargetBranch)(data)
-  }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {
-    type: (0, _linkExtractors.extractType)(data)
-  });
-};
-var extractFlexibleUiContext = function extractFlexibleUiContext() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
-    return extractFlexibleUiContextFromEntity(props);
-  }
-  return extractFlexibleUiContextFromJsonLd(props);
-};
 var _default = exports.default = extractFlexibleUiContext;

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.0.0"
+  packageVersion: "38.1.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -90,7 +90,8 @@ var BadgeRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     name = _ref.name,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-badge' : _ref$testId,
-    url = _ref.url;
+    url = _ref.url,
+    color = _ref.color;
   var formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   var badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId);
   if (!formattedMessageOrLabel || !badgeIcon) {
@@ -101,6 +102,9 @@ var BadgeRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     "data-smart-element-badge": true,
     "data-testid": testId,
     ref: ref,
+    style: {
+      color: color && (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props') ? color : undefined
+    },
     className: (0, _runtime.ax)([styles.container, colorMap[appearance]])
   }, !hideIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",

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

@@ -52,7 +52,8 @@ var DateTime = function DateTime(_ref) {
     testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId,
     text = _ref.text,
     _ref$hideDatePrefix = _ref.hideDatePrefix,
-    hideDatePrefix = _ref$hideDatePrefix === void 0 ? false : _ref$hideDatePrefix;
+    hideDatePrefix = _ref$hideDatePrefix === void 0 ? false : _ref$hideDatePrefix,
+    color = _ref.color;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatRelativeTime = _useIntl.formatRelativeTime,
     formatDate = _useIntl.formatDate;
@@ -91,6 +92,9 @@ var DateTime = function DateTime(_ref) {
     }));
   }
   return /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: color && (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props') ? color : undefined
+    },
     "data-separator": true,
     "data-smart-element": name,
     "data-smart-element-date-time": true,

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

@@ -33,7 +33,8 @@ var Text = function Text(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId,
     _ref$hideFormat = _ref.hideFormat,
-    hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat;
+    hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat,
+    color = _ref.color;
   if (!message && !content) {
     return null;
   }
@@ -49,6 +50,7 @@ var Text = function Text(_ref) {
     ,
     className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
     style: {
+      color: color && (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props') ? color : undefined,
       "--_1erfju8": (0, _runtime.ix)(maxLines),
       "--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))
     }

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

@@ -39,7 +39,12 @@ var ChecklistProgressElement = exports.ChecklistProgressElement = function Check
 var CollaboratorGroupElement = exports.CollaboratorGroupElement = function CollaboratorGroupElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.CollaboratorGroup, null);
 };
-var CommentCountElement = exports.CommentCountElement = function CommentCountElement() {
+var CommentCountElement = exports.CommentCountElement = function CommentCountElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, {
+      color: props === null || props === void 0 ? void 0 : props.color
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, null);
 };
 var CreatedOnElement = exports.CreatedOnElement = function CreatedOnElement() {
@@ -72,7 +77,8 @@ var ModifiedByElement = exports.ModifiedByElement = function ModifiedByElement()
 var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, {
-      hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix
+      hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
+      color: props === null || props === void 0 ? void 0 : props.color
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, null);
@@ -80,7 +86,8 @@ var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement(p
 var OwnedByElement = exports.OwnedByElement = function OwnedByElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, {
-      hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat
+      hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
+      color: props === null || props === void 0 ? void 0 : props.color
     });
   }
   return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, null);
@@ -105,7 +112,12 @@ var ProgrammingLanguageElement = exports.ProgrammingLanguageElement = function P
 var ProviderElement = exports.ProviderElement = function ProviderElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.Provider, null);
 };
-var ReactCountElement = exports.ReactCountElement = function ReactCountElement() {
+var ReactCountElement = exports.ReactCountElement = function ReactCountElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, {
+      color: props === null || props === void 0 ? void 0 : props.color
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, null);
 };
 var ReadTimeElement = exports.ReadTimeElement = function ReadTimeElement() {

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

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

@@ -10,7 +10,7 @@ import { extractLinkIcon, extractSmartLinkIcon } from './icon';
 import extractProviderIcon, { extractSmartLinkProviderIcon } from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
 import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
-const extractFlexibleUiContextFromJsonLd = ({
+const extractFlexibleUiContext = ({
   appearance,
   fireEvent,
   id,
@@ -26,7 +26,7 @@ const extractFlexibleUiContextFromJsonLd = ({
     return undefined;
   }
   const data = response.data;
-  const url = extractLink(data);
+  const url = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
   return {
     actions: extractFlexibleCardActions({
       actionOptions,
@@ -49,19 +49,19 @@ const extractFlexibleUiContextFromJsonLd = ({
     reactCount: extractReactCount(data),
     voteCount: extractVoteCount(data),
     checklistProgress: extractChecklistProgress(data),
-    createdBy: extractCreatedBy(data),
+    createdBy: fg('smart_links_noun_support') ? extractSmartLinkCreatedBy(response) : extractCreatedBy(data),
     ownedBy: extractOwnedBy(data),
     assignedTo: extractAssignedTo(data),
-    createdOn: extractDateCreated(data),
+    createdOn: fg('smart_links_noun_support') ? extractSmartLinkCreatedOn(response) : extractDateCreated(data),
     dueOn: extractDueOn(data),
     latestCommit: extractLatestCommit(data),
-    linkIcon: extractLinkIcon(response, renderers),
+    linkIcon: fg('smart_links_noun_support') ? extractSmartLinkIcon(response) : extractLinkIcon(response, renderers),
     location: extractLocation(data),
-    modifiedBy: extractModifiedBy(data),
-    modifiedOn: extractDateUpdated(data),
-    preview: extractPreview(data),
+    modifiedBy: fg('smart_links_noun_support') ? extractSmartLinkModifiedBy(response) : extractModifiedBy(data),
+    modifiedOn: fg('smart_links_noun_support') ? extractSmartLinkModifiedOn(response) : extractDateUpdated(data),
+    preview: fg('smart_links_noun_support') ? extractSmartLinkPreviewImage(response) : extractPreview(data),
     priority: extractPriority(data),
-    provider: extractProviderIcon(data),
+    provider: fg('smart_links_noun_support') ? extractSmartLinkProviderIcon(response) : extractProviderIcon(data),
     programmingLanguage: extractProgrammingLanguage(data),
     readTime: extractReadTime(data),
     sentOn: extractSentOn(data),
@@ -73,84 +73,12 @@ const extractFlexibleUiContextFromJsonLd = ({
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),
     targetBranch: extractTargetBranch(data),
-    title: extractTitle(data) || url,
+    title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) || url : extractTitle(data) || url,
     url,
-    ari: extractAri(data),
+    ari: fg('smart_links_noun_support') ? extractSmartLinkAri(response) : extractAri(data),
     ...(fg('platform-linking-visual-refresh-v2') && {
       type: extractType(data)
     })
   };
 };
-const extractFlexibleUiContextFromEntity = ({
-  actionOptions,
-  appearance,
-  fireEvent,
-  id,
-  origin,
-  resolve,
-  response
-} = {}) => {
-  if (!response) {
-    return undefined;
-  }
-  const data = response.data;
-  const url = extractSmartLinkUrl(response);
-  return {
-    actions: extractFlexibleCardActions({
-      response,
-      actionOptions,
-      id,
-      appearance,
-      fireEvent
-    }),
-    url,
-    ari: extractSmartLinkAri(response),
-    title: extractSmartLinkTitle(response) || url,
-    linkIcon: extractSmartLinkIcon(response),
-    preview: extractSmartLinkPreviewImage(response),
-    provider: extractSmartLinkProviderIcon(response),
-    modifiedOn: extractSmartLinkModifiedOn(response),
-    createdOn: extractSmartLinkCreatedOn(response),
-    createdBy: extractSmartLinkCreatedBy(response),
-    modifiedBy: extractSmartLinkModifiedBy(response),
-    // We need to add/remove these as we support new entity types
-    assignedToGroup: extractPersonAssignedToAsArray(data),
-    appliedToComponentsCount: extractAppliedToComponentsCount(data),
-    attachmentCount: extractAttachmentCount(data),
-    authorGroup: extractPersonCreatedBy(data),
-    ownedByGroup: extractPersonOwnedBy(data),
-    collaboratorGroup: extractPersonsUpdatedBy(data),
-    commentCount: extractCommentCount(data),
-    viewCount: extractViewCount(data),
-    reactCount: extractReactCount(data),
-    voteCount: extractVoteCount(data),
-    checklistProgress: extractChecklistProgress(data),
-    ownedBy: extractOwnedBy(data),
-    assignedTo: extractAssignedTo(data),
-    dueOn: extractDueOn(data),
-    latestCommit: extractLatestCommit(data),
-    location: extractLocation(data),
-    priority: extractPriority(data),
-    programmingLanguage: extractProgrammingLanguage(data),
-    readTime: extractReadTime(data),
-    sentOn: extractSentOn(data),
-    snippet: extractSummary(data) || undefined,
-    // Explicitly set here to remove an empty string
-    sourceBranch: extractSourceBranch(data),
-    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve),
-    subscriberCount: extractSubscriberCount(data),
-    subTasksProgress: extractSubTasksProgress(data),
-    storyPoints: extractStoryPoints(data),
-    targetBranch: extractTargetBranch(data),
-    ...(fg('platform-linking-visual-refresh-v2') && {
-      type: extractType(data)
-    })
-  };
-};
-const extractFlexibleUiContext = (props = {}) => {
-  if (fg('smart_links_noun_support')) {
-    return extractFlexibleUiContextFromEntity(props);
-  }
-  return extractFlexibleUiContextFromJsonLd(props);
-};
 export default extractFlexibleUiContext;

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.0.0"
+  packageVersion: "38.1.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -88,7 +88,8 @@ const BadgeRefreshNew = /*#__PURE__*/forwardRef(({
   label,
   name,
   testId = 'smart-element-badge',
-  url
+  url,
+  color
 }, ref) => {
   const formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   const badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId);
@@ -100,6 +101,9 @@ const BadgeRefreshNew = /*#__PURE__*/forwardRef(({
     "data-smart-element-badge": true,
     "data-testid": testId,
     ref: ref,
+    style: {
+      color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined
+    },
     className: ax([styles.container, colorMap[appearance]])
   }, !hideIcon && /*#__PURE__*/React.createElement(Box, {
     as: "span",

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

@@ -40,7 +40,8 @@ const DateTime = ({
   type,
   testId = 'smart-element-date-time',
   text,
-  hideDatePrefix = false
+  hideDatePrefix = false,
+  color
 }) => {
   const {
     formatRelativeTime,
@@ -82,6 +83,9 @@ const DateTime = ({
     }));
   }
   return /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined
+    },
     "data-separator": true,
     "data-smart-element": name,
     "data-smart-element-date-time": true,

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

@@ -21,7 +21,8 @@ const Text = ({
   name,
   className,
   testId = 'smart-element-text',
-  hideFormat = false
+  hideFormat = false,
+  color
 }) => {
   if (!message && !content) {
     return null;
@@ -38,6 +39,7 @@ const Text = ({
     ,
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102k1dud", className]),
     style: {
+      color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined,
       "--_1erfju8": ix(maxLines)
     }
   }, fg('platform-linking-additional-flexible-element-props') ? newContent : oldContent);

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

@@ -19,7 +19,14 @@ export const AttachmentCountElement = () => /*#__PURE__*/React.createElement(Att
 export const AuthorGroupElement = () => /*#__PURE__*/React.createElement(AuthorGroup, null);
 export const ChecklistProgressElement = () => /*#__PURE__*/React.createElement(ChecklistProgress, null);
 export const CollaboratorGroupElement = () => /*#__PURE__*/React.createElement(CollaboratorGroup, null);
-export const CommentCountElement = () => /*#__PURE__*/React.createElement(CommentCount, null);
+export const CommentCountElement = props => {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(CommentCount, {
+      color: props === null || props === void 0 ? void 0 : props.color
+    });
+  }
+  return /*#__PURE__*/React.createElement(CommentCount, null);
+};
 export const CreatedOnElement = () => /*#__PURE__*/React.createElement(CreatedOn, null);
 export const CreatedByElement = () => /*#__PURE__*/React.createElement(CreatedBy, null);
 export const DueOnElement = () => /*#__PURE__*/React.createElement(DueOn, null);
@@ -38,7 +45,8 @@ export const ModifiedByElement = () => /*#__PURE__*/React.createElement(Modified
 export const ModifiedOnElement = props => {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(ModifiedOn, {
-      hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix
+      hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
+      color: props === null || props === void 0 ? void 0 : props.color
     });
   }
   return /*#__PURE__*/React.createElement(ModifiedOn, null);
@@ -46,7 +54,8 @@ export const ModifiedOnElement = props => {
 export const OwnedByElement = props => {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(OwnedBy, {
-      hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat
+      hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
+      color: props === null || props === void 0 ? void 0 : props.color
     });
   }
   return /*#__PURE__*/React.createElement(OwnedBy, null);
@@ -63,7 +72,14 @@ export const PreviewElement = props => {
 export const PriorityElement = () => /*#__PURE__*/React.createElement(Priority, null);
 export const ProgrammingLanguageElement = () => /*#__PURE__*/React.createElement(ProgrammingLanguage, null);
 export const ProviderElement = () => /*#__PURE__*/React.createElement(Provider, null);
-export const ReactCountElement = () => /*#__PURE__*/React.createElement(ReactCount, null);
+export const ReactCountElement = props => {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(ReactCount, {
+      color: props === null || props === void 0 ? void 0 : props.color
+    });
+  }
+  return /*#__PURE__*/React.createElement(ReactCount, null);
+};
 export const ReadTimeElement = () => /*#__PURE__*/React.createElement(ReadTime, null);
 export const SentOnElement = () => /*#__PURE__*/React.createElement(SentOn, null);
 export const SnippetElement = props => /*#__PURE__*/React.createElement(Snippet, {

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