@atlaskit/smart-card 26.15.10 → 26.16.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.16.0
+
+### Minor Changes
+
+- [`b73f38b2588`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b73f38b2588) - Add new FlexUI element - SentOn
+
+## 26.15.11
+
+### Patch Changes
+
+- [`3d5b709c646`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d5b709c646) - Update css styles for metadata block elements in Block & Hover Card
+
 ## 26.15.10
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -141,6 +141,7 @@ var ElementName = /*#__PURE__*/function (ElementName) {
   ElementName["Title"] = "Title";
   ElementName["ViewCount"] = "ViewCount";
   ElementName["VoteCount"] = "VoteCount";
+  ElementName["SentOn"] = "SentOn";
   return ElementName;
 }({});
 /**

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

@@ -60,6 +60,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     provider: (0, _extractProviderIcon.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),

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSubTasksProgress = exports.extractStoryPoints = exports.extractSourceBranch = exports.extractReadTime = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractPersonAssignedToAsArray = exports.extractOwnedBy = exports.extractModifiedBy = exports.extractLocation = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractChecklistProgress = exports.extractAttachmentCount = exports.extractAssignedTo = void 0;
+exports.extractVoteCount = exports.extractViewCount = exports.extractTargetBranch = exports.extractSubscriberCount = exports.extractSubTasksProgress = exports.extractStoryPoints = exports.extractSourceBranch = exports.extractSentOn = exports.extractReadTime = exports.extractReactCount = exports.extractProgrammingLanguage = exports.extractPersonAssignedToAsArray = exports.extractOwnedBy = exports.extractModifiedBy = exports.extractLocation = exports.extractDueOn = exports.extractCreatedBy = exports.extractCommentCount = exports.extractChecklistProgress = exports.extractAttachmentCount = exports.extractAssignedTo = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var extractLinkName = function extractLinkName(link) {
@@ -114,6 +114,10 @@ var extractReadTime = function extractReadTime(data) {
   return extractValue(data, 'atlassian:readTimeInMinutes');
 };
 exports.extractReadTime = extractReadTime;
+var extractSentOn = function extractSentOn(data) {
+  return extractValue(data, 'dateSent');
+};
+exports.extractSentOn = extractSentOn;
 var extractStoryPoints = function extractStoryPoints(data) {
   return extractValue(data, 'atlassian:storyPoints');
 };

package/dist/cjs/messages.js

@@ -366,6 +366,16 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Save',
     description: 'Just the "save" word'
   },
+  sent_on_relative: {
+    id: 'fabric.linking.sent_on_relative',
+    defaultMessage: 'Sent {context}',
+    description: 'Indicated when entity was sent (relative form)'
+  },
+  sent_on_absolute: {
+    id: 'fabric.linking.sent_on_absolute',
+    defaultMessage: 'Sent on {context}',
+    description: 'Indicated when entity was sent (absolute form)'
+  },
   status_change_load_error: {
     id: 'fabric.linking.status_change_load_error',
     defaultMessage: 'We couldn’t load the statuses and transitions',

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

@@ -21,7 +21,7 @@ exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.15.10"
+  packageVersion: "26.16.0"
 };
 exports.context = context;
 var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {

package/dist/cjs/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -83,7 +83,8 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     overrideCss: _styled.metadataBlockCss
   })), /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, null), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: bottomMetadata,
-    maxLines: 1
+    maxLines: 1,
+    overrideCss: _styled.metadataBlockCss
   }), !isPreviewBlockErrored ? /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, {
     placement: _constants.MediaPlacement.Right,
     ignoreContainerPadding: true,

package/dist/cjs/view/BlockCard/views/flexible/styled.js

@@ -12,7 +12,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 // in editor prosemirror adds padding-left so we need to overwrite it
-var metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n    }\n  }\n"])));
+var metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n    }\n  }\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])));
 exports.metadataBlockCss = metadataBlockCss;
 var titleBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "gap: 0.5em;" : "", (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
 exports.titleBlockCss = titleBlockCss;

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

@@ -24,7 +24,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Determine whether the element can be display as inline/block.
 
-var ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AssignedTo, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AssignedToGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AttachmentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AuthorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ChecklistProgress, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CollaboratorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CommentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.DueOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LatestCommit, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LinkIcon, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Location, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.OwnedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.OwnedByGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Preview, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Provider, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ReactCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ReadTime, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Snippet, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SourceBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.State, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubscriberCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubTasksProgress, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.StoryPoints, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.TargetBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Title, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ViewCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.VoteCount, ['inline']), _ElementDisplaySchema);
+var ElementDisplaySchema = (_ElementDisplaySchema = {}, (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AssignedTo, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AssignedToGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AttachmentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.AuthorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ChecklistProgress, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CollaboratorGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CommentCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.CreatedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.DueOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LatestCommit, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.LinkIcon, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Location, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ModifiedOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.OwnedBy, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.OwnedByGroup, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Preview, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Priority, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ProgrammingLanguage, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Provider, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ReactCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ReadTime, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Snippet, ['block']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SourceBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SentOn, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.State, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubscriberCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.SubTasksProgress, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.StoryPoints, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.TargetBranch, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.Title, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.ViewCount, ['inline']), (0, _defineProperty2.default)(_ElementDisplaySchema, _constants.ElementName.VoteCount, ['inline']), _ElementDisplaySchema);
 exports.ElementDisplaySchema = ElementDisplaySchema;
 var getDirectionStyles = function getDirectionStyles(direction) {
   switch (direction) {

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

@@ -5,10 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _badge = _interopRequireDefault(require("@atlaskit/badge"));
 var _react2 = require("@emotion/react");
+var _templateObject;
 /** @jsx jsx */
+var badgeStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: inline-flex;\n"])));
 
 /**
  * A base element that displays a visual indicator for a numeric value
@@ -26,7 +29,7 @@ var AtlaskitBadge = function AtlaskitBadge(_ref) {
     return null;
   }
   return (0, _react2.jsx)("span", {
-    css: overrideCss,
+    css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-atlaskit-badge": true,

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

@@ -25,6 +25,10 @@ var typeToDescriptorMap = {
   modified: {
     relative: _messages.messages.modified_on_relative,
     absolute: _messages.messages.modified_on_absolute
+  },
+  sent: {
+    relative: _messages.messages.sent_on_relative,
+    absolute: _messages.messages.sent_on_absolute
   }
 };
 
@@ -34,6 +38,7 @@ var typeToDescriptorMap = {
  * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
+ * @see SentOn
  */
 var DateTime = function DateTime(_ref) {
   var date = _ref.date,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.SubTasksProgress = exports.StoryPoints = exports.State = exports.SourceBranch = exports.Snippet = exports.ReadTime = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.Preview = exports.OwnedByGroup = exports.OwnedBy = exports.ModifiedOn = exports.ModifiedBy = exports.Location = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = exports.AssignedToGroup = exports.AssignedTo = void 0;
+exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.SubTasksProgress = exports.StoryPoints = exports.State = exports.SourceBranch = exports.Snippet = exports.SentOn = exports.ReadTime = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.Preview = exports.OwnedByGroup = exports.OwnedBy = exports.ModifiedOn = exports.ModifiedBy = exports.Location = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = exports.AssignedToGroup = exports.AssignedTo = void 0;
 var _utils = require("./utils");
 var _constants = require("../../../../constants");
 // Attention: Keep the export name and element name the same.
@@ -145,11 +145,17 @@ var ReactCount = (0, _utils.createElement)(_constants.ElementName.ReactCount);
  */
 exports.ReactCount = ReactCount;
 var ReadTime = (0, _utils.createElement)(_constants.ElementName.ReadTime);
+/**
+ * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
+ * @see DateTime
+ */
+exports.ReadTime = ReadTime;
+var SentOn = (0, _utils.createElement)(_constants.ElementName.SentOn);
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text
  */
-exports.ReadTime = ReadTime;
+exports.SentOn = SentOn;
 var Snippet = (0, _utils.createElement)(_constants.ElementName.Snippet);
 /**
  * Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.

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

@@ -102,6 +102,8 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
   component: _badge.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.ReadTime, {
   component: _text.default
+}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.SentOn, {
+  component: _dateTime.default
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Snippet, {
   component: _text.default,
   props: {
@@ -177,6 +179,8 @@ var getData = function getData(elementName, contextKey, context) {
       return toFormattedTextProps(_messages.messages.modified_by, context.modifiedBy);
     case _constants.ElementName.ModifiedOn:
       return toDateTimeProps('modified', context.modifiedOn);
+    case _constants.ElementName.SentOn:
+      return toDateTimeProps('sent', context.sentOn);
     case _constants.ElementName.ReadTime:
       return toFormattedTextProps(_messages.messages.read_time, data);
     case _constants.ElementName.Snippet:

package/dist/cjs/view/HoverCard/components/views/resolved/styled.js

@@ -8,11 +8,12 @@ exports.metadataBlockCss = exports.hiddenSnippetStyles = exports.footerBlockCss
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _styled = require("../../../styled");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject, _templateObject2, _templateObject3;
 var elementGap = '0.5rem';
-var metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  gap: 0px;\n\n  /* primary element group */\n  [data-smart-element-group]:nth-of-type(1) {\n    flex-grow: 7;\n\n    // a separator between text-based element\n    ", "\n\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: ", ";\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:nth-of-type(2) {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: ", ";\n    }\n  }\n"])), _styled.separatorCss, elementGap, elementGap);
+var metadataBlockCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  gap: 0px;\n  /* primary element group */\n  [data-smart-element-group]:nth-of-type(1) {\n    flex-grow: 7;\n\n    // a separator between text-based element\n    ", "\n\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: ", ";\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:nth-of-type(2) {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: ", ";\n    }\n  }\n  ", "\n"])), _styled.separatorCss, elementGap, elementGap, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "[data-smart-element-group] {\n       line-height: 1rem;\n    }" : "");
 exports.metadataBlockCss = metadataBlockCss;
-var footerBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: 0.25rem;\n"])));
+var footerBlockCss = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), !(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "padding-top: 0.25rem;" : "");
 exports.footerBlockCss = footerBlockCss;
 var hiddenSnippetStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  visibility: hidden;\n  position: absolute;\n"])));
 exports.hiddenSnippetStyles = hiddenSnippetStyles;

package/dist/cjs/view/HoverCard/styled.js

@@ -37,7 +37,7 @@ var CARD_GAP_PX = 10;
 exports.CARD_GAP_PX = CARD_GAP_PX;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
-var separatorCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
+var separatorCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n  ", "\n"])), elementGap, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? " [data-smart-element-avatar-group] + [data-separator]:before {\n      content: '\u2022';\n      margin-right: ".concat(elementGap, ";\n    }") : "");
 exports.separatorCss = separatorCss;
 var HoverCardContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n  padding: 1rem;\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, _index.loadingPlaceholderClassName);
 exports.HoverCardContainer = HoverCardContainer;

package/dist/cjs/view/HoverCard/utils.js

@@ -93,7 +93,7 @@ var getSimulatedBetterMetadata = function getSimulatedBetterMetadata() {
   var types = data ? (0, _linkExtractors.extractType)(data) : undefined;
   var defaultMetadata = {
     topMetadataBlock: {
-      primary: [_constants.ElementName.CreatedBy, _constants.ElementName.ModifiedOn],
+      primary: [_constants.ElementName.AuthorGroup, _constants.ElementName.ModifiedOn],
       secondary: [],
       subtitle: []
     },

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

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

package/dist/es2019/constants.js

@@ -133,6 +133,7 @@ export let ElementName = /*#__PURE__*/function (ElementName) {
   ElementName["Title"] = "Title";
   ElementName["ViewCount"] = "ViewCount";
   ElementName["VoteCount"] = "VoteCount";
+  ElementName["SentOn"] = "SentOn";
   return ElementName;
 }({});
 

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

@@ -1,6 +1,6 @@
 import { extractSummary } from '../common/primitives';
 import { extractLinkIcon } from './icon';
-import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractStoryPoints, extractReadTime, extractPersonAssignedToAsArray } from './utils';
+import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractStoryPoints, extractReadTime, extractSentOn, extractPersonAssignedToAsArray } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink, extractPersonOwnedBy } from '@atlaskit/link-extractors';
 import extractPriority from './extract-priority';
@@ -53,6 +53,7 @@ const extractFlexibleUiContext = ({
     provider: extractProviderIcon(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),

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

@@ -68,6 +68,9 @@ export const extractSubTasksProgress = data => {
 export const extractReadTime = data => {
   return extractValue(data, 'atlassian:readTimeInMinutes');
 };
+export const extractSentOn = data => {
+  return extractValue(data, 'dateSent');
+};
 export const extractStoryPoints = data => {
   return extractValue(data, 'atlassian:storyPoints');
 };

package/dist/es2019/messages.js

@@ -360,6 +360,16 @@ export const messages = defineMessages({
     defaultMessage: 'Save',
     description: 'Just the "save" word'
   },
+  sent_on_relative: {
+    id: 'fabric.linking.sent_on_relative',
+    defaultMessage: 'Sent {context}',
+    description: 'Indicated when entity was sent (relative form)'
+  },
+  sent_on_absolute: {
+    id: 'fabric.linking.sent_on_absolute',
+    defaultMessage: 'Sent on {context}',
+    description: 'Indicated when entity was sent (absolute form)'
+  },
   status_change_load_error: {
     id: 'fabric.linking.status_change_load_error',
     defaultMessage: 'We couldn’t load the statuses and transitions',

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

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

package/dist/es2019/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -67,7 +67,8 @@ const FlexibleResolvedView = ({
     overrideCss: metadataBlockCss
   })), /*#__PURE__*/React.createElement(SnippetBlock, null), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomMetadata,
-    maxLines: 1
+    maxLines: 1,
+    overrideCss: metadataBlockCss
   }), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(PreviewBlock, {
     placement: MediaPlacement.Right,
     ignoreContainerPadding: true,

package/dist/es2019/view/BlockCard/views/flexible/styled.js

@@ -11,6 +11,9 @@ export const metadataBlockCss = css`
       padding-left: 0px;
     }
   }
+  [data-smart-element-group] {
+    line-height: 1rem;
+  }
 `;
 export const titleBlockCss = css`
   ${getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? `gap: 0.5em;` : ``}

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

@@ -35,6 +35,7 @@ export const ElementDisplaySchema = {
   [ElementName.ReadTime]: ['inline'],
   [ElementName.Snippet]: ['block'],
   [ElementName.SourceBranch]: ['inline'],
+  [ElementName.SentOn]: ['inline'],
   [ElementName.State]: ['inline'],
   [ElementName.SubscriberCount]: ['inline'],
   [ElementName.SubTasksProgress]: ['inline'],

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

@@ -1,7 +1,12 @@
 /** @jsx jsx */
 import React from 'react';
 import AKBadge from '@atlaskit/badge';
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
+const badgeStyles = css`
+  align-items: center;
+  display: inline-flex;
+`;
+
 /**
  * A base element that displays a visual indicator for a numeric value
  * @internal
@@ -18,7 +23,7 @@ const AtlaskitBadge = ({
     return null;
   }
   return jsx("span", {
-    css: overrideCss,
+    css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-atlaskit-badge": true,

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

@@ -21,6 +21,10 @@ const typeToDescriptorMap = {
   modified: {
     relative: messages.modified_on_relative,
     absolute: messages.modified_on_absolute
+  },
+  sent: {
+    relative: messages.sent_on_relative,
+    absolute: messages.sent_on_absolute
   }
 };
 
@@ -30,6 +34,7 @@ const typeToDescriptorMap = {
  * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
+ * @see SentOn
  */
 const DateTime = ({
   date,

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

@@ -117,6 +117,11 @@ export const ReactCount = createElement(ElementName.ReactCount);
  * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
  */
 export const ReadTime = createElement(ElementName.ReadTime);
+/**
+ * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
+ * @see DateTime
+ */
+export const SentOn = createElement(ElementName.SentOn);
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text

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

@@ -113,6 +113,9 @@ const elementMappings = {
   [ElementName.ReadTime]: {
     component: Text
   },
+  [ElementName.SentOn]: {
+    component: DateTime
+  },
   [ElementName.Snippet]: {
     component: Text,
     props: {
@@ -199,6 +202,8 @@ const getData = (elementName, contextKey, context) => {
       return toFormattedTextProps(messages.modified_by, context.modifiedBy);
     case ElementName.ModifiedOn:
       return toDateTimeProps('modified', context.modifiedOn);
+    case ElementName.SentOn:
+      return toDateTimeProps('sent', context.sentOn);
     case ElementName.ReadTime:
       return toFormattedTextProps(messages.read_time, data);
     case ElementName.Snippet:

package/dist/es2019/view/HoverCard/components/views/resolved/styled.js

@@ -1,9 +1,9 @@
 import { css } from '@emotion/react';
 import { separatorCss } from '../../../styled';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const elementGap = '0.5rem';
 export const metadataBlockCss = css`
   gap: 0px;
-
   /* primary element group */
   [data-smart-element-group]:nth-of-type(1) {
     flex-grow: 7;
@@ -24,9 +24,12 @@ export const metadataBlockCss = css`
       margin-left: ${elementGap};
     }
   }
+  ${getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? `[data-smart-element-group] {
+       line-height: 1rem;
+    }` : ``}
 `;
 export const footerBlockCss = css`
-  padding-top: 0.25rem;
+  ${!getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? `padding-top: 0.25rem;` : ``}
 `;
 export const hiddenSnippetStyles = css`
   visibility: hidden;

package/dist/es2019/view/HoverCard/styled.js

@@ -27,6 +27,10 @@ export const separatorCss = css`
   [data-separator] + [data-separator]:before {
     margin-right: ${elementGap};
   }
+  ${getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? ` [data-smart-element-avatar-group] + [data-separator]:before {
+      content: '•';
+      margin-right: ${elementGap};
+    }` : ``}
 `;
 export const HoverCardContainer = css`
   background: none;

package/dist/es2019/view/HoverCard/utils.js

@@ -78,7 +78,7 @@ export const getSimulatedBetterMetadata = (extensionKey = '', data) => {
   const types = data ? extractType(data) : undefined;
   const defaultMetadata = {
     topMetadataBlock: {
-      primary: [ElementName.CreatedBy, ElementName.ModifiedOn],
+      primary: [ElementName.AuthorGroup, ElementName.ModifiedOn],
       secondary: [],
       subtitle: []
     },

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.15.10",
+  packageVersion: "26.16.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/constants.js

@@ -133,6 +133,7 @@ export var ElementName = /*#__PURE__*/function (ElementName) {
   ElementName["Title"] = "Title";
   ElementName["ViewCount"] = "ViewCount";
   ElementName["VoteCount"] = "VoteCount";
+  ElementName["SentOn"] = "SentOn";
   return ElementName;
 }({});
 

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

@@ -1,6 +1,6 @@
 import { extractSummary } from '../common/primitives';
 import { extractLinkIcon } from './icon';
-import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractStoryPoints, extractReadTime, extractPersonAssignedToAsArray } from './utils';
+import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy, extractAssignedTo, extractSubTasksProgress, extractStoryPoints, extractReadTime, extractSentOn, extractPersonAssignedToAsArray } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
 import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink, extractPersonOwnedBy } from '@atlaskit/link-extractors';
 import extractPriority from './extract-priority';
@@ -53,6 +53,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     provider: extractProviderIcon(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),

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

@@ -88,6 +88,9 @@ export var extractSubTasksProgress = function extractSubTasksProgress(data) {
 export var extractReadTime = function extractReadTime(data) {
   return extractValue(data, 'atlassian:readTimeInMinutes');
 };
+export var extractSentOn = function extractSentOn(data) {
+  return extractValue(data, 'dateSent');
+};
 export var extractStoryPoints = function extractStoryPoints(data) {
   return extractValue(data, 'atlassian:storyPoints');
 };

package/dist/esm/messages.js

@@ -360,6 +360,16 @@ export var messages = defineMessages({
     defaultMessage: 'Save',
     description: 'Just the "save" word'
   },
+  sent_on_relative: {
+    id: 'fabric.linking.sent_on_relative',
+    defaultMessage: 'Sent {context}',
+    description: 'Indicated when entity was sent (relative form)'
+  },
+  sent_on_absolute: {
+    id: 'fabric.linking.sent_on_absolute',
+    defaultMessage: 'Sent on {context}',
+    description: 'Indicated when entity was sent (absolute form)'
+  },
   status_change_load_error: {
     id: 'fabric.linking.status_change_load_error',
     defaultMessage: 'We couldn’t load the statuses and transitions',

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

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

package/dist/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -74,7 +74,8 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     overrideCss: metadataBlockCss
   })), /*#__PURE__*/React.createElement(SnippetBlock, null), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: bottomMetadata,
-    maxLines: 1
+    maxLines: 1,
+    overrideCss: metadataBlockCss
   }), !isPreviewBlockErrored ? /*#__PURE__*/React.createElement(PreviewBlock, {
     placement: MediaPlacement.Right,
     ignoreContainerPadding: true,

package/dist/esm/view/BlockCard/views/flexible/styled.js

@@ -6,7 +6,7 @@ import { N40 } from '@atlaskit/theme/colors';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 // in editor prosemirror adds padding-left so we need to overwrite it
-export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n    }\n  }\n"])));
+export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* primary element group */\n  span[data-smart-element-avatar-group] {\n    > ul {\n      padding-left: 0px;\n    }\n  }\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])));
 export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "gap: 0.5em;" : "", getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
 var flexibleBlockCardElevationStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), tokens.elevation, "var(--ds-space-025, 2px)");
 var refreshedFlexibleBlockCardStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  & > div {\n    border-radius: ", ";\n    border: 1px solid ", ";\n  }\n"])), "var(--ds-border-radius-300, 12px)", "var(--ds-border-input, ".concat(N40, ")"));

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

@@ -15,7 +15,7 @@ import ElementGroup from './element-group';
 
 // Determine whether the element can be display as inline/block.
 
-export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AssignedTo, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AssignedToGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AttachmentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ChecklistProgress, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Location, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.OwnedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.OwnedByGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReadTime, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.SourceBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubTasksProgress, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.StoryPoints, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _ElementDisplaySchema);
+export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AssignedTo, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AssignedToGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AttachmentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ChecklistProgress, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.DueOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Location, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.OwnedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.OwnedByGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReadTime, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.SourceBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SentOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubTasksProgress, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.StoryPoints, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _ElementDisplaySchema);
 var getDirectionStyles = function getDirectionStyles(direction) {
   switch (direction) {
     case SmartLinkDirection.Vertical:

package/dist/esm/view/FlexibleCard/components/elements/atlaskit-badge/index.js

@@ -1,7 +1,11 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
 /** @jsx jsx */
 import React from 'react';
 import AKBadge from '@atlaskit/badge';
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
+var badgeStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n  display: inline-flex;\n"])));
+
 /**
  * A base element that displays a visual indicator for a numeric value
  * @internal
@@ -18,7 +22,7 @@ var AtlaskitBadge = function AtlaskitBadge(_ref) {
     return null;
   }
   return jsx("span", {
-    css: overrideCss,
+    css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-atlaskit-badge": true,

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

@@ -18,6 +18,10 @@ var typeToDescriptorMap = {
   modified: {
     relative: messages.modified_on_relative,
     absolute: messages.modified_on_absolute
+  },
+  sent: {
+    relative: messages.sent_on_relative,
+    absolute: messages.sent_on_absolute
   }
 };
 
@@ -27,6 +31,7 @@ var typeToDescriptorMap = {
  * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
+ * @see SentOn
  */
 var DateTime = function DateTime(_ref) {
   var date = _ref.date,

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

@@ -117,6 +117,11 @@ export var ReactCount = createElement(ElementName.ReactCount);
  * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
  */
 export var ReadTime = createElement(ElementName.ReadTime);
+/**
+ * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
+ * @see DateTime
+ */
+export var SentOn = createElement(ElementName.SentOn);
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text

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

@@ -92,6 +92,8 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
   component: Badge
 }), _defineProperty(_elementMappings, ElementName.ReadTime, {
   component: Text
+}), _defineProperty(_elementMappings, ElementName.SentOn, {
+  component: DateTime
 }), _defineProperty(_elementMappings, ElementName.Snippet, {
   component: Text,
   props: {
@@ -167,6 +169,8 @@ var getData = function getData(elementName, contextKey, context) {
       return toFormattedTextProps(messages.modified_by, context.modifiedBy);
     case ElementName.ModifiedOn:
       return toDateTimeProps('modified', context.modifiedOn);
+    case ElementName.SentOn:
+      return toDateTimeProps('sent', context.sentOn);
     case ElementName.ReadTime:
       return toFormattedTextProps(messages.read_time, data);
     case ElementName.Snippet:

package/dist/esm/view/HoverCard/components/views/resolved/styled.js

@@ -2,7 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
 import { separatorCss } from '../../../styled';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var elementGap = '0.5rem';
-export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: 0px;\n\n  /* primary element group */\n  [data-smart-element-group]:nth-of-type(1) {\n    flex-grow: 7;\n\n    // a separator between text-based element\n    ", "\n\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: ", ";\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:nth-of-type(2) {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: ", ";\n    }\n  }\n"])), separatorCss, elementGap, elementGap);
-export var footerBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-top: 0.25rem;\n"])));
+export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: 0px;\n  /* primary element group */\n  [data-smart-element-group]:nth-of-type(1) {\n    flex-grow: 7;\n\n    // a separator between text-based element\n    ", "\n\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: ", ";\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:nth-of-type(2) {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: ", ";\n    }\n  }\n  ", "\n"])), separatorCss, elementGap, elementGap, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "[data-smart-element-group] {\n       line-height: 1rem;\n    }" : "");
+export var footerBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), !getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "padding-top: 0.25rem;" : "");
 export var hiddenSnippetStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  visibility: hidden;\n  position: absolute;\n"])));

package/dist/esm/view/HoverCard/styled.js

@@ -27,7 +27,7 @@ export var CARD_WIDTH_REM = 24;
 export var CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
-export var separatorCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
+export var separatorCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n  ", "\n"])), elementGap, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? " [data-smart-element-avatar-group] + [data-separator]:before {\n      content: '\u2022';\n      margin-right: ".concat(elementGap, ";\n    }") : "");
 export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n  padding: 1rem;\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, loadingPlaceholderClassName);
 export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  ", "\n"])), blockGap, separatorCss, elementGap, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {

package/dist/esm/view/HoverCard/utils.js

@@ -85,7 +85,7 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata() {
   var types = data ? extractType(data) : undefined;
   var defaultMetadata = {
     topMetadataBlock: {
-      primary: [ElementName.CreatedBy, ElementName.ModifiedOn],
+      primary: [ElementName.AuthorGroup, ElementName.ModifiedOn],
       secondary: [],
       subtitle: []
     },

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.15.10",
+  packageVersion: "26.16.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/constants.d.ts

@@ -116,7 +116,8 @@ export declare enum ElementName {
     TargetBranch = "TargetBranch",
     Title = "Title",
     ViewCount = "ViewCount",
-    VoteCount = "VoteCount"
+    VoteCount = "VoteCount",
+    SentOn = "SentOn"
 }
 /**
  * Flexible UI action (button)

package/dist/types/extractors/flexible/utils.d.ts

@@ -20,4 +20,5 @@ export declare const extractChecklistProgress: (data: JsonLd.Data.BaseData) => s
 export declare const extractLocation: (data: JsonLd.Data.BaseData) => LinkLocation | undefined;
 export declare const extractSubTasksProgress: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractReadTime: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractSentOn: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractStoryPoints: (data: JsonLd.Data.BaseData) => number | undefined;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -167,6 +167,12 @@ export type FlexibleUiDataContext = {
      * Contains read time (time taken to read) of the resource
      */
     readTime?: string;
+    /**
+     * Contains the ISO timestamp of when the resource was created.
+     * @type string - ISO Timestamp
+     * @see SentOn
+     */
+    sentOn?: string;
     /**
      * Contains the source branch name of the link typed pull request.
      * @type string

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -168,7 +168,7 @@ export type OnActionMenuOpenChangeOptions = {
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */
-export type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location | ModifiedBy | ModifiedOn | OwnedBy | OwnedByGroup | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | ReadTime | Snippet | SourceBranch | State | SubscriberCount | SubTasksProgress | StoryPoints | TargetBranch | Title | ViewCount | VoteCount;
+export type ElementItemProps = 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 | SubscriberCount | SubTasksProgress | StoryPoints | TargetBranch | Title | ViewCount | VoteCount;
 /**
  * Represents the props available for an AttachmentCount element.
  * @see AttachmentCount
@@ -336,6 +336,13 @@ export type ReactCount = {
 export type ReadTime = {
     name: ElementName.ReadTime;
 };
+/**
+ * Represents the props available for an SentOn element.
+ * @see SentOn
+ */
+export type SentOn = {
+    name: ElementName.SentOn;
+};
 /**
  * Represents the props available for an Snippet element.
  * @see Snippet

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

@@ -7,6 +7,7 @@ import { DateTimeProps } from './types';
  * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
+ * @see SentOn
  */
 declare const DateTime: React.FC<DateTimeProps>;
 export default DateTime;

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

@@ -1,8 +1,8 @@
 import { ElementProps } from '../types';
-export type DateTimeType = 'created' | 'modified';
+export type DateTimeType = 'created' | 'modified' | 'sent';
 export type DateTimeProps = ElementProps & {
     /**
-     * Whether the date time element text should contain "Modified" or "Created"
+     * Whether the date time element text should contain "Modified" or "Created" or "sent"
      */
     type?: DateTimeType;
     /**

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

@@ -122,6 +122,11 @@ export declare const ReactCount: import("react").FC<BadgeProps>;
  * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
  */
 export declare const ReadTime: import("react").FC<TextProps>;
+/**
+ * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
+ * @see DateTime
+ */
+export declare const SentOn: import("react").FC<DateTimeProps>;
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text

package/dist/types-ts4.5/constants.d.ts

@@ -116,7 +116,8 @@ export declare enum ElementName {
     TargetBranch = "TargetBranch",
     Title = "Title",
     ViewCount = "ViewCount",
-    VoteCount = "VoteCount"
+    VoteCount = "VoteCount",
+    SentOn = "SentOn"
 }
 /**
  * Flexible UI action (button)

package/dist/types-ts4.5/extractors/flexible/utils.d.ts

@@ -20,4 +20,5 @@ export declare const extractChecklistProgress: (data: JsonLd.Data.BaseData) => s
 export declare const extractLocation: (data: JsonLd.Data.BaseData) => LinkLocation | undefined;
 export declare const extractSubTasksProgress: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractReadTime: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractSentOn: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractStoryPoints: (data: JsonLd.Data.BaseData) => number | undefined;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts

@@ -167,6 +167,12 @@ export type FlexibleUiDataContext = {
      * Contains read time (time taken to read) of the resource
      */
     readTime?: string;
+    /**
+     * Contains the ISO timestamp of when the resource was created.
+     * @type string - ISO Timestamp
+     * @see SentOn
+     */
+    sentOn?: string;
     /**
      * Contains the source branch name of the link typed pull request.
      * @type string

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

@@ -168,7 +168,7 @@ export type OnActionMenuOpenChangeOptions = {
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */
-export type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location | ModifiedBy | ModifiedOn | OwnedBy | OwnedByGroup | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | ReadTime | Snippet | SourceBranch | State | SubscriberCount | SubTasksProgress | StoryPoints | TargetBranch | Title | ViewCount | VoteCount;
+export type ElementItemProps = 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 | SubscriberCount | SubTasksProgress | StoryPoints | TargetBranch | Title | ViewCount | VoteCount;
 /**
  * Represents the props available for an AttachmentCount element.
  * @see AttachmentCount
@@ -336,6 +336,13 @@ export type ReactCount = {
 export type ReadTime = {
     name: ElementName.ReadTime;
 };
+/**
+ * Represents the props available for an SentOn element.
+ * @see SentOn
+ */
+export type SentOn = {
+    name: ElementName.SentOn;
+};
 /**
  * Represents the props available for an Snippet element.
  * @see Snippet

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

@@ -7,6 +7,7 @@ import { DateTimeProps } from './types';
  * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
+ * @see SentOn
  */
 declare const DateTime: React.FC<DateTimeProps>;
 export default DateTime;

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

@@ -1,8 +1,8 @@
 import { ElementProps } from '../types';
-export type DateTimeType = 'created' | 'modified';
+export type DateTimeType = 'created' | 'modified' | 'sent';
 export type DateTimeProps = ElementProps & {
     /**
-     * Whether the date time element text should contain "Modified" or "Created"
+     * Whether the date time element text should contain "Modified" or "Created" or "sent"
      */
     type?: DateTimeType;
     /**

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

@@ -122,6 +122,11 @@ export declare const ReactCount: import("react").FC<BadgeProps>;
  * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
  */
 export declare const ReadTime: import("react").FC<TextProps>;
+/**
+ * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
+ * @see DateTime
+ */
+export declare const SentOn: import("react").FC<DateTimeProps>;
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.15.10",
+  "version": "26.16.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/report.api.md

@@ -479,6 +479,7 @@ type ElementItemProps =
   | Provider_2
   | ReactCount
   | ReadTime
+  | SentOn
   | Snippet
   | SourceBranch
   | State_2
@@ -539,6 +540,8 @@ export enum ElementName {
   // (undocumented)
   ReadTime = 'ReadTime',
   // (undocumented)
+  SentOn = 'SentOn',
+  // (undocumented)
   Snippet = 'Snippet',
   // (undocumented)
   SourceBranch = 'SourceBranch',
@@ -808,6 +811,11 @@ type RetryOptions = {
 // @public (undocumented)
 type ScreenAuthPopupEventProps = CommonEventProps;
 
+// @public
+type SentOn = {
+  name: ElementName.SentOn;
+};
+
 export { SmartCardContext as Context };
 export { SmartCardContext };
 

package/tmp/api-report-tmp.d.ts

@@ -354,7 +354,7 @@ export type ElementItem = {
 } & ElementItemProps;
 
 // @public
-type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location_2 | ModifiedBy | ModifiedOn | OwnedBy | OwnedByGroup | Preview | Priority | ProgrammingLanguage | Provider_2 | ReactCount | ReadTime | Snippet | SourceBranch | State_2 | StoryPoints | SubTasksProgress | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
+type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location_2 | ModifiedBy | ModifiedOn | OwnedBy | OwnedByGroup | Preview | Priority | ProgrammingLanguage | Provider_2 | ReactCount | ReadTime | SentOn | Snippet | SourceBranch | State_2 | StoryPoints | SubTasksProgress | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
 
 // @public
 export enum ElementName {
@@ -405,6 +405,8 @@ export enum ElementName {
     // (undocumented)
     ReadTime = "ReadTime",
     // (undocumented)
+    SentOn = "SentOn",
+    // (undocumented)
     Snippet = "Snippet",
     // (undocumented)
     SourceBranch = "SourceBranch",
@@ -661,6 +663,11 @@ type RetryOptions = {
 // @public (undocumented)
 type ScreenAuthPopupEventProps = CommonEventProps;
 
+// @public
+type SentOn = {
+    name: ElementName.SentOn;
+};
+
 export { SmartCardContext as Context }
 export { SmartCardContext }