@atlaskit/smart-card 36.14.0 → 36.15.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 36.15.0
+
+### Minor Changes
+
+- [#148527](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148527)
+  [`6b0ed86beb49d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b0ed86beb49d) -
+  Add props to exported flexible card elements to increase flexibility
+
+### Patch Changes
+
+- [#149967](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/149967)
+  [`36c2c5587b7b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/36c2c5587b7b0) -
+  [ux] Remove unnecessary aria-label behind FG platform_bandicoots-smart-card-disable-aria
+- Updated dependencies
+
 ## 36.14.0
 
 ### Minor Changes

package/dist/cjs/messages.js

@@ -360,6 +360,9 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'More actions',
     description: 'Allows the users to see more link actions'
   },
+  /**
+   * @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
+   */
   more_information_about_this_work_item: {
     id: 'fabric.linking.more_information_about_this_work_item',
     defaultMessage: 'More information about this work item',

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

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

@@ -50,7 +50,9 @@ var DateTime = function DateTime(_ref) {
     type = _ref.type,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId,
-    text = _ref.text;
+    text = _ref.text,
+    _ref$hideDatePrefix = _ref.hideDatePrefix,
+    hideDatePrefix = _ref$hideDatePrefix === void 0 ? false : _ref$hideDatePrefix;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatRelativeTime = _useIntl.formatRelativeTime,
     formatDate = _useIntl.formatDate;
@@ -76,6 +78,18 @@ var DateTime = function DateTime(_ref) {
       numeric: 'auto'
     });
   }
+  var content;
+  if (hideDatePrefix && (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    content = context;
+  } else if (text) {
+    content = "".concat(text, " ").concat(context);
+  } else {
+    content = /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type][typeVariant], {
+      values: {
+        context: context
+      }
+    }));
+  }
   return /*#__PURE__*/React.createElement("span", {
     "data-separator": true,
     "data-smart-element": name,
@@ -84,10 +98,6 @@ var DateTime = function DateTime(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", className])
-  }, text ? "".concat(text, " ").concat(context) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type][typeVariant], {
-    values: {
-      context: context
-    }
-  })));
+  }, content);
 };
 var _default = exports.default = DateTime;

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

@@ -31,11 +31,15 @@ var Text = function Text(_ref) {
     name = _ref.name,
     className = _ref.className,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId,
+    _ref$hideFormat = _ref.hideFormat,
+    hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat;
   if (!message && !content) {
     return null;
   }
   var dynamicCss = null;
+  var newContent = hideFormat && content ? content : (0, _utils.getFormattedMessage)(message) || content;
+  var oldContent = (0, _utils.getFormattedMessage)(message) || content;
   return /*#__PURE__*/React.createElement("span", {
     "data-separator": true,
     "data-smart-element": name,
@@ -48,6 +52,6 @@ var Text = function Text(_ref) {
       "--_1erfju8": (0, _runtime.ix)(maxLines),
       "--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))
     }
-  }, (0, _utils.getFormattedMessage)(message) || content);
+  }, (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props') ? newContent : oldContent);
 };
 var _default = exports.default = Text;

package/dist/cjs/view/FlexibleCard/components/elements/utils.js

@@ -238,6 +238,17 @@ var toDateTimeProps = function toDateTimeProps(type, dateString) {
   } : undefined;
 };
 var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return context ? {
+      message: {
+        descriptor: descriptor,
+        values: {
+          context: context
+        }
+      },
+      content: context
+    } : undefined;
+  }
   return context ? {
     message: {
       descriptor: descriptor,

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.toActionProps = exports.VoteCountElement = exports.ViewCountElement = exports.UnresolvedAction = exports.TitleElement = exports.TargetBranchElement = exports.SubscriberCountElement = exports.SubTasksProgressElement = exports.StoryPointsElement = exports.StateElement = exports.SourceBranchElement = exports.SnippetElement = exports.SentOnElement = exports.ReadTimeElement = exports.ReactCountElement = exports.ProviderElement = exports.ProgrammingLanguageElement = exports.PriorityElement = exports.PreviewElement = exports.PreviewAction = exports.OwnedByGroupElement = exports.OwnedByElement = exports.ModifiedOnElement = exports.ModifiedByElement = exports.LocationElement = exports.LinkIconElement = exports.LatestCommitElement = exports.FollowAction = exports.DueOnElement = exports.DownloadAction = exports.CustomAction = exports.CreatedOnElement = exports.CreatedByElement = exports.CopyLinkAction = exports.CommentCountElement = exports.CollaboratorGroupElement = exports.ChecklistProgressElement = exports.AuthorGroupElement = exports.AttachmentCountElement = exports.AssignedToGroupElement = exports.AssignedToElement = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _constants = require("../../constants");
 var _actions = require("./components/actions");
 var _elements = require("./components/elements");
 /**
@@ -52,8 +54,14 @@ var DueOnElement = exports.DueOnElement = function DueOnElement() {
 var LatestCommitElement = exports.LatestCommitElement = function LatestCommitElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.LatestCommit, null);
 };
-var LinkIconElement = exports.LinkIconElement = function LinkIconElement() {
-  return /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, null);
+var LinkIconElement = exports.LinkIconElement = function LinkIconElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+    size: (props === null || props === void 0 ? void 0 : props.iconTileSize) === 24 ? _constants.SmartLinkSize.Large : _constants.SmartLinkSize.Medium,
+    render: props === null || props === void 0 ? void 0 : props.render
+  });
 };
 var LocationElement = exports.LocationElement = function LocationElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.Location, null);
@@ -61,10 +69,20 @@ var LocationElement = exports.LocationElement = function LocationElement() {
 var ModifiedByElement = exports.ModifiedByElement = function ModifiedByElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.ModifiedBy, null);
 };
-var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement() {
+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
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, null);
 };
-var OwnedByElement = exports.OwnedByElement = function OwnedByElement() {
+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.hidePrefix
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, null);
 };
 var OwnedByGroupElement = exports.OwnedByGroupElement = function OwnedByGroupElement() {

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -220,9 +220,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       onMouseMove: setMousePosition,
       onClick: onChildClick,
       onContextMenu: onContextMenuClick,
-      "data-testid": "hover-card-trigger-wrapper",
-      "aria-label": showLabel ? formatMessage(_messages.messages.more_information_about_this_work_item) : undefined
-    }, (0, _platformFeatureFlags.fg)('fix_a11y_violation_in_hover_card_trigger') ? {
+      "data-testid": "hover-card-trigger-wrapper"
+    }, !(0, _platformFeatureFlags.fg)('platform_bandicoots-smart-card-disable-aria') ? {
+      'aria-label': showLabel ? formatMessage(_messages.messages.more_information_about_this_work_item) : undefined
+    } : {}, (0, _platformFeatureFlags.fg)('fix_a11y_violation_in_hover_card_trigger') ? {
       role: 'button'
     } : {}), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage, showLabel]);

package/dist/cjs/view/InlineCard/ResolvedView/index.js

@@ -80,13 +80,14 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
         type: type
       })), this.renderLozenge());
       if (showHoverPreview && link) {
-        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
+        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, (0, _extends2.default)({
           id: id,
           url: link,
           actionOptions: actionOptions,
-          hoverPreviewOptions: hoverPreviewOptions,
+          hoverPreviewOptions: hoverPreviewOptions
+        }, !(0, _platformFeatureFlags.fg)('platform_bandicoots-smart-card-disable-aria') ? {
           showLabel: false
-        }, inlineCardResolvedView);
+        } : {}), inlineCardResolvedView);
       }
       return inlineCardResolvedView;
     }

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

package/dist/es2019/messages.js

@@ -354,6 +354,9 @@ export const messages = defineMessages({
     defaultMessage: 'More actions',
     description: 'Allows the users to see more link actions'
   },
+  /**
+   * @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
+   */
   more_information_about_this_work_item: {
     id: 'fabric.linking.more_information_about_this_work_item',
     defaultMessage: 'More information about this work item',

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

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

@@ -39,7 +39,8 @@ const DateTime = ({
   className,
   type,
   testId = 'smart-element-date-time',
-  text
+  text,
+  hideDatePrefix = false
 }) => {
   const {
     formatRelativeTime,
@@ -68,6 +69,18 @@ const DateTime = ({
       numeric: 'auto'
     });
   }
+  let content;
+  if (hideDatePrefix && fg('platform-linking-additional-flexible-element-props')) {
+    content = context;
+  } else if (text) {
+    content = `${text} ${context}`;
+  } else {
+    content = /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, typeToDescriptorMap[type][typeVariant], {
+      values: {
+        context
+      }
+    }));
+  }
   return /*#__PURE__*/React.createElement("span", {
     "data-separator": true,
     "data-smart-element": name,
@@ -76,10 +89,6 @@ const DateTime = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", className])
-  }, text ? `${text} ${context}` : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, typeToDescriptorMap[type][typeVariant], {
-    values: {
-      context
-    }
-  })));
+  }, content);
 };
 export default DateTime;

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

@@ -20,12 +20,15 @@ const Text = ({
   message,
   name,
   className,
-  testId = 'smart-element-text'
+  testId = 'smart-element-text',
+  hideFormat = false
 }) => {
   if (!message && !content) {
     return null;
   }
   const dynamicCss = null;
+  const newContent = hideFormat && content ? content : getFormattedMessage(message) || content;
+  const oldContent = getFormattedMessage(message) || content;
   return /*#__PURE__*/React.createElement("span", {
     "data-separator": true,
     "data-smart-element": name,
@@ -37,6 +40,6 @@ const Text = ({
     style: {
       "--_1erfju8": ix(maxLines)
     }
-  }, getFormattedMessage(message) || content);
+  }, fg('platform-linking-additional-flexible-element-props') ? newContent : oldContent);
 };
 export default Text;

package/dist/es2019/view/FlexibleCard/components/elements/utils.js

@@ -258,6 +258,17 @@ const toDateTimeProps = (type, dateString) => {
   } : undefined;
 };
 const toFormattedTextProps = (descriptor, context) => {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return context ? {
+      message: {
+        descriptor,
+        values: {
+          context
+        }
+      },
+      content: context
+    } : undefined;
+  }
   return context ? {
     message: {
       descriptor,

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

@@ -8,6 +8,8 @@ import _extends from "@babel/runtime/helpers/extends";
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
+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 ---- //
@@ -22,11 +24,33 @@ export const CreatedOnElement = () => /*#__PURE__*/React.createElement(CreatedOn
 export const CreatedByElement = () => /*#__PURE__*/React.createElement(CreatedBy, null);
 export const DueOnElement = () => /*#__PURE__*/React.createElement(DueOn, null);
 export const LatestCommitElement = () => /*#__PURE__*/React.createElement(LatestCommit, null);
-export const LinkIconElement = () => /*#__PURE__*/React.createElement(LinkIcon, null);
+export const LinkIconElement = props => {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(LinkIcon, null);
+  }
+  return /*#__PURE__*/React.createElement(LinkIcon, {
+    size: (props === null || props === void 0 ? void 0 : props.iconTileSize) === 24 ? SmartLinkSize.Large : SmartLinkSize.Medium,
+    render: props === null || props === void 0 ? void 0 : props.render
+  });
+};
 export const LocationElement = () => /*#__PURE__*/React.createElement(Location, null);
 export const ModifiedByElement = () => /*#__PURE__*/React.createElement(ModifiedBy, null);
-export const ModifiedOnElement = () => /*#__PURE__*/React.createElement(ModifiedOn, null);
-export const OwnedByElement = () => /*#__PURE__*/React.createElement(OwnedBy, null);
+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
+    });
+  }
+  return /*#__PURE__*/React.createElement(ModifiedOn, null);
+};
+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.hidePrefix
+    });
+  }
+  return /*#__PURE__*/React.createElement(OwnedBy, null);
+};
 export const OwnedByGroupElement = () => /*#__PURE__*/React.createElement(OwnedByGroup, null);
 export const PreviewElement = () => /*#__PURE__*/React.createElement(Preview, null);
 export const PriorityElement = () => /*#__PURE__*/React.createElement(Priority, null);

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -196,9 +196,10 @@ export const HoverCardComponent = ({
     onMouseMove: setMousePosition,
     onClick: onChildClick,
     onContextMenu: onContextMenuClick,
-    "data-testid": "hover-card-trigger-wrapper",
-    "aria-label": showLabel ? formatMessage(messages.more_information_about_this_work_item) : undefined
-  }, fg('fix_a11y_violation_in_hover_card_trigger') ? {
+    "data-testid": "hover-card-trigger-wrapper"
+  }, !fg('platform_bandicoots-smart-card-disable-aria') ? {
+    'aria-label': showLabel ? formatMessage(messages.more_information_about_this_work_item) : undefined
+  } : {}, fg('fix_a11y_violation_in_hover_card_trigger') ? {
     role: 'button'
   } : {}), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage, showLabel]);
   return /*#__PURE__*/React.createElement(Popup, {

package/dist/es2019/view/InlineCard/ResolvedView/index.js

@@ -57,13 +57,14 @@ export class InlineCardResolvedView extends React.Component {
       type
     })), this.renderLozenge());
     if (showHoverPreview && link) {
-      return /*#__PURE__*/React.createElement(HoverCard, {
+      return /*#__PURE__*/React.createElement(HoverCard, _extends({
         id: id,
         url: link,
         actionOptions: actionOptions,
-        hoverPreviewOptions: hoverPreviewOptions,
+        hoverPreviewOptions: hoverPreviewOptions
+      }, !fg('platform_bandicoots-smart-card-disable-aria') ? {
         showLabel: false
-      }, inlineCardResolvedView);
+      } : {}), inlineCardResolvedView);
     }
     return inlineCardResolvedView;
   }

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

package/dist/esm/messages.js

@@ -354,6 +354,9 @@ export var messages = defineMessages({
     defaultMessage: 'More actions',
     description: 'Allows the users to see more link actions'
   },
+  /**
+   * @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
+   */
   more_information_about_this_work_item: {
     id: 'fabric.linking.more_information_about_this_work_item',
     defaultMessage: 'More information about this work item',

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

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

@@ -40,7 +40,9 @@ var DateTime = function DateTime(_ref) {
     type = _ref.type,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId,
-    text = _ref.text;
+    text = _ref.text,
+    _ref$hideDatePrefix = _ref.hideDatePrefix,
+    hideDatePrefix = _ref$hideDatePrefix === void 0 ? false : _ref$hideDatePrefix;
   var _useIntl = useIntl(),
     formatRelativeTime = _useIntl.formatRelativeTime,
     formatDate = _useIntl.formatDate;
@@ -66,6 +68,18 @@ var DateTime = function DateTime(_ref) {
       numeric: 'auto'
     });
   }
+  var content;
+  if (hideDatePrefix && fg('platform-linking-additional-flexible-element-props')) {
+    content = context;
+  } else if (text) {
+    content = "".concat(text, " ").concat(context);
+  } else {
+    content = /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, typeToDescriptorMap[type][typeVariant], {
+      values: {
+        context: context
+      }
+    }));
+  }
   return /*#__PURE__*/React.createElement("span", {
     "data-separator": true,
     "data-smart-element": name,
@@ -74,10 +88,6 @@ var DateTime = function DateTime(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", className])
-  }, text ? "".concat(text, " ").concat(context) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, typeToDescriptorMap[type][typeVariant], {
-    values: {
-      context: context
-    }
-  })));
+  }, content);
 };
 export default DateTime;

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

@@ -22,11 +22,15 @@ var Text = function Text(_ref) {
     name = _ref.name,
     className = _ref.className,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId,
+    _ref$hideFormat = _ref.hideFormat,
+    hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat;
   if (!message && !content) {
     return null;
   }
   var dynamicCss = null;
+  var newContent = hideFormat && content ? content : getFormattedMessage(message) || content;
+  var oldContent = getFormattedMessage(message) || content;
   return /*#__PURE__*/React.createElement("span", {
     "data-separator": true,
     "data-smart-element": name,
@@ -39,6 +43,6 @@ var Text = function Text(_ref) {
       "--_1erfju8": ix(maxLines),
       "--_ohw86c": ix("calc(".concat(maxLines, " * 1rem)"))
     }
-  }, getFormattedMessage(message) || content);
+  }, fg('platform-linking-additional-flexible-element-props') ? newContent : oldContent);
 };
 export default Text;

package/dist/esm/view/FlexibleCard/components/elements/utils.js

@@ -228,6 +228,17 @@ var toDateTimeProps = function toDateTimeProps(type, dateString) {
   } : undefined;
 };
 var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return context ? {
+      message: {
+        descriptor: descriptor,
+        values: {
+          context: context
+        }
+      },
+      content: context
+    } : undefined;
+  }
   return context ? {
     message: {
       descriptor: descriptor,

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

@@ -8,6 +8,8 @@ import _extends from "@babel/runtime/helpers/extends";
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
+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 ---- //
@@ -44,8 +46,14 @@ export var DueOnElement = function DueOnElement() {
 export var LatestCommitElement = function LatestCommitElement() {
   return /*#__PURE__*/React.createElement(LatestCommit, null);
 };
-export var LinkIconElement = function LinkIconElement() {
-  return /*#__PURE__*/React.createElement(LinkIcon, null);
+export var LinkIconElement = function LinkIconElement(props) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(LinkIcon, null);
+  }
+  return /*#__PURE__*/React.createElement(LinkIcon, {
+    size: (props === null || props === void 0 ? void 0 : props.iconTileSize) === 24 ? SmartLinkSize.Large : SmartLinkSize.Medium,
+    render: props === null || props === void 0 ? void 0 : props.render
+  });
 };
 export var LocationElement = function LocationElement() {
   return /*#__PURE__*/React.createElement(Location, null);
@@ -53,10 +61,20 @@ export var LocationElement = function LocationElement() {
 export var ModifiedByElement = function ModifiedByElement() {
   return /*#__PURE__*/React.createElement(ModifiedBy, null);
 };
-export var ModifiedOnElement = function ModifiedOnElement() {
+export var ModifiedOnElement = function 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
+    });
+  }
   return /*#__PURE__*/React.createElement(ModifiedOn, null);
 };
-export var OwnedByElement = function OwnedByElement() {
+export var OwnedByElement = function OwnedByElement(props) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(OwnedBy, {
+      hideFormat: props === null || props === void 0 ? void 0 : props.hidePrefix
+    });
+  }
   return /*#__PURE__*/React.createElement(OwnedBy, null);
 };
 export var OwnedByGroupElement = function OwnedByGroupElement() {

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -210,9 +210,10 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       onMouseMove: setMousePosition,
       onClick: onChildClick,
       onContextMenu: onContextMenuClick,
-      "data-testid": "hover-card-trigger-wrapper",
-      "aria-label": showLabel ? formatMessage(messages.more_information_about_this_work_item) : undefined
-    }, fg('fix_a11y_violation_in_hover_card_trigger') ? {
+      "data-testid": "hover-card-trigger-wrapper"
+    }, !fg('platform_bandicoots-smart-card-disable-aria') ? {
+      'aria-label': showLabel ? formatMessage(messages.more_information_about_this_work_item) : undefined
+    } : {}, fg('fix_a11y_violation_in_hover_card_trigger') ? {
       role: 'button'
     } : {}), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage, showLabel]);

package/dist/esm/view/InlineCard/ResolvedView/index.js

@@ -73,13 +73,14 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
         type: type
       })), this.renderLozenge());
       if (showHoverPreview && link) {
-        return /*#__PURE__*/React.createElement(HoverCard, {
+        return /*#__PURE__*/React.createElement(HoverCard, _extends({
           id: id,
           url: link,
           actionOptions: actionOptions,
-          hoverPreviewOptions: hoverPreviewOptions,
+          hoverPreviewOptions: hoverPreviewOptions
+        }, !fg('platform_bandicoots-smart-card-disable-aria') ? {
           showLabel: false
-        }, inlineCardResolvedView);
+        } : {}), inlineCardResolvedView);
       }
       return inlineCardResolvedView;
     }

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: "36.14.0",
+  packageVersion: "36.15.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/elements/date-time/index.d.ts

@@ -8,5 +8,5 @@ import { type DateTimeProps } from './types';
  * @see ModifiedOn
  * @see SentOn
  */
-declare const DateTime: ({ date, name, className, type, testId, text, }: DateTimeProps) => JSX.Element | null;
+declare const DateTime: ({ date, name, className, type, testId, text, hideDatePrefix, }: DateTimeProps) => JSX.Element | null;
 export default DateTime;

package/dist/types/view/FlexibleCard/components/elements/date-time/types.d.ts

@@ -13,4 +13,8 @@ export type DateTimeProps = ElementProps & {
      * The override text which will show next to the date
      */
     text?: string;
+    /**
+     * Hide the date prefix (e.g. "Created on", "Modified on", "Sent on")
+     */
+    hideDatePrefix?: boolean;
 };

package/dist/types/view/FlexibleCard/components/elements/text/index.d.ts

@@ -6,5 +6,5 @@ import { type TextProps } from './types';
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-declare const Text: ({ content, maxLines, message, name, className, testId, }: TextProps) => JSX.Element | null;
+declare const Text: ({ content, maxLines, message, name, className, testId, hideFormat, }: TextProps) => JSX.Element | null;
 export default Text;

package/dist/types/view/FlexibleCard/components/elements/text/types.d.ts

@@ -3,7 +3,7 @@ import { type ElementProps } from '../types';
 export type TextProps = ElementProps & {
     /**
      * Determines the formatted message (i18n) to display.
-     * If this is provided, the content prop will not be displayed.
+     * If this is provided and hideFormat is false, the content prop will not be displayed.
      */
     message?: MessageProps;
     /**
@@ -14,4 +14,9 @@ export type TextProps = ElementProps & {
      * The maximum number of lines the text should span over. Maximum is 2 unless its an error message.
      */
     maxLines?: number;
+    /**
+     * Determines whether the text formatting should be hidden when both message and content are provided.
+     * If true, content will be displayed instead of the formatted message.
+     */
+    hideFormat?: boolean;
 };

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

@@ -7,6 +7,8 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
+import { type DateTimeProps } from './components/elements/date-time/types';
+import { type IconProps } from './components/elements/icon/types';
 import { type LinkProps } from './components/elements/link/types';
 import { type TextProps } from './components/elements/text/types';
 export declare const AssignedToElement: () => React.JSX.Element;
@@ -20,11 +22,18 @@ 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;
-export declare const LinkIconElement: () => React.JSX.Element;
+type LinkIconElementProps = Pick<IconProps, '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;
-export declare const ModifiedOnElement: () => React.JSX.Element;
-export declare const OwnedByElement: () => React.JSX.Element;
+type ModifiedOnElementProps = Pick<DateTimeProps, 'hideDatePrefix'>;
+export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
+type OwnedByElementProps = {
+    hidePrefix?: boolean;
+};
+export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 export declare const OwnedByGroupElement: () => React.JSX.Element;
 export declare const PreviewElement: () => React.JSX.Element;
 export declare const PriorityElement: () => React.JSX.Element;

package/dist/types/view/HoverCard/types.d.ts

@@ -76,6 +76,7 @@ export interface HoverCardInternalProps {
     noFadeDelay?: boolean;
     /**
      * A flag to determine whether to show aria-label
+     * @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
      */
     showLabel?: boolean;
 }

package/dist/types-ts4.5/view/FlexibleCard/components/elements/date-time/index.d.ts

@@ -8,5 +8,5 @@ import { type DateTimeProps } from './types';
  * @see ModifiedOn
  * @see SentOn
  */
-declare const DateTime: ({ date, name, className, type, testId, text, }: DateTimeProps) => JSX.Element | null;
+declare const DateTime: ({ date, name, className, type, testId, text, hideDatePrefix, }: DateTimeProps) => JSX.Element | null;
 export default DateTime;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/date-time/types.d.ts

@@ -13,4 +13,8 @@ export type DateTimeProps = ElementProps & {
      * The override text which will show next to the date
      */
     text?: string;
+    /**
+     * Hide the date prefix (e.g. "Created on", "Modified on", "Sent on")
+     */
+    hideDatePrefix?: boolean;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/elements/text/index.d.ts

@@ -6,5 +6,5 @@ import { type TextProps } from './types';
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-declare const Text: ({ content, maxLines, message, name, className, testId, }: TextProps) => JSX.Element | null;
+declare const Text: ({ content, maxLines, message, name, className, testId, hideFormat, }: TextProps) => JSX.Element | null;
 export default Text;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/text/types.d.ts

@@ -3,7 +3,7 @@ import { type ElementProps } from '../types';
 export type TextProps = ElementProps & {
     /**
      * Determines the formatted message (i18n) to display.
-     * If this is provided, the content prop will not be displayed.
+     * If this is provided and hideFormat is false, the content prop will not be displayed.
      */
     message?: MessageProps;
     /**
@@ -14,4 +14,9 @@ export type TextProps = ElementProps & {
      * The maximum number of lines the text should span over. Maximum is 2 unless its an error message.
      */
     maxLines?: number;
+    /**
+     * Determines whether the text formatting should be hidden when both message and content are provided.
+     * If true, content will be displayed instead of the formatted message.
+     */
+    hideFormat?: boolean;
 };

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

@@ -7,6 +7,8 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
+import { type DateTimeProps } from './components/elements/date-time/types';
+import { type IconProps } from './components/elements/icon/types';
 import { type LinkProps } from './components/elements/link/types';
 import { type TextProps } from './components/elements/text/types';
 export declare const AssignedToElement: () => React.JSX.Element;
@@ -20,11 +22,18 @@ 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;
-export declare const LinkIconElement: () => React.JSX.Element;
+type LinkIconElementProps = Pick<IconProps, '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;
-export declare const ModifiedOnElement: () => React.JSX.Element;
-export declare const OwnedByElement: () => React.JSX.Element;
+type ModifiedOnElementProps = Pick<DateTimeProps, 'hideDatePrefix'>;
+export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
+type OwnedByElementProps = {
+    hidePrefix?: boolean;
+};
+export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 export declare const OwnedByGroupElement: () => React.JSX.Element;
 export declare const PreviewElement: () => React.JSX.Element;
 export declare const PriorityElement: () => React.JSX.Element;

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -76,6 +76,7 @@ export interface HoverCardInternalProps {
     noFadeDelay?: boolean;
     /**
      * A flag to determine whether to show aria-label
+     * @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
      */
     showLabel?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "36.14.0",
+	"version": "36.15.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -96,7 +96,7 @@
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/css-reset": "^7.2.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
-		"@atlaskit/media-test-helpers": "^35.0.0",
+		"@atlaskit/media-test-helpers": "^36.0.0",
 		"@atlaskit/react-ufo": "^3.9.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/visual-regression": "workspace:^",
@@ -212,6 +212,9 @@
 		"fix_a11y_violation_in_hover_card_trigger": {
 			"type": "boolean"
 		},
+		"platform_bandicoots-smart-card-disable-aria": {
+			"type": "boolean"
+		},
 		"platform_smart_links_controlled_dsp_export_view": {
 			"type": "boolean"
 		},
@@ -230,6 +233,9 @@
 		"platform-smart-card-remove-legacy-button": {
 			"type": "boolean",
 			"showOnWebsiteForTransitiveDependencies": true
+		},
+		"platform-linking-additional-flexible-element-props": {
+			"type": "boolean"
 		}
 	}
 }